html {
overflow-y: scroll;
}

body {
font-family: Verdana, Helvetica, sans-serif;
font-size: 75%;
color: #333333;
}

#login_form {
padding: 5px;
background-color: #EEEEEE;
border: 1px solid #999999;
width: 300px;
}

.lost_pass {
width: 70%;
margin: auto;
background-color: #DDDDDD;
border: 1px solid #BBBBBB;
}

.lost_pass a {
width: 100%;
padding: 5px;
display: block;
}

.lost_pass a:hover {
background-color: #CCCCCC;
}

input {
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #999999;
}

h1 { font-size: 145%; padding-left: 10px; border-left: 25px solid #CCCCCC;font-weight: normal; color: #330099; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
h2 { font-size: 125%; margin-bottom: -15px; color:#0066CC; font-weight: normal; }
h3 { font-size: 100%; font-weight: normal; color: #330099}
h4 { font-size: 100%; }

.error {
background-image: url(../images/redlight.png);
background-position: left center;
background-repeat: no-repeat;
padding: 20px;
padding-left: 42px;
text-align: center;
margin: auto;
background-color: #FFEBEB;
border: 1px solid #F3D7D7;
color: #000000;
text-align: center;
}

.confirmation {
background-image: url(../images/greenlight.png);
background-position: left center;
background-repeat: no-repeat;
padding: 20px;
text-align: center;
margin: auto;
padding-left: 42px;
background-color: #E2FFDE;
border: 1px solid #97E3A2;
color: #000000;
text-align: center;
}