/* CSS Document */
body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #333;
	text-align: center;
	background-color: #EFEFEF;
}

a {
	color: #FFF;
	text-decoration: underline;
}

a:hover {
	color: #FFF;
	text-decoration: none;
}

input, textarea, option, select {
	color: #000;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

input:focus, textarea:focus {
	border: 1px solid #686868;
	background-color: #DFDFDF;
}

/* CONTENT */

#container {
	width: 344px;
	margin: 5em auto 1em auto;
	padding: 0;

}

#IdLogin {

/* border: 1px solid #686868; */
	position: relative;
	height: 300px;
	background: url('../images/login-bg.jpg') no-repeat top center;
	color: #FFF;
	text-align: left;
	margin: 0;
	padding: 140px 30px 25px 30px;
	_padding: 132px 30px 25px 30px;
}

#IdLogin #submit {
	float: right;
	margin: 1em 1px;
	padding: 0;
	text-align: right;
}

#IdLogin #submit input {
	padding: 2px 4px;
	_padding: 0;
}

#IdLogin #lost {
	float: left;
	margin: 1.9em 0 0 0;
	font-size: 0.95em;
}

#IdMessage {
	position: absolute;
	top: 350px;
	width: 280px;
}

/* ERROR */
.red {
	color: red;
}

.green {
	color: green;
}

/* CLASS */

.input {
	width: 273px;
	margin-top: 2px;
	padding: 2px 4px;
	border: 1px solid #B2B2B2;
}

.button {
	border: 1px solid #DFD5AF;
	border-top: 1px solid #FFF6D3;
	border-left: 1px solid #FFF6D3;
	color: #268CCD;
	background-color: #FFF6D3;
}

.button:hover {
	background-color: #F0EBD6;
}

.center {
	text-align: center;
}