body {
font-family: Candara, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#252525;
}
div, p, h1, form, button{
border:0;
margin:0;
padding:0;
}

.spacer {
clear:both;
height:1px;
}

/* ----------- Logo ----------- */
#logo {
margin:0 auto;
width:500px;
padding-bottom:15px;
}

#logo img {
margin-top: 20px;
}

/* ----------- Forms ----------- */

#user-form , #test-form {
margin:0 auto;
width:510px;
padding:14px;
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#user-form h1 {
font-size:24px;
font-weight:bold;
margin-bottom:8px;
}

#user-form h2 {
font-size:18px;
font-weight:bold;
margin-bottom:8px;
}

#user-form p {
font-size:15px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#user-form label {
font-size:15px;
display:block;
font-weight:bold;
text-align:right;
width:180px;
float:left;
}
#user-form .small {
color:#666666;
display:block;
font-size:13px;
font-weight:normal;
text-align:right;
width:180px;
}
#user-form input,
#user-form select {
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:260px;
margin:2px 0 20px 10px;
}

#test-form input{
font-size:14px;
padding:10px 5px;
margin:5px 10px 5px 220px;
}

#user-form button, #test-form button {
clear:both;
margin-top:10px;
margin-left:190px;
width:125px;
height:31px;
background:#666 url(../img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#fff;
font-size:11px;
font-weight:bold;
}

#test-form p {
font-size:15px;
color:#252525;
padding-bottom:20px;
}

.copy {
width:300px;
margin: 0 auto;
text-align:center;
padding:10px;
color:#777;
}