/*page/table definitions*/




table.cal_table{
	padding:0;
	margin-bottom:20px;
	border-spacing:1px;
	empty-cells:show;
	font: 13px Arial, sans-serif;
	border-collapse: collapse;
}

table.small_cal_table {
	width: 193px;
}


div.cal_months_250{
	float:left;
	width:200px;
	line-height:1;
}

div.cal_months_250{

	width:250px;

}

div.cal_events{
	float:left;
	line-height:1;
	font-size:11px;
}

div.cal_events h3{
	margin:0 10px 5px 10px;
	padding:5px;
	background-color:#ddd;
}

div.cal_events div.hr{
	margin:10px auto;
	border-top:1px solid #aaa;
}

.cal_month, .cal_year, .cal_months, .cal_submit {
	margin-bottom: 5px;
}

	/*event day containers, alter these to alter the styles of alternating day containers, such as background colour*/

span.cal_day_background{
	background-color: #EFF8FB;
	float:left; 
	width:100%; 
	min-width:100%;
	margin: 0 0 4px 0;
	
}
span.cal_day_background.today {
	background-color: #FEFF94;	
}

td.large_cal_more {
	vertical-align: bottom;
	text-align: center;

}

td.events_one.large_cal span.cal_day_background, td.events_multiple.large_cal span.cal_day_background {

	background-color: #B3FFB3;

}

td.events_one.large_cal.today span.cal_day_background, td.events_multiple.large_cal.today span.cal_day_background {

	background-color: #FBA1EF;

}

div.cal_event_day {
	padding:10px 0 20px 0;
	background-color:white;
}

div.cal_event_day_1{
	padding:0 0 35px 0;
	background-color:white;
}


div.cal_event_day_1 h3{
	background-color:#aad;
}

/*	background-color:#f0efdd;
	border-top:1px solid #eee;
*/
div.cal_event_day_2{
	padding:0 0 35px 0;
	background-color:white;
}

div.cal_event_day_2 h3{
	background-color:#aad;
}

div.cal_event_day_3{
	border-bottom:1px solid #888;
	padding:10px 0 20px 0;
}




div.cal_event_details_day{
	padding:10px 0 20px 0;
	background-color:transparent;
}

div.cal_event_details_day_1{
	padding:0 0 35px 0;
	background-color:transparent;
}


div.cal_event_details_day_1 h3{
	background-color:#aad;
}

/*	background-color:#f0efdd;
	border-top:1px solid #eee;
*/
div.cal_event_details_day_2{
	padding:0 0 35px 0;
	background-color:transparent;
}

div.cal_event_details_day_2 h3{
	background-color:#aad;
}

div.cal_event_details_day_3{
	border-bottom:1px solid #888;
	padding:10px 0 20px 0;
}


	/*cell defaults*/


table.cal_table td.cal_day{
	padding:0;
	text-align:center;
	vertical-align:middle;
	background-color:#FFF;
	color:black;
	border: 1px solid #000;
	min-width:26px;
	height:25px;	
	font-weight: bold;
}

table.cal_table td.cal_day.large_cal{
	text-align: left;
	vertical-align: top;
	width: 90px;
	height: 90px;	
	border: 1px solid #81BEF7;
	background-color:#ddd;
	font-weight: normal;
}

table.cal_table td.cal_day.today{
	background-color:#F5F6CE;
}

	/*styles for filler cells at start of table*/
table.cal_table td.cal_filler_start{
	background-color:#fff;
	color:black;
}
	/*styles for filler cells at end of table*/
table.cal_table td.cal_filler_end{
	background-color:#fff;
	color:black;
}



/*
	note about below:
	the div class=cal_iefix fixes the IE7 position:relative stacking context bug
	where elements after the current one render overtop of the current one
	regardless of the z-indexes used. the common solution is to encode
	decreasing z-indexes going down the list of elements, but what I did
	instead is to make the position:relative item be a 0px wide and tall container
	item instead, which as we know, will not 'cover up' elements before it, as it
	has zero dimensions. This does not hurt any browser as far as I know, and actually
	serves to standardize the output across different browsers

	div container for fixing IE 7- z-index+relative stacking context bug for days with events
	otherwise i had the td's themselves rendering ontop of the popups, instead this dimensionless element will
*/

table.cal_table td div.cal_iefix{
	height:0;
	width:0;
	margin:0;
	padding:0;
	position:relative;
	left:10px;
	top:0px;
	background-color:green;
}

/*cells for days with 1 event */

table.cal_table td.events_one{
	text-align:center;
	background-color: #0DB100;
	font-weight: bold;
	color: #000;
	border: 1px solid black;
	min-width:25px;
	height:25px;		
}

