body {
	background-color: #000000;
	color: #ffffff;
	background-image: url('../images/bgpattern.gif');
	margin-left: auto; 
	margin-right: auto; 
	width: 800px; 
	text-align: left;
}
a:link,
a:visited{
	color: #3333ff;
	text-decoration: none;
}
a:hover{
	color: #ffff00;
}

.status{
	width: 100%; 
	border-bottom: 1px solid #ff0000; 
	border-collapse: collapse;
}
.status th{
	width: 90%;
	text-align: left;
	font-weight: normal;
}
.status td{
	white-space: nowrap;
	padding: 0px 10px 0px 20px;
}
.statusDivider{
	border-left: 1px solid #ff0000;
}
.menu {
	padding: 0px 20px 0px 20px;
	font-size: 120%;
}
.pagecontent {
	border-collapse: collapse;
	border: 1px solid #dd0000;
	border-top: none;
	text-align: justify;
	background-color: #110000;
	width: 760px;
	margin-left: 40px;
}
.pagecontent td {
	padding: 0px 15px 0px 15px;
}
.pagecontent thead td{
	padding: 0px 2px 0px 2px;
}
.pagecontent td, .pagecontent th{
	vertical-align: top;
}

.events{
	border: 1px solid #dd0000;
	border-top: none;
	border-collapse: collapse;
	width: 760px;
	margin-left: 40px;
}
.events td{
	vertical-align: top;
	padding: 0px 10px 0px 10px;
}
.events th{
	vertical-align: top;
	white-space: nowrap;
}
.events thead{
	vertical-align: middle;
	white-space: nowrap;
	text-align: left;
}
.events thead td{
	padding: 0px 2px 0px 2px;
}
.control{
	background-color: #660000;
	padding: 2px 2px 2px 2px;
	line-height: 18px;
	border: 1px solid #dd0000;
}
.control td{
	border-top: 1px solid #dd0000;
	border-bottom: 1px solid #dd0000;
}
.control input{
	color: #000000;
}
.filterControl{
	border: 1px solid #dd0000;
	background-color: #660000;
}
.filterControl td{
	width: 14px; 
	height: 14px; 
	vertical-align: top; 
	padding-left: 3px;
	padding-right: 3px;
}
.filterControl th{
	padding: 0px 3px 5px 3px;
}
.filters{
	background-color: #220000;
	border: 1px solid #dd0000;
}
.filters th{
	vertical-align: top; 
	text-align: left; 
	padding-left: 3px; 
	font-weight: bold; 
	letter-spacing: 3px;
	border: 1px solid #dd0000;
	background-color: #660000;
}
.filters td{
	padding: 2px 5px 2px 5px;
}
.filters a:link, .filters a:visited{
	border: 1px solid #dd0000;
	background-color: #660000;
	color: #ff0000;
	padding: 2px 3px 2px 3px;
}
.filters a:hover{
	color: #660000;
	background-color: #dd0000;
	border: 1px solid #660000;
}

.sort-arrow {
	background-repeat: no-repeat;
	background-position: 50% 75%;
}
.ascending{
	background-image: url('../images/downsimple1.png');
}
.descending{
	background-image: url('../images/upsimple1.png');
}
.even{
	background-color: #110000;
}
.odd{
	background-color: #220000;
}
.button{
	border-top: 1px solid #dd0000;
	border-right: 1px solid #dd0000;
	border-left: 1px solid #330000;
	border-bottom: 1px solid #330000;
	background-color: #660000;
	color: #dd0000;
	cursor: pointer;
}
.buttonHover{
	border-top: 1px solid #330000;
	border-right: 1px solid #330000;
	border-left: 1px solid #880000;
	border-bottom: 1px solid #880000;
	background-color: #220000;
	color: #dd0000;
	cursor: pointer;
}

/*   Date Picker Styles  */
.dpTable { /* the table (within the div) that holds the date picker calendar */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	border: 1px solid #dd0000;
	background-color: #660000;
	background-image: url('../images/bgSwatchSmall.png');
	background-repeat: repeat-x;
	}
.dpTR { /* a table row that holds date numbers (either blank or 1-31) */
	}
.dpTitleTR {/* the top table row that holds the month, year, and forward/backward buttons */
	}
.dpDayTR {/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
	}
.dpTodayButtonTR {/* the bottom table row, that has the "This Month" and "Close" buttons */
	}
.dpTD {/* a table cell that holds a date number (either blank or 1-31) */
	border: 1px solid #dd0000;
	}
.dpDayHighlightTD {/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
	background-color: #dd0000;
	border: 1px solid #dd0000;
	color: #330000;
	}
.dpTDHover {/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
	background-color: #dd0000;
	border: 1px solid #d9f421;
	cursor: pointer;
	color: #ffffff;
	}
.dpTitleTD {/* the table cell that holds the name of the month and the year */
	}
.dpButtonTD {/* a table cell that holds one of the forward/backward buttons */
	}
.dpTodayButtonTD {/* the table cell that holds the "This Month" or "Close" button at the bottom */
	}
.dpDayTD {/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
	background-color: #660000;
	border: 1px solid #dd0000;
	color: #d9f421;
	}
.dpTitleText {/* additional style information for the text that indicates the month and year */
	font-size: 12px;
	color: #d9f421;
	font-weight: bold;
	}
.dpDayHighlight {/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
	color: #ffffff;
	font-weight: bold;
	}
.dpButton {/* the forward/backward buttons at the top */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}
.dpTodayButton {/* the "This Month" and "Close" buttons at the bottom */
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background: #d8e8ff;
	font-weight: bold;
	}