.admin-message {
	background-color: #e2e2e2;
	color: #e60000;
	font-size: 12px;
	font-weight: bold;
}
* {
	margin: 0;
}
html, body {
	font-family: "Helvetica Neue", Helvetica, Arial;
	height: 100%;
}
.main-top {
	padding-top: 40px;
}
a:link {
	color: #8ad1ff;
	text-decoration: none;
}
a:visited {
	color: #d6efff;
	text-decoration: none;
}
a:hover {
	color: #d6efff;
}
a:active {
	color: #8ad1ff;
	text-decoration: none;
}
.login-container {
	width: 750px;
	max-width: 750px;
	overflow: hidden;
}
.login-header {
	width: 300px;
	float:left;
}
.login-header img {
	margin-top: 128px;
	margin-bottom: 128px;
	vertical-align: middle;
}
.login-credencials {
	overflow: hidden;
}
#login-main {
	margin: 0 auto;
	padding: 10px 25px 25px;
	background: #fff;
	box-shadow:
		0px 0px 0px 5px rgba( 255,255,255,0.4 ),
		0px 4px 20px rgba( 0,0,0,0.33 );
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: table;
	position: static;
}
#login-main .login-credencials {
	margin-bottom: 20px;
}
#login-main .login-credencials h3 {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
#login-main .login-credencials p {
	color: #8f8f8f;
	font-size: 14px;
	font-weight: 300;
}
#login-main .login-credencials .sep {
	height: 1px;
	background: #e8e8e8;
	margin: 0px -25px;
}
#login-main .login-details label {
	color: #8f8f8f;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 7px;
	display: block;
}
#login-main-bot {
	margin: 0 auto;
	padding: 10px 25px 25px;
	background: #fff;
	box-shadow:
		0px 0px 0px 5px rgba( 255,255,255,0.4 ),
		0px 4px 20px rgba( 0,0,0,0.33 );
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: table;
	position: static;
}
#login-main-bot .login-credencials {
	margin-bottom: 20px;
}
#login-main-bot .login-credencials h3 {
	color: #333333;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
