#login,#login1{background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:-moz-linear-gradient(top,#fff,#eee);background-image:-ms-linear-gradient(top,#fff,#eee);background-image:-o-linear-gradient(top,#fff,#eee);width:690px;margin:-220px 0 0 -340px;padding:30px;top:50%;left:50%;z-index:0;position:absolute;background-color:#fff}#login,#login1,h1:after,h1:before{position:absolute}#inputs input:focus,#login,#login1{background-color:#fff}#back,h1{text-align:center;position:relative}body,html{height:100%}body{font:12px 'Lucida Sans Unicode','Trebuchet MS',Arial,Helvetica;margin:0;background-color:#e9e1d6;}#login{background-image:linear-gradient(top,#fff,#eee);height:340px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.2),0 3px 0 #fff,0 4px 0 rgba(0,0,0,.2),0 6px 0 #fff,0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 2px rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,.1),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.2),0 3px 0 #fff,0 4px 0 rgba(0,0,0,.2),0 6px 0 #fff,0 7px 0 rgba(0,0,0,.2)}#login1:before,#login:before{content:'';position:absolute;z-index:-1;border:1px dashed #ccc;top:5px;bottom:5px;left:5px;right:5px;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}#login1{background-image:linear-gradient(top,#fff,#eee);height:250px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.2),0 3px 0 #fff,0 4px 0 rgba(0,0,0,.2),0 6px 0 #fff,0 7px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 2px rgba(0,0,0,.2),1px 1px 0 rgba(0,0,0,.1),3px 3px 0 rgba(255,255,255,1),4px 4px 0 rgba(0,0,0,.1),6px 6px 0 rgba(255,255,255,1),7px 7px 0 rgba(0,0,0,.1);box-shadow:0 0 2px rgba(0,0,0,.2),0 1px 1px rgba(0,0,0,.2),0 3px 0 #fff,0 4px 0 rgba(0,0,0,.2),0 6px 0 #fff,0 7px 0 rgba(0,0,0,.2)}h1{text-shadow:0 1px 0 rgba(255,255,255,.7),0 2px 0 rgba(0,0,0,.5);text-transform:uppercase;color:#000;margin:0 0 20px;letter-spacing:4px;font:400 26px/1 Verdana,Helvetica}h1:after,h1:before{background-color:#777;content:"";height:1px;top:15px;width:120px}h1:after{background-image:-webkit-gradient(linear,left top,right top,from(#777),to(#fff));background-image:-webkit-linear-gradient(left,#777,#fff);background-image:-moz-linear-gradient(left,#777,#fff);background-image:-ms-linear-gradient(left,#777,#fff);background-image:-o-linear-gradient(left,#777,#fff);background-image:linear-gradient(left,#777,#fff);right:0}h1:before{background-image:-webkit-gradient(linear,right top,left top,from(#777),to(#fff));background-image:-webkit-linear-gradient(right,#777,#fff);background-image:-moz-linear-gradient(right,#777,#fff);background-image:-ms-linear-gradient(right,#777,#fff);background-image:-o-linear-gradient(right,#777,#fff);background-image:linear-gradient(right,#777,#fff);left:0}fieldset{border:0;padding:0;margin:0}
.logindetails
{
	width:54%;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:25px;
	border-right:1px dotted #ccc;
	float:left;
}
.quicklogin
{
	width:40%;
	float:right;
	padding-top:30px;
	padding-bottom:30px;
	margin-left:15px;
	text-align:center;
}
.code
{
	width:30px;
	height:40px;
	text-align:center;
	border-radius:4px;
	border:1px solid #aad0e7;
	background:rgba(239, 239, 239, 0.10);
	margin-top:30px;
	margin-left:5px;
	margin-bottom:-30px;
}
.code:focus
{
	background:#fff;
	border:1px solid #aad0f5;
}
.quikphn
{
	width:250px;
	height:40px;
	padding:0 10px;
	border-radius:4px;
	border:1px solid #aad0e7;
	background:rgba(239, 239, 239, 0.10);
	margin-top:15px;
	margin-left:5px;
}
.quikphn:focus
{
	background:#fff;
	border:1px solid #aad0f5;
}
.txtphn
{
	float:left;
	margin-bottom:-12px;
	margin-top:5px;
	font-size:14px;
	margin-left:5px;
}
.txtphn1
{
	float:left;
	margin-bottom:-12px;
	margin-top:1px;
	font-size:14px;
	margin-left:5px;
}
.quickbtn1
{
	background:#0067a8;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	border:none;
	border-radius:4px;
	padding:7px 15px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:-10px;
	float:left;
}
.quickbtn1:hover
{
	background:#008ae2;
	cursor:pointer;
}
.forgotbtn
{
	float:right;
	margin-top:15px;
	margin-left:30px;
}
.quickbtn
{
	background:#0067a8;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	border:none;
	border-radius:4px;
	padding:7px 15px;
	margin-left:20px;
}
.quickbtn:hover
{
	background:#008ae2;
	cursor:pointer;
}
#inputs input{background:url(http://vidyasms.com/images/login-sprite.png) no-repeat #f1f1f1;padding:15px 15px 15px 30px;margin:15px 0 15px 0;width:323px;border:1px solid #ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 1px #ccc inset,0 1px 0 #fff;-webkit-box-shadow:0 1px 1px #ccc inset,0 1px 0 #fff;box-shadow:0 1px 1px #ccc inset,0 1px 0 #fff}.username{background-position:5px -2px!important}.password{background-position:5px -52px!important}#inputs input:focus{border-color:#e8c291;outline:0;-moz-box-shadow:0 0 0 1px #e8c291 inset;-webkit-box-shadow:0 0 0 1px #e8c291 inset;box-shadow:0 0 0 1px #e8c291 inset}#actions{margin:25px 0 0}.submit{background-color:#0067a8;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;text-shadow:0 1px 0 rgba(255,255,255,.5);-moz-box-shadow:0 0 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.3) inset;-webkit-box-shadow:0 0 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.3) inset;box-shadow:0 0 1px rgba(0,0,0,.3),0 1px 0 rgba(255,255,255,.3) inset;border-width:1px;border-style:solid;border-color:#d69e31 #e3a037 #d5982d;float:left;height:35px;padding:0;width:120px;cursor:pointer;font:bold 15px Arial,Helvetica;color:#fff}#submit:focus,.submit:hover{background-color:#008ae2;}.submit:active{outline:0;-moz-box-shadow:0 1px 4px rgba(0,0,0,.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5) inset;box-shadow:0 1px 4px rgba(0,0,0,.5) inset}.submit::-moz-focus-inner{border:none}#actions a{color:#3151A2;float:right;line-height:35px;margin-left:10px}#back{display:block;top:60px;color:#999}
@media (min-width:300px) and (max-width:768px){
	#login{width:80%;margin-left:0;left:1%;right:1%}
	#inputs input{width:93%;margin-left:-15px}
	.submit{margin-left:0}
	.logindetails
{
	display:none;
}
.quicklogin
{
	width:100%;
}
	.QuickHd
	{
		display:none;
	}
	.forgotbtn
	{
		margin-top:-15px;
	}
	.quichd
	{
		display:none;
	}
}