body, td, p {font:13px Times,serif; }
.shadow {filter:DropShadow (Color=#aaaaaa, OffX=1, OffY=1, Positive=true)}

/* For calendar/event items */
.afterhrs {background:#FFFF33;} /*hour drop down*/

.blank {background:#E9EDF2;}
.fill {background:#FFFFFF; padding:1px;cursor: crosshair;border-color:#28478A #506B89 #506B89 #28478A; border-style:solid; border-width: 0px 2px 2px 0px;} /* blank spaces and cal bkgnd */
.header {background:#A5B7C7;color:#FFFFFF;font:10px Verdana, sans-serif;font-weight:bold;cursor: 'hand';}
.header_hi {background:#C5D7E7;color:#FFFFFF;font:10px Verdana, sans-serif;font-weight:bold;cursor: 'hand';}
.header_event {background:#DDDDBB;color:#000000;font:10px Verdana, sans-serif;font-weight:bold;}
.header_event_hi {background:#FFFFDD;color:#000000;font:10px Verdana, sans-serif;}
.header_days {background:#FFFFFF;color:#333333;font:10px Verdana, sans-serif;font-weight:bold;}
.header_days_sep {background:#A5B7C7;color:#A5B7C7;font:1px Verdana, sans-serif;font-weight:bold;}
.header:link {color:#FFFFFF;background:none;font-weight:bold;text-decoration:none;}
.header:visited {color:#FFFFFF;background:none;font-weight:bold;text-decoration:none;}
.header:hover {color:#DDFFDD;background:none;font-weight:bold;text-decoration:none;}
.header:active {color:#FFFFFF;background:none;font-weight:bold;text-decoration:none;}

.default {background:#E9EDF2;color:#4A5B4E;font:11px Verdana, sans-serif; border: 1px solid #E9EDF2;text-align: left; vertical-align: top; cursor: 'hand';}
.default_hi {background:#F9FDFF;font:11px Verdana, sans-serif; border: 1px solid #999999;}
.today {background:#E9EDF2;color:#000000;font:11px Verdana, sans-serif; border: 1px solid red;text-align: left; vertical-align: top;font-weight:bold;}
.today_hi {background:#F9FDFF;color:#000000;font:11px Verdana, sans-serif; border: 1px solid red;font-weight:bold; }

td.today_event {background:#FFFF33;color:#000000;font:11px Verdana, sans-serif; border: 1px solid red;text-align: left; vertical-align: top;}
div.today_event {scrollbar-3dlight-color: #DDDD55; scrollbar-arrow-color: #333300; scrollbar-base-color: #FFFF33; scrollbar-darkshadow-color: #FFFF33; scrollbar-face-color: #FFFF33; scrollbar-highlight-color: #FFFFF0; scrollbar-shadow-color: #000000; scrollbar-track-color: #FFFF33;}
.today_event_hi {background:#FFFFEE;color:#000000;font:11px Verdana, sans-serif; border: 1px solid red;}

td.event {background:#FFFF33;color:#000000;font:11px Verdana, sans-serif; border: 1px solid yellow;text-align: left; vertical-align: top;}
div.event {scrollbar-3dlight-color: #DDDD55; scrollbar-arrow-color: #333300; scrollbar-base-color: #FFFF33; scrollbar-darkshadow-color: #FFFF33; scrollbar-face-color: #FFFF33; scrollbar-highlight-color: #FFFFF0; scrollbar-shadow-color: #000000; scrollbar-track-color: #FFFF33;}
.event_hi {background:#FFFFEE;color:#000000;font:11px Verdana, sans-serif; border: 1px solid yellow;}

.event_box { }
.event_box2 { border-top: 1px dashed #444400;}
.eventd_box { }
.eventd_box2 { border-top: 2px dashed #DDDDBB;}

/* ---------- for tables and data display ---------- */

.fldname { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color:#003399; text-align: right; background-color: #FFFFFF; white-space:nowrap; border-color:#000000 #B1C1CF #B1C1CF #000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.fldnameL { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color:#28478A; text-align: left; background-color: #FFFFFF; white-space:nowrap;border-color:#000000 #B1C1CF #B1C1CF #000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.fldnameC { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color:#28478A; text-align: center; background-color: #FFFFFF; white-space:nowrap;border-color:#000000 #B1C1CF #B1C1CF #000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.fldsep { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; background-color: #A5B7C7; padding: 8px;}
th { font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; background-color: #EFEFFF}
caption { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; background-color: #EFEFFF}
.datatd { font-family: Times, serif; font-size: 9pt; text-align: left; background-color: #FFFFFF;border-color:#000000 #E9EDF2 #E9EDF2 #000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.datatdC { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-align: center; background-color: #FFFFFF;border-color:#000000 #E9EDF2 #E9EDF2 #000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.datatdR { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-align: right; background-color: #FFFFFF;border-color:#000000 #E9EDF2 #E9EDF2 #000000; border-style:solid; border-width: 0px 1px 1px 0px;}
.datatr { background-color: #FFFFFF; padding: 6px;}
.datatr1 { background-color: #E9EEF3; padding: 6px;}
.datatr2 { background-color: #E9EEF3; padding: 6px;}
.datatable { background-color: #FFFFFF; border: 0px; padding: 0px; margin: 4px 4px 4px 4px; border-collapse: collapse;}
.sharptable { border-color:#FFFFFF #506B89 #506B89 #FFFFFF; border-style:solid; border-width: 1px 2px 2px 1px;}
.sharptableR { border-color:#28478A #506B89 #506B89 #28478A; border-style:solid; border-width: 0px 2px 0px 0px;}


/*  ---------- FORM items  ---------- */

input, select, textarea {border-color:#003399 #003399 #003399 #003399; border-style:solid; border-width: 1px 1px 1px 1px; font:9pt Verdana, sans-serif; background:#FFFFFF; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EEEEFF',endColorstr='#FFFFF3');}
.missing {border-color:#FF0000 #FF0000 #FF0000 #FF0000; border-style:solid; border-width: 1px 1px 1px 1px; font:13px Verdana, sans-serif; background:#FFFFFF; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#FFFFF3',endColorstr='#FFEEFF');}

input.button {font:9pt Verdana, sans-serif; font-weight: bold; border-color:#F0F3F8 #333333 #333333 #F0F3F8; border-style:solid; border-width: 1px 2px 2px 1px; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#EEEEFF',endColorstr='#FFFFF3');}

input.button2 {border:1px #506B89 solid; color: #506B89; font:9pt Verdana, sans-serif; background:#E9EDF2; font-weight: bold;filter:;}

input.buttonyes {border-color:#00FF00 #00CC00 #00CC00 #00FF00; border-style:solid; border-width: 2px 2px 2px 2px; color: #FFFFCC; font:9pt Verdana, sans-serif; background:#003399; font-weight: bold;filter:;}
input.buttonno {border-color:#FF0000 #CC0000 #CC0000 #FF0000; border-style:solid; border-width: 2px 2px 2px 2px; color: #FFFFCC; font:9pt Verdana, sans-serif; background:#003399; font-weight: bold;filter:;}

input.plain {border:0px; color: #FFFFFF; font:11px Verdana, sans-serif; background:; font-weight: bold;filter:;}

.inputhi {font:12px Verdana, sans-serif; background:#FFFFFF;border-color:#616161 #A1A1A1 #A1A1A1 #616161; border-style:solid; border-width: 2px 1px 1px 2px;}
.rowhi {background:#FFFFFF;}
.inputlo {font:12px Verdana, sans-serif; background:#F0F0F0;border-color:#616161 #A1A1A1 #A1A1A1 #616161; border-style:solid; border-width: 2px 1px 1px 2px;}
.rowlo {background:#EFEFEF;}

.inputhiy {font:12px Verdana, sans-serif; background:#FFFFF0;border-color:#616150 #A1A190 #A1A190 #616150; border-style:solid; border-width: 2px 1px 1px 2px;}
.rowhiy {background:#FFFFF0;}
.inputloy {font:12px Verdana, sans-serif; background:#EFEFDB;border-color:#616150 #A1A190 #A1A190 #616150; border-style:solid; border-width: 2px 1px 1px 2px;}
.rowloy {background:#EFEFDB;}

.rowhib {background:#CCEEFF;}
.rowlob {background:#BCDEEF;}
.rowhiyb {background:#CCEEF0;}
.rowloyb {background:#BCDEDB;}

.thead { background:#506B89; font-weight:bold;font-size:9px;color:#FFFFFF;}


/*  ---------- for notification/error messages  ---------- */

.warning, .error {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 10pt; text-indent:0px; padding:4; border-style: solid; border-color: red red red red; border-width: 3px 2px 3px 2px; font-weight: bold; color: red; }
.caution {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 10pt; text-indent:0px; padding:4; border-style: solid; border-color: #FFFF00 #FFFF00 #FFFF00 #FFFF00; border-width: 2px 1px 2px 1px; font-weight: bold; color: #FFFF00; }
.note {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 10pt;text-indent:0px; padding:4; border-style: solid; border-color: #A0BBE2 #A0BBE2 #A0BBE2 #A0BBE2; border-width: 1px 1px 1px 1px; font-weight: bold; color: #003399; background:#A0BBE2;}