/*** TEMPLATE GENERIC STYLES ***/
/*** Framework styles setup the basic site framework ***/
/*** The remainder of the styles in this section set various tag defaults which should be left as set ***/
/*** Only modify colouring in this section ***/

/*Framework styles*/

body {margin:0 0; padding: 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align:left; height:100%; background-color:#fafafa;}

#site-wrapper {
	width:960px;
  color:#333;
	font-size:72%;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	text-align:left;
	border:1px solid #ccc;
	background-color:#fff;
}

#header {
	width:100%;
	height:auto;
	background-color:#003325;
	color:#034E76;
	color:#fff;
	margin:0px;
	padding:0px;
}

#central-container {
	width:100%;
	margin:0;
	margin-top:30px;
	padding:0;
	line-height:200%;
}

#navbar {
	margin-top:0;
	margin-bottom:30px;
	margin-right:0px;
	padding:0;
	width: 180px;
	border: none;
	float:left;
	font-size:95%;
}

#content-wrapper {
	padding: 0 10px 10px 10px;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:200px;
	margin-right:20px;
	width:auto;
	font-size:101%;
	border:1px solid #8C8C8E;
	border:none;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
}

#content {
	float:left;
	overflow:visible;
	height:1%;
	width:69%;
}	

#floatingmenu{
	float:right;
}

#floatingmenu a{
	font-weight: bold;
	color: #002e21;
	text-decoration: underline;
}

div#footer{
	float:left;
	width:100%;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:8px;
	clear:both;
	color:#eee;
	margin-top:0px;
	background-color:#004f39;
}

/*Remainder of template styles*/

.clear {
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
}

.clear_content {
	clear:both;
}

img {
  border:none;
  padding:0px;
  margin:0px;
}

a {text-decoration: none; font-weight: normal;}
a:hover {text-decoration: underline;}
h1 {font-size: 200%; line-height:100%; margin-top:0;margin-right:-30px; font-weight:bold; color:#fff;
		background-color:#003325;padding:5px 5px 5px 20px; display:block;}
h2 {font-size: 150%; margin:15px 0 6px 0; color:#000;}
h3 {font-size: 120%; margin-top:8px; color:#000;}
h4 {font-size: 100%; color:#004f39; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
h5 {font-size: 100%; color:#6D6E71; font-weight:bold; margin-bottom:0px; padding-bottom:0px;}
p {text-align:left; margin:0 0 6px 0;}

#header a, #header a:visited {
	color:#fff;
}

#header img {
	float:left;
	margin: 0px;
	padding:0px;
}

#headerTop {
	padding:0px;
	margin:0px;
}
  
  /*HEADER - SEARCH FORM*/
div#header form{
	float:right;
	width:350px;
	text-align:right;
	padding:15px 10px 5px 0px;
	margin:0px;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
}

div#header form label{
	margin-right:3px;
}

div#header form input{
	width:112px;
	height:auto;
	font-size:100%;
	vertical-align:middle;
	padding-bottom:2px;
	border-radius:5px;
}

div#header form input.submit{
	width:auto;
	height:auto;
	color:#000;
	background-color:#fff;
	border:1px solid #9c9c9c;
	margin:0px;
	margin-left:10px;
}

div#header form input{width:200px;height:auto;font-size:100%;vertical-align:middle;padding-bottom:2px;}
div#header input#search {border:2px solid #99CC66;background-color:#fff;height:18px;border-radius:5px;box-shadow:3px 3px 10px #555;margin-bottom:13px;}
div#header input#search:focus {outline:none;background-color:#dec;box-shadow:4px 4px 10px #333;}
div#header form input.submit{width:auto;color:#000;background-color:#99CC66;border:1px solid #fff;margin:0 0 13px 10px;padding:6px 12px;font-weight:bold;border-radius:5px;box-shadow:3px 3px 10px #555;}
div#header form input.submit:hover{outline:none;box-shadow:3px 3px 10px #333;}
div#header form input.submit:active{position:relative;top:1px;}

div#header form input.radio{
	width:auto;
	margin:0;
	padding:0;
	}

div#header form label.radio {
	margin:0;
	padding:0;
	margin-right:15px;
}

div#header form #searchradio {
	margin-top:5px;
	display:inline-block;
}

div#header form p{
	margin:5px 0px 0px 0px;
	color:#fff;
	float:right;
}

/*HEADER - UNI LINKS*/
div#extra-links{
	width:110%;	
	color:#004f39;
	line-height: 50%;
	font-size:100%;
	background-color:#e2e2e2;
	padding:0px;
	margin:0px;
}
  
div#extra-links p{
	margin:0px 12px;
	padding:7px;
}

div#extra-links p span{
	padding:5px;
	padding-left:9px;
	padding-right:9px;
}

div#extra-links p span a:link{
	text-decoration:none;
}

div#extra-links p span a:visited{
	text-decoration:none;
}

div#extra-links p span a:hover{
	text-decoration:underline;
}

div#extra-links a:link, div#extra-links a:visited {
	color:#004f39;
}
  	
/*HEADER - BREADCRUMB*/
div#breadcrumb {width:100%; font-size:110%; background-color:#003325;
	padding:0; margin:0;line-height:50%;}
div#breadcrumb p{padding:10px 17px; margin:0px; line-height:100%; padding-left:9px;}
div#breadcrumb a:link{text-decoration:none;}
div#breadcrumb a:visited{text-decoration:none;}
div#breadcrumb a:hover{text-decoration:underline;}
div#breadcrumb a {font-weight:normal;}

#content a {font-weight: bold; color: #002e21;text-decoration: underline;}

.imgright {float:right; margin:5px 5px 5px 20px;}
.imgleft {float:left; margin:5px 30px 5px 5px;}
.imgborder {border:1px solid #ddd; padding:1px;}

#content a.noborder:hover {border:0;}

#content .adobe, #content .adobe a:link, #content .adobe a:visited {
	font-size: 95%; font-style: italic; color: #666;}

  div#footer p{line-height:140%;}
  div#footer p.left{float:left; margin:8px 10px 8px 10px;}
  div#footer p.right{float:right; text-align:right; margin:8px 10px 8px 10px;}
  div#footer a:link{text-decoration:none; color:#eee;}
  div#footer a:visited{text-decoration:none; color:#eee;}
  div#footer a:hover{text-decoration:underline;}

#navbar ul {padding:0; margin:0; list-style:none;}
#navbar ul a {line-height:1.25em;}
#navbar ul li {line-height:1.25em; margin-bottom:-1px; width:180px;}
#navbar ul li a {
	display:block;
	width:180px;
	text-decoration:none;
	background-color:#e2e2e2;
	background-image: url(../images/nav/arrow_nav.gif);
	color:#004f39;
	background-repeat:no-repeat;
	background-position:5px 12px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:none;
	padding:7px 15px;
	voice-family: "\"}\""; /*ie fix*/
	voice-family:inherit; /*ie fix*/
	width:148px;
}
#navbar ul li ul {display:none;}
#navbar ul li.active ul li ul {display:none;}
#navbar ul li.active ul {display:block;}
#navbar ul li.active ul li.active ul {display:block;}
#navbar ul li a:hover {color:#fff; background-color:#004f39; background-image: url(../images/nav/arrow_nav_hover.gif);}
#navbar ul li ul {padding:0px; margin-top:0px; margin-bottom:0px;}
#navbar ul ul li a:hover{background-color:#004f39;}
#navbar ul li.active a, #navbar ul li.active a:hover {background-image: url(../images/nav/arrow_down_white.gif);
																					background-color: #004f39; color:#fff;}
#navbar ul li.active ul li a {background-image: url(../images/nav/arrow_nav.gif);
												background-color:#d7d7d7; color:#004f39; margin-left:5px;}
#navbar ul li.active ul {margin-bottom:2px;}
#navbar ul li.active ul li a:hover {background-image: url(../images/nav/arrow_nav_hover.gif);
															background-color:#004f39; color:#fff;}
#navbar ul li ul li.active a, #navbar ul li ul li.active a:hover {background-color: #004f39; color:#fff;}
#navbar ul li ul li.active a {background-image: url(../images/nav/arrow_subnav_white.gif);}

#navbar ul li.active ul li.active ul li a {background-image: url(../images/nav/arrow_nav.gif);
																			background-color: #ccc; color:#004f39; margin-left:10px;}
#navbar ul li.active ul li.active ul li a:hover {background-color: #004f39; color:#fff; }
#navbar ul li.active ul li.active ul li.active a {background-image: url(../images/nav/arrow_nav_hover.gif);
																						background-color: #004f39; color:#fff;}
#navbar ul #depttag a{background-image: url(../images/nav/arrow_back_white.gif);
								background-color: #e2e2e2; border: none; margin-bottom:8px;}
#navbar ul #depttag a:hover {background-color:#004f39;}

/*** END OF GENERIC TEMPLATE STYLES ***/

/*** SITE SPECIFIC STYLES BELOW ***/

ol {list-style-type:decimal; margin:2px 0 10px 30px; padding:0;}
ul {list-style-type:disc; margin:2px 0 10px 30px; padding:0;}
ol li ol, ul li ol {list-style-type:lower-alpha;}
ol li ul, ul li ul {list-style-type:disc;}

table {border-collapse:collapse;}
td, th {border:none; padding-left:10px;text-align:left;}
th {padding: 5px 10px; background-color:#004f39; color:#fff;}

#staff {border:none; padding: 0px; margin:0px; text-align:left;}
#staff td {padding-top:8px; padding-bottom:8px; border-bottom:1px solid #ccc;}

.atoz {margin-left:15px; background-color:#e2e2e2;}
.atoz a {padding:4px 8px;}
#content .atoz a:hover {background-color:#00aeef; border:none;}

/*** CSS COMPLIANT BROWSER ENHANCEMENTS (ie. won't work in <IE7 ;) ) ***/

#content tr:hover td {
	background-color:#228844; color:#fff;}
#content tr:hover td a {color:#fff;border-color:#fff;}

#content table.noborder tr:hover td {
	background:#fff; color:#000;}
#content table.noborder tr:hover td a {
	color:#000;}
	
#content table.portraits {border:none; text-align:center; width:600px; margin-left:50px;}
#content table.portraits td {padding-top:10px;}
#content table.portraits tr:hover td {background-color:transparent; color:#000;}
#content table.portraits img {border:1px solid #004f39; padding:2px; background-color:#fff;}
#content table.portraits img:hover {background-color:#ddd;}

.table_list td, .table_list th {
	padding: 5px 7px 5px 7px; border:1px solid #ccc;}
.table_list th {color:#fff; background-color: #004f39; border:none;}

div.page_block {padding:5px 10px; margin-bottom:25px; border-top:2px solid #ccc;}

#error-search {width:207px; border:1px solid #ccc; background-color:#eee; padding:5px; margin:20px 40px;}

#content fieldset {border:1px solid #004f39; border-left:2px solid #004f39;
									margin-bottom:10px; padding:10px; padding-left:20px;}
#content legend {font-size:100%; border:1px solid #004f39; border-left:2px solid #004f39;
								background-color: #004f39; color:#fff; padding:3px 6px; margin-left:-10px; margin-bottom:10px;}
#content label {padding-right:5px; text-align:left; vertical-align:middle;font-weight:bold;} /* FLOAT AND BLOCK MODS MADE HERE - 13/08/09 */
#content select {vertical-align:middle;}
#content input {margin-right:10px; vertical-align:middle;}
label.lineup {display:inline-block; width:100px;}
#content label.lineup300 {display:inline-block; width:400px;}

div.surveyintro {border:1px solid #e2e2e2; border-left:2px solid #e2e2e2; background-color:#eee;
									padding:5px 20px; margin-bottom:20px; font-size:120%;}

table.surveytable th {background-color:#eee; color:#000; font-weight:normal;}
table.surveytable th.thstrong {font-weight:bold;}

div.highlight {display:inline-block; border:solid #004f39; border-width:1px 0;
								margin:5px 0px; padding:10px 0px; background-color:#def1f8;
								width:100%;text-align:center;font-size:120%;}
span.highlight {color: #00aeef; font-weight:bold;}
p.highlight {padding:1em 2em;font-weight:bold;background-color:#dec;width:435px;}
#content div.highlight a {color:#004f39;}
#content tr.highlight {font-weight:bold;}
#content tr.highlight td {border-bottom:3px solid #004f39;}

div.highlight2 {display:inline-block; border:solid #004f39; border-width:1px 0;
								margin:5px 0px; padding:10px 0px; background-color:#def1f8;
								width:100%;text-align:center;font-size:120%;}
span.highlight2 {color: #00aeef; font-weight:bold;}
p.highlight2 {padding:1em 2em;background-color:#dec;}
#content div.highlight2 a {color:#004f39;}
#content tr.highlight2 {font-weight:bold;}
#content tr.highlight2 td {border-bottom:3px solid #004f39;}

div.highlight3 {padding:1em 2em;background-color:#dec;margin-bottom:10px;}
div.highlight4 {padding:1em 2em;font-weight:bold;background-color:#dec;width:350px;border:2px solid #99CC66;border-radius:5px;}
div.highlight5 {padding:1em 2em;font-weight:bold;background-color:#dec;width:435px;border:2px solid #99CC66;border-radius:5px; margin-bottom:10px;}
	div.highlight5 p {font-weight:normal;}
	div.highlight5 ul {font-weight:normal;}
div.highlight6 {padding:1em 2em;font-weight:normal;background-color:#dec;width:435px;border:2px solid #99CC66;border-radius:5px; margin-bottom:10px;}


/*div.box_right, span.box_right {float:right; clear:right;width:200px; border:solid #004f39; border-width:0px 0 0px 0px;
								padding:0 10px 5px 10px; margin-left:30px; margin-right:-30px; margin-bottom:20px; background-color:#99CC66;color:#000;}
div.box_right p, div.box_right h2 {text-align:left;}
div.box_right h2 {margin:0 -10px 3px -10px;padding:10px 15px;display:block;background-color:#004f39;color:#fff;}
div.box_right p {margin-top:0;margin-bottom:3px;}
div.wide {width:200px;}*/

div.box_right, span.box_right {float:right; clear:right; width:200px; border:solid #004f39; border-width:0px 0 0px 0px;
								padding:0 10px 5px 10px; margin-left:30px; margin-right:-30px; margin-bottom:20px; background-color:#dec;color:#000;}
div.box_right p, div.box_right h2 {text-align:left;}
div.box_right h2 {margin:0 -10px 3px -10px;padding:10px 15px;display:block;background-color:#99CC66;color:#000;}
div.box_right p {margin-top:0;margin-bottom:3px;}
div.wide {width:200px;}

acronym {border-bottom:1px dotted #555; cursor:help;}

#content a.info_link:hover {border:none;}

#content .hidden {display:none;}

div.select {
	margin:0;
	padding:5px 15px;
}

/*div.select input {
	margin:3px 20px 3px 3px;
	padding:0;
}*/

div.select form {
	padding:0;
	margin:0;
}

span.col {
	float:left;
	margin-right:30px;
}

div.select textarea, div.select input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}

div.select form fieldset {
	border:1px solid #004f39;
	background-color:#e3f1f1;
	margin-bottom:20px;
	padding:5px 15px;
}

div.select form legend {
	background-color:#004f39;
	color:#fff;
	font-weight:bold;
	padding:2px 10px;
	margin-bottom:10px;
}

* html #content div.select form fieldset{
	position: relative;
	margin-top:3em;
	padding-top:20px;
}

* html #content div.select form legend{
	position:absolute;
	top: -13px;
	left: 12px;
}

input.button {border:1px solid #ccc; background-color:#efefef; padding:1px; width:30px; cursor:pointer;}
input.button:active {background-color:#004f39; color:#fff;}

#content label.inline {padding-right:2px; margin-right:0; padding-left:0;}
#content input.inline {padding-left:3px; margin-left:0; padding-right:0; margin-right:15px;}

div.funcCol{float:left; width:220px; margin-bottom:10px; margin-left:1px;}
div.funcCol label {width:175px; display:block; float:left;}
div.funcCol input {width:20px; display:block; float:left;}

div.funcCol4{float:left; width:165px; margin-bottom:10px; margin-left:1px;}
div.funcCol4 label {width:125px; display:block; float:left;}
div.funcCol4 input {width:20px; display:block; float:left;}


/* Check this section - somethings not quite right with the Type selection on the Add New part of the admin page. */
#addFb div.funcCol4{float:left; width:150px; margin-bottom:10px; margin-left:1px;}
#addFb div.funcCol4 label {width:100px; display:block; float:left; margin:0; padding:0;}
#addFb div.funcCol4 input {width:25px; display:block; float:left; margin:0; padding:0;}

textarea {vertical-align:top;}

#content table.rating tr {margin:0; padding:0;}
/*#content table.rating tr:hover {background-color:#d7ebea;}*/
#content table.rating th {margin:0; padding:0; background-color:transparent; color:#000; font-weight:normal; font-size:95%; text-align:center;}
#content table.rating td {margin:0; padding:0; background-color:transparent; color:#000; font-weight:normal; text-align:center;}
#content table.rating input {margin:0; padding:0;}

#content tr.rowalt1 td {background-color:#d7ebea;}
#content tr.rowalt2 td {background-color:transparent;}

label {vertical-align:text-bottom;}
input {vertical-align:middle;}

.validateTip {display:none;font-weight:bold;color:#000;float:right;width:200px;text-align:left;clear:right;}
.validateTipWide {display:none;font-weight:bold;color:#000;width:auto;text-align:left;clear:right;}
label.required {background-image:url(../images/nav/required.gif);background-position:left;background-repeat:no-repeat;padding-left:8px;}

ul.rh_menu {margin-left:0}
/*ul.rh_menu li {list-style-image:url(../images/nav/arrow_nav.gif);margin-left:12px;padding-top:0px;}*/
ul.rh_menu li {background:url(../images/nav/arrow_nav.gif) no-repeat 0 9px;
								margin-left:5px;padding-top:0px;padding-left:10px; list-style-type:none;}

#content form{padding:0;margin:0;}
#content form fieldset {border:none;border-top:1px solid #004f39;margin-bottom:20px;padding:5px 15px;}
#content form legend {background-color:#004f39;color:#fff;font-weight:bold;padding:2px 10px;margin-bottom:10px;}
#content form input {font-family:Arial, Helvetica, sans-serif;font-size:100%;
											padding-left:3px; margin-left:0; padding-right:0; margin-right:5px;}
#content form input.submit {padding:3px 20px;}
#content form label {padding-right:2px; margin-right:0; padding-left:0; width:150px; display:inline-block;}
#content form label.flex {padding-right:2px; margin-right:15px; padding-left:0; width:auto;}
#content form span.question {display:block;border-bottom:1px solid #ddd; padding:5px;}

#content #login input.text {
     border-style: solid;
     border-width: 2px;
		 border-radius:5px;
		 border-color:#99CC66;
     color: #000;
     padding:3px 5px;
/*     background-image: url(/admin/estates/planon/images/search_box.gif);*/
     margin-left:3px;
		 margin-bottom:10px;
		 height:20px;
		 width:119px;
		 font-weight:bold;
}
#content #login input.text:focus {outline: none; background-color:#dec;}

tr.darkrow {background-color:#dec;}
tr.lightrow {background-color:#fff;}

#new_job a.button-link {
	display: block; width: 150px; height: 25px; padding: 10px 5px; margin: 0 auto;

	background: #004f39; /* old browsers */
	background: -moz-linear-gradient(top, #8DD297 0%, #004f39 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8DD297), color-stop(100%,#004f39)); /* webkit */

	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	border: 1px solid #5ea617;
	border-radius: 10px;

	font: bold 100% Helvetica, Sans-Serif; text-align: center;
	text-decoration: none;
/*	color: #147032;*/
	color: #fff;
	text-shadow: 0px 1px 2px #b4d1ad;

	-moz-transition: color 0.25s ease-in-out;
	-webkit-transition: color 0.25s ease-in-out;
	transition: color 0.25s ease-in-out;
}

#new_job a.button-link:hover{
/*		color: #145675;*/
		color: #fff;
		text-shadow: none;

		-moz-transition: color 0.25s ease-in-out;
		-webkit-transition: color 0.25s ease-in-out;
		transition: color 0.25s ease-in-out;
	}
	
/* PROBABLY NOT USED?

	input#SubmitFilterChoice {
	border: 1px solid #095E2D;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #008E00;
	color: white;
	cursor: pointer;
	font-weight:bold; 
	overflow: visible;
	padding:6px 12px; 
	
}*/

div#new_job {float: none;
    width: 160px;
    margin-right: 5%;
    margin-top: 2%;
    margin-bottom: 1%;
    margin-left: 40%;}

div#duplicate_jobs_container {margin-bottom:15px;padding:15px;}

#duplicate_jobs {border:1px solid #ccc;}
#duplicate_jobs td {padding:5px 10px;font-size:90%;}
#duplicate_jobs th {padding: 5px 10px; background-color:#99CC66; color:#000;}
#duplicate_jobs td.comment {color:#666;font-size:80%;}

img.front_icon {padding:0; margin:0px 0px -6px 0px;}

div.emergency-faults {background-color:#f99;width:482px;padding:0;border-radius:5px;box-shadow:0 0 10px #ccc;margin-top:20px;}
div.emergency-faults h2 {background-color:#B6050A;color:#fff;font-weight:bold;margin:0 0 10px 0;padding:10px;}
div.emergency-faults p {margin:0;padding:10px;font-weight:bold;font-size:110%;color:fff;}

div.login-message {padding:1em 2em;font-weight:bold;background-color:#dec;width:435px;}

.collapsect {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  margin-top:5px;
  
}

.active, .collapsect:hover, .collapsect:focus{
  background-color: #ccc;
}
.collapsiblecontent {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}