/*
  The default CSS for Shadowbox.
 
  This file is part of Shadowbox.
 
  Shadowbox is an online media viewer application that supports all of the
  web's most popular media publishing formats. Shadowbox is written entirely
  in JavaScript and CSS and is highly customizable. Using Shadowbox, website
  authors can showcase a wide assortment of media in all major browsers without
  navigating users away from the linking page.
 
  You should have received a license with this distribution explaining the terms
  under which Shadowbox may be used. If you did not, you may obtain a copy of the
  license at http://shadowbox-js.com/LICENSE
 
  @author      Michael J. I. Jackson <michael@mjijackson.com>
  @copyright   2007-2009 Michael J. I. Jackson
  @version     SVN: $Id: shadowbox.css 20M 2009-04-23 13:08:21Z (local) $
 */

/*_____________________________________________  container, overlay, & wrapper  */
#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: 1000000001;
}
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%;
}

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

/* graphic styles */

#sb-tile{
    background: url(/media/pics/site/shadowboxTile.gif) repeat-y center center;
}
#sb-top{
    background: url(/media/pics/site/shadowboxTop.gif) no-repeat center top;
    height: auto;
}

#sb-bottom{
    background: url(/media/pics/site/shadowboxBottom.gif) no-repeat center bottom;
    height: auto;
}

/*____________________________________________________________________  body  */
#sb-body {
	background-color:#000000;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0px solid #303030;
}
#sb-body-inner {
  position: relative;
  height: 100%;
}
#sb-content.html {
	margin: 88px 48px 75px 48px;
	overflow:auto;
	padding:0 3px;
}

/*_________________________________________________________________  loading  */
#sb-loading {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 10px;
}
#sb-body{
	background-color: #000; /* should match loading image background color */
}
#sb-loading {
  background-color: transparent; /* should match loading image background color */
}
#sb-body.html{ /* this changes the backgound color for html element so that you can see the styling */
	background-color:transparent;
}


/*____________________________________________________________  title & info  */
#sb-title, #sb-info {
	position: relative;
	margin: 0; /* these must have no vertical margin or padding */
	padding: 0;
}
#sb-title img{
	margin-top:21px;
}
#sb-title-inner, #sb-info-inner {
	position: relative;
	line-height: 16px;
}
#sb-title, #sb-title-inner {
	height: auto;
}
#sb-title-inner {
	font-size: 10px;
	line-height:1.2;
	padding: 5px 0;
	color: #fff;
	position:absolute;
	bottom:0px;
}
#sb-title.html, #sb-title.html #sb-title-inner {
	height: 0px;
	position:relative;
	bottom:auto;
}
#sb-title.html #sb-title-inner {
	color: #fff;
	letter-spacing: -0.02em;
	font-size: 21px;
	font-weight: normal;
	padding: 26px 30px;
	overflow: hidden;
	font-weight: bold;
	margin-left: 7px;
}
#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: 16px;
	margin-left: 3px;
	cursor: pointer;
}
#sb-nav-close {
	background-image: url(/scripts/shadowbox/resources/close.png);
	background-repeat: no-repeat;
}
#sb-nav-next {
	background-image: url(/scripts/shadowbox/resources/next.png);
	background-repeat: no-repeat;
}
#sb-nav-previous {
	background-image: url(/scripts/shadowbox/resources/previous.png);
	background-repeat: no-repeat;
}
#sb-nav-play {
	background-image: url(/scripts/shadowbox/resources/play.png);
	background-repeat: no-repeat;
}
#sb-nav-pause {
	background-image: url(/scripts/shadowbox/resources/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-size: 12px;
	padding: 10px;
	text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
	color: #fff;
	text-decoration: underline;
}
#sb-container .formHolder2 dt {
	width: 300px;
}