@charset "utf-8";
#overlay{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:40px;
	background:white;
	border-bottom:2px solid #f6850d;
}
#overlay > .container{
	width:1000px;
	margin:auto;
	height:inherit;	
}
#overlay > .container > .logo{
	height:22px;
	width:105px;
	margin:9px;	
	float:left;
	background:url(/images/logo_mini.png) no-repeat center center;
	background-size:105px 22px;
}
#overlay > .container > .ornament{
	height:inherit;
	width:140px;
	background:url(/images/cms_overlay_bg.jpg) no-repeat center center;	
	float:left;
}
#overlay > .container > .info{
	height:inherit;
	float:left;
	font-size:16px;
	line-height:40px;
	margin-left:160px;	
}
#overlay > .container > .info .highlight{
	font-family:caviarbold;	
}
#overlay > .container > .close{
	height:inherit;
	float:right;
	padding-left:40px;
	padding-right:10px;
	background:url(/images/cms_close_icon.png) no-repeat 10px center;	
	line-height:40px;
	font-size:14px;
	-webkit-transition: color 0.2s linear; 
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear; 
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
	cursor:pointer;
}
#overlay > .container > .close:hover{
	color:#f6850d;	
	background-color:#4c4c4c;
}
#body iframe{
	margin-top:40px;	
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){
	#overlay > .container > .logo{;
		background-image:url(/images/logo_mini@2.png);
		background-size:105px 22px;
	}
	#overlay > .container > .close{
		background-image:url(/images/cms_close_icon@2.png);	
		background-size:22px 22px;
	}
}