#user-service-center .left { width: 43em; }
#user-service-center .time .left { width: auto; }
#user-service-center .right { width: 17em; margin-left: .5em; }
#user-service-center h2 { font-size: 1.2em; text-transform: none; }
#user-service-center h3, #user-service-center h4 { font-size: 1.1em; font-weight: bold; border-bottom: 0.1em solid #999; padding: .7em 1em; margin-bottom: .7em; color: #333; }
#user-service-center .panel.nopadding-beige h3 { border-color: #900; }
#user-service-center ul { margin-left: 2em; }
#user-service-center h2.eligibility, #user-service-center div.eligibility-temp { border: .1em solid #000; margin-top: 1em; padding: 1em; background-color: #EFEFEF; color: #000; }
#user-service-center div.eligibility-temp { font-size: 1.2em; font-weight: bold; margin-bottom: 1em; }
#user-service-center ol.eligibility { margin-left: 3em; }
#user-service-center ol.eligibility li { margin-bottom: 1em; }
#user-service-center ul.repeater { list-style-type: none; padding: 0; margin: 0; }

#user-service-center .entries.eligibility { margin-left: 0; }
.entries.eligibility li { border: 0.1em solid #999; margin-bottom: 1em; padding: 1em 0; background-color: #FFFFDD }

#user-profile { border: .1em solid #999; padding: 0; }
#user-profile-image { float: left; border-right: 0.1em solid #999; height: 9.1em; width: 9em; padding-top: 1em; text-align: center;  } 
#user-profile-info { float: left; width: 54.7em;  }
#user-profile-info-top { padding: 1em; border-bottom: .1em solid #999; }
#user-profile-info-bottom { padding: 1.1em 1em; }
#user-profile-info-name { font-size: 1.6em; font-family: Arial; font-weight: bold; display: block; margin: .3em 0 .1em 0; }  
#user-profile ul { margin-left: 0; list-style-type: none; }
#user-profile li { float: left; margin-left: 1em; }
#user-profile li:first-child { margin-left: 0em; }

#user-service-center #user-tags { list-style-type: none; margin: 0; padding: 0; }
#user-service-center #user-tags li { margin: 0; }
.user-tags { float: left; display: block; height: 50px; background-repeat: no-repeat; }
.user-tags.confidential { width: 140px; background-image: url('/CSSLibrary/DSV4/images/confidential.gif'); }
.user-tags.confidential.selected { background-image: url('/CSSLibrary/DSV4/images/confidential-s.gif'); }
.user-tags.report { width: 115px; background-image: url('/CSSLibrary/DSV4/images/report.gif'); }
.user-tags.report.selected { background-image: url('/CSSLibrary/DSV4/images/report-s.gif'); }
.user-tags.communication { width: 210px; background-image: url('/CSSLibrary/DSV4/images/communication.gif'); }
.user-tags.communication.selected { background-image: url('/CSSLibrary/DSV4/images/communication-s.gif'); }
.user-tags.datafeed { width: 115px; background-image: url('/CSSLibrary/DSV4/images/datafeed.gif'); }
.user-tags.datafeed.selected { background-image: url('/CSSLibrary/DSV4/images/datafeed-s.gif'); }
.user-tags.follow { width: 140px; background-image: url('/CSSLibrary/DSV4/images/follow.gif'); }
.user-tags.follow.selected { background-image: url('/CSSLibrary/DSV4/images/follow-s.gif'); }

#DeletePanel-link { display: block; border: .1em solid #999; margin-bottom: .9em; font-size: 1.1em; background-color: #900; text-align: center; padding: 1em; }
#DeletePanel-link:focus, #DeletePanel-link:active, #DeletePanel-link:hover { text-decoration: none; background-color: #555; }

#user-profile-email { float: right; margin-top: .5em; }
#user-profile-checkin, #user-profile-locator, #user-profile-privacy  { float: right; margin-top: .5em; margin-right: .5em; }
#user-profile-loginas { float: right; text-align: right; margin-left: .5em; margin-top: 1em; }
#user-profile-loginas a { display: block; padding: .5em 1em; text-align: center; border: .1em solid #999; background-color: #900; color: #FFF; font-weight: bold; margin-bottom: 1em; }
#user-profile-loginas a:visited  { color: #FFF; }
#user-profile-loginas a:active, #user-profile-loginas a:focus , #user-profile-loginas a:hover { background-color: #EFEFEF; color: #000; text-decoration: none; }

div.qafield { margin-bottom: 1em; }
div.qafield.beige { border: .1em solid #999; background-color: #FFFFDD; padding: 1em 0; }
div.question { float: left; text-align: right; width: 8em; margin-right: .5em; }
div.qafield.large div.question { width: 15em; font-weight: normal; } 
div.answer { float: left; font-weight: bold; width: 19em; }
/*archive start*/
div.qafield.large div.answer { width: 7em; } 
div.accommodation div.qafield.large div.answer { width: 10em; } 
/*archive end*/
#user-service-center div.accommodation.three div.next0 { float: left; width: 33.4%; }
#user-service-center div.accommodation.three div.next1 { float: left; width: 32%; margin-left: 1.1em; margin-right: 1em; }
#user-service-center div.accommodation.three div.next2 { float: right; width: 32%; }
#user-service-center div.accommodation.three div.next0 div.qafield.large div.answer { width: 9em; } 
#user-service-center div.accommodation.three div.next1 div.qafield.large div.question { width: 14em; }
#user-service-center div.accommodation.three div.next1 div.qafield.large div.answer { width: 8.5em; } 
#user-service-center div.accommodation.three div.next1 div.qafield.beige div.answer { width: 6em; } 
#user-service-center div.accommodation.three div.next2 div.qafield.large div.question { width: 14em; }
#user-service-center div.accommodation.three div.next2 div.qafield.large div.answer { width: 8.5em; } 
#user-service-center div.accommodation.three div.next2 div.qafield.beige div.answer { width: 6em; } 
#user-service-center div.accommodation.three div.qafield.large div.answer { width: 11em; } 


#user-service-center div.accommodation.two div.next0 { float: left; width: 49.3%; }
#user-service-center div.accommodation.two div.next1 { float: right; width: 49.3%; }
#user-service-center div.accommodation.two div.next0 div.qafield.large div.answer { width: 11em; } 
#user-service-center div.accommodation.two div.next1 div.qafield.large div.answer { width: 9.5em; } 
#user-service-center div.accommodation.two div.qafield.large div.answer { width: 11em; } 

#up-mini div.question { width: 5.2em; }
#up-mini div.answer { width: 23em; }

.panel.user-service-center { padding: 1em 1em 0em 1em; }
.panel.noborder-nopaddingtop { padding-top: 0; border: 0; }
#user-service-center .panel.user-notification h2 { border-bottom: 0; color: #FFF; background-color: #900; padding: 1em; }

.user-service-center-container { margin-bottom: 1em; }
.user-service-center-container .left-side { float: left; }
.user-service-center-container .right-side { float: right; }

#user-profile, #student-profile, #employee-profile { margin-bottom: 1em; }
#disability, #doc-intake, #access-data { float: left; margin-right: 1em; width: 35%; }
#disability blockquote { margin-bottom: 1em; }
#doc-intake { width: 32%; }
#access-data { width: 29%; margin-right: 0; }
.studentprofile { border-bottom: 0.1em solid #999; font-weight: bold; padding-bottom: 1em; margin-bottom: 1em; }
.studentprofile-left { float: left; } 
.studentprofile-right { float: right; } 
.studentprofile-right-a { color: #666; } 

.email-body ol, .email-body ul { margin-left: 3em; margin-top: 1em; }

.eligibility div.checkbox { width: 100%; }
.eligibility div.checkbox div.item { float: left; margin-bottom: 1em; padding-left: 0.7em; }
.eligibility div.checkbox div.item:first-child { padding-left: 0; }
.eligibility div.checkbox.half div.item { width: 48%; }
.eligibility div.checkbox.third div.item { width: 30%; }
.eligibility div.checkbox.quarter div.item { width: 22.5%; }
.eligibility .checkbox input { margin-top: 0.1em; float: left;  }
.eligibility .checkbox label { vertical-align: top; float: right; width: 15.8em; display: inline; text-align: left; }
fieldset .eligibility .checkbox label { width: 15em; }

#user-service-center .paging div.left { width: auto; }
#user-service-center .paging div.right { width: auto; }

.link-button { width: 50%; }

.form-mini label, .form-mini span.non-label { width: 6em; }
.form-mini span { width: 16em; }
.form-mini span.instruction { display: none; }

.form-mini .entries fieldset { margin-left: 0; }
.form-mini .entries fieldset div.checkbox label { width: 22.5em; }
.form-mini .entries fieldset span { width: 22.5em; }
.form-mini .entries.mini span { width: 20em; }
.form-mini .entries.mini span.non-label { width: 6em; }

.form-mini2 label, .form-mini2 span.non-label { width: 8.5em; }
.form-mini2 span { width: 19em; }
.form-mini2 span.instruction { display: none; }
fieldset.form-mini2 { margin-left: 0; } 
.form-mini2 div.checkbox div.item label { width: 25em; }
.form-mini2 fieldset div.checkbox div.item { float: left; margin-bottom: 1em; padding-left: 0.7em; }
.form-mini2 fieldset div.checkbox div.item:first-child { padding-left: 1em; }
div.entries .form-mini2 span.form-mini2-answer { width: auto; background-color: #900;  }

fieldset.form-mini3 div.checkbox { margin-bottom: 1em;}
.form-mini3 div.checkbox div.item label { width: 27.5em; float: right; text-align: left; }
.form-mini3 div.checkbox div.item input[type="checkbox"] { margin-top: 0.3em; }
.form-mini3 fieldset div.checkbox div.item { float: left; padding-left: 0.7em; }
.form-mini3 fieldset div.checkbox div.item:first-child { padding-left: 1em; }
div.entries .form-mini3 span.form-mini3-answer { width: auto; background-color: #900;  }

.form-mini4 label, .form-mini4 span.non-label { width: 3.5em; }
.form-mini4 span.instruction { display: none; }
.form-mini4 { padding-right: 0em; }
.form-mini4 ol { margin-left: 0em; }

div.search-mini div.button input:first-child, .form-mini2 div.button input:first-child { margin-left: 11em; } 

.form-mini3 label { width: 6em; }
.form-mini3 span.instruction { display: none; }

.entries .mini4 label { width: 4.5em; }

.signin label { width: 7em; }
.signin span.instruction { display: none; }

ul.crns { margin: 1em 0; border: 0.1em solid #FFF; }
ul.crns.red { border-color: #900; background-color: #FFFFDD; }
ul.crns li { float: left; width: 14%; list-style-type: none; margin: 1em 0; } 


ol.non-lecture { list-style-type: none; margin: 0; margin-top: 1em; }
.non-lecture ol li { margin-bottom: 1em; }

.accommodation { list-style-type: none; }
.accommodation li { margin-bottom: 3em; }
.accommodation fieldset { padding: 0; }
.accommodation fieldset legend { margin-left: 1em; }
.accommodation fieldset div.checkbox { width: 100%; }
.accommodation fieldset div.checkbox div.item { float: left; margin-bottom: 1em; padding-left: 0.7em; }
.accommodation fieldset div.checkbox div.item:first-child { padding-left: 1em; }
.accommodation fieldset div.checkbox.half div.item { width: 46%; }
.accommodation fieldset div.checkbox.third div.item { width: 31.7%; }
.accommodation fieldset div.checkbox.quarter div.item { width: 21.5%; }
.accommodation fieldset input { margin: 0.05em 0.5em 0 0; }
.accommodation fieldset label { float: right; display: inline; text-align: left; width: 17.7em; margin-right: 0.5em; }
.accommodation .class-title { padding: 1em; margin-bottom: 1em; background-color: #EFEFEF; font-weight: bold; border: 0.1em solid #999; }
.accommodation .class-title .info { float: left; width: 65%; }
.accommodation .class-title a { float: right; }
.accommodation input[type="checkbox"] { float: left; margin-left: 0; }
.accommodation ul { margin-top: 1em; }
.accommodation ul li { margin-bottom: 1em; margin-left: 1em; }

#user-service-center .accommodation div.panel.notification { padding-bottom: 1em; }
#user-service-center .accommodation div.panel.notification label { float: right; width: 97%; }
#user-service-center .accommodation div.panel.notification input[type="checkbox"] { float: left; margin: 0; margin-top: .2em; width: 2%; }
#user-service-center .accommodation .left { width: 53%; }
#user-service-center .accommodation .right { width: 45%; }
.accommodation p { line-height: 1.2em; margin-bottom: .5em; }


.registration-status { padding: 0; border: .1em solid #999; float: right; width: 42.7%; }
.registration-status:first-child { float: left; width: 55.1%; margin-left: 0em; }
.registration-status.accommodation:first-child { width: 49.1%; }
.registration-status.other { width: 48.7%; }
.registration-status.other ul { margin-left: 1.5em; margin-right: 1.5em;  }
.registration-status.other ul ul { list-style-type: disc; margin-right: 0; }


#user-service-center .registration-status h4 { margin-bottom: 0em; }
.registration-status .div-height { height: 8.5em; }
.registration-status-left { float: left; width: 25%; text-align:center; height: 100%; background-position: center 1.5em; background-repeat: no-repeat; }
.registration-status-left.Approved { background-image: url('/CSSLibrary/DSV4/images/ok.png'); }
.registration-status-left.Cancelled { background-image: url('/CSSLibrary/DSV4/images/cancelled.png'); }
.registration-status-left.Processing { background-image: url('/CSSLibrary/DSV4/images/processing.png'); }
.registration-status-left.Pending { background-image: url('/CSSLibrary/DSV4/images/warning.png'); }
.registration-status-right { float: left; width: 73%; border-left: .1em solid #999; height: 100%; }
.registration-status ul li a { margin-left: 0; }

.class-info { margin-bottom: 1em; position: relative; }
.class-info-left { width: 85%; float: left; }
.class-info-right { width: 14%; float: right; text-align: right; }
.class-info-item { margin-bottom: 1em; }
.class-info-item-left { float: left; width: 17%; margin-right: 1em; }
.class-info-item-right { float: left; width: 75%; }
.class-notification { display: block; position: absolute; right: 5em; top: 4.9em; width: 5em; border:  .1em solid #999; padding: .5em 1em; }
.class-notification.syllabus { top: .2em; }
.class-notification span { font-size: 1.5em; }
#user-service-center .class-notification:hover, #user-service-center .class-notification:active, #user-service-center .class-notification:focus { text-decoration: none; background-color: #EEE; color: #000; }

.dho-assignment { margin-left: 2em; }

.panel.noborder-nopaddingtop hr { margin-top: 1em; }
.quicknote { display: block; padding: .8em 0em; text-align: center; border: .1em solid #999; width: 65%; margin: 1em auto 0; font-weight: bold; }
.quicknote:active, .quicknote:hover, .quicknote:focus { text-decoration: none; background-color: #EEE; }

div.panel.privacy { background-color: #990000; color: #FFFFFF; text-align: center; font-size: 1.2em; padding-bottom: 1em; text-transform: uppercase; }

div.class-info a.instructor_update { display: block; padding: .5em; border: .1em solid #999; text-align: center; line-height: 1.5em; font-weight: bold; }
#content-main div.class-info a.instructor_update:hover, #content-main div.class-info a.instructor_update:active, #content-main div.class-info a.instructor_update:focus { background-color: #000; color: #FFF; }