/* Side bar */
#events {
	margin: 10px 8px;
	clear: both;
	margin-top: 12px;
	border: 1px solid #006BB4;
	background: white;
}
#eventtitle {
	font-weight: 14px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid #333;
	padding: 5px;
}
#prev-event {
	text-indent: -9000px;
	display: block;
	height: 30px;
	width: 150px;
	background: url(Toolkit/Events/assets/arrowUp.png) no-repeat center center #E66B23;
	cursor: hand;
        cursor: pointer;
	}
#next-event  {
        text-indent: -9000px;
        display: block;
        height: 30px;
        width: 150px;
        background: url(Toolkit/Events/assets/arrowDown.png) no-repeat center center #E66B23;
	cursor: hand;
        cursor: pointer;
        }
#next-event:hover,
#prev-event:hover {
	background-color: #006BB5;
}
#events .date {
	font-size: 11px;
	margin: 0;

	}
#events ul, #events li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
}
#events li {
	padding: 5px 10px;
}
#events ul a {
	font-weight: bold;
	font-size: 14px;

}
/* event calendar styles*/
table.caltable {
	font-family: Arial, Helvetica, sans-serif;
	color: #003266;
	font-size: 10px;
	border:solid #67A5CF 1px;
	border-collapse: collapse;
	margin-top: 10px;
	clear: both;
	}
table.caltablesmall {
	float: left;
	font-family: tahoma, arial, sans-serif;
	color: #888;
	border:solid #67A5CF 1px;
	margin:0 0 0 5px;
	border-collapse: collapse;
	width: 120px;
	}
