/**
 * 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: 999;
}
body > #sb-container {
	/* use position:fixed in modern browsers */
	position: fixed;
}
* html #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 & common styles */
#sb-wrapper {
	position: relative;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #000;
	background: #fff;
}
* html #sb-wrapper {
	width: 460px;
}
#sb-wrapper-inner {
	position: relative;
}
.sb-player-img #sb-wrapper-inner {
	padding: 10px 50px;
}
.sb-player-iframe #sb-wrapper-inner {
	padding: 10px 20px;
}
#sb-wrapper img {
	border: none;
}
#sb-wrapper a {
	color: #000;
	cursor: pointer;
}
.sb-clear {
	clear: both;
}
#sb-wrapper .sb-content-inactive {
	display: none;
}

/*____________________________________________________________________  body  */
#sb-body {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	border: 1px solid #E6E6E6;
}
#sb-body-inner {
	position: relative;
	height: 100%;
}

/*____________________________________________________________________  content-element */
#sb-content.html {
	height: 100%;
	overflow: auto; /* make html content scrollable */
}
img#sb-content {
	display: block;
}

/*_________________________________________________________________  loading  */
#sb-body, 
#sb-loading {
	background: #fff; /* should match loading image background color */
}
#sb-loading {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff url(resources/loading.gif) no-repeat scroll center center;
}
* html #sb-loading {
	width: 380px;
	height: 380px;
}
#sb-loading a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	visibility: hidden;
}

/*____________________________________________________________  title  */
#sb-title {
	display: none;
}

/*_____________________________________________________________________  description */
#sb-description {
	height: auto;
	width: 100%;
	padding: 5px 0 15px 0;
	margin: 0;
	border-bottom: 1px solid #999;
}
#sb-description-inner {
	padding: 4px;
}
#sb-description h4,
#sb-description p {
	font-size: 100%;
}
.sb-player-iframe #sb-description {
	display: none;
}

/*_____________________________________________________________________  nav  */
#sb-tools-top .sb-nav {
	float: right;
	padding: 6px 0 7px 0;
	width: 40%;
}
#sb-tools-bottom .sb-nav {
	margin-top: 6px;
	padding: 5px 0 7px 0;
}
.sb-nav {
	font-size: 11px;
}
.sb-nav a {
	display: inline;
	float: left;
	padding: 0 0 0 20px;
	margin-left: 3px;
	background-repeat: no-repeat;
	background-position: left center;
	text-transform: uppercase;
	outline: none;
}
* html .sb-nav a {
	display: inline-block;
}
.sb-nav .sb-nav-close {
	background-image: url(resources/close.gif);
	background-position: right center;
	padding: 0 20px 0 0;
	float: right;
}
.sb-nav-next {
	background-image: url(resources/next.png);
}
.sb-nav-previous {
	background-image: url(resources/previous.png);
}
.sb-nav-play {
	background-image: url(resources/play.png);
}
.sb-nav-pause {
	background-image: url(resources/pause.png);
}
.sb-nav-print {
	background-image: url(resources/print.gif);
}
.sb-nav-print:hover {
	background-image: url(resources/print_h.gif);
}
.sb-nav .sb-nav-download {
	border-left: 1px solid #999999;
	margin-left: 8px;
	padding-left: 40px;
	background-position: 7px center;
	background-image: url(resources/download.gif);
}
.sb-nav .sb-nav-restart,
#sb-tools-top .sb-nav-print,
#sb-tools-top .sb-nav-download,
#sb-tools-top .sb-nav-next,
#sb-tools-top .sb-nav-previous,
#sb-tools-bottom .sb-nav-next,
#sb-tools-bottom .sb-nav-previous {
	display: none;
}
.sb-nav .sb-nav-inactive {
	display: none;
}

/*_________________________________________________________________  overlay navigation  */
#sb-nav-overlay {
	position: static;
	display: none;
}
.sb-player-img #sb-nav-overlay {
	display: block;
}
#sb-nav-overlay div {
	position: absolute;
	height: 100%;
	width: 50px;
	top: 0;
}
#sb-nav-overlay-left {
	left: 0;
}
* html #sb-nav-overlay-left {
	left: -50px; /* corrects positioning in ie6 */
}
#sb-nav-overlay-right {
	right: 0;
}
#sb-nav-overlay a {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url(resources/sprites_nav_overlay.gif) no-repeat scroll;
}
* html #sb-nav-overlay a {
	height: 460px; /* use fixed height in ie6 */
}
#sb-nav-overlay .sb-nav-previous {
	background-position: -0px;
}
#sb-nav-overlay .sb-nav-previous:hover {
	background-position: -60px;
}
#sb-nav-overlay .sb-nav-next {
	background-position: -130px;
}
#sb-nav-overlay .sb-nav-next:hover {
	background-position: -190px;
}

/*_________________________________________________________________  counter  */
.sb-counter {
	float: left;
	padding: 7px 0 8px 0;
	width: 40%;
}
.sb-counter a {
	padding: 0 4px 0 0;
	text-decoration: none;
}
.sb-counter a.sb-counter-current {
	text-decoration: underline;
}
#sb-tools-bottom .sb-counter {
	display: none;
}

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

/*________________________________________________________________  box shadow  */
.sb-shadow {
	position: absolute;
	background: transparent scroll left top;
	z-index: 1;
}
.sb-shadow-vertical {
	width: 10px;
	top: 0;
	height: 100%;
	background-repeat: repeat-y;
}
.sb-shadow-horizontal {
	height: 10px;
	width: 100%;
	background-repeat: repeat-x;
}
.sb-shadow-corner {
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
}
.sb-shadow-top{
	top: -10px;
	left: 0;
	background-image: url(resources/shadow/shadow_top.png);
}
.sb-shadow-right-top {
	right: -10px;
	top: -10px;
	background-image: url(resources/shadow/shadow_right_top.png);
}
.sb-shadow-right{
	right: -10px;
	top: 0;
	background-image: url(resources/shadow/shadow_right.png);
}
.sb-shadow-right-bottom {
	right: -10px;
	bottom: -10px;
	background-image: url(resources/shadow/shadow_right_bottom.png);
}
.sb-shadow-bottom {
	right: 0;
	bottom: -10px;
	background-image: url(resources/shadow/shadow_bottom.png);
}
.sb-shadow-left-bottom {
	left: -10px;
	bottom: -10px;
	background-image: url(resources/shadow/shadow_left_bottom.png);
}
.sb-shadow-left{
	left: -10px;
	bottom: 0;
	background-image: url(resources/shadow/shadow_left.png);
}
.sb-shadow-left-top {
	left: -10px;
	top: -10px;
	background-image: url(resources/shadow/shadow_left_top.png);
}
/* ie6 needs patching */
* html .sb-shadow-top,
* html .sb-shadow-right-top,
* html .sb-shadow-left-top {
	top: -15px;
}
* html .sb-shadow-right-bottom,
* html .sb-shadow-bottom,
* html .sb-shadow-left-bottom {
	bottom: -15px;
}


/*____________________________________________________________  printing-support  */
@media print {
	body.sb-is-visible #typo,
	body.sb-is-visible .sb-do-not-print,
	body.sb-is-visible #sb-container .sb-nav,
	body.sb-is-visible #sb-container .sb-counter,
	body.sb-is-visible .sb-shadow {
		display: none!important;
	}
	body.sb-is-visible #sb-container,
	body.sb-is-visible #sb-container #sb-overlay,
	body.sb-is-visible #sb-container #sb-wrapper {
		position: static;
		background: none;
		filter: none;
		height: auto;
	}
}