@charset "utf-8";
/* CSS Document */
/*****************************
      calendar styles 
****************************/
body{ width: 100% !important;}
/* main styles */
a.button {border: #000 solid 1px; padding: 2px 5px 2px 5px; margin-left: 10px; text-decoration:none; background-color:#224662; font-weight:bold; color: #fff; background-image:none;}
a:hover.button {background-color:#d8a727;  color:#000;}
.calendar-wrapper {
	background: #fff;
	margin-bottom: 200px;
	padding-bottom: 10px;
}
.calendar-main {
	min-height: 600px;
	padding: 10px;
}
.calendar-header {
	background: #4e5f79
}
/* menu */
ul.meetings_menu {
	padding: 0;
	margin-top: 8px;
	
	
}
ul.meetings_menu li {
	display: inline;
	background: url(button.png) repeat-x #758da5;
	color: #fff;
	border-left: 1px #3d556c solid;
	border-bottom: 1px #3d556c solid;
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	margin-right: -4px;
}
ul.meetings_menu li:first-child {
	
	background: #fff;
	color:#000;
	border-top: 1px #3d556c solid;
	border-bottom: 0px #3d556c solid;
}
ul.meetings_menu li:first-child a{
	
	
	color:#000;

}
ul.meetings_menu li a {
	text-decoration: none;
	color: #fff;
}
ul.meetings_menu li:last-child {
	border-right: 1px #3d556c solid;
}
ul.meetings_menu li:hover {
	background: url(button-active.png) repeat-x #d0e8f8;
	
}
ul.meetings_menu li a:hover {
	color: #000;
	
}
/* month view - index.php */
#rightSmallCalendar {
	float: right;
	margin-right: 20px;
}
#leftSmallCalendar {
	float: left;
	margin-left: 10px;
}
/* header text between small calendars */
#calendarHeaderText {
	
	text-align: center;
}
#calendarHeaderText img {
	border: 1px solid #000;
	padding: 3px;
	margin: 3px;
	margin-top: 0px;
}
#calendarHeaderText h2 {
	text-align: center;
}
.calsmalltable {
	width: 225px;
	border: 0px;
	border-collapse: collapse;
	margin: 5px;
	margin-right: 0px;
}
.caltable {
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	clear: both;
}
.caltable td, .calsmalltable td {
	width: 35px;
	border-collpase: collpase;
	border: 1px solid #888;
	text-align: right;
	padding-right: 5px;
	vertical-align: top;

}
.caltable th, .calsmalltable th {
	border-collpase: collpase;
	border: 1px solid #888;
	background-color: #ccc;
	color: #000;
	text-align: center;
	vertical-align: top;
}
.caltable th a, .calsmalltable th a {
	text-decoration: none;
	color: #000;
}
.caltable th a:hover, .calsmalltable th a:hover {
	text-decoration: underline;
}
.caltable td a {
	text-decoration: none;
}
.caldays th {
	background-color: #F1F3F5;
	color: #000;
}
.caldayLinks {
	float: left;
	margin-bottom: 5px;
	width: 20px;
	border: 1px solid #ccc;
	font-size: 85%;
	text-align: center;
}
td.actday .caldayLinks {
	border: 1px solid #fff;
}
.actday {
	background-color: #CCC;
	color: #000;
}
.caltable th.caltimeheader {
	background-color: #ccc;
	color: #000;
	width: 10%;
	text-align: left;
	padding: 5px;
	font-size: 90%;
}
/* event listings - all pages */
#lowerNavBar {
	text-align: center;
	
	padding: 10px;
	
	clear: both;
}
#lowerNavBar img {
	border: 1px solid #000;
	padding: 3px;
	margin: 3px;
	margin-top: 0px;
}
.calevents {
	font-size: 95%;
	padding: 3px;
	text-align: left;
	clear: both;
}
ul.eventList {
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	list-style: none;
	padding-left: 0px;
}
li.calevents {
	padding: 2px;
	margin: 0px;
	padding-left: 0px;
	width: 115px;
}
.hiddenDescription {
	display: none;
	border: 1px solid #ccc;
	padding: 10px;
	position: absolute;
	margin: 5px;
	background-color: #eee;
	font-size: 110%;
	width: 300px;
}
.hiddenDescription h2 {
	font-size: 100%;
	margin: 2px;
	padding: 0px;
}
.hiddenDescription p {
	margin: 2px;
	padding: 0px;
}
.callastcolumn .hiddenDescription{
right: 100px !important;	
}  
.calAddImage {
	border: 0;
	float: right;
}
/* event listings - listing.php & search.php */
.eventListing {
	border: 1px solid #ccc;
	padding: 10px;
	clear: both;
	margin-bottom: 10px;
}
/* menu & selectors */
#calMenu {
	border: 1px solid #ccc;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	text-align: center;
	font-size: 85%;
}
#calMenu a {
	font-weight: bold;
	text-decoration: none;
}
#calMenu a:hover {
	color: #000;
}
#calMenu input, #calMenu select, #categoryselector select {
	font-size: 100%;
}
#calMenu #word {
	width: 75px;
}
#catSelect {
	font-weight: bold;
}
#menuSearch {
	display: inline;
}
#categoryselector {
	padding: 10px;
	margin: 20px;
	
	
}
#monthselector {
	display: inline;
	margin-right: 10px;
}
#weekselector {
	display: inline;
	margin-right: 10px;
}
#weekstart, #dateselect {
	width: 75px;
}
#calView {
	display: inline;
	margin-right: 10px;
}
#dayselector {
	display: inline;
	margin-right: 10px;
	width: 100px;
}
#calSearch {
	margin-left: 15px;
	border: 1px solid #ccc;
	padding: 3px;
}
/* headers on listing.php, day.php & month.php */
#calHeader {

	text-align: center;
}
#calHeader img {
	border: 1px solid #000;
	padding: 3px;
	margin: 3px;
	margin-top: 0px;
}
#calHeader h2, #calHeader h3 {
	text-align: center;
	margin: 5px;
}
#calHeader #categoryselector {
	
}
/* navigation arrows */
.calnavImages {
	border: 0;
	margin: 10px;
	float: right;
}
/* search button */
/* search form - search.php */
#calsearch {
	
	margin: 20px;

}
.DisplayDate{
font-weight: bold;
font-size: 115%;	
}
.DisplayYear{
font-weight: bold;
font-size: 130%;	
color:#A20F11;	
}
.calHighlight {
	background-color: #FFC;
	padding: 2px;
}
/* Add/Edit Events */
#addevent {
	width: 80%;
}
#startend {
	display: none; /* hide time selectors */
}
.addEventHeaders {
	font-weight: bold;
	margin-bottom: 2px;
}
.categoryCheckboxes {
	padding: 5px;
	margin: 0px;
	color: #fff;
}
#repeatingDates {
	padding: 5px;
	border: 1px solid #ccc;
	padding-top: 0px;
	margin-top: 10px;
}
#repeatingDates .removeimg {
	border: 0px;
	margin-left: 5px;
	width: 15px;
	height: 15px;
}
#categorySelections {
	padding: 5px;
	background-color: #eee;
	border: 1px solid #ccc;
	padding-top: 0px;
	margin-top: 10px;
}
/***** event.php ****/
#eventDescriptionLeft {
	
	width: 40%;
	margin-right: 5px;
	margin-left: 30px;
	padding: 10px;
	margin-top: 10px;
	padding-top: 0px;
}
#eventDescriptionLeft h2 {
	padding: 0px;