table.caltable td {border:solid #67A5CF 1px;}	
table.caltablesmall td {border:solid #67A5CF 1px;border-collapse: collapse;}	
td.caltitle {
	text-align:center;
	font-weight:bold;
	background-color: #67A5CF;
	color: white;
	}
td.caltitle a {color:white;margin:0;padding:0; text-transform: uppercase;}
td.calmonth {
	text-align:center;
	font-weight:bold;
	background-color: #67A5CF;
	color: white;
	font-size: 14px;
	text-transform: uppercase;}	
td.calmonthsmall {
	text-align:center;
	font-weight:bold;
	background-color: #67A5CF;
	color: white;
	font-size: 9px;
	text-transform: uppercase;}	
td.calspacer {	background-color:#eee;
	font-size: 4px;}
td.calspacersmall {
	background-color:#eee;
	font-size: 4px;
}
td.caldayheader{
	text-align:center;
	height:auto;
	background-color: #e8dcc2;
	color:#000;
	width: 68px;
	width: auto;
	}
td.caldayheadersmall{
	text-align:center;
	height:auto;
	background-color: #e8dcc2;
	color:#000;
	width: 5px;
	width: auto;
	font-size: 10px;
	}

td.calday {
	text-align:left;
	width: 14%;
	font-size: 11px;
	font-family: tahoma, arial, sans-serif;}
td.caldaysmall {
	font-family: tahoma, arial, sans-serif;
	font-size: 9px;
	text-align:center;
	padding: 2px;
	}
/* td.calday a { display: block; margin-top: 0.5em; }*/
td.calday a:link { color: #000; }
td.calday a:visited { color: #333; }
td.calday a:active { color: #000; }
td.calday a:hover { color: #555;  }

td.caldaysmall a { }
td.caldaysmall a:link { color: #000; }
td.caldaysmall a:visited { color: #222; }
td.caldaysmall a:active { color: #000; }
td.caldaysmall a:hover { color: #000; }

td.calmonthsmall a { font-weight:bold; margin:0;padding:0; color:white;}

img.calleftarrow { float:left;}
img.calrightarrow { float: right;}

/* FLAT VIEW */
.eventcontainer {
	clear: both;
	margin-top: 1em;
	font-size: 12px;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}
.event-list {
	margin-top: 1em;
	padding-bottom: 1em;
	height: 1%;
	overflow: hidden;
	border-bottom: 1px dotted #666;
	}
.event-list h2 {
	font-size: 18px;
	margin-bottom: 0.5em;
}	
.eventimg1 {
	float: right;
	border: 0px solid #8094C0;
	margin: 0 10px 10px 10px;
	}
.eventimg2 {
	float: left;
	border: 0px solid #8094C0;
	margin: 0 10px 10px 10px;
	}
.eventimg3 {
	float: right;
	border: 0px solid #8094C0;
	margin: 0 10px 10px 10px;
	}		
.eventheader {
	font-size: 18px;
	font-weight: bold;
	color: #219BAF;
	padding-top: 1em;
	}
.eventdate {font-weight: bold;  color: #000;}

.eventvalue a:link, .eventvalue a:visited, .eventvalue a:hover, .eventvalue a:active { font-weight: bold; text-decoration: underline;}
.eventvalue a:link {color: #13246C;}
.eventvalue a:visited {color: #13246C;}
.eventvalue a:active {color: #13246C;}
.eventvalue a:hover {color: #000;}

.eventdescr {margin: 0.5em 0;}
#smallcals {border: 0px solid red; float: right;}


/* customized */
.topic a {display: block; padding: 3px;}
.topic div {border-top: 1px solid #aaa;} 


/* SELECT TOPICS */
#topicsearch {margin: 0 0 10px 0; display:block;float:left; background: #eee; padding: 1px; border: 1px dotted #ddd;}
#topicsearch .topicsearchrow {clear: left;}
#topicsearch .topicsearchheader {width:12px;height:12px; float:left; position: relative;  border: 1px solid #666; margin-bottom: 1px; margin-right: 4px; font-size: 1px;}
#topicsearch a  {display: block;  position: relative; font-size: 10px;}
#topicsearch a:link  {color: #000;}
#topicsearch a:visited  {color: #333;}
#topicsearch a:active  {color: #000;}
#topicsearch a:hover  {color: #666;}


/* --- */

#monthsearch { display:block;  padding-bottom: 1em; clear: both;}
#monthsearch form {display:block;float:left;font-size: 12px;clear: both;}
#monthsearch select, #monthsearch input   {font-size: 12px; margin-right: 5px;}
#monthsearch a {margin-left: 18px;}
#monthsearch a:link {color: #000;}
#monthsearch a:visited {color: #000;}
#monthsearch a:hover {color: #00387B;}
#monthsearch a:active {color: #000;}



.color1 {background-color: #FFCCCC;}
.color2 {background-color: #CC9999;}
.color3 {background-color: #FF9999;}
.color4 {background-color: #FFCCFF;}
.color5 {background-color: #CC99CC;}

.color6 {background-color: #FF99FF;}
.color7 {background-color: #CCCCFF;}
.color8 {background-color: #9999CC;}
.color9 {background-color: #9999FF;}
.color10 {background-color: #CCFFFF;}

.color11 {background-color: #99CCCC;}
.color12 {background-color: #99FFFF;}
.color13 {background-color: #CCFFCC;}
.color14 {background-color: #99CC99;}
.color15 {background-color: #99FF99;}

.color16 {background-color: #FFFFCC;}
.color17 {background-color: #CCCC99;}
.color18 {background-color: #FFFF99;}
.color19 {background-color: #FFCC99;}
.color20 {background-color: #FF99CC;}

.color21 {background-color: #CC99FF;}
.color22 {background-color: #99CCFF;}
.color23 {background-color: #99FFCC;}
.color24 {background-color: #CCFF99;}
.color25 {background-color: #CCCCCC;}


/* advacned search result*/
#searching {padding: 3px; border: 1px dotted grey; background: #eee;}
/* advacned search result*/
#searching h4 {margin: 0;}

/* Custom */
.eventurl, .eventemail {
	display: inline;
	}