/*** Layout Basic Structure ***/

* {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
}

html, body {
	margin: 0;
	padding: 0;
	font: 11px normal Arial, Helvetica, Sans-serif;
	height: 100%;
	/* background: #B09E7A; */
	background: #757573 url(../img/b_grey01.jpg) repeat-x scroll 0 0;
}

/*body {
	background: url(../img/testbg.jpg) bottom left repeat-x;
}*/

img, a {
	border: 0;
}

div#container {
	position: relative; 		/* needed for footer positioning*/
	margin: 0 auto;				/* center, not in IE5 
/*	min-width: 1000px;
	max-width: 1100px;
*/	height: auto !important; 	/* real browsers */
	height: 100%; 				/* IE6: treaded as min-height*/
	min-height: 100%; 			/* real browsers */
/*	background: #fff;
*/
}

div#content {
	padding-bottom: 50px;
}

div#bottom {
	z-index: 1;
	position: absolute;
	width: 100%;
	bottom: 0;
}




/*** Layout Element: HEADER ***/

#header {
	position: relative;
	height: 56px;
	background-repeat: repeat-x;
	background-position: 0 0;
}

	#header .top, #header .bottom {
		text-align: right;
		margin: 0 60px 0 0;
		padding: 5px 0 0 0;
	}

	#header .logo {
		float: left;
		width: 122px;
		height: 56px;
		background-repeat: no-repeat;
	}

		#header .logo span {
			display: none;
		}

	#header .avatar {
		display: block;
		position: absolute;
		top: 3px;
		right: 3px;
		width: 48px;
		height: 48px;
		overflow: hidden;
	}

		#header .avatar img {
			border: 0;
			width: 48px;
			height: 48px;
		}

	#header .greeting, #header .owner {
		display: inline;
	}

	#header .teaser {
		float: left;
		margin: 3px 0 0 0;
	}

		#header .teaser .separator {
			margin-right: 10px;
		}

		#header .teaser li {
			display: inline;
			margin: 0 0 0 5px;
			list-style: none outside none;
			font-size: 12px;
			font-weight: bold;
		}

	#header .greeting {
		font-size: 14px;
		margin: 0 10px 0 0;
	}

		#header .greeting .highlight {
			text-decoration: underline;
		}

	#header .owner {
		font-size: 22px;
	}

	#header .menu {
		display: inline;
	}

	#header .menu li {
		display: inline;
		margin: 0 0 0 5px;
		list-style: none outside none;
		font-size: 12px;
		font-weight: bold;
	}

#tabs {
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 120px;
}

	#tabs li {
		float: left; /* important */
		margin: 0 6px 0 0;
		list-style: none outside none;
		font-size: 14px;
		font-weight: bold;
	}

	#tabs li.begin {
		margin-right: 15px;
	}

	#tabs li.end {
		margin-left: 15px;
	}

		#tabs li a {
			display: block; /* important */
			float: left; /* important */
			padding: 3px 5px 3px 0;
			font-size: 14px;
			text-decoration: none;
		}

		#tabs li.inactive a {
			background-repeat: repeat-x;
			background-position: 0 -78px;
		}

		#tabs li.active a, #tabs li a:hover {
			background-repeat: repeat-x;
			background-position: 0 -56px;
		}

			#tabs li a span {
				padding: 3.01px 0 3px 5px;
			}

	#tabs li.start {
		margin-left: 15px;
	}

	#tabs li.end {
		margin-right: 20px;
	}

#path {
	height: 18px;
	padding: 4px 0 0 6px;
	font-weight: bold;
	background-repeat: repeat-x;
	background-position: 0 -100px;
	position: relative;
}

	#path .separator {
		font-weight: normal;
		font-size: 9px;
	}

	#path a {
		text-decoration: none;
	}

	#path a.toggle_header {
		display: block;
		padding-right: 20px;
		position: absolute;
		top: 3px;
		right: 5px;
		height: 16px;
	}

	#path img {
		vertical-align: middle;
	}

	#path a.more {
		background: url(../img/bullet_arrow_down.gif) no-repeat top right;
	}

	#path a.less {
		background: url(../img/bullet_arrow_up.gif) no-repeat top right;
	}

#messages {
	display: none;
	padding: 5px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

	#messages span {
		padding: 0 0 0 20px;
		background-repeat: no-repeat;
	}
	
	
	
	

/*** Layout Element: FOOTER ***/
	
#footer {
	/*clear: both;*/
	margin: 10px;
	color: #000;
}

#footer a {
	color: #304f61;
}

#footer .disclamer {
	text-align: center;
	background-color: #c5e2f1;
}

#footer a.disabled {
	text-decoration: none;
	cursor: not-allowed;
}





/********** General  **********/

#container {
	height: 100%;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

.content  {
	position: relative;
	background-repeat: repeat-x;
	z-index: 1;
	min-height: 100%;
}

.floater {
	position: absolute;
	z-index: -1;
}

.floater span {
	visibility: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	padding: 2px;
	background: black;
	color: white;
	border: 1px solid white;
}

.content .main .provider a.photozig {
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	width: 107px;
	height: 50px;
}

.content .main .provider a.photozig span {
	display: none;
}

.dialog, .loading, .photo .counter, #lightbox_hidden_gallery {
	display: none;
}

.errors_panel {
	border: 2px dashed red;
	background: #fff;
	color: #000;
	font-size: 14px;
	margin: 10px;
	padding: 10px;
}

/********** External Components  **********/

/*** JQuery Plugin - SimpleModal ***/
#modalOverlay {
	background-color: #000;
}

#modalContainer {
	top: 25px;
	width: 400px;
}

/*** JQuery Plugin - Rating ***/
.rating .cancel {
	display: none;
}

/********** Internal Components  **********/
.dialog .message, .dialog .notes {
	clear: both;
	margin: 5px 0 0 0;
}

/*** Profile Dialog ***/
#dialogProfile {
	position: absolute;
	width: 500px;
	top: 290px;
	left: 130px;
}

#dialogProfile a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogProfile br {
	clear: both;
}

#dialogProfile label span {
	display: block;
	float: left;
	width: 100px;
}

#dialogProfile .bd, #dialogProfile .ft {
	padding: 10px;
	background: #FFF;
}

#dialogProfile .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogProfile .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogProfile .bd img {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

#dialogProfile .bd input, #dialogProfile .bd textarea {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#dialogProfile .bd select {
	width: 225px;
}

#dialogProfile .bd .text {
	width: 222px;
}

#dialogProfile .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogProfile .ft {
	text-align: right;
}

#dialogProfile .ft .ok {
	font-weight: bold;
}

#dialogProfile .callout {
	position: absolute;
	top: 100pt;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** Change Password Dialog ***/
#dialogPassword {
	position: absolute;
	width: 300px;
	top: 372px;
	left: 200px;
}

#dialogPassword a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogPassword br {
	clear: both;
}

#dialogPassword label span {
	display: block;
	float: left;
	width: 125px;
}

