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



/* Login page Style*/


body.loginpage
{
	background:url(../images/loginbg.gif) repeat-y center center;
	height: 100%; 
	max-height: 100%; 
	font-family: 'RobotoRegular', sans-serif;
	font-size:13px;
	font-weight:400;
	color:#1d1f21;
	text-rendering:optimizeLegibility;
}
body.loginpage2
{
	background:url(../images/loginbg2.gif) repeat-y center center;
	height: 100%; 
	max-height: 100%; 
	font-family: 'RobotoRegular', sans-serif;
	font-size:13px;
	font-weight:400;
	color:#1d1f21;
	text-rendering:optimizeLegibility;
}
.loginpagewidth { width:1000px; margin:auto; color:#565656;}

.loginintro { width:400px; float:left;padding-top:275px;font-size:16px;}
.loginintro p{margin-left:60px;}
.login-logo {padding:0px 0px 30px 00px;}
.loginintro h1{ font-family: 'RobotoBold';}
.loginintro h1 span{ font-family: 'RobotoRegular', sans-serif;}
.loginintro h5{ font-size:16px; padding-top:40px; margin-bottom:4px;}
.pddec { font-size:13px;}
.zvideo { position:relative;}
.vplay { position:absolute; z-index:2; width:47px; height:47px; left:42%; top:36%; cursor:pointer;}


.loginform { width:400px; float:right;font-size:14px;padding-top:195px;}
.loginform h1 { margin-bottom:20px;}
.loginform form { margin-top:20px;}
.loginform label{ display:block; padding-bottom:3px;}
.loginfields, .pwdfields{padding:0px 0 20px 0;}
.loginfields input,.pwdfields input{width:220px; border:#d8d7d7 1px solid; padding:6px; background:#fcfbfb;font-family: 'RobotoRegular', sans-serif;font-size:14px;color:#565656;}


.loginbtn{margin:20px 0 0 0;display:block;}
.loginbtn input{background:#1D7FAE;border:1px solid #11577B; border-radius:4px; color:#fff; padding:6px 25px; text-align:center; text-decoration:none; cursor:pointer;font-family: 'RobotoRegular', sans-serif;font-size:14px; text-transform:uppercase;}
.loginbtn input:hover{background: #1A6B9A;}
.login-forgot { padding-top:10px;}
.login-forgot a{color:#565656; font-size:12px;}
.login-forgot a:hover{text-decoration:underline;}

/*Custom Checkbox and Radio Login Page*/
.remember .checkbox .icon,
.remember .checkbox .icon-to-fade {background: url("../images/checkbox-login.png") 0 -17px no-repeat; margin-top:3px;}
.remember .checkbox.checked .icon {background-position:0 -2px;}	

/*Chosen Login*/
.loginfields .chzn-container{background:#FCFBFB;border: 1px solid #D8D7D7;padding: 8px 6px;}
.loginfields .chzn-container-single .chzn-single{color:#565656;}
.loginfields .chzn-container .chzn-drop{top:28px !important;width:230px !important;}
/* .loginfields .chzn-search{display:none;} */
.loginfields .chzn-container .chzn-results li{font-size:12px !important;}

@media screen and (max-width:1024px){
	.loginintro {padding-top:290px}
	.loginform {padding-top:200px}
	.loginintro p{margin-left:130px;}
} 

@media screen and (min-width:1150px){
	.loginintro {padding-top:330px}
	.loginform {padding-top:200px}
	.loginintro p{margin-left:130px;}
} 

@media screen and (max-width:1200px){
	.loginintro p {margin-left:110px;}
}

@media screen and (min-width:1280px) and (max-height: 1024px) {
.loginintro {padding-top:460px;}
.loginintro p {margin-left:70px;}
.loginform {padding-top:320px;}
}

@media screen and (min-width:1280px) and (max-height: 768px) {
.loginintro {padding-top:330px;}
.loginintro p {margin-left:70px;}
.loginform {padding-top:190px;}
}

@media screen and (min-width:1280px)  and (max-height: 720px) {
.loginintro {padding-top:270px;}
.loginintro p {margin-left:70px;}
.loginform {padding-top:140px;}
}


@media screen and (min-width:1350px) {
.loginintro {padding-top:290px;}
.loginintro p {margin-left:60px;}
.loginform {padding-top:160px;}
}

@media screen and (min-width: 1400px) {
.loginintro {padding-top:400px;}
.loginintro p{margin-left:50px;}
.loginform {padding-top:275px;}
}

@media screen and (min-width: 1440px) {
.loginintro {padding-top:350px;}
.loginintro p{margin-left:50px;}
.loginform {padding-top:220px;}
}


@media screen and (min-width:1580px) {
.loginintro {padding-top:350px}
.loginintro p{margin-left:0px;}
.loginform {padding-top:230px;}

.loginintro h1,.loginform h1{font-size:32px; line-height:32px; margin-bottom:0px;}
.loginintro h5{font-size:18px;}
.pddec {font-size:14px;line-height:18px;}
}

@media screen and (min-width:1680px) {
	.loginintro {padding-top:410px}
	.loginform {padding-top:290px;}
}

@media screen and (min-width:1900px) {
.loginintro {padding-top:425px;margin-left:-60px }
.loginintro p{margin-left:0px;}
.loginform {padding-top:300px;}
.loginform {font-size:16px;}
.loginbtn input{font-size:16px;}

.loginintro h1,.loginform h1{font-size:34px; line-height:34px; margin-bottom:0px;}
.loginintro h5{font-size:18px;}

.remember .checkbox .icon,.remember .checkbox .icon-to-fade {background: url("resources/images/checkbox-login.png") 0 -16px no-repeat;6}
.remember .checkbox.checked .icon {background-position:0 -1px;}	
}

/*@media screen and (max-width:1280px) {
.loginintro {font-size:14px;line-height:18px;}
.loginform {font-size:13px;}

.loginintro h1,.loginform h1{ font-size:26px; line-height:26px; margin-bottom:0px;}
.loginintro h5{ font-size:15px;}
}*/

.zmfade{
	width: 100%;
	height: 100%;
	opacity: .2;
	background: #999;
	left: 0;
	top: 0;
	position: fixed;
	z-index: 9999;
	filter: alpha(opacity=20); /* IE 7 and Earlier */
    /* Next 2 lines IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
}
.zmloading{
	width: 100%;
	height: 50px;
	background: url(../images/loader.gif) no-repeat; 
	position: fixed;
	top: 48%;
	left:48%;
	color: #fff;
	z-index: 9000;
	}

.loginBtnDisable{
	pointer-events:none;
	background-color: #858080!important;
	cursor:none!important;
	text-align:center; 
	padding:6px 25px;
	display:inline-block;
	vertical-align:middle;
	border:0px!important;
}
.productversion {
    display: block;
    font: 12px 'RobotoRegular', sans-serif;
    color: #565656;
}