@charset "utf-8";
/* Calming */

	fieldset { border: 1px solid #000; }
	.clear { clear: both; }
	ul.err li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #C03; line-height: 18px; padding-bottom: 10px; }
	
	.input { border: 1px solid #e3e5e5; padding: 3px; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; float: left; }
	.label, .labelLarge { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; height: 21px; line-height: 21px; width: 50px; }
	form#frmEditEvent .labelLarge { width: 100px; }
	.submit { background-color: #637d7d; font-family: Arial, Helvetica, sans-serif; color: #fff; border: 0; padding: 3px; font-weight: bold; font-size: 12px; float: left; }
	#edit-btn { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 22px; padding-left: 10px; }	
	h1.popUp { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #999; height: 30px; font-weight: lighter;}
	div#footerSpacer { height: 50px; }
	
	/* EDIT AND ADD EVENT STYLES */
	
	div#editEvent {
		width: 960px;
		border: 1px solid #b4c8c8;
		border-top: 0;
		padding: 20px;
		margin: 0 auto;
		}
		
		div#editEvent h1 {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 20px;
			color: #2589a2;
			width: 260px;
			text-align: left;
			margin-bottom: 20px;
			}
			
	ul#edit-navigation {
		clear: both;
		margin: 0 auto;
		width: 1000px;
		height: 20px;
		margin-top: 1px;
		}
		
		ul#edit-navigation li {
			float: left;
			}
		
		ul#edit-navigation li a {
			display: block;
			width: 139px;
			height: 20px;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 20px;
			background-image: url(../images/footer-nav-low.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			text-align: center;
			margin-right: 1px;
			}
			
			ul#edit-navigation li a:hover {
				text-decoration: underline;
				}
				
	/* POP UP STYLES */
	
		form.popUpForm {
			border: 1px solid #c5d9df;
			padding: 10px;
			}
			
		form.popUpForm .label {
			width: 100px;
			}
	
	/* TABLE STYLES */
	
		/* POP UP TABLE STYLES */
		table.popTable em {
			font-size: 12px;
			font-style: italic;
			font-weight: bold;
			}
		
		table.popTable {
			font-family: Arial, Helvetica, sans-serif;
			border: 1px solid #e3e5e5;
			}
			
		table.popTable tr.rowHeads th {
			background-color: #c5d9df;
			border-left: 1px solid #c5d9df;
			text-align: left;
			font-weight: bolder;
			font-size: 12px;
			color: #fff;
			padding: 5px;
			}
			
		table.popTable td {
			font-size: 12px;
			color: #999;
			border-bottom: 1px solid #e3e5e5;
			padding: 5px;
			}
			
			table.popTable td a {
				color: #999;
				text-decoration: none;
				}
				
			table.popTable td a:hover {
				text-decoration: underline;
				}
	
		/* LIST TABLE STYLES */
		
		table.listTable {
			font-family: Arial, Helvetica, sans-serif;
			}
		
		table.listTable tr.dateHeads th {
			background-color: #c5d9df;
			border-left: 1px solid #c5d9df;
			font-weight: bolder;
			font-size: 12px;
			color: #fff;
			padding: 3px;
			}
			
		table.listTable tr.itemBox {
			font-size: 11px;
			color: #fff;
			}
			
			table.listTable tr.itemBox td {
				padding: 3px;
				border-bottom: 4px solid #fff;
				border-top: 4px solid #fff;
				}
		
		/* END LIST TABLE STYLES */

	table.calendarTable {
		font-family: Arial, Helvetica, sans-serif;
		border-bottom: 1px solid #e3e5e5;
		}
		
	table.calendarTable tr.dayHeads th {
		background-color: #c5d9df;
		border-left: 1px solid #c5d9df;
		text-align: center;
		font-weight: bolder;
		font-size: 12px;
		color: #fff;
		padding: 3px;
		}
	
	.calendarTable .dateHeads td {
		background-color: #FFF;
		border-top: 1px solid #e3e5e5;
		border-left: 1px solid #e3e5e5;
		border-right: 1px solid #e3e5e5;
		font-size: 12px;
		color: #969696;
		text-align: right;
		padding: 5px;
		}
		
	.calendarTable td.itemBox,
	.calendarTable td.itemBoxTerm {
		border-left: 1px solid #e3e5e5;
		border-right: 1px solid #e3e5e5;
		padding-bottom: 2px;
		}
		
	.calendarTable td.fillerCell {
		border-left: 1px solid #e3e5e5;
		border-right: 1px solid #e3e5e5;
		}
		
		.calendarTable td.fillerCell,
		.calendarTable td.fillerCellTerm,
		a.editEvent,
		a#type-manager,
		a#term-dates,
		.calendarTable td.date,
		.calendarTable td.dateOtherMonth,
		a#event-button,
		a#login-button {
			cursor: pointer;
			}
		
		.calendarTable td.itemBoxTerm,
		.calendarTable td.fillerCellTerm,
		.calendarTable td.dateTermOtherMonth,
		.calendarTable td.dateTerm {
			border-left: 1px solid #e3e5e5;
			border-right: 1px solid #e3e5e5;
			background-color: #ebf3f3;
			}
				
	.calendarTable tr.weekRow {
		border: 0;
		}
		
	.calendarTable .dateHeads td.dateOtherMonth,
	.calendarTable .dateHeads td.dateTermOtherMonth {
		color: #CCC;
		}
	
	/* END TABLE STYLE */
	



div#pageContainer {
	margin: 0 auto;
	width: 1000px;
	}
	
