#moonBox_overlay { display: none; position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; background: #000; cursor: pointer; }
#moonBox_wrapper { display: none; position: absolute; top: 10px; left: 50%; z-index: 9001; padding: 10px; background: #fff; overflow: hidden; }
#moonBox_loading { display: none; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 9002; width: 32px; height: 32px; background: #fff url(loading.gif) center no-repeat; }
#moonBox_image { width: 100%; background: transparent none center center no-repeat; background-position:left bottom; }
#moonBox_bottom { position: relative; margin-top: 10px; overflow: hidden; text-align: left; }
* HTML #moonBox_bottom { overflow: visible; height: 1px; }
#moonBox_caption { margin-right: 66px; font-weight: bold; }
#moonBox_number { margin-right: 66px; height:30px; }
/* Buttons */
#moonBox_close { width: 21px; height: 21px; background: url(close.gif) right center no-repeat; text-indent: -9000px; position: absolute; right: 0; top: 0; }

#moonBox_next,#moonBox_prev { }

#controlKeys { float:left; height:100px; text-align:center; position: relative; z-index: 9002; top:100%; left:50%; margin:10px 0 0 -100px;}

#controlKeys #moonBox_next { width:80px; height:20px; float:left;  background:url(next_off.gif) no-repeat; text-indent: -9000px;}
#controlKeys #moonBox_next:hover { background:url(next_on.gif) no-repeat;}

#controlKeys #moonBox_prev { width:80px; height:20px; float:left;  background:url(prev_off.gif) no-repeat; text-indent: -9000px;}
#controlKeys #moonBox_prev:hover { background:url(prev_on.gif) no-repeat;}

#watermark { float:left; width:178px; height:20px; position: relative; z-index: 9003; background:url(watermark.png) no-repeat; top:93%; left:100%; margin:10px 0 0 -178px;}


/* For clearing the floats on the bottom */
#moonBox_clear { clear: both; display: none; }