#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;
background-color: #fff;
border: 1px solid #ccc !important;
padding-left: 5px;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
z-index: 3;
border: none;
}
#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-loading span {
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 10px;
float: left;
margin-top: 16px;
}
#sb-loading span a,
#sb-loading span a:link,
#sb-loading span a:visited {
color: #144C6D;
text-decoration: underline;
}
#sb-loading-indicator {
float: left;
margin: 10px 10px 0 10px;
height: 32px;
width: 32px;
background: url(resources/ajax-loader.gif) no-repeat;
}
#sb-body,#sb-loading{
background-color:#fff; 
}
#sb-title {
z-index: 1;
width: 100%;
margin-bottom: 5px;
padding: 5px 0;
}
#sb-title,#sb-info{
position:relative;
margin: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{
min-height: 16px; height: auto;
}
#sb-title-inner{
font-size:12px;
color:#333;
float: left;
}
#sb-info {
z-index: 4;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size: 10px;
color: #333;
}
#sb-info-inner #sb-nav { margin: 0 5px 0 0; }
#sb-nav{
float:right;
height:16px;
padding:2px 0;
}
#sb-nav-next {
height: 69px !important;
width: 35px !important;
background-image: url(../resources/next.png);
background-repeat: no-repeat;
margin-left: 0 !important;
margin-top: -34px;
position: absolute;
top: 50%;
right: -35px;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav a,
#sb-nav-close {
cursor: pointer;
display: block;
float: right;
height: 16px;
}
#sb-nav a:hover,
#sb-nav-close:hover {
background-color:#fff;
}
#sb-nav-close{
background: transparent url(resources/close.png) no-repeat right center;
width: 16px;
margin:0 5px 0 3px;
z-index: 2;
}
#sb-nav-next{
background:url(resources/next.png) no-repeat;
}
#sb-nav-previous {
height: 69px !important;
width: 35px !important;
background: url(resources/previous.png) no-repeat;
margin-left: 0 !important;
margin-top: -34px;
position: absolute;
top: 50%;
left: -35px;
}
#sb-nav-next:hover, #sb-nav-previous:hover { background-color: transparent !important; }
#sb-nav-play{
background:url(resources/control_play.png) no-repeat;
}
#sb-nav-pause{
background:url(resources/control_pause.png) no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#333;
}
#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;
}