*{
	box-sizing: border-box;
}
input[type=button]:active,input[type=submit]:active,input[type=reset]:active
{
background: #00833e;
color: #fed34e;
}
body{font-family: Arial;text-align:center;background:#FFF6DA;margin:20px 0 20px 0;color: #f7d050;
text-shadow: 1px 1px 0px #000000;}
.header{
margin:20px 0 20px 0;
background: #00833e;
margin: 20px 0 20px 0; 
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666; 	
}
.frame{
width: 100%;
max-width: 1020px;
margin: 10px auto 10px;
padding-top: 10px;
background: #fed34e;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#login{
width:100%;min-width:320px;max-width:400px;margin:0 auto 10px;
background: #00833e ;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
}
#login table
{width:100%;padding: 5px;}
#login td{padding:5px;}
#username,#password{
margin: 0 auto 0;   
width: 90%;	    
min-width: 200px;
max-width: 280px;
}
#day,#username,#month,#year,#password
{
font-size: 16px;
border: 1px solid #fed34e;
padding: 5px;
}
.lable{width:30%}
input[type=button],input[type=submit],input[type=reset]
{
border: 1px solid #fed34e;
background: #fed34e;
color: #00833e;
display: inline-block;
padding: 10px 20px;
margin: 0;
font-size: 20px;
cursor: pointer;
text-align: center;
vertical-align: middle;
height: 40px;
width:49%;
border-bottom: 1px solid black;
border-right: 1px solid black;
}
.admin
{
background: #00833e;
padding:5px;
}
#response{color: white;}
.results{
color:#00833e;
text-shadow:none;
border-spacing:0;
background:white;
border: 1px solid green;
margin:0 auto 0;
-webkit-box-shadow: 0px 1px 3px #666666;
-moz-box-shadow: 0px 1px 3px #666666;
box-shadow: 0px 1px 3px #666666;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
overflow:auto;
max-width:700px;
width:100%;
display:inline-block;
}
.days{
	max-width:170px;
	display:table;
}
.results tr:nth-of-type(even)
{
background-color: #ffedb5;
}
.results td
{
border: 1px solid #ddd;
padding:5px;
}
.results th{padding:5px}
.fill{
	background:gold;
	height: 100%;
	width:0%;
	transition: width 2s;
}
.fill-none{
	width:0%!important;
}
.bar{
	border: 1px solid green;
	height: 30px;
	width:200px;
	background: #acc5ac;
}
.popular{
	max-width:500px;
}