body {
	padding: 5px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/****************  header + logos **************************/
#top {
	display: block;
}

#loading {
	background-color: #ffcccc;
	padding: 10px;
	display: none;
	font-size: 1.4em;
	font-weight: bold;
}

.partner_logo {
	float: right;
	margin-left: 30px;
	margin-bottom: 2px;
}

#sitelogo {
	margin: 0;
	padding: 0;
}

#title {
	clear: both;
	color: #FFFFFF;	
	font-weight: bold;
	margin:0;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}


#logon {
	width: 50%;
	text-align: right;
	float: right;
	font-weight: normal;
	color: #fff;
}


#main { 
	margin-left: 190px;
	margin-top: 0px;
}

#main h2 {
	margin-top: 0;
}

#container {

}


.topR {
	background-image: url("http://www.childhealthmapping.org.uk/images/js/cn_tr.gif");
	background-position: right top;
	float: right;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.topL {
	background-image: url("http://www.childhealthmapping.org.uk/images/js/cn_tl.gif");
	background-position: left top;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#help {
	width: 14em;
	float: right;
	background: #006388;
	font-size: 0.9em;
	margin-left: 20px;
	margin-top: 30px;
}

#helpTitle {
	margin: 0;
	background: #006388;
	font-size: 1em;
	
}

#helpTitle nobr {
	font-weight: bold;
	padding: 3px 5px;
	margin: 0;
	color: #fff;
}


#helpText {
	background: #f5f5f5;
	padding: 1px 5px 3px 5px;;
	margin: 0px 1px 1px 1px;
}

#helpText p {
	margin-top: 2px;
}

#mainnav {
	width: 180px;
	float: left;
	border-bottom: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	margin-bottom: 20px;
	margin-top: 2px;
}

#mainnav a {
	width: 100%;
	text-decoration: none;
}

#mainnav a:hover {
	color: #000;
	text-decoration: underline;
}


#mainnav ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

#mainnav .nav_item {
	display: list-item;
	border-top: 1px solid;
	padding: 3px 10px;
}
#selected_nav {
	border-right: 6px solid;
}
#selected_subnav {
	font-weight:	bold;
}

.subnav {
	display: list-item;
	padding: 3px 10px 3px 20px;
	font-size: .9em;
}


#optionsHeader {
	padding: 3px 10px 3px 48px;
	border-top: 1px solid;
	font-weight: bold;
	color: #fff;
}

/*
#mainnav ul.selected_children li {
	font-size: 0.9em;
	margin-top: 0px;
	border: none;
	padding-left:0px;
}
#mainnav ul.selected_children a {
	color: #000;
}

#mainnav ul li.newSection {
	font-size: 0.8em;
	font-weight: bold;
}

#mainnav ul li select {
	width: 100%;
}
*/

#place_results {
	font-size: 0.8em;
}

#place_results .place_extra_info {
	font-size: 0.8em;
	color: #7e317b;
}

#footer {
	margin-top: 100px;
	border-top: 1px solid;
	font-size: 0.7em;
	clear: both;
}

#footer_text {
}

div.row {
	padding-top: 10px;
	display: block;
  }

div.row span.label {
	width: 130px;
	padding-right: 5px;
	text-align: right;
	font-weight: normal;
	float:left;
	display: block;
  }

div.row span.formw {
	text-align: left;
	display: block;
	margin-left: 135px;
  } 
  
div.service {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 20px;
	margin-bottom: 5px;
	border-bottom: 2px solid;
}


.instructions_why {
	color: #7e317b;
	font-size: 0.8em;
}

/* CSS USED ON THE LISTSERVICEENTRIES PAGE */
.DELEGATED {
  background:#FFBBBB;
}
.INPROGRESS {
  background:#FF9999;
}
.DELEGATECOMPLETED {
  background:#FFDDDD;
}
.SIGNEDOFF {
  background:#99FF99;
}

/* CSS USED BY SELF ASSESSMENT STATUS */
.NOTACHIEVED {
  background:#ff0000;
}
.STARTEDWORKINGTOWARDS {
  background:#ff9900;
}
.GOODPROGRESS {
  background:#ffcc00;
}
.ACHIEVEDFULLY {
  background:#008000;
}
.DATAENTRYINPROGRESS {
  background:#aaaaaa;
}


/* CSS USED IN THE QUESTIONNAIRES **/
.instructions {
	margin: 0;
	font-size: .9em;
	color: #aa2b4a;
	font-style: italic;
}
.help {
	padding: 1px 10px;
	font-size: .9em;
	color: #006388;
	background: #c4e5fa;
}
.guidance {
	padding: 1px 10px;
	background: khaki;
	font-size: .9em;
}
/*
.qvertical {
	border: 1px solid #91b8bd;
	background: #cfdad1;
	font-size: 0.8em;
	font-style: italic;
}
*/

