﻿/*MAIN CSS*/

body {margin:0px; padding:10px; text-align:center; font-size:0.7em; font-family:Verdana, Arial, Sans-Serif; background-color: #e8e8e8;}
table { font-family: Verdana, Arial, Sans-Serif; border-collapse: collapse; font-size: 100%; }
input { font-family: Verdana, Arial, Sans-Serif; font-size: 100% }
select { font-family: Verdana, Arial, Sans-Serif; font-size: 100% }
textarea { font-family: Verdana, Arial, 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 */

.editableRegion h1{margin:0px; padding:0px; font-size:120%;}

h2{font-size:100%; margin:0px; padding:0px;}
h4 {margin:10px 0px 0px 0px; padding:0px;}
p{margin:10px 0px 10px 0px;}
.hidden{display:none;}

.marginBottom{margin:0px 0px 10px 0px; padding:0px;}
.marginTop{margin:10px 0px 0px 0px; padding:0px;}
.marginBoth{margin:10px 0px 10px 0px; padding:0px;}
.marginNone{margin:0px; padding:0px;}

.wrapper{width:770px; text-align:left; margin:0 auto; padding:10px; background-color: #fff;}
.headouter {margin:0px; padding:10px; background-color: #c6dbdc; height: 63px}
.homeHeaderLeft{float:left; width:540px; margin:0px; padding:0px 0px 10px 0px; }
.homeHeaderLeftInnerL{float:left; width:185px; padding:0;}

.homeHeaderInner{text-align: center; border: solid 1px #00ffff;}

.homeMainTitle{ border: solid 0px #0000ff; width: 320px; float: left; padding-top: 5px; height: 63px;}
.homeMainTitle h1 {text-align: center; padding-top: 5px; margin: 0px; font-size: 170%;}

.headerLeft{float:left; width:450px; margin:0px; padding:0px 0px 30px 0px;}
.mainTitle{font-size:270%; font-weight:bold; color:#ea7e1c; margin:0px; padding:0px;}
.mainTitle span{display:block; font-size:40%; color:#000; margin:0px; padding:0px;}

.disclaimer{color:#666;}

/* Top Menu */
.zoneouter {list-style-type:none; margin:0em; padding:0em; border: solid 0px #ff0000; height: 63px; float: left;}
.zoneouter li{ text-align:left; float:left;  font-weight: bold; }
.zoneouter li a { display:block; width: 94px; height: 63px; border: solid 0px #ff00ff; line-height: 28px;}
.zoneouter li a span {position: absolute; left:-9000px;}
.z1button a{background:#ffffff url('../images/childhead.jpg') no-repeat; margin-right: 25px;}
.z2button a{background:#ffffff url('../images/younghead.jpg') no-repeat; }
.z3button a{background:#ffffff url('../images/parenthead.jpg') no-repeat; margin-right: 25px;}
.z4button a{background:#ffffff url('../images/practitionerhead.jpg') no-repeat;}

*+html .z1button a{margin-right: 22px;}
*+html .z3button a{margin-right: 22px;}
* html .z1button a{margin-right: 22px;}
* html .z3button a{margin-right: 22px;}


.colour{color:#ea7e1c;}

/* Quick search */
.quicksearch{ margin:20px 0; float:left; width:160px; background-color: #f0f0f0; }
* html .quicksearch { width:120px; }
.innerquicksearch{ padding:10px; }
* html .innerquicksearch{ padding:0; }
* html .quicksearch .label-control { padding-left:10px; }
.quickSearchText{font-family:Verdana, Arial, Sans-Serif; font-size:90%; text-transform:uppercase;}

/* MASTER PAGE */
.headerRight a{display:block; text-transform:uppercase; font-size:90%; margin-top:2px; font-weight:bold; color:#b50026;}
.headerRight a:link{text-decoration:none; color:#b50026;}
.headerRight a:visited{text-decoration:none; color:#b50026;}
.headerRight a:hover{text-decoration:underline; color:#b50026;}
.headerRight a:active{text-decoration:none; color:#b50026;}

.imageBar{clear:both; width:800px; height:65px; margin-bottom:20px; background:url(../images/picStrip.jpg) no-repeat top left;}
.main {padding-top: 10px;}
.leftNavigation{float:left; width:160px;}
.leftNavigation ul{margin:0px; padding:0px;}
.leftNavigation li{list-style-type:none; width:160px; margin-bottom:1px; background:#c6dbdc;}
.leftNavigation a{color:#333333; display:block; width:150px; padding:3px 5px 3px 5px; text-transform:uppercase; font-weight:bold;}
.leftNavigation a:link{text-decoration:none;}
.leftNavigation a:visited{text-decoration:none;}
.leftNavigation a:hover{text-decoration:underline;}
.leftNavigation a:active{text-decoration:none;}
.leftNavigation .menu a{background:#4ea8a8; color:#ffffff;}




.contentArea{float:right; width:600px; padding-left: 10px;}
* html .contentArea{float:right; width:590px; padding-left: 10px;}
.breadcrumbTrail{text-transform:uppercase; font-weight:bold; color:#333333; font-size:90%;}
.breadcrumbTrail a{text-transform:uppercase; font-weight:bold; font-size:100%; color:#333333;}
.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:15px 0px 10px 0px;}
.editableRegion a{font-weight:bold; color:#4ea8a8;}
.editableRegion a:link{text-decoration:none;}
.editableRegion a:visited{text-decoration:none;}
.editableRegion a:hover{text-decoration:underline;}
.editableRegion a:active{text-decoration:none;}

.footerTop{ margin-top:10px; border: dotted 1px #8c9c9b; text-align:center; }
.footerTop a img {border: none;}
.footerleft{float:left; width:25%; text-align:left;}
.footermiddle { float:left; margin:20px 0 0 0; text-align:center; width:49%; }
* html .footermiddle { margin:20px 0 0 0;  }
.footerright { float:right;  width:25%; text-align:right;}

.footerBottom{height:20px; margin:0px; padding:0px 0px 0px 10px; background:#4ea8a8;}
.footerBottom img{padding:0px; margin:5px 0;}
.rightLogo{ display:inline; }
.leftLogo{float:left;}

.zones {float:right; margin: 0px; padding: 0px;}
.zones ul { list-style:none; margin: 0px 0px 0px 20px; padding:0px; width: 370px; }
.zones li { float:left; width:170px; margin:0px 15px 15px 0px; padding:0; display:block; }
.zones a{text-transform:uppercase; color:#ffffff; font-weight:bold; display:block; width:165px; padding:125px 0 0 5px; }
.zones a:hover { color:#ffffff; text-decoration:none; }

.zones .zone1 {background:#4ea8a8 url('../images/childmain.jpg') no-repeat left top; }
.zones .zone2 {background:#000 url('../images/youngmain.jpg') no-repeat left top; margin:0px 0 15px 0px; height: 151px;}
.zones .zone3 {background:#4ea8a8 url('../images/parentmain.jpg') no-repeat left top; }
.zones .zone4 {background:#4ea8a8 url('../images/practitionermain.jpg') no-repeat left top; margin:0px 0 15px 0px; }

.homeContent {margin:0px; padding:0px;}
.homeContent h1{margin:0px; padding:0px; font-size:120%;}

.contentLeft{float:left; width:425px; padding-bottom:30px; padding-top: 0px;}


.downloadsRight{float:right; width: 150px; border:1px solid #ddd; padding:5px;}
.downloadsRight h2{margin:0px; padding:0px;}
.downloadsRight ul{list-style-type:none; padding:0px; margin:0px;}
.downloadsRight ul li{padding:0px; margin:10px 0px 10px 0px;}


h2.banner{font-size: 1.5em; color: #4ea8a8;}
h3.banner{font-size: 1.5em; color: #4ea8a8;}
h2.lightBanner{background:#e2a204; color:#fff; width:420px; margin:0px; padding:3px;}

h2.menu{background:#4ea8a8; color: #fff;}


h2.banner a{color:#4ea8a8; text-decoration:none;}
h2.banner a:link{text-decoration:none;}
h2.banner a:visited{text-decoration:none;}
h2.banner a:hover{text-decoration:underline;}
h2.banner a:active{text-decoration:none;}

.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:400px; margin:0px 0px 10px 0px; padding:0px;  }
.list th{background:#4ea8a8; 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: #c6dbdc;}
.rowcolor01{background-color: #dfefef;}

.listFooter td{background:#4ea8a8; 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;}
.SPServiceList{margin:10px 30px 10px 30px;}

.fixtext{margin:0px; padding:0px;}

.atoz{text-align:center; margin:20px 0px 20px 0px; padding:0px;}
.atoz ul{list-style-type:none; margin:0px; padding:0px;}
.atoz ul li{display:inline; margin:0px; padding:0px;}
.atoz ul a{color:#ea7e1c; display:inline; padding:2px; margin:0px; background:none;}
.atoz ul a:link{background:none; color:#ea7e1c;}
.atoz ul a:visited{background:none; color:#ea7e1c;}
.atoz ul a:hover{background:#ea7e1c; color:#fff;}
.atoz ul a:active{background:none; color:#ea7e1c;}

.feedbackQ{margin:5px 0 20px 0;}
.feedbackQ textarea { width:420px; height:60px; }

.advanced-search{margin:0;}
.asearchField{margin:10px 0px 10px 0px;}
.asearchField .form-label{font-weight:bold; margin-bottom:4px; color:#ea7e1c;}
.asearchField .form-button{margin:0;}
.asearchFieldBottom{margin:20px 0px 0px 0px;}

.smallText{font-size:11px}
.mediumText{font-size:15px}
.largeText{font-size:18px}

.textSize{margin-top:20px; text-align:center;font-size:11px}
.textSize ul{background:none; color:#ea7e1c;}
.textSize ul li{display:inline; background:none; color:#ea7e1c; font-weight:bold; width:auto;}
.textSize ul li a{display:inline; background:none; color:#ea7e1c; font-weight:bold; width:auto;}

.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;}


/********.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; padding-top:0.5em; }
.searchform .control { float:left; }

.searchform #ctl00_QuickSearch1_ctlQuickSearchButton { clear:both; }
.quicksearch #ctl00_QuickSearch1_ctlKeyword { width:8em; }
.quicksearch .searchform .label { padding-top:0; }

/* each label-control set on one line */

.searchformlist .label-control { clear:both; }
.searchformlist .label, .searchform .control { margin-bottom:0.5em; }
.searchformlist .label { float:left; width:10em; }
.searchformlist .control { padding-left:0.5em; }
.searchformlist .control label, .searchformlist .control select { margin-right:0.5em; }

/******************************/
/* OL Brand */
#olbrand {text-align: left; padding-top: 20px;}
#olbrand img {border: none;}

ul.translation  li {list-style-type:none; display: inline}
ul.translation {padding: 0 0 5px 0; margin: 0; text-align: right; padding-right: 15px;}
ul.translation  li a img {border: solid 0 #fff;}
.ask {padding: 5px 0 0 0;}
.safe {padding: 5px; border: solid 1px #ccc; background: #C6DBDC; margin-bottom: 5px;}

.browsealond { text-align:center; }
.ba {border: solid 0px #ff0000;}