table.cal_table td.events_one:hover, table.cal_table td.events_multiple:hover{
	
	background-color: #000;
	
}

table.large_cal_events{
	font-size: smaller;
}

	/*cells for days with multiple events*/
table.cal_table td.events_multiple{
	text-align:center;
	background-color: #076800;
	font-weight: bold;
	color: #000;
	border: 1px solid black;
	min-width:25px;
	height:25px;

}

table.cal_table td.events_one.large_cal, table.cal_table td.events_multiple.large_cal {
	text-align: left;
	vertical-align: top;
	background-color: #DAFFDA;
	border: 1px solid #81BEF7;
}

table.cal_table td.events_one.large_cal.today, table.cal_table td.events_multiple.large_cal.today {
	background-color: #F9CFF3;
}

table.cal_table td.events_one.today, table.cal_table td.events_multiple.today{
	background-color: #FBA1EF;
}

	/*cells that contain the name of the month*/
table.cal_table td.cal_month_name{
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
	background-color:#38235B;
	color:white;
	border: 1px solid black;
}

table.cal_table td.cal_month_name.large_cal{
	height: 25px;
	border: 1px solid #81BEF7;
}

	/*cells that contain the day of the week names*/

table.cal_table td.cal_weekday_name{
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
	background-color:#ccf;
	color:black;
	border: 1px solid black;
}

table.cal_table td.cal_weekday_name.large_cal {
	width: 90px;
	height: 25px;
	border: none;
	border: 1px solid #81BEF7;	
}

.large_cal {
	width: 90px;
	max-width: 90px;
	height: 90px;
}

.cal_day_div {
	position: relative;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: table-cell;
	max-width: 90px;
}

	/*default menu links*/

table.cal_table td a{
	font-weight:bold;
	color:white;
	text-decoration:none;
	display: block;
	width: 100%;
	height: 100%;
}

table.cal_table td.events_one a, table.cal_table td.events_multiple a{
	font-weight:bold;
	color:white;
	text-decoration:none;
	display: table;
	width: 100%;
	height: 100%;
}

table.cal_table td a:hover{
	text-decoration:none;
}

table.cal_table td.large_cal a{
	font-weight:bold;
	color: #333399 !important;
	text-decoration:none;
}

table.cal_table td.large_cal a:hover{
	text-decoration:underline;
}


	/*default popup bubble styles*/

table.cal_table td div.cal_event_bubble{
	font-weight:normal;
	font-size:11px;
	position:absolute;
	bottom:0px;
	left:11px;
	visibility:hidden;
	text-align:left;
	background-color:#fefefe;
	border:1px solid #aaa;
	width:400px;
}

table.cal_table td div.cal_event_bubble.bubble_right{
	left: auto;
	right:0px;
}

table.cal_table td:hover div.cal_event_bubble{
	visibility:visible;
	padding:5px;
}

	/*default popup bubble links*/

table.cal_table td div.cal_event_bubble a{
	color:#00f;
	text-decoration:underline;
}

table.cal_table td div.cal_event_bubble a:hover{
	font-weight:bold;
	text-decoration:underline;
}

div.cal_events_ticker{
	width: 120px; 
	float: left; 
	display: inline-block; 
	padding: 3px 20px 0 0;
	margin-right: 30px;

}

/*detailed event info styles*/

	/*dont put a margin here, IE doesnt like it*/
table.cal_event_data {
}

table.cal_event_data td{
	padding:2px 10px;
	border-spacing:0;
}


	/*these are needed sometimes to override inherited styles from the day cells themselves, or to send
special style only to the popup bubbles, not the events listing output*/

div.cal_event_bubble table.cal_event_data td{
	padding:5px 10px;
	border-spacing:0;
	background-color:white;
	text-align:left;
}

div.cal_event_bubble table.cal_event_data {
	width:100%;
}




td.event_heading{
	font-size:15px;
	color:#009;	
	font-weight:bold;
}

td.event_title {
	font-size:15px;
	color:#009;	
	font-weight:bold;
}

td.event_title h5, td.event_heading h5{
	margin:0;
	margin-bottom:5px;
	padding:0;
	letter-spacing:0;
}

	/*remember when setting the widths for _t values that the width has to be the same for all _t's or it picks one*/

	/*event data styling*/

td.event_avail_t {
	width:100px;
}

td.event_avail{
	color:#006;	
}

td.event_end_t, td.event_start_t{
	width:100px;	
}

td.event_end, td.event_start{
	color:#006;	
} 

td.event_time_t{
	width:100px;	
}

td.event_time{
	color:#006;	
}

td.event_loc_t{
	width:100px;	
}

td.event_loc{
	color:#006;	
} 

td.event_body{
	
}

td.event_reg_link{
	
}



/*form styles*/