/*	mediaboxAdvanced Light theme	*/

		/*	version 2.6 - June 2011			*/

		/*	for mediaboxAdvanced v.1.5.x	*/



		/*	Overlay background styling	*/



#mbOverlay {

	position: fixed;

	z-index: 1000000;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	cursor: pointer;

}



#mbContainer {

	overflow:hidden;

	}



		/*	Fixes for older or limited browsers	*/



#mbOverlay.mbOverlayOpaque {

	background: transparent url(../../images/80.png) repeat;

}



#mbOverlay.mbOverlayAbsolute {

	position: absolute;

}



#mbOverlay.mbMobile {

	position: absolute;

	background-color: transparent;

}



#mbBottom.mbMobile {

	line-height: 24px;

	font-size: 16px;

}



		/*	Overlay panel styling	*/



#mbCenter {

	position: absolute;

	z-index: 1000000;

	left: 50%;

	padding: 10px;

	background-color: #fff;

	-webkit-border-radius: 3px;

	-khtml-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.60);

	-khtml-box-shadow: 0px 0px 6px rgba(0,0,0,0.60);

	-moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.60);

	box-shadow: 0px 0px 6px rgba(0,0,0,0.60);

}



#mbCenter.mbLoading {

	background: #fff url(../../images/loading-light.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;

}



#mbMedia {

	position: relative;

	left: 0;

	top: 0;



		/*	Inline content styling	*/



	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;

	line-height: 20px;

	font-size: 12px;

	color: #000;

	text-align: left;

	background-position: center center;

	background-repeat: no-repeat;

}



mbMedia img {

	-webkit-border-radius: 4px;

	-khtml-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

}



#mbAudio {

	padding: 0 0 2px;

	background-color: #000;

}





/*	CHANGE TO NEW NAVIGATION STYLE

#mbPrevLink, #mbNextLink, #mbCloseLink {

	display: inline-block;

	color: #000;

	font-weight: bold;

}



#mbPrevLink, #mbNextLink, #mbCloseLink {

	float: right;

	outline: none;

	margin: 0 0 0 10px;

	font-weight: normal;

}

*/



#mbCloseLink {

	display: inline-block;

	color: #000;

	font-weight: bold;

}



#mbCloseLink {

	float: right;

	outline: none;

	margin: 0 0 0 10px;

	font-weight: normal;

}





#mbPrevLink b, #mbNextLink b, #mbCloseLink b {

	color: #333;

	font-weight: bold;

	text-decoration: underline;

}



#mbPrevLink big, #mbNextLink big, #mbCloseLink big {

	color: #333;

	font-size: 1.4em;

/*	line-height: 0.9em;*/

	font-weight: bold;

}



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

	text-decoration: none;

	color: #333;

}



#mbBottom a:hover, #mbBottom a:active {

	text-decoration: none;

	color: #000;

}



		/*	Error message styling	*/



#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;

	-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;

}



		/*	Title, Caption and Button styling	*/



#mbBottom {

	line-height: 20px;

	font-size: 12px;

	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;

	text-align: left;

	color: #777;

	min-height: 20px;

	padding: 10px 0 0;

	width:100% !important;

}



#mbNumber {

	display: inline;

	color: #777;

/*	line-height: 0.8em; */

	font-size: 0.8em;

	margin: auto 10px;

}



#mbTitle {

	font-family: "helvetica neue",Helvetica,Arial,Verdana,sans-serif;

	font-size: 1.7em ;

	display: inline;

	color: #333;

	letter-spacing: 0.2em;

	font-weight: normal;

}



#mbSbtitle {

	font-family:Verdana, Geneva, sans-serif !important;

	color: #777;

	display: block;

	font-size: 1.2em !important;

	margin-top:10px;

	font-style:italic;

}



#mbCaption {

	font-family:Verdana, Geneva, sans-serif !important;

	display: inline-block;

	color: #777;

	line-height: 1.6em;

	font-size: 0.8em !important;

	margin-top:10px;

	width:100% !important;

}



#mbCaption p{

	font-family:Verdana, Geneva, sans-serif !important;

	color: #777;

	font-size: 1.1em !important;

}



#mbCaption a {

	text-decoration:underline !important; }

	

#mbCaption a:hover {

	text-decoration:none !important; }	



#mbSosmeddiv {

	display: block;

	color: #777;

	line-height: 1.6em;

	font-size: 0.8em;

	margin-top:5px;

	padding-top:10px;

	border-top: 1px solid #CCC;

}



#mbCloseLink {

background: transparent url(../../images/close.png) no-repeat;

width:23px;

height:23px;

}



/*	CHANGE TO NEW NAVIGATION STYLE

#mbNextLink {

background: transparent url(../../images/arrow_right.png) no-repeat;

width:18px;

height:18px;

}



#mbPrevLink {

background: transparent url(../../images/arrow_left.png) no-repeat;

width:18px;

height:18px;

}



#mbNextLink:hover {

opacity: 0.7;

}



#mbPrevLink:hover {

opacity: 0.7;

}



*/



#mbNextLink:hover {

opacity: 1;

}



#mbPrevLink:hover {

opacity: 1;

}



#mbCloseLink:hover {

opacity: 0.7;

}





#mbsosmed {

	float: left;

	height: 25px;

}

#mbsosmed ul {

	list-style: none;	

	margin: 0;

	padding: 0;

}

#mbsosmed ul li { 

	margin-right: 5px;

}

#mbsosmed ul li,

#mbsosmed ul li span { 

	-moz-transition: all .2s linear; 

	-webkit-transition: all .2s linear; 

	-o-transition: all .2s linear; 

	-ms-transition: all .2s linear; 

	transition: all .2s linear;   



	display: inline-block;

	width: 25px;

	height: 25px;

	margin: 0 5px 0 0;

	padding: 0;

}



#mbsosmed ul li span {

	opacity: 0.7;

}



#mbsosmed ul li span:hover {

	opacity: 1;

}



#mbsosmed ul #sosmedfb span {

	background: url(../../images/sprite_sosmed.png) no-repeat -53px -25px transparent;		

}



#mbsosmed ul #sosmedfb span:hover {

	background: url(../../images/sprite_sosmed.png) no-repeat -53px 0px transparent;		

}



#mbsosmed ul #sosmedtw span {

	background: url(../../images/sprite_sosmed.png) no-repeat -27px -25px transparent;		

}



#mbsosmed ul #sosmedtw span:hover {

	background: url(../../images/sprite_sosmed.png) no-repeat -27px 0px transparent;		

}



#mbsosmed ul #sosmedpn span {

	background: url(../../images/sprite_sosmed.png) no-repeat -1px -25px transparent;	

	opacity: 0.7;	

}



#mbsosmed ul #sosmedpn span:hover {

	background: url(../../images/sprite_sosmed.png) no-repeat -1px 0px transparent;		

}



/*

 * RESPONSIVE MODE (Content)

*/



@media only screen and (max-width: 480px) {

	

		#mbTitle {

			font-size:14px !important;	

			}

			

					#mbSbtitle {

			font-size:12px !important;

			}	



}