/*
 * Moonbox: The lightbox that doesn't suck. (css styles)
 * ----------------------------------------------------------------------------
 * copyright (c) 2007, Woody Gilk - http://wgilk.com/moonbox/
 *
 * This file should be distributed with moonbox.js. If your download did not
 * container a copy of moonbox.js, you may find it at the above URL. The full
 * license is available in header of moonbox.js.
 */

/* Containers */
#moonBox_overlay { display: none; position: absolute; top: 0; left: 0; z-index: 9000; width: 100%; background: #111; cursor: pointer; }
#moonBox_wrapper { display: none; position: absolute; top: 20px; 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(../img/loading.gif) center no-repeat; }
#moonBox_image { width: 100%; background: transparent none center center no-repeat; }
#moonBox_bottom { position: relative; padding-top: 10px; }
#moonBox_caption { margin-right: 66px; }
#moonBox_number { margin-right: 66px; }
/* Buttons */
#moonBox_close { display: block; position: absolute; top: 10px; right: 0; width: 66px; height: 22px; background: #fff url(../img/closelabel.gif) right center no-repeat; text-indent: -9000px; }
#moonBox_next,
#moonBox_prev { display: none; position: absolute; top: 0; z-index: 9004; width: 50%; min-height: 100px; text-indent: -9000px; }
#moonBox_next { right: 0; background: transparent url(../img/nextlabel.gif) right 50px no-repeat;  }
#moonBox_prev { left: 0;  background: transparent url(../img/prevlabel.gif) left  50px no-repeat; }
/* For clearing floats, duh? */
#moonBox_clear { clear: both; }
/* Loading class, assigned to #moonBox_image. Unfortunately IE doesn't support #moonBox_image.loading, or I would use that. */
#moonBox_wrapper div.loading { background: transparent url(../img/loading.gif) center center no-repeat; }