/* CSS Document */
/* Formats for Calendar Display */
div#calendarPage table.optionBar {
	margin: 0;
	padding: 0;
}
div#calendarPage table.optionBar td.options {
	text-align: center;
	color: white;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	background: #85826f url(../images/layout/darkTanGrad.jpg) bottom repeat-x;
}
div#calendarPage table.optionBar td:hover.options {
	background: url(../images/layout/topbox_diag.jpg) repeat-x;
}
div#calendarPage table.optionBar td.options a{
	text-align: center;
	color: white;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100%;
	padding: 5px 0;
	background-color: transparent;
}
div#calendarPage table.optionBar td.options a:hover{
	background:none;
}
div#calendarPage table.optionBar td.options a:active{
	background:none;
	color: #993300;
}
div#calendarPage table.optionBar td.calendarNav {
	color: white;
	text-align: right;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	background: #85826f url(../images/layout/darkTanGrad.jpg) bottom repeat-x;		
}
div#calendarPage table.optionBar td:hover.calendarNav {
	background: url(../images/layout/topbox_diag.jpg) repeat-x;
}
div#calendarPage table.optionBar td.calendarNav a {
	color: white;
	font-size: 10px;
}
div#calendarPage table.optionBar td.calendarNav a:hover {
	color: blue;
	background: none;
}
div#calendarPage table.optionBar td.calendarNav a:active {
	color: #993300;
	background: none;
}
div#calendarPage h2 {
	background-image: url(../images/layout/brownGrad.jpg);
	background-repeat: repeat-x;
	background-color: #c37026;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	color: white;
	padding: 3px;
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	
}
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 {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;	
	color: #d66f55;
	margin: 0;
	padding: 0 0 0 0;
}	
div#listDisplay p.calDate {
	font-size: 18px;
	line-height: 1.0;
	font-weight: bold;
	color: #62A0c9;
	margin: 0;
	padding: 0 0 0 0;
}
div#listDisplay p.calWeekDay {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #d66f55;
	margin: 0;
	padding: 0 0 3px 0;
	line-height: 1.0;
	
}
div#listDisplay p.title,
div#calendarDisplay p.title {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
}
div#listDisplay p.timeLocation,
div#calendarDisplay p.timeLocation {
	color: #8A927D;
	margin: 0;
	padding: 0 0 3px 0;
}
div#listDisplay div.details,
div#calendarDisplay div.details {
	background-color: #F6F4Df;
	padding: 5px;
}

div#listDisplay div.details p,
div#calendarDisplay div.details p{
	font-size: 11px;
	margin: 0;
	padding: 0 0 3px 0;	
}
div#listDisplay p.organization,
div#calendarDisplay p.organization {
	margin: 0;
	padding: 0 0 3px 0;
}
div#listDisplay p.weblink,
div#calendarDisplay p.weblink {
	margin: 0;
	padding: 0 0 3px 0;
}
table#calendarView {
	border: 1px solid #cccccc;
}
table#calendarView th {
	font-weight: bold;
	color: #000000;
	background: #438fc0 url(../images/layout/tableHeaderBkgd.jpg) top repeat-x;
	text-align: center;
	vertical-align: middle;
}
table#calendarView td {
	border: 1px solid #cccccc;
	vertical-align: top;
}
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: #62A0c9;
}
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;
	background: #969380 url(../images/layout/darkTanGrad.jpg) repeat-x;
	padding: 3px 3px 8px 3px;
	color: white;
}
table#calendarView td p.closeDisplay a {
	color: white;
}
table#calendarView td p.closeDisplay a:hover {
	color: black;
	background-color: transparent;
}

table#calendarView td div.highlightEvent {
	background: #D6D3BF url(../images/layout/bkgdgrad.jpg) repeat-x;
	padding: 3px;
}
table#calendarView td div.highlightEventCell {
	background: #D6D3BF;
	padding: 3px;
}
table#calendarView td div.highlightEventCell a:hover {
	background-color: transparent;
	color: black;
}
div#calendarPage p.eventNote {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 10px;
}

div#calendarPage 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#calendarPage div.calendarForm h3 {
	margin-left: -20px;
	font-size: 13px;
	color: #993300;
	border-bottom: 1px solid #999999;
}
div#calendarPage div.calendarForm h4 {
	margin-left: -20px;
	font-size: 10px;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}
div#calendarPage div.calendarForm p {
	color: #666666;
	font-size: 10px;
	margin: 5px 0 0 0;
	padding: 0;
}
div#calendarPage div.calendarForm input,
div#calendarPage div.calendarForm select {
	color: #333333;
	font-size: 10px;
	margin: 3px;
	padding: 0;
}
div#calendarPage div.calendarForm p.detailDisplay,
div#calendarPage div.calendarForm .detailDisplay p {
	color: #333333;
	font-size: 12px;
	margin: 0 0 0 0;
	padding: 0;
}
div#calendarPage div.calendarForm .detailDisplay p {
	margin-bottom: 5px;
}

div#calendarPage 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#calendarPage 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#calendarPage .warning,
div#calendarPage div.calendarForm p.warning {
	color: #990000;
}
div#calendarPage table.editingDates td {
	vertical-align: top;
}
div#calendarPage .checkAllOption {
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}
div#calendarPage div.dateListScroll {
	overflow: scroll;
	height: 200px;
}


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

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