#dialogPassword .bd, #dialogPassword .ft {
	padding: 10px;
	background: #FFF;
}

#dialogPassword .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogPassword .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogPassword .bd input {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#dialogPassword .bd .text {
	width: 222px;
}

#dialogPassword .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogPassword .ft {
	text-align: right;
}

#dialogPassword .ft .ok {
	font-weight: bold;
}

#dialogPassword .callout {
	position: absolute;
	top: 80px;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** Change Email Dialog ***/
#dialogEmail {
	position: absolute;
	width: 400px;
	top: 360px;
	left: 200px;
}

#dialogEmail a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogEmail br {
	clear: both;
}

#dialogEmail label span {
	display: block;
	float: left;
	width: 125px;
}

#dialogEmail .bd, #dialogEmail .ft {
	padding: 10px;
	background: #FFF;
}

#dialogEmail .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogEmail .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogEmail .bd input {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 222px;
}

#dialogEmail .bd p.current {
	margin-bottom: 10px;
}

#dialogEmail strong {
	padding-left: 54px;
}

#dialogEmail .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogEmail .ft {
	text-align: right;
}

#dialogEmail .ft .ok {
	font-weight: bold;
}

#dialogEmail .callout {
	position: absolute;
	top: 80px;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** User Communities Dialog ***/
#dialogUserCommunities {
	position: absolute;
	width: 500px;
	top: 402px;
	left: 180px;
}

#dialogUserCommunities a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogUserCommunities br {
	clear: both;
}

#dialogUserCommunities label span {
	display: block;
	float: left;
	width: 100px;
}

#dialogUserCommunities .bd {
	height: 140px;
}

#dialogUserCommunities .bd, #dialogUserCommunities .ft {
	padding: 10px;
	background: #FFF;
}

#dialogUserCommunities .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogUserCommunities .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogUserCommunities .bd img {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

#dialogUserCommunities .bd input, #dialogUserCommunities .bd textarea, #dialogUserCommunities .bd select {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#dialogUserCommunities .bd select {
	width: 225px;
}

#dialogUserCommunities .bd .text {
	width: 222px;
}

#dialogUserCommunities .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogUserCommunities .ft {
	text-align: right;
}

#dialogUserCommunities .ft .ok {
	font-weight: bold;
}

#dialogUserCommunities .callout {
	position: absolute;
	top: 82px;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** Comments Settings Dialog ***/
#dialogCommentsSettings {
	position: absolute;
	width: 250px;
	top: 416px;
	left: 180px;
}

#dialogCommentsSettings a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogCommentsSettings br {
	clear: both;
}

#dialogCommentsSettings label span {
	display: block;
	float: left;
	width: 200px;
}

#dialogCommentsSettings .bd {
	height: 100px;
}

#dialogCommentsSettings .bd, #dialogCommentsSettings .ft {
	padding: 10px;
	background: #FFF;
}

#dialogCommentsSettings .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogCommentsSettings .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogCommentsSettings .bd img {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

#dialogCommentsSettings .bd input, #dialogCommentsSettings .bd textarea, #dialogCommentsSettings .bd select {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#dialogCommentsSettings .bd select {
	width: 225px;
}

#dialogCommentsSettings .bd .text {
	width: 222px;
}

#dialogCommentsSettings .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogCommentsSettings .ft {
	text-align: right;
}

#dialogCommentsSettings .ft .ok {
	font-weight: bold;
}

#dialogCommentsSettings .callout {
	position: absolute;
	top: 82px;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** User DefaultCommunity Dialog ***/
#dialogUserDefaultCommunity {
	position: absolute;
	width: 400px;
	top: 388px;
	left: 180px;
}

#dialogUserDefaultCommunity label span {
	display: block;
	float: left;
	width: 150px;
}

#dialogUserDefaultCommunity .bd {
	height: 140px;
}

#dialogUserDefaultCommunity .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogUserDefaultCommunity .bd, #dialogUserDefaultCommunity .ft {
	padding: 10px;
	background: #FFF;
}

#dialogUserDefaultCommunity .bd input {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#dialogUserDefaultCommunity .bd legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#dialogUserDefaultCommunity .bd fieldset {
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
}

#dialogUserDefaultCommunity .bd select {
	width: 380px;
}

#dialogUserDefaultCommunity .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogUserDefaultCommunity .ft {
	text-align: right;
}

#dialogUserDefaultCommunity .ft .ok {
	font-weight: bold;
}

#dialogUserDefaultCommunity .callout {
	position: absolute;
	top: 82px;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** Display Options Dialog ***/
#dialogDisplayOptions {
	position: absolute;
	width: 450px;
	top: 454px;
	left: 130px;
}

#dialogDisplayOptions a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogDisplayOptions br {
	clear: both;
}

#dialogDisplayOptions label span {
	display: block;
	float: left;
	width: 100px;
}

#dialogDisplayOptions .bd, #dialogDisplayOptions .ft {
	padding: 10px;
	background: #FFF;
}

#dialogDisplayOptions .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogDisplayOptions .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogDisplayOptions .bd img {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

#dialogDisplayOptions .bd input, #dialogDisplayOptions .bd textarea {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

#dialogDisplayOptions .bd select {
	width: 225px;
}

#dialogDisplayOptions .bd .text {
	width: 222px;
}

#dialogDisplayOptions .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogDisplayOptions .ft {
	text-align: right;
}

#dialogDisplayOptions .ft .ok {
	font-weight: bold;
}

#dialogDisplayOptions .callout {
	position: absolute;
	top: 43pt;
	left: -11px;
	width: 11px;
	height: 22px;
	background: url(../img/leftarrow.gif) no-repeat;
}

/*** Follow Dialog ***/
#dialogFollow {
	position: absolute;
	width: 400px;
	top: 292px;
	left: 130px;
}

#dialogFollow a {
	text-decoration: underline;
	font-weight: normal;
}

#dialogFollow br {
	clear: both;
}

#dialogFollow label span {
	display: block;
	float: left;
	width: 100px;
}

#dialogFollow .bd, #dialogFollow .ft {
	padding: 10px;
	background: #FFF;
}

#dialogFollow .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#dialogFollow .bd .title {
	margin-bottom: 10px;
	font-size: 14px;
}

#dialogFollow .bd p {
	margin-bottom: 10px;
}

#dialogFollow .bd img {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
}

#dialogFollow .bd input, #dialogFollow .bd textarea {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	width: 200px;
}

#dialogFollow .bd select {
	width: 225px;
}

#dialogFollow .bd .text {
	width: 222px;
}

#dialogFollow .bd .message {
	font-weight: bold;
	clear: both;
}

#dialogFollow .ft {
	text-align: right;
}

#dialogFollow .ft .ok {
	font-weight: bold;
}




/*** Auth Dialog ***/
#auth_dialog {
	display: none;
	position: absolute;
	width: 420px;
}

#auth_dialog a {
	text-decoration: underline;
	font-weight: normal;
}

#auth_dialog label {
	display: block;
	float: left;
	width: 90px;
}

