html { background: #EBEBEB url("/images/header_background.gif") repeat-x 0% 0%; }

/* =Body & Page Layout*/
body { color: #707070; text-align: left;  overflow-x: hidden; }
#hd { padding: 0 13px 0 13px;  margin: 0 ; background-color: #FFF; display: block; }
#bd { background-color: #FFF; padding: 25px 0 0 13px; line-height: 152%;  display: block; }
#ft { color: #FFFFFF; margin: auto; padding: 10px; text-align: center; background-color: #FFF; }
.pageContent { padding: 0px 13px 0px 0px; }

/* =Some Basic Tag & Classes*/
h1 { font-weight: bold; font-size: 136%; margin-bottom: 0.5em; clear: both; }
h2 { font-weight: bold; font-size: 129%; margin-bottom: 0.7em; clear: both; }
h3 { font-weight: bold; font-size: 122%; margin-bottom: 1em; clear: both; }
h1.sessionBreadcrumbs { margin-bottom: 1em; }
h4, h5 { font-weight: bold; clear: both; }
.blue { color: #000038 !important; } 
p { margin-bottom: 1em; }
a, .link, span.loginButton { color: #000038; text-decoration: none; font-weight: bold; cursor: pointer; }
em { font-style: italic; font-size: 85%; }
.loginButton { border: 1px solid #E5E5E5; background-color: #F9EBD0; color: #FAAC01; font-weight: bold; font-size: 200%; padding: 2px; width: 108px; cursor: pointer; }
strong { font-weight: bold; }
.light { font-weight: normal !important; }
hr {  border: none; border-top: 1px dotted #CFCFCF; height: 1px; margin: 0;  }
.clear { clear: both; }
.fright { float: right !important; }
.fleft { float: left !important; }
.pointer { cursor: pointer; }
.bold { font-weight: bold; }
a.small, span.small { font-size: 85%; }
.red { color: #ED1C24; }
.deleteContact, .editContact { color: #ED1C24; text-decoration: underline; cursor: pointer; }
.underline { text-decoration: underline; }
.lblue { color: #7F9DB9; }
.center { text-align: center; }
.noBorder { border-width: 0px; }
h4.formSubTitle { color: #7F9DB9; padding-left: 10px; }
legend { font-size: 120%; font-weight: bold; color: #71706E; margin-bottom: 10px; }

ul.text { margin-left: 40px; }
ul.text li { list-style-type: disc; }

.homeBox { padding: 22px 15px; margin-top: 4px; background: #F0FBFF url('/images/blueGradient.gif') repeat-x top left; border: 1px solid #F1F1F1; }
.homeBox h1 { color: #000038; font-weight: normal; font-size: 174%; margin-bottom: 0.75em; }
.homeBox p { font-size: 108%; color: #000 }
.homeBox ul { color: #000 }

.loginBox { padding: 22px 15px; margin-top: 4px; background: #FBF9FA url('/images/greyGradient.gif') repeat-x top left; border: 1px solid #F1F1F1;  }
.loginBox td.label { width: 95px !important; font-size: 131%; color: #ACACAC !important; padding-top: 9px !important; }
.loginBox td.element input { padding: 4px; font-size: 100%; }

h2.loginTitle { color: #FAAC01; font-weight: bold; font-size: 253.9%; margin-bottom: 0.75em; line-height: 100%; }
h2.loginTitle span{ font-size: 35%; color: #ACACAC; vertical-align: middle; padding-left: 10px; }

h1.students-title { background: transparent url('/images/icons/students-title.gif') no-repeat top left; padding-left: 35px; line-height: 32px; }
h1.mentors-title { background: transparent url('/images/icons/mentors-title.gif') no-repeat top left; padding-left: 35px; line-height: 32px; }
h1.teachers-title { background: transparent url('/images/icons/teachers-title.gif') no-repeat top left; padding-left: 35px; line-height: 32px; }
h3.notRegistered { font-size: 138.5%; color: #FAAC01; font-weight: bold; display: inline;}
h3.notRegistered a, h3.notRegistered span { text-decoration: underline; color: #FAAC01;}

 
/* =Form Styles*/
.toolTip { vertical-align: middle; margin-left: 5px; }
.plusMinus { vertical-align: top; margin-left: 5px; cursor: pointer; }
.toolTipContainer { font-size: 85%; /*margin-left: 28px;*/ }
h5.toolTipTitle { font-weight: bold; font-size: 114%; color: #4D6185}

/* =Top Nav Bar*/
#topNavigation { background-color: #EAF7FD; display: block; float: left; width: 922px; border: 1px solid #EBEBEB; height: 32px; }
#topNavigation ul { list-style: none; font-size: 100%; margin-left: 12px; }
#topNavigation li { line-height: 1em; margin: 10px 0px; padding: 0px 13px; border-right: 2px solid #003470; display: block; float: left;  }
#topNavigation li.last { border: none !important;  }
#topNavigation li a { text-decoration: none; color: #003470; font-weight: bold; }
#topNavigation li a.on, #topNavigation li a:hover  { border-bottom: 2px solid #003470; display: block; }
#topNavigation span { margin: 10px 20px 10px 0; display: block; font-size: 85%; float: right; color: #000139; }

/* =Side Nav Bar*/
#menuNavigation { min-height: 300px; border-right: 1px dashed #969696; margin-right: 8px; }
#menuNavigation ul { list-style: none; }
#menuNavigation li { padding: 5px 20px; font-weight: bold; color: #000;  font-size: 116%;}
#menuNavigation li div li { font-size: 93%; padding-left: 0; }
#menuNavigation li a { color: #003470;  text-decoration: none; font-weight: bold; font-size: 85%; }
#menuNavigation li.selected a { color: #000 !important;  }
ul.menu div { margin-left: 15px; }
ul.menu div li a {  color: #003470 !important;  font-size: 77% !important; }


/**
 * RSVP page styles
 */
#topNavigation h1.rsvp { float: left; color: #000038; font-weight: bold; font-size: 220%; margin: 0 0 0 10px; }
#rsvp { padding: 10px; }
#rsvp h2 { color: #FAAC01; margin-bottom: 0px; }
 
 
/* =Standard Form*/
.form, .studentContactForm {  padding: 10px 10px 20px 10px; border: 1px solid #EBEBEB;  background-color: #F1FAFF; margin-top: 4px; }
.studentContactForm { padding-top: 15px; margin-top: 0px; border: none; }
.ovoyoForm td.element, .ovoyoForm td.radio, .ovoyoForm td.label { padding: 3px 0 3px 0; } 
.ovoyoForm td.label { text-align: right; color: #71706E; font-weight: bold; padding-right: 10px; vertical-align: top; width: 115px; } 
.date { vertical-align: top; margin-right: 5px; }
.req { color: #EC135A; }
.button {width: 100px; height: 25px; clear: both; display: block; float: right; text-align: center; cursor: pointer;
background: #F2BE48 url('/images/icons/button-bg.gif') repeat-x 0 0; border: 1px solid #ACACAC;
}

/* =Standard Form Overrides*/
.bigButton { width: 200px; } 
.button.red { background: #F34848 url('/images/icons/button-bg-red.gif') repeat-x 0 0; }
.button.green { background: #2B8246 url('/images/icons/button-bg-green.gif') repeat-x 0 0; }
.button.grey { background: #D6D3CD url('/images/icons/button-bg-grey.gif') repeat-x 0 0; }
.button span { font-weight: bold; font-size: 123.1%; color: #FFF; padding-top: 7px; display: block; }
.dynamicTable { margin-left: 125px; }
.dynamicTable td, .dynamicTable th { padding: 0 8px 5px 0;  }
.dynamicTable th { font-size: 93%; color: #707070; }

.nopad { padding: 0 !important; }
.nomarg { margin: 0 !important; }
.right { text-align: right; }
.left { text-align: left; }

table.register { width: 100%; }
form.login  {  padding: 10px 15px; border: 2px solid #CAECFA; width: 290px !important; float: right; margin-top: 0px; height: 340px;}
table.register td { vertical-align: top; }
table.register p {  font-size: 116%; margin-bottom: 0.5em; }
form.login td.element input { width: 170px; }
form.login td.label, form.modal td.label { color: #060674; font-weight: bold; padding-right: 10px; }
form.login.yellow { border: 2px solid #FAAC01; background: #FFF; }
table.register { width: 100%; }
table.register h2 { font-size: 153.9%; color: #FAAC01; margin-bottom: 0.5em;}
table.register td.td1 { padding-left: 13px; padding-top: 10px; } 
table.register td.td2 { padding-top: 5px; padding-left: 28px; }
td.element, td.radio { vertical-align: top; }

td.element input, td.element select { width: 250px; }
td.element input.checkbox { width: auto !important; border: none !important; vertical-align: middle; }
td.element .small, td input.small, .postcode { width: 80px !important; }
td.element .smaller { width: 15px !important; }
td.element .month { width: 55px !important; }
td.element .year { width: 68px !important; }
td.element .medium { width: 185px !important; }
td.element input,
td.element select, 
td.element textarea, 
.seriesInfo td input, 
.seriesInfo td select { font-size: 93%; color: #000; padding: 2px 4px; margin-top: 2px; border: 1px solid #7F9DB9; }
td.radio input { font-size: 93%; color: #000; padding: 2px 4px; }
.submit { padding: 5px 10px; }
td.element select { width : 259px; }
.radioLabel { margin-right: 5px !important; vertical-align: top; width: auto !important; border: none !important;  }
td.element .hasError { border: 1px solid #CD0A0A; background-color: #FEF1EC; }
td.label.hasError { color: #F00; }

.addressTable td.element { padding-top: 0px !important; }
.addressTable select { width: 67px; } 
span.label { font-size: 93%; color: #707070; padding: 3px 0; display: block; }

td.label.textArea { text-align: left !important; padding-left: 20px; width: auto !important; }
td.element.textArea, td.radio.textArea { padding-left: 50px; }
textarea { height: 100px; }
textarea.address { width: 250px !important; height: 78px; }
textarea.long { width: 380px !important; }
textarea.extraLong { width: 595px !important; }
input.bottomMarg, textarea.bottomMarg { margin-bottom: 20px !important; }
td.label.small { width: 40px !important; }

#createSessionForm td.label.textArea { text-align: left !important; padding-left: 20px; width: auto !important; }
#createSessionForm td.label  { width: 120px; }

span.oneLinePadded { padding-bottom: 8px; display: block; }

.step { verical-align: middle !important; width: 174px; height: 49px; background: transparent no-repeat top right; text-align: center; }
.step.active { background-image: url('/images/icons/step_active.gif'); }
.step.inactive { background-image: url('/images/icons/step_inactive.gif'); }
.step.complete { background-image: url('/images/icons/step_complete.gif'); }
.step.incomplete { background-image: url('/images/icons/step_incomplete.gif'); }
.step.activeComplete { background-image: url('/images/icons/step_active_complete.gif'); }
.step.activeIncomplete { background-image: url('/images/icons/step_active_incomplete.gif'); }
.form form { clear: both; }
.form h1 { color: #7D7D7D; display: block; float: left; }
/* .form div.titleContainer { display: block; float: left; border-bottom: 1px dotted #7D7D7D; margin: 0 0 15px 0; width: 100%; } */
table.stepBoxes { margin-bottom: 20px; }
div.titleContainerContained { display: block; float: left; border-top: 1px dotted #7D7D7D; padding: 15px 0 15px 0; margin: 15px 0 0 0; width: 100%; }
div.subText { font-size: 11px; float: right; color: #7D7D7D; padding-bottom: 5px; }

.assignedStudentsContainer { border: 3px solid #DFDEDE; margin-top: 16px; width: 600px;}
.assignedStudents { width: 600px; background-color: #FFF;} 
.assignedStudents tr.odd { background-color: #EEF8FD; }
.assignedStudents td, .assignedStudents th { padding: 7px 13px; }
.assignedStudents th { color: #707070; font-size: 108%; }
.assignedStudents td span.link { color: #707070 !important; text-decoration: underline; }
.assignedStudents td.first, .assignedStudents th.first { border-right: 1px solid #DFDEDE; }

#addStudentButton { margin-top: 45px; width: 100%; }
#fieldset-addSchool { display: none; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; margin: 25px 0; padding: 20px 0; }
#fieldset-addSchool legend { color: #71706E; font-size: 130%; font-weight: bold; padding: 0 15px; } 

/* =Success, info, warning and error styles*/
div.errors { clear: both; }

ul.success,
ul.info,
ul.warning,
ul.error,
div.errors ul {
    padding: 10px;
    padding-left: 40px;
    margin: 0 0 14px 0;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
}

#statusMessages { clear: both; float: left; width: 924px; display: block; }
#statusMessages ul { margin-bottom: 10px !important; margin-top: 14px; display: block;}
#saveIgnore { margin-top: 5px; padding: 5px; }
div.errors ul li { line-height: 24px; }

div.errors ul, ul.error {
    background: #FEF1EC url('/images/icons/dialog-error.png') no-repeat 7px 10px;
    border: 1px solid #CD0A0A;
}

ul.success {
    background: #e0fccf url('/images/icons/dialog-success.png') no-repeat 7px 10px !important;
    border: 1px solid #00D100 !important;
}

ul.info {
    background: #FBF5D0 url('/images/icons/dialog-information.png') no-repeat 7px 10px !important;
    border: 1px solid #FAD42E !important;
}

ul.warning {
    background: #FBEC88 url('/images/icons/dialog-warning.png') no-repeat 7px 10px !important;
    border: 1px solid #FAD42E !important;
}

td.element ul.errors { display: inline; margin-left: 6px; font-size: 85%; } 
td.element ul.errors li { display: inline; color: #ED1C24; padding-left: 11px; background: transparent url('/images/icons/element_error.gif') no-repeat center left; }

/* Overlay */
#simplemodal-overlay { background-color:#000; }

/* Container */
form.modal input { width: 200px; } 
form.modal td.label{ color: #707070; } 

#ajaxIndicator { position: absolute; top: 35%; right: 50%; z-index: 800; }
#manageApplicationAjaxIndicator.straight { position: absolute; top: 30%; right: 5%; }
#studentContactAjaxIndicator.straight { position: absolute; top: 30%; right: 8%; z-index: 800; }
#messageAjaxIndicator.straight, #statusAjaxIndicator.straight { position: absolute; top: 30%; right: 10%; z-index: 900; }
#ajaxLoadingStudents { position: absolute; top: 41%; left: 23%; z-index: 800; }
.ajaxOverlay { position: absolute; width: 100%; height: 100%; display: block; background-color: #FFF; opacity: 0.8;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); z-index: 700; }

.ui-widget { font: inherit !important; }
#manageApplication.ui-dialog-content,
#contactContainer.ui-dialog-content { padding: 0 !important; }
.ui-tabs-panel { height: 500px; overflow-y: scroll; padding-top: 0 !important;  background-color: #F1FAFF !important; }
.ui-tabs-panel .form { margin-top: 0 !important; border: none; }
.ui-tabs .ui-tabs-nav li img { vertical-align: middle; padding-left: 4px; }
.ui-tabs .ui-tabs-nav li a { padding-right: 8px !important; } 

/* EXTJS STUFF */
.stepCompleted { padding-left: 25px !important; background: transparent url('/images/icons/complete.png') no-repeat left 50% !important; }
.stepNotCompleted { padding-left: 15px !important; background: transparent url('/images/icons/incomplete.png') no-repeat left 50% !important; }
.x-tab-strip-text { font-size: 131% !important; }

#myTabs .x-tab-strip-text { font-size: 100% !important; }
.x-window-mc { font: inherit !important; }
.x-grid3-col { cursor: pointer; cursor: hand; }

#forgotPasswordForm { background-color: #FFF; padding: 10px; font-size: 108% !important; }

.ui-datepicker { z-index: 9999; }
.ui-datepicker-trigger { vertical-align: bottom; padding-top: 2px; }

.time { width: 50px !important; }
.hidden { display: none; }

.download-pdf { background: transparent url('/images/icons/application-pdf.png') no-repeat top left !important; }
.custsomScaleCt { background: transparent url('/images/scale.gif') no-repeat top left !important; height: 35px; }

.sessionForm { background-color: #F1FAFF; padding: 20px 10px 20px 10px; }

.jpmCredit { margin-top: 30px; }

.jpmCredit img { margin-top: 10px; }