.login {
	margin: 0;
	padding: 0;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
	padding: 0;

	/* Position hor/ver center */
	position: absolute;
	width: 340px;
	height: 230px;
	left: 50%;
	top: 35%;
	margin-left: -170px; /* Half the width of the DIV tag */
	margin-top: -100px; /* Half the height of the DIV tag */
}

.login h1 {
	font-size: 14px;
	font-weight: normal;
	background: #83b3c3; /* Old browsers */
	background: -moz-linear-gradient(top, #83b3c3 0%, #5295b0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #83b3c3), color-stop(100%, #5295b0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #83b3c3 0%, #5295b0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #83b3c3 0%, #5295b0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #83b3c3 0%, #5295b0 100%); /* IE10+ */
	background: linear-gradient(top, #83b3c3 0%, #5295b0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#83b3c3', endColorstr = '#5295b0', GradientType = 0); /* IE6-9 */
	color: #fff;
	text-shadow: 0 1px #4f7f92;
	padding: 0 15px;

	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

.login h1 i {
	background-image: url(../img/glyphicons-halflings-white-shadow.png);
	margin-right: 7px;
}

.login form {
	padding: 15px;
}

.login input {
	width: 92%;
	color: #333 !important;
}