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:#0e2611;
 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;
}
#boardDiv{
 position:relative;
 top:30px;
 width:400px;
 height:400px;
 margin:0 auto;
 background:#436a48;
 z-index:2010;
 display:none;
}


/* OPTIONS */
#optionsDiv{
 position:relative;
 top:0;
 width:100px;
 height:46px;
 margin:0 auto;
 background:#518b58;
 display:none;
 z-index:1900;
 font:normal normal bold 0.95em/120% Arial, Helvetica, Sans-Serif;
}
#optionsDiv a.close{
 float:right;
 display:block;
 margin:12px;
}
#optionsDiv a.close:link,
#optionsDiv a.close:visited{
 color:#ffffff;
 text-decoration:none;
}
#optionsDiv a.close: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.95em/120% Arial, Helvetica, Sans-Serif;
}
#loadingDiv img{
 margin:36px auto 12px auto;
 border:0;
 width:41px;
 height:39px;
 display:block;
}
#loadingDiv a{
 color:#436a48;
}
#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 normal 1.00em/120% Arial, Helvetica, Sans-Serif;
}
#nextDiv,
#prevDiv{
 width:60px;
 height:40px;
 background:#0e2611;
 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:#ffffff;
 text-decoration:none;
}
#nextDiv a:visited,
#prevDiv a:visited{
 text-decoration:none;
 color:#ffffff;
}
#nextDiv a:hover,
#prevDiv a:hover{
 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 normal 0.95em/120% 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:3px solid #0e2611;
 margin:0;
 cursor:pointer;
 display:block;
}
#previmageDiv img{
 margin:0 0 0 auto;
}



/* DETAILS */
#detailsOuterDiv{
 z-index:3000;
}
#detailsInnerDiv{
 position:relative;
 top:30px;
 width:800px;
 margin:0 auto;
 display:none;
 z-index:3010;
}
#detailsDiv{
 position:relative;
 float:right;
 top:0;
 width:200px;
 height:200px;
 margin:0;
 z-index:3020;
 border:1px solid #0e2611;
 text-align:left;
 padding:6px;
 font:normal normal normal 0.95em/120% Arial, Helvetica, Sans-Serif;
}