/*_____________________________________________  container, overlay, & wrapper  */
#sb-container, #sb-wrapper { text-align: left; /*
reset left alignment */ }
#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 { /*
use position:fixed in modern browsers */
position: fixed; }
#sb-overlay { /*
needed in IE6 where sb-container uses position:absolute */
height: expression(document.documentElement.clientHeight + 'px'); }
#sb-container > #sb-overlay { /*
use for sb-container position:fixed */
height: 100%; }

/*_____________________________________________  wrapper  */
#sb-wrapper { position: relative; }
#sb-wrapper img { border: none; }

/*_____________________________________________  body  */
#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; /* m
ake html content scrollable */ }

/*_____________________________________________  oading  */
#sb-loading { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 10px; }
#sb-body, #sb-loading { background-color: #060606; /*
should match loading image background color */ }

/*_____________________________________________  title & info  */
#sb-title, #sb-info { position: relative; padding: 0; overflow: hidden; margin: 0; }
#sb-title-inner, #sb-info-inner { position: relative; font-family: "Lucida Grande", Tahoma, sans-serif; line-height: 120%; }
#sb-title, #sb-title-inner { height: auto; margin-bottom: 5px; padding: 0 0 10px; }
#sb-title-inner { font-size: 16px; padding: 5px 0 0; color: #fff; line-height: 22px; }
#sb-info, #sb-info-inner { height: 40px; }
#sb-info-inner { font-size: 12px; color: #fff; margin-top: 6px; }

/*_____________________________________________  nav  */
#sb-nav { float: right; height: 32px; padding: 2px 0; width: 45%; }
#sb-nav a { display: block; float: right; height: 32px; width: 32px; margin-left: 3px; cursor: pointer; }
#sb-nav-close { background-image: url(resources/close.png); background-repeat: no-repeat; }
#sb-nav-close:hover { background-image: url(resources/close_hover.png); }
#sb-nav-next { background-image: url(resources/next.png); background-repeat: no-repeat; }
#sb-nav-next:hover { background-image: url(resources/next_hover.png); }
#sb-nav-previous { background-image: url(resources/previous.png); background-repeat: no-repeat; }
#sb-nav-previous:hover { background-image: url(resources/previous_hover.png); }
#sb-nav-play { background-image: url(resources/play.png); background-repeat: no-repeat; }
#sb-nav-play:hover { background-image: url(resources/play_hover.png); }
#sb-nav-pause { background-image: url(resources/pause.png); background-repeat: no-repeat; }
#sb-nav-pause:hover { background-image: url(resources/pause_hover.png); }

/*_____________________________________________  counter  */
#sb-counter { float: left; padding: 2px 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; }

/*_____________________________________________  messages  */
div.sb-message { font-family: "Lucida Grande", Tahoma, sans-serif; font-size: 14px; line-height: 23px; padding: 10px; text-align: center; }
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }