@charset "utf-8";

.h2 { color : #c00; font : bold 1.5em Helvetica, Arial, sans-serif; margin : -0.2em 0 1em; }
h3 { clear: left }
.fw { width : 100% }

input.text, textarea, select { border : solid 1px #C99;	padding : 2px; }
button { font : 1em tahoma, sans-serif; padding : 2px; }
	button img { vertical-align: middle; }
	button.big { font-weight : bold; margin : 0.5em auto; padding : 0.5em 3em; }
.c { text-align : center; }
.c * { margin : auto; }
.r { float : right; }
.clear { clear : both; }
.hide {	display : none; }
.active {	cursor : pointer; }

.rating { font : 1em Georgia }

/* Rounded Corners */
.rounded { display : block; position : relative; }
.crtl, .crtr, .crbl, .crbr { background: no-repeat top left url('img/corner.gif'); height: 10px; position: absolute; width: 10px; z-index : 2 }
	.crbl { background-position: bottom left; bottom : 0 }
	.crtr { background-position: top right; right : 0 }
	.crbr { background-position: bottom right; right: 0; bottom: 0 }

.minimap { width : 240px; height : 240px; }
	.minimap img { position : absolute; }
	.minimap img.label { right : 4px; top : 3px; }

.legendBox { padding : 5px; background : #f3f4f4 url(img/grad.png) repeat-x; border : solid 1px #ccc; border-color : #bfc0c0 #cfcfcf #cfcfcf #c6c7c7; margin : 0.5em 0 }


/* Main Layout */
#frame { margin : 0 auto; position : relative; text-align : left; top : 0; width : 748px;  }

#fullbox { font-size: 0.86em; line-height: 1.6em }

/* Page Header */
#username, #password, #email { float : left; font : 9pt Arial, Helvetica, sans-serif; margin : 8px 3px; position : relative; }
#username-field, #password-field { width : 8em; }
#email-field { width : 30em; }
#login-button { background : repeat-x 0 -10px url('img/grad.jpg'); border : solid 1px #333; float : left; margin : 8px 3px; font-size: 13px }
label.overlabel { text-indent : -1000px; }
label.overlabel-apply { color : #999; left : 5px; position : absolute; top : 4px; z-index : 1; }
.header a { color : #000; text-decoration : none; }
.header h1 { color : #000; font : bold 36px/67px Georgia, "Times New Roman", Times, serif; letter-spacing : 4px; }
.hshadow { background : top left repeat-x url('img/hshadow.png'); height : 8px; }
#menu_tabs { padding : 0 10px; }
	#menu_tabs a { color : #555; font-weight : bold; text-decoration : none; }
	#menu_tabs a.selected { color : black; }

.footer { color : #333; font : 7pt serif; padding-bottom : 1em; text-align : center; }
.footer a { color : #333; }

#search {	bottom : 5px; position : absolute; right : 80px; }
input.loading { background : no-repeat right url(img/loading.gif); }

/* Page Layout */
#menu { width : 100%; font-size: 0.9em; line-height: 1.6em }
    #menu a {	color : black; display : block; padding : 5px 10px; }
    #menu ul li { margin-bottom : 2px; list-style: none; padding-left: 0; margin-left: 0; margin-bottom: 5px; -moz-border-radius: 13px }
        #menu ul li a { position : relative; background : #fadd33 top center; -moz-border-radius: 10px }
        #menu ul li.active { border: solid 1px #5dbb46 }
            #menu ul li.active ul { padding: 0 }
                #menu ul li.active ul li.active { padding : 0; }
                #menu ul li.active a { background: #5dbb46; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; }
                #menu ul li.active ul li a { background: none; }
        #menu ul li ul, #menu ul li ul li {list-style : none; margin : 0 }
            #menu ul li ul li a {  margin : 3px; padding : 2px 10px; }
            #menu ul li ul li.active { font-weight : bold; border: 0 }

/* Content Box Layout */
.heading, h1 { color : #c00; font : bold 24px/38px Helvetica, Arial, sans-serif }
.heading p { margin : 0; }
.heading a { color : #c00; }
.main { position : relative; }

/* Special visual elements */
ul.bul li, .cushycms ul li {	list-style-type: disc; margin-left : 5em; }
ul.arc li {	margin : 1em 5em; }
ul.hlist { background : #01beec; height : 16px; padding : 8px; -moz-border-radius : 8px; -webkit-border-radius : 8px; }
	ul.hlist li { display : block; float : left; margin-right : 1em; }
		ul.hlist li:first-child { font-weight : bold; }
	ul.hlist img { vertical-align : text-top; text-decoration : none; }
dl.list { margin : 1em; }
	dl.list dt { font-weight : bold; }
	dl.list dd { margin : 0.2em 4em; }
.toggle li { background : url('img/toggle.png') top center; float : left; overflow : hidden; }
	.toggle li a { color : black; text-decoration : none; }
	.toggle li a, .toggle li b { background : url('img/toggles.png') no-repeat top right; display : block; height : 18px; padding : 3px 0.6em; }
	.toggle li.h { background : url('img/toggle.png') bottom center; }
	.toggle li.f { background : url('img/toggle.png') top left; }
	.toggle li.fh { background : url('img/toggle.png') bottom left; }
		.toggle li.h b, .toggle li.fh b { background : url('img/togglesh.png') no-repeat top right; }
	.toggle li.l { background : url('img/toggle.png') top right; }
	.toggle li.lh { background : url('img/toggle.png') bottom right; }
		.toggle li.l a, .toggle li.lh b { background : transparent; }
.info { background : 8px 0 no-repeat url('img/information.png'); border-left : dashed 1px gray; float : right; margin : 15px; padding : 0 15px 15px 35px; width : 15em; }
.infobox { background : #FFC url('img/information.png') no-repeat 7px; border : solid 1px black; display : block; padding : 0.5em 0.5em 0.5em 30px; }
.error { color : red; font-weight : bold; }
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { width: 100%; background: #fff; margin: auto; overflow: hidden; position: relative; }
	.stripViewer .panelContainer { left: 0; position: relative; top: 0; 	}
		.stripViewer .panelContainer .panel { float : left; }

ul.tabset { height : 24px; list-style : none; margin : 0; }
	ul.tabset li { background : left top no-repeat url('img/tsil.gif'); display : block; float : left; height : 27px; margin : 0 2px; }
		ul.tabset li.hl { background : left top no-repeat url('img/tshl.gif'); }
			ul.tabset li.hl a, ul.tabset li.hl b { background : right top no-repeat url('img/tshr.gif'); color : black; }	
	ul.tabset a, ul.tabset b { background : right top no-repeat url('img/tsir.gif'); color : white; display : block; font-weight : bold; padding : 4px 10px; text-align : center; text-decoration : none; }	
.tabset_end {	background : top repeat-x url('img/ts.gif'); clear : left; height : 10px; margin : 0 0 5px;	padding : 0; width : 100%; }
ul.library li {	float : left;	padding : 5px; text-align : center; width : 128px; }
	ul.library li .thumb { height : 128px; width : 128px; }
ul.albums li { float : left; padding : 5px; width : 334px; }
	ul.albums li .thumb {	float : left;	margin-right : 8px; }
#notebox { position : absolute; right : 5px; width : 193px; }
#notemargin {	left : 0;	margin-right : 200px; }
.note {	background : url('img/note.png') no-repeat top; padding : 0; width : 193px; }
	.note div { background : url('img/note_end.png') no-repeat bottom; font : 8pt chalkboard, comic sans ms, cursive; padding : 10px 15px 15px 10px; width : 168px; }
	.note .author {	font : bold 1em verdana, sans-serif; }
	.note .timestamp { display : block; font : 0.8em sans-serif; text-align : right; }
.contact { background : no-repeat url('img/contact.png'); float : left; font : 10px verdana, sans-serif; height : 76px; position : relative; width : 173px; }
	.contact div { height : 51px; left : 0; padding : 15px 10px 10px; position : absolute; top : 0; width : 153px; }
	.contact .vic { background : 71px 10px no-repeat url('img/coa_vic.png'); }
	.contact .nsw {	background : 68px 10px no-repeat url('img/coa_nsw.png'); }
	.contact .nt { background : 71px 10px no-repeat url('img/coa_nt.png'); }
	.contact .act {	background : 71px 10px no-repeat url('img/coa_act.png'); }
	.contact .wa { background : 81px 10px no-repeat url('img/coa_wa.png'); }
	.contact .tas {	background : 67px 10px no-repeat url('img/coa_tas.png'); }
	.contact .sa { background : 69px 10px no-repeat url('img/coa_sa.png'); }
	.contact .qld {	background : 68px 10px no-repeat url('img/coa_qld.png'); }
	.contact .client { background : no-repeat top right url('img/status-client.png'); }
	.contact .prospect { background : no-repeat top right url('img/status-prospect.png'); }
	.contact .opposition { background : no-repeat top right url('img/status-opposition.png'); }
	.contact .interschool { background : no-repeat top right url('img/status-interschool.png'); }
	.contact .owner, .contact .manager { font-weight : bold; height : 0; left : 15px; padding : 0; position : absolute; text-align : right; top : 58px; width : 145px; color : #00f; }
	.contact .manager { color : #f00; }

/* Forms */
.invalid { color : red; font-size : 0.8em; font-weight : bold; }
table.form { border-collapse : collapse; margin : 0 5em; }
	table.form tr { border-bottom : solid 1px #ccc; }
		table.form tr.submit { border : none; }
			table.form tr.submit th, table.form tr.submit td { padding : 2px; }
	table.form th {	font-weight : normal; text-align : left; vertical-align : top; }
	table.form th, table.form td { padding : 1em 2px 2px; }

div.form { border-left : solid 6px #AAB; width : 100%; }
	div.form label.row { width : 140px; float : left; padding-left : 10px }
	div.form div.item { margin : 0 0 0.3em; padding-left : 150px; padding-bottom : 3px; }
	div.form p { padding-left : 10px; }
		div.form p.submit { border-left : solid 150px #CCD; margin-top : -0.3em; padding : 0.3em }
	div.form hr, div.form .hr { clear : both; margin : 0 0 0.3em; border-top : solid 1px #99A; height : 5px; border-right : solid 1px #99a; width : 100%; overflow : hidden; }
		div.form hr.first, div.form div.first, div.form hr.submit, div.form div.submit { background : #CCD; }


.options { display : block; float : left; }
	.options div { margin : 0.4em 0; }
	.options .sub { margin : 5em 0 10px 20px; }
input.invalid, select.invalid {	background-color : red;	color : white; font-size : 1em; font-weight : normal; }
input.combo {	background :  no-repeat right url('img/combo.png'); }
#datebox iframe { border : none; height : 250px; width : 185px; }

/* Table Listings */
table.listing { border-spacing : 0; text-align : left; }
	table.listing th, table.listing td { border : none; margin : 0; padding : 4px; vertical-align : top; }
		table.listing.daily td { padding : 0; }
	table.listing th { background : no-repeat top center url('img/th.png'); border-right : 2px groove #FFF; height : 9px; overflow : hidden; text-align : left; font-size: 14px; line-height: 14px }
		table.listing th:first-child, table.listing th.f { background-position : top left }
		table.listing th:last-child, table.listing th.l { background-position : top right; border : none;}
		table.listing th a { color : #000; display: block; text-decoration : none; }
		table.listing th.headerSortUp:after { content : ' ↑'; }
		table.listing th.headerSortDown:after { content : ' ↓'; }
	table.listing tr { height : 25px; }
		table.listing tr.even { background : #f3f4f4 url(img/grad.png) repeat-x ; }
		table.listing tr.holiday { background : bottom repeat-x url('img/bgrad.jpg'); }
		table.listing tr.schoolholiday { background : bottom repeat-x url('img/rgrad.jpg'); }
		table.listing tr.blue td:first-child { background : 0 -10px repeat-x url('img/cgradb.png'); }
		table.listing tr.green td:first-child { background : 0 -10px repeat-x url('img/cgradg.png'); }		
		table.listing tr.red td:first-child { background : 0 -10px repeat-x url('img/cgradr.png'); }
		table.listing tr.yellow td:first-child { background : 0 -10px repeat-x url('img/cgrady.png'); }
		table.listing tr.h { color : white; cursor : default; height : 25px; }
		table.listing tr.hl td { background : 0 -10px repeat-x url('img/cgrady.png'); }
		table.listing tr.s { background : none; }
	table.listing td.s { border-left : solid 1px gray; }		
	table.listing.sortable thead th {	color : purple;	cursor : pointer; }
	table.listing.defined td { border-bottom : dotted 1px gray; }
	table.active tr:hover td { background: #fdf3bc }
        
table.lined td { border-bottom : solid 1px #ccc;  }

a.blue, a.red, a.green, a.yellow, .caption { color : black; display : block; float : left; margin : 0 1px 1px 0;	padding : 1px; text-decoration : none;	-moz-border-radius : 2px;	-webkit-border-radius : 2px; }
	a.red { background : #E84024; border : 1px #E84024 outset; color : white; }
	a.blue { background : #1ec1ef; border : 1px #1ec1ef outset; }
	a.green { background : #5DBB46; border : 1px #5DBB46 outset; }
	a.yellow { background : #F8E132; border : 1px #F8E132 outset; }

.foldout>li { border : solid 1px #030; margin : 2px; }
.foldout .bar { padding : 5px; background : url('img/bgrad.jpg') bottom; cursor : pointer; }
	.foldout .bar:before { content : "► "; color : #333; }
		.foldout .bar.open:before, .foldout .bar.opening:before { content : "▼ "; }
	.foldout .content { border-top : solid 1px #030; padding : 5px; }
	.foldout .bar.opening:after { content : url('img/loading.gif'); margin-left : 3em; }

/* Form visual elements */
.player { height : 1.8em }
	.player div { float : left; font-weight : bold; text-align : right; margin-right : 1em; width : 80px;
		height : 1.8em; }
	.player span { display : block; float : left; height : 1.2em; }
#players .player span { background : #CCF; cursor : pointer; padding : 2px 8px; -moz-border-radius : 1em; -webkit-border-radius : 1em }

.area {	text-align : center; }
	.area td { padding : 0 10px; }
	.area img { border : none; }
	.area a {	color : black; font-size : 1.3em; font-weight : bold; text-decoration : none; }
.db th { border-bottom : solid 1px black; }
.db td { border-right : solid 1px black; }

ul.buttons { margin-left : 10%; }
	ul.buttons li {	padding : 0.6em 0; }
ul.selector {	padding-left : 30px; }
ul.radiogroup { list-style : none; }

.hint { background : #CFA url('/img/icons/information.png') no-repeat 6px 6px; margin : 3px 0; padding : 4px 4px 4px 28px; -moz-border-radius: 8px; }
#error { background : white top repeat-x url('img/rgrad.jpg'); border : outset 1px #ccc; margin : 1em auto; padding : 20px; width : 300px; }
	#error ul { list-style : none; margin : 1em 3em }
		#error ul li { margin : 0 0 5px; padding : 0; }
			#error ul li a { background : left no-repeat url('img/arrow.png'); display : block; padding : 5px 3px 5px 28px; }

.unconfirmed { background : #FEE; border : solid red 1px; margin : 10px 25px; }
	.unconfirmed div { background : #FCC; color : red; padding : 5px; font-size : 0.8em; font-weight : bold; }
	.unconfirmed ul { margin : 5px 5px 5px 35px; padding : 0; }
	.unconfirmed p { margin : 5px; padding : 0; }

/* Availabilty Timetable */
#timetable { list-style : none; position : relative; }
	#timetable li { border-bottom : solid black 1px; min-height : 17px; padding : 2px 40px 0 100px; position : relative; }
		#timetable li.today {	border : solid 3px #f00; margin-top : -1px; }
		#timetable li span { position : absolute; right: 0; }
		#timetable li>.day { left : 0; position : absolute;	}
		#timetable li div.clear { background : white; clear : both; display: none; height : 0px; margin : 0; width : 1px; }

/* Availability legend */
ul.legend li { float : left; }
	ul.legend li span { border : solid 1px black; display : block; float : left; height : 12px; margin : 0 2px 0 10px; width : 12px; }
		ul.legend li.red span {	background : #E84024; }
		ul.legend li.green span {	background : #5DBB46; }
		ul.legend li.blue span { background : #1ec1ef; }
		ul.legend li.yellow span { background : #F8E132; }
ul.legend a { margin : 0 15px 0; text-decoration : none; }
	ul.legend a:hover { text-decoration : line-through; }

/* Static calendar */
table.scalendar td a { border : solid 1px #999; border-color : #ccc #666 #666 #ccc; color : black; display : block; font-size : 2em; margin : 2px; padding : 10px 20px; text-align : center; text-decoration : none; }
table.scalendar caption { border-bottom : 1px solid black; font-size : 2.5em; margin-bottom : 0.1em; padding-bottom : 0.1em; }
	table.scalendar caption a { color : black; font-size : 0.8em; }
table.scalendar .today { border : solid 3px #f00; margin : 0; }
table.scalendar th { text-align : center }

/* JS Calendar */
table.calendar { border : ridge 2px #01BEEC; text-align: center; width : 260px; }
	table.calendar.popup { background: #fff; z-index : 100; }
	table.calendar td { padding : 0; }
	table.calendar input, table.calendar select { background : #01BEEC; border : outset #01beec 1px; font-size : 10px; margin : 2px; width : 55px; }
		table.calendar input:active { border : inset #01beec 1px; }
	table.calendar table td { width : 17px; text-align : center; }
table.caldayheading { width : 240px; }
	table.caldayheading td { font-weight: bold; text-align : center; }
table.calcells { margin: 0 6px 0 6px;	text-align : center; }
	table.calcells td { border : outset 1px gray; cursor: pointer; font-weight: bold; height : 17px; padding : 4px; text-align: left; vertical-align: top; }
		table.calcells td div { margin: 0; padding: 1px; }
		table.calcells td.wkhead { border : 0; color : #888; }
		table.calcells td.curdate { border : solid 3px #f00; height : 17px; padding : 2px; }
		table.calcells td.cell_selected { background-color: #EEFF00; color: black; }
		table.calcells td.notmnth { background-color: #FFF; border: 0; color: #CCC; }

/* General Dates and Times */
.today, .today:hover { border : solid 2px #f00; }
.wkday:hover { background : #F66; color : white; }
.wkend { background : #EEE; }
.wkend:hover { background : #933; color : white; }
.pb_hol {	background : #CCF; }
.sc_hol { background : #AAA; }
.pb_hol:hover { background : #99F; }
.sc_hol:hover { background : #666; }

/* Google Maps */
#map { border : solid 1px black; float : right; height : 180px; width : 320px }
.gbtn { background-color: white; border: 1px solid black; cursor: pointer; font : 12px Arial,sans-serif; position : absolute; right : 0; text-align: center; width: 5.5em }
	.gbtn div { padding : 1px; border : solid 1px #bbb; }
		.gbtn div.up { border-color: #fff #bbb #bbb #fff }
		.gbtn div.down { border-color: #bbb #fff #fff #bbb; font-weight : bold; }

/* Javascript Popups */
#menu li li { list-style : disc; margin-left : 2em; }
.popup { z-index : 10; }
	.popup li { background : white; }
	.popup li a { border : outset 1px gray; display : block; padding : 2px; text-decoration : none; }
	
div.nicetitle { background: #FFC; border : outset 1px gray; color: #000; font : 12px Helvetica, Arial, sans-serif; left: 0; padding : 2px 4px; position : absolute; top : 0; z-index: 10 }

#searchpopup { position : absolute; right : 75px; top : 100px; width : 410px; z-index : 100; }
	#searchpopup .top { background : no-repeat top center url(img/searchpopup.png); height : 70px; }
	#searchpopup .box { background : no-repeat bottom center url(img/searchpopup.png); padding : 0px 35px 35px 25px; }
	#searchpopup h3 { border-bottom : solid 1px #c00; font-size : 1em; margin : 0 0 2px 0; padding : 8px 0 0 0; }
		#searchpopup h3:first-child { padding : 0; }

ul.popup_list { width : 152px; }
	ul.popup_list>li:before { content : '◀ '; }
	ul.popup_list li { background : #f8e132 url('img/menu.png') center right; border-bottom : solid 1px white; cursor : pointer; padding : 5px; position : relative; }
		ul.popup_list>li.active { background : #5DBB46 url('img/menu_hl.png') center right; }
		ul.popup_list>li:first-child { background-position : top right; }
		ul.popup_list>li:last-child { background-position : bottom right; }
		ul.popup_list li ul { display : none; }
			ul.popup_list li.active ul { display : block; margin-left : -157px; position : absolute; top : -7px; width : 152px; }
				ul.popup_list li.active ul>li { background : #5DBB46 url('img/menu_hl.png') center left; }
	ul.popup_list a { color : black; display : block; text-decoration : none; }

.grid { border-collapse : collapse; }
	.grid tr { border-top : solid 1px #ccc; }
		.grid tr td, .grid tr th { border-left : solid 1px #ccc; padding : 6px; text-align : left; }
			.grid tr th:first-child { border-right : solid 1px black; border-left : 0; }
		grid tr:first-child { border-bottom : solid 1px black; border-top : 0; }


.ac_results { padding: 0px;	border: 1px solid WindowFrame; background-color: Window; overflow: hidden; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; text-align : left; }
.ac_results iframe { display: none; position:absolute;	top:0;left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; }
.ac_loading { background : Window url('./indicator.gif') right center no-repeat; }
.ac_over { background-color: Highlight; 	color: HighlightText; }

table.boxTable { border-collapse : separate; border-spacing: 0 }
    table.boxTable td { padding: 10px; border: outset 1px #CFEAC8; background: #CFEAC8 }
    
button.boxButton { background: #68D24B; border: outset 1px #68D24B; font-weight: bold }

.banners img { border: solid 1px #999; }