/* *****************************************************************************
   NAVIGATION STYLES
   ************************************************************************** */

/* Main navigation links - left side nav menu */
.buttonLink:link { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/grey_link_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #000000;
	text-decoration: none;
}
.buttonLink:active { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/grey_link_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #000000;
	text-decoration: none;
}
.buttonLink:visited { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/grey_link_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #000000;
	text-decoration: none;
} 
.buttonLink:hover { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/red_hover_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	text-decoration: none;
}

.buttonLinkSelected:link { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/red_hover_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonLinkSelected:active { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/red_hover_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	text-decoration: none;
}
.buttonLinkSelected:visited { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/red_hover_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	text-decoration: none;
} 
.buttonLinkSelected:hover { 
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #D8E0E8;
	background-image: url('images/red_hover_gradient.jpg');
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 4px;
	font-family: arial;
	font-size: 14pt;
	color: #FFFFFF;
	text-decoration: none;
}

/* Inter-page right-side navigation link */	
.pageLink:link { 
 font-family: arial; 
 font-size: 10pt;	
 color: #000000;	
 text-decoration: none; 
 line-height: 2;
}
.pageLink:active { 
 font-family: arial; 
 font-size: 10pt;	
 color: #000000;	
 text-decoration: none; 
 line-height: 2; 
}
.pageLink:visited { 
 font-family: arial; 
 font-size: 10pt;	
 color: #000000;	
 text-decoration: none; 
 line-height: 2; 
}
.pageLink:hover { 
 font-family: arial; 
 font-size: 10pt;	
 color: #000000;	
 text-decoration: underline; 
 line-height: 2; 
}

/* Tabs on the top of page - Not Selected Page */
.tabLink:link { 
	border-top:       2px outset #CCC; border-left: 2px outset #CCC;
	border-right:     2px outset #CCC;
	border-bottom:    1px solid #DFE0E5;
	background-color: #DFE0E5;
	padding-left:     20px;
	padding-right:    20px;
	font-family:      arial;
	font-size:        10pt;
	color:            #000000;
	text-decoration:  none;
	font-weight:      bold;
	background-image: url('images/tab_not_selected.jpg');
}
.tabLink:active { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;
	background-color: #DFE0E5;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-image: url('images/tab_not_selected.jpg');
}
.tabLink:visited { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;
	background-color: #DFE0E5;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-image: url('images/tab_not_selected.jpg');
} 
.tabLink:hover { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;
	background-color: #DFE0E5;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	background-image: url('images/tab_not_selected.jpg');
}

/* Tabs on top of the page - Selected Page */
.tabLinkSelected:link { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;;
	background-color: #DFE0E5;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
.tabLinkSelected:active { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;;
	background-color: #DFE0E5;;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}
.tabLinkSelected:visited { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;
	background-color: #DFE0E5;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
} 
.tabLinkSelected:hover { 
	border-top: 2px outset #CCC;
	border-left: 2px outset #CCC;
	border-right: 2px outset #CCC;
	border-bottom: 1px solid #DFE0E5;
	background-color: #DFE0E5;
	padding-left: 20px;
	padding-right: 20px;
	font-family: arial;
	font-size: 10pt;
	color: #990000;
	text-decoration: none;
	font-weight: bold;
}

/* END NAVIGATION STYLES */

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

/* event links shown in the calendar month view - not current day */

.eventLink:link    { font-family: Arial; font-size: 8pt; color: #000000; 
										 text-decoration: none; } 
.eventLink:active  { font-family: Arial; font-size: 8pt; color: #000000; 
										 text-decoration: none; } 
.eventLink:visited { font-family: Arial; font-size: 8pt; color: #000000; 
										 text-decoration: none; } 
.eventLink:hover   { font-family: Arial; font-size: 8pt; color: #C00000; 
										 text-decoration: underline; } 

/* event links shown in the calendar month view - on current day */

.eventLinkToday:link    { font-family: Arial; font-size: 8pt; color: yellow; 
													text-decoration: none; padding-left: 5px;} 
.eventLinkToday:active  { font-family: Arial; font-size: 8pt; color: yellow; 
													text-decoration: none;  padding-left: 5px;} 
.eventLinkToday:visited { font-family: Arial; font-size: 8pt; color: yellow; 
													text-decoration: none; padding-left: 5px; } 
.eventLinkToday:hover   { font-family: Arial; font-size: 8pt; color: yellow; 
													text-decoration: underline; padding-left: 5px;} 

.cellDate:link    { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 
.cellDate:active  { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 
.cellDate:visited { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 
.cellDate:hover   { font-family: Arial; font-size: 10pt; color: #990000; 
										text-decoration: underline; } 


/* Sun, Mon, Tue, Wed, Thu, Fri, Sat calendar headings */

.cal_heading {
 font-family: arial;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
}

.small_cal_heading {
 font-family: arial;
 font-size: 12px;
 color: #FFFFFF;
 font-weight: bold;
}

.smallCalDay:link    { font-family: Arial; font-size: 8pt; color: #CC3333; 
										text-decoration: none; } 
.smallCalDay:active  { font-family: Arial; font-size: 8pt; color: #CC3333; 
										text-decoration: none; } 
.smallCalDay:visited { font-family: Arial; font-size: 8pt; color: #CC3333; 
										text-decoration: none; } 
.smallCalDay:hover   { font-family: Arial; font-size: 8pt; color: #CC3333; 
										text-decoration: none; } 

.editableFormLink:link    { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 
.editableFormLink:active  { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 
.editableFormLink:visited { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 
.editableFormLink:hover   { font-family: Arial; font-size: 10pt; color: #000000; 
										text-decoration: none; } 

/* END CALENDAR STYLES */

/* *****************************************************************************
   PAGE STRUCTURE 
	 ************************************************************************** */

/* Set background to white and prevent any page margins */

body {
	margin: 0 0 1em 0;
	padding: 0; /* need for Opera */
	background: #fff;
	color: #333;
	min-width: 610px;
}

/* END PAGE STRUCTURE */


/* UNKNOWN STYLES RIGHT NOW */


.name_link:link    { font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none; color: #666666; padding-left: 5px; line-height: 2;} 
.name_link:active  { font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none; color: #666666; padding-left: 5px; line-height: 2;} 
.name_link:visited { font-family: Arial; font-size: 11px; font-weight: bold; text-decoration: none; color: #666666; padding-left: 5px; line-height: 2;} 
.name_link:hover   { font-family: Arial; font-size: 13px; font-weight: bold; text-decoration: none; color: blue; padding-left: 5px; line-height: 2;} 




#loading {
 font-family: arial;
 text-align: right;
 color: blue;
 font-size: 12pt;
 margin-right: 20px;
}

.label { 
 font-family: Arial, Helvetica, sans-serif; 
 font-size: 10pt; 
 font-style: normal; 
 line-height: normal; 
 font-weight: bold; 
 color: #CC3333;
}

.input_text { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal; 
 line-height: normal; 
 padding-top: 0px; 
 padding-right: 0px; 
 padding-bottom: 0px; 
 padding-left: 0px; 
 
}

.input_text_error { 
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-style: normal; 
 line-height: normal; 
 padding-top: 3px; 
 padding-right: 3px; 
 padding-bottom: 3px; 
 padding-left: 3px; 
 border: 1px red solid;
 background-color: #FFF1AF;
}