/* CSS RESET
-------------------------------------*/
html, body, div, span, applet, object, iframe, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input {
  border         : 0;
  font-family    : Verdana, Helvetica, sans-serif;
  font-size      : 16px;
  margin         : 0;
  outline        : 0;
  padding        : 0;
  vertical-align : baseline;
  line-height    : 1;
}
h1, h2, h3, h4, h5, h6, p {
  margin                : 0;
  padding               : 0;
  -webkit-margin-before : 0;
  -webkit-margin-after  : 0;
  -webkit-margin-start  : 0;
  -webkit-margin-end    : 0;
}

body {
    line-height: 1;
    min-width: 200px;
    margin: 0 auto;
    text-align: center;
    color: #696969;
}

.wraper {
    top: 50%;
    max-width: 400px;
    position: relative;
    margin: 10px auto 0;
    background-color: #fff;
    border-radius: 25px;
    border: 2px solid #00AFEF;
    padding-bottom: 30px;
}

.logo {
    margin-top: 150px;
}

.imgLogin {
	margin-left: -5px;
}

.reloadDivContent {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 55;
    left: 0;
    opacity: 0.4;
    background-color: #333;
    border-radius: 24px;
}

.reloadDivContent div {
    background: url("../Content/images/ajax-loader-big.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -16px;
    border-radius: 24px;
}

.userid p {
    color: #868686;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
}

.button {
    padding-left: 10px;
    width: 324px;
}

.userid input, .submit, .logout {
    padding-left: 10px;
    line-height: 1;
    height: 34px;
    color: #696969;
    width: 320px;
    border: 2px solid #00AFEF;
    border-radius: 5px;
}

.userid input, .logout {
    margin: 10px auto 0;
}

.remember {
    margin-top: 16px;
    margin-bottom: 10px;
    color: #888;
    text-align: left;
    font-size: 16px;
}

.checkbox {
    width: 14px;
    height: 14px;
    background: url('../Content/images/check-boxes-login.png') no-repeat;
    display: block;
    float: left;
    margin: -2px 9px 0 0;
}

.submit {
    width: 320px;
    height: 40px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    background: none;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    padding-left: 0px;
}

.form input[type=text]:focus, .form input[type=password]:focus, .form button[type=submit]:focus {
    outline: none;
}

.logout {
    background-color: #00AFEF;
    color: white;
    height: 28px;
    padding: 0;
    width: 105px;
    clear: both;
    cursor: pointer;
    display: block;
    text-decoration: none;
    line-height: 25px;
}

.logoutLabel {
    width: 300px;
    height: 80px;
    border-radius: 4px;
    float: left;
    line-height: 75px;
    background: white;
    margin-top: 2px;
    margin-bottom: 30px;
    color: grey;
}

.button {
    margin-top: 15px;
    width: 325px;
    height: 40px;
    color: white;
    border-radius: 5px;
    margin-top: 5px;
    background-color: #00AFEF;
}

.textholder {
    z-index: 10;
    padding: 20px 0 0 10px;
    position: absolute;
    font-style: italic;
    color: #888;
    padding-top: 22px;
}

.error_login{
	display: none;
	position: relative;
    width: 100%;
	min-height:94px;
	margin-bottom: -20px;
	border-radius : 5px;
	-moz-border-radius : 5px; 
	-webkit-border-radius : 5px; 
	-opera-border-radius: 5px;
}
.error_login#supportBrowser {
	overflow: hidden;
	min-height: 65px;
	height: 66px;
}
.error_login#supportBrowser .errorImg {
	margin-top: -13px;
}
.error_login#supportBrowser .errorMessageText {
	padding-top: 8px;
}
    .error_login .errorMessageText {
        padding: 15px 40px 20px 100px;
        line-height: 1.4;
        color: #878786;
        text-align: left;
    }
.errorImg {
	background: url("../Content/images/error-login-img.png") no-repeat scroll 0 0 transparent;
	float: left;
	height: 94px;
	width: 75px;
}
input::-ms-clear,input::-ms-reveal {
   display: none;
}
.wraper .form {
	display: inline-block;
    margin-top: 30px;
}

.wraper .logoutForm {
	display: inline-block;
}

.logoutFooter {
    height: 20px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

input[type=checkbox] {
    display: none;
}

.remember label:before {
    border-radius: 3px;
}

input[type=checkbox]:checked + label:before {
    content: "\2713";
    font-size: 15px;
    text-align: center;
    line-height: 15px;
}

label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border: 2px solid #00AFEF;
}

label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    line-height: 18px;
}

.wraper .form {
    display: inline-block;
}

.form {
    position: relative;
    width: 332px;
    font-weight: 300;
    color: #878786;
}

.form .field {
    position: relative; /* For the icon positioning */
    width: 330px;
}

.form .field i {
    left: 295px;
    top: 12px;
    position: absolute;
    height: 33px;
    width: 36px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
    color: #777777;
    text-align: center;
    line-height: 42px;
    pointer-events: none;
}

.form .field i.icon-user {
    background: url(../Content/images/icons/login.png) 0 -4px no-repeat;
}

.form .field i.icon-lock {
    background: url(../Content/images/icons/login.png) 0 -40px no-repeat;
}

.form input[type=text]:focus ~ i {
    background-position: -36px -4px;
}

.form input[type=password]:focus ~ i {
    background-position: -36px -40px;
}

.form input[type=text]:focus, .form input[type=password]:focus, .form button[type=submit]:focus {
    outline: none;
}