﻿
body  { font: 0.75em Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0;	text-align: center; color: #000000; }
input, button, select, table, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; }

/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; height:100%; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

table, input, textarea, select { font: small Verdana, Arial, Helvetica, sans-serif; font-size:100%; }
table { border-collapse:collapse; }
caption { display:none; }
img { border:0; }
h1 { font-size:140%; }
h2 { font-size:130%; }
h3 { font-size:120%; }
h4 { font-size:110%; }
h5 { font-size:100%; }

#all {  }

#top { width: 100%; background: #2c2c2c; text-align: left; margin:0; padding:0; line-height:3em; } 
#top .sidebar1 { text-align:center; }
#top .mainContent { margin:0 0 0 15em; background:#000000; text-align:right; min-height:3em; } 
#top ul { list-style:none; padding:0; margin:0; }
#top li { padding:0 0.5em; border-right/**/:1px solid #424242; float:right; }
#top li.noline { border/**/:0; }
#top a { color:#E4CC2C; font-weight:bold; text-decoration:none; }
#top a:hover { text-decoration:underline; color:#FFFFFF; }

#header1 { width: 100%; text-align: left; margin:0; padding:0; border-top:1px solid #ffffff; } 
#header1 .sidebar2 { background: #ffffff; text-align:center; }
#header1 .mainContent { margin:0 15em 0 0; } 
#header1 h1 { font-size:230%; color:#FFFFFF; font-weight:normal; padding:15px; margin:0; }

#header2 { width: 100%; background: #FFFFFF; text-align: left; margin:0; padding:0; } 
#header2 .sidebar1 { background: #D6BE1E; }
#header2 .sidebar2 {}
#header2 .mainContent { margin:0 15em 0 0; background:#E4CC2C; } 
#header2 ul { list-style:none; padding:0; margin:0; height:100%; width:15em; }
#header2 li { float:left; padding:0; margin:0; width:24%; }

#main { width: 100%; text-align: left; background: #98BED9; margin:0; padding:0; border-top:1px solid #ffffff; } 
#main .sidebar1 { font-weight:bold; }
#main .sidebar1 a {  text-decoration:none; display:block; width:100%; }
#main .sidebar1 a:hover { text-decoration:underline; }
#main .sidebar1 .zones li { padding:5px; margin:0; border-bottom/**/:1px solid #ffffff; }

#main .sidebar2 { color:#FFFFFF; }
#main .sidebar2 a { text-decoration:none; }
#main .sidebar2 a:hover { text-decoration:underline; }
#main .sidebar2 fieldset { border:0px; padding:0; margin:10px; font-size:90%; }
#main .sidebar2 .search { width:10em; }
#main .sidebar2 h2, #main .sidebar2 h3, #main .sidebar2 h4, #main .sidebar2 h5  { margin:0; padding:5px 5px 5px 10px; font-size:100%; color:#666666; background:#cccccc; border-bottom:1px solid #666666; border-top:1px solid #666666; }
#main .sidebar2 .text { background:#ffffff; color:#000000; margin:0; padding:5px 5px 5px 10px; }
#main .sidebar2 .text a { color:#000000; }
#main .sidebar2 .table { margin-left:5%; border:1px solid #ffffff; }
#main .sidebar2 .table th { color:#000000; font-weight:normal; padding:5px; border:0; }
#main .sidebar2 .table a { color:#ffffff; }

#main .sidebar2 .asearch {text-decoration:none; margin: 0 0 10px 10px; clear:both;}
#main .sidebar2 .asearch a {color:#FFFFFF;}


#main .mainContent { margin:0 15em; background:#82B1D1; min-height:30em; height:auto; border-left:1px solid #ffffff; border-right:1px solid #ffffff; color:#FFFFFF; } 
#main .mainContent .zones li { padding:0; margin:0; border-top/**/:1px solid #ffffff; }
#main .mainContent .zones a { text-decoration:none; font-size:120%; font-weight:bold; display:block; padding-left:180px; height:128px; line-height:128px; }
#main .mainContent .zones a:hover { text-decoration:underline; }
#main .mainContent .zones .pinkbg { background-image:url(../images/zoneChildren.jpg); background-repeat:no-repeat; }
#main .mainContent .zones .greenbg { background-image:url(../images/zoneYoungPeople.jpg); background-repeat:no-repeat; }
#main .mainContent .zones .bluebg { background-image:url(../images/zoneParents.jpg); background-repeat:no-repeat; }
#main .mainContent .zones .orangebg { background-image:url(../images/zonePractitioners.jpg); background-repeat:no-repeat; }

#main .mainContentInner { padding:10px; } 
#main .mainContentInner a { color:#FFFFFF; }
#main .mainContentInner #breadcrumb { border-bottom:1px solid #ffffff; padding-bottom:5px; }
#main .mainContentInner #breadcrumb ul { list-style:none; padding:0; margin:0; }
#main .mainContentInner #breadcrumb li { display:inline; padding:0; }

#footer { width: 100%; background: #2c2c2c; text-align: left; margin:0; padding:0; border-top:1px solid #ffffff; color:#E4CC2C; } 
#footer .sidebar1 {}
#footer .sidebar2 {}
#footer .mainContent { margin:0 15em; background:#000000; border-left:1px solid #ffffff; border-right:1px solid #ffffff;} 
#footer .mainContentInner { padding:5px 5px 0 5px;} 
#footer .mainContentInner p { margin-top:0px; clear:both} /* amend for div spacing correction */
#footer a { color:#E4CC2C; }

