body {
   background-color: #ffffff;
   color: #000000;
   font: 11pt arial;
}

p {
   font: 11pt arial;
   text-align: left;
   margin-right: 10px;
   margin-left: 0px;
   color: #ffffff;
}

a {
   color: #b34403;
   text-decoration: none;
}

a:hover {
   color: #b34403;
   text-decoration: underline;
}

table.t-data-grid thead tr {
   /*color: #000;*/
   background-color: #ea4739;
   border-top: silver 1px solid;
}


table.t-data-grid thead tr th {
   text-align: center;
   height: 1em;
}

.sunday-header {
   width: 14%;
}

.monday-header {
   width: 14%;
}

.tuesday-header {
   width: 14%;
}

.wednesday-header {
   width: 14%;
}

.thursday-header {
   width: 14%;
}

.friday-header {
   width: 14%;
}

.saturday-header {
   width: 14%;
}

table.t-data-grid thead tr th a {
   text-decoration: none;
}

table.t-data-grid tbody tr {
   background-color: #fffcd3;
   color: #000000;
   vertical-align: top;
}

#logo {
   position: relative;
}

#page {
   width: 76%;
}

#main_menu {
   height: 1.5em;
   background-color: #f6b238;
   margin-top: 2px;
   margin-bottom: 0px;
   padding-bottom: 0px;
}

#secondary_menu {
   background-color: #fffcd3;
   margin-top: 0px;
   margin-bottom: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
   color: #000000;
}

#secondary_menu ul {
   list-style: none;
   margin-top: 0px;
   margin-bottom: 0px;
}

#secondary_menu li {
   display: inline;
}

#secondary_menu li a {
   color: #b34403;
   margin-right: 10px;
   margin-left: 10px;
   padding-right: 5px;
   padding-left: 5px;
   font-weight: bold;
}

#secondary_menu li.active {
   background-color: #ea4739;
}

#secondary_menu li.active a {
   color: #ffffff;
}


#tertiary_menu {
   height: 1.5em;
   background-color: #f6b238;
   margin-bottom: 20px;
}

#quaternary_menu {
   float: left;
   margin-right: 15px;
   padding-right: 15px;
   height: 50em;
}

#quaternary_menu ul {
   list-style: none;
   margin-left: 5px;
   padding-left: 5px;
   padding-right: 15px;
   width: 225px;
   height: 30em;
   background-color: #ffffff;
   border-right: 1px solid white;
}

#quaternary_menu ul li {
   font-weight: bold;
   font-size: 9pt;
   text-align: center;
   margin-bottom: 1px;
   margin-top: 0px;
   border: #f6b238 solid;
   text-decoration: none;
}

#quaternary_menu ul li a {
   text-decoration: none;
   display: block;
   color: #b34403;
   background-color: #fffcd3;
   padding-top: 2px;
   padding-bottom: 2px;
   border: #ea4739 1px solid;
}

#quaternary_menu ul li a:hover {
   text-decoration: none;
   background-color: #000000;
   color: #ffffff;
   border: #ffffff 1px solid;
   display: block;
}

#quaternary_menu ul li.active {
   border: #b34403 1px solid;
   background-color: #b34403;
}

#quaternary_menu ul li.active a {
   color: #ffffff;
   background-color: #ea4739;
   padding-top: 2px;
   padding-bottom: 2px;
   border: #fffcd3 1px solid;
}

#quaternary_menu ul li.active a:hover {
   text-decoration: none;
   background-color: #000000;
   color: #ffffff;
   border: #ffffff 1px solid;
   display: block;
}

table.t-data-grid {
   margin-top: 10px;
   width: 100%;
}



table.t-data-grid tbody tr td a {
   color: #000000;
   text-decoration: underline;
}

table.t-data-grid tbody tr td ul {
   list-style: none;
   margin-left: 0px;
   padding-left: 0px;
   margin-top: 2px;
   padding-top: 0px;
}

#student_select_div {
    position: absolute;
    z-index: 7;
    text-align: right;
    left: 41em;
}

