/* * html #overlay { background-color:#333; background-color:transparent; background-image:url(http://www.scandalz.net/images/blank.gif); filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.scandalz.net/images/overlay.png", sizingMethod="scale");} */
#closeButton { top:5px; right:5px;}
#keyboardMsg { float:right; background-color:#FFFFFF;}
#lightbox img { border:none; clear:both;}
#lightboxCaption { float:left;background-color:#FFFFFF;}
#lightboxDetails { font-size:0.9em; padding-top:0.4em;}
#overlay img { border:none;}
#overlay { background-image:url(http://www.scandalz.net/images/overlay.png);}
#lightbox { background-color:#FFFFFF;}
#datacontainer { font-family:Verdana, sans-serif; font-size:8px; color:#666666;}
#day { font-family:Verdana, sans-serif; font-size:8px; color:#666666;}
#time { font-family:Verdana, sans-serif; font-size:8px; color:#666666;}
.fortune { font-family:"Courier New", Arial, sans-serif; font-size:11px; color:#333333;}
.headerBar { border:1px solid #112233; background-color:#eeeeee; font:11px Verdana, Geneva, sans-serif; margin:3px; padding:3px; text-align:left; vertical-align:top; width:900px;}
.itemdescription { font-family:Verdana, sans-serif; font-size:10px; color:#666666;}
.itemfrom { font-family:Verdana, sans-serif; font-size:11px; color:#666666;}
.itemheader { font-family:Verdana, sans-serif; font-size:11px; color:#666666;}
.itemtitle { font-family:Verdana, sans-serif; font-size:11px; color:#666666;}
.linkBack { color:#FF0000;}
.pageContent {text-align:left; vertical-align:top;}
.contentStructure td { border:1px solid #112233; padding:5px 5px 5px 5px;}
.navigation { border:1px solid #112233; background-color:#eeeeee; font:11px Verdana, Geneva, sans-serif; margin:3px; padding:3px; width:100px; text-align:left; vertical-align:top;}
.content-heading { color:#b0b014; font-weight:bold; margin-bottom:3px;}
.contentArea {width:600px; text-align:left; vertical-align:top;}
.mainContent {background-color:#ffffff; border-width: 3px; border-style: solid; border-color: #000000; text-align:left; vertical-align:top;}
.parentContainer {overflow: auto; position: relative; left: 1px; top: 10px; width:700px; height:600px; }
.photoDetail { color:#000000; font-size:12px; font-weight:bold;}
.photoDetailHeader { border:1px solid #112233; color:#000000; font-size:12px; font-weight:bold;}
.photoDetailNav { border-top:1px solid #112233; border-left:1px solid #112233; color:#000000; font-size:12px; font-weight:bold;}
.siteTitle { text-align:center; vertical-align:middle; font:20px "Courier New",Verdana, sans-serif; color:#ffffff; border:1px solid #112233; background-color:#336699; margin:3px; padding:3px; text-align:left; vertical-align:top;}
.relatedPageLink { width:700px; border:1px solid #112233; background-color:#336699; font:12px Verdana, Geneva, sans-serif; text-align:left; vertical-align:top; }
.relatedPageLink a:link { color:#FFFFFF}
.relatedPageLink a:visited { color:#CACACA}
.relatedPageLink a:hover { color:#000000}
a:hover { text-decoration:none;}
a:link { color:#ff0000;}
a:visited { color:#ff0000;}
body { color:#000000; background-color:#cacaca; margin:0px 0px 0px 2px; padding-top:3px; text-align:left; font:11px "Trebuchet MS", Verdana, Arial, sans-serif;}
form { margin:0px;}
img { border:0px;}
div, li, span, td { font:11px "Trebuchet MS", Verdana, Arial, sans-serif;}
input, select, textarea { font:11px Verdana, Geneva, sans-serif;}
#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(../images/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(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%
}
#imageData{ padding:0 10px; color: #666; }
#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; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}