a, div, img {margin:0;padding:0;border:0}
body {margin:0;padding:0;background: #B8CFDD;margin-bottom: 20px;}
hr {color: #fff;border:0;border-top: 2px dotted #C3C3C2;}
hr.hr_bottom {margin-top: 15px;}
.page {
    position: relative;
    margin: auto;
    width:808px;
    padding:0 4px;
    overflow: hidden;
    background: #fff url('../images/bg-content.png') repeat-y;
}
.topbar .page {background: none;}
.topbar {background: #494949;height: 18px;text-align: right;color: #FFF;font-size: 12px;padding-top: 5px;}
.topbar a {font-size: 10px;font-family: Arial;color:#EAE8D8;text-decoration: none;padding:0 10px;}
.topbar a:hover {color:#fff;text-decoration:underline;}

.header {height: 55px;background: url('../images/bg-content.png') repeat-y;}
.header .background {position: absolute;width: 808px;background: url('../images/bg-header.jpg') repeat-x;}
.logo {
    left: 10px;
    height: 55px;
    position: relative;
    top:1px;
    display: block;
    background: url('../images/logo1.png') no-repeat;
}

.box {
    border: 3px solid #d6d4c1;
    margin:8px;
}
.box .top-box {background: #ebe8d9;}
.top-box img {margin: 8px 0 0 8px;}


.form {top:50px;left:50%;margin-left:78px;width:360px;color: #484848;font-family: Arial;font-size:12px;font-weight:bold;background:#fff;border:5px solid #636363;-moz-border-radius: 8px;-webkit-border-radius: 8px;}
.form .form_content {display:block;padding:8px 16px;text-align: left;}
.form label {display:block;margin: 20px 0 2px 0;float:none;}
.bigrow label {margin-top: 10px;}
.form select.small {width:63px;}
.form select.medium {width: 200px;}
.form select.large {width:300px;}
.form select.big {width: 250px;}
.form select.age {width: 99px;}
.form select.gender {width:72px;}
.form .zipcode {width:50px;letter-spacing:1px;}
.form input.small {width:50px;}
.form input.medium {width:76px;}
.form input.large {width:138px;}
.form input.phone {width:90px;}
.form input.email {width: 215px;}
.form select, .form input[type=text] {background:#fff;border:1px solid #C3C3C2;padding:3px 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;float:left;}
.form select {padding: 2px 5px;}
.form select:focus, .form input[type=text]:focus{border:1px solid #E6B941}
.form select.error:focus, .form input[type=text].error:focus {background:#FFEAEA;border: 1px solid #E03534;}
.form select.error, .form input[type=text].error {border: 1px solid #E03534;}

.form .submit {background: url('../images/button-continue.jpg') no-repeat;display:block;border:none;width: 129px;height:48px;margin: 20px 0 20px -5px;position:relative;cursor:pointer;}
.form .submit.finish {background: url('../images/button-finish.jpg') no-repeat;float:right;}
.form span.required {color:#DA4646}
.field {height:18px;position:relative;}

.bigrow {display:block;height: 50px;}

.formrow {float:left;position:relative;top:-6px;margin-left:24px;}
.formrow:first-of-type {margin-left:0;}


/* School list */
.schooltype {font-family:Arial;font-size: 13px;font-weight: bold;color:656565}
.schooltype span {color:#689dc6;}
.school {border:1px solid #E1E1E1;margin: 8px 0 8px 30px;position:relative;padding:10px;padding-right:5px; border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
.school.active {background: #EDF1F3;}
.school .checkdiv {
    position:absolute;
    background: #fff;
    border: 1px solid #E1E1E1; border-right: none;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;
    display:block;
    width: 23px;
    height: 21px;
    left: -25px;
    top: 8px;
    padding: 2px;
}
.school.active .checkdiv {background: #EDF1F3;}
.school .schoolinfo {overflow:hidden;position:relative;display:table;vertical-align:middle;width:100%;}
.school .schoollogo {float:left;border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border: 2px solid #E1E1E1;cursor:pointer;padding:2px;}
.school .title {text-align:center;font-family: Arial;color: #666565; font-size: 12px;font-weight: bold;width: 128px;vertical-align:middle;display:table-cell;}
.school .arrow {width: 16px;height:7px;background: url('../images/school-arrow-down.png') 0 22px no-repeat;cursor:pointer;display:table-cell;float:right;height:50px;}
.school .arrow:hover {
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}

.school.active .arrow {
    background: url('../images/school-arrow-up.png') 0 22px no-repeat;
    filter:alpha(opacity=65);
    -moz-opacity:0.65;
    -khtml-opacity: 0.65;
    opacity: 0.65;
}
.school.active .arrow:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.school .schoolquestions {display:none;text-align: left;}


/* Footer */
.footer {text-align:center;color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;}
.footer-end {height:4px;background: url('../images/bg-footer.gif') bottom no-repeat;}
.footer div {border-top: 1px dashed #7E7E7E;margin:12px 8px;padding-top: 8px;}
.footer a {text-decoration:underline;color:#333333;}
.footer a:hover {text-decoration:none;}