/* -- table1 -- */
.table1 {
	color: #000; 
	border: 1px solid #7e1f72;
	background:#FFFFFF; 
	border-collapse: collapse;
	}
.table1.widthA {width:500px;} /* use as a double class with ".table1" to set a common width */
.table1.widthB {width:300px;} /* use as a double class with ".table1" to set a common width */
.table1.fullWidth {width:100%;} /* use as a double class with ".table1" to set a width of 100% */

.table1 A {color: #7e1f72;}

.table1 td {padding: 4px 12px 4px 4px; background:url(/images/bg3.gif) repeat-x;}
.table1 label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}
.table1 th, .table1 tr.tableHead td {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7e1f72;
	background-image: url(/images/bg1.gif);
	background-repeat: repeat-x;
	}

.table1 th, .table1 .tableHead td { text-align:left; padding: 6px 12px 6px 4px;}

.table1 th A, .table1 .tableHead A {color: #FFFFFF;}

.table1 .alt { 	background:url(/images/bg3.gif) repeat-x;}

.table1 .pager { color: #7e1f72;}
.table1 .pager A { color: #7e1f72;}

/* -- table2 -- */
.table2 {
	color: #000;
	background:#FFFFFF;
	border:1px solid #cf852c;
	border-collapse: collapse;
	}
.table2.widthA {width:500px;} /* use as a double class with ".table2" to set a common width */
.table2.widthB {width:300px;} /* use as a double class with ".table2" to set a common width */
.table2.fullWidth {width:100%;} /* use as a double class with ".table2" to set a width of 100% */

.table2 A { color: #cf852c;}
.table2 td { padding: 4px 10px 4px 4px;}
.table2 label {
	display:block;
	margin:6px 0 0 0;
	font-weight: bold;
	}
.table2 th, .table2 .tableHead {
	font-weight: bold;
	color: #FFFFFF;
	background: #cf852c url(/images/bg2.gif) repeat-x;
	}
.table2 th, .table2 .tableHead td { text-align:left; padding: 6px 12px 6px 4px;}
.table2 th A, .table2 .tableHead A { color: #FFFFFF;}
.table2 .alt {
	border-width: 1px;
	background-color: #F8ECDE;
	}
.table2 .pager { color: #cf852c; }
.table2 .pager A { color:#cf852c; font-weight:bold; }


/* -- calendarTable -- */
.calendarTable {
	width:270px;
	color: #000; 
	border: 1px solid #7e1f72;
	background:#FFFFFF; 
	border-collapse: collapse;
	}
.calendarTable.widthA {width:500px;} /* use as a double class with ".calendarTable" to set a common width */
.calendarTable.widthB {width:300px;} /* use as a double class with ".calendarTable" to set a common width */
.calendarTable.fullWidth {width:100%;} /* use as a double class with ".calendarTable" to set a width of 100% */

.calendarTable A {color: #7e1f72;}

.calendarTable td {padding: 4px; 
	background:url(/images/bg3.gif) repeat-x;
	}

.calendarTable label {
	margin:4px 5px 0 0;
	float:left;
	font-weight: bold;
	width:180px;
	}
.calendarTable th, .calendarTable tr.tableHead td {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #7e1f72;
	background-image: url(/images/bg1.gif);
	background-repeat: repeat-x;
	
	}

.calendarTable th, .calendarTable .tableHead td { text-align:left; padding: 4px;}

.calendarTable th A, .calendarTable .tableHead A {color: #FFFFFF;}

.calendarTable .alt { 	background:url(/images/bg3.gif) repeat-x;}

.calendarTable .pager { color: #7e1f72;}
.calendarTable .pager A { color: #7e1f72;}

.calendarTable td.calSelectedDay {
	background-color:#7e1f72;
	background-image:none;
	color:green;
}