#auth_dialog br {
	clear: both;
}

#auth_dialog .bd, #auth_dialog .ft {
	padding: 10px;
	background: #FFF;
}

#auth_dialog .hd {
	height: 11px;
	background: url(../img/uparrow.gif) no-repeat;
}

#auth_dialog .hd.left {
	background-position: 10px bottom;
}

#auth_dialog .hd.right {
	background-position: 368px bottom;
}

#auth_dialog .bd img {
	float: right;
	display: inline;
}

#auth_dialog .bd input, #auth_dialog .bd textarea {
	margin-right: 10px;
	margin-bottom: 20px;
	float: left;
}

#auth_dialog .bd select {
	width: 225px;
}

#auth_dialog .bd .text {
	width: 157px;
}

#auth_dialog .bd .separator {
	position: absolute;
	top: 53px;
	left: 23px;
	color: #666;
	font-size: 9px;
}

#auth_dialog .bd  .panel {
	clear: both;
	display: none;
}

#auth_dialog .bd .message {
	font-weight: bold;
	clear: both;
}

#auth_dialog .bd .tip {
	color: #999;
	font-size: 80%;
	padding: 0;
}

#auth_dialog .bd .footer {
	color: #00c;
	margin: 0 0 15px 0;
	clear: both;
	position: relative;
}

#auth_dialog .bd .terms {
	margin: 5px 0 5px 0;
	font-size: 90%;
}


#auth_dialog .bd .title {
	margin-bottom: 10px;
	float: left;
	font-size: 14px;
}

#auth_dialog .bd .subtitle {
	font-size: 12px;
}

#auth_dialog .bd .email {
	width: 247px;
}

#auth_dialog .bd .community .options .search {
	display: block;
}

#auth_dialog .bd .community button {
	font-size: 11px;
	margin: 0 5px 0 0;
}

#auth_dialog .bd input.community {
	border: 1px solid #CCC;
}

#auth_dialog .bd div.forgot_password {
	display: none;
}

#auth_dialog .bd .ok {
	display: none;
}

#auth_dialog .ft {
	text-align: right;
}

#auth_dialog .ft .ok {
	font-weight: bold;
}

#auth_dialog fieldset.scope {
	padding: 3px;
}

#auth_dialog fieldset.scope label {
	display: inline;
	float: none;
	width: auto;
}

#auth_dialog fieldset.scope input {
	float: none;
	margin: 0;
}

#auth_dialog fieldset.scope span {
	vertical-align: center;
}

#auth_dialog .ft a.pznet {
	float: left;
}

/*** Progress Dialog ***/
#simpleDialogProgressContainer {
	display: none;
	position: absolute;
	width: 400px;
	height: 137px;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -200px;
	font-size: 13px;
	font-weight: bold;
	background: #FFF;
	padding: 10px;
}

#simpleDialogProgressContainer .bd {
	height: 105px;
	overflow: auto;
	margin-bottom: 10px;
}

/*#simpleDialogProgressContainer .bd .messages {
	width: 100%;
	height: 32px;
} */

#simpleDialogProgressContainer .ft {
	text-align: right;
}

/********** Page Module: ALL OTHER (separate by control and main)  **********/
.content {
	font-size: 12px;
	font-weight: bold;
}

.content h1 {
	font-size: 24px;
}

.content h3 {
	font-size: 14px;
}

#info {
	position: absolute;
	display: none;
	width: 160px;
	padding: 5px;
	overflow: hidden;
	font-weight: normal;
	font-size: 14px;
	border: 1px solid;
	background-repeat: no-repeat;
	z-index: 9999;
}

#info .title {
	height: 16px;
	overflow: hidden;
	font-size: 14px;
}

#info .location {
	height: 16px;
	overflow: hidden;
	font-size: 14px;
	text-decoration: oblique;
}

#info .description {
	height: 32px;
	overflow: hidden;
	font-size: 14px;
}

/********** WEBALBUM  **********/

/*** Main ***/
.webalbum .content .main div.left {
	float: left;
	width: 700px;
	background-repeat: no-repeat;
}

.webalbum .content .main div.left .private {
	display: none;
}

.webalbum .content .main div.right {
	margin-left: 710px;
}

.webalbum .content .main .provider {
	height: 50px;
	margin: 10px 0 0 0;
	padding: 4px 0 0 120px;
	font-weight: bold;
}

/*** Main - Info/Toolbar ***/
.webalbum .content .toolbar div.tbuptbdown {
	position: relative;
	float: left;
	margin: 10px 0 0 5px;
	z-index: 25;
}

.webalbum .content .toolbar div.tbuptbdown a.tbuptbdown {
	display: block;
	float: left;
	height: 16px;
	width: 16px;
/*	padding: 0 0 0 20px;*/
	background: url(../img/tbuptbdown.gif) no-repeat;
}

.webalbum .content .toolbar div.rating {
/*	display: none;
	float: left;
*//*	margin: 10px 0 15px 0;*/
	display: none;
	position: absolute;
	border: 1px dashed;
	padding: 2px;
	background: #fff;
	top: 0;
	left: 0;
	width: 85px;
	height: 15px;
}

.webalbum .content .toolbar div.location {
	float: left;
	margin: 10px 0 0 5px;
}

.webalbum .content .toolbar div.location a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.webalbum .content .toolbar div.community {
	float: left;
	margin: 10px 0 0 5px;
}

.webalbum .content .toolbar div.community a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 -16px;
}

.webalbum .content .toolbar div.blog {
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.blog a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 -32px;
}

.webalbum .content .toolbar div.storyboard {
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.storyboard a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 -32px;
}

.webalbum .content .toolbar div.send {
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.send a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 -48px;
}
/*
.webalbum .content .toolbar div.shareit {
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.shareit a {
	display: block;
	float: left;
	height: 16px;
}
*/

