@CHARSET "UTF-8";

html {
	background-color: #f6f6f6;
	height: 100%;
}

body { 
	/*background-color: #f8f8f8; */
	background-color: transparent;
	color: #ffffff; 
	font: 14px Arial, Helvetica, sans-serif; 
	width: 100%;
}

div#login_top {
	background: url("../img/login/top.png") top left no-repeat transparent;
	
	width: 350px;
	padding: 175px 20px 5px 20px;
	margin: 30px auto 0px auto;
}

h1 {
	font-size: 1.5em;
	text-align: center;
	padding: 0px 0px 20px 0px;
}
h2 {
	color: #3f4857;
	font-size: 1em;
	font-weight: bold;
}

div#errors {
	border: 1px solid #cccccc;
	background-color: #ff7777;
	font-size: 11px;
	text-align: center;
	
	padding: 3px;
	margin-bottom: 10px;
}
	div#errors strong { display: block; font-size: 13px; }

div#infos {
	border: 1px solid #cccccc;
	background-color: #76b3ff;
	font-size: 11px;
	text-align: center;
	
	padding: 3px;
	margin-bottom: 10px;
}
	div#infos strong { display: block; font-size: 13px; }

div#login_bottom {
	background: url("../img/login/bottom.png") top left no-repeat transparent;
	
	width: 350px;
	height: 25px;
	padding: 0px 20px 0px 20px;
	margin: 0px auto 0px auto;
}

div.fieldname {
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
}

div.fieldvalue {

}
	div.fieldvalue input {
		background: #ffffff;
		border: 1px solid #b2b2b2;
		color: #000;
		font: 14px Arial, Helvetica, sans-serif; 
		
		width: 340px;
		padding: 3px 3px 3px 3px;
	}
	div.fieldvalue input:focus { border: 1px solid #000000; }
	div.fieldvalue input.disabled { background-color: #cccccc; }
	div.fieldvalue input.small { float: left; width: 72px; margin-right: 9px; text-align: center; }
	div.fieldvalue input.last { margin-right: 0px; }
	

input.submit {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	float: right;
	
	padding: 3px 10px 3px 10px;
	margin: 20px 4px 0px 0px;
}