html {
background: url('../../images/noise.png') repeat scroll 0 0 #FBFBFB;
}
body {
    font-family:;
    min-height: 100%; 
    height: auto; 
    font-family: sans-serif;
    
}

body.login {
	background: url('../../images/noise.png') repeat scroll 0 0 #FBFBFB;

	float: left;
    width: 100%;
}


.login form {
    border: none;
    box-shadow: none;
	margin-left: 0; 
	overflow: hidden; 
	padding-bottom: 0; 
}

#login {
    background: #FDFDFD;
    border: 1px solid #97c3d2;
    border-radius: 4px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    margin: 0 auto 30px;
    padding: 0 0 1em !important;
    margin-top: 114px; 
    width: 400px; 
    position: relative; 
   /* overflow: hidden; */
}

#login h1 {
   background-color: #0486A2; 
   background-image: url('../images/bg-login-heading.png'); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#00B2D9), to(#0486A2));
   background-image: -webkit-linear-gradient(top, #00B2D9, #0486A2); 
   background-image: -moz-linear-gradient(top, #00B2D9, #0486A2);
   background-image: -ms-linear-gradient(top, #00B2D9, #0486A2);
   background-image: -o-linear-gradient(top, #00B2D9, #0486A2);
    
    
   
    border-color: #06667b;
    border-radius: 4px 4px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    box-shadow: 0 -1px 0 #06667b inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
    margin: -1px -1px 1px;
    position: relative;
    


}

#backtoblog{ display:none; }
.forgetmenot a {
	line-height: 3em; 
	text-decoration: none; 
	font-size: 14px; 
}
.login #nav a {
	text-decoration: none; 
	font-size: 14px; 
}

#lostpasswordform, #resetpassform { padding-top: 0; }

.login h1 a {
    background-image: none;
    background-size: auto;
    display: block;
    height: auto;
    overflow: hidden;
    padding-bottom: 1em;
    padding-top: 1em; 
    text-indent: 0;
    width: auto;
    line-height: 1; 
    color: #FFF; 
    text-decoration: none; 
    font-family: "ff-dagny-web-pro",sans-serif;
    text-transform: uppercase; 
    font-size: 16px; 
    text-align: center;
    font-weight: 700; 
    text-shadow: 0.01em 0.01em 0 #004C5C, 0.02em 0.02em 0 #004C5C, 0.03em 0.03em 0 #004C5C, 0.04em 0.04em 0 #004C5C, 0.05em 0.05em 0 #004C5C, 0.06em 0.06em 0 #004C5C, 0.07em 0.07em 0 #004C5C, 0.08em 0.08em 0 #004C5C, 0.09em 0.09em 0 #004C5C, 0.1em 0.1em 0 #004C5C;  
}


.login label {
    padding-top: 5px;
    width: 35%;
    display: inline;
    float: left;
    font-weight: bold; 
    color: #222; 
    line-height: 2.3em; 
    font-size: 16px; 
}

.login form .input, .login input[type="text"] {
    width: 65%;
    display: inline;
    float: left;
    margin-right: 0; 
    padding: 7px; 
    font-size: 16px; 
    box-shadow: none; 
}


input.button-primary, button.button-primary, a.button-primary, .login .button-primary {
 

    
   background-color: #a4c92c; 
   background: #a4c92c;
	filter: none; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a4c92c), to(#8daf24));
   background-image: -webkit-linear-gradient(top, #a4c92c, #8daf24); 
   background-image: -moz-linear-gradient(top, #a4c92c, #8daf24);
   background-image: -ms-linear-gradient(top, #a4c92c, #8daf24);
   background-image: -o-linear-gradient(top, #a4c92c, #8daf24);
   color: #FFF; 
    
    
    
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 1px 0 0 rgba(255, 255, 255, 0.05) inset, -1px 0 0 rgba(255, 255, 255, 0.05) inset, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
        border-style: solid;
    border-width: 1px;
 
    line-height: 1em;

    text-decoration: none;
    
    border-radius: 3px 3px 3px 3px;
    font-size: 1.2em !important;
    padding: 7px 10px;
    border: 1px solid;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

input.button-primary:hover, button.button-primary:hover, a.button-primary:hover, a.button-primary:focus, a.button-primary:active {
   border-color: #7d9c1c !important;
    color: #FFF;
    background-image: none; 
    background-color: #8daf24 !important; 
    background: #8daf24 !important; 
}

.submit input, .button, input.button, .button-primary, input.button-primary, .button-secondary, input.button-secondary, .button-highlighted, input.button-highlighted, #postcustomstuff .submit input {


}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, select:focus {
	background-color: #F5F7F9;
	border-color:#A4BACA !important;  
	-moz-box-shadow:    0 1px 1px rgba(0, 0, 0, 0.05) inset; 
  	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; 
  	box-shadow:         0 1px 1px rgba(0, 0, 0, 0.05) inset; 
}


#login_error, .login .message {
margin: 8px;

}

#lostpasswordform p, #resetpassform p { display: block; width: 100%; float: left; }

.login form#lostpasswordform .input, .login form#lostpasswordform input[type="text"], .login form#lostpasswordform label, 
.login form#resetpassform .input, .login form#resetpassform input[type="text"], .login form#resetpassform label
 {
	width: 100%; 
}
div.updated, .login .message {
background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    color: #C09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 
 }
 
 div.error, .login #login_error {
 	background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
 }
 
 #login_error a {
    color: #B94A48;
    font-weight: bold; 
 }
 
 
 #lostpasswordform, #loginform { overflow: hidden; position: static !important;  }
 
 
 
.login-redirect-enroll {
 	margin: 0 auto 30px;
    width: 400px;
    
}

.login form .forgetmenot label {
	font-weight: 400; 
	float: none; 
	width: auto; 
	line-height: 1.2em; 
	color: #777; 
	padding-top: 0; 
}
.login form .forgetmenot {
	margin-top: 10px; 
}
.login form .forgetmenot label span {
	padding-top: 2px; 
}

.forgetmenot input[type="checkbox"] {
	vertical-align: middle; 
	float: left;
	margin-right: 4px;  
	overflow: visible; 
}


.login .button-primary {
	height: 32px; 
}

@media only screen and (max-width: 767px) {
	
body { min-width: 320px !important; }
#login { margin-top: 20px; width: 300px; }
	
}