/*
control level styles
=================================================== */

.calEventDetail p {
	padding: 0 0 10px 0 !important;
	margin: 0 !important
}

/*
event table
=================================================== */

.calEventDetail th,
.calEventDetail td {
	padding: 10px;
	margin: 0;
}

.calEventDetail th {
	font-size: 105%;
	text-align: right;
	vertical-align: top;
	width: 130px;
}

.calEventDetail div.buttons {
	padding-top: 15px;
}

/*
dates and location table
=================================================== */

.calEventDetail table.dateTable {
	min-width: 500px;
	border-collapse: collapse;
	border-bottom: 1px #aaa solid;
}

.calEventDetail table.dateTable tr {
	background: #f9f9f9;
}

.calEventDetail table.dateTable tr.altRow {
	background: none;
}

.calEventDetail table.dateTable tr.pastRow {
	background: #f7fcff !important;
}

/* ignore the visual studio "error" here, this is valid css */
.calEventDetail table.dateTable tr.pastRow.altRow {
	background: none !important;
}

.calEventDetail table.dateTable th,
.calEventDetail table.dateTable td {
	border-top: 1px #aaa solid;
	padding: 10px 10px 5px 10px;
}

.calEventDetail table.dateTable th {
	width: 70px;
	font-size: 140%;
	font-weight: normal;
}

/* needed for new CMS pages since they have a different default size
   #middle div does not exist on older pages                              */
#middle .calEventDetail table.dateTable th {
	font-size: 160%
}

.calEventDetail table.dateTable th,
.calEventDetail table.dateTable td strong {
	color: #555555;
}

.calEventDetail table.dateTable tr.pastRow th,
.calEventDetail table.dateTable tr.pastRow td strong {
	color: #336699;	
}

.calEventDetail table.dateTable p.pastMessage {
	padding-top: 5px !important;
}