@charset "utf-8";
/* CSS Document */

.calendarcontainer h2, #calendarinstructions h2, .submission-box h2 { color: #006699; font-size: 16px; font-family: Arial, Helvetica, sans-serif; }
.eventrequired { color: #F04646; font-weight: bold; }

/* Pop up calendar box for selecting specific search date */
.calendar-box {
	display:none;
	background-color:#fff;
	border:1px solid #444;
	border-radius: 5px;
	position:absolute;
	width:250px;
	z-index:999;
	margin-top:inherit;
	padding: 0 5px;
}
.calendar-box select.calendar-month { width:90px; }
.calendar-box select.calendar-year { width:70px; }
.calendar-box .calendar-cancel { width:100%; }
.calendar-box table td { width:14%; }
.calendar-box .calendar-title { text-align:center; }
.calendar-box a { text-decoration:none; }
.calendar-box .today a { padding:0 5px; margin-left:-5px; background-color:#ffe9c6; } 
.calendar-box .selected a { padding:0 5px; margin-left:-5px; background-color:#c9ff8b; }

/* ----------------------------------------------------- */

/* Calendar search box area -------------------------------- */ 

#calendarsearch { width: 200px; float: left; margin-right: 20px; padding: 10px;}
.eventsearch { width: 200px; }
.eventsearch form { font-family: Arial, Helvetica, sans-serif; color: #777; height: 80px; }
.eventsearch fieldset { border: 0; }

.eventsearch input {
	background-color: #FFFFFF;
	border: 1px solid #003366;
	margin: 0 0 10px 10px;
	text-align: left;
	font: 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.eventsearch .calsearchbtn { 
	width: 100%; 
	text-align: center; 
	font-weight: bold;
	padding: 5px 0px; 
	background-color: #EEE;
	border: 1px solid #CCC;
	color: #006699;
	margin-left: 0;
	text-decoration: none;
	}
	
.eventsearch .calsearchbtn:hover { text-decoration: underline; }	
/* ---------------------------------------------------- */


/* Calendar listings styles -------------- */
#calendarlistings { width: 40%; float: left; }

.calendar-listing-title {
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	}

.calendar-listing-title a:link, .calendar-listing-title a:visited, .calendar-listing-title a:active {
	color:#006699;
	text-decoration: none;
	font-weight:bold;
	}

.calendar-listing-title a:hover { text-decoration: underline; }
/* ---------------------------------------------------- */


/* Calendar instructions and submit event info */
#calendarinstructions { width: 22%; float: right; border-left: 1px solid #CCC; padding-left: 12px; margin-left: 10px; }
.addeventbtn { padding: 4px 8px; border: 1px solid #DDD; background-color: #EEE; color: #006699; font-weight: bold; text-align: center; }

/* ---------------------------------------------------- */


/* event details page */
.category-text { text-transform:uppercase; color: #999; }
/* ---------------------------------------------------- */



/* Styles used to display the search results */
.groupstartdate {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
}
.groupcity {
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size: 22px;
	font-weight: bold;
}
.groupsubject {
	color: #CC3333;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.eventrow1col1, .eventrow1col2 {
	width: 49%;
	float: left;
	background-color: #EEE;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	margin-bottom: 1px;
	margin-top: 4px;
}
#content p.eventname {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin:0;
	padding:0;
}
#content p.startdate {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
}
.eventrow2col1 {
	width: 49%;
	float: left;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#content p.eventrow2col2 {
	width: 49%;
	float: left;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content p.eventorg {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
}
#content a.eventrow2col2 {
	color: #0052A4;
	text-decoration: underline;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
}

#content a.eventrow2col2:link { color: #0052A4; text-decoration: underline; }
#content a.eventrow2col2:visited { color: #0052A4; text-decoration: underline; }
#content img.eventimage { width: 500px; }
#eventmap { width: 500px; height: 500px; }



/* Submit an Event form -------------- */

.submission-box { width: 66%; }

#AddEventForm fieldset { border: 0; }

table.calendar, table.calendar caption, table.calendar td.in_month { border: none; background-color: #FFF; text-align: center; }
table.calendar { border: 1px solid #CCC; border-radius: 5px; padding: 4px; }
table.calendar td.in_month { width: 30px; }
table.calendar td.selected { background-color: #FED519; color: #000; }
table.calendar a {
	display: inline;
	font-weight: bold;
	text-decoration: none;
	color: #555;
	text-align: center;
	padding: 0px 9px;
	}
table.calendar a:hover {
	display: inline;
	font-weight: bold;
	text-decoration: none;
	color: #000 !important;
	background-color: #6CC !important;
	text-align: center;
	}
table.calendar caption a { display: inline; font-size: .8em; }

.eventformtable { width: 90%;  }
.eventformtable tr td label { float: right; font-weight: bold; }
.eventformtable tr td input, .eventformtable tr td select, .eventformtable tr td select option { font-size: 11px; color: #000; padding: 2px; }



.event-field-label {
	float:left; 
	text-align:right; 
	width:100px; 
	margin-right:10px; 
	margin-bottom:20px;
	font-size:small;
	}

.event-field { float: left; width: 80%; margin-bottom: 20px; }
.event-required { color: red; font-weight: bold; }
.event-not-required { font-weight: bold;	}
.calendar-disclaimer { margin-top: 10px; }
.cal-instruction-box { width: 30%; float: right; padding-left: 10px; margin-left: 20px; border-left: 1px solid #CCC; }
.cal-instruction-box h2 { color: #006699; font-family: Arial, Helvetica, sans-serif; }
.mbwarning { color: #900; }

/* -------------------------------------------- */