body { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white; margin: 0; padding: 0; }
a:link { color: blue }
a:visited { color: purple }
a:hover { color: purple }
a:active { color: red }
.small {font-size: 8px}
.smallinput { font-size: 9px; font-family: verdana, helvetica, "times new roman"; font-weight: normal; font-style: normal; text-decoration: none; }
/* VARIANT ?? */
.depreciated {}


/* MAIN PAGE */
.page { background-color: #fcfcfc; margin: 2px; padding: 4px; border: outset 1px #ededed; }
.page div{ }
.page table { }
.page table th { }
.page table td { }

/* HEADER */
.header { background-color: #5b89bf; padding-bottom: 2px; border-color: #fcfcfc #fcfcfc #434343; border-style: inset inset solid; border-width: 1px; }
.header div{ }
.header table { width: 100%; }
.header table td { color: #fcfcfc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; width: 33%; padding: 2px; white-space: nowrap; }
.header table .variant{ color: #efdca1; font-size: 12px; background-color: #5b89bf; text-align: right; vertical-align: bottom; padding-right: 10px; }
.header table .variant a:link { color: #ffebac; font-size: 12px; background-color: #5b89bf; text-decoration: underline; text-align: right; vertical-align: bottom; padding-right: 10px; }
.header table .variant a:visited { color: #ffebac; font-size: 12px; background-color: #5b89bf; text-decoration: underline; text-align: right; vertical-align: bottom; padding-right: 10px; }
.header table .variant a:hover { color: #eaffeb; font-size: 12px; background-color: #5b89bf; text-decoration: none; text-align: right; vertical-align: bottom; padding-right: 10px; }
.header table th { color: #fcfcfc; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #5b89bf; text-align: left; padding-top: 4px; padding-left: 4px; }

/* MENU */
.menu { padding: 4px; border-right: 1px inset #fcfcfc; border-left: 1px inset #5b89bf; }
.menu div{ width: 100%; border: solid 1px #00f; }
.menu div div { background-color: #ffffef; width: 100%; border: 0 transparent; }
.menu form { width: 100%; margin: 0; padding: 0; }
.menu table { margin: 0; padding: 0; width: 100%; }
.menu table th { color: #fcfcfc; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #5b89bf; text-align: center; padding: 1px 3px; border-bottom: 1px solid #434343; white-space: nowrap; }
.menu table td { color: #434343; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #efdca1; text-align: left; margin-top: 2px; padding: 1px; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #fcfcfc; white-space: nowrap; }
.menu table .variant { }
.menu a:link { color: #5b89bf; text-decoration: none; }
.menu a:visited { text-decoration: none; }
.menu a:hover { color: #5b89bf; text-decoration: underline; }
.menu a:active { color: #f00; }

/* EDIT STUDENT MENU (SECONDARY MENU) */

div.editstudentmenu { margin-top: 10px; border: solid 1px blue; }
div.editstudentnavigation { float: right; display: inline; }
div.editstudentnavigation select { color: #433dd1; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ededed; text-align: right; }
div.editstudentnavigation option { color: #433dd1; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ededed; text-align: right; }
div.editstudentmenu table { width: 100%; }
div.editstudentmenu table th { color: #fcfcfc; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #8d8d8d; text-align: center; padding: 1px 3px; border-bottom: 1px solid #434343; white-space: nowrap; }
div.editstudentmenu table td { color: #434343; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ededed; text-align: left; margin-top: 2px; padding: 1px; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #9e9aff; white-space: nowrap; }
div.editstudentmenu table td.active { color: #434343; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; background-color: #edcbb0; text-align: left; white-space: nowrap; margin-top: 2px; padding: 1px; border-top: 1px solid #fcfcfc; border-bottom: 1px solid #9e9aff; }
div.editstudentmenu table .variant { }
div.editstudentmenu a:link { color: #2a4059; text-decoration: none; }
div.editstudentmenu a:visited { text-decoration: none; }
div.editstudentmenu a:hover { color: #eb136e; text-decoration: underline; }
div.editstudentmenu a:active { color: #f00; }

/* BODY */
.body { padding: 4px; border-right: 1px solid #5b89bf; border-left: 1px solid #fcfcfc; }
.body div{ text-align: left; }
.body h2 { font-size: 16px; }
.body p { font-size: 12px; text-align: justify; }
.body table { background-color: #e1e1e1; width: 100%; margin: 1px; padding: 2px; }
.body table.clear { background-color: white; vertical-align: bottom; margin: 0; padding: 0; border: 0 transparent; border-collapse: collapse; border-spacing: 0px; }
.body table th { color: #fffff0; font-size: 14px; background-color: #5b89bf; margin: 0 0 1px; padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #fffff0; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
.body th a:link { color: #fffff0; text-decoration: none; }
.body th a:visited { color: #fffff0; text-decoration: none; }
.body th a:hover { color: #f00; text-decoration: underline; }
.body th a:active { color: #adde0d; text-decoration: underline; }
.body table td { color: #000; font-size: 11px; margin: 1px 0; padding: 2px; border-bottom: 1px solid #fffff0; }
.body table .variant { }
.pageinstructions { color: navy; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 130%; background-color: #e4e4e4; margin: 2px 8px; padding: 4px 1%; border: inset 2px #f4f9ee; }
.pageinstructions ul { color: navy; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 1% 2% 0 10px; list-style-position: inside; }
.pageinstructions li { background-color: #e8e8e8; margin-top: 2px; margin-bottom: 4px; padding: 2px; border-bottom: 1px dotted #e4e4e4; list-style-position: outside; }
/* FOOTER */
.footer { }
.footer div{ }
.footer table { }
.footer table th { }
.footer table td { }
.footer table .variant { }

/* PAGINATION */
.pagination {}
.pagination table { background-color: #f3f3f3; width: 100%; border: inset 1px #fffff0; }
.pagination table td { font-size: 10px; border: 0 transparent; }

/* COPYRIGHT */
.copyright { color: #9a9a9a; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 99%; }


/* TABLE TYPES */
.tableinfo { color: #9a9a9a; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; position: relative; right: 8px; bottom: 12px; float: right; clear: right; }
.verticaltable { font-size: 11px; background-color: #fff; width: 100%; margin: 2%; padding: 1%; border: solid 1px #000; }
.horizontaltable {}
.tableborder { margin: 4px; padding: 4px; border: solid 1px white; }

/* VERTICAL TABLE ELEMENT VARIANTS */
.verticaltable td { background-color: #b9b9b9; border-bottom: 2px solid #fff; }
.verticaltable th {}
.verticaltable .subheading { color: #f4f9ee; font-size: 12px; background-color: gray; margin: 0 0 1px; padding-top: 1px; padding-bottom: 1px; border-bottom: 1px solid #fffff0; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
.verticaltable label { font-size: 12px; margin-right: 1%; margin-left: 1%; border-style: none; border-width: 0; display: table-cell; white-space: nowrap; }
.verticaltable input { margin-right: 0.5%; margin-left: 0.5%; display: inline; white-space: nowrap; }
.verticaltable textarea { margin-right: 1%; margin-left: 1%; }
.verticaltable select { margin-right: 0.5%; margin-left: 0.5%; display: inline; white-space: nowrap; }
.verticaltable table { background-color: #b9b9b9; width: 98%; margin: 0 1%; padding: 0; border: solid 0 transparent; white-space: normal; }
.verticaltable table th { font-size: 11px; font-weight: bold; }
.verticaltable table td { font-size: 11px; font-weight: normal; background-color: #e1e1e1; margin: 0; padding: 0 1%; border-color: transparent transparent #b9b9b9; border-style: solid; border-width: 0 0 2px; white-space: nowrap; }
.verticaltable td.footer { color: #8a8a8a; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #e1e1e1; text-align: center; padding-top: 4px; padding-bottom: 4px; border-top: 1px dotted white; border-bottom: 0 none transparent; }

/* HORIZONTAL TABLE ELEMENT VARIANTS */
.horizontaltable td {}
.horizontaltable th {}
.horizontaltable label {}
.horizontaltable input {}
.horizontaltable textarea {}
.horizontaltable select {}
.footer { color: #2389b0; font-size: 10px; text-decoration: none; text-align: center; padding-top: 3px; border-top: 1px solid #2389b0; }

/* MOUSE OVER ROWS */
tr.variant td { color: #5f6175; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffebac; padding-right: 0; padding-left: 0; }

/*TABS*/
/*.clear { background-color: #fff; margin: 0; padding: 0; border: 0 transparent; }*/
.td.tabrow { background-color: #00f; }
td.tabbody { margin: 0 0 1px; padding: 0 0 2px; border-color: transparent #9e9aff #9e9aff; border-style: none solid solid; border-width: 0 1px 1px; }
.tabbody .off {display:none}
.tabbody .on { display: block; }
table.tabbuttons { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; text-decoration: none; vertical-align: bottom; margin: 0; padding: 0; display: block; }
.tabbuttons .off { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #ededed; text-align: center; vertical-align: bottom; margin-right: 2px; margin-left: 2px; padding: 2px 4px 1px; border-color: #5867ef #5867ef #9e9aff; border-style: solid; border-width: 1px; display: table-cell; }
.tabbuttons .off a:link { color: #8d8d8d; font-size: 13px; text-decoration: none; }
.tabbuttons .off a:visited { color: #8d8d8d; font-size: 13px; text-decoration: none; }
.tabbuttons .off a:hover { color: navy; font-size: 13px; text-decoration: underline; }
.tabbuttons .on { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #fff; text-align: center; margin-right: 2px; margin-left: 2px; padding: 2px 4px 1px; vertical-align: bottom; border-top: 1px solid #5867ef; border-right: 1px solid #5867ef; border-bottom-style: none; border-bottom-color: transparent; border-left: 1px solid #5867ef; display: table-cell; }
.tabbuttons .on a:link { color: #000080; font-size: 14px; text-decoration: none; }
.tabbuttons .on a:visited { color: #000080; font-size: 14px; text-decoration: none; }
.tabbuttons .on a:hover { color: #433dd1; text-decoration: none; }
.tabbuttons .tspacer { border-bottom: 1px solid #9e9aff; }

/*ABSENTEE*/
tr.absent {}
.absent td, span.absent { color: #404040; background-color: #eb7933; }
tr.attended {}
.attended td, span.attended { color: #1e259d; background-color: #71de73; }