#sb-container, #sb-wrapper { text-align: left; }
#sb-container, #sb-overlay { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; }
#sb-container { height: 100%; display: none; visibility: hidden; z-index: 999; }
body>#sb-container { position: fixed; }

#sb-overlay { height: expression(document.documentElement.clientHeight+'px'); }
#sb-container>#sb-overlay { height: 100%; }
#sb-wrapper { position: relative; }
#sb-wrapper img { border: none; }
#sb-body { position: relative; margin: 0; padding: 0; overflow: hidden; border: 0px solid #303030; background: url(resources/custom_bg.png) repeat; padding: 20px; }
#sb-body-inner { position: relative; height: 100%; }
#sb-content.html { height: 100%; overflow: auto; }
#sb-loading { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 10px; }

#sb-title, #sb-info { position: relative; margin: 0; padding: 0; overflow: hidden; }
#sb-title-inner, #sb-info-inner { position: relative; font-family: 'Lucida Grande', 'Tahoma', sans-serif; line-height: 16px; }
#sb-title, #sb-title-inner { height: 26px; }
#sb-title-inner { font-size: 16px; padding: 5px 0; }

#sb-info, #sb-info-inner { height: 20px; color: #fff; }
#sb-info-inner { font-size: 12px; color: #fff; }

#sb-nav { float: right; height: 22px; padding: 1px 0; width: 45%; }
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 1px; cursor: pointer; }
#sb-nav a#sb-nav-large { width: 100px; }

#sb-nav-large	 	{ background-image: url(resources/large.png); 	 background-repeat: no-repeat; height: 16px; width: 16px; }
#sb-nav-close 		{ background-image: url(resources/close.png);	 background-repeat: no-repeat; }
#sb-nav-next 		{ background-image: url(resources/next.png);	 background-repeat: no-repeat; }
#sb-nav-previous 	{ background-image: url(resources/previous.png); background-repeat: no-repeat; }
#sb-nav-play 		{ background-image: url(resources/play.png);	 background-repeat: no-repeat; }
#sb-nav-pause 		{ background-image: url(resources/pause.png);	 background-repeat: no-repeat; }

#sb-counter { float: left; padding: 1px 0; width: 45%; }
#sb-counter a { padding: 0 4px 0 0; text-decoration: none; cursor: pointer; color: #fff; }
#sb-counter a.sb-counter-current { text-decoration: underline; }

div.sb-message { font-family: 'Lucida Grande', 'Tahoma', sans-serif; font-size: 12px; padding: 10px; text-align: center; }
div.sb-message a: link, div.sb-message a: visited { color: #fff; text-decoration: underline; }
