@charset "utf-8";
/* CSS Document */
html {
 margin:0;
 padding:0;
 width:100%;
 height:100%;
}
 body{ background:url(img/background.png) repeat; font-family:helvetica; color:#777; margin:0 auto; width:100%; height:100%;}
 
  .item {
   
    height:auto;
    width:214px;
    margin:20px 15px 25px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:1px solid #ddd;
	padding:0 0 20px 0;
	background:#fff;
	text-decoration:none;
	color:#777;
	font-size:0.9em;
}

.item:hover
{
  
 
    background:#d2e1f4;
	color:#5b85c5;
}

.item img 
{
    height:128px;
    width:128px;
    margin:15px 43px 0 43px;
    border:0;
    }


.item span { display:block; text-align:center; margin-top:10px;}
    
    
.container{ 
    width:1024px;
    margin:0 auto;
	background:url(img/diag_stripe.gif) repeat;
}

#login .container{ 
	width:475px; 
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-125px;
	margin-left:-250px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	height:220px;
}

.login { margin:30px 0 0 0}
label { width: 120px; float:left; text-align:right; margin:10px 10px 0 0; font-weight:bold;}
input{ margin:5px; padding:5px; width:280px;}

.container a {
    display: inline-block;
}

.counters {
    margin: 0 auto;
	padding: 0 25px;
	list-style: none;
	right: 0;
	top: -40px;
	height: 40px;
	line-height: 36px;
	color: #555;
	text-transform: uppercase;
	font-size: 0.9em;
	background:#f0f0f0;
	letter-spacing: 1px;
	text-shadow: 0px -1px 1px #ebe9e9;
}

.counters li {
	float: left;
	margin: 3px 17px 0 0;
}

.counter{
	color: white;
	text-shadow: 0 1px 0 black;
	height: 32px;
	margin: 0px 0 0 0;
	line-height: 33px;
	font-size: 1.3em;
	letter-spacing: 7px;
	width: 68px;
	padding: 0 0 0 4px;
	background: 
	transparent url(img/counter_bg.png) repeat-x 0 0;
	position: relative;
	font-family: helvetica;
}

.count{ border-bottom:1px solid #ddd; border-top:1px solid #ddd; background:#F0F0F0;}
.clock{ width:600px; margin:8px auto 0px; border:1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.clock ul{ background:none repeat scroll 0 0 #F0F0F0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.header, .footer{
	background: -moz-linear-gradient(#2E2E2E, #090808);
	background: -ms-linear-gradient(#2E2E2E, #090808);
	background: -o-linear-gradient(#2E2E2E, #090808);
	background: -webkit-linear-gradient(#2E2E2E, #090808);
	background-color: #2E2E2E;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E2E2E', endColorstr='#090808',GradientType=0 );
	padding: 12px 0 12px 0;
	color:#fff;
	margin:0;
	width:1024px;
	margin:0 auto;
}
.footer{padding:6px 0 6px 0;}
.footer p{ margin:0; text-align:center; font-size:0.8em;}
.footer img{
    margin-bottom: -3px;
    padding-left: 3px;
    padding-right: 5px;
}

.header h1 {padding:0 0 0 25px; margin:0; font-size:1.5em;}


.img_container{ height:160px;}

.submit_button{ width:106px; height:36px; background:url(img/enter.png); text-indent:-9999px;}
.submit_button:hover{ background-position:0 100%;}
.btn{ padding:15px; text-align:center;}
h2{ font-size:1em; color:#fff; background: -moz-linear-gradient(#2E2E2E, #090808);
	background: -ms-linear-gradient(#2E2E2E, #090808);
	background: -o-linear-gradient(#2E2E2E, #090808);
	background: -webkit-linear-gradient(#2E2E2E, #090808);
	background-color: #2E2E2E;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E2E2E', endColorstr='#090808',GradientType=0 ); padding:10px; margin:0;}

.message{ margin:5px 10px; text-align:center; font-size:0.9em; color:#DF0000;}
	.show{ display:block; margin:6px; padding-top: 3px;}
	.hide{ display:none;}