/* base.css */

/*
--------------------------
CSS RESET
--------------------------
*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;} :focus {outline: 0;} body {line-height: 1;color: black;background: white;} ol, ul {list-style: none;} table {border-collapse: separate;border-spacing: 0;} caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";}


/*
--------------------------
BASIC STRUCTURE
--------------------------
*/
html {}

body {width: 700px; margin: 0 auto; padding-bottom: 50px;}

div#header {background-color: #CCCC99; padding: 10px; width: 680px; overflow: hidden;}
div#header img {float: left; margin-right: 10px;}
div#header h1 {font-size: 32px; color: white; font-family: Georgia, serif; font-style: italic; padding-top: 38px; line-height: 35px; font-weight: normal;}

.print-this {display: none;}


/*
--------------------------
FONTS/LINKS
--------------------------
*/
h3 {font-size: 18px; font-family: Arial, sans-serif; color: #666; padding: 10px 0 5px; margin: 0 10px 5px;}

hr {border: none; border-bottom: 1px solid #999; margin-bottom: 25px;}

/* img replacement for headings or navigation */
span.img-text {position: absolute; top: -9999px;}

a:link, a:visited {}
a:active, a:hover, a.active {}



/*
--------------------------
FORM STYLES
--------------------------
*/
form#student_app {width: 700px; overflow: hidden; margin: 0 auto; background: white;}
form#student_app p label {width: 160px; padding-right: 15px; display: block; float: left; color: #666; text-align: right;}

form#student_app p.other-input {padding-left: 120px; width: 500px; color: #333;}
form#student_app p.other-input label {width: 450px; padding-left: 5px; text-align: left;}

form#student_app p.other-label label {width: auto;}

form#student_app p input, form#student_app p select {float: left;}

form#student_app p em {color: red;}

form#student_app p.focus label {color: #000 !important;}

form#student_app p.focus input {background-color: #eaf1fc;}

form#student_app p {font: 13px/16px Arial, sans-serif; margin-bottom: 3px; padding: 5px 10px; position: relative; width: 640px; overflow: hidden; text-align: left;}

form#student_app p span {font-size: 11px; font-style: italic; color: #666;}

div#directions, p#directions {font: 15px/19px Georgia, serif; padding: 20px 50px 20px 20px; margin-bottom: 20px; font-style: italic; background: #fcf1d5;}
div#directions p em, p#directions em {color: red;}

div#directions ul {margin: 5px 0 10px 20px;}
div#directions ul li {list-style-position: outside; list-style-type: square; margin-bottom: 5px;}

p#property {padding: 10px; background-color: #333; color: white; font-family: Arial, sans-serif; text-align: center; font-size: 14px;}

form#student_app p label.error-backup {position: absolute; top: -20px; left: 145px; color: white !important; font-size: 12px; display: block; width: auto; text-align: left; padding: 5px; background: red;}

form#student_app p label.error {color: red !important; font-size: 12px; display: block; width: auto; text-align: left; padding: 3px; padding-left: 7px; display: block; float: left;}

form#student_app div#packages p label.error {clear: both; width: 450px;}

form#student_app p.checkbox {color: black;}
form#student_app p.checkbox label {float: none; width: auto; display: inline; text-align: left; color: black;}
form#student_app p.checkbox label.error {float: none; padding-left: 0; display: block;}

span#form-terms {display: block; padding: 7px 0; margin-bottom: 5px; border-bottom: 1px dashed #ccc; font-size: 12px !important; font-style: normal !important; color: #333 !important;}

div#summary {background: #fc9112;}

p#refundable-deposit {color: #333;}
p#refundable-deposit label,
p#refundable-deposit input {color: black !important; border: none; background: none;}
p#refundable-deposit input {font-size: 18px; font-weight: bold;}


strong {font-weight: bold;}


form#student_app p.focus span {color: red !important;}

p#property a {color: #ccc;}

div#packages p br {display: block; clear: both;}
