.content{
	font-family: verdana, tahoma, georgia;
	font-size: 11px;
	color: #333333;
}
/*------------------------------------*/
.white_bold{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: .05cm;
	text-align: justify;
}
a.white_bold{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;
}
a.white_bold:visited{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;
}
a.white_bold:hover{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ff9900;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;
}

/*------------------------------------*/


.white{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: .05cm;
	text-align: justify;
}
a.white{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: .05cm;
	text-decoration: none;
}
a.white:visited{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: .05cm;
	text-decoration: none;
}
a.white:hover{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ff9900;
	letter-spacing: .05cm;
	text-decoration: none;
}


.white_content{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: .05cm;
	margin-left: .3cm;
	text-align: justify;
}
/*------------------------------------*/


.admin{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #3333ff;
	text-align: justify;
}
a.admin{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #3333ff;
	text-decoration: none;
}
a.admin:visited{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #3333ff;
	text-decoration: none;
}
a.admin:hover{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #000099;
	text-decoration: none;
}




.on_left{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 2px;	
	text-align: left;
	font-weight: bold;
}
	
.off_left{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #73E2E6;
	letter-spacing: 2px;	
	text-align: left;
	font-weight: bold;
}
.on_right{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 2px;	
	text-align: right;
	font-weight: bold;
}

.off_right{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 12px;
	color: #73E2E6;
	letter-spacing: 2px;	
	text-align: right;
	font-weight: bold;
}



/*=========CALENDAR STYLES=========*/

	.calendar {
	  position: relative;
	  display: none;
	  border: 1px solid;
	  border-color: #fff #000 #000 #fff;
	  font-size: 12px;
	  cursor: default;
	  background: Window;
	  color: WindowText;
	  font-family: tahoma,verdana,sans-serif;
	}
	
	.calendar table {
	  border: 1px solid;
	  border-color: #fff #000 #000 #fff;
	  font-size: 12px;
	  cursor: default;
	  background: Window;
	  color: WindowText;
	  font-family: tahoma,verdana,sans-serif;
	}
	
	/* Header part -- contains navigation buttons and day names. */
	
	.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	  text-align: center;
	  padding: 1px;
	  border: 1px solid;
	  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	  background: ButtonFace;
	}
	
	.calendar thead .title { /* This holds the current "month, year" */
	  font-weight: bold;
	  padding: 1px;
	  border: 1px solid #000;
	  background: ActiveCaption;
	  color: CaptionText;
	  text-align: center;
	}
	
	.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	}
	
	.calendar thead .daynames { /* Row <TR> containing the day names */
	}
	
	.calendar thead .name { /* Cells <TD> containing the day names */
	  border-bottom: 1px solid ButtonShadow;
	  padding: 2px;
	  text-align: center;
	  background: ButtonFace;
	  color: ButtonText;
	}
	
	.calendar thead .weekend { /* How a weekend day name shows in header */
	  color: #f00;
	}
	
	.calendar thead .hilite { /* How do the buttons in header appear when hover */
	  border-width: 2px;
	  padding: 0px;
	}
	
	.calendar thead .active { /* Active (pressed) buttons in header */
	  border-width: 1px;
	  padding: 2px 0px 0px 2px;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	}
	
	/* The body part -- contains all the days in month. */
	
	.calendar tbody .day { /* Cells <TD> containing month days dates */
	  width: 2em;
	  text-align: right;
	  padding: 2px 4px 2px 2px;
	}
	
	.calendar table .wn {
	  padding: 2px 3px 2px 2px;
	  border-right: 1px solid ButtonShadow;
	  background: ButtonFace;
	  color: ButtonText;
	}
	
	.calendar tbody .rowhilite td {
	  background: #eee;
	  color: #000;
	}
	
	.calendar tbody td.hilite { /* Hovered cells <TD> */
	  padding: 1px 3px 1px 1px;
	  border-top: 1px solid #fff;
	  border-right: 1px solid #000;
	  border-bottom: 1px solid #000;
	  border-left: 1px solid #fff;
	}
	
	.calendar tbody td.active { /* Active (pressed) cells <TD> */
	  padding: 2px 2px 0px 2px;
	  border: 1px solid;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	}
	
	.calendar tbody td.selected { /* Cell showing selected date */
	  font-weight: bold;
	  border: 1px solid;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	  padding: 2px 2px 0px 2px;
	}
	
	.calendar tbody td.weekend { /* Cells showing weekend days */
	  color: #f00;
	}
	
	.calendar tbody td.today { /* Cell showing today date */
	  font-weight: bold;
	  color: #00f;
	}
	
	.calendar tbody td.disabled { color: GrayText; }
	
	.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) */
	}
	
	.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	  background: ButtonFace;
	  padding: 1px;
	  border: 1px solid;
	  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	  color: ButtonText;
	  text-align: center;
	}
	
	.calendar tfoot .hilite { /* Hover style for buttons in footer */
	  border-top: 1px solid #fff;
	  border-right: 1px solid #000;
	  border-bottom: 1px solid #000;
	  border-left: 1px solid #fff;
	  padding: 1px;
	  background: #e4e0d8;
	}
	
	.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	  padding: 2px 0px 0px 2px;
	  border-top: 1px solid #000;
	  border-right: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	  border-left: 1px solid #000;
	}
	
	/* Combo boxes (menus that display months/years for direct selection) */
	
	.combo {
	  position: absolute;
	  display: none;
	  width: 4em;
	  top: 0px;
	  left: 0px;
	  cursor: default;
	  border: 1px solid;
	  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	  background: Menu;
	  color: MenuText;
	  font-size: smaller;
	  padding: 1px;
	}
	
	.combo .label {
	  text-align: center;
	  padding: 1px;
	}
	
	.combo .active {
	  padding: 0px;
	  border: 1px solid #000;
	}
	
	.combo .hilite {
	  background: Highlight;
	  color: HighlightText;
	}
	

.r1{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #66CCCC;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;
}
a.r1{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #66CCCC;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;	
}
a.r1:visited{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #66CCCC;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;	
}
a.r1:hover{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 16px;
	color: #99FFFF;
	font-weight: bold;
	letter-spacing: .05cm;
	text-decoration: none;	
}


.r2{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 14px;
	color: #FFCC00;
	font-weight: bold;
	letter-spacing: .05cm;
}
.r3{
	font-family: arial, verdana, tahoma, georgia;
	font-size: 14px;
	color: #99CC00;
	font-weight: bold;
	letter-spacing: .05cm;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}
a.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 0px;	
}
footer hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #358D9B;
	text-decoration: underline;
}