#main table {
border:solid 1px #d1d9ff;
margin-bottom:10px;
}

#main table th {
text-align:left;
padding:.25em .25em .25em .5em;
}

#main table tfoot td {
font-weight:bold;
}

#main table tr.warning {
	background: #FFE0FF;
	color: #FF0000;
}

#main table tr {
  background:#EDF0FF; 
}

#main table td {
padding:.25em .25em .25em .5em;
}

#main table thead td, #main table thead th {
  background:#D1D9FF;
  font-weight:bold;
}

table.fm {
margin-bottom:1em;
width:100%;
}

table td.fminput {
width:100px;
}

table tfoot td {
font-weight:bold;
}

span.question_text {
  vertical-align: top;
 width: 100px;
}

#search_bits {
	padding: .2em 1em;
	font-size: .8em;
}

/*****************************
 ***** COLOURS ***************
 *****************************/

/* Dark ****************/

h1,h2,h3,h4,h5, #mainnav a, #footer, div.row span.label, #search_bits {
  color: #006388;
}

footer, div.service, #search_bits {
	border-color: #91b8bd;
}

#title, #logon, #optionsHeader, #guidanceHeader, #nav_mapHeader {
	background: #006388;
}

/* Mid *****************/

#mainnav, #mainnav .nav_item, #optionsHeader {
	border-color: #91b8bd;
}

/* Light ***************/
#selected_nav, #mainnav ul li:hover {
	background: #CADCDF;
}
#logon a {
	color: #CADCDF;
}

/* Very light **********/
.subnav, #search_bits {
	background: #D5E3E6;
}

/* Super light *********/
.nav_item {
	background: #E4EDEF;
}

/* rainbow */
#optionsHeader {
	background-image: url("http://www.childhealthmapping.org.uk/images/rainbow.png");
	background-repeat: no-repeat;
	background-position: left center;
}

#guidanceHeader {
	background-image: url("http://www.childhealthmapping.org.uk/images/sun.png");
	background-repeat: no-repeat;
	background-position: left center;
	
	padding: 3px 10px 3px 48px;
	border-top: 1px solid;
	font-weight: bold;
	color: #fff;
}
#guidanceInfo {
	font-size: 0.75em;
	padding: 3px 50px 3px 10px;
	background-image: url(http://www.childhealthmapping.org.uk/images/miniGuidance.png);
	background-repeat: no-repeat;
	background-position: right center;
}

	/* stuff for CSS/div questionnaire layout */
	div.question {
	padding: 3px 3px 3px 3px;
	border: 1px solid #cccccc;
		   
	}
	div.question_text_wide {
	padding: 1px 1px 1px 1px;
	background: #CADCDF;
	}
	div.question_text {
	padding: 1px 1px 1px 1px;
	background: #CADCDF;
	}
	div.answer {
	}

	div.subattrs {
	position:relative;
	left: 5%;
	width: 95%;
	}

	div.definition {
	  font-style: italic;
	}

	input.form_button {
	padding: 3px 3px 3px 3px;
	//	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: #cccccc #000000 #000000 #cccccc;
	background: #006388;
	color: white;
	font-size: 80%;
	}

p.form_button, span.form_button {
	padding: 3px 3px 3px 3px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: #cccccc #000000 #000000 #cccccc;
	background: #006388;
	color: white;
	font-size: 80%;
	width:100px;
	}

	input.form_button_pressed {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000 #cccccc #cccccc #000000;
	background: #006388;
	color: white;
	font-size: 80%;
	}

	.form_button_pressed {
	padding: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 2px;
	border-color: #000000 #cccccc #cccccc #000000;
	background: #006388;
	color: white;
	font-size: 80%;
	width:100px;
	}

 span.text_button {
	padding: 0px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background: #006388;
	color: white;
	font-size: 80%;
	width:100px;
	}
	.financebox {
	  text-align: right;

	}

	.error{
	background: red;
	color: white;

	}

	table.sm_progress_bar {
	  border-collapse: collapse;
	width: 50%;
	}
	
	td.sm_progress_done {
	  border: 1px solid black;
	  background-color: grey;
	}

	td.sm_progress_current {
	  border: 1px solid black;
	  background-color: black;
	}

	td.sm_progress_notyet {
	  border: 1px solid black;
	  background-color: white;
	}

        .expanding 
           {
              	  border: 1px solid black;
             color: white;
                  background-color: #006384;
           }
        
		
#nav_mapHeader {
	color: white;
	padding: 3px 10px;
	font-weight: bold;
}
#nav_mapInfo {
	font-size: .75em;
	padding: 3px 50px 3px 10px;
	background-image: url(http://www.childhealthmapping.org.uk/images/map_pointer.gif);
	background-repeat: no-repeat;
	background-position: right center;

}