#bottom .mainContent { padding:15px; } 

/********** COMMON LAYOUT STYLES ***************/

.sidebar1 { float: left; width: 15em; margin: 0; padding: 0; }
.sidebar2 { float: right; width: 15em; margin: 0; padding: 0; }
.mainContent { margin: 0; padding: 0; } 

/****************************************************/

#logo1 { margin:0.3em 0; }
#logo2 { margin:8px 0; }
#logo3 { margin:15px 70px; }

.greenbg { background:#9FCE66; }
.orangebg { background:#F4A01A; }
.pinkbg { background:#D70C8C; }
.bluebg { background:#00ADEF; }
.darkbluebg { background:#0462A2; }
.lightbluebg { background:#D3E4EE; }

.greenfont { color:#9FCE66; }
.orangefont { color:#F4A01A; }
.pinkfont { color:#D70C8C; }
.bluefont { color:#00ADEF; }
.darkbluefont { color:#0462A2; }
.lightbluefont { color:#D3E4EE; }

.padding { padding:3px; }
.padding a { text-decoration:none; }
.padding a:hover { text-decoration:underline; }

.zones { list-style-type:none; margin:0; padding:0; }
.zones a { color:#ffffff; }
.zones .noline { border/**/:0; }

.menu { list-style-type:none; margin:0; padding:0; }
.menu li { padding:5px 5px 5px 30px; margin:0 0 0 0px; border-bottom/**/:1px solid #98BED9; background:url(../images/arrowSmall.gif) no-repeat center left; }
.menu a { color:#000000; }

.button { width:22px; height:22px; background:url(../images/arrowBig.gif); border:0; cursor:pointer; }

.results { border:1px solid #ffffff; }
.results td { border-top:1px solid #ffffff; }
.results th { border:0; text-transform:capitalize; border:0; }
.results a { text-decoration:none; }
.results a:hover { text-decoration:underline; }
.results .tableBottom { text-align:right; font-size:90%; }
.results .tableBottom a { font-weight:bold; }

.notes { padding:40px; font-weight:bold; color:#000000; }

.hidden { display:none; }

.enabled { color:#666666; display:inline; }
.disabled { color:#000000; display:none; }

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both; height:0; font-size: 1px; line-height: 0px;}





/* 2 POSSIBLE STYLES FOLLOW */

/* all on one line */
.searchformoneline .label-control  {margin:0px 10px; float:left; margin-right:0.5em; }
.searchformoneline .label {margin:3px 0.5em 3px 0; }


/******************************/
.disclaimer {font-size: 8pt; padding-bottom: 5px;}

#ctl00_quicksearch1_pnlQuickSearchButtonLabel{display:none;}
#ctl00_quicksearch1_pnlPostcode{width:7em; }
#ctl00_quicksearch1_pnlQuickSearchButton{margin-top:1.7em;}
#ctl00_quicksearch1_ctlPostcode {margin-right: 3px;}

/* OL Brand */
#olbrand {text-align: left; padding-top: 7px; padding-left: 7px;}
#olbrand img {border: none;}


/********.searchform general ********/
/*.searchform { margin-bottom:5px;}
.searchform span { font-style:italic; color:#00ff00; padding-left:0.5em; }
.searchform .hidden { display:none; }
.searchform .error { font-weight:bold; color:#ff0000; }
.searchform .label {display:block; width:150px;  float:left;  }
.searchform .control {float:left; }*/

/******** Advanced Search *******/
/*.asearch .label-control{margin-top:5px;  clear:both; border: solid 0px red; width: 450px;}
.asearch .label {font-weight:bold; padding-bottom:2px; width: 100px; float: left; color: #fff; padding-top:0;}
.asearch .control {float: left;}
.asearch .control select {margin-right: 5px;}
#ctl00_CSDContent_AdvancedSearch1_lblAgeRangeMin {padding-right: 5px;}
#ctl00_CSDContent_AdvancedSearch1_lblAgeRangeMin {padding: 0 2px 0 2px;}
#ctl00_CSDContent_AdvancedSearch1_ctl00_ctlPostcode {margin-right: 5px;}*/


/******** Advanced Search *******/
.asearch {position:absolute; top: 270px; left: 300px;  }
.asearch .label-control{padding:5px;  clear:both; border: solid 0px red;}
.asearch .label {font-weight:bold; padding-bottom:2px; width: 100px; float: left;}
.asearch .control {float: left;}
.asearch .control select {margin-right: 5px;}
#ctl00_ContentPlaceHolder1_AdvancedSearch1_lblAgeRangeMin {padding-right: 5px;}
#ctl00_ContentPlaceHolder1_AdvancedSearch1_lblAgeRangeMax {padding: 0 2px 0 2px;}
#ctl00_ContentPlaceHolder1_AdvancedSearch1_ctl00_ctlPostcode {margin-right: 5px;}
h1.title {font-size: 1.2em;}

.asearchouter {height: 350px;}

.asearchlink {padding: 10px; }
.asearchlink a {color:White;}
