#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%;
}


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


#sb-body{
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
border: 2px solid #ddd;
}
#sb-body-inner {
position: relative;
height: 100%;
}
#sb-content.html{
height: 100%;
overflow: auto;
}


#sb-loading {
position: absolute;
top: 0;
left:0;
width: 100%;
height:100%;
line-height: 25px;;
text-align: center;
background-color:none;
background: url(images/shadowbox/loading.gif) center center no-repeat;
}
#sb-body, #sb-loading{
background-color: #fff; /* should match loading image background color */
}

/*____________________________________________________________  title & info  */
#sb-title, #sb-info{
position: relative;
margin: 0; /* these must have no vertical margin or padding */
padding: 0;
overflow: hidden;
}
#sb-title-inner, #sb-info-inner{
position: relative;
line-height: 16px;
font-weight:bold;
}
#sb-title, #sb-title-inner{
height: 26px;
}
#sb-title-inner{
font-size: 16px;
padding: 5px 0;
color: #fff;
}
#sb-info, #sb-info-inner{
height: 20px;
}
#sb-info-inner{
font-size: 12px;
color: #fff;
}

#sb-nav{
float: right;
height: 16px;
padding: 2px 0;
width: 45%;
}
#sb-nav a{
display: block;
float: right;
height: 16px;
width: 16px;
margin-left: 3px;
cursor: pointer;
}
#sb-nav-close{
background: url(images/shadowbox/close.png) no-repeat;
}
#sb-nav-next{
background: url(images/shadowbox/next.png) no-repeat;
}
#sb-nav-previous{
background: url(images/shadowbox/previous.png) no-repeat;
}
#sb-nav-play {
background: url(images/shadowbox/play.png) no-repeat;
}
#sb-nav-pause{
background: url(images/shadowbox/pause.png) no-repeat;
}

/*_________________________________________________________________  counter  */
#sb-counter{
float: left;
padding: 2px 0;
width: 45%;
}
#sb-counter a{
font-size:10px;
background:#ddd;
display:block;
padding:2px 3px;
float:left;
margin-right:2px;
cursor: pointer;
color: #777;
}
#sb-counter a:hover{
background:#fff;
color: #aaa;
}
#sb-counter a.sb-counter-current{
background:#eee;
color: #aaa;
}

/*________________________________________________________________  messages  */
div.sb-message{
font-size: 12px;
padding: 10px;
text-align: center;
}
div.sb-message a:link, div.sb-message a:visited{
color: #fff;
text-decoration: underline;
}