.webalbum .content .toolbar div.skin {
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.skin a.skin {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background: url(../img/palette.png) no-repeat;
}

.webalbum .content .toolbar div.follow {
	position: relative;
	float: left;
	margin: 10px 0 0 5px;
}

.webalbum .content .toolbar div.follow a.follow {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background: url(../img/bell.png) no-repeat;
}

.webalbum .content .toolbar div.slides {
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.slides a.slides {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background: url(../img/film.png) no-repeat;
}

.webalbum .content .toolbar div.shareit {
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.shareit a.shareit {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background: url(../img/share-icon-16x16.png) no-repeat;
}

.webalbum .content .toolbar div.print_gift {
	position: relative;
	float: left;
	margin: 10px 0 0 10px;
	height: 16px;
	padding: 0 0 0 20px;
	background: url(../img/photos.png) no-repeat;
}

/*.webalbum .content .toolbar div.print_gift a.print_gift {
	display: block;
	float: left;	
}*/

.stbuttontext {
	line-height: 11px !important;
}

a.stbutton {
	padding: 1px 0 5px 22px !important;
}

.webalbum .content .toolbar div.view_comments {
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.view_comments a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 -112px;
}

.webalbum .content .toolbar div.download_bigger_photo {
	float: left;
	margin: 10px 0 0 10px;
}

.webalbum .content .toolbar div.download_bigger_photo a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: 0 -128px;
}

.webalbum .content .toolbar div.ads {
	float: left;
	margin-top: 10px;
}

.webalbum .content .toolbar div.ads a {
	display: block;
	float: left;
	height: 16px;
	padding: 0 0 0 20px;
	margin-left: 10px;
	background-repeat: no-repeat;
}

/*** Main - Navigator Controls ***/
.webalbum .content .main .navigator {
	clear: both;
	height: 25px;
	margin: 0 0 0 448px;
	padding: 16px 0 16px 0;
}

.webalbum .content .main .navigator .counter, .webalbum .content .main .navigator .control {
	float: left;
	margin: 0 0 0 10px;
}

.webalbum .content .main .navigator .counter {
	cursor: pointer;
}

.webalbum .content .main .navigator .control {
	display: block;
	width: 71px;
	height: 20px;
}

.webalbum .content .main .navigator .control span {
	display: none;
}

.webalbum .content .main .navigator .previous {
	background-repeat: no-repeat;
	background-position: 0 0;
}

.webalbum .content .main .navigator .next {
	background-repeat: no-repeat;
	background-position: -71px 0;
}

/*** Main - Thumbs ***/
.webalbum .content .thumbs {
	list-style: none;
}

.webalbum .content .thumbs .cover {
	float: left;
}

.webalbum .content .thumbs .cover .wrapper {
	overflow: hidden;
	text-align: center;
}

.webalbum .content .main .albums .thumbs li,
.webalbum .content .main .photos .thumbs li {
	margin: 0 10px 10px 0;
}

/*** Main - Box Ads Panel ***/
#adsPanel {
	/* display: none; */
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 712px;
	width: 270px;
}

/*** Main - Suggested Albums's Panel ***/
#suggested {
	display: none;
	position: absolute;
	z-index: 0;
	top: 10px;
	left: 712px;
	width: 250px;
	padding: 10px;
	background-repeat: repeat-x;
}

#suggested .hd h3 {
	display: block;
	border-bottom: 1px solid;
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
}

#suggested .bd li {
	height: 95px;
}

#suggested .bd .cover {
	margin-right: 8px;
}

#suggested .bd .title {
	margin: 0 0 3px 0;
	font-size: 11px;
}

#suggested .bd .owner {
	margin: 0 0 4px 0;
	font-size: 8px;
}

#suggested .bd .desc {
	display: block;
	width: 127px;
	height: 30px;
	margin: 0 0 4px 0;
	overflow: hidden;
	font-size: 10px;
}

#suggested .bd .dateHits {
	display: block;
	font-size: 7px;
}

#suggested .bd .rating {
	float: left;
	margin: 3px 0 0 0;
	width: 82px;
	height: 15px;
}

#suggested .bd .rating span {
	font-size: 10px;
	display: none;
}

#suggested .ft {
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

#suggested .bd .stars1 {
	background-repeat: no-repeat;
	background-position: 0 0;
}

#suggested .bd .stars2 {
	background-repeat: no-repeat;
	background-position: 0 -15px;
}

#suggested .bd .stars3 {
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

#suggested .bd .stars4 {
	background-repeat: no-repeat;
	background-position: 0 -45px;
}

#suggested .bd .stars5 {
	background-repeat: no-repeat;
	background-position: 0 -60px;
}

#suggested .thumbs .cover {
	padding: 5px 0 0 5px;
	width: 84px;
	height: 84px;
	background-repeat: no-repeat;
}

#suggested .thumbs .wrapper {
	width: 75px;
	height: 75px;
}

.webalbum  .content .main .info .description a.more, .webalbum  .content .main .info .description a.less {
	text-decoration: none;
	font-size: 0.75em;
}

.webalbum  .content .main .info {
	padding-bottom: 10px;
}

/*** Page: ALBUMS ***/
.webalbum .content .main .albums .cover {
	padding: 3px 0 0 3px;
	background-repeat: no-repeat;
	width: 127px;
	height: 97px;
	overflow: hidden;
}

.webalbum .content .main .albums .cover.current {
	background-repeat: no-repeat;
	background-position: 0 -100px;
}

.webalbum .content .main .albums .wrapper {
	width: 120px;
	height: 90px;
}

/*** Page: PHOTOS ***/
.webalbum .photos .main .album .title {
	vertical-align: middle;
}

.webalbum .photos .main .album .date, .webalbum .photos .main .album .qtty {
	vertical-align: middle;
	font-size: 0.6em;
}

.webalbum .photos .main .photos .cover {
	width: 123px;
	height: 93px;
	padding: 3px 0 0 3px;
	border: 1px solid;
}

.webalbum .photos .main .photos .cover .wrapper {
	width: 120px;
	height: 90px;
	text-align: center;
}

.webalbum .photos .main .photos .cover.current {
	border: 1px dashed;
}

/*** Page: DETAILS ***/
.webalbum .details .main .left .info .rating {
	height: 50px;
}

.webalbum .details .main .left .photo {
	clear: both;
	padding-top: 35px;
}

.webalbum .details .main .photo .control, .webalbum .details .main .photo .cover {
	display: block;
	float: left;
}

.webalbum .details .main .photo .control {
	width: 56px;
	height: 84px;
	margin: 150px 10px 0 10px;
}

.webalbum .details .main .photo .control span {
	display: none;
}

.webalbum .details .main .photo .nextActive {
	background-repeat: no-repeat;
	background-position: -168px 0;
}

.webalbum .details .main .photo .nextInactive {
	background-repeat: no-repeat;
	background-position: -56px 0;
}

.webalbum .details .main .photo .previousActive {
	background-repeat: no-repeat;
	background-position: -112px 0 ;
}

