* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
	font-family:Calibri, arial, sans-serif;
	background:#fefefe url(../images/bg-img1.jpg) no-repeat center top;
	min-width: 100%;
	color:#333;
}
#cont {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	overflow: auto;
	width: 100%;
	height: 100%;
}

/*font-family: 'Ubuntu', sans-serif;*/

a { color: #333; text-decoration: none; cursor: pointer; font-size:13px; }
a:hover { text-decoration: underline; }
a img { border: 0; }
/*a.view { background: url(images/bullet.png) no-repeat 0 10px; padding-left: 8px; font-size: 10px; float: right;  }*/

.LoginSection h1{font-size:20px; font-weight:normal; color:#fff; text-align:center; padding:10px; margin:0 0 10px; border-bottom:1px solid #ccc; background:#428cb9;}

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell  { width: 1000px; margin: 0 auto; min-height:460px;}
.top-pannel{ background: #fafafa; height:75px; box-shadow:0 0 5px #999; }
.logo { width: 195px; float:left; font-size:18px; margin:5px 0 0; }

.LoginSection{ height:auto; min-height:242px;  margin:50px auto 0; width:330px;  background:#fff; padding:0; border-radius:5px; -webkit-border-radius:5px; border:1px solid #ccc; }
.LoginSection .loginBg{width:90%; height:35px; padding:5px; border: 1px solid #ccc; background:#f7f7f7; border-radius:3px; margin:10px 10px 18px;}
.LoginSection .loginBg .icon{width:20px; height:20px; float:left;}
.LoginSection .loginBg input[type="text"]{ height: 20px; padding:0 0 0 10px; width: 85%; border:none; background:none; font-size:15px; color:#666;}
.LoginSection .loginBg input[type="password"]{ height: 20px; padding:0 0 0 10px; width: 85%; border:none; background:none; font-size:15px; color:#666;}
.SignIn_btn{background:#428cb9; color:#fff;font-size: 15px; padding: 5px 15px; border-radius: 5px; border: 1px solid #105178; cursor:pointer;}
.SignIn_btn:hover{opacity:0.8;}

.LoginSection .newuser{width:100%; margin:10px 0; padding:10px 0; border-top:1px solid #ccc; text-align:right; float:left;}
.LoginSection .newuser a { color: #067aa7; text-decoration: none; cursor: pointer; font-size:13px; float:right; }
.LoginSection .newuser a:hover { text-decoration: underline; }
.LoginSection .loginBg p{font-size:11px; font-style:italic; padding:6px 0 0;}
.LoginSection .ConfirmText{color:#c60000; line-height:22px}

.Remember_Section{margin:10px 0 0; font-size:13px;}

.mandatory{color:#cd1414;}
.error-msg{color:#cd1414; position:absolute; font-size:13px; margin:6px 0 0;}

.footer{width:100%; background: #333; padding:15px 0; color: #999;  line-height: 11px; text-align:center; font-size:13px; }
.postpd_head {font-size:18px; font-weight: normal; color: #000; padding: 5px 10px; border-bottom: 1px solid #ccc; background: #eee; margin:0 12px 15px; width:98%;}

@media only screen and ( min-width: 768px) and ( max-width: 980px ) {
.shell  { width:98%; margin: 0 auto; }
.RightSection{width:50%; }
}

@media only screen and ( min-width: 320px) and ( max-width: 640px ) {
.shell  { width:98%; margin: 0 auto; }
.LoginSection{margin:50px 10px 0 0; float:left; width:96%;}
.RightSection{width:96%; margin:10px 0;}
}