/* modified	mediaboxAdvanced theme	*/
/*	for mediaboxAdvanced v.1.3.1	*/

/*	Overlay background styling	*/

#mbOverlay {
	position: fixed;
	z-index: 9998;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

		/*	Legacy fix for older browsers	*/

#mbOverlay.mbOverlayFF {
	background: transparent url(80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	position: absolute;
}

		/*	Overlay panel styling	*/

#mbCenter {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #ffffff;
	outline:10px solid rgba(0,0,0,0.3);
}
#mbCenter .sidenav {
	margin-top:70px;
}
#mbCenter .content {
	padding:20px 10px 10px 30px;
	float:left;
	width:460px;
}
#mbCenter .content .info {
	clear:left;
	padding-top:10px;
	margin-top:0;
}
#mbCenter .content .photo {
	float:left;
	margin-right:10px;
	padding-top:10px;
	background:#B33B3B;
}
#mbCenter .content .acceptable {
	float:left;
	margin-right:10px;
	padding-top:10px;
	background:#2B8168;
}
#mbCenter .content .photo h4{
	background: url('icon-cross.png') no-repeat 4px 2px;
	padding: 0px 3px 5px 25px;
	color:#ffffff;
	font-style:italic;
}
#mbCenter .content .acceptable h4 {
	background: url('icon-tick.png') no-repeat 4px 2px;
	padding: 0px 3px 5px 25px;
	color:#ffffff;
	font-style:italic;
}
#mbCenter .content h2 {
	color:#27745d;
	font-size: 1.846em;
	line-height:30px;
	margin-bottom:20px;
	font-style:italic;
}

#mbCenter.mbLoading {
	background: #ffffff url(loading.gif) no-repeat center;
		/*	This style is applied only during animation.	*/
		/*	For example, the next lines turn off shadows	*/
		/*	improving browser performance on slow systems.	*/
		/*	To leave shadows on, just remove the following:	*/
	-webkit-box-shadow: none;
	-khtml-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

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

		/*	Title, Caption and Button styling	*/

#mbBottom {
	min-height: 43px;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
	font-size: 12px;
	color: #999;
	text-align: left;
	padding:10px;
}

#mbTitle {}
#mbPrevLink, #mbNextLink, #mbCloseLink {	
		color:#ffffff;
		text-shadow:1px 0 0 #333333;
		text-decoration:underline;
		font-size:1.154em;
		padding:8px 40px 12px 15px;
		display:block;
		font-style:italic;	
		border-top: 1px solid #3597bf;
		border-bottom:2px solid #215d9a;
}
#mbNextLink {
	background: url('../../../vwluResources/bg-bluebtn/$file/bg-bluebtn.png') no-repeat right center #2e82b3;
	background: url('../../../vwluResources/bg-bluebtn/$file/bg-bluebtn.png'') no-repeat right center, -moz-linear-gradient(top, #3c9bc3, #2a76ac);
	background: url('../../../vwluResources/bg-bluebtn/$file/bg-bluebtn.png'') no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c9bc3), to(#2a76ac));

}
#mbNextLink:hover {
	background: url('../../../vwluResources/bg-bluebtn/$file/bg-bluebtn.png'') no-repeat right center #4486b6;
	background: url('../../../vwluResources/bg-bluebtn/$file/bg-bluebtn.png'') no-repeat right center, -moz-linear-gradient(top, #4c9bc3, #4486b6);
	background: url('../../../vwluResources/bg-bluebtn/$file/bg-bluebtn.png'') no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c9bc3), to(#4486b6));
}

#mbPrevLink, #mbNextLink {
	float:left;
} 
#mbPrevLink {
	margin-right:10px;
	padding:8px 15px 12px 40px;
	background: url('../../../vwluResources/bg-btnprev/$file/bg-btnprev.png') no-repeat left center #2e82b3;
	background: url(../'../../vwluResources/bg-btnprev/$file/bg-btnprev.png'') no-repeat left center, -moz-linear-gradient(top, #3c9bc3, #2a76ac);
	background: url('../../../vwluResources/bg-btnprev/$file/bg-btnprev.png'') no-repeat left center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c9bc3), to(#2a76ac));
}
#mbPrevLink:hover {
	background: url('../../../vwluResources/bg-btnprev/$file/bg-btnprev.png'') no-repeat left center #4486b6;
	background: url('../../../vwluResources/bg-btnprev/$file/bg-btnprev.png'') no-repeat left center, -moz-linear-gradient(top, #4c9bc3, #4486b6);
	background: url('../../../vwluResources/bg-btnprev/$file/bg-btnprev.png'') no-repeat left center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c9bc3), to(#4486b6));	
}
#mbCloseLink {
	float: right;
	background: url('../../../vwluResources/bg-btnclose/$file/bg-btnclose.png') no-repeat right center #2e82b3;
	background: url('../../../vwluResources/bg-btnclose/$file/bg-btnclose.png') no-repeat right center, -moz-linear-gradient(top, #3c9bc3, #2a76ac);
	background: url('../../../vwluResources/bg-btnclose/$file/bg-btnclose.png') no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3c9bc3), to(#2a76ac));
}
#mbCloseLink:hover {
	background: url('../../../vwluResources/bg-btnclose/$file/bg-btnclose.png') no-repeat right center #4486b6;
	background: url('../../../vwluResources/bg-btnclose/$file/bg-btnclose.png) no-repeat right center, -moz-linear-gradient(top, #4c9bc3, #4486b6);
	background: url('../../../vwluResources/bg-btnclose/$file/bg-btnclose.pngg') no-repeat right center, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4c9bc3), to(#4486b6));	
}



#mbBottom a, #mbBottom a:link, #mbBottom a:visited {	/* Thanks to Danny Jung for feedback and corrections */
	color: #ffffff;
}

#mbBottom a:hover, #mbBottom a:active {
	text-decoration: underline;
	color: #fff;
}

#mbCaption, #mbNumber {
	display:none;
}
		/*	Error message styling	*/

#mbError {
	position: relative;
	line-height: 20px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	border: 10px solid #700;
	padding: 10px 10px 10px;
	margin: 20px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active {
	color: #d00;
	font-weight: bold;
	text-decoration: underline;
}