/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-color: #000;
}
#mbOverlay.normal {  }
#mbOverlay.mbOverlayFF-normal { background: transparent url(../img/80.png) repeat; }
#mbOverlay.mbOverlayIE-normal { position: absolute; }
#mbOverlay.gps { }
#mbOverlay.mbOverlayFF-gps { background: transparent url(../img/80.png) repeat; }
#mbOverlay.mbOverlayIE-gps { position: absolute; }
#mbOverlay.reader { }
#mbOverlay.mbOverlayFF-reader { background: transparent url(../img/80.png) repeat; }
#mbOverlay.mbOverlayIE-reader { position: absolute; }
#mbOverlay.archos { }
#mbOverlay.mbOverlayFF-archos { background: transparent url(../img/80.png) repeat; }
#mbOverlay.mbOverlayIE-archos { position: absolute; }
#mbOverlay.spreckels { }
#mbOverlay.mbOverlayFF-spreckels { background: transparent url(../img/80.png) repeat; }
#mbOverlay.mbOverlayIE-spreckels { position: absolute; }

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background:url('/front/components/latest/images/background.png');
}
#mbCenter.normal { }
#mbCenter.gps {
	background: transparent url(../img/gps/gps.png) no-repeat;
	background-position: 34px 0px;
	overflow: visible;
}
#mbCenter.reader {
	background: transparent url(../img/reader/reader.png) no-repeat;
	background-position: 42px 0px;
	overflow: visible;
}
#mbCenter.archos {
	background: transparent url(../img/archos/archos.png) no-repeat;
	background-position: 25px 0px;
	overflow: visible;
}
#mbCenter.spreckels {
	background: transparent url(../img/spreckels/spreckels.png) no-repeat;
	overflow: visible;
}

#mbCenter.mbLoading {
	background-image: url(../img/BlackLoading.gif) no-repeat center;

/*	This style is applied only during animation.	*/
/*	For example, the following turns off shadows,	*/
/*	helping browser performance on slow systems.	*/
/*	To leave shadows on, just remove these lines:	*/
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
#mbCenter.mbLoading-normal { }
#mbCenter.mbLoading-gps { }
#mbCenter.mbLoading-reader { }
#mbCenter.mbLoading-archos { }
#mbCenter.mbLoading-spreckels { }

#mbImage {
	position: relative;
	left: 0;
	top: 0;

/*	Begin styles for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	margin-left:5px;
}
#mbImage.normal { }
#mbImage.gps {
	padding-left: 117px;
	padding-right: 117px;
	padding-top: 105px;
	padding-bottom: 0px;
	overflow: hidden;
}
#mbImage.reader {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color:#FFF;
	padding-left: 96px;
	padding-right: 96px;
	padding-top: 50px;
	padding-bottom: 0px;
	overflow: hidden;
}
#mbImage.archos {
	padding-left: 106px;
	padding-right: 106px;
	padding-top: 46px;
	padding-bottom: 0px;
	overflow: hidden;
}
#mbImage.spreckels {
	padding-left: 64px;
	padding-right: 64px;
	padding-top: 93px;
	padding-bottom: 0px;
	overflow: hidden;
}

#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd; }
#mbImage.normal a, #mbImage.normal a:link, #mbImage.normal a:visited { }
#mbImage.gps a, #mbImage.gps a:link, #mbImage.gps a:visited { }
#mbImage.reader a, #mbImage.reader a:link, #mbImage.reader a:visited { }
#mbImage.archos a, #mbImage.archos a:link, #mbImage.archos a:visited { }
#mbImage.spreckels a, #mbImage.spreckels a:link, #mbImage.spreckels a:visited { }

#mbImage a:hover, #mbImage a:active { color: #fff; }
#mbImage.normal a:hover, #mbImage.normal a:active { }
#mbImage.gps a:hover, #mbImage.gps a:active { }
#mbImage.reader a:hover, #mbImage.reader a:active { }
#mbImage.archos a:hover, #mbImage.archos a:active { }
#mbImage.spreckels a:hover, #mbImage.spreckels a:active { }

/*	End inline content styles	*/

#mbBottom {
	position: relative;
	min-height: 20px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	padding: 0 10px 10px;
}
#mbBottom.normal { }
#mbBottom.gps {
	padding-left: 88px;
	padding-right: 88px;
	padding-bottom: 0px;
	padding-top: 30px;
	min-height: 112px;
}
#mbBottom.reader {
	min-height: 162px;
}
#mbBottom.archos {
	padding-top: 5px;
	padding-left: 106px;
	padding-right: 106px;
	min-height: 104px;
}
#mbBottom.spreckels {
	padding-top: 0px;
	padding-left: 77px;
	padding-right: 77px;
	min-height: 90px;
}

