/*
    Document   : login
    Created on : 14 avr. 2012, 15:59:00
    Author     : g
    Description:
        Purpose of the stylesheet follows.
*/

root {
    display: block;
}
body{
	background: #212121;
}
.alert{color: red;}
.alert p{padding: 0; margin: 0;}
.container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -120px;
	margin-left: -190px;
	width: 380px;
	height: 240px;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#191919), to(#070707));
	background-image: -moz-linear-gradient(0% 100% 90deg, #070707, #191919);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.8);
	-moz-box-shadow:	2px 2px 8px rgba(0,0,0,0.8);
	box-shadow:			2px 2px 8px rgba(0,0,0,0.8);

	color: #ffffff;
	font-size: 10px;
}
label{
	color: #232323;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0px 0px 5px 5px;
	margin-bottom: 10px;
}
input{
	margin: 5px 0px 5px 0px;
	background: #e0e0e0;
	border: 3px solid #383838;
	font-size: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 6px;
	margin-right: 10px;
}
button, .button{
	background-color: #000000;
	color: #8d8d8d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#292929), to(#121212));
	background-image: -moz-linear-gradient(0% 100% 90deg, #121212, #292929);

	text-transform: uppercase;
	font-size: 10px;
	border: 1px solid #181818;
	padding: 4px 9px;
	margin: 0px 5px;
	line-height: 18px;
}
button:hover, .button:hover{
	-webkit-box-shadow: -1px -1px 8px rgba(108,141,158, 0.3);
	-moz-box-shadow: -1px -1px 8px rgba(108,141,158, 0.3);
	box-shadow: -1px -1px 8px rgba(108,141,158, 0.3);
}
button:active, .button:active{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#121212), to(#292929));
	background-image: -moz-linear-gradient(0% 100% 90deg, #292929, #121212);
	color: #c0c0c0;
}