html, body{
	font-family: Verdana, sans-serif;
	font-size:10px;
	color:#2d2d2d;
}
ul{
	list-style-type:none;
}
table{
	border-collapse:collapse;
}

#overlay{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1000;
	display:none;
}
	#dialog{
		position:absolute;
		top:150px;
		left:-100px;
		margin-left:50%;
		padding:20px;
		width:200px;
		height:100px;
		border:1px solid #e5e5e5;
		background:#f1f1f1;
		z-index:1001;
	    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);	
	}
	#overlayBack{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background:white;
		opacity:0.5;
	}
	#closeDialog{
		position: absolute;
		bottom: 10px;
		left: 50%;
		margin-left: -60px;
	}	


#loginForm{
	position:absolute;
	top:50%;
	left:-200px;
	margin-left:50%;
	width:400px;
	height:200px;
	border:1px solid #e5e5e5;
	background:#f1f1f1;	
}
	#loginForm table{
		margin:30px;
		width:360px;
	}
	#loginForm input[type=text], #loginForm input[type=password]{
		width:170px;
	}
	#loginForm input[type=submit]{
		margin:40px 0 0 110px;
	}
	#invalidLogin{
		height:16px;
		color:red;
		text-align:center;
	}
	
#settingsOverlay{
	position:absolute;
	top:25px;
	left:-250px;
	margin-left:50%;
	width:500px;
	height:300px;
	border:1px solid #e5e5e5;
	background:#f1f1f1;
	z-index:1000;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.50);
    display:none;	
}
	#settingsOverlay table{
		margin:25px;
	}
	#version{
		position:absolute;
		bottom:10px;
		right:10px;
		font-size:8px;
	}

#topHeader{
	position:absolute;
	left:0;
	top:0;
	right:0;
	height:25px;
	color:#d2d2d2;
	background: -moz-linear-gradient(top, #474747 0%, #363636 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#363636)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #474747 0%,#363636 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #474747 0%,#363636 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #474747 0%,#363636 100%); /* IE10+ */
	background: linear-gradient(top, #474747 0%,#363636 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#363636',GradientType=0 ); /* IE6-9 */
}
	#settings{
		position:absolute;
		top:4px;
		right:120px;
		height:16px;
		width:85px;
		text-align:right;
		background:url('../img/settings.png') no-repeat 0 0;
	}
	#logout{
		position:absolute;
		top:4px;
		right:30px;
		height:16px;
		width:55px;
		text-align:right;
		background:url('../img/logout.png') no-repeat 0 0;
	}
	#topHeader a{
		color:#fff;
		text-decoration:none;
		font-size:10px;
		line-height:16px;
	}

#header{
	position:absolute;
	left:0;
	top:25px;
	right:0;
	height:80px;
	border-bottom:1px solid #e5e5e5;
	background:#f1f1f1;	
}
	#cpkwhCounter{
		position:absolute;
		display:none;		
		top:25px;
		right:190px;
		height:30px;
		width:70px;
		line-height:15px;
		padding-left:40px;		
		text-align:left;
		background:url('../img/price.png') no-repeat 0 0;	
	}
	#wattCounter{
		position:absolute;
		top:25px;
		right:70px;
		height:30px;
		width:100px;
		line-height:30px;
		text-align:right;
		background:url('../img/kwh.png') no-repeat 0 0;
	}			
	#kwhCounter{
		position:absolute;
		top:25px;
		right:30px;
		height:30px;
		width:100px;
		padding-left:40px;
		line-height:15px;
		text-align:left;
		vertical-align:middle;		
		background:url('../img/kwh.png') no-repeat 0 0;
	}
		
	.countUp{
		color:red;
	}
	.countDown{
		color:green;
	}	
	
	#logo{
		position:absolute;
		top:20px;
		left:60px;
		width:125px;
		height:40px;
		background:url('../img/logo.png') no-repeat 0 0;
	}
	
	
	#menu{
		position:absolute;
		top:16px;
		left:300px;
		background:url('../img/chart.png') no-repeat 0 13px;
	}	
	#header ul.btn{
		list-style-type:none;
	}
	#header ul.btn li{
		display:block;
		float:left;
	}
	#header ul.btn a{
		height:25px;
		display:block;
		color:#2d2d2d;
		text-decoration:none;
	}
	
	#header ul.btn li:first-child{
		border-width: 1px;
		-webkit-border-radius: 4px 0 0 4px;
		-moz-border-radius: 4px 0 0 4px;
		-ms-border-radius: 4px 0 0 4px;
		-o-border-radius: 4px 0 0 4px;
		border-radius: 4px 0 0 4px;
	}
	#header ul.btn li:last-child{
		border-width: 1px 1px 1px 0px;
		-webkit-border-radius: 0 4px 4px 0;
		-moz-border-radius: 0 4px 4px 0;
		-ms-border-radius: 0 4px 4px 0;
		-o-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
	}
	#header ul.btn li{
		background: #ececec;
		border-style:solid;
		border-color: #c6c6c6;
		border-width: 1px 1px 1px 0px;
		line-height: 25px;
		padding: 0;
		text-align: center;
		width: 120px; 
		cursor: pointer; 
	}
	#header ul.btn li:hover, #header ul.btn li.selected{
		background: #e5e5e5;
	}	


#container{
	position:absolute;
	left:0;
	top:106px;
	right:0;
	padding:20px 10px;
	background:white;
}
	#datepickContainer{
		display:none;
		height:25px;
		width:162px;	
		border:1px solid #e5e5e5;
		background:url('../img/calendar.png') no-repeat 6px 3px #f1f1f1;	
	}
	#datepicker{
		margin:4px 4px 4px 32px;
		width:122px;
	}
	#history{
		display:none;	
		height: 500px; 
		min-width: 500px;
	}



input[type=submit], input[type=button]{
  background: #4D90FE;
  border: 1px solid #3079ED;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  line-height: 1;
  padding: 6px 0 9px;
  text-align: center;
  width: 120px; 
  cursor: pointer; 
}
input[type=submit]:hover, input[type=button]:hover{
    background: #3079ED;
}
input[type=submit].saved{
	background: #3D9400;
	border: 1px solid #3D9400;
}
input[type=submit].notsaved{
	background: #dd4b39;
	border: 1px solid #D14836;
}
input[type=submit].notsaved:hover{
	background: #D14836;
}
form{
	margin:20px 0;
}
#translate_field textarea{
	font-family:Verdana, sans-serif;
	font-size:10px;
	border:1px solid #d2d2d2;
}
textarea[name=meta_description]{
	width:250px;
	height:50px;
	resize: none;
}
textarea[name=meta_keywords]{
	width:250px;
	height:50px;
	resize: none;
}
#translate_field input[type=text], #translate_field input[type=password]{
	width:250px;
	border:1px solid #d2d2d2;
	margin:2px;
}
#translate_field input[type=text]:focus, #translate_field input[type=password]:focus, #translate_field textarea:focus{
	border:1px solid #3079ED;
	outline:none;
}
input[type=text], input[type=password]{
	border:1px solid #d2d2d2;
	margin:2px 0 2px 0px;
}
input[type=text]:focus, input[type=password]:focus{
	border:1px solid #3079ED;
	outline:none;
}