/* Styles for the Calendar, Image replacement and the Galleries 
Every installation of the HCd backend needs these to function properly. 

*/


/* /// Image Floats /// */
span.photoright, span.photoleft { 
	padding: 4px;
	min-width: 120px; 
	max-width: 240px; 
	border: 1px solid #000;
	font: normal 9px/12px LucidaGrande, "Lucida Grande", Helvetica, Arial, sans-serif;
	background-color: #fff;
	text-align: center;
}
span.photoright { float: right; margin: 0 -10px 5px 10px; }
span.photoleft { float: left; margin: 0 10px 5px -140px; }
span.photoright img, span.photoleft img { padding-bottom: 5px; max-width: 240px;}


/* /// Gallery Styles using Lightbox /// */
.gallery { display:block; border: solid 1px gray; padding:2px; width: 150px; }
.thumb_photo img { width: 150px; }
.gallery_photo { display: none; }


/* /// Calendar styles /// */
table#minicalendarTable, table#calendarTable {
	width: 100%;  
	border: none; 
}
	table#minicalendarTable th, table#calendarTable th {
		
	}
		table#calendarTable th a {
			font-size: 12px; 
			color: #900; 
			text-decoration: none; 
			font-weight: bolder; 
		}
		table#calendarTable th a:hover { color: #000; }
		table#minicalendarTable th, table#calendarTable th h3 {
			font-size: 12px; 
			letter-spacing: 1px; 
			text-transform: uppercase; 
			text-align: center; 
			background-color: transparent; 
		}
		table#calendarTable th h3 {
			font-size: 14px;
			color: #000; 
			background-color: transparent; 
		}
	table#minicalendarTable td, table#calendarTable td {
		width: 14%; 
		padding: 2px 4px; 
		margin: 0 10px 0 0; 
	}
	table#minicalendarTable td { text-align: center; }
	table#calendarTable td {
		border-right: 1px solid #ccc; 
		border-bottom: 1px solid #999; 
	}
		table#minicalendarTable td.calendarHeader {
			background-color: #ddd; 
			color: #900; 
			font-size: 10px; 
			text-transform: uppercase; 
		}
		table#calendarTable td.calendarHeader {
			background-color: #ddd; 
			color: #000; 
			font-size: 10px; 
			letter-spacing: 1px; 
			text-transform: uppercase; 
		}
		table#calendarTable td.calendar {
			font-weight: bold; 
		}
		table#minicalendarTable td.calendarToday {
			border: 1px solid #ccc;  
		}
		table#calendarTable td.calendarToday {
			background-color: #ffc; 
		}
	table#calendarTable td a {
		display: block; 
		padding: .2em .3em; 
		margin: 0 0 .3em 0; 
		font-weight: normal; 
		font-family: Georgia, Times, "Times New Roman", serif;
	}	
