/*outer transparent background - don't need to change. */
#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%;}

/*layout objects - mess with these. sb-content is the iframe. */
#sb-wrapper{position:relative;}
#sb-wrapper img{border:none;}
#sb-body{position:relative; margin:0 6px; clear:both;}/* padding:0; overflow:hidden; */
#sb-body-inner{position:relative;height:100%;}
/*#sb-content.html{height:100%;overflow:auto;}*/
/* #sb-content{height:100%; overflow:auto;}*/

/*only shows while the image or whatever is loading into the iframe - looks fine, leave as is. */
#sb-loading{position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px;}
#sb-loading{background-color:#060606;}

/*#sb-info{display:none;}*/
/* height&overflow make IE6 happy. why it needs the declaration on a div inside one declared display:none I may never know. */
#sb-info-inner, #sb-title-inner{height:26px;overflow:hidden;} 

/* title is what it sounds like.  info, on the other hand, is the close button holder. 
	title > title inner
	info > info inner > nav > a:close
original:
#sb-info, #sb-info-inner{height:20px;}
#sb-title, #sb-title-inner{height:26px;}
#sb-info{position:relative; margin:0; padding:0; overflow:hidden;}
#sb-title{position:relative; margin:0; padding:0; overflow:hidden;} 
#sb-info-inner{position:relative; line-height:16px;}
#sb-title-inner{position:relative; line-height:16px;}
#sb-info-inner{font-size:12px; color:#fff;}
#sb-title-inner{font-size:16px; padding:5px 0; 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-image:url(/shadowbox/resources/close.png); background-repeat:no-repeat;}
#sb-nav-next{background-image:url(/shadowbox/resources/next.png); background-repeat:no-repeat;}
#sb-nav-previous{background-image:url(/shadowbox/resources/previous.png); background-repeat:no-repeat;}
#sb-nav-play{background-image:url(/shadowbox/resources/play.png); background-repeat:no-repeat;}
#sb-nav-pause{background-image:url(/shadowbox/resources/pause.png); background-repeat:no-repeat;}
*/

/*not using, ignore. 
#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;}*/
/* doesn't exist in this iteration, ignore. 
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;}*/