.webalbum .details .main .photo .previousInactive {
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.webalbum .details .main .photo .cover {
	width: 500px;
	padding: 7px;
	border: 1px solid;
	position: relative;
	background-position: center center;
}

.webalbum .details .main .photo .cover .wrapper {
	width: 500px;
	height: 375px;
	overflow: hidden;
	text-align: center;
}

.webalbum .details .main .photo .cover .wrapper img {
	background-position: center center;
	background-repeat: no-repeat;
}

.webalbum .details .main .photo .cover .desc {
	margin: 10px 0 0 0;
	font-weight: normal;
	font-style: oblique;
}

.webalbum .details .main .photo .cover .toolbar {
	position: absolute;
	top: -20px;
	right: 0;
}

.webalbum .details .main .photo .cover .title {
	position: absolute;
	top: -20px;
	left: 0;
}

.webalbum .details .main .original {
	margin: 10px 0 0 0;
	font-size: 0.85em;
	font-weight: normal;
}

.webalbum .details .main .original button {
	font-size: 1em;
}

.webalbum .details .main .photo .cover .desc {
	color: #5F5F5F;
	font-weight: bold;
}

.webalbum .details .main .original .request a {
	color: #5760a5;
}

.webalbum .details .main .comments {
	clear: both;
	padding-top: 30px;
}

.webalbum .details .main .comments h3.header {
	float: left;
	padding: 3px 0 0 33px;
	height: 24px;
	font-size: 18px;
}

.webalbum .details .main .comments  a.view_add {
	display: block;
	float: left;
	margin: 5px 0 0 25px;
	padding: 0 0 0 21px;
	width: 20px;
	height: 20px;
}

.webalbum .details .main .comments  .permission {
	margin: 5px 0 0 20px;
	font-weight: normal;
	float: left;
}

.webalbum .details .main .comments  .permission label span {
	font-weight: bold;
}

.webalbum .details .main .comments .list {
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 0 32px;
}

.webalbum .details .main .comments .list ul {
	list-style: none outside none;
}

.webalbum .details .main .comments .list ul li {
	margin: 0 0 10px 0;
}

.webalbum .details .main .comments .list ul li h6 {
	font-size: 1em;
}

.webalbum .details .main .comments .list ul li p.comment {
	font-weight: normal;
	font-style: oblique;
}

.webalbum .details .main .comments .list ul li p.date {
	font-size: 0.65em;
}

.webalbum .details .main .comments .add {
	padding: 20px 0 0 0;
}

.webalbum .details .main .comments .add form {
	margin: 10px 0 0 0;
}

.webalbum .details .main .comments .add form label span {
	display: block;
	float: left;
	width: 100px;
}

.webalbum .details .main .comments .add form input, .webalbum .details .main .comments .add form textarea {
	width: 300px;
}

.webalbum .details .main .comments .add form br {
	clear: both;
}

/*** Page: SLIDESHOW ***/

body.slideshow {
 background: #303030 url(../img/transparent1px.png);
 min-height: 800px;
}

.slideshow #container {
	/*height: 100%;*/
	min-height: 800px;
	position: relative;
	background-color: #333;
}

.slideshow #content {
	position: static;
	padding: 0;
	min-height: 0;
}

.slideshow #top {
	z-index: 1;
}

.slideshow #footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}

.slideshow #footer p.disclamer {
	background: transparent !important;
	color: #fff !important;
	font-weight: bold;
	padding: 5px;
}

.slideshow #footer p.disclamer a {
	color: #fff !important;
	font-weight: normal !important;
}

.webalbum .slideshow .main .slides {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 600px;
	margin-top: -240px;
	margin-left: -400px;
/*	border: 1px solid #fff;*/
}

.webalbum .slideshow .main .movie {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 600px;
	margin-top: -240px;
	margin-left: -400px;
	display: none;
/*	border: 1px solid #fff;*/
}

.webalbum .slideshow .info .title, .webalbum .slideshow .info .photoTitle {
	text-align: center;
}

.webalbum .slideshow .info .title {
	padding-top: 5px;
}

.webalbum .slideshow .info .photoTitle {
	color: #ccc;
}

/* SLIDESHOW NEXT/PREV BIG BUTTONS */
.webalbum .slideshow .main .control {
	position: absolute;
	display: block;
	width: 56px;
	height: 84px;
	top: 50%;
}

.webalbum .slideshow .main .control span {
	display: none;
}

