html, body {
margin:0px;
padding:0px
}
h1 {font-family: arial; font-size: 14pt; margin-bottom:0px;}
/* Default Anchor Styles */
a { color: #3300FF; text-decoration: none; font-family: arial; font-size: 8pt; }
a:visited { text-decoration: none; font-family: arial; font-size: 8pt; }
a:active { text-decoration: none; font-family: arial; font-size: 8pt; }
a:hover { text-decoration: underline; font-family: arial; font-size: 8pt; }
a.subFormDelete { color: #FF0000; text-decoration: none; font-family: arial; font-size: 8pt; }
form { margin:0px;}
a.red{
color: #FF0000;
}
/* Page Body Styles */
.mainDefault {background-color: #FFFFFF; padding-left:20px;}
.bodyDefault {background-color: #FFFFFF; margin-left:20px;}
/* Apply a margin to the bottom of the page while allowing height 100% */
body.mainDefault > *:last-child::after, body.bodyDefault > *:last-child::after {
content: '\00a0'
}
.header {background-color: #E0E0E0; margin-top: 0;}
.detailonly {background-color: #FFFFFF; margin-top: 0; margin-left:0px;}
.detail {background-color: #FFFFFF; margin-top: 0; margin-left:0px;}
.multiDetail {background-color: #FFFFFF; margin-top: 0; margin-left:0px;}
.list {background-color: #FFFFFF; margin-top: 0; margin-left:0px;}
.tree {background-color: #FFFFFF; margin-top: 0; margin-left:0px;}
/* Calendar Styles - for Day editor */
.calDay {
font-family:arial, helvetica, sans;
font-size:8pt;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
}
.calAttendanceDay { background-color: #FFFFFF;} /* white */
.calSchoolDay { background-color: #FFFF99; } /* yellow */
.calInstructionDay { background-color: #FF99FF; } /* pink */
.calNonSchoolDay { background-color: #E0E0E0;} /* lt gray */
.calNonCalendarDay { background-color: #E0E0E0; color: #808080;} /* lt gray, w/ dark gray text */
/*
.calendarDateNumber {color:#003366; font-weight:bold; font-size:10pt;}
.calendarLegend { font-family: helvetica, arial, sans-serif; font-size: 8pt;}
.calendarDayHeaderToday { font-weight: bold;}
*/
.monthHeader {font-family: helvetica, arial, sans; font-weight: bold; font-size: 14pt; width:80%;}
.monthNavigation {font-weight:bold; font-size: 16pt;}
.calendarTable {background-color:#808080; color: #000000; font-family: helvetica, arial, sans; font-size: 8pt;}
.calendarDayOfWeek { text-align:center; font-weight:bold; background-color: #E0E0E0; width: 35px;}
.calendarDayToday {font-weight: bold;}
.calendarDay { font-family:arial, helvetica, sans;
font-size:8pt;
text-align: center;
padding-top: 2px;
padding-bottom: 2px;
background-color: #E0E0E0;
}
.calendarDaySchoolDay {background-color: #FFFFFF;}
.calendarDayEvent { background-image: url(../images/commentDayEvent.gif); background-position: top; background-repeat: no-repeat; }
/* Legend Styles */
.legendFinal {border: 1px solid #A0A0A0; background-color: #D2EFA9;}
.legendInProgress {border: 1px solid #A0A0A0; background-color: #FFF799;}
.legendNotAvailable {border: 1px solid #A0A0A0; background-color: #FFFFFF;}
.legendFutureCumulative {
border: 1px solid #A0A0A0;
background: repeating-linear-gradient(
45deg,
#FFF799,
#FFF799 4px,
#FFFFFF 4px,
#FFFFFF 8px
);
}
/* Text Styles */
.grayText { color:#808080;}
/* WIZARD STYLES */
.wizard { background:#E0E0E0; margin-top: 4px; margin-left:4px; font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; vertical-align:middle;}
.wizardHeader { font-family: arial, helvetica, sans; font-size: 9pt; color: #FFFFFF; font-weight: bold; background: #000080; height: 21px; }
.wizardInstruction { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; background: #FFFFFF; padding-left: 15px; padding-right: 15px; padding-top: 3px;}
.wizardInstructionText { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; background: #FFFFFF; padding-left: 30px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; }
.wizardFormField { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; vertical-align:middle; }
.wizardBlank {background:#E0E0E0; }
.wizardWhite {background:#FFFFFF; }
.newWizard { background:#EFEFEF; margin: 8px; font-family: arial, helvetica, sans; font-size: 8pt; color: #252525; font-weight: normal; vertical-align:middle;}
.newWizard table {font-size: 8pt; color: #252525; font-weight: normal;}
.newWizard .wizardHeader { font-family: arial, helvetica, sans; font-size: 9pt; color: #252525; font-weight: bold; background: #f4f4f4; height: 21px; border: 1px solid #e1e1e1;
border-top-left-radius: 3px; border-top-right-radius: 3px; box-shadow: 0 2px 4px rgba(0,0,0,.02); padding:8px;}
.newWizard .wizardInstruction { font-family: arial, helvetica, sans; font-size: 8pt; color: #252525; font-weight: normal; background: #FFFFFF; padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,.02); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;}
.newWizard .wizardSpacer { padding-top:20px;}
.newWizard .wizardInstructionText { font-family: arial, helvetica, sans; font-size: 8pt; color: #252525; font-weight: normal; background: #FFFFFF; padding-left: 30px; padding-right: 15px; padding-top: 3px; padding-bottom: 3px; }
.newWizard .wizardFormField { font-family: arial, helvetica, sans; font-size: 8pt; color: #252525; font-weight: normal; vertical-align:middle; }
.newWizard .detailFormColumn { background:#EFEFEF; color: #252525;}
.wizardOptionsSubHeader { font-family: arial, helvetica, sans; font-size: 9pt; color: #000000; font-weight:bold; background-color:#E0E0E0; }
.wizardOptionsInstruction { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-style:italic; background-color:#E0E0E0; }
/* Person Image */
.personImage {z-index: 99;}
/* ACTIONBAR STYLE */
div.actionbar { background:#FFFFFF; padding-left: 5px;}
.actionIcon {background:#FFFFFF; border:1px solid #FFFFFF;}
.actionText {background:#FFFFFF; font-family:arial, helvetica, sans; font-size:8pt; color: #000000; font-weight: normal;}
a.actionText { color: #000000; text-decoration: none }
a.actionText:visited { color: #000000; text-decoration: none }
a.actionText:active { color: #000000; text-decoration: none }
a.actionText:hover { color: #000000; text-decoration: none }
a.actionTextGrey { color: #888888; text-decoration: none }
a.actionTextGrey:visited { color: #888888; text-decoration: none }
a.actionTextGrey:active { color: #888888; text-decoration: none }
a.actionTextGrey:hover { color: #888888; text-decoration: none }
/* BANNER STYLES */
div.banner{font-family:verdana; font-size:10pt; background-color:#808080; color:#CC0033; height: 25px;}
td.banner{height:30px;}
/* User Message */
.messageAlert {font-family:arial, helvetica, sans; font-size:8pt; color:#CC0033; font-weight:bold;}
.messageAlertBlack {font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold;}
/* Campus Elements version of alerts - MAKE SURE TO UPDATE THIS WHEN ELEMENTS VERSION IS CHANGED */
/* The only difference is the hard-coded values for width and font-family, both of which needs to remain when updates occur */
.campus-elements-alert-banner { display: block; font-size: .788rem; font-weight: 500; line-height: 1.313rem; color: #252525; background: #c4dbed; border-left: 8px solid #1371b9; width: 100%; padding: 8px 10px 10px; margin-bottom: 20px; width: 650px; font-family: Roboto,Helvetica Neue,Helvetica,arial,sans-serif;}
.campus-elements-alert-banner-warning { display: block; font-size: .788rem; font-weight: 500; line-height: 1.313rem; color: #252525; background: #f2c8ca; border-left: 8px solid #cb242b; padding: 8px 10px 10px; width: inherit; margin-bottom: 20px; margin-right: 10px; font-family: Roboto,Helvetica Neue,Helvetica,arial,sans-serif;}
/* DETAIL FORM STYLE */
.detailFormHeader {z-index:0; font-family:arial, helvetica, sans; font-size:8pt; color:#FFFFFF; font-weight:bold; background-color:#808080;}
.detailFormColumn {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#E0E0E0; vertical-align:top; height:16px;}
.detailFormColumnNoBG {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; vertical-align:top; height:16px;}
.detailFormColumnNoHeight {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#E0E0E0; vertical-align:top;}
.detailFormColumnWhite {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#FFFFFF; vertical-align:top; height:16px;}
.detailFormColumnLtYellow {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#FFFFCC; vertical-align:top; height:16px;}
.detailFormField {font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal;}
.detailFormField[disabled] {font-family:arial, helvetica, sans; font-size:8pt; color:#808080; font-weight:normal;}
.detailFormField[readonly] {font-family:arial, helvetica, sans; font-size:8pt; color:#808080; font-weight:normal;}
.detailForm {border:1px solid #808080; background:#808080;}
.detailFormWhite {border:1px solid #FFFFFF; background:#FFFFFF; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal;}
.fieldRequired { padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#FF0000; font-weight:normal; background:#E0E0E0; vertical-align:top;}
.fieldDisabled { border: 0px; padding-left: 3px; padding-right: 3px; font-family:courier, arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#FFFFFF; vertical-align:top; width:90%;}
.detailFormColumnWithBorder {border-left:1px solid #808080; border-bottom:1px solid #808080; padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#E0E0E0; vertical-align:top;}
.detailFormRow {background-color:#E0E0E0;}
.detailFormColumnDynamicLabel {color:gray; font-style:italic;}
/* Primarily for special ed fields in enrollment that usually hardcode a bgcolor instead */
table .showGridLines{
background-color: #A0A0A0;
}
/* Form Element Styles */
.checkBox {}
.dateField {width: 62px;}
.dropList {}
.emailField {width: 160px;}
.emailFieldWide {width: 1050px;}
.gridTextBox {width: 50px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;}
.trackerTextBox {width: 20px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;}
.numberField {}
.phone1 {width: 31px;}
.phone2 {width: 31px;}
.phone3 {width: 38px;}
.phone4 {width: 53px;}
.ssn1 {width: 26px;}
.ssn2 {width: 19px;}
.ssn3 {width: 33px;}
.ein1 {width: 19px;}
.ein2 {width: 50px;}
.textArea {}
.textBox {}
.timeField {}
.zip4 {width: 33px;}
.zip5 {width: 36px;}
.raceEthnicitytemplate{
border:1px solid #808080;
}
.contactmatrixAlignB{
vertical-align:bottom !important;
}
.contactMatrixborderT{
border-top:1pt solid grey;
}
.contactMatrixTLR{
border-left:1pt solid grey;
border-top:1pt solid grey;
border-right:1pt solid grey;
}
.contactMatrixborderLR{
border-left:1pt solid grey;
border-right:1pt solid grey;
}
.contactMatrixborderR{
border-right:1pt solid grey;
}
.contactMatrixborderL{
border-left:1pt solid grey;
}
.contactMatrixTR{
border-right:1pt solid grey;
border-top:1pt solid grey;
}
.contactMatrixAlignBborderL{
horiz-align: center;
vertical-align:bottom !important;
border-left:1pt solid grey;
}
.contactMatrixAlignBborderR{
horiz-align: center;
vertical-align:bottom !important;
border-right:1pt solid grey;
}
.contactMatrixAlignBborderT{
vertical-align:bottom !important;
border-top:1pt solid grey;
}
.contactMatrixAlignBborderTR{
vertical-align:bottom !important;
border-top:1pt solid grey;
border-right:1pt solid grey;
}
.contactMatrixAlignBBR{
vertical-align:bottom !important;
border-right:1pt solid grey;
border-bottom:1pt solid grey;
}
.contactMatrixTL{
border-top:1pt solid grey;
border-left:1pt solid grey;
}
.contactMatrixBL{
border-bottom:1pt solid grey;
border-left:1pt solid grey;
}
.contactMatrixBR{
border-bottom:1pt solid grey;
border-right:1pt solid grey;
}
.contactMatrixborderTLR{
border-top:1pt solid grey;
border-left:1pt solid grey;
border-right:1pt solid grey;
}
/* Form Element Styles Empty */
.checkBoxEmpty {}
.dateFieldEmpty {width: 62px;}
.dropListEmpty {}
.emailFieldEmpty {width: 160px;}
.gridTextBoxEmpty {width: 50px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;}
.trackerTextBoxEmpty {width: 20px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px;}
.numberFieldEmpty {}
.phoneFieldEmpty {width: 153px;}
.ssnFieldEmpty {width: 78px;}
.einFieldEmpty {width: 78px;}
.textAreaEmpty {width: 98%; height:98%;}
.textBoxEmpty {width: 153px;}
.timeFieldEmpty {}
.zipFieldEmpty {width: 69px;}
/* GRID FORM STYLE */
.gridFormHeader {padding-left: 3px; font-family: sans-serif; font-size: 8pt; color:#FFFFFF; font-weight:bold; background-color:#000000;}
.gridFormHeaderSectionList {z-index:0; font-family:arial, helvetica, sans; font-size:8pt; color:#FFFFFF; text-align:center; font-weight:bold; background-color:#808080;}
.gridFormColumn {padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; background-color:#E0E0E0;}
.gridFormColumnWhite {padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; background-color:#FFFFFF;}
.gridFormColumnScore { padding-left: 1px;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#E0E0E0;}
.gridFormColumnTermGPA { padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;}
.gridFormColumnSectionList {font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; font-weight: bold; background-color:#FFFFFF;}
.gridFormColumnNoBorder {padding-left: 1px; vertical-align:middle;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; vertical-align:middle; }
.gridLink {color: #000000; font-family:arial, helvetica, sans; font-size:8pt; font-weight:normal; }
.gridLinkBold {color: #000000; font-family:arial, helvetica, sans; font-size:8pt; font-weight:bold;}
.emptyFormCell {padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; background-color:#E0E0E0;}
/* GRID GRADING STYLE */
.gridTitle {font-family:arial, helvetica, sans; font-size:10pt; font-weight:bold;}
.gridTeacherDisplayName {font-family:arial, helvetica, sans; font-size:8pt; font-weight:bold; color:#808080;}
.gridGradeExpected {background: #FFFFFF;}
.gridFinalGrade {background: #D2EFA9;}
.gridInProgressGrade {background: #FFF799;}
.gridFutureCumulativeGrade {
background: repeating-linear-gradient(
45deg,
#FFF799,
#FFF799 4px,
#FFFFFF 4px,
#FFFFFF 8px
);
}
.gridNotPartOfTermGPA {color: #808080;}
.gridPartOfTermGPA {color: #000000;}
.gridH2 {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; vertical-align:top; background-color: #CCCCCC; color: #000000; font-weight:bold;}
.gridH2Borders {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; vertical-align:top; background-color: #BBBBBB; color: #000000; border-top:1px solid #808080; border-bottom:1px solid #808080;}
.gridH2Top {border-top: 1px solid #FFFFFF; padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; vertical-align:top; background-color: #CCCCCC; color: #000000; font-weight:bold;}
.gridH3 {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#E0E0E0; vertical-align:top;}
.gridCellNormal {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background-color:#FFFFFF; vertical-align:top;}
/* GRID FORM CURRICULUM TRACKER STYLE - Keep in sync with portal.css */
.inProgressCurriculumTrackerColumnWidth {width:50px;}
.inProgressCurriculumTrackerSubtotalColumnWidth {width:45px;}
.requiredCurriculumTrackerColumnWidth {width:35px;}
.inProgressTotalCurriculumTrackerColumnWidth {width:60px;}
.requiredTotalCurriculumTrackerColumnWidth {width:35px;}
.curriculumTrackerStandardColumn {padding-left: 1px;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #808080; border-right:1px solid #808080;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; width:160px; height:100%; vertical-align:middle; text-align:left; background-color:#E0E0E0;}
.curriculumTrackerColumn {padding-left: 1px;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #808080; border-right:1px solid #808080;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#E0E0E0;}
.curriculumTrackerDetailColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; height:100%; vertical-align:middle; text-align:left; background-color:#FFFFFF;}
.onTrackColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#A8FFC0;}
.inProgressWarningColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#FFC680;}
.offTrackColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#FFC0C0;}
.onTrackTotalColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; height:100%; vertical-align:middle; text-align:center; background-color:#A8FFC0;}
.offTrackTotalColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; height:100%; vertical-align:middle; text-align:center; background-color:#FFC0C0;}
.inProgressTotalColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; height:100%; vertical-align:middle; text-align:center; background-color:#FFC680;}
.blankTrackColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; vertical-align:middle; text-align:center; background-color:#FFFFFF;}
.blankTrackTotalColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; height:100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;}
.totalCurriculumTrackerColumn {padding-left: 1px;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #808080; border-right:1px solid #808080;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; height:100%; vertical-align:middle; text-align:center; background-color:#E0E0E0;}
.warningTrackTotalColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; height:100%; vertical-align:middle; text-align:center; background-color:#FFFFCC;}
.warningTrackColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#FFFFCC;}
.warningCurriculumTrackerColumn {padding-left: 1px;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #808080; border-right:1px solid #808080;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; background-color:#FFFFCC;}
.onTrackProgressColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; width:160px; height:100%; vertical-align:middle; text-align:center; background-color:#A8FFC0;}
.offTrackProgressColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; width:160px; height:100%; vertical-align:middle; text-align:center; background-color:#FFC0C0;}
.blankTrackProgressColumn {padding-left: 1px;border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; width:160px; height:100%; vertical-align:middle; text-align:center; background-color:#FFFFFF;}
.curriculumTotalProgressColumn {padding-left: 1px;border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:1px solid #808080; border-right:1px solid #808080;font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:bold; width:160px; height:100%; vertical-align:middle; text-align:center; background-color:#E0E0E0;}
/* ATTENDANCE COLORS */
.attExcused {background-color: #FFFFFF;}
.attUnexcused {background-color: #FF0000;}
.attExempt {background-color: #00FF00;}
.attUnknown {background-color: #FFFF00;}
/* GRID FORM ATTENDANCE STYLE */
.gridFormColumnUnexcused { font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; font-weight: bold; background-color:#EC6262; }
.gridFormColumnExcused {font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; font-weight: bold; background-color:#64AF45;}
.gridFormColumnExempt {font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; font-weight: bold; background-color:#999999;}
.gridFormColumnUnknown { font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; text-align:center; font-weight: bold; background-color:#EEB20F;}
/* GRID FORM CLASSROOM MONITOR STYLE */
.gridFormMonitorColumn {padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; background-color:#FFFFFF;}
.gridFormTookAttendence {padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#339900; font-weight:normal; height:100%; vertical-align:middle; background-color:#BBFFBB;}
.gridFormDidntTakeAttendence {padding-left: 1px; font-family:arial, helvetica, sans; font-size:8pt; color:#FF0000; font-weight:normal; height:100%; vertical-align:middle; background-color:#FFBBBB;}
/* GRID FORM ALTERNATING COLOR STYLES */
.gridFormOddRow {padding: 2px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; background-color:#FFFFFF;}
.gridFormEvenRow {padding: 2px; font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; height:100%; vertical-align:middle; background-color:#E0E0E0;}
/* FILEHEADER STYLES */
div.fileHeader{font-family:verdana;font-size:10pt;background-color:#808080;color:#cc0033;height:100%;}
td.fileHeader{ height:30px;}
/* LISTBOX STYLE */
.listForm {border:1px solid #808080;overflow:auto; background:#FFFFFF;}
.listFormHeader { background:#E0E0E0;}
.listFormFooter { background:#E0E0E0;border-top:1px solid #808080; }
.lFB { background:#FFFFFF;}
.listFormBody { background:#FFFFFF;}
.listFormColumn { background:#E0E0E0; padding-left: 3px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial,helvetica,sans; font-size:8pt; position: relative;}
.listForm .listFormHeader .sortCell {
cursor: pointer;
}
.listForm .listSortIcon {
position: absolute;
right: 0;
padding-top: 2px;
z-index: 1;
}
.listForm .listSortIconDisabled {
color: #e1e1e1;
}
/*.listFormColumn {padding-left: 3px; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #808080; border-bottom:1px solid #808080; font-family:arial,helvetica,sans; font-size:8pt;}*/
.lFR {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; font-weight:normal; color:#000000; background:#FFFFFF; cursor:pointer; cursor:hand;}
.listFormRow {padding-left: 3px; font-family:arial, helvetica, sans; font-size:8pt; font-weight:normal; color:#000000; background:#FFFFFF; cursor:pointer; cursor:hand;}
.lCD {vertical-align: top; padding-left: 3px; border-color: #FFFFFF; border-style: solid; border-width:1px; font-family:arial,helvetica,sans; font-size:8pt;}
.listColumnData {vertical-align: top;}
.listColumnDataBold {font-weight: bold;}
.listColumnDataRed {vertical-align: top; color: #FF0000;}
/* at least on list forms we want empty cells to display just like regular columns, set some default content if it's empty */
.listFormBody td:empty:after {content: ' ';}
/* NAVIGATION STYLES */
a.htbitem{ color: #000000; text-decoration:none }
a:active.htbitem { text-decoration: underline; }
a:hover.htbitem{ text-decoration: underline; }
a.selectedhtbitem { color: #000000; text-decoration:none; }
a:hover.selectedhtbitem { text-decoration: underline; }
div.folderNavigation{height:20px;width:100%;background-color:#808080;color:#000000; }
td.folderNavigation{height:20px;width:100%; background-color:#808080;}
.navigationFrontRow {background-color:#E29100; }
.linkStyle{
cursor: pointer;
cursor: hand;
font-family: arial;
font-size: 8pt;
color: #0000FF;
}
/* Immunization Compliance */
.immNonCompliant { color: #FF0000; font-weight:bold;}
.immCompliant { color: #007700; font-weight:bold;}
/* STUDENT HEADER STYLES */
.studentname { font-family: arial, helvetica, sans; font-size: 12pt; color: #000000; font-weight: bold; background: #E0E0E0; }
.droppedStudent {color: #FF0000;}
.studentGradeNumber {color: #808080;}
.addedStudent {font-weight:bold; color:#1DA43A;}
/* SUB FORM STYLES */
.subformheader { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
/* TREE FORM STYLES */
.branch{ cursor: pointer; cursor: hand; display: block;}
.leaf{ display: none; margin-left: 16px;}
a{ text-decoration: none;}
a:hover{ text-decoration: underline;}
/* TREE LIST BODY STYLES */
.treeListFormColumn {font-family:arial, helvetica, sans; font-size:8pt; color:#000000; font-weight:normal; background:#FFFFFF; vertical-align:top; padding-left: 3px}
/* UNKNOWN */
td.name { font-family:arial, helvetica, sans; font-size: 14pt; color: #FFFFFF; font-weight: bold; }
.stats { font-family:arial, helvetica, sans; font-size: 8pt; color: #000000;}
/* CONTENT STYLES */
.content{ vertical-align:top; height:500px;width:560px;color:#F3F3F3;}
.contentBlock{background-color:#FFFFFF;}
/* FORMATTER STYLES */
table.formatter {width:100%; height:100%; background-color:#808080;}
/* PAGHEADER STYLES */
span.pageheader {font-family:Tahoma; font-size:10pt; font-weight:bold; background-color:#FFFFFF; color:#000000;}
/* LISTSEPERATOR STYLES */
td.listseperator{ height:1px; background-color:#cc0033;}
img.listseperator{height:1px;}
td.listspacer{ height:1px; background-color:#FFFFFF;}
img.listspacer{height:10px;}
/* TEXTFORM STYLES */
.textFormHeading { font-family: arial, helvetica, sans; font-size: 10pt; color: #000000; font-weight: bold; }
.textFormText { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; border-bottom: 1px solid #000000; }
.textFormColumn { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
/* GRID STYLES */
.fileListHeader { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; background: #E0E0E0; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; }
/* OUTLINE STYLES */
.outline { color: #000000; text-decoration: none; font-family: arial; font-size: 8pt; }
/* POPUPCALENDAR STYLES */
.calendarDiv {
position: absolute;
visibility: hidden;
left:-500px;
top:-500px;
z-index: 1070;
}
/* query-ui calendar overrides for wysiwyg editor toolbar */
#ui-datepicker-div {
z-index: 1070 !important;
}
.CAMPUScpYearNavigation,
.CAMPUScpMonthNavigation
{
background-color:#AAAAAA;
text-align:center;
vertical-align:middle;
text-decoration:none;
color:#FFFFFF;
font-weight:bold;
height: 16px;
}
.CAMPUScpDayColumnHeader,
.CAMPUScpYearNavigation,
.CAMPUScpMonthNavigation,
.CAMPUScpCurrentMonthDate,
.CAMPUScpCurrentMonthDateDisabled,
.CAMPUScpOtherMonthDate,
.CAMPUScpOtherMonthDateDisabled,
.CAMPUScpCurrentDate,
.CAMPUScpCurrentDateDisabled,
.CAMPUScpTodayText,
.CAMPUScpTodayTextDisabled,
.CAMPUScpText
{
font-family:arial;
font-size:8pt;
line-height: 16px;
}
TD.CAMPUScpDayColumnHeader
{
text-align:right;
border:solid thin #000000;
border-width:0 0 1px 0;
}
.CAMPUScpCurrentMonthDate,
.CAMPUScpOtherMonthDate,
.CAMPUScpCurrentDate
{
text-align:right;
text-decoration:none;
}
.CAMPUScpCurrentMonthDateDisabled,
.CAMPUScpOtherMonthDateDisabled,
.CAMPUScpCurrentDateDisabled
{
color:#D0D0D0;
text-align:right;
text-decoration:line-through;
}
.CAMPUScpCurrentMonthDate
{
color:#000000;
font-weight:bold;
}
.CAMPUScpCurrentDate
{
color: #000000;
font-weight:bold;
}
.CAMPUScpOtherMonthDate
{
color:#808080;
}
TD.CAMPUScpCurrentDate
{
color:#6677DD;
background-color: #FFFFFF;
border-width:1px;
border:solid thin #000000;
}
TD.CAMPUScpCurrentDateDisabled
{
border-width:1px;
border:solid thin #FFAAAA;
}
TD.CAMPUScpTodayText,
TD.CAMPUScpTodayTextDisabled
{
border:solid thin #000000;
border-width:1px 0 0 0;
}
A.CAMPUScpTodayText,
SPAN.CAMPUScpTodayTextDisabled
{
height:20px;
}
A.CAMPUScpTodayText
{
color:#6677DD;
font-weight:bold;
}
SPAN.CAMPUScpTodayTextDisabled
{
color:#D0D0D0;
}
.CAMPUScpBorder
{
border:solid thin #000000;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
}
.CAMPUScpBorder table
{
border-collapse: collapse;
border-spacing: 0;
}
.CAMPUScpBorder table, .CAMPUScpBorder tbody, .CAMPUScpBorder tfoot, .CAMPUScpBorder thead, .CAMPUScpBorder tr, .CAMPUScpBorder th, .CAMPUScpBorder td {
margin: 0;
padding: 0;
}
/* REQUIRED STYLES */
.required { color: #FF0000; }
/* grid layout STYLES*/
.gridGrey { font-family: sans-serif; font-size: 8pt; background-color: #CCCCCC }
.gridWhite { font-family: sans-serif; font-size: 8pt; background-color: #FFFFFF }
/* attendance wizard styles */
.attendanceWizHeader { font-family: arial, helvetica, sans; font-size: 9pt; font-weight: bold; }
.attendanceWizName { font-family: arial, helvetica, sans; font-size: 9pt; color: #FFFFFF; font-weight: bold; }
.attendanceWizBody { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
.attendanceWizBodyButton { font-family: arial, helvetica, sans; font-size: 8pt; font-weight: normal; }
.lessonPlanCopierH2 { font-family: arial, helvetica, sans; font-size: 9pt; font-weight: bold; }
.lessonPlanCopierH3 { font-family: arial, helvetica, sans; font-size: 8pt; font-weight: bold; }
.instruction { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; background: #FFFFFF; }
.detailInstruction { font-family: arial, helvetica, sans; font-size: 8pt; color:#606060; font-weight: normal;}
.helpText { font-family: arial, helvetica, sans; font-size: 8pt; color:#606060; font-weight: normal;}
.hiddenHelp {display:none;}
.hover {cursor:pointer;}
.field { font-family: arial, helvetica, sans; font-size: 10pt; color: #000000; font-weight: normal; }
.fieldRequired { font-family: arial, helvetica, sans; font-size: 10pt; color: #FF0000; font-weight: normal; }
/* already appears above .fieldDisabled { font-family: arial, helvetica, sans; font-size: 10pt; color: #808080; font-weight: normal; background: #E0E0E0; } */
.stepCurrent { color: #000000; text-decoration: none; font-family: arial; font-size: 9pt; font-weight: bold; }
.stepDisabled { color: #808080; text-decoration: none; font-family: arial; font-size: 9pt; }
.stepComplete { color: #000000; text-decoration: none; font-family: arial; font-size: 9pt; }
.personListHeader { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; background: #E0E0E0; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #808080; border-bottom:1px solid #808080;}
.personList { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
.dropText { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; background: #FFFFFF; padding-left: 2px; padding-right: 2px; }
A.dropText { color: #000000; text-decoration: none }
A.dropText:visited { color: #000000; text-decoration: none }
A.dropText:active { color: #000000; text-decoration: none }
A.dropText:hover { color: #000000; text-decoration: none }
.textBold { font-weight: bold }
.dropItem { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
A.dropItem { color: #000000; text-decoration: none }
A.dropItem:visited { color: #000000; text-decoration: none }
A.dropItem:active { color: #000000; text-decoration: none }
A.dropItem:hover { color: #FFFFFF; text-decoration: none }
/* dailyPlanner styles */
.dailyAttendanceBody {background-color: #E0E0E0; margin-top: 4px; margin-left: 5px;}
.dailyAttendanceMainGridGreyFirst {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:3px solid #808080; border-right:3px solid #808080; border-top:3px solid #808080; border-bottom:3px solid #808080; background-color: #FFFFFF; height: 18px;}
.dailyAttendanceMainGridGrey {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:3px solid #808080; border-right:3px solid #808080; border-bottom:3px solid #808080; background-color: #FFFFFF; height: 18px;}
.dailyAttendanceMainGridDay {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-right:3px solid #808080; border-bottom:3px solid #808080; background-color: #FFFFFF; height: 18px;}
.dailyAttendanceMainGridDayPink {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-right:3px solid #808080; border-bottom:3px solid #808080; background-color: #FFCCCC; height: 18px;}
.dailyAttendanceGrey {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 1px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:1px solid #808080; border-bottom:1px solid #808080; background-color: #FFFFFF; height: 18px;}
.dailyAttendancePink {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 1px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:1px solid #808080; border-bottom:1px solid #808080; background-color: #FFCCCC; height: 18px;}
.dailyAttendanceGreyLast {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 1px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:1px solid #808080; background-color: #FFFFFF; height: 18px;}
.dailyAttendanceGreyBackground {font-family: arial, helvetica, sans; font-size: 9pt; padding-left: 1px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:1px solid #808080; border-bottom:1px solid #808080; background-color: #E0E0E0; height: 18px;}
.dailyAttendanceGreyLastBackground {font-family: arial, helvetica, sans; font-size: 9pt;padding-left: 1px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-left:1px solid #808080; background-color: #E0E0E0; height: 18px;}
.dailyAttendanceGreySide { font-family: arial, helvetica, sans; font-size: 9pt; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-bottom:1px solid #808080; background-color: #FFFFFF; height: 18px;}
.dailyAttendanceGreySideBackground { font-family: arial, helvetica, sans; font-size: 9pt; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; border-bottom:1px solid #808080; background-color: #E0E0E0; height: 18px;}
.dailyAttendanceGreyLastSide {font-family: arial, helvetica, sans; font-size: 9pt;padding-left: 1px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; background-color: #FFFFFF; height: 18px;}
.dailyAttendanceDateLabel {font-family: arial, helvetica, sans; font-size: 10pt; height: 18px;}
/* student transcript grid styles */
.transcriptFormHeader {font-family: arial; padding-left: 3px; font-size: 8pt; font-weight: bold; background: #000033; color: #FFFFFF }
.transcriptFormColumn {font-family: arial; padding-left: 3px; font-size: 8pt; background: #CCCCCC; color: #000000 }
.transcriptFormColumnPlain {font-family: arial; padding-left:3px; font-size: 8pt; background: #FFFFFF; color: #000000 }
.transcriptFormAnchor {font-family: arial; padding-left: 3px; font-size: 8pt; background: #E0E0E0; color: #3300FF }
/* normal button styles */
.button { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
.button[disabled] {font-family:arial, helvetica, sans; font-size:8pt; color:#808080; font-weight:normal;}
/* myCampus */
.campusBody {background: #003366;}
.currentDate {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold;}
/* mySchool */
.schoolBody {background: #666699;}
.schoolHeader {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; padding-left: 8px; text-decoration: none;}
A.schoolHeaderLink,A.schoolHeaderLink:active,A.schoolHeaderLink:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
A.schoolHeaderLink:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.schoolFooter {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold;}
A.schoolFooterLink,A.schoolFooterLink:active,A.schoolFooterLink:visited {color: #FFFFFF; text-decoration: none;}
A.schoolFooterLink:hover {color: #FFFFFF; text-decoration: underline;}
.schoolName {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; border-bottom: 4px solid #666699;}
.schoolHeading {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; padding-left: 8px; background: #003366; border-top: 1px solid #999999;}
A.schoolHeadingLink,A.schoolHeadingLink:active,A.schoolHeadingLink:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
A.schoolHeadingLink:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.schoolArticle {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; padding-left: 8px; font-weight: normal;}
/* myPortal */
.portalBody {background: #999966;}
.portalUser {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 13pt; font-weight: bold; padding-left: 8px;}
.portalHeading {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; padding-left: 8px; background: #666633; border-top: 1px solid #CCCC99;}
A.portalHeadingLink,A.portalHeadingLink:active,A.portalHeadingLink:visited {color: #FFFFFF; text-decoration: none; font-weight: bold;}
A.portalHeadingLink:hover {color: #FFFFFF; text-decoration: underline; font-weight: bold;}
.portalArticle {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; padding-left: 8px;}
A.portalArticleLink,A.portalArticleLink:active,A.portalArticleLink:visited {color: #FFFFFF; text-decoration: none; font-weight: normal;}
A.portalArticleLink:hover {color: #FFFFFF; text-decoration: underline; font-weight: normal;}
/* myBody */
.bodyBorder {border-top: 1px solid #5A5D94; border-left: 1px solid #5A5D94; }
.bodyHeading {color: #5A5D94; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; padding-left: 4px; background: #D6D7E7; border-bottom: 4px solid #FFFFFF;}
.bodyCell {padding-left: 4px;}
/* Student */
.studentHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; background: #FFFFFF;}
.studentBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #FFFFFF;}
/* Schedule */
.scheduleHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #D6D7E7;}
.scheduleBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal; background: #FFFFFF;}
A.scheduleBody,A.scheduleBody:active,A.scheduleBody:visited {color: #CC0000; text-decoration: none}
A.scheduleBody:hover {color: #CC0000; text-decoration: underline;}
/* Attendance */
.attendanceTableHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #D6D7E7;}
.attendanceRowHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal; background: #D6D7E7;}
.attendanceBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal;}
/* Discipline */
.disciplineHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #D6D7E7; border-top: 1px solid #5A5D94;}
.disciplineBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal;}
/* Health */
.healthHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #D6D7E7; border-top: 1px solid #5A5D94;}
.healthBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal;}
/* Grad Tracking */
.trackingAhead {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; background: #C0FFC0;}
.trackingBehind {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; background: #FFC0C0;}
.trackingOnTrack {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; background: #FFFFFF;}
/* Reports */
A.reportLink,A.reportLink:active,A.reportLink:visited {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: none;}
A.reportLink:hover {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: underline;}
.reportFolder {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: none;}
/* Assignments */
.assignmentsHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #D6D7E7;}
.assignmentsGroup {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal; background: #D6D7E7;}
.assignmentsBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: normal; background: #FFFFFF;}
.assignmentDropped {color: #808080;}
/* Log In */
.loginHeader {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 8pt; font-weight: bold; background: #FFFFFF;}
.loginBody {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; background: #FFFFFF;}
.loginDescHead {color: #FFFF00; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold;}
.loginDescBody {color: #FFFFFF; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal;}
.loginBanner {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; background: #D6D7E7;}
A.loginLink,A.loginLink:active,A.loginLink:visited {color: #0000CC; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: underline;}
A.loginLink:hover {color: #0000CC; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: underline;}
.loginQuestion {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; padding-left: 10px;}
.loginAnswer {color: #000000; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: normal; padding-left: 20px;}
A.faqLink,A.faqLink:active,A.faqLink:visited {color: #FFFF00; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none;}
A.faqLink:hover {color: #FFFF00; font-family: helvetica, arial, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: underline;}
.fileListHeader {
font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal;
background: #E0E0E0;
border-top: 1px solid #FFFFFF; border-right: 1px solid #808080; border-bottom: 1px solid #808080;
}
.fileListHeaderLast {
font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal;
background: #E0E0E0;
border-top: 1px solid #FFFFFF; border-bottom: 1px solid #808080;
}
.fileListRow { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; background: #FFFFFF; }
.fileListItem { font-family: arial, helvetica, sans; font-size: 8pt; color: #000000; font-weight: normal; }
A.fileListItem { color: #000000; text-decoration: none }
A.fileListItem:visited { color: #000000; text-decoration: none }
A.fileListItem:active { color: #000000; text-decoration: none }
A.fileListItem:hover { color: #FFFFFF; text-decoration: none }
ul.accordionDiv { padding: 5px 3px 5px 0px;}
.ui-icon-campus-triangle {background-repeat: no-repeat; display: block; overflow: hidden; text-indent: -99999px; background-image: url("../images/icons/right_down_triangle_sprite.png"); height: 16px; width: 16px;}
.ui-icon-campus-triangle-e {background-position: 0px 0px;}
.ui-icon-campus-triangle-s {background-position: -16px 0px;}
.hrSubHeader { background: #A4A4A4; color: #FFFFFF; font-weight: bold;}
.hrHeader {height: 2px; background-image: url(../images/hr.gif); background-repeat: repeat-x;}
/* override styling of all the old places that use the copy/pasted hr td/img, these should be converted to use the hrHeader style */
td[background="images/hr.gif"] { background-repeat: repeat-x;}
td[background="images/hr.gif"] > img { display: none;}
.inactiveRow { color:#848484; background: #E6E6E6;}
.accordionDiv h3 { font-size: 1em; }
/* General Styling */
.disabledText { color: #888888; }
tr.hoverColor:hover {background-color: yellow;}
/* improved spacer instead of using spacer.gif */
tr.spacer {line-height: 4px;}
tr.spacer > td {height: 4px;}
tr.spacer > td > img {display: none;}
td[height="5"]:not([background]):not([class]):not([style]) { line-height: 5px;}
td[height="4"]:not([background]):not([class]):not([style]) { line-height: 4px;}
td[height="3"]:not([background]):not([class]):not([style]) { line-height: 3px;}
td[height="2"]:not([background]):not([class]):not([style]) { line-height: 2px;}
td[height="1"]:not([background]):not([class]):not([style]) { line-height: 1px;}
td[height="5"]:not([background]):not([class]):not([style]) > img[src="images/spacer.gif"] { display: none;}
td[height="4"]:not([background]):not([class]):not([style]) > img[src="images/spacer.gif"] { display: none;}
td[height="3"]:not([background]):not([class]):not([style]) > img[src="images/spacer.gif"] { display: none;}
td[height="2"]:not([background]):not([class]):not([style]) > img[src="images/spacer.gif"] { display: none;}
td[height="1"]:not([background]):not([class]):not([style]) > img[src="images/spacer.gif"] { display: none;}
/* reset vertical align for the tree node images back to the pre html5 behavior */
.treeNodeTR img {vertical-align: bottom;}
.treeNodeTR input[type='checkbox']{margin: 0 3px 0 4px; vertical-align: bottom;}
/*html5 fix for date fields in campusFormElement.xsl*/
img.ui-datepicker-trigger {padding-left:3px;vertical-align: middle;}
.clBanner {
background-color: #92c83e;
color:white;
padding: 5px;
width: 580px;
text-align: center;
border-radius: 6px;
cursor:pointer;
font-size:12px;
margin-bottom:10px;
font-family: Arial, sans-serif;
}
.clBanner__header {
font-size:18px;
margin-bottom:5px;
}
.elements_shim {
height:100%;
position:absolute;
bottom:0;
width:100%;
border:none
}
/* overrides css for master list form table hover and selection */
.listForm .listFormRow, .listForm .lFB, .listForm .lFR {
background: inherit;
}
.listForm .lCD {
/*border: 0;*/
border-color: transparent;
}
.listForm .listFormBody {
background: inherit;
}
.listForm .listFormItems > table > tbody > tr:hover {
background: #e1e1e1;
}
tr.disableColorChange:hover {
background: #FFF;
}
.listForm .listFormItems > table > tbody > tr.selectedRow:hover,
.listForm .listFormItems > table > tbody > tr .selectedRow:hover {
background: #adc1d1;
}
a.selectedRow{
color: white;
background-color: #0099FF;
cursor: pointer;
}
a.deselectedRow
{
color: blue;
cursor: pointer;
}
a.selectedRow:hover
{
text-decoration: underline;
}
a.deselectedRow:hover
{
text-decoration: underline;
}
.listForm .listFormItems > table > tbody > tr.selectedRow,
.listForm .listFormItems > table > tbody > tr .selectedRow {
background: #c4dbed;
}
/* override to hide the new calendar button icon when in classic lens.css display */
span.calendarButtonIcon {
display: none;
}
/*Roboto Thin*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Thin-webfont.woff') format('woff');
font-weight:200;
font-style:normal;
}
/*// Roboto Light*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Light-webfont.woff') format('woff');
font-weight:300;
font-style:normal;
}
/*// Roboto Regular*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
font-weight:400;
font-style:normal;
}
/*// Roboto Italic*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Italic-webfont.woff') format('woff');
font-weight:400;
font-style:italic;
}
/*// Roboto Medium*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff');
font-weight:500;
font-style:normal;
}
/*// Roboto Bold*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff');
font-weight:600;
font-style:normal;
}
/*// Roboto Black*/
@font-face {
font-family:'Roboto';
src:url('../fonts/roboto/Roboto-Black-webfont.woff') format('woff');
font-weight:700;
font-style:normal;
}