/* DEB */

.toh-info-box { border-top: 1px solid rgb(204, 209, 216); border-bottom: 1px solid rgb(204, 209, 216); }
.toh-main-menu { margin-left: 0px; }
.toh-main-menu li { margin-left: 10px; list-style-type: none; } 

.button { filter: Shadow(Color=#000000, Direction=135, Strength=1); -moz-box-shadow: 0 1px 1px #000; -webkit-box-shadow: rgb(0, 0, 0) 0px 1px 1px; text-transform: uppercase; border: 0px; background: #3476DA url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x; display: -moz-inline-stack; display: inline-block; zoom:1; *display: inline; width: auto; padding: 5px 15px 6px; color: #FFF; text-decoration: none; font-weight: normal; font-size: 8pt; -moz-border-radius: 9px; -webkit-border-radius: 9px; margin: 0px; margin-right: 10px; border: 0; position: relative; cursor: pointer; margin-top: 10px; }
.button:hover { border: 0px; color: white; font-weight: normal; background: #264a80 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x; }
.button:active { background: #122B50 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x; }
#content a.button, #content a.button:hover, #content a.button:active { color: white; font-family: 'Lucida Grande'; font-size: 11px; font-style: normal; }

.delete { background: #FF0202 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x;}
.delete:hover { background: #BE0000 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x;}
.delete:active { background: #520000 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x;}

.smallbutton { filter: Shadow(Color=#000000, Direction=135, Strength=1); -moz-box-shadow: 0 1px 1px #000; -webkit-box-shadow: rgb(0, 0, 0) 0px 1px 1px; text-transform: uppercase; border: 0px; background: #3476DA url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x; display: -moz-inline-stack; display: inline-block; zoom:1; *display: inline; width: auto; padding: 3px 8px 3px 8px; color: #FFF; text-decoration: none; font-weight: normal; font-size: 7pt; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 0; position: relative; cursor: pointer; }
.smallbutton:hover { background: #264a80 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x; }
.smallbutton:active { background: #122B50 url(https://media1.biola.edu/biola/css/images/button_overlay.png) 0 100% repeat-x; }

#student-list { margin-top: 20px; }
.student-row, .inactive-warning { padding-top: 3px; padding-bottom: 3px; padding-left: 10px; margin: 0px; border-bottom: 1px solid rgb(204, 209, 216); position: relative; font-size: 10pt; }
.student-row:hover { background: #CFE1FA; }
.student-row a { text-decoration: none; color: black; }
#student-letters { margin-top: 20px; text-align: center; }
.student-letter { margin-left: 2px; display: inline; }
.student-letter a { color: black; font-weight: bold; text-decoration: none; font-size: 10pt; }
.student-row a:hover, .student-letter a:hover { text-decoration: underline; }
.Inactive, .inactive-warning { background: #F89F9F; }
.student-row-controls { visibility: hidden; display: inline-block; float: right; margin-right: 10px; }
.student-row-controls a { display: inline-block; }

table, td { border: 0px; font-size: 10pt; }
body#page-login hr, body#page-officeHours hr, body#page-myhome hr { display: none; }
body#page-login h1, body#page-officeHours h1 { font-family: Georgia, fantasy; font-size: 30px; }
body#page-login #content, body#page-officeHours #content, body#page-officehours #content, body#page-myhome #content { width: 750px; position: relative; }
body#page-login table, body#page-login td { border: 0px; font-size: 12pt; width: auto; }
body#page-login table#login { margin-left: auto; margin-right: auto; } 
body#page-login td.subHeader { font-weight: bold; }
body#page-login #content form td, body#page-login #content form p { font-size: 13px; font-family: Arial, Helvetica, sans-serif !important; }
body#page-officeHours select, body#page-officeHours option { margin-left: 0px; margin-right: 0px; height: 18px; vertical-align: -1px; } 
#calendar td { border: 1px solid #CCD1D8; }
#calendar .calendar-day-schedule { border: 0px; padding: 0px; font-size: 9pt; }
#calendar .calendar-day-schedule form { display: inline; }
#calendar tr.subHeader td { background: #122B50; font-weight: bold; color: white; }
#calendar tr.subHeader td a { text-decoration: none; }
#calendar tr.subHeader td a:hover { text-decoration: underline; }

.error { background: rgb(248, 159, 159); }
.confirmation { background: #91ED98; }
#message { display:none; margin-top: 40px; font-family: Helvetica, Arial, sans-serif; text-align: center; color: black; margin-bottom: 5px; padding-top: 20px; padding: 10px; font-size: 10pt; filter: Shadow(Color=#000000, Direction=135, Strength=3); -webkit-box-shadow: rgb(0, 0, 0) 0px 1px 3px; -moz-box-shadow: 0 1px 3px #000; }
#toh-controls { position: absolute; top: 10px; left: 700px; width: 100px; height: 20px; }

/* End DEB */

#wrapperSection { background:#FFF url(images/banner_blue.gif) 0 11px repeat-x; }
#section { background:url(images/edge_banner.gif) 0 11px no-repeat; }

#sectionHead { background:none; border-bottom:none; padding:0; width:100%; float:left; }
#sectionTitle { background:#264A80 url(images/tab_shadow_bottom.gif) left bottom repeat-x; float:left; width:262px; height:40px; text-align:center; }
#sectionTitle a { display:block; background:url(images/tab_top_blue.gif) 0 0 no-repeat; letter-spacing:1px; font-size:1.4em; line-height:44px; padding:0; font-variant:normal; text-transform:uppercase; }
#sectionTitle .dropcap { font-size:1.3em; }
#navSectionPrimary { float:left; margin:0 0 0 0; width:529px; height:40px; padding:0; background:#333440 url(images/bg_nav_shadow.gif) left bottom repeat-x; border-left:solid 1px #A3A3A3; }
#navSectionPrimary ul { list-style-type:none; height:30px; margin:0; padding:0 11px 0 0; background:url(images/tab_corner_right.gif) right top no-repeat; font-size:1.2em; }
#navSectionPrimary li { float:left; margin:0; padding:0; border-right:solid 1px #727279; }
#navSectionPrimary a { color:#FFF; display:block; padding:0 16px; margin:0; text-decoration:none; height:40px; line-height:40px; text-transform:uppercase; color:#CDCCD0; }
* html #navSectionPrimary a,
* html #navSectionSecondary a { white-space:nowrap; width:1%; }
#navSectionPrimary a:hover { background:#000; text-decoration:underline; color:#FFF; }
#navSectionPrimary li.selected a { background:#000; color:#FFF; }

#navSectionSecondary { background:#EEE; float:left; width:100%; border-bottom:solid 1px #CCC; }
#navSectionSecondary ul { list-style-type:none; margin:0; padding:0 11px; }
#navSectionSecondary li { float:left; }
#navSectionSecondary a { padding:0 11px; line-height:40px; border-right:solid 1px #AAA; }
#navSectionSecondary a:link, #navSectionSecondary a:visited { color:#333; }

#navSection ul { margin-bottom:11px; float:left; }
#navSection .contextTitle { color:#3A5DA4; font-weight:bold; font-size:1.3em; border-bottom:solid 1px #BBB; padding:0 0 6px 0; margin:0 0 11px 0; text-transform:uppercase; }
#navSection .back { clear:left; font-size:1.2em; font-weight:bold; }
#navSection .back a:link, #navSection .back a:visited { text-decoration:none; }
#navSection .back a:hover { text-decoration:underline; }

#content #contentHead { padding:0; height:254px; margin-bottom:22px; clear:both; }
* html #content #contentHead { margin-bottom:1px; }
#content #contentHead .imageMain { position:absolute; }

body.wide #contendHead { width:792px; }

.columns { background:url(images/rule_solid.gif) 484px 0 repeat-y; float:left; width:100%; }
.columns .column { float:left; }
.columns .primary { width:462px; padding:0 22px 0 0; }
.columns .secondary { width:242px; padding:0 0 0 22px; }

#content p, #content ul, #content ol, #content dl { margin-bottom:20px; font:1.3em/20px Georgia,serif; font-family: Arial, Helvetica, sans-serif !important; }

#content li p { font-size:1em; margin:0 0 10px 0; }
#content h1 { background:none; margin:0 0 8px 0; padding:0; height:auto; font:3em/1.4 Georgia,serif; letter-spacing:0; }
#content h2 { font:2em/1.4 Arial,Helvetica,sans-serif; }

#content h1, #content h2 { color:#3A5DA4; }

#content a { margin:0 1px; }
#content a:link { color:#18316D; }
#content a:visited {}
#content a:hover { color:#900; }

.cellHighlight
{
    background: #F3DF9C;
    border: 1px solid #DFB221;
}

.highlightList { list-style-type:none; margin:0; }
.highlightList li { padding:0 0 0 22px; background:url(images/bullet_blue.gif) 5px 6px no-repeat; margin:0 0 10px 0; }
.highlightList li ul { font-size:1em !important; margin:11px 0 0 22px; list-style-type:square; }
.highlightList li li { background:none; padding:0; margin:0; }
.highlightList h3 { color:#3A5DA4; padding:2px 0 4px 0; font-family:Georgia, serif; }

#content .person { margin:0 0 20px 0; padding:0 0 10px 88px; float:left; width:264px; border-bottom:solid 1px #CCC; }
#content .person .name { font-size:1.6em; font-weight:bold; color:#222; margin:0 0 0 0; }
#content .person .portrait { float:left; position:relative; margin:0 0 0 -88px; display:inline; }
#content .person .portrait img { width:64px; }
#content .person .title { font-family:Arial,Helvetica,sans-serif; font-weight:bold; color:#444; font-size:1.3em; margin:0 0 5px 0; }
#content .person p { margin:0 0 10px 0; font-size:1.3em; }
#content .person dl { padding:0; margin:0 0 10px 0; font-size:1.2em; float:left; width:264px; }
#content .person dt { width:40px; padding:0; float:left; background:transparent; color:#666; font:bold 0.92em/20px Arial,Helvetica,sans-serif; }
#content .person dd { margin:0; padding:0; }

#content .imageBanner { position:relative; margin:-22px -22px 22px; }
#content .imageBanner img { border:none; padding:0; }

#content img.rightMain { float:right; margin:0 0 44px 22px; }

#content .callout { float:right; width:220px; background:#DDD; padding:11px 22px; margin:0 0 22px 33px; }
#content .callout h2 { font-size:16px; }

#content dl.contact { margin:0 0 11px 0; padding:0; }
#content dl.contact dt { font:bold 12px/20px Arial,Helvetica,sans-serif; color:#222; background:#FFF; width:50px; margin:0; padding:0; }
#content dl.contact dd { margin:0 0 2px 0; padding:0; }

#content ul *, #content p * { font-size:1em; }
ul dl { font-size:1em !important; }

th { background-color:#DDD; }
td { background-color:#FFF; }