/* CSS Document */
/* 
Orange: #F7931E;
Maroon: #600; or #F60?
*/

body { color: #000; margin: 0; padding: 0 0 20px 0; font: 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.errormessage { color: #F00; font-weight: bold; }
.required { border-left: 10px solid #F7931E; padding-left: 5px; padding-right: 2px; color: #000; }
.small { font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif; }
.bglunch { background-color: #F6F; }
.bginterview { background-color: #FF3; }

/* ------ HEADER ------ */
div#header { background-image: url(/mitc/images/orangeline2.gif); background-position: 0px 130px; background-repeat: no-repeat; }
div#header img#sitename { margin: 40px 0 55px 8px; }
div#header p.globallinks A:link, div#header p.globallinks A:active { color: #F7931E; text-decoration: none; border-bottom: dotted 1px #F7931E; font-weight: normal; }
div#header p.globallinks A:visited { color: #600; text-decoration: none; border-bottom: dotted 1px #600; font-weight: normal; }
div#header p.globallinks A:hover { color: #600; text-decoration: underline; border-bottom: none; font-weight: normal; }

/* ------ CONTENT ------ */
div#content { font: normal 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; background-image: url(/mitc/images/orangeline2.gif); background-position: 0px 100%; background-repeat: no-repeat; margin-bottom: 30px; }
div#content A:link, div#content A:active, div#footernav A:link, div#footernav A, div#footernav A:active, div#header p.globallinks A:link, div#header p.globallinks A:active { color: #F7931E; text-decoration: none; border-bottom: dotted 1px #F7931E; font-weight: bold; }
div#content A:visited, div#footernav A:visited, div#header p.globallinks A:visited { color: #600; text-decoration: none; border-bottom: dotted 1px #600; font-weight: bold; }
div#content A:hover, div#footernav A:hover, div#header p.globallinks A:hover { color: #600; text-decoration: underline; border-bottom: none; font-weight: bold; }
div#content p.highlight { color: #F7931E; }
div#content .subheader { font: italic bold 13px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #300; }
div#content .headerbar { background-color: #F7931E; color: #FFF; font: normal bold 14px/18px Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; margin: 20px 0 10px 0; padding: 2px; }
div#content h1 { font: bold 26px/30px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #F7931E; padding: 0; margin-bottom: 26px; }
div#content h2 { font: bold 23px/27px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; padding: 0; margin-top: 1em; }
div#content h3 { font: bold 18px/22px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #F7931E; padding: 0; margin-top: 1.2em; margin-bottom: .6em; background-image: url(/mitc/images/orangedot.gif); background-position: bottom; background-repeat: repeat-x; }
div#content h4 { font: bold 15px/19px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; margin-top: 2em; background-image: url(/images/blackdot.gif); background-position: bottom; background-repeat: repeat-x; }
div#content table.datatable { border-collapse: collapse; padding: 0; margin: 5px 0; }
div#content th.left { text-align: left; margin: 0; padding: 0 10px 0 0; }
div#content table.datatable th { font: bold 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #FFAB5A; color: #F7931E; text-align: center; vertical-align: bottom; margin: 0; padding: 2px 5px; border: 1px solid #F7931E; }
div#content table.datatable td { font: 11px/15px Verdana, Geneva, Arial, Helvetica, sans-serif; vertical-align: top; margin: 0; padding: 2px 5px; border: 1px solid #F7931E; }
div#content p.tablefooter { font: normal 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: left; margin-top: 0; padding-top: 0; }

/* ------ LEFT ------ */
div#left img#logo { margin: 10px 0px 20px 30px; border: 0; }
#left ul { list-style: none; margin: 0; padding: 0; }
#left ul.main li { border-bottom: 5px solid #FFF; }
#left ul.appfirst li { border-bottom: 2px solid #FFF; }
#left ul.main li a { display: block; font: normal 14px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 5px 10px; text-decoration: none; background-color: #F7931E; color: #FFF; }
#left ul.appfirst li a { display: block; font: normal 11px Arial, Helvetica, sans-serif; margin: 0 0 0 10px; padding: 1px 10px; text-decoration: none; background-color: #CCC; /* #BFA2D2; */ color: #000; }
#left ul a:hover { color: #FFF; background-color: #000; }
#left p { margin: 0 0 0 10px; font: bold 12px Arial, Helvetica, sans-serif; padding: 5px 10px 2px 10px; color: #000; }

/* ------ FOOTERNAV ------ */
div#footernav { font: normal 12px/16px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* ------ FOOTER ------ */
div#footer { }

/* ------ Insect Fair Application Section ------ */
div#app { margin: 0 -35px 10px -35px; border: 10px solid #CCC; padding: 10px 20px 30px 20px; }
div#adminapp { border: 0; padding: 10px 20px 10px 20px; }
/* 
div#app h1, div#adminapp h1
{
    background-color: #FFF;
    color: #000;
}
div#app h3, div#adminapp h3
{
    background-color: #CCC;
    color: #000;
}
*/


table.ifmainmenu { border: 1px solid #000; border-collapse: collapse; }
table.ifmainmenu th, .datagridheader { background-color: #C60; color: #FFF; text-align: center; padding: 5px 10px; margin: 0; border: 1px solid #000; vertical-align: bottom; }
table.ifmainmenu td.task { background-color: #FC6; color: #000; padding: 5px; text-align: left; margin: 0; border: 1px solid #000; font-weight: bold; vertical-align: top; }
table.ifmainmenu td.deadline, table.ifmainmenu td { background-color: #FFF; color: #000; padding: 5px; margin: 0; border: 1px solid #000; text-align: right; vertical-align: top; }
table.ifmainmenu td.action { background-color: #FF9; text-align: left; font-weight: bold; padding: 5px; margin: 0; border: 1px solid #000; color: #000; vertical-align: top; /* white-space: nowrap; */ }
p.if_fieldname { background-color: #EEE; color: #000; padding: 4px; margin: 10px 0 -4px 0; clear: both; }
p.if_highlight { background-color: #FF9; color: #000; padding: 4px; margin: 8px 0 4px 0; }

div#if_logout { /* position: absolute; 	top: 210px; */ left: 550px; width: 200px; text-align: right; /* 	text-align: right; 	margin: 0 0 -10px 420px; 	padding: 2px; 	*/ font: bold italic 14px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#if_logout ul { display: inline; list-style: none; }
div#if_logout ul li { float: left; margin: 2px; }
div#if_logout a:link, div#if_logout a:visited { }
div#if_logout a:hover { }


table.dataentryvert { border: 1px solid #000; border-collapse: collapse; }
table.dataentryvert th { background-color: #C60; color: #FFF; text-align: left; padding: 5px 10px; margin: 0; border: 1px solid #000; vertical-align: top; }
table.dataentryvert td { background-color: #FFF; color: #000; padding: 5px; margin: 0; border: 1px solid #000; text-align: left; vertical-align: top; }

/* ------ LOGOUT ------ */
div#logout { float: right; text-align: right; color: #000; font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#logout a { text-decoration: underline; font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif; white-space: nowrap; }

/* ------ LOGIN PAGE ------ */
div.loginbox { border: 0; }
div.loginbox p { text-align: center; }
div.loginbox table { border-collapse: collapse; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 20px; }
/* 
div.loginbox h4 
{
    background-image: none;
    border: 0;
    background-color: #F7931E;
    color: #FFF;
    font-weight: bold; 
}
*/
div#login_teacher { float: left; margin-right: 20px; margin-bottom: 30px; width: 340px; }
div#login_student { text-align: center; float: left; width: 180px; }
fieldset.loginbox  { border: solid 1px #000; padding-top: 10px; padding-bottom: 10px; height: 140px; }
fieldset.loginbox legend { font: bold 19px Tahoma, Arial, Helvetica, sans-serif; color: #F7931E; }