@charset "utf-8";
/* CSS Document */

body {
	background:url(../images/bg.png);
	margin:0;
	padding:0;
	font-family:"trebuchet ms";
}
.main {
	background:url(../images/sbg.png) left top no-repeat;
	margin:0 auto;
	padding:0;
	width:1366px;
	min-height:610px;
}
.login-area {
	width:700px;
	margin:0 auto;
	overflow:hidden;
}
.logo {
	width:587px;
	margin:70px 0px 40px 45px;
}
.login-box {
	background:url(../images/login-box.png) left top no-repeat;
	margin:0 auto;
}
.log-area {
	width:550px;
	margin:0 auto;
	height:300px;
	margin:35px 30px;
}
.login-head {
	font-family:"trebuchet ms";
	font-size:20px;
	font-weight:600;
	color:#519820;
	padding:20px 35px 10px;
	text-align:left;
	text-transform:uppercase;
}
.login-head img {
	float:left;
	margin-right:10px;
}
.login-lbl {
	font-family:"trebuchet ms";
	font-size:18px;
	font-weight:600;
	color:#4b4a4a;
	padding:0px 35px;
	text-align:left;
	float:left;
	text-transform:uppercase;
	width:200px;
}
.log-ipt {
	width:270px;
	float:left;
}
.log-ipt input {
width:190px;
float:left;
	margin-top: 4px;
	font-family:"trebuchet ms";
	font-size:15px;
	color:#333;
	background:url(../images/user.png)#FFF no-repeat scroll 13px 9px ;
	padding: 10px 5px 10px 50px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
			margin:10px 17px 17px 35px;
}
.log-ipt input:active,
.log-ipt input:focus{
	border: 1px solid rgba(91, 90, 90, 0.7);
	background:url(../images/user.png)#FFF no-repeat scroll 13px 9px ;	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 
.log-iptk {
	width:270px;
	float:left;
}
.log-iptk input {
width:190px;
float:left;
font-family:"trebuchet ms";
	font-size:15px;
	color:#333;
	margin-top: 4px;
	background:url(../images/key.png)#FFF no-repeat scroll 13px 9px ;
	padding: 10px 5px 10px 50px;	
	border: 1px solid rgb(178, 178, 178);
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	  -moz-box-sizing : content-box;
	       box-sizing : content-box;
-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
			margin:10px 17px 17px 35px;
}
.log-iptk input:active,
.log-iptk input:focus{
	border: 1px solid rgba(91, 90, 90, 0.7);
	background:url(../images/key.png)#FFF no-repeat scroll 13px 9px ;	
	-webkit-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	   -moz-box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
	        box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
} 
::-webkit-input-placeholder {
	font-style:italic;
	font-size:14px;
	opacity:0.4;
}

:-moz-placeholder { /* Firefox 18- */
  font-style:italic;
  font-size:14px;
  opacity:0.4;
}

::-moz-placeholder {  /* Firefox 19+ */
   font-style:italic;
   font-size:14px;
   opacity:0.4;
}

:-ms-input-placeholder {  
   font-style:italic;
   font-size:14px;
   opacity:0.4;
}
.login-btn input{
	 color:#203307;
  text-shadow:0 -1px 0 rgba(255,255,255,0.25);
  background-color:#8ad01d;
  *background-color:#64b019;
  background-image:-moz-linear-gradient(top,#8ad01d,#64b019);
  background-image:-webkit-gradient(linear,0 0,0 100%,from(#8ad01d),to(#64b019));
  background-image:-webkit-linear-gradient(top,#8ad01d,#64b019);
  background-image:-o-linear-gradient(top,#8ad01d,#64b019);
  background-image:linear-gradient(to bottom,#8ad01d,#64b019);
  background-repeat:repeat-x;
  border-color:#64b019 #64b019 #002a80;
  border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
  filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding:6px 18px;
  float:left;
  text-decoration:none;
  font-family:"trebuchet ms";
  margin:10px 240px;
  border:solid 1px #5fa219;
  font-weight:400;
  cursor:pointer;
  font-size:18px;
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.09) inset;
  border-radius:3px;
  box-shadow: 1px -1px 1px 1px rgba(255, 255, 190, 0.09) inset;
}
.login-btn input:hover {
	background:#6ab61a;
	border:solid 1px #5fa219;
}

/*forget password*/

.pop-lbl
{
    font-family: "trebuchet ms";
    font-size: 14px;
    text-align: left;
    color: #333;
    float: left;
    padding:5px 0px;
}
.pop-tbox input
{
    font-family: "trebuchet ms";
    font-size: 14px;
    text-align: left;
    color: #333;
    float: left;
    padding:3px 5px;
    border-radius:3px;
    border:solid 1px #CCC;
    width:200px;
}
.pop-tbox textarea
{
    font-family: "trebuchet ms";
    font-size: 14px;
    text-align: left;
    color: #333;
    float: left;
    padding:3px 5px;
    border-radius:3px;
    border:solid 1px #CCC;
    width:200px;
    /*max-height: 21px;*/
}

.ser-btn
{
    float: left;
    margin-top: 5px;
}

    .ser-btn input
    {
        color: #203307;
        text-shadow: 0 -1px 0 rgba(255,255,255,0.25);
        background-color: #8ad01d;
        *background-color: #64b019;
        background-repeat: repeat-x;
        padding: 4px 15px 3px 15px;
        float: left;
        text-decoration: none;
        font-family: "trebuchet ms";
        margin: 4px 20px;
        border: 1px solid #5fa219;
        font-weight: 400;
        cursor: pointer;
        font-size: 15px;
        border-radius: 3px;
        box-shadow: 1px -1px 1px 1px rgba(255, 255, 190, 0.09) inset;
        background-image: linear-gradient(to bottom,#8ad01d,#64b019);
    }

        .ser-btn input:hover
        {
            background: #6ab61a;
            border: solid 1px #5fa219;
        }