* { margin: 0; padding: 0; }
html { overflow: scroll; }
body { background-color: #eee; font-size: 10px; font-family: Tahoma; }
h1, h2, h3 { margin-bottom: 1em; font-weight: normal; text-transform: uppercase; }
ul { margin: 0; }
ol { list-style-type: decimal; }
li { margin-bottom: 1em; } 
p { line-height: 1.5em; margin-bottom: .5em; }
hr { border: 0; height: .2em; color: #999; background-color: #999; margin-bottom: 1em; }
img { border: 0 }
blockquote { margin-left: 2em; }
 
.red { color: #900; font-weight: bold; }
.green { color: #01573E; font-weight: bold; }
.blue { color: #009; font-weight: bold; }
.white { color: #FFF; font-weight: bold; }
#content-main a.reverse { display: block; padding: .5em 0em; color: #FFF; font-weight: bold; }
#content-main a.reverse.red { background-color: #900; margin-bottom: .5em; }
#content-main a.reverse.green { background-color: #090; margin-top: .5em; }
#content-main a.reverse:visited { color: #FFF; }
#content-main a.reverse:hover, #content-main a.reverse:focus, #content-main a.reverse:active { background-color: #333; text-decoration: none; }

.uppercase { text-transform: uppercase; }
.uppercase.red { font-weight: bold; color: #900; }
.uppercase.white { font-weight: bold; color: #FFF; }
.uppercase.green { font-weight: bold; color: #01573E; }
.capitalize { text-transform: capitalize; }
.normal { text-transform: none; }
.space { margin-left: 1em; }
.space.big { margin-left: 2em; }
.space.bigger { margin-left: 5em; }
.space.bigger:first-child { margin-left: 0; }

.school-info { margin: 1em 0 1em 2em; }

.center { text-align: center; }
div.center { text-align: center; margin-bottom: 1em; }
.not-available { text-align: center; margin: 3em 0; color: #900; font-weight: bold; }

.left { float: left; }
.left.alignright { float: left; text-align: right; }
.right { float: right; }
.right.alignright { float: right; text-align: right; }
.clear { clear: both; }

.large { font-weight: bold; font-size: 1.1em; }

h2.underline { border-bottom: 0.1em solid #999; padding-bottom: 0.7em; }

a { text-decoration: none; }
#content-main a, #footer a, #developer-info a { text-decoration: underline dotted; }
a:visited { color: inherit; }
a:focus, a:active, a:hover { text-decoration: dashed; }

a.blue { color: #00F; font-weight: normal; text-decoration: underline; }
a.blue:visited { color: #00F; }

.skip-links { left: -5000px; position: absolute; }
.skip-links:active, .skip-links:focus { left: 0; top: 0; z-index: 1000; padding: 1em 2em; border: .1em solid #000; background-color: #FFFFDD; color: #000; font-size: 1.2em; }

.hidden, .hidden-backtotop { left: -5000px; position: absolute; }

.space-for-anchor { margin-top: 3.5em; }

.text-left { text-align: left; }

#top, #content { padding: 1em 1em 0em 1em; }
#top { height: 6em; background-color: #FFF; margin-top: 3em; }

#tabs { height: 4em; color: #FFF; background-color: #000; background-image: url('/CSSLibrary/DSV4/images/tabs.gif'); }
#tabs ul { list-style-type: none; padding-top: .2em; background-color: #000; }
#tabs li { float: left; height: 3.8em; margin-bottom: 0; }
#tabs ul a { display: block; padding: 1em 1.25em; background: url('/CSSLibrary/DSV4/images/tabs-border.gif') no-repeat right top; font-size: 1.2em; font-weight: bold; text-decoration: none; }

#content { background-color: #FFF; }
#content-left { float: left; width: 21em; margin-right: 1em; }
#content-right { float: right; width: 73em; }

#content-left ul { margin: 0; padding: 0; list-style-type: none; }
#content-left a.navHeader { display: block; padding: 0.65em 0.35em 0.65em 2.15em; background-color: #EFEFEF; font-size: 1.2em; color: #000; text-decoration: none; }
#content-left a.navHeader h3 { font-size: 1em; font-family: tahoma; text-transform: none; margin-bottom: 0 }
#content-left a.navHeader:hover, #content-left a.navHeader:focus, #content-left a.navHeader:active  { color: #FFF; text-decoration: none; }
#navs li ul  { display: none; }
#navs li ul li a { color: #000; font-size: 1.2em; text-decoration: none; }
#navs li ul li a:hover, #navs li ul li a:active, #navs li ul li a:focus { text-decoration: underline; }
#navs li.selected a.navHeader, #navs li.selected a.navHeader h3  { color: #EEE; font-weight: bold; }
#navs li.selected ul { display: block; background-color: #EFEFEF; padding-top: 1em; padding-bottom: 0.3em; padding-right: 0.2em; list-style-type: none; border: 0.1em solid #AAA; border-top: 0; }
#navs li.selected ul li { padding-left: 2.5em; padding-right: 0.4em; }

#announcement { top: 3em; position: fixed; border: 0.1em solid #900; background-color: #FFF; z-index: 899; width: inherit; display: none; }
#announcement-header { background-color: #000; color: #FFF; margin-bottom: 1em; }
#announcement h2 { padding: .7em .8em 0 .7em; font-weight: bold; float: left; }
#announcement-function { font-size: 1.1em; font-weight: bold; float: right; padding-top: 1.35em; padding-right: 1em; }
#announcement-function a { color: #FFF; float: left; padding-left: 2em; }
#announcement-content { padding: 0 1em; font-size: 1.1em; }

#footer { color: #FFF; padding: 2em 1em; background: url('/CSSLibrary/DSV4/images/footer.gif') repeat-x; background-color: #111; border-top: .5em solid #999; }
#footer h2 { font-size: 1.3em; font-weight: bold; }
#footer .left { font-size: 1.1em; line-height: 2em; margin-right: 2em; padding-left: 2em; border-left: .1em solid #FFF; }
#footer .left.first { border-left: 0; }
#footer a { color: #FFF; font-weight: bold; }
#help-info { float: left; margin-left: 1em; }
#school-info { float: left; padding-left: 2em; border-left: .1em solid #FFF; }

#quick-links { background: url('/CSSLibrary/DSV4/images/quicklinks.gif') repeat-x 0 top; color: #FFF; top: 0; height: 4em; position: fixed; z-index: 999; } 
#quick-links-left { background: url('/CSSLibrary/DSV4/images/quicklinks-left.gif') no-repeat; height: 4em; top: 0; position: fixed; }
#quick-links-right { background: url('/CSSLibrary/DSV4/images/quicklinks-right.gif') no-repeat; height: 4em; top: 0; position: fixed; background-position: right; }
#emblem { background: none; height: 4em; }
#quick-links ul { font-size: 1.1em; list-style-type: none; font-weight: bold; float: left;  }
#quick-links li { float: left; margin: .5em 0 0 2.5em; }
#quick-links a { color: #FFF; }

#developer-info { height: 3em; padding: 1em 1em 0em 1em; padding-top: 1.5em; color: #FFF; background-color: #000; border-top: .1em solid #FFF; }
#developer-info a { color: #FFF; }
#developer-info-content { font-size: 1.1em; }

#breadcrumbs { margin: 0; margin-top: 1em; }
#breadcrumbs ul { font-size: 1.2em; margin: 0; padding: 0; list-style-type: none; margin-left: 1em; }
#breadcrumbs li { float: left; margin-bottom: 0; background: url('/CSSLibrary/DSV4/images/crumb.gif') no-repeat right 0.15em; margin-bottom: 1em; margin-right: 0.5em; padding-right: 1.7em; }
#breadcrumbs li.current { background-image: none; font-weight: bold; }
#breadcrumbs a, #breadcrumbs a:visited { color: #000; }

#staff-search { border: 0.1em solid #AAA; margin-bottom: 1em; padding: 1em; }
#staff-search h2 { font-size: 1.2em; font-weight: bold; text-transform: none; }
#staff-search label, #staff-search input { font-size: 1.1em; float: left; }
#staff-search input { margin-top: 0.5em; margin-right: 0.5em; }
#staff-search input[type="image"] { margin-right: 0em; }

#box { font-size: 1.1em; }
#box p { padding-left: 4.5em; background: url('/CSSLibrary/DSV4/images/phone.png') no-repeat 0em .5em; }
.box-number { font-size: 1.5em; font-weight: bold; color: #333; font-family: Arial; }

#equipment { font-size: 1.1em; background-color: #FFFFDD; }
#equipment p { padding-left: 4.5em; background: url('/CSSLibrary/DSV4/images/clipboard.png') no-repeat 0em .5em; }

#content-main { font-size: 1.2em; }
#content-main a, #content-main a:visited { color: #009; }
#content-main h2 { font-size: 1.2em; font-weight: bold; font-family: arial; }
#content-main h3 { font-size: 1.1em; font-weight: bold; font-family: tahoma; }
#page-options { height: 2.3em; border-bottom: 0.1em solid #999; margin-bottom: 1em; }
#page-options h1 { font-size: 1.4em; letter-spacing: 0.05em; font-family: arial; color: #666; font-weight:bold; float: left; margin: 0; margin-top: 0.2em; }
#page-options ul { padding: 0; margin: 0; list-style-type: none; float: right; }
#page-options li { float: left; padding: 0 0.4em; padding-top: 0.3em; border-top: 0.2em solid #FFF; margin-right: 0.5em; border-top: 0.2em solid #FFF; height: 2em; }
#page-options a, #page-options a:visited, #page-options a:hover { font-size: 1em; color: #000; text-decoration: none;}
#page-options li.selected, #page-options li:hover { background: url('/CSSLibrary/DSV4/images/arrow-up.png') no-repeat center 1.71em; height: 2em; border-top: 0.2em solid #900; }

.system-message { border: 0.1em solid #999; margin-bottom: 1em; padding: 1.5em 1em .5em 1em; }
.system-message h2 { border-bottom: 0.1em solid #999; padding-bottom: 1em; margin-left: 4.5em; color: #666; }
.system-message h3 { color: #333; font-weight: bold; font-size: 1.2em; }
.system-message.statistic { background: url('/CSSLibrary/DSV4/images/statistic.png') no-repeat 1em .7em; }
.system-message.schedule { background: url('/CSSLibrary/DSV4/images/schedule.png') no-repeat 1em .7em; }
.system-message.statistic h3 { border-bottom: 0.1em solid #999; padding-bottom: 1em; margin-left: 4.5em; color: #666; }
.system-message.quicktool { background: url('/CSSLibrary/DSV4/images/tool.png') no-repeat 1em .7em; }
.system-message.readiness { background: url('/CSSLibrary/DSV4/images/s2-student.png') no-repeat 1em .7em; }
#content-main .system-message.readiness h2 { font-size: 2em; margin-left: 3.8em; margin-bottom: 1.5em; padding-bottom: .5em; }
.system-message.printinpdf { background: url('/CSSLibrary/DSV4/images/acrobat.jpg') no-repeat 1em .7em; }
.system-message.error { border-color: #900; background: url('/CSSLibrary/DSV4/images/warning-beige.png') no-repeat 1em .7em; background-color: #FFFFDD; }
.system-message.release { border-color: #900; background: url('/CSSLibrary/DSV4/images/release-beige.png') no-repeat 1em .7em; background-color: #FFFFDD; }
.system-message.noerror { border-color: #999; background: url('/CSSLibrary/DSV4/images/ok.png') no-repeat 1em .7em; }
.system-message.signup { border-color: #999; background: url('/CSSLibrary/DSV4/images/signup.png') no-repeat 1em .7em; }
.system-message ol, .system-message ul { margin-left: 3em; }

.system-message.quicktool ol.entries fieldset { margin-left: 0; }

.panel { border: 0.1em solid #999; padding: 1em 1em 0em 1em; margin-bottom: 1em; }
.panel.exam { width: 15em; margin: .5em auto; padding: .5em; }
.panel.noborder { border: 0; }
.panel.nopadding { padding: 0em; }
.panel.nopadding.relative { position: relative; }
.panel.nopadding-withmarginbottom { padding: 0em; margin-bottom: 1em; }
.panel.nopadding-beige { padding: 0em; background-color: #FFFFDD; border-color: #900; }
.panel.withmarginbottom { padding: 1em; }
.panel.withpadding { padding: 1em; }
.panel.notableformat table td { text-align: left; }
.panel.noborder-nopadding { border: 0; padding: 0em; }
.panel.noborder-withmarginbottom { border: 0; padding: 0em; margin-bottom: 1em; }
.panel.beige, .panel.beige-flag, .panel.email { padding: 1em; background-color: #FFFFDD; }
.panel.beige h3 { text-transform: capitalize; }
.panel.beige.thick { border: .4em solid #900; }
.panel.beige.nopadding { padding: 0em; }
.panel.beige-withmargin-top { background-color: #FFFFDD; margin-top: 1em; padding: 1em; }
.panel.red { padding: 1em; background-color: #900; color: #FFF; }
.panel.gray { padding: 1em; background-color: #EFEFEF; }
.panel.blue { background-color: #009; padding-bottom: 1em; }
.panel.beige-nopaddingbottom { padding: 1em; background-color: #FFFFDD; margin-top: 1em; padding-bottom: 0; }
.panel.email h2 { text-transform: none; }
.panel.user-notification { background-color: #FFFFDD; }
.panel.user-notification h2 { border-bottom: 0; color: #FFF; background-color: #900; padding: 1em; }
.panel input[type="submit"] { margin: 0; margin-left: .5em; padding: .3em .7em; } 
.panel ul { margin-left: 1.4em; }

#session-extender { border: 0.1em solid #999; margin-bottom: 1em; height: 10.8em; background: url('/CSSLibrary/DSV4/images/stopwatch.png') no-repeat 1.5em 5em; }
#session-extender h2, #campus h2, #sms h2, #session-extender h3, #campus h3, #sms h3 { text-transform: none; font-size: 1.2em; font-weight: bold; text-align: center; padding: .8em 0; background-color: #01573E; color: #fff; }
#session-extender span, #session-extender input { margin-left: 6em; font-size: 1.2em; } 
#session-extender input, #campus input { margin-top: .5em; }
#campus ul, #campus p, #sms p { list-style-type: square; margin-left: 2.5em; margin-top: 1em; font-size: 1.2em; }
#campus, #sms { background: none; border: 0.1em solid #999; margin-bottom: 1em; padding-bottom: 1em; }
#campus input, #sms input { margin-left: 1em; margin-right: 1em; font-size: 1.2em; }
#campus a { color: #FFF; text-decoration: none; }
#campus h3 { text-align: left; background: url("/CSSLibrary/DSV4/school/nav-g-col.gif") no-repeat scroll 0.6em center #666; padding-left: 2.15em; }
#campus.campus-hidden { padding-bottom: 0; }
#campus.campus-hidden h3 { margin-bottom: 0; background-image: url("/CSSLibrary/DSV4/school/nav-g-col.gif"); }
#campus.campus-expanded { padding-bottom: 1em; }
#campus.campus-expanded h3 { margin-bottom: 0; background-image: url("/CSSLibrary/DSV4/school/nav-g-exp.gif"); }
#sms p { margin-left: 0; }

fieldset { margin-bottom: 1em; padding: 0em 1em 0em 1em; border: 0.1em solid #666; }
fieldset .withmarginbottom { padding-bottom: 1em; }
fieldset legend { font-weight: bold; border: 0.1em solid #666; padding: 0.7em 1em; margin-bottom: 1em; }
input, select, textarea { font-family: Tahoma; font-weight: bold; padding: 0em; }
textarea { font-weight: normal; font-size: 1em; padding: 0.25em 0.3em; }
input[type="text"], input[type="file"] { padding: 0.1em 0.3em; }
input[type="submit"], input[type="button"] { padding: 0.4em 0.8em; font-size: 1em; overflow: visible; margin-right: 1em; }
input[type="checkbox"] { margin-left: 1em; margin-right: 0.5em; }
input:hover { background-color: #EFEFEF; }
abbr.required { color: #900; font-weight: bold;	}
th abbr.required { color: #FFF; }

.entries { margin-bottom: 1em; margin-left: 0; list-style-type: none; }
.entries li { padding: 0em; border: 0.1em solid #FFF; margin-bottom: 1em; }
.entries li.error { background-color: #FFFFDD; border: 0.1em solid #900; padding: 1em 0; }
.entries a, .entries a:visited { color: #00F; text-decoration: none; }
.entries a:hover, .entries a:focus, .entries a:active { text-decoration: underline; }
.entries label, .entries span.non-label { cursor: pointer; float: left; text-align: right; vertical-align: top; margin-top: 0.3em; margin-right: 1em; }
.entries span.non-label { font-weight: normal; } 
.entries span { float: left; vertical-align: top; margin-top: 0.3em; font-weight: bold; }
.entries input, .entries select, .entries textarea { float: left; }
.entries input[type="text"], .entries textarea, input[type="file"] { font-family: Tahoma; border: 0.1em solid #666; }
.entries input[type="password"] { border: 0.1em solid #666; padding: .2em .3em; }
.entries input[type="checkbox"] { margin-top: 0.1em; }
.entries select { float: left; font-family: Tahoma; border: 0.1em solid #666; }
.form-validator fieldset { margin-bottom: 1em; padding: 0 1em; border: 0.1em solid #666; }
.entries fieldset.error, .entries fieldset.error legend { background-color: #FFFFDD; border: 0.1em solid #900; }
.entries fieldset legend { margin-left: 0.5em; border: 0.1em solid #666; }
.entries fieldset legend span { width: auto; padding: 0; margin: 0; }
.entries li.checkbox label { width: auto; margin-right: 0.5em; }
.entries li.checkbox span {width: auto; float: left; }
.entries span ul { font-weight: normal; margin-left: 1.3em; }
.entries span li:first-child  { padding-top: 0; }
.entries span ul li { margin-left: 0em; }
.entries fieldset { padding: 0; }
.entries fieldset legend { margin-left: 1em; }
.entries fieldset p.checkbox { margin-left: 1em; }
.entries fieldset div.checkbox { width: 100%; }
.entries fieldset div.checkbox div.item { float: left; margin-bottom: 1em; padding-left: 0.7em; }
.entries fieldset div.checkbox div.item:first-child { padding-left: 1em; }
.entries fieldset div.checkbox.half div.item { width: 47%; }
.entries fieldset div.checkbox.third div.item { width: 31%; }
.entries fieldset div.checkbox.quarter div.item { width: 22.5%; }
.entries fieldset input { margin: 0.05em 0.5em 0 0; }
.entries fieldset label { float: none; display: inline; text-align: left; margin-right: 0.5em; }

.single-line { margin-top: .6em; }
.single-line input, .single-line select, .single-line textarea { margin-left: 1em; }

.entries fieldset input { float: left; margin: 0.05em 0.5em 0 0; }
.entries fieldset div.checkbox input { margin-top: 0.3em; }
.instruction { display: block; }
.system-message .entries .instruction { font-weight: normal; float: none; width: 35em; }
.entries .instruction { font-weight: normal; float: none; width: 39em; }
.entries fieldset .instruction { font-weight: normal; margin-left: 0; float: none; }
.nobold { font-weight: normal; }

.entries-notes { float: left; margin-bottom: 1em; } 

.entries fieldset, .entries .instruction, .entries-notes { margin-left: 18em; }
.entries.full fieldset { margin-left: 0; }
.entries.full fieldset div.checkbox.third label { width: 16.5em; }

td label { position: absolute; left: -5000px; } 

.button { margin-bottom: 1em; }
.button input:first-child { margin-left: 19em; }
.button.moreleft input:first-child { margin-left: 17em; }
.button.oneleftmargin input:first-child { margin-left: 1em; }
.button.noleftmargin input:first-child { margin-left: 0em; }
.button.center { text-align: center; }
.button.center input:first-child { margin-left: 0em; }
.button input { margin-right: 1em; padding: .3em .7em; }
fieldset .button input:first-child { margin-left: 18em; }
fieldset .button.moreleft input:first-child { margin-left: 16em; }
.button.search input:first-child { margin-left: 18em; }

#form-validation { border: .1em solid #900; padding: 1.5em 1em .5em 1em; margin-bottom: 1em; background: url('/CSSLibrary/DSV4/images/warning-beige.png') no-repeat 1em .7em; background-color: #FFFFDD; }
#form-validation ol { margin-left: 3em; }
#form-validation a, #form-validation a:visited { color: #00F; }
#form-validation h2 { font-size: 1.2em; font-weight: bold; font-family: arial; border-bottom: 0.1em solid #999; padding-bottom: 1em; margin-left: 4.5em; color: #666; }

.paging-container { margin: 1em 0; } 
.paging-container hr { margin: 1.7em 0; } 
.paging { margin: .5em 0; }
.paging input[type="submit"] { margin: 0; margin-left: .5em; padding: .1em .5em; } 
.paging select { margin: 0 .3em; }
.paging .left { margin-top: .5em; }
.paging-prev, .paging-next { margin-left: 1em; font-weight: bold; }
/*
#content-main a.paging-prev-d { color: #999; margin: 0 1em; font-weight: bold; }
#content-main a.paging-next-d { color: #999; margin: 0; font-weight: bold; }
*/
.paging-container-noresult { margin: 4em 0; text-align: center; color: #900; font-weight: bold;}

/* has: hide and seek */
.has, .has:visited  { display: block; font-weight: bold; color: #009; }
.has-nobold, .has-nobold:visited  { display: block; color: #009; }
.has:hover, .has:active, .has:focus, .has-bold:hover, .has-bold:active, .has-bold:focus { text-decoration: underline; }

.hide-section { display: none; } 
div.expanded-section { display: block; margin-top: 1em; } 
tr.expanded-section { } 

table { margin-bottom : 1em; }
th { background-color: #443333; color: #FFF; padding: .6em 1em; border: .1em solid #FFF; }
td { padding: .6em 1em; border: .1em solid #FFF; text-align: center; }
table.align-left td { text-align: left; }
tr { background-color: #EFEFEF; }
tr.alternate { background-color: #E1EAF4; }
tr.beige { background-color: #FFFFDD; }
tr:hover { background-color: #CCC; }
tr.total td { border: .2em solid #000; }
table input[type="checkbox"] { margin: 0; }

.data-grid { margin-bottom : 1em; }
.data-grid-align-left { text-align: left; }
.data-grid-align-center { text-align: center; }
.data-grid-align-right { text-align: right; } 

#news { margin-bottom: 1em; }
#news h2 { display: block; padding: 0.65em 0.35em 0.65em 2.15em; font-size: 1.2em; text-transform:none; font-weight: bold; color: #EEE; margin-bottom: 0; }
#news ul { display: block; background-color: #EFEFEF; padding-top: 1em; padding-bottom: 0.3em; padding-right: 0.2em; list-style-type: none; border: 0.1em solid #AAA; border-top: 0; }
#news ul li { padding-left: 2.5em; padding-right: 0.4em; }
#news span { font-size: 1.2em; }

#news {  }
.news-item { margin-bottom: 1em; }

#content-main .link-button { display: block; padding: .7em 1em; border: .1em solid #999; margin-bottom: 1em; color: #000; background-color: #EFEFEF; font-weight: bold; text-align: center; }
#content-main .link-button:visited { color: #000; } 
#content-main .link-button:hover, #content-main .link-button:focus, #content-main .link-button:active { background-color: #000; color: #FFF; text-decoration: none; } 
#content-main .link-button.red { background-color: #900; color: #FFF; } 
#content-main .link-button.red:visited { color: #FFF; } 
#content-main .link-button.red:hover, #content-main .link-button.red:focus, #content-main .link-button.red:active { background-color: #EFEFEF; color: #000; } 
#content-main .link-button.green { background-color: #01573E; color: #FFF; } 
#content-main .link-button.green:visited { color: #FFF; } 
#content-main .link-button.green:hover, #content-main .link-button.green:focus, #content-main .link-button.green:active { background-color: #EFEFEF; color: #000; } 
#content-main .link-button.thin { padding: .5em 1em; }
#content-main .link-button-followme { display: block; float: left; padding: .7em 1em .7em 3.5em; width: 9.5em; border: .1em solid #999; margin: 0 2em 1em 1em; color: #000; background-color: #EFEFEF; background: url('/CSSLibrary/DSV4/images/followuseruncheck.png') no-repeat .8em .65em; font-weight: bold; text-align: left; }
#content-main fieldset .link-button-followme { margin-left: 0; }
#content-main .link-button-followme:visited { color: #000; } 
#content-main .link-button-followme:hover, #content-main .link-button-followme:focus, #content-main .link-button-followme:active, #content-main .link-button-followme.checked:hover, #content-main .link-button-followme.checked:focus, #content-main .link-button-followme.checked:active { background-color: #000; color: #FFF; text-decoration: none; } 
#content-main .link-button-followme.checked { background: url('/CSSLibrary/DSV4/images/followuserchecked.png') no-repeat .7em .4em; }

ul.repeater { list-style-type: none; padding: 0; margin: 0; }
ul.repeater li { margin-bottom: 3em; }
ul.repeater.smallmargin li { margin-bottom: 2em; }
ul.repeater li .list li { margin-bottom: 1em; }
ul.repeater.with-separator li { border-top: .1em solid #999; padding-top: 1em; } 
ul.repeater.with-separator li:first-child { border-top: 0; padding-top: .5em; } 
ul.repeater.with-separator ul li, ul.repeater.with-separator ol li { border: 0; padding-top: 0em; } 
.blogs { margin: 1em 0; }
.blogs.none { margin: 0; }
.blogs-left { float: left; } 
.blogs-right { float: right; } 
.blogs-right-a { color: #666; } 
ul.blogs { margin: 0; }
ul.blogs li { float: left; list-style-type: none;  margin: 0; padding: 0; width: 48%; margin-bottom: 1em; }
.blogs-title { background: url('/CSSLibrary/DSV4/images/crumb.gif') no-repeat left 0.4em; margin-bottom: 1em; margin-right: 0.5em; padding-left: 1.7em; } 


.list ul, .list ol, ul.list, ol.list { margin-left: 3em; }

ul.exam { margin-left: 1.5em; }

ul.nosquare { list-style-type: none; margin-left: 0em; margin-top: .5em; text-align: left; }

#user-service-center ul.horizontal { margin-left: 0; }
#user-service-center ul.horizontal.quarter li { float: left; width: 25%; list-style-type: none; margin-left: 0; }

.highlight { padding: .7em; border: .1em solid #AAA; background-color: #EFEFEF; margin-bottom: .5em; font-weight: bold; }
.highlight.redbar { background-color: #900; color: #FFF; }
.highlight.withmarginbottom { margin-bottom: 1em; }
.highlight.big { padding: 1em; }
.highlight-ul { margin-left: 3em; }
.highlight-ul ul li { margin-bottom: 1em; }
div.highlight.big { font-size: 1.1em; }

#login-as, #signout { border: 0.1em solid #999; margin-bottom: 1em; background-color: #FFFFDD; text-align: center; }
#login-as h2, #signout h2 { padding: .5em; color: #FFF; background-color: #900; text-transform: none; font-size: 1.2em; font-weight: bold; text-align:center; }
#login-as input, #signout input { margin-bottom: .9em; font-size: 1.1em; margin-right: 0; font-size: 1.2em; } 
#signout p { margin-left: 2em; margin-right: 1em; font-size: 1.1em; }

.download { background: url('/CSSLibrary/DSV4/images/download.png') no-repeat; padding-left: 1.8em; }
#login-person, #active-session { float: left;  padding-top: .5em; margin-left: 1.5em; font-size: 1.1em; }


#search-button { display: block; float: left; padding: 1.2em; font-weight: bold; color: #FFF; border: .2em solid #999; margin-bottom: 1em; padding-left: 4.2em; padding-bottom: 1.3em; }
#search-button.hide { width: 20em; background: url('/CSSLibrary/DSV4/images/expand.png') no-repeat .5em .5em; background-color: #444; color: #FFF;  } 
#search-button.hide:visited, #search-button.hide:focus, #search-button.hide:active, #search-button.hide:hover { color: #FFF; text-decoration: none; }
#search-button.show { width: auto; border-color: #900; background: url('/CSSLibrary/DSV4/images/hide.png') no-repeat .5em .5em; background-color: #900; color: #FFF; }
#search-button.show:visited, #search-button.show:focus, #search-button.show:active, #search-button.show:hover { color: #FFF; text-decoration: none; }
#search-panel { position: relative; }
#search-sort { float: right; padding: .6em 1em; border: .1em solid #999; position: absolute; top: 0; right: 0; }
#search-sort select { margin: 0 1em; }
#search-sort input { margin-right: 0; }
#search-saved { float: right; display: block; background-color: #900; color: #FFF; width: 4em; text-align: center; padding: .75em .7em; position: absolute; top: 0; right: 32.1em;   }
#search-panel-saved { margin: 2.5em 0 3em; border-width: .5em; }
#report-holder { overflow-x: auto; width: 100%; height: 50em; border: .1em solid #999; margin-top: 4em; display: none; }

#manual { font-size: 1.1em; }
#aim-help { background: url('/CSSLibrary/DSV4/images/help.png') no-repeat 0 .25em; padding-left: 4.2em; }
#aim-version { background: url('/CSSLibrary/DSV4/images/version.png') no-repeat 0 .25em; padding-left: 4.2em; }
#aim-version strong { font-size: 1.5em; font-family: arial; }

.api { border: .1em solid #999; padding: 0; height: 5em; background: url("/CSSLibrary/DSV4/images/ok.png") no-repeat 1em center; padding: 2em 1em 0 7em;  }
.api.error { background-image: url("/CSSLibrary/DSV4/images/warning.png"); } 

.download-book { display: block; background-color: #900; padding: 0.3em; margin: 0.7em 0; text-decoration: none; color: #FFF; }
.download-book:hover, .download-book:focus { color: #FFF; text-decoration: none; background-color: #000; }
.download-book.wide { padding: .6em .1em; margin: 0.5em 0;}

p.margin-top { margin-top: 1em; }

#content-main #classblog-link, #content-main #classblog-link:visited, #content-main #classblog-link.has.collapsed, #content-main #classblog-view { background: url('/CSSLibrary/DSV4/school/blg-col.gif') no-repeat 0 0; padding-left: 1.75em; color: #FFF; float: right; margin-left: 1em; }
#content-main #classblog-link.has.expanded, #content-main #classblog-link:focus, #content-main #classblog-link:hover { background-image: url('/CSSLibrary/DSV4/school/blg-exp.gif'); }
#content-main #classgroupid-link, #content-main #classgroupid-link:visited, #content-main #classgroupid-link.has.collapsed, #content-main #classgroupid-view { background: url('/CSSLibrary/DSV4/school/blg-col.gif') no-repeat 0 0; padding-left: 1.75em; color: #FFF; float: right; margin-left: 1em; }
#content-main #classgroupid-link.has.expanded, #content-main #classgroupid-link:focus, #content-main #classgroupid-link:hover { background-image: url('/CSSLibrary/DSV4/school/blg-exp.gif'); }
#content-main #syllabus-link, #content-main #syllabus-link:visited, #content-main #syllabus-link.has.collapsed, #content-main #syllabus-view { background: url('/CSSLibrary/DSV4/school/nav-g-col.gif') no-repeat 0 0; padding-left: 1.75em; color: #FFF; float: right; margin-left: 1em; }
#content-main #syllabus-link.has.expanded, #content-main #syllabus-link:focus, #content-main #syllabus-link:hover { background-image: url('/CSSLibrary/DSV4/school/nav-g-exp.gif'); }

.panel.beige.assignment { margin-top: 1em; }
.panel.assignment { padding-bottom: .8em; }

.note { background-color: #EFEFEF; } 
.note.beige { background-color: #FFFFDD; } 
.note.private { background-color: #990000; } 
.note-left { float: left; width: 7.5%; margin-right: 1em; padding-top: 1em; }
.note-left.private { background-color: #900; color: #FFF; }
.note-left span { font-size: 4em; color: #444; font-weight: bold; position: relative; top: -0.2em; padding: 0 0.35em; }
.note-left span.red { color: #900; padding: 0 0.4em; }
.note.private .note-left span { color: #FFF; }
.note-right { border-left: 0.1em solid #999; padding: 1em; float: left; width: 87.5%; background-color: #FFF; } 
.note-right.beige { background-color: #FFFFDD; } 

.relative { position: relative; } 
/*.link-expand { position: absolute; top: .6em; right: 1em; display:block; width: 16px; height: 20px; background: url('/CSSLibrary/DSV4/school/exp.gif') no-repeat; }
.link-expand:hover, .link-expand:focus, .link-expand:active { background-image: url('/CSSLibrary/DSV4/school/exp-h.gif'); } 
*/

.link-more { position: absolute; top: .8em; right: 1em; }
.link-more.red { color: #900; }
.link-more:hover, .link-more:focus, .link-more:active { text-decoration: underline; } 

.flag, .flag:visited { margin-left: 1em; display: block; text-align: center; border: 0.1em solid #999; float: left; padding: .5em 1em; }
#content-main a.flag:hover, #content-main a.flag:active, #content-main a.flag:focus { background-color: #333; color: #FFF; text-decoration: none; }

.secondaryList ul li { margin-bottom: 1em; margin-left: .75em; }
ul.repeater.smallmargin .secondaryList ul li, ul.repeater.smallmargin .secondaryListv2 ul li { margin-bottom: 1em; margin-left: .75em; }

#download-warning { border: .1em solid #999; padding: 2.5em 1em 2.5em 14em; margin-bottom: 1em; background: url('/CSSLibrary/DSV4/images/antivirus.png') no-repeat 1.5em 2em;  }
#download-warning h2 { font-size: 2em; text-transform: uppercase; }

#download-warning-staff { border: .1em solid #999; padding: 1.5em 1.5em 1.5em 10.5em; margin-bottom: 1em; height: 7.3em; background: url('/CSSLibrary/DSV4/images/antivirusstaff.png') no-repeat 1.2em 1em;  }
#aimnews { border: .2em solid #900; padding: 1.5em 1.5em 1.5em 10.5em; margin-bottom: 1em; background: url('/CSSLibrary/DSV4/images/news.png') no-repeat 1.2em 1em;  }
#aimnews h2 { font-size: 1.2em; }
#aimnews h3 { font-size: 1em; padding-left: 1.5em; background: url('/CSSLibrary/DSV4/images/crumb.gif') no-repeat 0 .25em; }
#aimnews ol { margin-left: 3em; }
#user-service-center #download-warning-staff h2, #download-warning-staff h2 { font-size: 1.1em; text-transform: uppercase; }

#user-service-center #upload-warning { border: .1em solid #999; padding: 1.5em 1.5em 1.5em 7em; margin-bottom: 1em; background: url('/CSSLibrary/DSV4/images/uploadsmall.png') no-repeat 1.2em 4em;  }
#upload-warning, #user-service-center .fullsize-warning #upload-warning { border: .1em solid #999; padding: 1.5em 1.5em 1.5em 10.5em; margin-bottom: 1em; background: url('/CSSLibrary/DSV4/images/upload.png') no-repeat 1.2em 1em;  }

#upload-warning li { margin-bottom: .5em; }
#user-service-center #upload-warning h2, #upload-warning h2 { font-size: 1.1em; text-transform: uppercase; }

.studentlocator { display: block; height: 4.5em; width: 99.5%; border: .1em solid #999; background: url('/CSSLibrary/DSV4/images/studentlocator.png') no-repeat left top; margin-bottom: 1em; }
.studentlocator:hover, .studentlocator:active, .studentlocator:focus { border-color: #900; }

.dhoh-employee-hours { float: left; border: 0.1em solid #999; padding: 1em; margin-bottom: 1em; background-color: #FFFFDD; width: 18.3em; margin-left: 1em; margin-top: .3em; }
.dhoh-employee-hours.important { border: .3em solid #900; margin-top: 0; }
.dhoh-employee-hours p { font-weight: bold; text-transform: uppercase; }
.dhoh-employee-hours span { font-size: 1.3em; font-family: arial; font-weight: bold; color: #666; }

table abbr.red { color: #FFF; font-weight: bold; background-color: #900; padding: .2em .5em; margin-top: .2em; display: inline-block; }

div.g-recaptcha { margin: 2em 0 2em 17em;}

.calendar-selection div.panel { margin-right: 1em; width: 11.8em; }
.calendar-selection ul { margin: 0; list-style-type: none; }
.calendar-selection input[type="checkbox"], .calendar-selection input[type="radio"] { opacity: 0; position: absolute; z-index: 0; }
.calendar-selection label { border: .1em solid #999; padding: .8em .5em; text-align: center;  display: block; position: relative; z-index: 100;  }
.calendar-selection label:hover, .calendar-selection label:focus, .calendar-selection label:active,
.calendar-selection input[type="checkbox"]:focus, .calendar-selection input[type="checkbox"]:active,
.calendar-selection input[type="checkbox"]:checked + label:hover, .calendar-selection input[type="checkbox"]:checked + label:focus, .calendar-selection input[type="checkbox"]:checked + label:active,
.calendar-selection input[type="radio"]:focus, .calendar-selection input[type="radio"]:active,
.calendar-selection input[type="radio"]:checked + label:hover, .calendar-selection input[type="radio"]:checked + label:focus, .calendar-selection input[type="radio"]:checked + label:active
{ background-color: #CCC; color: #000; }
.calendar-selection li { padding-left: 0; }
.calendar-selection input[type="checkbox"]:checked + label, .calendar-selection input[type="radio"]:checked + label { background-color: #000; color: #FFF; }

.calendar-selection ul li:focus-within { background-color: #CCC; color: #000; outline: 2px solid #900; }
.calendar-selection div.item { margin-bottom: 1em; }


/* Date Picker */
button.ui-datepicker-trigger { padding: 0; background-color: #FFF; border: 0; margin-left: .5em; vertical-align: top;}
.ui-datepicker-trigger img { width: 1.8em; }
.ui-datepicker { width: 300px; margin: 5px auto 0; font: 14px 'Roboto', sans-serif; text-transform: uppercase; }
.ui-datepicker table { font-size: 1em; }
.ui-datepicker-header  { background: none; background-color: #FFF;  }
.ui-datepicker-title  { font-size: 1.2em;  }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height: 2.2em; width: 2.2em; }
.ui-datepicker-prev .ui-icon { background: url('/CSS/img/a_prev_g.svg') no-repeat center/2em; }
.ui-datepicker-next .ui-icon { background: url('/CSS/img/a_nav.svg') no-repeat center/2em; }
.ui-datepicker-current { display: none; }
 
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { font-weight: bold; background: none; background-color: #EFEFEF; color: #333; padding: .8em .5em; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 1; }

a.ui-state-default.ui-state-highlight { font-weight: bold; background-color: #900; color: #FFF; }
a.ui-state-default.ui-state-active { font-weight: bold; background-color: #000; color: #FFF; }
.ui-datepicker-calendar .ui-state-hover { background: #CCC; color: #000; }
.ui-datepicker-calendar th { background: #FFF; color: #000; }
.ui-datepicker-calendar tr { background: #FFF; color: #000; }
.ui-datepicker-prev { float: left; cursor: pointer; background-position: center -30px; }
.ui-datepicker-next { float: right; cursor: pointer; background-position: center 0px; }
.ui-widget button.ui-button, .ui-widget button.ui-datepicker-close, .ui-widget button.ui-datepicker-current { font-family: 'Roboto', sans-serif; padding: .5em 1em; border-width: .2em; }
.ui-widget button:hover, .ui-widget button:active, .ui-widget button:focus { font-weight: bold; color: #000; border: .2em solid #000; }