#mbTitle, #mbNumber, #mbCaption { }
#mbTitle.normal, #mbNumber.normal, #mbCaption.normal { }
#mbTitle.gps, #mbNumber.gps, #mbCaption.gps {  }
#mbTitle.reader, #mbNumber.reader, #mbCaption.reader { position: relative; top: 73px; left: 255px; }
#mbTitle.archos, #mbNumber.archos, #mbCaption.archos {  }
#mbTitle.spreckels, #mbNumber.spreckels, #mbCaption.spreckels {  }

#mbTitle {
	display: inline;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}
#mbTitle.normal { }
#mbTitle.gps {
	color: #000;
}
#mbTitle.reader {
	color: #ddd;
}
#mbTitle.archos {
	color: #ddd;
}
#mbTitle.spreckels { }

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
	margin: auto 10px;
}
#mbNumber.normal { }
#mbNumber.gps {
	color: #666;
}
#mbNumber.reader {
	position: absolute;
	top: 11px;
	left: 50%;
	width: 100px;
	text-align: center;
	margin-left: -47px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #ccc;
}
#mbNumber.archos {
	color: #666;
}
#mbNumber.spreckels { }

#mbCaption {
	display: block;
	color: #000;
	line-height: 14px;
	font-size: 10px;
}
#mbCaption.normal { }
#mbCaption.gps {
	color: #000;
}
#mbCaption.reader {
	color: #000;
}
#mbCaption.archos {
	color: #000;
}
#mbCaption.spreckels { }

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	margin: 0;
	outline: none;
	position: relative;
	top: 3px;
}
#mbPrevLink.normal, #mbNextLink.normal, #mbCloseLink.normal { }
#mbPrevLink.gps, #mbNextLink.gps, #mbCloseLink.gps {
	height: 32px; width: 59px; position: relative; top: 4px;
}
#mbPrevLink.reader, #mbNextLink.reader, #mbCloseLink.reader {
	height: 37px; position: absolute; top: 36px;
}
#mbPrevLink.archos, #mbNextLink.archos, #mbCloseLink.archos {
	height: 52px;
}
#mbPrevLink.spreckels, #mbNextLink.spreckels, #mbCloseLink.spreckels {
	height: 35px;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../img/normal/PreviousBtn.png) no-repeat center;
}
#mbPrevLink.normal { }
#mbPrevLink.gps { background: transparent url(../img/gps/gps_back.gif) no-repeat center; }
#mbPrevLink.reader {
	width: 122px;
	left: 69px;
	background: transparent url(../img/reader/reader_back.png) no-repeat center; 
}
#mbPrevLink.archos { background: transparent url(../img/archos/archos_back.png) no-repeat center; }
#mbPrevLink.spreckels { background: transparent url(../img/spreckels/spreckels_back.jpg) no-repeat center; width: 94px; }

#mbNextLink {
	width: 41px;
	background: transparent url(../img/normal/NextBtn.png) no-repeat center;
}
#mbNextLink.normal { }
#mbNextLink.gps { background: transparent url(../img/gps/gps_next.gif) no-repeat center; }
#mbNextLink.reader {
	width: 116px;
	right: 65px;
	background: transparent url(../img/reader/reader_next.png) no-repeat center; 
}
#mbNextLink.archos { background: transparent url(../img/archos/archos_next.png) no-repeat center; }
#mbNextLink.spreckels { background: transparent url(../img/spreckels/spreckels_next.jpg) no-repeat center; width: 87px; }

#mbCloseLink {
	width: 56px;
	background: transparent url(../img/normal/CloseBtn.png) no-repeat center;
}
#mbCloseLink.normal { }
#mbCloseLink.gps { background: transparent url(../img/gps/gps_close.gif) no-repeat center; }
#mbCloseLink.reader {
	width: 111px;
	left: 294px;
	background: transparent url(../img/reader/reader_close.png) no-repeat center; 
}
#mbCloseLink.archos { background: transparent url(../img/archos/archos_close.png) no-repeat center; }
#mbCloseLink.spreckels { background: transparent url(../img/spreckels/spreckels_close.jpg) no-repeat center; width: 97px; }

/*	Styles for flash version alert	*/

#mbError {
	position: relative;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#mbError.normal { }
#mbError.gps { }
#mbError.reader { }
#mbError.archos { }
#mbError.spreckels { }

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}
#mbError.normal a, #mbError.normal a:link, #mbError.normal a:visited, #mbError.normal a:hover, #mbError.normal a:active { }
#mbError.gps a, #mbError.gps a:link, #mbError.gps a:visited, #mbError.gps a:hover, #mbError.gps a:active { }
#mbError.reader a, #mbError.reader a:link, #mbError.reader a:visited, #mbError.reader a:hover, #mbError.reader a:active { }
#mbError.archos a, #mbError.archos a:link, #mbError.archos a:visited, #mbError.archos a:hover, #mbError.archos a:active { }
#mbError.spreckels a, #mbError.spreckels a:link, #mbError.spreckels a:visited, #mbError.spreckels a:hover, #mbError.spreckels a:active { }