/***************************************************/
/* CSS CALENDAR DISPLAY               			   */
/* AUTHOR: ( Larry Cobb lcobb@trsg.net)  		   */
/* CREATED: 5/19/2009                              */
/***************************************************/

/* =Main Layout
-----------------------------------------------------------------------------*/
/****** Old Formatting ********/
#event_nav_type {
	float: left; 
	width: 240px; 
	margin-left: 0;
}

#event_nav_jump {
	float: right; 
	width: 200px; 
	margin-right: 80px;
}

#event_nav_date {
	margin: 20px auto; 
	width: 360px;
	font-size: 14px;
	line-height: 16px;
}

#event_nav_date_left {
	float: left; 
	width: 90px;
}

#event_nav_date_right {
	float: right; 
	width: 270px;
}

#event_nav_date_center {
	float: left; 
	width: 180px; 
	text-align: center;
}

#event_nav_date_far_right {
	float: right; 
	width: 90px;
}

.events_display {
	border: 0px #000000 solid;
	margin: 10px auto;
	text-align: left;
}

.event-type-display {
	padding: 0 0 0 20px;
}

.event-display {
	padding: 0 0 0 20px;
}

.normal_date { 
	background-color: #edddc8;
	padding: 3px 10px;
	width: 90%;
}
.event_header {
	width: 394px;
	margin-top: 20px;
}

.edit_event {
	background: #ffffff;
	width: 450px; 
	font-size: 10pt; 
	color: #000000; 
	padding: 20px; 	
	border: solid #336699 0px;
}
/****** End Old Formatting ********/

#event_grid_filters {
	width: 841px;
	height: 29px;
	background: #b90303;
	padding: 4px 0 0 8px;
	vertical-align: middle;
	margin: 0 auto;
}

#event_grid_filters #event_nav_type {
	float: left; 
	width: 300px; 
	margin-left: 0;
}

#event_grid_filters #event_nav_jump {
	float: right; 
	width: 300px; 
	margin-right: 240px;
}

.grid-date {
	float: right;
	padding: 4px 8px;	
}

.list-date {
	float: left;
	padding: 4px 8px;	
}

/* =Tables
-----------------------------------------------------------------------------*/

#grid { 
  border-spacing: 2px;
	border-collapse: separate;
	margin: 2px 0;
}

#list { 
  border-spacing: 2px;
	border-collapse: separate;
	margin: 2px auto 20px;
}

#grid td {
	vertical-align: top;
	clear: both;
}

#list td {
	vertical-align: top;
	clear: both;
	border-bottom: 1px #408dbb dotted;
	padding: 4px 0;
}

#grid tr.prev-next-nav {
	background: #0066a4;
}

#grid tr.header {
	background: #408dbb;
}

#grid tr.days {
	background: #d5f0f9;
}

#grid td.other {
	background: #ededed;
}

#grid td.today {
	background: #eeddbb;
}

/* =Typography
-----------------------------------------------------------------------------*/
/****** Old Formatting ********/
.header2 { 
	font-size: 16px; 
	line-height: 18px;
	font-weight: bold;
	color: #ee1c23; 
}

.normal_date p {
	margin: 0;
}

#event_nav_type p, #event_nav_jump p {
	margin: .25em 0;
}
/****** End Old Formatting ********/

#event_grid_filters #event_nav_type p, #event_grid_filters #event_nav_jump p {
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
}

#grid tr.prev-next-nav p, #grid tr.header p {
	font-weight: bold;
	color: #FFFFFF;
	margin: 4px 0;
	text-align: center;
}

.grid-date p, .list-date p {
	color: #408dbb;
	font-weight: bold;
	margin: 0;	
}

#happening-events p{
	color: #0066a4;
	font-weight: bold;
	text-transform: uppercase;
}

.calendar-green {
	clear: both;
	color: #22AA66;
	font-size: 10px;
	padding: 2px 4px;
}

.calendar-blue {
	clear: both;
	color: #0066AA;
	font-size: 10px;
	padding: 2px 4px;
}

.calendar-orange {
	clear: both;
	color: #EE6600;
	font-size: 10px;
	padding: 2px 4px;
}

.calendar-purple {
	clear: both;
	color: #AA66BB;
	font-size: 10px;
	padding: 2px 4px;
}

.calendar-red {
	clear: both;
	color: #BB0000;
	font-size: 10px;
	padding: 2px 4px;
}

.calendar-none {
	clear: both;
	color: #000000;
	font-size: 10px;
	padding: 2px 4px;
}

.calendar-day {
	float: left;
	background: #0066a4;
	height: 22px;
	width: 17px;
	padding: 4px 0 0 9px;
	color: #ffffff;
	font-weight: bold;
}

/* =Links
-----------------------------------------------------------------------------*/
/****** Old Formatting ********/
#event_nav_date a:link, #event_nav_date a:visited {
	color: #ee1c23;
	text-decoration: underline;
}

#event_nav_date a:hover, #event_nav_date a:active {
	color: #000;
	text-decoration: underline;	
}
/****** End Old Formatting ********/

#grid tr.prev-next-nav a:link, #grid tr.prev-next-nav a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#grid tr.prev-next-nav a:hover, #grid tr.prev-next-nav a:active {
	color: #b90303;
	text-decoration: underline;	
}