@font-face {
	font-family: 'MetricHPE-Regular';
	src: url('../fonts/hpe/MetricHPE-Web-Regular.woff') format('woff'), url('../fonts/hpe/MetricHPE-Web-Regular.eot') format('embedded-opentype');
}


@font-face {
	font-family: 'MetricHPE-Bold';
	src: url('../fonts/hpe/MetricHPE-Web-Bold.eot') format('embedded-opentype'), url('../fonts/hpe/MetricHPE-Web-Bold.woff') format('woff');
}


/*CUSTOM*/
* { padding:0;margin:0;font-family: 'Open Sans', arial,sans-serif;}
body.login {
	background: url(../images-content/HPE_Background.jpg) no-repeat center center fixed;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images-content/HPE_Background.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images-content/HPE_Background.jpg', sizingMethod='scale')";
	font-family: 'MetricHPE-Regular', Arial, sans-serif;
}
#loginContainer{background:#FFFFFF;}
#loginContainer{border-top:6px solid #000000;}
h1{color:#00b388; font-size:36px; font-weight:400;  width:100%; line-height:40px; font-family: 'MetricHPE-Bold', Arial, sans-serif;}
h2 {color:#00b388; font-size:18px; font-weight:400;  width:100%; line-height:40px; font-family: 'MetricHPE-Bold', Arial, sans-serif;}


#agreeToText{font-size:12px;}
.login input[type=button] {border:1px solid #00b388;background:#00b388;padding:5px 20px 5px 20px;color:#FFFFFF; width:85%;}
.login input[type=button]:hover {border:1px solid #333333;background:#333333;color:#FFFFFF; width:85%;}
#disclaimer{color:#FFFFFF; }
a {color:#00b388;}
/**/


a, img { border:none;outline:none;}
#container { position:relative; text-align:center; margin-top:75px;}
#logo{padding:0px 0px 40px 0px;}
#loginContainer{width:85%; max-width:700px; padding:0px 40px 90px 40px; margin:0 auto;}
#loginBox {padding:40px 0px 0px 0px;}

#loginBox p {padding:20px 0px 20px 0px;}
#agreeTo{text-align:left; width:85%; margin:0 auto;}
#agreeToText{text-align:left; padding:20px 5px 20px 5px;}
#forgotPassword{font-size:11px; padding:10px 0px 0px 0px;}

#disclaimer{color:#999999;width:85%; max-width:600px; padding:10px 0px 40px 0px; margin:-80px auto 0 auto; text-align:center; font-size:12px;}
.loginFieldRow{}
.loginFieldInput input[type="text"] { padding:10px; font-size:14px; width:80%;  margin:10px 0px 0px 0px; }
.loginFieldInput.wide .k-dropdown {
   width:83%;  
   margin:10px 0px 0px 0px;
}
.loginFieldInput.wide .k-dropdown .k-dropdown-wrap {     
    padding: 0px !important;
    height:38px;
    border: 1px solid #A9A9A9 !important;
    border-radius: 0px !important; 
}

.loginFieldInput.wide .k-dropdown .k-dropdown-wrap .k-input,
.loginFieldInput.wide .k-dropdown .k-dropdown-wrap .k-select {
    height:35px;
    line-height:35px;
}

input[type=checkbox] {width:15px; height:15px;}
.checkText{padding:0px 0px 10px 10px;}

.login input[type=button] {

    font-size:100%;
    cursor:pointer;
	padding:5px 20px 5px 20px;
	font-weight:400;
	margin:25px 0px 15px 0px;
}
.login input[type=button]:hover {

    font-size:100%;
    cursor:pointer;
	padding:5px 20px 5px 20px;
	font-weight:400;
	margin:25px 0px 15px 0px;
}

body.login{
	background-size:cover; 
	height:100%;  
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

  }
.clear{clear:both;}

@media only screen and (max-width: 1024px) and (min-width: 200px)
{
#container { position:relative; text-align:center; margin-top:45px;}
body.login{height:100%; }
#loginContainer{width:75%; max-width:700px; padding:0px 40px 70px 40px; margin:0 auto;}	
#loginBox h1{font-size:30px; font-weight:400;  width:100%; line-height:34px;}
}


/*added*/
.loginFieldInput input {
    font-size:14px;
}
.loginFieldInput input[type="password"] { padding:10px;width:80%;  margin:10px 0px 0px 0px; }
.login input[type=submit] {border:1px solid #00b388;background:#00b388;padding:5px 20px 5px 20px;color:#FFFFFF; width:85%; font-family: 'MetricHPE-Bold', Arial, sans-serif;}
.login input[type=submit]:hover {border:1px solid #049f7a;background:#049f7a;color:#FFFFFF; width:85%;}
.login input[type=submit] {

    font-size:100%;
    cursor:pointer;
	padding:10px !important;
	font-weight:400;
	margin:25px -2px 15px 0px;
}



.validation-summary-errors {
    color: #e80c4d;

}
.input-validation-error {
border-color:#e80c4d!important;
}
.validation-summary-errors ul {
margin: 0;
padding: 0;
}
.validation-summary-errors li {
display: inline;
list-style: none;
margin: 0;
}

span.field-validation-error {
    color: #e80c4d;

}

#loginFields {
    width:100%;
    max-width:440px;
    margin:0 auto;
}