// $Id: style.css,v 1.21 2006/04/02 19:10:33 ian Exp $
*/


#cal td { border: 0px solid #fff; }

#cal h3 { font-size: 18px; }

/* does nothing visible */
#cal .spaced_table td, #cal .spaced_table th, #cal .spaced_table {
   padding: 6px;
   border: 2px solid black;
   border-spacing: 0px;
   border-collapse: collapse;
   border-spacing: 0px;
}

/* changes everything bar left nav panel */
#cal table, #cal .body, body.cal, div#cal
{
font-family: verdana, arial, 'sans serif'; 
font-size: 11px;
background: #DBCDBE;
color: #000;
}

#cal form { margin: 0px; padding: 0px; }

/* changes main date table  */
#cal table
{
   background: #E7DED5;
   color: #fff;
}

#cal h3, #cal h2, #cal h1
{
   color: #746D63;
   padding: 0px;
   margin: 0px;
}

#cal h1
{
   font-weight: normal;
}

/* changes main calendar heading  */
#cal .heading
{
   color: #746D63;
   font-size: 20px;
   font-weight: bold;
   vertical-align: middle;
}

#cal a.heading:link { color:#fff; font-weight: normal; }
#cal a.heading:visited { color: #fff; font-weight: normal;}

/* changes printer details  */
#cal a.printview:link { font-size: 11px; color: #746D63}
#cal a.printview:visited { font-size: 11px; color:#746D63}

#cal .footing a:link {COLOR: #fff ; text-decoration: none; }
#cal .footing a:visited {COLOR: #fff; text-decoration: none; }

/* changes the tabs e.g. day,week, month  */
#cal div.caltabs td.cal_disabled {
border-top: 1px solid black;
border-left: 1px solid black;
border-right: 1px solid black;
height: 24px;
}
/* changes days of week in header  */
#cal th, #cal td.row_header, #cal tr.row_header, #cal div.row_header
{
  background: #746D63; color: #fff;
}

#cal .list_header { background: #999; color: #000; }
#cal .list_header_hil { background: #b7b7b7; }

#cal .viewbar { background: #E7DED5; color: #000;}
#cal .toolbar { background: #E7DED5; color: #000; font-size: 11px; }

/* changes days and dates in the calendar  */
#cal a:link {COLOR: #000; text-decoration: none; }
#cal a:visited {COLOR: #000; text-decoration: none; }
#cal a:active {COLOR: #fff;}
#cal a:hover { text-decoration: underline;}

#cal a.uline:link { text-decoration: underline; }
#cal a.uline:visited { text-decoration: underline; }
#cal a.uline:active { text-decoration: underline; }
#cal a.uline:hover { text-decoration: underline; }

/* changes button in add event  */
#cal .button { background: #DBCEBE; font-size: 11px; padding-left: 10px; padding-right: 10px;}

/* changes background of calendar table not including curved graphics  and top and bottom  bar that contains month and prev next  */
#cal .main_header { background: #746D63; color: #fff; padding: 0px; }
#cal td.main_header { height: 24px; }
#cal th.main_header { height: 24px; }
#cal a.main_header:link { color: #fff; }
#cal a.main_header:visited { color: #fff; }
#cal a.main_header:hover {COLOR: #a33;}

/* changes calendar cells background and the boxes in left tab  */
#cal .cal_content { background: #fff; color: #ADAB95; }
#cal .cal_disabled { background: #DBCEBE; color: #000;}

/* changes color of items in highlighted cells e.g.brackets around + symbol, month in mini calendar */
#cal .cal_selected { background: #C1CEDE; color: #fff; }
#cal .cal_selected a:link { COLOR: #fff ; text-decoration: none; }
#cal .cal_selected a:visited { COLOR: #fff; text-decoration: none; }
#cal .cal_selected a:hover { text-decoration: underline; }
#cal td.cal_selected, #cal tr.cal_selected { border: 1px solid black; }
#cal .cal_selected td { border: 0px; }

#cal td.cal_event_imp {
   background: #e3e3bb; color: red;
   border-left: 2px solid #a3a333;
   border-bottom: 2px solid #a3a333;
}
#cal font.cal_event_imp { color: #a33; font-weight: bold; }
#cal a.cal_event_imp:link { color: #a33; font-weight: bold; }
#cal a.cal_event_imp:visited { color: #a33; font-weight: bold; }

#cal td.cal_event_other {
   background: #ddddff; font-style: italic; color: #555;
   border-left: 2px solid #9999ee;
   border-bottom: 2px solid #9999ee;
}
/*changes the time in the main calendar event*/
#cal td.cal_event {
   background: #bcb; color: #000;
   border-left: 2px solid #797;
   border-bottom: 2px solid #797;
}

#cal font.cal_event { color: #ADAB95; }
#cal a.cal_event:link { color: #ADAB95; }
#cal a.cal_event:visited { color: #ADAB95; }



#cal tr.hil { background: #bcb; color: #000; }
#cal td.hil { background: #bcb; color: #000; }
#cal .hil { background: #bcb; color: #000; }


#cal .spacer_tiny { height: 1px; padding: 0px; }
#cal .spacer_small { height: 2px; width: 2px; padding: 0px; }
#cal .spacer { height: 20px; width: 20px; padding: 0px; }

#cal div.caltitle h3 { background: #DBCEBE; color: #746D63; padding: 2px;  }

#cal div.month_mini table { border-collapse: collapse; border-spacing: 0px; }

#cal div.calnav td.heading, #cal div.calnav th.heading, #cal div.calnav .heading, #cal div.calnav th, #cal div.calnav div, #cal div.calnav marquee
{
   color: #fff;
   font-size: 11px;
   background: #746D63;
}

#cal div.calnav td.row_header
{

   font-size: 9px;
   font-weight: bold;
}

#cal div.calnav a:link, #cal div.calnav a:visited, #cal div.calnav table, #cal div.calnav td, #cal div.calnav tr, #cal div.calnav th, #cal div.calnav input { font-size: 11px; }

#cal INPUT { vertical-align: middle; }

#cal INPUT           {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000;
BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH:
1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px;
FONT-FAMILY: verdana, tahoma,arial; BORDER-RIGHT-WIDTH: 1px}
#cal TEXTAREA        {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000;
BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH:
1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px;
FONT-FAMILY: verdana, tahoma,arial; BORDER-RIGHT-WIDTH: 1px}
#cal SELECT          {BORDER-TOP-COLOR: #000000; BORDER-LEFT-COLOR: #000000;
BORDER-RIGHT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; BORDER-TOP-WIDTH:
1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 11px; BORDER-BOTTOM-WIDTH: 1px;
FONT-FAMILY: verdana, tahoma,arial; BORDER-RIGHT-WIDTH: 1px}

.mark, select{color: #51655A;
background-color: #DBCEBE;
}

input, textarea, select 
{
color: #51655A;
background: #DBCEBE;
border: 1px solid #746D63
}



select
{background-color: #DBCEBE; font-weight: bold; font-size: 11px; color: #51655A;}

/*Title for start of form*/
.form_header {
background-color:#746D63;
font-size:2em;
color:#C1CEDE;}
   
#thankyou {
color: #746D63;
background-color: #C1CEDE;}

#thankyou .html{
color: #746D63;}