@CHARSET "UTF-8";

@font-face {
	font-family: Play;
	src: url('/css/Play.woff');
	font-weight: 400;
}


html,body {
	width: 100%;
	height:100%;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: play;

	overflow: hidden;



background: -moz-linear-gradient(-45deg, rgba(167, 202, 229,0.5) 20%,rgba(167, 202, 229,0.1) 70%,rgba(233, 234, 237,0.1));
background: -webkit-gradient(linear, left bottom, right top, color-stop(20%,rgba(167, 202, 229,0.5)), color-stop(70%,rgba(167, 202, 229,0.1)), color-stop(0%,rgba(233, 234, 237,0.1))); 
background: -webkit-linear-gradient(-45deg, rgba(167, 202, 229,0.5) 20%,rgba(167, 202, 229,0.1) 70%,rgba(233, 234, 237,0.1)); 
background: -o-linear-gradient(-45deg, rgba(167, 202, 229,0.5) 20%,rgba(167, 202, 229,0.1) 70%,rgba(233, 234, 237,0.1)); 
background: -ms-linear-gradient(-45deg, rgba(167, 202, 229,0.5) 20%,rgba(167, 202, 229,0.1) 70%,rgba(233, 234, 237,0.1)); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45617b99', endColorstr='#007db9e8',GradientType=1 ); 

background: linear-gradient(-45deg, rgba(167, 202, 229,0.5) 20%,rgba(167, 202, 229,0.1) 70%,rgba(233, 234, 237,0.1) ); 

	font-size: 20px;


}

LI {
	list-style-type: none;
}

IMG {
	border: 0px;
}

TABLE {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
}

TD {
	align: left;
	vertical-align: top;
	margin: 0px;
	padding: 4px;
	border-spacing: 2px;
}

A {
	color: #212121;
	text-decoration: none;
}

INPUT[type=text],INPUT[type=password]
{
	border: 1px solid #106bb1;
	color: #106bb1;
	font-size: 20px;
	
		 padding:10px;
	 height:30px;
	 width: 260px;
}

SELECT {
	border: 1px solid #C5D36B;
	color: #333333;
	font-size: 18px;
}

INPUT[type=submit],INPUT[type=button] {
	
	font-size: 20px;

	cursor: pointer;
	
	
	 background-color: hsl(206, 83%, 38%) !important; 

	  background-image: -khtml-gradient(linear, left top, left bottom, from(#1487df), to(#106bb1)); 
	  background-image: -moz-linear-gradient(top, #1487df, #106bb1);
	   background-image: -ms-linear-gradient(top, #1487df, #106bb1);
	    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1487df), color-stop(100%, #106bb1));
	     background-image: -webkit-linear-gradient(top, #1487df, #106bb1); 
	     background-image: -o-linear-gradient(top, #1487df, #106bb1); 
	     background-image: linear-gradient(#1487df, #106bb1);
	      border-color: 1px solid #106bb1 #106bb1 hsl(206, 83%, 35.5%); ;
	      color: #fff !important; 
	      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16); 
	      -webkit-font-smoothing: antialiased;
	 
	 padding:10px;
	 width: 280px
	 margin-top:10px;

}


#login-area
{
	margin:auto;
	margin-top: 100px;
	width:300px;
	min-height:350px;
	 padding:50px;
	 border-radius:5px;
	 border:1px dotted #fff;
	 box-shadow:1px 1px 10px #222;
}

.separator
{
	background-color: #fff;
color: #fff;
}
.error
{
	margin-top:1px;
		background-color:#DF1F20;
	color:#fff !important;
	width: 270px;
	padding:5px;
	display: none;
}

.form-error-feild-alert
{
	font-weight:bold;
	border:1px solid #DF1F20 !important;

}

#forget-pass-form
{
	display:block;

		
}
#forget-pass-status
{
	display: block;
}

.s-error
{
	background-color:#FFB649;
	color:#222 !important;
	padding: 5px;
}

.success
{
	background-color:#99E060;
	color:#333 !important;
	display: block;
	padding: 10px;
}

#registration-services-forget-pass-table
{
	display: none;
}