body {
	/*font-family:Sergoe UI,Verdana, Helvetica;*/
	/*font-family: Arial,Verdana,sans-serif;*/
	font-family: system-ui, sans-serif;
	background: #cdd6d8 url(../images/back.png);
}
#container{
	position:absolute; top:10px; left:120px; right:120px; bottom:10px; border:2px solid green;
}
.logincontainer{
	position:absolute; width:500px; height:230px; top:50%; left:50%; margin-left:-250px; margin-top:-100px;
}
.logincontainertitle{
	position:absolute; left:0; top:0; right:0; height:25px; text-align:center;
}
.logincontainermain{
	position:absolute; left:0; top:35px; bottom:0; right:0;
	border:inset 3px solid #333; 
	border:inset 3px solid #d7df21;
	border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;	
	border-bottom-right-radius: 8px;				
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-topleft: 8px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottmleft: 8px;
	-khtml-border-radius-bottomright: 8px;			
	-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.3); 
	-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.3); 
	box-shadow:0px 0px 8px rgba(0,0,0,0.3);
}
.logomain{
	position:absolute; left:0; top:0; bottom:0; width:150px;
}
.logo {
	background: #ffffff url(../images/logo.png) no-repeat;
	width: 89px;
	height: 97px;
	position: absolute;
	float: left;
	border: 0px solid #cfd7d5;
	margin-bottom: 5px;
	top: 50%;
	left: 50%;
	margin-left: -44.5px;
	margin-top: -54.5px;
	background-size: contain;
}
.loginform{
	position:absolute; left:152px; top:0; bottom:0; right:0;
}

.form {
	position:absolute;
    top:20px;
	bottom:0;
	left:0;
    right:10px;
	margin:0;
	padding:0;
    text-align:center;
}
.form ul {
	list-style:none;
	margin:0;
    padding:0;
}
.form ul li {
	list-style:none;
	margin-bottom:10px;
}
input#txtUserID, 
input#txtPassword {
	padding:2px;
	width:98%;
	background-color:#dff2fe; 
	border:2px solid #0B8CCD;
}
textarea:focus, 
input#txtUserID:focus, 
input#txtPassword:focus {
	background-color:#ffffff;
	border:2px solid #004CA1; 
}
.name, .pwd {
    text-align:left;
}
#top_title {
	text-align:center;
	font-size:22px;
	font-weight:bold;
	height:25px;
	width:100%;
	margin: 0px auto 0px auto;
	color:#0054a5;
	
}


textarea {
	width:400px;
	height:150px;
	overflow:auto;
	padding:15px;
	background-color:#5EA0C6; 
	border:3px solid #0B8CCD;
	/*border:none;*/
}


label {
	font-family:'Tahoma';
	font-size:14px;
	color:#004CA1;
}

#btnLogin {
	background-color:#00367e;
	border:5px solid #00367e;
	color:#ffffff;
	font-weight:bold;
	width:130px;
	height:40px;
	float:left;
	display:block;
	margin:0 0 0 0;
    border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;	
	border-bottom-right-radius: 8px;				
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-topleft: 8px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottmleft: 8px;
	-khtml-border-radius-bottomright: 8px;	
}
#btnLogin:hover {
	background-color:#00ADEF;
	border:5px solid #0B8CCD;
	color:#004CA1;
	cursor:pointer;
}

#btnResetPassword {
	background-color:#00367e;
	border:5px solid #00367e;
	color:#ffffff;
	font-weight:bold;
	float:right;
	width:129px;
	height:40px;
	
	display:block;
	margin:0 0 0 0;	
    border-top-left-radius: 8px;	
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;	
	border-bottom-right-radius: 8px;				
	-moz-border-radius:8px 8px 8px 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-topleft: 8px;
	-khtml-border-radius-topright: 8px;
	-khtml-border-radius-bottmleft: 8px;
	-khtml-border-radius-bottomright: 8px;
}
#btnResetPassword:hover {
	background-color:#00ADEF;
	border:5px solid #0B8CCD;
	color:#004CA1;
	cursor:pointer;
}


.submit
{
	vertical-align:bottom;
}
#wrap{
    position:absolute;
	width:700px;
    height:600px;
	margin: auto auto;
	background-color:white;
}
#container{
	position:absolute;
	top:0;	
	bottom:0;
	right:100px;
	left:100px;
	border-left:1px solid #0054a5;
	border-right:1px solid #0054a5;
	/*background-color: grey;    
	background: url(../images/PUbackground.png);*/
    background-color:#ffffff;
}
#top_name {
	/*background:url(images/contact.png);*/
	height:75px;
	width:275px;
	margin: 10px auto;
}

span {
	font-size:10px;
	float:left;
	font-family:'Tahoma';
	/*width:300px;
	margin-top:7px;*/
	color:#454747;
}