﻿/* Login page only styles */
* {
	padding:0;
	margin:0;
}

body, html {
	height:100%;
	width:100%;
	overflow:scroll-y;
}
			
.loginarea {
	position:absolute !important;
	top:40px;
	bottom:40px;
	left:0;
	right:0;
	background:url("../img/brick.jpg") #222;
}

.loginarea div {
	height:160px;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-80px;
}

.loginarea>div {
	background:rgba(66,151,215,0.8);	
}

.loginarea > div > div {
	margin-left:-250px;
	width:500px;
	position:relative;
	left:50%;	
} 

#loginform {
	margin-left:180px;
	height:130px;
	color:#fff;
	padding-top:20px;
	float:right;
	width:250px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#enter {
	width:120px;
	margin-left:-1px;
	margin-top:1px;
}

#loginform h3 {
	color:#fff;
}

#loginform input[type="text"], #loginform input[type="password"] {
	background:#fff;
	color:#000;
	width:220px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

#ulogin, #upassword {
	border:0;
}

input[type="submit"] {
	margin:0;
	background:#3086C7;
}

.top_links {
	float: right;
	height: 35px;
	width:100%;
	color: #444;
	cursor: pointer;
	line-height: 40px;
	font-size: 14px;
	text-align:center;
}

.top_links a:hover {
	color:#ccc;
}

.top_links a {
	color:#999;
	text-decoration:none;
}

option {
	background:#fff !important;
}

span.p {
	color:#ccc;
	font-size: 18px;
}

::-webkit-scrollbar { 
	display: none; 
}

ul>li {
	list-style-type: square !important;
	list-style: square !important;
}

#contents td {
	vertical-align:top;
}

input[type="button"] {
	width:120px;
}

div.img {
	width:60px;
	height:60px;
	background:#666;
	display:inline-block;
}

#raise_blocked_msg, #raise_restore_msg, #raise_error_msg, #restore_msg  {
	width:428px;
	height:150px;
}

#wrong_code_msg {
	height:25px;
	display:inline-block;
}

#block_info {
	width:500px;
	height:180px;
	text-align:justify;
	margin:5px 0 !important;
}