html{background:url(img/glossymetal.jpg) #BBB;margin:0;}a img{border:none;}a{color:#000;}textarea,input{font-family:arial,verdana,tahoma,sans-serif;color:#000;font-size:12px;padding:3px;}body{font-family:arial,verdana,tahoma,sans-serif;color:#000;background:url(img/fadestrip.png) repeat-x ;margin:0;position:absolute;top:0px;width:100%;height:100%;}#outercontainer{margin:0 auto; max-width:950px;margin-top:20px;}#toparea{height:80px;background:#7AF url(img/toparea_bg.png);border:2px #FFF solid;border-bottom:none;border-bottom:1px solid #EEE;}#toparea2{background:url(img/logo.png) no-repeat 5px 10px;margin:0;padding:10px;height:80px}#toplowerarea{height:20px;background: #0059D1 url(img/menu_background.png) repeat-x;border-left:2px #FFF solid;border-right:2px #FFF solid;padding:10px;padding-top:0;padding-bottom:0;cursor:default;border-bottom:1px solid #FFF;}#mainarea{background:#EEE;border:2px #FFF solid;border-top:1px #BBB solid;padding:20px;}#copyrightfooter{text-align:center;font-size:10px;color:#444;margin-top:5px;}#copyrightfooter a{color:#444;}.menuitem{text-decoration:none;display:inline;padding:1px;padding-right:10px;padding-left:5px;cursor:pointer;font-weight:bold;color:#FFF;}.menuitem:hover{color:#222;background:#EEE;border-left:2px solid #EEE;border-top:1px solid #FFF;padding-top:4px;padding-bottom:5px;border-right:2px solid #EEE;padding-right:8px;padding-left:3px;}.pageTitle{font-size:30px;border-bottom:1px #6CF solid;margin-bottom:20px;}.optionTitle{font-size:20px;color:#000;font-weight:bold;}.optionCaption{color:#555;margin-bottom:20px;}.highlightRow:hover{background:#CCC;}.highlightRow{cursor:pointer;}.nostylelink{text-decoration:none;color:#000;}.imagestablecell { text-align:center; font-weight:bold; background:#EEEEEE; cursor:pointer;  border:1px #DDDDDD solid; margin: 5px; padding: 4px; text-align: center; width: 130px; height:130px;}.imagestablecell:hover { background: url(img/imagecell_bg.png) #DBDBDB 50% 50%;}.imagestablecellactive { font-weight:bold; overflow:hidden; background: url(img/activeimagecell_bg.png) #919EFF 50% 50%; cursor:pointer; border:1px #70A1FF solid; margin: 5px; padding: 4px; overflow: hidden; text-align: center; width: 130px; height:130px;}.imageswrapbox{height:70px;overflow:hidden;}.gallery_edit_row_1 { background: #DDD; }.transparent {opacity: 0.5;-moz-opacity:0.5;} .searchResult{text-align:center;background:#EEE;border:1px solid #DDD;cursor:pointer;}.searchResult:hover{ background: url(img/imagecell_bg.png) #DBDBDB 50% 50%;}.horizontal_bar{font-weight:bold;text-align:center;border:1px #000 solid;background:#24F;displaylock;color:#FFF;background:url(img/menu_background.png);}.sendmessage_box{width:300px;height:200px;padding:3px;border:1px solid #999;}.sendmessage_tobox{width:300px;padding:3px;border:1px solid #999;}.friendstatustr{height:34px;cursor:pointer;padding:5px;}.friendstatustr1{}.friendstatustr2{background:#DDD;}.chatroomrow:hover{background:#DDD;cursor:pointer;}.chattername:hover{background:#DDD;}.chat_message{margin:10px;margin-bottom:0;margin-top:5px;padding-bottom:10px;}.chat_message a{font-weight:bold;text-decoration:none;} .chat_message a:hover{text-decoration:underline;}.chat_message_message{margin-left:10px;width:675px;overflow:hidden;}.chat_notificationbar{color:#555;font-size:12px;text-align:center;}.notifbox_error{ background:#FCC url(img/icons/cancel.png) 5px 50% no-repeat; border:1px dotted #FAA;padding:5px;padding-left:26px;font-family:arial,sans-serif;font-size:14px;color:#A11;}.notifbox_success{ background:#CFC url(img/icons/accept.png) 5px 50% no-repeat; border:1px dotted #5F5;padding:5px;padding-left:26px;font-family:arial,sans-serif;font-size:14px;color:#1A1;}.hoverunderline{text-decoration:none;}.hoverunderline:hover{text-decoration:underline;}#actionbar{position:fixed;bottom:0;left:0;right:0;width:90%;height:20px;background:#BBB;border:#555 solid 1px;border-bottom:none;font-size:12px;color:#333;padding-left:10px;cursor:default;margin:0 auto;}.home_statusChangeDate{color:#AAA;text-align:right;font-size:12px;padding-right:3px;}.home_friendimage{width:32px;height:32px;text-align:center;}.max32{max-height:32px;max-width:32px;}.home_titlebar{font-weight:bold;background:url(img/menu_background.png);color:#FFF;padding:3px;padding-left:10px;}.gallery_comment_delete{color:red;font-size:12px;text-decoration:none;} .gallery_comment_delete:hover{text-decoration:underline;}.shareurl{color:#005EFF;text-decoration:underline;}		.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('img/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

			#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/lightbox/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/lightbox/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #28F;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}