/* ----------------------------------------------------
A - Container, Overlay & Wrapper
---------------------------------------------------- */
#sb-container, #sb-wrapper { text-align:left; /* reset left alignment */ }

#sb-container, #sb-overlay { top:0; left:0; position:absolute; width:100%; margin:0; padding:0; }

#sb-container { z-index:999; display:none; height:100%; visibility:hidden; }

body > #sb-container { position:fixed /* use position:fixed in modern browsers */; }

#sb-overlay { height:expression(document.documentElement.clientHeight + 'px') /* needed in IE6 where sb-container uses position:absolute */; }

#sb-container > #sb-overlay { height:100% /* use for sb-container position:fixed */; }

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

/* ----------------------------------------------------
C - Body
---------------------------------------------------- */
#sb-body { position:relative; margin:0; padding:0; border:1px solid #303030; overflow:hidden; }

#sb-body-inner { position:relative; height:100%; }

#sb-content.html { height:100%; overflow:auto /* make html content scrollable */; }

/* ----------------------------------------------------
D - Loading
---------------------------------------------------- */
#sb-loading { top:0; position:absolute; width:100%; height:100%; padding-top:10px; text-align:center; }

#sb-body, #sb-loading { background-color:#060606 /* should match loading image background color */; }

/* ----------------------------------------------------
E - Title and Information -- WARNING: These must have no vertical margin or padding
---------------------------------------------------- */
#sb-title, #sb-info { position:relative; margin:0;  padding:0; overflow:hidden; }
#sb-title-inner, #sb-info-inner { position:relative; font-family:Arial,Helvetica,Verdana,sans-serif; line-height:16px; }
#sb-title, #sb-title-inner { height:26px; }
#sb-title-inner { font-size:16px; padding:5px 0; color:#ffffff; }
#sb-info, #sb-info-inner { height:20px; }
#sb-info-inner { font-size:12px; color:#ffffff; }

/* ----------------------------------------------------
F - Navigation Controllers
---------------------------------------------------- */
#sb-nav { float:right; width:45%; height:16px; padding:2px 0; }

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

/* ----------------------------------------------------
G - Counter
---------------------------------------------------- */
#sb-counter { float:left; width:45%; padding:2px 0; }
	#sb-counter a { cursor:pointer; padding:0 4px 0 0; color:#ffffff; text-decoration:none; }
		#sb-counter a.sb-counter-current { text-decoration:underline; }

/* ----------------------------------------------------
H - Messages
---------------------------------------------------- */
div.sb-message { padding:10px; font-size:11px; font-family:Arial,Helvetica,Verdana,sans-serif; text-align:center; }
	div.sb-message a:link, div.sb-message a:visited { color:#ffffff; text-decoration:underline; }