/* CSS Document */

html,body{ padding:0px; margin:0px auto; font-family:Arial, Helvetica, sans-serif; background:#ffffff; height:100%; width:100%;}

.Clear{ clear:both; }



/*Login Page Start*/

.login-main-body{ width:100%; height:auto !important; min-height:65%; position:relative;}

.login-main-frame-work{ max-width:1000px; width: 90%; margin:0px auto; padding:0px;}

/*.login-main-frame-work-top{ width:auto; float:left;}*/
.login-main-frame-work-top{width: 550px; margin: 0 auto; float: none !important;}


.login-header{ margin-top:30px; width:100%; float:left;}

.login-logo{}

.login-logo img{}

.login-header-headtext{ width:100%; float:left; margin-top:25px; font-family:Arial; font-weight:bold; font-size:21px;}

.login-header-headtext img{ float:left; margin:6px 10px 0px 10px;}

.login-header-headtext-cms{ float:left; color:#3d3739 ;}

.login-header-headtext-project{ float:left; color:#3d3739 ;}

.login-header-headtext-bottom-border{ width:100%; float:left; display: none;}

.login-header-headtext-bottom-border img{ margin:20px 0px 20px 0px;}

.login-boxarea{ width:100%; float:left;}

.login-boxarea-top{ width:100%; float:left; margin-bottom:10px;}

.login-boxarea-top-username{ width:268px; float:left;}

.login-boxarea-top-username input{ float:left; padding:0px 0px 0px 5px; width:250px; height:28px; border:#3d3739 1px solid; color:#3d3739; font-family:Arial; font-size:16px; font-style:italic;}

.login-boxarea-top-password{ width:268px; float:left;}

.login-boxarea-top-password input{ float:right; padding:0px 0px 0px 5px; width:250px; height:28px; border:#3d3739 1px solid; color:#3d3739; font-family:Arial; font-size:16px; font-style:italic;}

.login-boxarea-middle{ width:100%; float:left;}

.login-boxarea-middle-checkbox-area{width:268px; float:left;}

input.login-boxarea-middle-checkbox-area-checkbox { display: none }

input.login-boxarea-middle-checkbox-area-checkbox + label > span.login-boxarea-middle-checkbox-area-checkbox-span { display: inline-block; color: #FFF; /*content: "?";*/ border:#dbdbdc 1px solid; width: 22px; height:21px; line-height: 21px; font-size: 18px; text-align: center }

input.login-boxarea-middle-checkbox-area-checkbox:checked + label > span.login-boxarea-middle-checkbox-area-checkbox-span {  color: #414243 !important }

.login-boxarea-middle-checkbox-area span{ font-family:Arial; font-style:italic; color:#3d3739; font-size:17px;}

.login-boxarea-middle-forgot-pass-area{width:268px; float:left;}

.login-boxarea-middle-forgot-pass-area span{float:right; margin:0px 5px 0px 0px; width:250px; height:28px; color:#808083; font-family:Arial; font-size:17px; font-style:italic;}

.login-boxarea-middle-forgot-pass-area span a{ text-decoration:none; font-family:Arial; font-style:italic; color:#3d3739; font-size:17px;}

.login-boxarea-bottom{ width:100%; float:left;}

.login-boxarea-bottom input{ 

	background: #017db1 !important;

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

width:93px; height:27px; cursor:pointer; border:none; text-align:center; font-family:Arial; font-size:15px; color:#ffffff; padding:0px 0px 3px 0px; margin:35px 0px 0 0px;}

.login-boxarea-bottom input:hover{ color:#ffffff;}



/*Login Footer Start*/
.login-footer-mainbox span {
    text-align: center;
    width: 100% !important;
    float: left;
}

.login-footer-main{ float:left; width:100%; max-width:100%;  position:relative; background:url(../images/login-footer-background.png) repeat-x; background-size: contain;}

.login-footer-sept{ width:100%; margin:0px auto; padding:0px;}

.login-footer-sept img{ float:left; width:100%; height:2px;}

.login-footer-framework{ width:100%; height:100%; margin:0px auto; padding:0px;}

.login-footer-mainbox{ margin:10px 0; width:100%; float:left; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:13px;}

.login-footer-mainbox span{}

.login-footer-mainbox a{ text-decoration:none; color:#FFFFFF;}

/*Login Foorer End*/



/*Login Page End*/

/*Forgot Password Page Start*/

.forgot-password-main-body{ width:100%; height:100%; background:url(../images/forgot-password-background.png) repeat;}

.forgot-password-main-body-space{ padding-top:100px;}

.forgot-password-frame-work{ width:500px; height:240px; margin:0px auto; padding:0px; background:#FFFFFF repeat; box-shadow:10px 10px 5px #898989;}

/*Header Part Start*/

.forgot-password-header-main{ float:left; width:500px; height:40px; background:url(../images/forgot-password-header-bg.png) repeat;}

.forgot-password-header-main-text{ float:left; width:450px; height:40px;}

.forgot-password-header-main-text span{ color:#FFFFFF; font-size:20px; font-family:Arial; font-weight:normal; float:left; margin:7px 0px 0px 20px;}

.forgot-password-header-main-cencel{ float:left; width:50px; height:40px;}

.forgot-password-header-main-cencel a{ text-decoration:none;}

.forgot-password-header-main-cencel a img{ float:left; margin:10px 0px 0px 15px;}

/*Header Part End*/

/*Middle Part Start*/

.forgot-password-middle-main{ float:left; width:500px; height:200px;}

.forgot-password-middle-main-top{ float:left; width:480px; height:100px; margin:0px 0px 0px 20px;}

.forgot-password-middle-main-top span{ float:left; width:480px; color:#221f1f; font-family:Arial; font-size:14px; font-weight:bold; margin-top:20px;}

.forgot-password-middle-main-top input{ float:left; padding:0px 0px 0px 5px; width:280px; height:23px; border:#dbdbdc 1px solid; color:#414243; font-family:Arial; font-size:19px; font-style:italic; margin-top:5px;}

.forgot-password-middle-main-middle{ float:left; width:480px; height:50px; margin:0px 0px 0px 20px;}

.forgot-password-middle-main-middle span{ font-family:Arial; font-size:13px; font-weight:bold; font-style:italic; color:#808083;}

.forgot-password-middle-main-bottom{ float:left; width:460px; height:50px; margin:0px 20px 0px 20px; text-align:center;}

.login-boxarea-bottom input{ 

	background: #6AADD2; /* Old browsers */

	background: -moz-linear-gradient(top,  #6AADD2 0%, #6AADD2 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3712a), color-stop(100%,#f15732)); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  #f3712a 0%,#f15732 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  #f3712a 0%,#f15732 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  #f3712a 0%,#f15732 100%); /* IE10+ */

	background: linear-gradient(to bottom,  #f3712a 0%,#f15732 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3712a', endColorstr='#f15732',GradientType=0 ); /* IE6-9 */

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

width:93px; height:27px; cursor:pointer; border:none; text-align:center; font-family:Arial; font-size:15px; color:#ffffff; padding:0px 0px 3px 0px; margin:35px 0px 80px 0px;}

.forgot-password-middle-main-bottom input:hover{ color:#ffffff;}

/*Middle Part End*/

/*Forgot Password Page End*/

/* Error Message Div */

.err_div{ float:left; width:100%; color:#FF0000; margin-bottom:10px;}

.forgot-password-middle-main-bottom > input {

	background: #0099ae !important; /* Old browsers */

	border-radius:5px;

	-moz-border-radius:5px;

	-webkit-border-radius:5px;

	width:93px; 

	height:27px; 

	cursor:pointer; 

	border:none; 

	text-align:center; 

	font-family:Arial; 

	font-size:15px; 

	color:#ffffff; 

	padding:0px 0px 3px 0px; 

	margin:0px 0px 80px 0px;

}
.login-logo img {height: auto;margin-bottom: 20px;}
.login-logo{text-align: center;}
@media only screen and (max-width: 980px) {
	.login-header-headtext-bottom-border img{display: none;}
}

@media only screen and (max-width: 700px) {
	.login-boxarea-top-username {
    	width: 100%;
    	float: left;
	}
	.login-boxarea-top-username input{
		width: 100%; box-sizing: border-box;
	}
	.login-boxarea-top-password {
    	width: 100%; box-sizing: border-box;
    	float: left;
	}
	.login-boxarea-top-password input{
		width: 100%;
		float: left;
    	margin-top: 20px;
    	box-sizing: border-box;
	}
	.login-main-frame-work-top{width: 85%;}
	.login-logo img{width:100%;}
}
@media only screen and (max-width: 600px) {
	.login-header-headtext {font-size: 16px;}
	.login-header-headtext img {margin: 0px 10px 0px 10px;}
	.login-boxarea-middle-checkbox-area span {font-size: 15px;}
	.login-boxarea-middle-forgot-pass-area span a {font-size: 15px;}
	.login-boxarea-middle-forgot-pass-area {
    	width: auto;
    	float: right;
	}
	.login-boxarea-middle-checkbox-area {
    	width: auto;
    	float: left;
	}
}
@media only screen and (max-width: 500px) {
	.login-boxarea-middle-forgot-pass-area {
    	width: auto;
    	float: right;
	}
	.login-boxarea-middle-checkbox-area {
    	width: auto;
    	float: left;
	}
	.login-boxarea-middle-forgot-pass-area span {
		width: auto; float: left;
	}
}
@media only screen and (max-width: 400px) {
	.login-header-headtext-cms {width: 100%; float: left; padding-bottom: 5px;}
	.login-header-headtext img {display: none;}
}
@media only screen and (max-width: 375px) {
	.login-boxarea-middle-forgot-pass-area {
    	width: 100%;
    	float: left;

	}
	.login-boxarea-middle-checkbox-area {
    	width: 100%;
    	float: left;
    	margin-bottom: 20px;
	}
}