/**
 * The default CSS for Shadowbox.
 *
 * This file is part of Shadowbox.
 *
 * @author      Michael J. I. Jackson <michael@mjijackson.com>
 * @copyright   2007-2009 Michael J. I. Jackson
 * @version     SVN: $Id: shadowbox.css 26 2009-04-29 05:17:01Z mjijackson.com $
 */

/*_____________________________________________  container, overlay, & wrapper  */

#sb-container, #sb-wrapper {   text-align: left; /* reset left alignment */ }
#sb-container, #sb-overlay {  position: absolute;  top: 20px;  left: 150px;  width: 77%; min-width: 70%;  margin-left: 0px;  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: 85%; border: 10px solid #C0C0C0; }



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



/*____________________________________________________________________  body  */
#sb-body {  position: relative; top: 20px; left: 150px; margin: 0;  padding: 0;  overflow: hidden;  border: 1px solid #303030; }
#sb-body-inner { position: relative;  height: 100%; }
#sb-content.html {  height: 100%; overflow: auto; /* make html content scrollable */ }



/*_________________________________________________________________  loading  */
#sb-loading { position: absolute;   width: 77%; min-width: 70%;  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; margin: 0; top: 20px; left: 150px; /* these must have no vertical margin or padding */  padding: 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 { 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; }



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


/**
 *	These we can add in future if we are going with images styles
 */
/*
#sb-nav-next { background-image: url(../images/next.png); background-repeat: no-repeat; }
#sb-nav-previous { background-image: url(../images/previous.png); background-repeat: no-repeat; }
#sb-nav-play { background-image: url(../images/play.png); background-repeat: no-repeat; }
#sb-nav-pause { background-image: url(../images/pause.png); background-repeat: no-repeat; }
*/



/*_________________________________________________________________  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: 12px; padding: 10px; text-align: center; }
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }


/*********************************************************************************/