#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; }
#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; }
/* 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 { display: none; position: absolute; top: 10px; z-index: 9004; width: 50%; min-height: 100px; text-indent: -9000px; }
#moonBox_next { right: 0; background: url(next.gif) 100% 50% no-repeat; margin-right: 10px; }
#moonBox_prev { left: 0;  background: url(prev.gif) 0 50% no-repeat; margin-left: 10px; }
/* For clearing the floats on the bottom */
#moonBox_clear { clear: both; display: none; }