body {  font-family: Georgia, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px}
td {  font-family: Georgia, Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px}
a:link {text-decoration: none}
a:hover {text-decoration: none; color: #CC3300}
a:visited {text-decoration: none}
.plr2 {  padding-right: 2px; padding-left: 2px}
.p2 {  padding: 2px}
.bluenav {  color: #FFFFFF; padding-right: 3px; padding-left: 3px}
.black {  color: #000000; text-decoration: none}
.black:link {  text-decoration: none}
.black:hover {  color: #FFFFFF; text-decoration: underline}
.black:visited {  text-decoration: none}
.menu {  color: #000000; text-decoration: none}
.menu:link {  text-decoration: none}
.menu:hover {  color: #CC0000; text-decoration: underline}
.menu:visited {  text-decoration: none}
.white {  color: #FFFFFF; text-decoration: none}
.white:link {  text-decoration: none}
.white:hover {  color: #E8E8E8; text-decoration: underline}
.white:visited {  text-decoration: none}
.yellow {  color: #FFCC00; text-decoration: none}
.yellow:link {  text-decoration: none}
.yellow:hover {  color: #FFFFFF; text-decoration: underline}
.yellow:visited {  text-decoration: none}
.monthyear {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size:
18px; font-style: normal; line-height: normal; font-weight: bold; color: #000000;
  text-decoration: none}
.daynames {  font-family: Trebuchet MS, Helvetica, sans-serif; font-size: 9px; 
  font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
.dates {  font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: normal; color: #000000; text-decoration: none}
.border {border: #CC3300; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}


/* New Styles 25 jan 06 */

INPUT, SELECT, TEXTAREA{
  border: #CCCCCC 1px solid;
  font-size: 11px;
  color: #000033;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

.thmTopBg {
  background-color:#FFFF33;
}
.thmTitBg {
  background-color:#B8C0CC;
}
.thmBrdCrmb {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#de6c21;
}
.thmBrdCrmbLnk, .thmBrdCrmbLnk:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color:#ffff00;
  font-weight:bold;
  font-size:12;
}
.thmWhtBg {
  background-color:#FFFFFF;
}
.thmMenuLink {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#2F4872;
  font-weight:bold;
  font-size:12;
}
.thmMenuLink:hover {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#D57800;
  font-weight:bold;
  font-size:12;
}
.thmMenuTable {
  padding-left:0px;
  padding-right:0px;
}

.thmInfoTxt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#2F4872;
  font-size:12;
}
/* Main Content Header */
.thmContentHeader {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color:#b8c0cb;
  font-size:15px;
  color:#304972;
  font-weight:bold;
  padding-left:12px;
}
/* Main Content */
.thmContentTxt {
  font-family: Arial, Georgia, Verdana, Helvetica, sans-serif;
  color:#314874;
  font-size:12;
}
/* Box Top Strip*/
.thmTopBgBox {
 font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#314874;
  background-color:#660099;
  color:#FFFFFF;
  font-weight:bold;
  font-size:12;
  height:30px;
  padding-left:10px;
}
/* Box Text */
.thmBoxTxt {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#314874;
  font-size:11;
}
/* Box Url*/
.thmBoxTxtUrl {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#314874;
  font-size:12;
  text-decoration: none;
}
/* Box Url Like (More)*/
.thmBoxUrl {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#798018;
  font-size:11;
  font-weight:bold;
}
/* Box Subject*/
.thmBoxSubject {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#004a8c;
  font-size:12;
  font-weight:bold;
}
/* Box Background*/
.thmBoxBack{
  background-color:#099df2;
}
/* Admin Area*/
.thmBoxAdminArea {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#004a8c;
  font-size:11;
  font-weight:bold;
}
/* Username*/
.thmBoxUserName {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#de6c21;
  font-size:11;
  font-weight:bold;
}
/*Footer */
.thmFooterBg {

  color:#FFFFFF;
}

/* Input Label*/
.thminputLabel {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#000000;
  font-size:11;
  font-weight:bold;
}

.thmErrLabel {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color: red;
  font-size:11;
  font-weight:bold;
}


.thmContentTitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#000000;
  font-size:12;
  font-weight:bold;
}

.thmContentError {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:red;
  font-size:11;
  font-weight:bold;
}

.thmContentSubTitle {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color:#c6c6c6;
  font-size:12;
  font-weight:bold;
}

.thmCalWeek {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#213864;
  font-size:11px;
}

.thmCalLstMnth {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#AAAAAA;
  background-color:#EEEEEE;
  font-size:11px;
}

.thmCalMnth {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#3030A0;
  background-color:#DDDDDD;
  font-size:11px;
  height:18px;
}

.thmCalOcc {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#3030A0;
  background-color:#BBBBBB;
  font-size:12px;
  height:18px;
}

.thmCalTdy {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  color:#3030A0;
  border:1px solid #000080;
  background-color:#c1d9ee;
  font-size:12px;
  height:18px;
}

.thmCalTdy a {
  border:0px;
}



/* Calender Styles */

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 9px;
  color: #000;
  cursor: default;
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"<<\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\", \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"<\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\", \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\", \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">>\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'re pressing */
}

.calendar thead .title { /* This holds the current \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"month, year\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #003366;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #314874;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #b8c0cb;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #556;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #666;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #b8c0cb;
  color: #FFF;
  border: 1px solid #b8c0cb;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .hilite { /* Hovered cells <TD> */
  background: #DEE7EB;
  padding: 1px 3px 1px 1px;
  border: 1px solid #bbb;
}

.calendar tbody .active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody .selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody .weekend { /* Cells showing weekend days */
  color: #F66;
}

.calendar tbody .today { /* Cell showing selected date */
  font-weight: bold;
  color: #000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"Close\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  border-top: 1px solid #556;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #036;
  color: #fff;
  font-size: smaller;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #fc0;
}