/*Banner*/
body  {background-color:#FFFFFF; margin-top:0px;}
.headline {height: 28px; padding-top:4px; font-family:Verdana; font-size:20px; text-decoration:none; cursor:pointer; color: #FFF;background-color: #FF8000;text-overflow: ellipsis;text-shadow: 0px 1px #E26731;white-space: nowrap;}

.banner{
	background:url(../images/layout_images/banner.png) no-repeat left top;
	background-color:#00FF99
	width:600px;
	height:300px;
	background-size:cover;
}

.banner .center{
	padding: 0 0 0 0;
	text-align:center;
}

.banner .title{
	font-size:23px;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:0px;
}

.banner_text{
    text-align:left;
	margin-left:-10px;
}
	
.banner  p{
	font-size:22px;
	color:#5B5B5B;
	width:75%;
	margin:0 auto;
}

.clock{
	display:inline-block;
	margin:10px 3px 20px ;
}
.countdown-container {
	position: relative;
	top: 50%;
	
}

.clock-item .inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;	
	width: 100%;
}

.clock-canvas {
	background-color: #fff;
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
	box-shadow: inset 0px 0px 0px 4px #c4cbcf;
}

.clock-item{
	width:146px;
	float:left;
	margin-right:3px;
}

.clock-item:last-child{
	margin-right:0px;
}

.clock-content {
	margin-top:1px;
	margin-bottom: 10px;
}
.clock-content .val{
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -50px;
	font-size: 85px;
	font-weight: 300;
	color: #5B5B5B;
}
.clock-content .typ{
	font-size:25x;
	font-weight:120;
}
.logout_spacer{width:200px;height:10px;background-color:#FF8000;}

@media (max-width: 699px){
.banner .title{
	font-size:13px;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:0px;
}

.banner_text{
    text-align:left;
	margin-left:-10px;
}
	
.banner  p{
	font-size:12px;
	color:#5B5B5B;
	width:75%;
	margin:0 auto;
}

.clock{
	display:inline-block;
	margin:10px 3px 20px ;
}
.countdown-container {
	position: relative;
	top: 50%;
	
}

.clock-item .inner {
	height: 0px;
	padding-bottom: 100%;
	position: relative;	
	width: 100%;
}

.clock-canvas {
	background-color: #fff;
	border-radius: 50%;
	height: 0px;
	padding-bottom: 100%;
	box-shadow: inset 0px 0px 0px 4px #c4cbcf;
}

.clock-item{
	width:46px;
	float:left;
	margin-right:3px;
}

.clock-item:last-child{
	margin-right:0px;
}

.clock-content {
	margin-top:1px;
	margin-bottom: 10px;
}
.clock-content .val{
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin-top: -15px;
	font-size: 25px;
	font-weight: 300;
	color: #5B5B5B;
}
.clock-content .typ{
	font-size:9px;
	font-weight:120;
}
.logout_spacer{width:200px;height:4px;background-color:#FF8000;}

}