/* This CSS document is autogenerated by /stylemaker/stylemaker.php  Any manual changes will be overwritten if the color picker utility is used. If you are a byregion employee, please make stylesheet changes to /stylemaker/stylesheet.php on both client and server side  which is what generates and previewws this file*/ 

/* CSS Document */

#audiocal {
	font-family: lucida grande, helvetica, arial, sans serif;
	font-size: 12px;
	color: #000000;
}


/*Colors for month selector at the top of the calendar*/
#audiocal #monthselection A:link{
	color: #cbcbcb;
	text-decoration:none;
}
#audiocal #monthselection A:visited{
	color: #cbcbcb;
	text-decoration:none;
}

#audiocal #monthselection A:hover {
	color: #cbcbcb;
	text-decoration:underline;	
}

/*Control the width of the calendar*/
#audiocal table.calendar {
/*	width: 100;*/
}


/*The calendar's current month*/
#audiocal #calendar #curmonth td {
	font-size: 15px;
	color: #ffffff;
	text-align: left;
	background: none;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;	
}

/*The days of the week*/
#audiocal #calendar #days td {
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background-color: #555555;

	height: auto;
	margin: 0;	
	
}

td.calDays {
	background-color: #898989;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
	border: 1px solid #ececee;
	}

/*Calendar dates*/
#audiocal #calendar td {
	vertical-align: top;
	width: 14%;
	height: 100px;
	margin: 1px;
	padding: 3px;
	background-color: #DEDEDE;
	font-size: 12px;
}

/*Boxes before and after the month*/
#audiocal #calendar td.beforeafter {
	opacity: .50;  /*FF opacity*/
	filter: alpha(opacity= 50); /*IE opacity*/
}



/*The link inside of the calendar date cells*/
#audiocal #calendar td A {
	font-weight: bold;
	color: #000000;
	display: block;
	width: 100%;

	text-decoration: none;
	font-size: 11px;
}
#audiocal #calendar td A:hover {
	font-weight: bold;
	color: #333333;
	display: block;
	width: 100%;

	text-decoration: none;
	font-size: 11px;
}


/*Link that appears if there is more than one events that day*/
#audiocal #calendar td A.moreevents {
	display: inline;
	text-decoration: underline;
	height: auto;
}

/*Span that holds the numerical date in each cell*/
#audiocal #calendar td span.date {
	color: #555555;
	font-size: 12px;	
	font-weight: bold;	
}

/*********/
/*Styles for the More Info/More Events Page*/

body.audiocal_body {
	margin: 0px;
	padding: 4px;
	background-color: #ECECEE;
}

#audiocalevents {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 450px;
}

/*Event Title Bar*/
#audiocalevents div.title {
	background-color: #ECECEE;
	padding: 5px;
	margin-bottom: 1px;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
	width: 450px;	
	font-family: lucida grande, helvetica, arial, sans serif;
}
/*Event Subtitle Bar*/
#audiocalevents div.sub {
	background-color: #ECECEE;
	font-size: 2px;
	height: 3px;
	margin-bottom: 5px;
	width: 450px;
}

/*Table for event content*/
#audiocalevents #eventtable td {
	vertical-align: top;
	padding: 6px;
	text-align: left;
	font-size:12px;
}

/*Big shiny buy tickets link*/
#audiocalevents A.buytickets {
	padding: 1px;
	background-color: #cc9900;
	border: 1px solid #cc9900;	
	color: #FFFFFF;
	height: 11px;
	font-size: 11px;	
	font-weight:normal;	
	text-decoration: none;
}

#audiocalevents A.buytickets:hover {
	background-color: #FFA620;
}

/*Formatting for description of event*/
#audiocalevents div.eventdescription {
	padding: 6px;
	color: #000000;
	width: 450px;
}

#audiocalevents div.featuring{
	color: #000000;
	font-weight:bold;
	font-size: 15px;
	width: 450px;
}

/*Box that holds artist information*/
#audiocalevents div.artist {
	background-color: #335C85;
	border: 1px solid #00376D;
	color: #CCCCCC;
	padding: 4px;
	margin-top: 1px;
	font-size: 12px;
	font-weight: normal;
	width: 450px;
}
#audiocalevents div.artist_description {
	font-size: 12px;
	font-weight: normal;
}



/*Artistname*/
#audiocalevents #artist div.artistname {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

/*Artist name link*/
#audiocalevents #artist div.artistname A {
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

/*Audio link*/
#audiocalevents #artist A.audiolink {
	background-color: #1BE200;    
	border: 1px solid #108B00;		
	padding: 1px;
	text-decoration: none;
	font-size: 13px;
	color: #FFFFFF;					
}
#audiocalevents #artist A.audiolink:hover {
	background-color: #1EF402;		
}

/*Video Link*/
#audiocalevents #artist A.videolink {
	background-color: #CC9900;    	
	border: 1px solid #AB8000;		
	padding: 1px;
	text-decoration: none;
	font-size: 13px;	
	color: #FFFFFF;					
}
#audiocalevents #artist A.videolink:hover {
	background-color: #E1A901;
}

/*Artist Image*/
#audiocalevents #artist img.artistimage {
	margin: 5px;
}

#audiocalevents .close_window {
	background-color: #1BE200;    
	border: 1px solid #108B00;		
	padding: 3px;
	text-decoration: none;
	color: #FFFFFF;		
	text-align:center;
}




/*Text Listing for the "Coming Soon" events underneath the calendar*/


#audiocal_comingsoon span.date {
	color: #FFFFFF;		
	font-size: 10px;
}

#audiocal_comingsoon span.date_alt {
	color: #999999;		
	font-size: 10px;
}

#audiocal_comingsoon A.eventtitle{
	color: #ce9933;		
	text-decoration:none;
	font-weight: bold;
	font-size: 12px;
}

div.audiocal_textlist_date {
	background-color: #B4BBC3;
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-align: center;
	text-transform: uppercase;
	}
	
div.audiocal_textlist_desc {
	background-color: #dedede;
	padding: 5px;
	margin-bottom: 10px;
	}
	
div.audiocal_textlist_date_alt {
	color: #000000;
	font-size: 12px;
	color: #999999;
	float: left;
}
div.audiocal_textlist_desc_alt {
	float: left;
}
a:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}

a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	}

a:hover {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	}
/*  Buy Ticket Link that goes directly on the html cal. Note this triggers if USE_TICKET_IMG=false in config.dist.php  */
#audiocal A.buytickets {
	padding: 3px;
	background-color: #FF9900;
	color: #FFFFFF;
	text-decoration: none;
	width: 68px !important; 	
	height: 10px !important; 	
}

/* Buy Ticket Link that goes directly on the html cal. This css is to keep the TD link from duplicating the height if we show an image when USE_TICKET_IMG=true. That setting lets you use an image instead of css for the buy tickets button */
#audiocal A.buytickets_img {
	padding: 3px;
	width: 68px !important; 	
	height: 10px !important; 	
}