.webalbum .slideshow .main .prev {
	left: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.webalbum .slideshow .main .next {
	right: 10px;
	background-repeat: no-repeat;
	background-position: -56px 0;
}

/* TEXT: END OF SLIDESHOW */
.webalbum .slideshow .end {
	display: none;
	font-size: 14px;
	float: left;
}

/* TOP */
.webalbum .slideshow .top {
	position: relative;
	height: 50px;
	padding: 10px;
	background-repeat: repeat-x;
	background-position: bottom left;
	z-index: 1;
}

.webalbum .slideshow .top .rating {
	float: left;
}

.webalbum .slideshow .top .counter {
	float: right;
	font-size: 14px;
}

/* TOOLBAR */
.webalbum .slideshow .top .toolbar {	
	clear: both;
	position: absolute;
	top: -15px;
	right: 80px;	
	width: 262px;
	height: 28px;
	padding: 3px 3px 0 3px;	
	background-repeat: no-repeat;
}

.webalbum .slideshow .top .toolbar a {
	display: block;
	float: left;
	margin-right: 3px;
	font-size: 14px;
}

.webalbum .slideshow .top .toolbar a:hover, .webalbum .slideshow .top .toolbar a.current {
	text-decoration: none;
}

.webalbum .slideshow .top .toolbar .control {
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
}

.webalbum .slideshow .top .toolbar .control span {
	display: none;
}

/* TOOLBAR BUTTON SPRITE */
.webalbum .slideshow .top .toolbar .prev {
	background-position: 0 0;
}

.webalbum .slideshow .top .toolbar .play {
	background-position: -22px 0;
}

.webalbum .slideshow .top .toolbar .pause {
	background-position: -44px 0;
}

.webalbum .slideshow .top .toolbar .next {
	background-position: -66px 0;
}

.webalbum .slideshow .top .toolbar .fullscreen {
	background-position: -88px 0;
}

.webalbum .slideshow .top .toolbar .close {
	background-position: -110px 0;
}

.webalbum .slideshow .top .toolbar .speed {
	display: none;
	float: left;
	margin: 2px 0 0 10px;
}

/* SLIDER */
.webalbum .slideshow .top .toolbar .slider_label {
	float: right;
	padding: 3px 0 3px 0;
	font-size: 12px;
	color: #ccc;
}

.webalbum .slideshow .top .toolbar .slider {
	float: right;
	width: 75px;
	margin: 4px 5px 0 5px;
	margin-top: 3px;
}

.webalbum .slideshow .top .toolbar .slider .ui-slider-handle {
	top: -5px;
	width: 10px;
	height: 12px;
	margin-left: -5px;
}

.webalbum .slideshow .top .toolbar .ui-slider-horizontal {
	height: 5px;
	margin-top: 9px;
}

/* FULLSCREEN */
.webalbum .fullscreen_slideshow .top .toolbar {
	top: 0px;
	right: 0;
	padding-right: 0;
}

.webalbum .fullscreen_slideshow .info .title {
	padding-top: 25px;
}

/*** PAGE: Upload ***/
 .upload .main {
	width: 957px;
	margin: 0 auto;
	font-size: 12px;
}

.upload .main .flash {
	float: left;
	width: 640px;
	height: 480px;
	/* margin-left: 17px; */
}

.upload  .main h1 {
	margin-bottom: 15px;
	margin-left: 380px;
	font-size: 24px;
}

.upload  .main .info {
	float: left;
	width: 280px;
	height: 465px;
	background: #5489A8;
	margin-right: 17px;
	padding-bottom: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	font-weight: bold;
}

.upload  .main .info h3 {
	color: #fff;
}

.upload  .main .info ul {
	margin-top: 2px;
	margin-bottom: 2px;
}

.upload  .main .info ul li {
	list-style: disc outside none;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #C8E9FA !important
}

.upload  .main .info .panel {
	margin: 10px 10px 0 10px;
	color: #C8E9FA;
}

.upload  .main .info .panel a {
	color: #fff;
}

/*** Share ***/
.webalbum .share .main, .webalbum .share .main .links {
	padding-bottom: 6px;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.webalbum .share .main .tip, .webalbum .share.main .links .tip {
	padding-left: 10px;
	font: 9px oblique Arial, Helvetica, sans-serif;
}

.webalbum .share .main form, .webalbum .share .main .links {
	padding: 10px 16px 10px 10px;
}

.webalbum .share .main h1 {
	height: 60px;
	padding: 6px 0 0 70px;
	background-repeat: no-repeat;
	font-size: 24px;
}

.webalbum .share .main h1 .tip {
	font: 12px normal Arial, Helvetica, sans-serif;
}

.webalbum .share .main h1 .tip a {
	font-weight: bold;
}

.webalbum .share .main fieldset {
	border: 0;
	margin: 0 0 10px 0;
}

.webalbum .share .main legend {
	font-weight: bold;
	margin: 0;
	padding: 3px 0 8px 30px
}

.webalbum .share .main .options legend {
	background-repeat: no-repeat;
}

.webalbum .share .main .emails, .community .share .main .emails, .webalbum .share .main .captcha, .community .share .main .captcha  {
	float: left;
	margin-right: 20px;
}

.webalbum .share .main .sender, .community .share .main .sender {
	clear: both;
}

.webalbum .share .main .sender legend {
	padding-left: 0;
}

.webalbum .share .main .emails legend {
	background-repeat: no-repeat;
}

.webalbum .share .main .emails .send {
	vertical-align: top;
	margin-top: 20px;
}

.webalbum .share .main .links {
	height: 120px;
	margin-top: 10px;
}

.webalbum .share .main .links h2 {
	margin-bottom: 10px;
	font-size: 16px;
}

.webalbum .share .main .links label, .webalbum .share .main .links input {
	display: block;
	float: left;
	margin-bottom: 5px;
	width: 400px;
}

.webalbum .share .main .links label {
	width: 150px;
}

.webalbum .share .main .links br {
	clear: left;
}

.webalbum .share .main .sender legend {
	background-repeat: no-repeat;
}

.webalbum .share .main .recipients, .webalbum .share .main .sender textarea {
	width: 350px;
	height: 83px;
}

.webalbum .share .main .sender input {
	width: 350px;
}

.webalbum .share .main .cover {
	float: right;
	text-align: center;
	border: 1px solid;
	padding: 10px 16px 16px 10px;
	width: 200px;
}

.webalbum .share .main .cover img {
	border: 1px solid;
}

.webalbum .share .main .cover a {
	display: block;
	height: 22px;
	padding-left: 25px;
	background-repeat: no-repeat;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.webalbum .share .main .captcha img {
	width: 130px;
	height: 42px;
}

.webalbum .share .main .captcha #challenge {
	width: 130px;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer {
	display: none;
	position: absolute;
	width: 400px;
	height: 300px;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -150px;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .hd {
	font-size: 15px;
	margin-bottom: 5px;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .bd {
	margin-bottom: 10px;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .bd .photos {
	text-align: center;
	height: 218px;
	overflow: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .bd .photos img.selected {
	border: 5px solid blue;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .bd select {
	width: 350px;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .bd .photos ul {
	list-style: none outside none;
}

.webalbum #simpleDialogChangeAlbumPhotoContainer .ft {
	text-align: right;
}

/*** Page: CONTACT-US ***/

.webalbum .contactus .main{
	background-color: #FFFFFF;
}
.webalbum .contactus fieldset {
	border: 0;
}

.webalbum .contactus input, .webalbum .contactus textarea, .webalbum .contactus select {
	margin: 0 0 5px 0;
}

.webalbum .contactus #contact_form_panel {
	padding-bottom: 6px;
}

.webalbum .contactus #contact_form {
	padding: 10px 16px 10px 10px;
}

.webalbum .contactus #contact_form label {
	display: block;
	float: left;
	width: 130px;
	text-align: right;
	margin-right: 19px;
}

.webalbum .contactus #contact_form br {
	clear: both;
}

.webalbum .contactus #contact_header {
	padding: 0 0 5px 0px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid;
}

.webalbum .contactus #predef_subjects {
	position: absolute;
	display: none;
}

.webalbum .contactus #subject, .webalbum .contactus #message {
	width: 400px;
}

.webalbum .contactus #sendcopy_label {
	font-weight: normal;
}

.webalbum .contactus #sendmessage {
	margin: 10px 0 0 0;
}

