/**
 * SqueezeBox - Expandable Lightbox
 *
 * Allows to open various content as modal,
 * centered and animated box.
 *
 * @version		1.1 rc4
 *
 * @license		MIT-style license
 * @author		Harald Kirschner <mail [at] digitarald.de>
 * @copyright	Author
 */

#sbox-overlay { position: absolute; background-color: #000; left: 0px; top: 0px; zoom: 1; }

#sbox-window { position: absolute; background-color: #fff; text-align: left; overflow: visible; padding: 10px; box-sizing: content-box; /* invalid values, but looks smoother! */ }

#sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -14px; top: -14px; background: url(/js/squeezebox/images/closebox.png) no-repeat center; border: none; }

.sbox-window-ie6 #sbox-btn-close { background-image: url(/js/squeezebox/images/closebox.gif); }

.sbox-loading #sbox-content { background-image: url(/js/squeezebox/images/spinner.gif); background-repeat: no-repeat; background-position: center; }

#sbox-content { clear: both; overflow: auto; background-color: #fff; width: 100%; }

.sbox-content-image#sbox-content { overflow: visible; }

#sbox-image { display: block; }

.sbox-content-image img { display: block; width: 100%; height: 100%; }

.sbox-content-iframe#sbox-content { overflow: visible; }

/* Hides scrollbars */
.body-overlayed { overflow: hidden; }

/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; }

#sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; }

/* Shadows */
.sbox-bg { position: absolute; width: 33px; height: 40px; }

.sbox-bg-n { left: 0; top: -40px; width: 100%; background: url(/js/squeezebox/images/bg_n.png) repeat-x; }

.sbox-bg-ne { right: -33px; top: -40px; background: url(/js/squeezebox/images/bg_ne.png) no-repeat; }

.sbox-bg-e { right: -33px; top: 0; height: 100%; background: url(/js/squeezebox/images/bg_e.png) repeat-y; }

.sbox-bg-se { right: -33px; bottom: -40px; background: url(/js/squeezebox/images/bg_se.png) no-repeat; }

.sbox-bg-s { left: 0; bottom: -40px; width: 100%; background: url(/js/squeezebox/images/bg_s.png) repeat-x; }

.sbox-bg-sw { left: -33px; bottom: -40px; background: url(/js/squeezebox/images/bg_sw.png) no-repeat; }

.sbox-bg-w { left: -33px; top: 0; height: 100%; background: url(/js/squeezebox/images/bg_w.png) repeat-y; }

.sbox-bg-nw { left: -33px; top: -40px; background: url(/js/squeezebox/images/bg_nw.png) no-repeat; }