/***********
* font-family: 'Montserrat', sans-serif;
*/


 ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;
}

a{
    text-decoration:none;
    -moz-outline-style: none;
}

:focus,
:active {
  -moz-outline-style: none;
} 

/****** click outline removal ***/
a:active { outline: none; }

a:focus { outline:none; }

button::-moz-focus-inner { border: 0; }

input[type="submit"]::-moz-focus-inner, input[type="radio"]::-moz-focus-inner, input[type="select"]::-moz-focus-inner { border: 0; outline:none; }
/* IE8 */
input[type="submit"]:focus, input[type="radio"]:focus, input[type="select"]:focus { outline: none; }

/******** end click outline removal ***********/


.clr{
    clear:both;
}

.left{
    float:left;
}

.right {
    float:right;
}

.hidden{
    display:none;
}

/** shadow on left and right of div :) **/
.left-right-shadow{
  -moz-box-shadow: 6px 0px 10px -7px #333, -6px 0px 10px -7px #333;
  -webkit-box-shadow: 6px 0px 10px -7px #333, -6px 0px 10px -7px #333;
  box-shadow: 6px 0px 10px -7px #333, -6px 0px 10px -7px #333;
}
/** shadow on left and right of div and not on top :) **/
.left-right-notop-shadow{
  -moz-box-shadow: 6px 1px 7px -7px #333, -6px 0px 7px -7px #333;
  -webkit-box-shadow: 6px 0px 7px -7px #333, -6px 0px 7px -7px #333;
  box-shadow: 6px 0px 7px -7px #333, -6px 0px 7px -7px #333;
}

.error{
    color:#ff0000;
    font-family:arial;
    font-size:12px;
    text-align:center;
}
 
 html { 
     height: 100%; 
     background:#eef1f5;
 }
 
 #wrapper{
     margin:60px auto 0;
     text-align:left;
     width:1000px;
 }
 
 #login_area{
     width:440px;
     margin:0 auto;
 }
 
 #login_area .error{
     margin-bottom:10px;
 }
 
 #logo{
     margin:0 auto;
     display:block;
 }
 
 .green_wrapper{
     padding:50px 40px;
     -moz-border-radius:2px;
     border-radius:2px;
     -webkit-border-radius:2px;
     background:#fff;
     box-sizing:border-box;
 }
 
 .login_form label{
     font-size:14px;
     font-family: 'Montserrat', sans-serif;
     color:#000;
     font-weight:600;
     margin:0 0 4px 0;
     padding-left:5px;
     display:block;
 }
 
 .login_form input[type="text"],
 .login_form input[type="password"]{
     padding:15px 10px;
     box-sizing:border-box;
     border:1px solid #dcdcdc;
     background:#fff;
     width:100%;
     margin:0 0 15px 0;
     -moz-border-radius:3px;
     border-radius:3px;
     -webkit-border-radius:3px;
 }
 
 .login_form p{
     font-size:14px;
     color:#000;
     font-family:arial;
 }
 
 .login_form a.forgot{
     float:right;
     color:#00a375;
     font-family:arial;
     font-size:14px;
 }
 
 .login_form a.forgot:hover{
     text-decoration:underline;
 }
 
 .login_form input[type="submit"]{
     padding:10px;
     background:#17a47a;
     font-size:15px;
     font-family: 'Montserrat', sans-serif;
     text-align:center;
     color:#fff;
     -moz-border-radius:3px;
     border-radius:3px;
     -webkit-border-radius:3px;  
     width:100%;
     margin:30px auto 0;
     display:block;
     border:1px solid #00a475;
     cursor:pointer;
 }   
 
 p.copy{
     text-align:center;
     font-family:arial;
     color:#6b6b6b;
     font-size:13px;
 }
 
 .green_wrapper h2{
     font-size:21px;
     color:#000;
     font-family: 'Montserrat', sans-serif;
     font-weight:300;
 }
 
 .green_wrapper p{
     font-size:15px;
     color:#6b6b6b;
     font-family:arial;
     line-height:22px;
     margin:0 0 10px 0;
 }
 
 .green_wrapper p a{
     color:#00a375;
     font-family:arial;
     font-size:14px;
 }
 
 .green_wrapper p.error{
     color:red;
 }