#student_select_div label {
    margin-right: 5px;
}


#calendar_heading {
   text-align: center;
   position: relative;
}

#attendance_edit_table {
   border: 1px #ffff99 solid;
}

#attendance_edit_table td.subject {
   text-align: left;
}

#attendance_edit_table td {
   text-align: center;
}


#attendance_edit_table tr.even {
   background: #ffff99;
   color: black;
}

#attendance_edit_table tr.odd {
   background-color: #013334;
   color: white;
}

div.t-error {
   position: relative;
   /*left: 265px;*/
   width: 100%;
}

div.t-data-grid-pager {
   /*position: relative;
   left: 265px;*/
}


div.t-beaneditor {
   background: #f1f4fb;
   color: #000000;
}


div.t-beaneditor LABEL {
   width: 15%;
   padding-right: 10px;
   padding-left: 0px;
   margin-left: 0px;
}

#no_view_data {
   margin-top: 15px;
}


div.t-beaneditor table td {
   text-align: center;
}


table.palettetable {
   width: 100%;
}

/*style the cancel button on the edit forms...
* move it to the left of the save button.
* For now at least.
* This is b/c beaneditform provides no way (currently) of
* nicely provding a cancel button /after/ the save/submit button.
* So cancel is the default button, and also has tab focus before save/submit. 
* Putting it after save is confusing.
*/

div.t-beaneditor-row #cancel {
   position: relative;
   left: 13em;
} 

/*and style up the save button...*/
div.t-beaneditor-row input[value=save] {
   position: relative;
   top: -2.20em;
   left: 18.5em;
}

div.t-beaneditor-row input[value=upload] {
   position: relative;
   left: 18.5em;
}

div.t-beaneditor-row input[value=Login] {
   position: relative;
   left: 16em;
}

ul.tab_container { 
   position: relative;
   display: block; 
   width: 200%;
   margin-left: 0px;
   padding-left: 0px;
   margin-bottom: 0px;
}

ul.tab_container li { 
   position: relative;
   display: inline;
   list-style: none;
   border: 1px #000000 solid;
   width: 20px;
   padding-left:5px;
   padding-right: 5px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-align: center;
   /*font-face: arial;*/
   font-size: 9pt;
}

ul.tab_container li.selected_tab {
   background-color: #ffff99;
   color: #000000;
}
ul.tab_container li a{
   color: #ffffff;
}

ul.tab_container li.selected_tab a {
   color: #000000;
}

ul.tab_container li.unselected_tab {
   background-color: #000000;
   color: #ffffff;
}

#attendance_table_holder {
   position: relative;
   top: -30px;
}

#attendance_table_holder #date_select {
   position: relative;
   top: 2.5em;
   z-index: 5;
}


table.t-data-grid tbody tr.even {
   background: #fffcd3;
   color: #000000;
}

table.t-data-grid tbody tr.odd {
   background-color: #b3aa94;
   color: #000000;
}

table.t-data-grid tbody tr.main_heading {
   /*text-align: center;*/
   font-size: larger;
   font-weight: bold;
   text-decoration: underline;
}

table.t-data-grid tbody tr.main_heading td {
   text-decoration: underline;
   padding-top: 15px;
   padding-bottom: 15px;
   border: 5px solid silver;
}

table.t-data-grid tbody tr.sub_heading {
   font-weight: bold;
}

table.t-data-grid tbody tr.sub_heading td {
   padding-top: 10px;
   padding-bottom: 10px;
   text-indent: 45px;
}

table.t-data-grid tbody tr.sub_sub_heading {
   font-weight: bold;
}

table.t-data-grid tbody tr.sub_sub_heading td {
   padding-top: 10px;
   padding-bottom: 10px;
   text-indent: 90px;
}

table.t-data-grid tbody tr.data_row td {
   text-indent: 135px;
}


#display  {
   width: 55%;
   position: absolute;
   left: 275px;
}

li.error {
   color: red;
}

DIV.t-data-grid-pager SPAN.current {
   color: #000000;
   background-color: #fded37;
}