/* CSS Document */
/* 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 */


body { font-size:0.76em; margin:0px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000000; line-height:150%;}
table { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; border-collapse:collapse; width: 100%;}
table tr th {text-align: left;}
img { border:0px; }
a { color:#000000; text-decoration:none; }
a:hover { text-decoration:underline; }
h1 { display:none; margin:0px; padding:0px; }
h2 { font-size:160%; margin: 0px;}
h3 { font-size:140%; margin: 15px 0px 5px; 0px;}
h4 { font-size:120%; }
h5 { font-size:100%; }
input { font-family:Arial, Verradana, Helvetica, sans-serif; font-size:100%; }
select { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; }
textarea { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:100%; }
label { font-weight:bold; }


.skipnav {font-size:6pt; text-decoration:none; position:absolute; left:0; top:-100px; }


#all { margin:auto; }

#header-outer { width:100%; min-height:100px; }
#header { height: auto !important; height: 100px; margin-left:10px; margin-right:10px; /* margin-left:190px;height:100px;*/ min-height:100px; /*background-image:url('../images/header.jpg'); background-repeat:repeat-x; background-position: 360px 0px;*/ text-align: center;}


#header .maintitle {font-size: 19pt; font-weight: bold; line-height: 20pt; width: 35%; text-align: center; float: left; margin-top: 30px;}

#top1-outer { width:100%; margin-bottom:1px; }
#top1-inner { background:url('../images/menu-bg2.gif') repeat-x left top; margin:0 10px; }

#top2-outer { width:100%; }
#top2-inner { font-size:90%; height:100%; background:#e3e3e3; padding:3px 10px 3px 20px; margin:0 10px;border:solid 1px #bfbfbf; }
#top2-left { width:20%; float:left; }
#top2-right { width:80%; float:left; text-align:right; }

#top3 { margin:1px 10px; background-color:#bfbfbf; height:12px; font-size:1px; }

#main-outer { width:100%;  margin:0px; padding: 0px;}
#main-left-outer { width:20%; float:left; min-width: 14em !important;  margin:0px; padding: 0px;}
#main-left-inner { padding:10px; }

/* Commented out for holding page please comment back in
#main-right-outer { max-width: 78% !important; min-width: 350px !important; width: 78% !important; width: auto; float:left; margin:0px; padding: 0px; }
*/

#main-right-inner { padding:10px; }




#main-left-inner p {  margin:0px; margin-bottom: 2px; padding:.2em; padding-left:10px; }

.breadcrumb { margin:0em; padding:0em; float:left; }
.breadcrumbRows { height:24px; text-align:center; float:left; border-right:1px solid #767676; margin:0px 0px 0px 0px; padding:5px 20px 0px 20px; background:url('../images/menu-bg1.gif') repeat-x left top; }


#menu { margin-bottom: 1.8em;}

#menu h2 { display:none;}
#menu ul { list-style-type:none; margin:0em 0em 2em 0em; padding:0em; }
#menu li { margin-bottom:2px; padding:0 1px 0 10px; }
#menu li a { color:#000000; height:1.5em; display:block; padding:3px 3px 3px 5px; font-weight:bold;}


.menu { margin-bottom: 1.8em;}

.menu h2 { display:none;}
.menu ul { list-style-type:none; margin:0em 0em 2em 0em; padding:0em; }
.menu li { margin-bottom:2px; padding:0 1px 0 10px; }
.menu li a { color:#000000; height:1.5em; display:block; padding:3px 3px 3px 5px; font-weight:bold;}


/*** Style for SiteKit <NAVIGATION> ***/

/* Hide Home link */
span.mc_1 { display:none; }

/* Ensure links in navigation are underlined on hover state */
a.navlink b.navweight span span:hover{ text-decoration:underline; /*cursor:hand;*/}

/* Menu style */
b.navweight span span {
background:#e3e3e3; color:#000000; height:1.5em; display:block; padding:3px 3px 3px 5px; font-weight:bold;
border-left:.8em solid #000;
border-right:.1em solid #000;
}

/* Hide elements to reduce spacing created by SiteKit */
#menu br { display:none; }
#menu img { display:none; }

/* Add correct padding between menu items */
td.nav2,
td.nav3 { padding-bottom: 0.2em; }

/*** end Style for SiteKit <NAVIGATION> ***/


#content h1 { display:block; font-size:160%; font-weight:bold; padding: 0em 0.5em 1em 0em; color:#000000; }
#content h2 { font-size:150%; font-weight:bold;  padding:0.5em; margin:0.5em 0em 0.5em 0em; color:#000000; background-color:#e3e3e3;  }
#content a { text-decoration:underline; }
#content ul { list-style-image:url('../images/bullet.gif'); }

#footer-outer { width:100%; }
#footer-inner { font-size:90%; text-align:center; padding:1em; margin:0 10px; background:#e3e3e3; border:solid 1px #bfbfbf; }

.hidden { display:none; }
.toplink { background:none; padding:0em; }
.linktop { height:40px; width:100%; padding:20px 0em 0px 0em; text-align:right; clear:both; }

.leftlist { list-style-type:none; margin:0em; padding:0em; float:left; }
.leftlist li { height:24px; text-align:center; float:left; border-right:1px solid #767676; margin:0px 0px 0px 0px; padding:5px 20px 0px 20px; background:url('../images/menu-bg1.gif') repeat-x left top; }
.rightlist { list-style-type:none; margin:0em; padding:0em; float:right; }
.rightlist li { height:24px; text-align:center; float:right; border-left:1px solid #767676; margin:0px 0px 0px 0px; padding:5px 10px 0px 10px; background:url('../images/menu-bg1.gif') repeat-x left top; }

#menu li, .menulist li { background:#333333; }
#menu li a, .menulist li a { background:#e3e3e3; }
.menu3 { background:#cdd638 url('../images/zone11.gif') repeat-x left bottom; }
.menu3 a { background:#f2f5cd url('../images/zone12.gif') repeat-x left bottom; }
.menu4 { background:#ffe905 url('../images/zone21.gif') repeat-x left bottom; }
.menu4 a { background:#fff9c0 url('../images/zone22.gif') repeat-x left bottom; }
.menu2 { background:#cd268f url('../images/zone31.gif') repeat-x left bottom; }
.menu2 a { background:#f2c8e2 url('../images/zone32.gif') repeat-x left bottom; }
.menu1 { background:#c8dce1 url('../images/zone41.gif') repeat-x left bottom; }
.menu1 a { background:#f1f6f7 url('../images/zone42.gif') repeat-x left bottom; }



.menu img,
td.nav2 img,
td.nav3 img { display: none; }

/* ZONES on main page */

#content .zones { float:left; }
#content .zones ul { width:430px; list-style:none; margin:0; padding:0; }
#content .zones li { width:200px; float:left; margin:0em 15px 15px 0em; padding:0 0 136px 0; }
#content .zones a { font-weight:bold; display:block; padding:5px; text-decoration:none; }
#content .zones a:hover { text-decoration:underline; }

.zone3 { background:url('../images/z1.jpg') no-repeat left bottom; }
.zone3 a { color:#ffffff; background:#cdd638 url('../images/zone11.gif') repeat-x left bottom; }

.zone4 { background:url('../images/z2.jpg') no-repeat left bottom; }
.zone4 a { color:#000000; background:#ffe905 url('../images/zone21.gif') repeat-x left bottom; }

.zone1 { background:url('../images/z3.jpg') no-repeat left bottom; }
.zone1 a { color:#ffffff; background:#cd268f url('../images/zone31.gif') repeat-x left bottom; }

.zone2 { background:url('../images/z4.jpg') no-repeat left bottom; }
.zone2 a { color:#000000; background:#c8dce1 url('../images/zone41.gif') repeat-x left bottom; }



.list {margin:0px 0px 30px 0px; padding:0px; border: solid 1px #C9C9C9; background-color:#f5f5f5;}
.list caption {padding:0px 0px 15px 0px; display:none;}
.list th {background-color:#dee9f7; padding: 5px; border-bottom:solid 1px #C9C9C9; text-align:left; }
.list td {padding: 10px 5px 10px 5px; border-bottom: dashed 1px #C9C9C9;}
#tablebottom td {background-color:#dee9f7;}
.paging td { text-align:center; }
.paging td a { font-weight:bold; }

.detailslist {list-style-type:none; margin-left:20px;}
.detailslist li {padding: 5px 0px 5px 0px;}
.detailslist div {font-weight: bold;}
.detailslist h3{margin:0px; padding:0px;}
.serviceAddress{margin-left:15px;}
.fixtext{margin: 10px 0px 10px 0px;}


#largeTextLink{font-size:8pt;}
#mediumTextLink{font-size:10pt;}
#smallTextLink{font-size:12pt;}

.footerCenter{text-align:center; }
.w3clogos{text-align:center;}

ol li
{
padding: 5px 0px 5px 0px;
}
ol ul li
{
padding: 0px;
}

.FormContentLeft{ padding:10px 0px 10px 0px; background-color:#E3E3E3; color:#000000; font-size:100%; font-weight:bold; margin:0.5em 0em; padding:0.5em}
.FormContentLeft 
{
padding-bottom:5px;
}
.error
{
font-weight:bold;
color:#ff0000;
}
.button
{
margin-left:10px;
}

#content .zone3h2 { color:#ffffff; background:#cdd638 url('../images/zone11.gif') repeat-x left bottom; }
#content .zone3Results ul li {list-style-image:url('../images/bullet1.gif'); margin: 8px 0px 8px 0px; }


#content .zone4h2 { color:#000000; background:#ffe905 url('../images/zone21.gif') repeat-x left bottom; }
#content .zone4Results ul li { list-style-image:url('../images/bullet2.gif'); margin: 8px 0px 8px 0px;}

#content .zone2h2 { color:#ffffff; background:#cd268f url('../images/zone31.gif') repeat-x left bottom; }
#content .zone2Results ul li { list-style-image:url('../images/bullet3.gif'); margin: 8px 0px 8px 0px; }


#content .zone1h2 { color:#000000; background:#c8dce1 url('../images/zone41.gif') repeat-x left bottom; }
#content .zone1Results ul li { list-style-image:url('../images/bullet4.gif'); margin: 8px 0px 8px 0px; }


.center{text-align:center;}

.categoryList ul  li{margin: 8px 0px 8px 0px;}





/********.searchform general ********/

/*.searchform { border:1px solid blue; background:#ffdfef;}
.searchform div  { border:1px solid red; }*/
.searchform span { font-style:italic; color:#00ff00; padding-left:0.5em; } /* modify information text here */
.searchform .hidden { display:none; }
.searchform .error { font-weight:bold; color:#ff0000; }
.searchform .label { font-weight:bold; float:left; padding-top:0.5em; }
.searchform .control { float:left; }


/* 2 POSSIBLE STYLES FOLLOW */

/* all on one line - changed for Durham to be in left hand menu */

.searchformoneline { padding-left: 10px; }
.searchformoneline .label-control  {display:block; width:100%; clear:both;}
.searchformoneline #QuickSearch1_pnlKeyword {  }
.searchformoneline #QuickSearch1_ctlKeyword { margin-right:0.5em; }
.searchformoneline .label { margin-right:0.5em; line-height:1em; width:5em; }
.searchformoneline #QuickSearch1_ctlPostcode,
.searchformoneline #pco { margin-right:0.5em; }
.searchformoneline #QuickSearch1_pnlQuickSearchButtonLabel { display:none; }

.searchformoneline #QuickSearch1_pnlPostcode .control { white-space:nowrap; }

/***********************/


/* each label-control set on one line */

.searchformlist .label-control { clear:both; }
.searchformlist .label, .searchform .control { margin-bottom:0.5em; }
.searchformlist .label { width:10em; }
.searchformlist .control { padding-left:0.5em; }
.searchformlist .control label, .searchformlist .control select { margin-right:0.5em; }

/******************************/
/* OL Brand */
#olbrand {padding-top: 0px;}
#olbrand img {border: none;}

/******** 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: #000; padding-top:0;}
.asearch .control {float: left;}
.asearch .control select {margin-right: 5px;}
#AdvancedSearch1__ctl1_ctlPostcode {margin-right: 5px;}
#AdvancedSearch1_lblAgeRangeMin {padding-right: 5px;}
#AdvancedSearch1_lblAgeRangeMin {padding: 0 2px 0 2px;}
#AdvancedSearch1_ctl00_ctlPostcode {margin-right: 5px;}
.control span {color: #000;}
.browsealoud {padding: 15px 0 15px 0;}


/* Durham Specific Styles */
#logo {background: url(images/durhamcclogo.jpg) no-repeat; display:block; float:left; width:32%; height:auto; background-color:#fff; text-align: left; height:120px;}
#logo img {margin:0px; }

#fis-info { /*position:absolute; top:15px; left:200px;*/ display:block; float:left; width:180px; height:auto; background-color:#fff; line-height:1.2em; }
#header-right {background: url(images/surestartlogo.jpg) no-repeat 100% 0; display:block; width:32%; text-align: right; height:auto; background-color:#fff; height:120px; float: right; }

#main-left-inner { text-align:center; }
#main-left-inner p,
#main-left-inner label,
#main-left-inner li { text-align: left; }
#root { display:none; }


#content .categories {border: solid 0px #f00;}
#content .categories ul {
	margin: 0px; padding: 0px;	
}
#content .categories ul li {
	width: 250px;
	height:90px;	
	float:left;
	margin: 0; 								/* note: all */
	padding: 0 !important; 					/* note: all */
	padding: 0 1px 0 8px; 					/* note: t r b l */
	padding/**/:/**/0;
	border: 1px solid #dedede;
	list-style: none;
	list-style-image: none;
	color: inherit;
	background-color: #fff;
	
	margin-right: 5px;
	margin-bottom: 5px;
}
#content .categories ul li a {
	display:block;
	height:90px;
	text-decoration:none;
}

#content .categories ul li a:hover {
	display:block;
	text-decoration:none;
	background:#dedede;
}

#content div.categories ul li img {
	display:block;
	float:left;
	width: 75px;
	height: 75px;
	border: 1px solid #ccc;
	padding: 1px;

	background-color: #fff;
	
	margin: 5px;
	margin-right: 10px;
}

#content .categories ul li {
	line-height: 2em;
}
.dccservices {
	margin:0em 0em 2em 0em; padding:10px;
}
.dccservices h2 { font-size: 1.1em; text-align:left; }
.dccservices ul { padding: 0px; margin: 0px; margin-bottom:10px; }
.dccservices ul li { display:block; padding: 0px; margin: 0px; list-style: none; text-align:center; min-width: 130px; min-height:85px; vertical-align: middle;border: 1px solid #dedede; }
.dccservices ul li a { display:block;padding:3px 3px 3px 5px; text-align:center; font-weight: bold; min-height:85px; min-width: 130px; }
.dccservices ul li a img { display:block; float:left; width: 130px; height: 85px; }
.dccservices ul li a:hover { background-color: #dedede; }
.dccservices ul li a span { display:block; margin-left: .5em; margin-top:1em;}

/*:root #maincontentdiv {margin-left: 20%;}*/
:root #maincontentdiv {float: left; width: 80%}

#maincontentdiv p {margin: 2px 0; padding: 0;}

#main-left-inner a { text-decoration:underline; }
#main-left-inner a:hover { text-decoration:none; }
#menu a { text-decoration:none; }
#menu a:hover { text-decoration:underline; }
#main-left-inner .imagelinks a,
#main-left-inner .imagelinks a:hover { text-decoration:none; }

#menu ul li span { margin: 0px; padding: 0px; }
.inline {display: inline;}
h3.subheading (color: #666;)


/**********************
Facets
**********************/
.facets {border: solid 0px #f00;}
.facets .facet {border: solid 0px #f00; margin-bottom: 5px;}
.facets h3 { margin-bottom:.5em; }

.facets .facet h4 {
font-size:1.25em;
line-height:1.35em;
margin-bottom:0.3em;
margin-left:0.5em;
margin-top:0.8em;
width:11em;
}

#maincontentdiv .facets .facet p {
margin:-2em 0.5em 0.5em 7.85em;
text-align:right;
}
.facets .facet ul,
.facets .singleoption ul {
padding:.5em 1em;
padding:0em; margin:0em;
margin-left:.3em;
margin-right:.3em;
}

.facets .facet ul {
padding:.5em;
border:1px solid #ccc;
background-color:#FAFAFA;
height:16em;
overflow:auto;
}

.facets li { list-style:none; clear:both; margin-left:25px;}
.facets li a {  }
.facets li a div {margin-left:-25px; width:14px; height:14px; display:block; float:left; margin-right:.4em; margin-bottom:.2em; padding:1px; }
.facets li a div.cb0 {
background-image:url(../images/cb0.gif);
background-position:0em 0em;
background-repeat:no-repeat;    
}
.facets li a div.cb1 {
background-image:url(../images/cb1.gif);
background-position:0em 0em;
background-repeat:no-repeat;    
}
.facets li a:hover div.cb0 {
background-image:url(../images/cb0h.gif);
background-position:0em 0em;
background-repeat:no-repeat;    
}
.facets li a:hover div.cb1 {
background-image:url(../images/cb1h.gif);
background-position:0em 0em;
background-repeat:no-repeat;    
}
.facets li a:active div.cb0 {
background-image:url(../images/cb0a.gif);
background-position:0em 0em;
background-repeat:no-repeat;    
}
.facets li a:active div.cb1 {
background-image:url(../images/cb1a.gif);
background-position:0em 0em;
background-repeat:no-repeat;    
}

.facets input.checkbox { vertical-align:middle; }

.facets .facet {
display:block;
width:23%;
float:left;
margin:0em;
padding:0em;
}

a.showMore {background-image:url(../images/more.gif); background-position:0 0; background-repeat:no-repeat; padding-left:25px; margin-left: -25px; display: block;}
a.showLess {background-image:url(../images/less.gif); background-position:0 0; background-repeat:no-repeat; padding-left:25px; margin-left: -25px; display: block;}

#content .results h2 {background-color: transparent; font-size:1.2em; font-weight:normal; margin:0; padding:0;}
#content .results tr.odd td {}
#content .results tr.even td {background-color:#f4f6f6;}
#content .results th {text-align: left; background-color:#FEFEFE; background-image:url(../Images/GreyHeaderGradient.png); background-position:left bottom; background-repeat:repeat-x; border:1px solid #CCCCCC; font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size:1.2em; font-weight:normal; margin-bottom:2px; padding:0.5em;}
.immediate {}
.immediate ul {border: solid 0px #f00; height: 1em; display: block;}

.hide {display: none;}

/**********************
Search Boxes
**********************/
.childcaresearch, .servicesearch { border:1px solid #E5E5D8; background-color:#FAFAFA; padding:0em; margin-bottom:1em; width: 550px;}
#content .childcaresearch h2, #content .servicesearch h2 { margin:0px; padding:.5em .75em; background-color:#EBEBDF;
font-size:1.2em;
font-weight:normal;

background-color:#E5E5D8;
padding:.5em .5em;
margin: 0 0 2px 0;

background-color:#E5E5D8;
background-image:url(../Images/GreyHeaderGradient.png);
background-repeat:repeat-x;
background-position:bottom left;
 }
.childcaresearch form, .servicesearch form { margin:0px; padding:1em 1em 1em 1em; }

.childcaresearch label, .servicesearch label { display:inline-block; width:40%; vertical-align:top; }
.childcaresearch input, .servicesearch input { vertical-align:top; }
.childcaresearch input#kw, .servicesearch input#kw { padding:3px; border:1px solid #E5E5D8; }
.childcaresearch input#submit, .servicesearch input#submit { vertical-align:top; }

.childcaresearch input#kw,.servicesearch input#kw { color:#339933; }
.childcaresearch input:active#kw, .servicesearch input:active#kw,
.childcaresearch input:focus#kw, .servicesearch input:focus#kw,
.childcaresearch input:hover#kw, .servicesearch input:hover#kw { color:#EC008C; border-color:#DEDB00; }
.updatesearch {width: 420px; border: solid 1px #ccc;}

.facet .head {background-image:url(../images/facetbg.gif); background-position:0 0; background-repeat:repeat-x; border:1px solid #CCCCCC; height:20px; margin-top:5px; padding:0 3px; margin:5px 0.3em 0 0.3em;}
.facets .facet h4 {color:#000000; display:inline; float:left; font-size:1em; font-weight:normal; line-height:20px; margin:0;}
.facets .facet span { float:right; line-height:20px; text-align:right; }
.facetouter {border: solid 1px #f00;}

.clear {clear:both;}


#content .details h2{padding: 0.5em 0; margin:0em;  background-color: #fff; font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size: 1.4em;}
#content .details h3{color: #002144; font-weight:normal; text-align:left; font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size: 1.3em; padding-bottom:10px;}
#content .details .group {background-color: #f4f6f6; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 10px;}
#content .details .name{float: left; width: 22%; clear:both; font-weight: bold; color: #666; padding: 10px 20px 10px 0px; border: solid 0px #f00;}
#content .details .value{float: left; width: 73%; padding: 10px 0 10px 0px; border: solid 0px #0f0;}
#content .details .group .value ul {border: solid 0px #f00; padding: 0; margin: 0;}
#content .details .group .value ul li {list-style-image:none; color: #000; list-style-type:none;}
#content .details .title {background-color: #fff;}