﻿



/* Container vs Float Error Correction */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*MAIN CSS*/
body {margin:0px; padding:10px; text-align:center; font-size:0.80em; font-family:Verdana, Arial, Sans-Serif; background-color: #afbfbf;}
input, button, select, table, textarea { font-family: Verdana, Arial, sans-serif; font-size:100%; }




.editableRegion h1{margin:0px 0px 5px 0px; padding:0px; font-size:150%; color: #016171; font-weight: bold;}
h1 {font-size:170%; font-weight: normal;}
h1.areas {font-size:115%;}
h1.heading {background:url('../images/catheadround.gif') no-repeat left top; margin-top: 10px; padding-left: 10px; color: #fff; font-size: 110%; height: 20px; line-height: 20px;}
.editableRegion h2{color: #016171; margin:0px; padding:5px 0px 5px 0px;}
h2{font-size:130%; margin:0px; padding:5px 0px 5px 0px;}

.editableRegion h3{margin:0px; padding:0px; font-size:110%; color: #000;}
h3{font-size:120%; margin:0px; padding:5px 0px 0px 0px;}

p{margin:10px 0px 10px 0px;}
li p {margin:2px 0px 0px 0px;}


.hidden{display:none;}

.marginBottom{margin:0px 0px 10px 0px; padding:0px;}
.marginTop{margin:10px 0px 0px 0px; padding:0px;}
.marginBoth{margin:5px 0px 5px 0px !important; padding:0px; clear:both;}
.marginNone{margin:0px; padding:0px;}

.wrapper{width:770px; text-align:left; margin:0 auto; padding:15px 15px 0px 15px; background-color: White;}
.wrapper2{width:800px; text-align:left; margin:0 auto;  background-color: #fff; color: #fff; height: 30px; line-height: 30px; text-align:center; }
.furtherinfo {margin-left: 10px; font-size: 115%; font-weight:bold; float: left; width: 640px; text-align:center; background:url('../images/footerleft.gif') no-repeat left top; background-color: #016171;}
* html .furtherinfo {margin-left: 5px;}
.opening { text-align:center; width: 140px; font-size: 1pt; height: 24px; line-height: normal; float:left; padding: 3px 0 3px 0; background:url('../images/footerright.gif') no-repeat right top; background-color: #016171; border: solid 0px #f00;}
.footerlinks {border: solid 0px #f00; width:800px; background-color: #fff; text-align:center; height: 30px;  line-height: 30px; margin: 0 auto; font-size: 90%}


.homeHeaderLeft{float:left; width:150px; margin:0px; padding:0px 0px 0px 0px; }
.homeHeaderLeftInnerL{float:left; width:185px; padding:0;}
.homeHeaderLeftInnerR{float:left; margin:0; width:350px; margin:3px 0 0 0;}
.homeMainTitle{font-size:270%; font-weight:bold; color:#00448b; margin:0; padding:0px;}

.header{border: solid 0px #00f;}
.headerLeft{float:left; margin:0px; padding:0px 0px 0px 0px; border: solid 0px #f00;}
.quicksearch {float:left; margin-left: 25px; font-size: 90%}


.asearch {margin-left: 83px;}
.asearch a{font-weight:bold; color:#016171;}
.asearch a:link{text-decoration:none;}
.asearch a:visited{text-decoration:none;}
.asearch a:hover{text-decoration:underline;}
.asearch a:active{text-decoration:none;}

.mainTitle{font-size:270%; font-weight:bold; color:#00448b; margin:0px; padding:0px;}
.mainTitle span{display:block; font-size:40%; color:#000; margin:0px; padding:0px;}

.colour{color:#00448b;}

/*Quick search */
.headerRight{float:right; width:390px; text-align:right; padding:8px; margin:0px; border: dotted 1px #3296b8;}
.quickSearchText{font-family:Verdana, Arial, Sans-Serif; font-size:90%;}
.quickSearchTextBox{font-family:Verdana, Arial, Sans-Serif; font-size:90%;}
.searchtext {color: #000; font-weight: bold; padding-bottom: 5px; padding-right: 8px;}
#ctl00_QuickSearch1_pnlKeywordLabel {float:left; border: solid px #0f0; padding-right: 3px;}
#ctl00_QuickSearch1_pnlKeyword {float:left;}
#ctl00_QuickSearch1_pnlQuickSearch{border: solid 0px #f0f; margin-left: 0px; width: 280px;}
#ctl00_QuickSearch1_pnlQuickSearchButton .control {float:left; border: solid 0px #ff0;}
#ctl00_QuickSearch1_pnlQuickSearchButtonLabel {float:left;}


#links a{display:block; font-size:90%; margin-top:2px; font-weight:bold; color:#016171; background-color: #fff; }
#links a:link{text-decoration:none; color:#016171;}
#links a:visited{text-decoration:none; color:#016171;}
#links a:hover{text-decoration:underline; color:#016171;}
#links a:active{text-decoration:none; color:#016171;}




.cornerouter {float: right; clear: both; padding-right: 7px; border: solid 0px #ff0000;}
*+html .cornerouter {float: right; clear: both; padding-top: 25px; padding-right: 7px; border: solid 0px #ff0000;}
* html .cornerouter {float: right; clear: both; padding-top: 25px; padding-right: 7px; border: solid 0px #ff0000;}
.lhs {background: #69a447 url('../images/cornertopleft.gif') no-repeat left top;}
.rhs {background: url('../images/cornertopright.gif') no-repeat right top; padding: 5px;}

.bctBar{clear:both; width:570px; border: solid 0px #ff0000; margin-top: 10px;}
h1.titleBar {clear:both; color: #016171; padding:5px 0px 15px 0px; font-size: 20pt;}

.leftNavigation{float:left; width:170px; margin-top:10px; clear:both;}

.leftNavigation ul{margin:0px; padding:0px;}
.leftNavigation li{list-style-type:none; width:170px;  /*height: 23px;*/ line-height: 23px; padding: 0px 0px 0px 0px; margin-bottom:0px;  border-bottom: solid 1px #ffffff;}
.leftNavigation a{color:#ffffff; display:block;  font-weight:bold; padding-left: 5px; background:#016171;}
.leftNavigation a:link{text-decoration:none;}
.leftNavigation a:visited{text-decoration:none;}
.leftNavigation a:hover{text-decoration:underline; background-color: #fff; color:#0591c5;}
.leftNavigation a:active{text-decoration:none;}
.leftNavigation .menu{background:#e5f3f6;}
.leftNavigation .menuhead{background-color: #3296b8; font-weight:bold; color: #fff; height: 23px; line-height: 23px; width: 160px; padding: 0px 5px 0px 5px;}

/*Change text size*/
.smallText{font-size:11px;}
.mediumText{font-size:15px;}
.largeText{font-size:18px;}

/* Text Size */
.ts {text-align: left; width: 770px; padding: 0px; margin: 0px;}
.ts ul {margin: 0px; padding: 0px 2px 2px 15px;}
.ts ul li{list-style-type:none; display:inline; margin: 0px; padding: 0px;}
.ts a:link{text-decoration:none; color:#ffffff;}
.ts a:visited{text-decoration:none; color:#ffffff;}
.ts a:hover{text-decoration:underline;}
.ts a:active{text-decoration:none; color:#ffffff;}

.footerlinks a:link{text-decoration:none; color:#495656;}
.footerlinks a:visited{text-decoration:none; color:#495656;}
.footerlinks a:hover{text-decoration:underline; color:#495656;}
.footerlinks a:active{text-decoration:none; color:#495656;}

/* Content Zones */
#zones {text-align:left;  font-weight:bold; color:#ff0000; font-size:100%; padding: 0; margin: 0 0 0px 0px; border: solid 0px #f00;}
#zones ul { list-style:none; padding:0; margin: 0 0 10px 70px; }
#zones li { float:left; padding:0; display:block; margin-right: 3px;  border: solid 0px #00ff00; width: 135px;}

:root #zones li {margin: 0 5px;}
#zones li.end {margin-right: 0px;}
#zones a{font-weight:bold; font-size:100%; width: 135px; display: block; color: #fff; text-decoration: underline;}
#zones a:link{text-decoration:none;}
#zones a:visited{text-decoration:none;}
#zones a:hover{text-decoration:underline !important;}
#zones a:active{text-decoration:none;}
/*#zones ul li a.z2 span{line-height: 28px;}*/

/*.zone1title {border: solid 0px #ff0000; background-color: #eb3430; display: block; height: 15px; padding:  5px 5px 5px 5px;}
.zone1image {background:url('../images/Activities_Services.jpg') no-repeat left top; display: block; height: 170px;}
.zone1text {background-color: #afbfbf; color: #ffffff; display: block; height: 88px; padding:  5px 5px 0px 5px; }
*+html .zone1text {height: 102px;}
* html .zone1text {height: 102px;}

.zone2title {border: solid 0px #ff0000; background-color: #3c3384; display: block; height: 15px; padding:  5px 5px 5px 5px;}
.zone2image {background:url('../images/Facilities.jpg') no-repeat left top; display: block; height: 170px;}
.zone2text {background-color: #afbfbf; color: #ffffff; display: block; height: 88px; padding:  5px 5px 0px 5px; }
*+html .zone2text {height: 102px;}
* html .zone2text {height: 102px;}*/

.contentArea{float:left; width: 570px; margin-left: 10px;}

.breadcrumbTrail{font-weight:bold; color:#666; font-size:90%;}
.breadcrumbTrail a{font-weight:bold; font-size:100%; color:#666;}
.breadcrumbTrail a:link{text-decoration:none;}
.breadcrumbTrail a:visited{text-decoration:none;}
.breadcrumbTrail a:hover{text-decoration:underline;}
.breadcrumbTrail a:active{text-decoration:none;}

.editableRegion{padding:0px 0px 0px 0px; text-align: left;}
.editableRegion a{font-weight:bold; color:#016171;}
.editableRegion a:link{text-decoration:none;}
.editableRegion a:visited{text-decoration:none;}
.editableRegion a:hover{text-decoration:underline;}
.editableRegion a:active{text-decoration:none;}



.homeContent {margin-top:30px; padding:0px; clear: both;}
.homeContent h1{margin:0px; padding:0px; font-size:120%; clear: both;}

.contentLeft{float:left; text-align: left; border: solid 0px #000; clear: both; width: 590px; padding: 5px 0 10px 0;}

.categoryList {padding:10px 0px 10px 50px; margin:0px;}
.categoryList li{padding:0px; margin:5px 0px 5px 0px;}
.categoryList li a{color:#000; font-size:115%;}
.categoryList li a:link{text-decoration:none;}
.categoryList li a:visited{text-decoration:none;}
.categoryList li a:hover{text-decoration:underline;}
.categoryList li a:active{text-decoration:none;}


.list{width:425px; margin:0px 0px 10px 0px; padding:0px; border: solid 1px #016171;}
.list th{background:#016171; color:#fff; margin:0px; padding:3px;}
.list th a{color:#fff;}
.list th a:link{text-decoration:none;}
.list th a:visited{text-decoration:none;}
.list th a:hover{text-decoration:underline;}
.list th a:active{text-decoration:none;}

.list td{padding:5px;}
.list td a{color:#000; font-weight:normal;}
.list td a:link{text-decoration:none;}
.list td a:visited{text-decoration:none;}
.list td a:hover{text-decoration:underline;}
.list td a:active{text-decoration:none;}

.rowcolor00{background-color: #fff;}
.rowcolor01{background-color: #fff;}

.footertext {color: #686868; text-align: center;}
.listFooter td{background:#016171; text-align:right; font-weight:bold; color:#fff;}
.listFooter td a{color:#fff; text-decoration:none; font-weight:bold;}
.listFooter td a:link{text-decoration:none;}
.listFooter td a:visited{text-decoration:none;}
.listFooter td a:hover{text-decoration:underline;}
.listFooter td a:active{text-decoration:none;}

.categoryResults{margin:0px; padding:0px;}
.results {float:left; width: 435px;}

.SPServiceList{margin:10px 30px 10px 30px;}

.fixtext{margin:0px; padding:0px;}

.atoz{text-align:left; margin:0px 0px 20px 0px; padding:0px;}
.atoz ul{list-style-type:none; margin:0px; padding:0px;}
.atoz ul li{display:inline; margin:0px; padding:0;}
.atoz ul a{color:#00448b; display:inline; padding:2px; margin:0px; background:none; line-height: 20px; height: 20px; width: 20px; display: block; float: left; text-align: center; margin: 5px;}
.atoz ul a:link{background:none; color:#00448b;}
.atoz ul a:visited{background:none; color:#00448b;}
.atoz ul a:hover{background:#00448b; color:#fff;}
.atoz ul a:active{background:none; color:#00448b;}

.feedbackQ{margin:5px 0 20px 0;}

.advanced-search{margin:0;}
.asearchField{margin:10px 0px 10px 0px;}
.asearchField .form-label{font-weight:bold; margin-bottom:4px; color:#00448b;}
.asearchField .form-button{margin:0;}
.asearchFieldBottom{margin:20px 0px 0px 0px;}

.smallText{font-size:11px}
.mediumText{font-size:15px}
.largeText{font-size:18px}



.linksLayout h3 {font-size:110%;}


/*WHAT YOU NEED TO KNOW STYLES*/
.left{float:left; width:45%; margin:0; padding:0;}
.right{float:right; width:45%; margin:0; padding:0;}


.clearBoth{clear:both;}
.fauxTableBG{background:#f6dec8; margin:0 0 10px 0; padding:5px;}
.fauxTableBG p{margin:0 0 10px 0;}
.fauxTableBG ul{margin:0; padding:0;}
.fauxTableBG ul li{margin-left:20px;}

/******** Advanced Search ********/
.searchform .label { color:#000; font-weight:bold;  padding-bottom:5px; float: left;}
.searchform .label-control { margin-top:20px; border: solid 0px #f00; float: left;}
.searchform input, .searchform select { margin-right:0.5em; }

.asearch .label {width: 70px;}
.asearch .label-control {clear:both;}
.asearch #ctl00_ContentPlaceHolder1_AdvancedSearch1_lblAgeRangeMin {padding-right: 3px;}
.asearch #ctl00_ContentPlaceHolder1_AdvancedSearch1_lblAgeRangeMax {padding-right: 3px;}
.asearch .label-control {margin:5px 0;}


#masteraseach .searchform .label { color:#666666; margin: 0px; padding-bottom: 3px; font-weight: normal;}
#masteraseach .searchform .control { color:#666666; margin: 0px; padding: 0px; font-weight: normal;}
#masteraseach .searchform .label-control { color:#666666; margin: 0px; padding: 1px; font-weight: normal; }
#masteraseach select {width: 160px;}
#masteraseach #ctl00_AdvancedSearch1_ctl00_ctlKeyword {width: 155px;}
#masteraseach #ctl00_AdvancedSearch1_ctlZones {width: 110px;}
#masteraseach {border:solid 1px #e5ebeb; padding: 3px;} 

.spacer{clear:both; height:0px; background:#ffffff;}

/* Footer */
.noborder {border: none;}
.footer{clear:both; background:#660000; height: 20px; line-height: 20px; width: 770px; text-align:center; padding: 0px; margin: 0px;}
.footerleft {float: left;}
.footerright {float: right;}

.rightLogo{float:right;}


/* Category */
.editableRegion ul li a {color: #323232;}

/* SITE MAP */
#siteMap { margin-top:10px; }
#siteMap a { color:#00448b; font-weight:bold; text-decoration:none; }
#siteMap ul { list-style-type:disc; padding-left:2em; padding-bottom:0em; margin-left:0em; color:#00448b;}
#siteMap ul li {padding-bottom:0.3em;}

/* Feedback */
.error { font-weight:bold; color:#ff0000; }

/* Paging */
.tableBottom {text-align: right; background-color: #016171 ; color: #fff;}

/* Content */
.addresshead {font-size: 120%;}
h2.addresshead  {font-size: 120%; margin-top: 15px; padding: 0px}

/* Default page*/
h2.hometext {color: #8e9a9a; padding-bottom: 15px;}


.logos {background:url('../images/wigan_logos.gif') no-repeat center center;  border: solid 0px #ff0000; height: 128px; width: 165px; }

/* Common */
.centre {text-align: center;}
.left {text-align: left;}

.space {margin-bottom: 5px;}

.menuitems { font-size: 0.9em; }

.border {border: solid 1px #ff0000;}

#olbrand {text-align: left; padding-top: 10px; padding-bottom: 10px;}
#olbrand img {border: none; background-color: #fff;}
#olbrand a {background-color: #fff;}

/* category list */
ul.furtherCat { padding: 0 0 0 25px;}
ul.furtherCat li { list-style-type:disc; color: #73a13f;} 
ul.furtherCat li a {padding: 4px 0 4px 0; display: block;}

span.zonetop {background: url('../images/zonetop.jpg') no-repeat top left; border: solid 1px #fff; width: 135px;}

a.z1 {cursor: pointer; margin-top: 10px; border: solid 0px #0f0; }
a.z2 {cursor: pointer; margin-top: 10px; border: solid 0px #0f0; }
a.z3 {cursor: pointer; margin-top: 10px; border: solid 0px #0f0; }

.parenttext {background: #73a13f; width: 133px; display: block;  border-left: solid 1px #000; border-right: solid 1px #000; text-align: center; min-height: 30px; padding-bottom: 5px;}
.childtext {background: #73a13f; width: 133px; display: block;  border-left: solid 1px #000; border-right: solid 1px #000; text-align: center; min-height: 30px; padding-bottom: 5px;}
.youngtext {background: #73a13f; width: 133px; display: block;  border-left: solid 1px #000; border-right: solid 1px #000; text-align: center; min-height: 30px; padding-bottom: 5px;}

* html .parenttext {height: 30px;}
* html .childtext {height: 30px;}
* html .youngtext {height: 30px;}

.parentzone {border: solid 0px #0ff; height: 135px; width: 135px; display: block; text-align:center; background: url('../images/parent.jpg') no-repeat bottom right; height: 102px;}
.childrenzone {border: solid 0px #0ff; height: 135px; width: 135px; display: block; text-align:center;  background:url('../images/child.jpg') no-repeat bottom right; height: 102px;}
.youngzone {border: solid 0px #0ff; height: 135px; width: 135px; display: block; text-align:center; background:url('../images/young.jpg') no-repeat bottom right; height: 102px;}

.practitionerzone {background:url('../images/practitioner.jpg') no-repeat 0% 50%; height: 140px; width: 135px; display: block; text-align:center; padding-top: 7px;}



.details {padding: 0px; border: solid 1px #016171; width: 420px;}
.details h2 {color: #016171;}
.details h3 {background-color: #016171; color: #fff;  /*height: 20px;*/ line-height: 20px; padding-left: 5px;}
.details .dp {padding: 5px 5px;}
.details .ptb {padding: 5px 0px;}
.details .plr {padding: 0px 5px;}
.details .dp strong {padding: 5px 0;}
.details .divider {border-bottom: solid 1px #016171; margin: 3px 0 3px 0;}
.details .contacttype {padding: 2px 0;}

.docdownloadtitle {font-size: 110%; color:#fff; font-weight: bold; padding: 3px 0; background-color: #000; padding: 2px;}
.documents {float:left; border: solid 0px #f00; width: 150px; background-color: #73a13f; font-size: 90%; margin-top: 10px;}
.documents a:link{text-decoration:none; color:#ffffff;}
.documents a:visited{text-decoration:none; color:#ffffff;}
.documents a:hover{text-decoration:underline;}
.documents a:active{text-decoration:none; color:#ffffff;}
.doc {border-top: solid 1px #fff; padding: 2px;}
.help {font-size: 100%;}
