* { 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;
	font-size: 18px;
}
#cont {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 70;
	overflow: auto;
	width: 100%;
	height: 100%;
}

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

a { color: #016097; text-decoration: none; cursor: pointer;}
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; }
.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:20px; padding:5px; border: 1px solid #ccc; background:#f7f7f7; border-radius:3px; margin:10px;}
.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;}

.signout_box{border:solid 1px rgba(141, 144, 150, 0.30); box-shadow:0px 0px 10px rgba(127, 137, 161, 0.3); overflow:hidden; position:relative; width: 50%; margin: 100px auto; padding: 50px; text-align: center; line-height: 25px;border-radius: 5px;}

.footer{width:100%; background: #333; bottom:0; position:absolute; padding:15px 0; color: #999;  line-height: 11px; text-align:center; font-size:13px; }


@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;}
}