/* CSS Document */
/* Formats for Calendar Display */


p.calScrollNote {
	color: #990000;
}
div.calendarOptionsBox {
	margin: 0 0 10px 0;
	padding: 10px 5px;
	background: #e5ebf7 url(../images/layout/vryltbluegrad_e5ebf7.jpg) bottom repeat-x;
	border: 1px solid #6699CC;
}
div.calendarOptionsBox a {
border-top: 1px solid #CCCCCC;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #CCCCCC;
color: white;
padding: 2px 7px;
background-color: #8F8965;
margin: 2px;
text-decoration: none;
}
div.calendarOptionsBox a:hover {
background-color: #8E2C2D;
}
	

table#calendarList td {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	color: #333333;
	font-size: 11px;
	line-height: 1.1;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
	padding: 5px 10px 5px 0;
}
table#calendarList td div.dateBox {
	padding: 2px;
	border: 1px solid #cccccc;
	text-align: center;	
}

div#listDisplay p.calMonth {
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;	
	color: #333399;
	margin: 0;
	padding: 0 0 0 0;
}	
div#listDisplay p.calDate {
	text-align: center;
	font-size: 18px;
	line-height: 1.0;
	font-weight: bold;
	color: #990000;
	margin: 0;
	padding: 0 0 0 0;
}
div#listDisplay p.calWeekDay {
	text-align: center;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #333399;
	margin: 0;
	padding: 0 0 3px 0;
	line-height: 1.0;
	
}
div#listDisplay p.title,
div#calendarDisplay p.title,
div#ongoingEvents p.title{
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
}
div#listDisplay p.timeLocation,
div#calendarDisplay p.timeLocation,
div#ongoingEvents p.timeLocation {
	color: #8A927D;
	margin: 0;
	padding: 0 0 3px 0;
}
div#listDisplay p.timeLocation strong,
div#calendarDisplay p.timeLocation strong,
div#ongoingEvents p.timeLocation strong {
	font-weight: bold;
	color: #8A927D;
	font-family: Tahoma, Arial, Helvetica, sans-serif;

}
div#listDisplay div.details,
div#calendarDisplay div.details,
div#ongoingEvents div.details {
	background-color: #F6F4Df;
	padding: 5px;
}

div#listDisplay div.details p,
div#calendarDisplay div.details p,
div#ongoingEvents div.details p{
	font-size: 11px;
	margin: 0;
	padding: 0 0 3px 0;	
}
div#listDisplay p.calendarDetail,
div#calendarDisplay p.calendarDetail,
div#ongoingEvents p.calendarDetail {
	margin: 0;
	padding: 0 0 3px 0;
}
div#listDisplay p.calendarDetail strong,
div#calendarDisplay p.calendarDetail strong,
div#ongoingEvents p.calendarDetail strong {
	font-weight: bold;
	color: #8A927D;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
table#calendarView {
	border: 1px solid #cccccc;
}
table#calendarView th {
	font-weight: bold;
	color: #ffffff;
	background: #6699CC;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0 3px 0;
}
table#calendarView td {
	border: 1px solid #cccccc;
	vertical-align: top;
	padding: 3px 0 3px 3px;
	
}
table#calendarView td div.calDate {
	float: right;
	margin: 1px 1px 3px 3px;
	padding: 2px;
	font-size: 14px;
	line-height: 1.0;
	font-weight: bold;
	color: #6699CC;
}
table#calendarView td a {
	color: #333333;
	text-decoration: none;
}
table#calendarView td a:hover {
	color: #62A0c9;
	background-color: transparent;
	text-decoration: underline;
}
table#calendarView td p.calEntry {
	font-size: 10px;
}
table#calendarView td .displayEventTitle {
	font-weight: bold;
	font-size: 11px;
}
table#calendarView td .displayEventText {
	font-weight: normal;
	font-size: 11px;
}
table#calendarView td p.displayEventTimeLoc {
	font-weight: normal;
	font-size: 11px;
}
table#calendarView td p.displayEventWeblink {
	font-weight: normal;
	font-size: 11px;
}
table#calendarView td p.displayEventOrganization {
	font-weight: normal;
	font-size: 11px;
}
table#calendarView td p.closeDisplay {
	font-weight: normal;
	font-size: 11px;
	padding: 3px 3px 8px 3px;
	color: #000000;
}
table#calendarView td p.closeDisplay a {
	color: #000000;
}
table#calendarView td p.closeDisplay a:hover {
	color: #990000;
	background-color: transparent;
}

table#calendarView td div.highlightEvent {
	background: #E9EDF9;
	border: 1px solid #6699CC;
	margin: 0 3px 0 0;
	padding: 5px;
}
table#calendarView td div.highlightEventCell {
	background: #E9EDF9;
	padding: 3px;
}
table#calendarView td div.highlightEventCell a:hover {
	background-color: transparent;
	color: black;
}
div#interiorBox p.eventNote {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 10px;
}

div#interiorBox div.calendarForm {
	margin: 5px 0 5px 0;
	padding: 5px 5px 8px 25px;
/*	background: #f2f0db url(../images/layout/ltTanGrad_f2f0db.jpg) repeat-x;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;*/

}
div#interiorBox div.calendarForm h3 {
	margin-left: -20px;
	padding: 3px 5px;
	font-size: 13px;
		background-color: #404D7A;

	color: #FFFFFF;
	border-bottom: 1px solid #999999;
}
div#interiorBox div.calendarForm h4 {
	margin-left: -20px;
	padding: 5px 0 0 0;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}
div#interiorBox div.calendarForm p {
	color: #666666;
	font-size: 10px;
	margin: 5px 0 0 0;
	padding: 0;
}
div#interiorBox div.calendarForm input,
div#interiorBox div.calendarForm select {
	color: #333333;
	font-size: 10px;
	margin: 3px;
	padding: 0;
}
div#interiorBox div.calendarForm p.detailDisplay,
div#interiorBox div.calendarForm .detailDisplay p {
	color: #333333;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0;
}
div#interiorBox div.calendarForm .detailDisplay p {
	margin-bottom: 5px;
}

div#interiorBox a.likeButton {
	font-size: 10px;
	padding: 3px 5px;
	margin: 3px;
	color: black;
	text-decoration: none;
	letter-spacing: 1px;
	
	background-image: url(../images/layout/tanGrad_ECE9D8.jpg);
	background-repeat: repeat-x;
	background-color: #ECE9D8;
	border-top: 1px solid #999999;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #999999;	
}
div#interiorBox a:hover.likeButton {
	background-color: #c37026;
	background-image: url(../images/layout/brownGrad.jpg);	
}
p.loggedInNote {
	font-size: 10px;
	color: #666666;
	text-align: right;
	margin: 0;
	padding: 0;
}
div#interiorBox .warning,
div#interiorBox div.calendarForm p.warning {
	color: #990000;
}
div#interiorBox table.editingDates td {
	vertical-align: top;
}
div#interiorBox .checkAllOption {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
div#interiorBox div.dateListScroll {
	overflow: scroll;
	height: 200px;
}


div#interiorBox th.smallDisplay,
div#interiorBox td.smallDisplay {
	font-size: 10px;
	text-align: left;
	vertical-align: top;
}

div#interiorBox div#calRSSbutton {
	margin: 5px 0 5px 5px;
	text-align: right;
}
div.optionsBox {
	border: 1px solid black;
	padding: 3px;
}