margin-top: 3px;
}
#eventDescriptionRight {
	float: right;
	width: 40%;
	margin-top: 10px;
}
/* attachment.php */
#attachmentform {
	width: 400px;
	margin: 20px;
	margin-left: 325px;
}
/* meeting pages */
.meetings_menu_bar{
margin: 10px; background-color:#ccc; padding: 5px;	
}

.meetings_year_select{
	float: right; font-weight:bold; margin-right: 20px; margin-top: -33px;
}
@media (max-width: 500px) {
	li.calevents{
	width: 100% !important;	
	}
	.caltable{
	width: 99%;	
	}
	 .caltable th{
	display:none;	 
	}
	.caltable td{
	display:block;	
		width: 100%;
	}
	a.button{display: block; margin: 5px; text-align:center; padding: 5px;}
	#calMenu{
	text-align:right;

	}
	#dayselector{width: 100%; margin-left: -5px !important;}
	#calMenu form{
	display:block;	
		margin: 5px;
	}
	#calMenu form select{
		margin: 5px;
	}
	.calsmalltable{
		width: 100%;
	}
	#leftSmallCalendar, #rightSmallCalendar{
	float: none;
		margin-right:10px;
		margin-left:10px;
		
	}
.meetings_year_select select, .meetings_menu_bar select{
margin-bottom: 10px;	
}
ul.meetings_menu li{
	display:block;
}
.meetings_menu_bar{
margin: 0px; padding: 0px;	background-color: #fff;
}
.meetings_year_select{
	margin: 0px; float: none; display:block;
}
	.meetings_button_bar a{
		display:block;
	}
}