#login-main-bot .login-credencials p {
	color: #8f8f8f;
	font-size: 14px;
	font-weight: 300;
}
#login-main-bot .login-credencials .sep {
	height: 1px;
	background: #e8e8e8;
	margin: 0px -25px;
}
#login-main-bot .login-details {
	margin-top: 25px;
}
#login-main-bot .login-details label {
	color: #8f8f8f;
	font-size: 12px;
	font-weight: 300;
	letter-spacing: 1px;
	margin-bottom: 7px;
	display: block;
}
input:-webkit-input-placeholder {
	color: #b5b5b5;
}
input:-moz-placeholder {
	color: #b5b5b5;
}
input:-ms-placeholder {
	color: #b5b5b5;
}
#login-main .login-details input[type=text], input[type=password] {
	background: #f5f5f5;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding: 13px 10px;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
	clear: both;
}
#login-main-bot .login-details input[type=text], input[type=password] {
	background: #f5f5f5;
	-ms-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding: 13px 10px;
	width: 100%;
	margin-bottom: 20px;
	box-shadow: inset 0px 2px 3px rgba( 0,0,0,0.1 );
	clear: both;
}
#login-main .login-details input[type=text]:focus, input[type=password]:focus {
	background: #fff;
	box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
	outline: none;
}
#login-main .login-details input[type=checkbox] {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
#login-main .login-details label.terms {
	float: left;
	font-size: 14px;
	font-style: italic;
}
#login-main-bot .login-details input[type=text]:focus, input[type=password]:focus {
	background: #fff;
	box-shadow: 0px 0px 0px 3px #fff38e, inset 0px 2px 3px rgba( 0,0,0,0.2 ), 0px 5px 5px rgba( 0,0,0,0.15 );
	outline: none;
}
#login-main-bot .login-details input[type=checkbox] {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
#login-main-bot .login-details label.terms {
	float: left;
	font-size: 14px;
	font-style: italic;
}
#login-main .login-details #submit {
	width: 300px;
	margin-top: 20px;
	padding: 15px 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	background: -ms-linear-gradient(
		top,
		#d6efff 0%,
		#8ad1ff);
	background: -moz-linear-gradient(
		top,
		#d6efff 0%,
		#8ad1ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d6efff),
		to(#8ad1ff));
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #737b8d;
	-moz-box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	text-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		0px 0px 0px rgba(255,255,255,0);
	display: table;
	position: static;
	clear: both;
}
#login-main-bot .login-details #submit {
	width: 300px;
	margin-top: 20px;
	padding: 15px 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	background: -ms-linear-gradient(
		top,
		#d6efff 0%,
		#8ad1ff);
	background: -moz-linear-gradient(
		top,
		#d6efff 0%,
		#8ad1ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d6efff),
		to(#8ad1ff));
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #737b8d;
	-moz-box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	text-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		0px 0px 0px rgba(255,255,255,0);
	display: table;
	position: static;
	clear: both;
}
#login-main .login-details #submit:hover {
	background: -ms-linear-gradient(
		top,
		#8ad1ff 0%,
		#d6efff);
	background: -moz-linear-gradient(
		top,
		#8ad1ff 0%,
		#d6efff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#8ad1ff),
		to(#d6efff));
}
#login-main-bot .login-details #submit:hover {
	background: -ms-linear-gradient(
		top,
		#8ad1ff 0%,
		#d6efff);
	background: -moz-linear-gradient(
		top,
		#8ad1ff 0%,
		#d6efff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#8ad1ff),
		to(#d6efff));
}
.login-credencials .sep2 {
	height: 1px;
	background: #e8e8e8;
	margin: 0px -25px 0px 300px;
}
.login-credencials .login-details #activationsubmit {
	width: 300px;
	margin-top: 20px;
	padding: 15px 0;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
	text-decoration: none;
	background: -ms-linear-gradient(
		top,
		#d6efff 0%,
		#8ad1ff);
	background: -moz-linear-gradient(
		top,
		#d6efff 0%,
		#8ad1ff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#d6efff),
		to(#8ad1ff));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #737b8d;
	-moz-box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	box-shadow:
		0px 5px 5px rgba(000,000,000,0.1),
		inset 0px 1px 0px rgba(255,255,255,0.5);
	text-shadow:
		0px 1px 3px rgba(000,000,000,0.3),
		0px 0px 0px rgba(255,255,255,0);
	display: table;
	position: static;
	clear: both;
}
.login-credencials .login-details #activationsubmit:hover {
	background: -ms-linear-gradient(
		top,
		#8ad1ff 0%,
		#d6efff);
	background: -moz-linear-gradient(
		top,
		#8ad1ff 0%,
		#d6efff);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#8ad1ff),
		to(#d6efff));
}

.main-block {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px;
}

.main-footer, .main-push {
	height: 40px;
	clear: both;
}

footer {
	width:100%;
	height:40px;
	bottom:0;
	left:0;
	background:#ecf8ff;
}

#footer-left {
	color: Red;
	font-size: 10px;
}

#footer-right {
	color: #8f8f8f;
	font-size: 10px;
	text-align: right;
}

#footer-table {
	margin: 0 auto;
	width: 750px;
	max-width: 750px;
	overflow: hidden;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
	h1 {
		display: none;
	}
	form {
		width: 90%;
		max-width: 90%;
		overflow: hidden;
	}
	#login-accountactivation {
		padding-left: 0px;
	}
	.login-credencials .sep2 {
		height: 1px;
		background: rgb(232, 232, 232);
		margin: 0px;
	}
	.login-container {
		width: 90%;
		max-width: 90%;
		overflow: hidden;
	}
	#login-main {
		padding: 10px 10px 10px 10px;
		background: rgb(255, 255, 255);
		box-shadow: 0px 0px 0px 5px rgba( 255,255,255,0.4 ),
			0px 4px 20px rgba( 0,0,0,0.33 );
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: table;
		position: static;
	}
	#login-main-bot {
		padding: 10px 10px 10px 10px;
		background: rgb(255, 255, 255);
		box-shadow: 0px 0px 0px 5px rgba( 255,255,255,0.4 ),
			0px 4px 20px rgba( 0,0,0,0.33 );
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: table;
		position: static;
	}
	#footer-table {
		margin: 0 auto;
		width: 90%;
		max-width: 90%;
		overflow: hidden;
	}
}