#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
{ display:none; height:100%; 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:1px solid #303030; }

#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-body,
#sb-loading
{ background-color:#FFF; }

#sb-title,
#sb-info
{ position:relative; margin:0; padding:0; overflow:hidden; }

#sb-title-inner,
#sb-info-inner
{ position:relative; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; line-height:16px; letter-spacing:-1px; font-weight:bold; }

#sb-title,
#sb-title-inner
{ height:26px; }

#sb-title-inner
{ padding:5px 0; font-size:1em; color:#FFF; }

#sb-info,
#sb-info-inner
{ height:20px; }

#sb-info-inner
{ font-size:12px; color:#FFF; }

#sb-nav
{ float:right; width:45%; height:16px; padding:2px 0; }

#sb-nav a
{ display:block; float:right; width:16px; height:16px; margin-left:3px; cursor:pointer; }

#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; width:45%; padding:2px 0; }

#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
{ padding:10px; font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size:1em; text-align:center; }

div.sb-message a:link,
div.sb-message a:visited
{ color:#FFF; text-decoration:underline; }