html {
	background: url('login-images/dark_leather.png');
	font-size: 14px;
}
body{
	font-family: 'Lato', Arial;
	}
	
#main {
	background-color: initial;
}

#logout-button, #reportoverview-button {
	display: none;
}

div.header {
	background-color: initial;
	border-width: 0px;
	height: 0px;
}

label {
	display: block;
	color: #f9f9f9;
	font-size: 12px;
	margin-bottom: 8px;
	font-weight:300;
}
.cf:before,
.cf:after {
    content: ""; 
    display: table;
}

.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
:focus {
	outline: 0;
}
.loginform {
	width: 348px;
	margin: 150px auto;
	padding: 45px;
	background-color: rgba(70,70,70,0.5);
	border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), 
    			inset 0px 1px 0px 0px rgba(250, 250, 250, 0.3);
    border: 1px solid rgba(0, 0, 0, .9);
}
.loginform ul {
	padding: 0;
	margin: 0;
}
.loginform li {
	display: inline;
}
li.user {
	float: left;
}
li.password {
	float: right;
}
.loginform input:not([type=submit]) {
	padding: 10px;
	border: 0px solid rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.5), 
				0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;
}
.loginform input[type=submit] {
	float:right;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 14px;
  background: #81eaee;
  background-image: -webkit-linear-gradient(top, #81eaee, #1d9189);
  background-image: -moz-linear-gradient(top, #81eaee, #1d9189);
  background-image: -ms-linear-gradient(top, #81eaee, #1d9189);
  background-image: -o-linear-gradient(top, #81eaee, #1d9189);
  background-image: linear-gradient(to bottom, #81eaee, #1d9189);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  color: #124141;
  font-size: 16px;
  padding: 8px 20px 5px;
  border: solid #032d2a 1px;
  text-decoration: none;
  text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
}
.loginform input[type=submit]:hover {
  background: #adeded;
  background-image: -webkit-linear-gradient(top, #adeded, #22b3a4);
  background-image: -moz-linear-gradient(top, #adeded, #22b3a4);
  background-image: -ms-linear-gradient(top, #adeded, #22b3a4);
  background-image: -o-linear-gradient(top, #adeded, #22b3a4);
  background-image: linear-gradient(to bottom, #adeded, #22b3a4);
  text-decoration: none;

}