.webalbum .contactus .progress,
.webalbum .contactus .success,
.webalbum .contactus .failure {
	padding: 5px 5px 5px 30px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.webalbum .contactus .progress,
.webalbum .contactus .success,
.webalbum .contactus .failure {
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.webalbum #contact_form .captcha img {
	width: 130px;
	height: 42px;
	float: left;
	margin-right: 19px;
}


/*** Page: ALBUMS BLOG ***/
.webalbum .albumsBlog .main .albums .thumbs .cover {
	float: none;
	width: auto;
}

.webalbum .albumsBlog .main .albums .thumbs .cover .wrapper {
	float: left;
}

.webalbum .albumsBlog .main .albums .thumbs .cover .info {
	margin-left: 140px;
	font-weight: normal;
}

.webalbum .albumsBlog .main .albums .thumbs .cover .info .date {
	display: block;
	border-bottom: 1px solid;
	margin-bottom: 5px;
	text-align: right;
}

/*** Page: STORYBOARD ***/
.webalbum .storyboard .main .photos table.thumbs {
	width: 100%;
}

.webalbum .storyboard .main .photos table.thumbs td {
	width: 50%;
	vertical-align: middle;
	padding: 10px;
}

.webalbum .storyboard .main .photos table.thumbs td.left .info {
	text-align: right;
}

.webalbum .storyboard .main .photos table.thumbs td.right .info {
	text-align: left;
}

.webalbum .storyboard .main .photos table.thumbs td.left .cover {
	float: right;
}

.webalbum .storyboard .main .photos table.thumbs td.right .cover{
	float: left;
}

.webalbum .storyboard .main .photos .cover {
	width: 253px;
	height: 190px;
	padding: 3px 0 0 3px;
	border: 1px solid;
}

.webalbum .storyboard .main .photos .cover .wrapper {
	width: 250px;
	height: 187px;
	text-align: center;
}

.webalbum .storyboard .main .photos .cover.current {
	border: 1px dashed;
}

/*** Page: HOME ***/
.webalbum .home {
	background-color: #fff;
}

.webalbum .home .main_box {
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	width:1000px;
}

.webalbum .home .main div.left {
	width: 600px;
}

.webalbum .home .main div.right {
	margin-left: 10px;
	float: left;
}

.webalbum .home .main .top {
	width: 570px;
	height: 123px;
	padding: 15px 15px 0 15px;
}

.webalbum .home .main .top img {
	float: left;
	width: 96px;
	height: 96px;
	margin: 0 15px 0 0;
}

.webalbum .home .main .top h1 {
	margin: 0 0 10px 0;
}

.webalbum .home .main .top .bio {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 0.95em;
}

.webalbum .home .main .top a.link_user {
	float: left;
}

.webalbum .home .main .top a.link_albums {
	float: right;
	padding: 0 22px 0 0;
	height: 16px;
}

.webalbum .home .main .recent {
	clear: both;
}

.webalbum .home .main .recent h3.highlight,
.webalbum .home .main .user_actions h3.highlight {
	margin: 0 0 10px 0;
	padding: 3px 0 0 20px;
	font-size: 1em;
}

.webalbum .home .main .recent a.more {
	clear: both;
	display: block;
	width: 138px;
	height: 21px;
	margin: 0 auto;
	padding: 3px 0 0 0;
	text-align: center;
}

.webalbum .home .main .user_actions ul{
	list-style: none outside none;
	margin: 0 0 0 22px;
}

.webalbum .home .main .user_actions ul li a {
	font-weight: normal;
}

.webalbum .home .main .wizard {
	position: relative;
	height: 233px;
	margin: 0 0 0 10px;
	width: 358px;
}

.webalbum .home .main .wizard h3 {
	width: 339px;
	height: 35px;
	padding: 13px 0 0 0;
	font-size: 1em;
	text-align: center;
}

.webalbum .home .main .wizard .arrow {
	position: absolute;
	top: 78px;
	width: 12px;
	height: 12px;
}

.webalbum .home .main .wizard .arrow.first {
	left: 83px;
}

.webalbum .home .main .wizard .arrow.second {
	left: 164px;
}

.webalbum .home .main .wizard .arrow.third {
	left: 245px;
}

.webalbum .home .main .wizard ul {
	list-style: none outside none;
	margin: 0 0 0 15px
}

.webalbum .home .main .wizard li {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

.webalbum .home .main .wizard li.exception {
	position: absolute;
	top: 135px;
	left: 177px;
}

.webalbum .home .main .wizard li a {
	display: block;
	width: 66px;
	height: 75px;
}

.webalbum .home .main .wizard li a span{
	display: none;
}

.webalbum .home .main .why {
	width: 358px;
	height: 168px;
	margin: 10px 0 0 0;
	padding: 25px 0 0 10px;
}

.webalbum .home .main .why h3 {
	/*display: none;*/
	font-size: 1.5em;
	text-align: center;
}

.webalbum .home .main .why ul {
	display: block;
	margin: 11px 0 0 27px;
	font-size: 1.25em;
	list-style: none outside none;
}

.webalbum .home .main .why ul li {
	font-weight: normal;
}

.webalbum .home .main .why p {
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 1.5em;
}

.webalbum .home .user_communities {
	border: 1px solid #ccc;
	margin: 10px 0 0 10px;
	padding: 10px;
	width: 335px;
}

.webalbum .home .user_communities ul {
	list-style: none outside none;
	height: 200px;
	margin-top: 10px;
	overflow: auto;
}

/*** MISC ***/
.webalbum .content .toolbar {
	/* margin-top: 5px; */
}

.webalbum .home .main .albums .thumbs li .cover,
.webalbum .albums .main .albums .thumbs li .cover,
.webalbum .photos .main .photos .thumbs li .cover,
.webalbum .storyboard .main .photos .thumbs li .cover {
	float: none;
}

.webalbum .home .main .albums .thumbs li,
.webalbum .albums .main .albums .thumbs li,
.webalbum .photos .main .photos .thumbs li {
	float: left;
}

.webalbum .home .main .albums .thumbs .info,
.webalbum .albums .main .albums .thumbs .info,
.webalbum .photos .main .photos .thumbs .info {
	text-align: center;
	width: 127px;
	height: 3em;
	overflow: hidden;
}

.webalbum .protected_album {
	padding-left: 130px;
	margin-top: 20px;
	background: #fff url(../img/protected_album.png) no-repeat 20px 0;
}

.webalbum .protected_album .main {
	padding-left: 30px;
}

.webalbum .protected_album h1 {
	color: #24364C;
	font-size: 3em;
	margin-bottom: 20px;
}

.webalbum .protected_album p, 
.webalbum .protected_album label, 
.webalbum .protected_album a, 
.webalbum .protected_album button {
	font-size: 1.5em;
}

.webalbum .protected_album form {
	margin-top: 20px;
}

.webalbum .protected_album label {
/*	display: block;
	float: left;
	width: 200px;
*/	color: #24364C;
}

.webalbum .protected_album label span {
	vertical-align: middle;
}

.webalbum .protected_album input {
	width: 10em;
	font-size: 1em;
}

.webalbum .protected_album a {
	margin-top: 20px;
	display: block;
}

/********** COMMUNITY **********/
body.community {
	background-color: #767674;
}

.community #container {
	background-color: #85B6CC;
	min-height: 900px;
}

.community .content li {
	margin: 2px 10px 2px 20px;
}

.community #progress_dialog {
	padding: 20px;
}

/*** Top ***/
.community .content .top {
	height: 100px;
}

.community .content .top h1 {
	background-color:#85B6CC;
	height: 80px;
	padding: 22px 0 0 90px;
	background-repeat: no-repeat;
}

.community .content .top h1 span {
	font-size: 24px;
}

.community #header .top, .community #header .bottom {
	margin: 0 10px 0 0;
}

.community #header .bottom {
	margin-top: 5px;
}

.community #header .owner {
	font-size: 14px;
}

/*** Main ***/

.community .content .main {
	width: 1000px;
}

.community .content .main div.left {
	float: left;
	width: 550px;
	margin: 0 0 0 5px;
}

.community .content .main div.right {
	float: left;
	width: 380px;
	margin-left: 50px;
}

.content .main .provider {
	height: 50px;
	margin: 10px 0 0 0;
	padding: 4px 0 0 120px;
	font-weight: bold;
	background-repeat: no-repeat;
}

.community .content strong, .community .content .highlight {
	color: #FFFFFF;
}

.community .content .top h1 span strong {
	color: #4588BE !important;
}

/*** Main - Thumbs ***/
.community .content .main .thumbs {
	list-style: none;
}

.community .content .main .thumbs .cover {
	float: left;
	width: 84px;
	height: 84px;
	margin: 0 10px 10px 0;
	padding: 5px 0 0 5px;
}

.community .content .main .thumbs .cover .wrapper {
	width: 75px;
	height: 75px;
	overflow: hidden;
	text-align: center;
}

/*** Main - Featured Albums ***/
.community .content .main .featured h2 {
	font-size: 18px;
	margin: 0 0 3px 0;
}

.community .content .main .featured .cover {
	width: 490px;
	height: 391px;
	padding: 7px 0 0 7px;
	background-repeat: no-repeat;
}

.community .content .main .featured .cover .wrapper {
	width: 470px;
	height: 371px;
	overflow: hidden;
	text-align: center;
}