#calendarHead {
	float: right;
	width: 280px;
	margin-top: 15px;
	height: 40px;
	}
	
	#calendarHead .left {
		float: left;
		width: 10px;
		}
		
	#calendarHead .right {
		float: left;
		width: 10px;
		}
		
	#calendarHead .left, #calendarHead .right {
		color: #666;
		font-weight: bolder;
		font-family: Arial, Helvetica, sans-serif;
		}
		
	#calendarHead .left a, #calendarHead .right a {
		color: #666;
		text-decoration: none;
		}

	#calendarHead .left a:hover, #calendarHead .right a:hover {
		color: #999;
		}

	#calendarHead h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #2589a2;
		width: 260px;
		text-align: center;
		float: left;
		}
		
		#calendarHead h1 a {
			color: #2589a2;
			text-decoration: none;
			}
		
		#calendarHead h1 a:hover {
			text-decoration: underline;
			}		
		
	#calendarHead ul li {
		float: left;
		margin-top: 15px;
		}
	
	#calendarHead ul li a {
		display: block;
		width: 139px;
		height: 20px;
		color: #637d7d;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 20px;
		background-image: url(../images/header-nav-normal.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		text-align: center;
		margin-left:1px;
		}
		
	#calendarHead ul li a.selected {
		color: #fff;
		background-image: url(../images/header-nav-on.gif);
		background-repeat: no-repeat;
		}
	

	
	
	/* */
	
	div#page-footer {
		width: 100%;
		height: 20px;
		}
			
	ul#filter-options {
		background-color: #b4c8c8;
		float: left;
		width: 831px;
		}
		
		ul#filter-options li {
			float: left;
			}
			
		ul#filter-options li a {
			display: block;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #637d7d;
			text-decoration: none;
			line-height: 20px;
			float: left;
			font-weight: bold;
			cursor: pointer;
			}
			
		ul#filter-options div.colourBox,
		ul#filter-options div.colourBoxSel {
			width: 8px;
			height: 8px;
			border: 1px solid #fff;
			float: left;
			margin-top: 5px;
			margin-left: 15px;
			margin-right: 5px;
			}
			
			ul#filter-options div.colourBoxSel {
				background-image: url(../images/cross.gif);
				background-repeat: no-repeat;
				}
		
	p#show-label {
		width: 129px;
		height: 20px;
		margin: 0;
		padding: 0;
		line-height: 20px;
		background-image: url(../images/show-bg.gif);
		background-repeat: no-repeat;
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #728989;
		float: left;
		padding-right: 10px;
		}
		
	a#login-button {
		background-image: url(../images/login-button.gif);
		background-repeat: no-repeat;
		float: right;
		width: 30px;
		height: 20px;
		text-decoration: none;
		}	
		
	ul#admin-navigation {
		clear: both;
		float: right;
		height: 20px;
		margin-top: 1px;
		margin-right: 30px;
		margin-bottom: 50px;
		}
		
		ul#admin-navigation li {
			float: left;
			}
		
		ul#admin-navigation li a {
			display: block;
			width: 139px;
			height: 20px;
			color: #fff;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 20px;
			background-image: url(../images/footer-nav-low.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			text-align: center;
			margin-left:1px;
			}
			
		ul#admin-navigation li a#event-button {
			background-image: url(../images/footer-nav-normal.gif);
			}
		
		
	
	/* */
	
	
	
	
	
	

			
	
	/* COLOURS */
	
	#c-all {
		background-color: none;
		}
		
	#c-terms {
		background-color: #ebf3f3;
		}
	

	.calendarTable a {
		font-size: 11px;
		padding: 3px;
		display: block;
		color: #fff;
		text-decoration: none;
		}
		
		.c-red, #c-red, .c-red-single, .c-red-single a { background-color: #a92222; }
		.c-pink, #c-pink, .c-pink-single, .c-pink-single a { background-color: #cd5f84; }
		.c-mauve, #c-mauve, .c-mauve-single, .c-mauve-single a { background-color: #854e85; }
		.c-purple, #c-purple, .c-purple-single, .c-purple-single a { background-color: #64489a; }
		.c-royal-blue, #c-royal-blue, .c-royal-blue-single, .c-royal-blue-single a { background-color: #376089; }
		.c-blue, #c-blue, .c-blue-single, .c-blue-single a { background-color: #3785ce; }
		.c-turquoise, #c-turquoise, .c-turquoise-single, .c-turquoise-single a { background-color: #33a294; }
		.c-racing-green, #c-racing-green, .c-racing-green-single, .c-racing-green-single a { background-color: #197447; }
		.c-green, #c-green, .c-green-single, .c-green-single a { background-color: #a4a421; }
		.c-mustard, #c-mustard, .c-mustard-single, .c-mustard-single a { background-color: #dcb612; }
		.c-orange, #c-orange, .c-orange-single, .c-orange-single a { background-color: #e18100; }
		.c-terracotta, #c-terracotta, .c-terracotta-single, .c-terracotta-single a { background-color: #c4480a; }
		.c-salmon, #c-salmon, .c-salmon-single, .c-salmon-single a { background-color: #996767; }
		.c-slate, #c-slate, .c-slate-single, .c-slate-single a { background-color: #627487; }
		.c-lilac, #c-lilac, .c-lilac-single, .c-lilac-single a { background-color: #90a4c9; }
		.c-mint, #c-mint, .c-mint-single, .c-mint-single a { background-color: #5c8d87; }
		.c-olive, #c-olive, .c-olive-single, .c-olive-single a { background-color: #6f6f3c; }
		.c-brown, #c-brown, .c-brown-single, .c-brown-single a { background-color: #c5a06e; }
	
	/* END COLOURS */
	
	/* CRAIGS CODE */
	
	div.eventAdd {
		position: absolute;
		z-index: 300;
		border: 1px solid #e3e5e5;
		background-color: #FFF;
		padding: 20px;
		}
		
	div.eventAdd #hide-me {
		position: absolute;
		top: 0;
		right: 0;
		}