body{
 width:100%;
 margin:0;
 padding:0;
}
#btnDiv{
 position:absolute;
 top:3px;
 left:3px;
 height:3000px;
 z-index:9000;
}
#btnDiv input{
 margin:500px 0 0 0;
}

/* LIGHTBOX */
#lightboxOuterDiv{
 display:none;
}


/* FADED */
#fadedDiv{
 opacity:0.90;
 -moz-opacity:0.90;
 background:#367d8e;
 z-index:1000;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 display:none;
 overflow:hidden;
}


/* BOARD */
#boardOuterDiv,
#loadingOuterDiv,
#canvasOuterDiv,
#pnOuterDiv,
#pnimageOuterDiv,
#detailsOuterDiv{
 position:absolute;
 top:0;
 left:0;
 width:100%;
 overflow:visible;
 text-align:center;
 display:none;
 z-index:2000;
}
#boardtopDiv{
 position:relative;
 top:30px;
 width:400px;
 height:60px;
 margin:0 auto;
 background:#124754;
 z-index:2010;
 display:block;
 text-align:left;
 vertical-align:top;
}
#boardtopDetails{
 position:relative;
 text-align:left;
 vertical-align:top;
 color:#ffffff;
}
#boardtopDetails ul{
 margin:0;
 padding:6px 6px 0 6px;
 list-style-type:none;
}
#boardtopDetails ul li{
 font-size:0.75em;
 font-weight:normal;
 color:#ffffff;
 margin:0;
 padding:0 0 6px 0;
}
#boardtopDetails ul li a{text-decoration:none}
#boardtopDetails ul li a:link{color:#ffffff}
#boardtopDetails ul li a:visited{color:#cccccc}
#boardtopDetails ul li a:hover{text-decoration:underline}

#boardDiv{
 position:relative;
 top:0;
 width:400px;
 height:400px;
 margin:0 auto;
 background:#ffffff;
 z-index:2010;
 display:none;
}


/* CLOSE GALLERY */
#closegalleryDiv{
 position:absolute;
 top:-112px;
 left:500px;
 width:2px;
 height:24px;
 margin:0 auto;
 background:none;
 display:block;
 z-index:9900;
}
#closegalleryDetails{
 margin:0;
 cursor:pointer;
}
#closegalleryDetails img,
img.closegallery{
 width:30px;
 height:30px;
 margin:0;
 border:0;
}
#prevtext,
#nexttext{
 display:block;
}


/* OPTIONS */
#optionsDiv{
 position:relative;
 top:0;
 width:100px;
 height:60px;
 margin:0 auto;
 background:#124754;
 display:none;
 z-index:1900;
 font:normal normal bold 1.00em/normal Arial, Helvetica, Sans-Serif;
}
#optionsDiv a.close{
 position:absolute;
 right:6px;
 bottom:6px;
 display:block;
 margin:0;
}
#optionsDiv a.close:link,
#optionsDiv a.close:visited{
 color:#cccccc;
 text-decoration:none;
}
#optionsDiv a.close:hover{
 color:#ffffff;
 text-decoration:underline;
}
#optionDetails{
 position:relative;
 text-align:left;
 vertical-align:top;
 color:#ffffff;
}
#optionDetails ul{
 margin:0;
 padding:6px 6px 0 6px;
 list-style-type:none;
}
#optionDetails ul li{
 font-size:0.75em;
 font-weight:normal;
 color:#ffffff;
 margin:0;
 padding:0 0 6px 0;
}
#optionDetails ul li a{text-decoration:none}
#optionDetails ul li a:link{color:#ffffff}
#optionDetails ul li a:visited{color:#cccccc}
#optionDetails ul li a:hover{text-decoration:underline}






/* LOADING */
#loadingOuterDiv{
 z-index:3000;
}
#loadingDiv,
#canvasDiv{
 position:relative;
 top:52px;
 width:352px;
 height:352px;
 margin:0 auto;
 background:none;
 z-index:3010;
 display:none;
 border:0;
}
#loadingDiv{
 text-align:center;
 background:#ffffff;
 border:1px solid #ffffff;
 font:normal normal normal 0.90em/normal Arial, Helvetica, Sans-Serif;
}
#loadingDiv img{
 margin:36px auto 12px auto;
 border:0;
 width:41px;
 height:39px;
 display:block;
}
#loadingDiv a{
 color:#003399;
}
#loadingDiv a:link,
#loadingDiv a:visited{
 text-decoration:none;
}
#loadingDiv a:hover{
 text-decoration:underline;
}











/* CANVAS */
#canvasOuterDiv{
 z-index:4000;
}
#canvasDiv{
 z-index:4020;
 display:none;
}
#canvasDiv img{
 margin:0;
 border:0;
}


/* PREV NEXT */
#pnOuterDiv{
 z-index:5000;
 background:none;
}
#pnInnerDiv{
 position:relative;
 top:100px;
 width:300px;
 height:40px;
 margin:0 auto;
 display:none;
 z-index:5010;
 font:normal normal bold 0.90em/normal Arial, Helvetica, Sans-Serif;
}
#nextDiv,
#prevDiv{
 width:60px;
 height:40px;
 background:#e0e0e0;
 opacity:0.80;
 -moz-opacity:0.80;
 border:0;
}
#nextDiv{
 float:right;
}
#prevDiv{
 float:left;
}
#nextDiv a,
#prevDiv a{
 float:right;
 display:block;
 margin:12px;
}
#prevDiv a{
 float:left;
}
#nextDiv a:link,
#prevDiv a:link{
 color:#003399;
 text-decoration:none;
}
#nextDiv a:visited,
#prevDiv a:visited{
 text-decoration:none;
 color:#003333;
}
#nextDiv a:hover,
#prevDiv a:hover{
 color:#000000;
 text-decoration:underline;
}




/* PREV NEXT IMAGE*/
#pnimageOuterDiv{
 z-index:5000;
 background:none;
}
#pnimageInnerDiv{
 position:relative;
 top:260px;
 width:300px;
 height:40px;
 margin:0 auto;
 display:none;
 z-index:5010;
 background:none;
 font:normal normal bold 0.90em/normal Arial, Helvetica, Sans-Serif;
}
#nextimageDiv,
#previmageDiv{
 padding:0;
 margin:0;
 width:9px;
 height:9px;
 background:none;
 border:0;
 text-align:center;
 overflow:visible;
}
#nextimageDiv{
 float:right;
 text-align:left;
}
#previmageDiv{
 float:left;
 text-align:right;
}
#nextimageDiv img,
#previmageDiv img{
 border:2px solid #e0e0e0;
 margin:0;
 cursor:pointer;
 display:block;
}
#previmageDiv img{
 margin:0 0 0 auto;
}