/*** Main - About Box ***/
.community .content .main .about {
	width: 360px;
	padding: 10px;
	overflow: hidden;
}

.community .content .main .about ul {
	list-style: none outside none;
}

.community .content .main .about ul li {
	clear: both;
	margin: 0;
	padding: 0;
}

.community .content .main .about ul li div {
	float: left;
	width: 175px;
}

.community .content .main .about ul li div a {
	font-size: 11px;
}

/*** Main - Navigator (left side, show few albums of New, Top and Popular) ***/
.community .content .main .right .navigator {
	margin: 10px 0 0 0;
}

.community .content .main .right .navigator h3 {
	margin: 0 0 5px 0;
}

.community .content .main .right .navigator .panel {
	width: 380px;
	height: 100px;
}

.community .content .main .right .navigator .control {
	width: 24px;
	height: 100px;
	cursor: pointer;
	background-position: center center;
	background-repeat: no-repeat;
}

.community .content .main .right .navigator .next {
	float: right;
}

.community .content .main .right .navigator .previous {
	float: left;
}

.community .content .main .right .navigator .thumbs {
	position: relative;
	float: left;
	width: 332px;
	height: 100px;
	overflow: hidden;
}

.community .content .main .right .navigator .thumbs .masked {
	position: relative;
	left: 0;
	width: 662px;
	height: 100px;
	margin: 5px 0 0 13px;
}

.community .content .main .right .navigator .thumbs .masked .cover {
	float: left;
	width: 89px;
	height: 84px;
	margin-right: 15px;
	padding: 5px 0 0 5px;
	background-repeat: no-repeat;
}

.community .content .main .right .navigator .thumbs .masked .cover .wrapper {
	width: 75px;
	height: 75px;
	overflow: hidden;
	text-align: center;
}

.community .content .main .right .navigator .thumbs .masked .cover .wrapper p {
	padding: 26px 0 0 0;
	font-size: 12px;
	text-decoration: underline;
}

/*** Main - Page Navigator ***/
.community .content .main .left .navigator {
	visibility: hidden;
	clear: both;
	height: 25px;
	margin: 0 0 0 448px;
}

.community .content .main .left .navigator .counter, .community .content .main .left .navigator .control {
	float: left;
	margin: 0 0 0 10px;
}

.community .content .main .left .navigator .control {
	display: block;
	width: 71px;
	height: 20px;
}

.community .content .main .left .navigator .control span {
	display: none;
}

.community .content .main .left .navigator .previous {
	background-repeat: no-repeat;
	background-position: 0 0;
}

.community .content .main .left .navigator .next {
	background-repeat: no-repeat;
	background-position: -71px 0;
}

/*** Page: ALBUMS ***/
.community .upload .main {
	margin-top: -40px;
}


/*** Page: ALBUMS ***/
.community .albums .main {
	height: 100px;
}

.community .albums .main div.left {
	width: 1000px;
}

.community .albums .main .left .cover {
	background-repeat: no-repeat;
}

.community .albums .main .left .cover .current {
	background-repeat: no-repeat;
	background-position: 0 -89px;
}

.community .albums .main .left .navigator {
	margin: 0 0 0 730px;
}

/*** Share ***/
.community .share .main, .community .share .main .links {
	padding-bottom: 6px;
	font: normal 11px Arial, Helvetica, sans-serif;
}

.community .share .main .tip, .community .share.main .links .tip {
	padding-left: 10px;
	padding-right: 10px;
	font: 9px oblique Arial, Helvetica, sans-serif;
}

.community .share .main form, .community .share .main .links {
	padding: 10px 16px 10px 10px;
}

.community .share .main h1 {
	height: 60px;
	padding: 6px 0 0 70px;
	background-repeat: no-repeat;
	font-size: 24px;
}

.community .share .main h1 .tip {
	font: 12px normal Arial, Helvetica, sans-serif;
}

.community .share .main h1 .tip a {
	font-weight: bold;
}

.community .share .main fieldset {
	border: 0;
	margin: 0 0 10px 0;
}

.community .share .main legend {
	font-weight: bold;
	margin: 0;
	padding: 3px 0 8px 30px
}

.community .share .main .emails legend {
	background-repeat: no-repeat;
}

.community .share .main .emails .send {
	vertical-align: top;
	margin-top: 20px;
}

.community .share .main .links {
	height: 120px;
	margin-top: 10px;
}

.community .share .main .links h2 {
	margin-bottom: 10px;
	font-size: 16px;
}

.community .share .main .links label, .community .share .main .links input {
	display: block;
	float: left;
	margin-bottom: 5px;
	width: 400px;
}

.community .share .main .links label {
	width: 150px;
}

.community .share .main .links br {
	clear: left;
}

.community .share .main .sender legend {
	background-repeat: no-repeat;
}

.community .share .main .recipients, .community .share .main .sender textarea {
	width: 350px;
	height: 83px;
}

.community .share .main .sender input {
	width: 350px;
}

.community .share .main .captcha img {
	width: 130px;
	height: 42px;
}

.community .share .main .captcha #challenge {
	width: 130px;
}

/*** Page: CONTACT-US ***/
.community .contactus fieldset {
	border: 0;
}

.community .contactus input, .community .contactus textarea, .community .contactus select {
	margin: 0 0 5px 0;
}

.community .contactus #contact_form_panel {
	padding-bottom: 6px;
}

.community .contactus #contact_form {
	padding: 10px 16px 10px 10px;
}

.community .contactus #contact_form label {
	display: block;
	float: left;
	width: 130px;
	text-align: right;
	margin-right: 19px;
}

.community .contactus #contact_form br {
	clear: both;
}

.community .contactus #contact_header {
	padding: 0 0 5px 0px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid;
}

.community .contactus #predef_subjects {
	position: absolute;
	display: none;
}

.community .contactus #subject, .community .contactus #message {
	width: 400px;
}

.community .contactus #sendcopy_label {
	font-weight: normal;
}

.community .contactus #sendmessage {
	margin: 10px 0 0 0;
}

.community .contactus .progress,
.community .contactus .success,
.community .contactus .failure {
	padding: 5px 5px 5px 30px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.community .contactus .progress,
.community .contactus .success,
.community .contactus .failure {
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.community #contact_form .captcha img {
	width: 130px;
	height: 42px;
	float: left;
	margin-right: 19px;
}

/*** Page: GEO ***/
.community .geo h2 {
	margin-bottom: 15px;
}

.community .geo h2 .links, .community .geo h2 a, .community .albums h2 .links, .community .albums h2 a {
	font-size: 11px;
	font-weight: normal;
}

.community .geo h2 a.active, .community .albums h2 a.active {
	font-weight: bold;
}

.community .geo ul.list {
	margin: 20px 0 20px 0;
}

.community .geo li {
	list-style: none outside none;
}

.community .geo li ul {
	margin-bottom: 20px;
}

.community .geo #map {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	padding: 5px;
}

/*** Page: USERS ***/
.community .content .main .users ul {
	margin: 20px 0 50px 20px;
}