body {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #EEEEEE url('../images/login_bg.png') repeat left top;
	color: #000;
}

#header {
	height: 66px;
	-moz-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

/*Fix the header in top*/
#header.fixed {
	position: fixed;
}

#header .logo span.slogan { font-size: 14px; color: #6b6b6b; }

/*Navbar*/
.navbar {
	color: #3f3f3f;
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	min-height: 66px;
	padding-right: 0px;
	padding-left: 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: url('../images/login_header_bg.png') repeat;
	border-bottom: 1px solid #c4c4c4;
}

.navbar .navbar-brand {
	padding: 0 20px 0;
	margin-left: -20px;
	margin-right: 55px;
	font-size: 30px;
	font-weight: 700;
	line-height: 45px;
	color: #353535;
	height: 65px;
	line-height: 62px;
	float: left;
}

.navbar .navbar-brand:hover { text-decoration: none; }

.navbar .navbar-brand .slogan { font-size: 14px; color: #6b6b6b; }

.navbar { text-align: center; }

.navbar .navbar-brand { float: none; text-align: center; margin: 0; }

.loginContainer {
	position: absolute;
	border: 1px solid #c4c4c4;
	width: 300px;
	/*height:232px;*/
	height: auto;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -150px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	background: #fefefe;
	/*padding: 0px 20px 0 20px;*/
}

.loginContainer:after, .loginContainer:before, .errorContainer:after, .errorContainer:before {
	background: #f9f9f9;
	background: -moz-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background: -o-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background: -ms-linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	background: linear-gradient(top, rgba(248, 248, 248, 1) 0%, rgba(249, 249, 249, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f9f9f9', GradientType=0);
	border: 1px solid #c4c6ca;
	content: "";
	display: block;
	height: 100%;
	left: -1px;
	position: absolute;
	width: 100%;
}

.loginContainer:after, .errorContainer:after {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	transform: rotate(2deg);
	top: 0;
	z-index: -1;
}

.loginContainer:before, .errorContainer:before {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
	top: 0;
	z-index: -2;
}

.loginContainer .form-actions {
	border-bottom: 1px solid #E5E5E5;
	-moz-box-shadow: 0 1px 0px rgba(229, 229, 229, 0.1);
	-webkit-box-shadow: 0 1px 0px rgba(229, 229, 229, 0.1);
	box-shadow: 0 1px 0px rgba(229, 229, 229, 0.1);
	padding: 19px 20px 20px;
	background-color: #f5f5f5;
	border-top: 1px solid #e5e5e5;
}

.loginContainer .form-group .control-label {
	text-align: left;
	padding-right: 27px;
	padding-top: 20px;
	position: relative;
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 14px;
}

form .form-group span.icon16 {
	position: absolute;
	right: 25px;
	top: 12px;
	font-size: 16px;
	color: #DDDBDB;
}

#loginForm #loginBtn span.icon16 {
	top: auto;
	right: auto;
	position: relative;
}

.form-control {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
	color: #555555;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.flashMessage {
	z-index: 9999999;
	margin-top: 100px;
	/*width: 300px;*/
}

input[type=text], input[type=password] {
	width: 100%;
}