/* CSS for the module calendar and listings */

.cal-month{
	width:100%;
	border:1px solid #CCC;
	background-color: #FFF;
	font-size: 85%;
}

.soldOut {
	color: #D11527;
	font-weight: bold;
}

/**** MONTH NAVIGATION HEADER ***/
div#cal-header{

	margin:10px;

}
table.cal-month a{
	color:#333;
}

div.single-day-event{
	padding-left:8px; /* line up with padding for background curve */
}

div#cal-prev-month-nav{
	display:block;
	clear: none;
	width:10px;
	height:13px;
	background: transparent url(/imgs/cms/prev-arrow.gif) no-repeat top left;
}
div#cal-next-month-nav{

	width:10px;
	height:13px;
	background: transparent url(/imgs/cms/next-arrow.gif) no-repeat top left;
}

div.monthname{
	text-align: center;
}

table#month-nav{
	margin-left:40%;
}

table#month-nav,table#month-nav tr, table#month-nav tr td{
	border:none;
	height:1.5em;
	width:auto;
	font-size: 108%;
	font-weight: bold;
	vertical-align:middle;
}

table.cal-month tr td.monthnavigation{
	background-color: #e6e6e6;
	height:1.5em;
}


div#cal-prev-month-nav span,div#cal-next-month-nav span{
	display:none;
	}
div#cal-prev-month-nav a,div#cal-next-month-nav a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	}
div#cal-prev-month-nav {
	margin-right:4px;
}

div#cal-next-month-nav {
	margin-left:4px;
}
/**** CALENDAR CELLS ****/
span.cal-day-num{
	margin:4px;
	display:block;
}

span.cal-day-num a{
	background-color: #e6e6e6;
	color:#000;
	/*border:1px solid #999;*/
	text-align: center;
	display:block;
	width:1.3em;
	padding:1px 2px;
	text-decoration: none;
}

td.dayname span,td.monthname span{
	margin:2px 0 2px 4px;
	display:block;
}
table.months-event-table td a {
	color: #666666;
}

table.cal-month tr td{
	width:12%;
	height: 5em;
	vertical-align:top;
	border:1px solid #CCC;
	border-collapse: collapse;
	margin:0;
	padding:0;
}

div.event-1,div.event-8{
	background-color: #aae2a2; /*green*/
}

div.event-2,div.event-9{
	background-color: #DDD; /*red*/
}

div.event-3,div.event-10{
	background-color: #aae2a2; /*yellow*/
}

div.event-4,div.event-11{
	background-color: #DDD; /*blue*/
}

div.event-5,div.event-12{
	background-color: #aae2a2; /*purple*/
}

div.event-6,div.event-13{
	background-color: #DDD; /*orange*/
}

div.event-7,div.event-14{
	background-color: #a2e2cb; /*turq*/
}


div.multi-day-event, div.multi-day-event-start, div.multi-day-event-end, div.event-day-pad, div.single-day-event{
	float:left;
	clear:both;
}

div.multi-day-event,div.event-day-pad{
	margin:0;
	padding:0;
	z-index: 1;
	width:100%;
	height:1.5em;
}

div.multi-day-event-start{
	margin:0;
	z-index: 9;
	padding:0;
	padding-left:12px;
	overflow: visible;
	margin-right: -8em;
	background-image: url(/imgs/cms/event-start-circ.gif);
	background-repeat: no-repeat;
	background-position: center left;
	
	width:100%;
	height:1.5em;
}

div.multi-day-event-end{

	background-image: url(/imgs/cms/event-end-circ.gif);
	background-repeat: no-repeat;
	background-position:center right;
	margin:0;
	z-index: 9;
	padding:0;
	padding-right:12px;
	width:89%;
	height:1.5em;
}

div.multi-day-event span,div.multi-day-event-end span{
	display:none;
}

table.cal-month tr td.dayname{
	height:1.5em;
}
table.cal-month tr td.nomonthday{
	background-color: #F2F2F2;
}
/**** Months of the year listings ****/
table.months-event-table{
	background-color: #FFF;
}
table.months-event-table th{
	background-color: #EEE;
	border:1px solid #BBB;
}
table.months-event-table td{
	width:8%;
	height: 5em;
	vertical-align:top;
	border:1px solid #CCC;
	border-collapse: collapse;
	margin:0;
	padding:0.2em;
}


/* CSS from the module */
h3.eventsListArticle {
	padding: 0;
}
h3.eventsArticleTitle a {
	text-decoration: none;
	font-weight: bold;
}
h3.eventsArticleTitle a:hover {
	text-decoration: none;
}

div.eventsListArticle {
	margin-bottom: 1.3em;
}
div.eventsListArticleDetails {
	overflow: hidden;
	width: 100%;
}

img.eventsListImage, div.eventsListIntro {
	float: left;
	padding: 0.3em;
	border: 1px solid #CCCCCC;
	margin: 0 0.8em 0.5em 0;
}


.bluetext{
	color: #87B0C5 !important;
}

#centreContent p.eventsDateInfo {
	color: #3B78B8;
	font-size: 100%;
}
#centreContent ul.eventsOptions {
	padding: 0.1em 0 0 0;
	margin: 0 0 1.2em 0;
}
#centreContent ul.eventsOptions li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#centreContent ul.eventsOptions li a{
	text-decoration: underline;
}
#centreContent ul.eventsOptions li a:hover {
	text-decoration: none;
}