﻿
.editor-field { padding: 0.15em; }



/* Contact / Student Demographics Editor */
fieldset { padding: 0 0.5em 0.5em; border: 1px solid #47D; }
.contactInfo, .studentInfo { margin: 0 auto 1em auto; width: 43em; width: 73em; padding: .5em;}
.newRelationship {float: right; width:38em; background-color: #CBDCEC ; margin-top: 0.5em; padding:.5em; border:solid 2px #000064; }
.newRelationship ul { float:left; list-style-type:none; margin: 0 1em; }
.livesWith { float: right; width: 14.5em; background-color:#87D087; margin-top: 0.5em; padding:.5em; border:solid 2px #006400; }
.livesWith p { margin: 0; border-bottom:1px solid #FFF; padding-bottom: 1em; }
.livesWith p i { font-weight: bold; font-size: 1.2em; }
.livesWith h2 { text-align: center; margin: 0 0 0.5em 0; color: #FFC; }
.livesWith ul { list-style-type:none; margin: 1em; }
.syncLivesWith { border: 1px dashed #999; }
.syncLivesWith fieldset { float :left; width: 25em; padding: 0.5em; margin:0 0.75em 0.75em; }
.syncLivesWith fieldset label { display: block; float: left; width: 4em; }
.syncLivesWith fieldset.phones { clear:left; width: 53em; }
.suggested { border: 1px solid #FF0; background-color:#FFC; }
.togglePassword { padding: 0 1em; }
span.togglePassword { font-weight: bold; }
#contactPhones .input-validation-error, #studentPhone .input-validation-error { border:solid #c00 1px; }
/*#raceEthnicity fieldset { padding: 0 0.5em 0.5em; }*/
#raceEthnicity p.note { margin: 0.5em; color: #006400; }
#raceEthnicity p { margin: 0.5em; }
#raceEthnicity ul { list-style-type: none; }
#raceEthnicity li { float: left; padding: 0 1em; }
#raceEthnicity .toggleInformation { margin-top:0.5em; width: 65em; padding: .5em; background-color:#ffc; border:solid 2px #000000; }
#raceEthnicity .toggleInformation li.raceEthnicityDescription { width:55em; padding:0.5em; border-bottom:solid 1.5px #000000; }
#raceEthnicity .toggleInformation li.raceEthnicityTitle { font-weight:bolder; font-size:1.3em; padding:0.5em; width:63em; }
.tdHealthConcern { padding-right: 2em;}
.studentInfoLeft { float:left; }
.studentInfoRight { float:right; padding-left:70px; }
/* END Contact / Student Demographics Editor */

/* Emergency Contact Demographics */
.container td { border: 2px solid #4477DD; padding: .5em; margin-top: 0; }
.dropRelationship { background-color: #DDD; }
.isEmergencyContactFor { float: right; width: 22em; margin-top: 0.5em; padding:.5em; }
.emergencyContactInfo { float: left; width: 20em; }
.emergencyContactContainer { width: 44em; }
/* END Emergency Contact Demographics */

/* Contact Verification Summary */
.missing { font-weight: bold; color: #c00; }
.summary { margin: 0.3em; }
.summary, .summary ul { list-style-type: none; }
.summary li { padding: 0 2px; }
.summary li span { display:inline-block; width: 6em; }
.summary h4 { font-size: 1.125em; float: left; width: 20em; }
.summary .edit { float: right; }
.summary li.divider div { border-top: solid 1px #E1E1E1; height: 1px; overflow: hidden; }
#contacts, #emergencyContacts, #students { float: left; margin: 0.5em 0.12em; width: 26em; }
#contacts { border: solid 1px #4380b9; }
#contacts h3 { border-bottom: solid 1px #4380b9; padding:5px; background-color: #244462; color: #FFF; }
#contacts li.header { background-color: #CBDCEC; border-bottom: solid 3px #CBDCEC; }
#contacts .summary { border: solid 3px #CBDCEC; }
#emergencyContacts { border: solid 1px #c00; }
#emergencyContacts h3 { border-bottom: solid 1px #c00; padding:5px; background-color: #800; color: #FFF; }
#emergencyContacts li.header { background-color: #FBB; border-bottom: solid 3px #FBB; }
#emergencyContacts .summary { border: solid 3px #FBB; }
#students { border: solid 1px #00540d; }
#students h3 { border-bottom: solid 1px #00540d; padding: 5px; background-color: #225822; color: #FFF; }
#students li.header { background-color: #b8e3b8; border-bottom: solid 3px #b8e3b8; }
#students .summary { border: solid 3px #B8E3B8; }
/* END Contact Verification Summary */
