/*******************************************
NOTE:
Dimensions in em calculated using base 
font size of 12px.
see http://pxtoem.com/12 for conversions

********************************************/

/*******************************************
TORBAY - tcstyles.css
********************************************/
/* Torbay Council Layout Styles 2009       */
/* Version: 1.0.1 		                     */
/* Created by: NR - Web Team - 14/05/2009  */
/* Edited by: MB - Opp Links - 24/08/2009  */

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}


body {font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; text-align: center; margin: 0em;	padding-top: 0.833em; padding-right: 0em; padding-bottom: 0.833em; padding-left: 0em;}

div { margin: 0em; padding: 0em; }

/* Containers */
#wrapper {width: 80.667em; margin-top: 0em; margin-right: auto; margin-bottom: 0em; margin-left: auto; height: auto; text-align: left;}
#container {height: 1%; width: auto;}
#centerHome {height: auto; width: 49.167em; padding-top: 0em; padding-right: 0.667em; padding-bottom: 0.417em; padding-left: 0.667em; float: left;}
#center {height: auto; width: 53.417em !important; width: 54.6em; padding-top: 0em; padding-bottom: 0.417em; float: left; padding-left: 0.625em; padding-right:0.625em; } /*MB-20090824*/
#leftHome {width: 16.667em; float: left; }
#left {width: 12.5em !important; width: 11em; float: left; } /* MB-20090827 */
div#LeftContentCol{ width: 49%; padding: 0em 0em 0em 0em;}
#right {height: auto; width: 12.5em; float: left; overflow:auto;}
#rightHome {height: auto; width: 12.5em; overflow:auto; float:right;}
div#RightContentCol{ width: 49%; float:right; padding: 0em 0em 0em 0em;}
.clearer {font-size: 0em; line-height: 0em;	display: block;	margin: 0em; padding: 0em; clear: both;	height: 0em; width: auto;}
.pMargin{margin: 0.417em 0.417em 0.417em 0.417em;}

#center .BlueboxMainText img {width:53.25em; height:8.333em;}

/* ../Images */
.BlueBoxFSD img, img {border: 0em;}
img.LeftAlign {float: left;}
img.RightAlign {float: right;}
img#latestnewspic { float: right;  margin: 0.667em;}
img.ImageNews {float: left; margin: 0em 0.417em 0.417em 0em; width:6.667em; height:6.667em; }
a.external {white-space: nowrap; background: url(../Images/ex-link.gif) no-repeat 100% 50%;  padding-right: 20em;}


/* Header */
#header {margin: 6px; padding: 0em; width: auto; text-align: right; margin-bottom:0em !important; margin-bottom:0.667em;} /*MB-20090824*/
#header img { float: left; border: 0em;}
.banner-links { padding: 0.833em 1.333em 0.417em 0; margin: 0em; }
.banner-links a.smaller { font-size: 70%;}
.banner-links a.larger { font-size: 130%;}
.banner-search { padding: 0.375em 1.333em 0 0; margin: 0em;  }
.banner-search label a {font-size: 0%;} /* MB-20090825 Hide search link in header? */
select{margin-left:0.25em; font-size:0.917em; font-size:1em;}

.banner-search form { margin: 0em; padding: 0em; }

/* A-Z */
#header-az {padding: 0.667em 1.333em 0.667em 0em; margin: 0em; }
#header-az ul {list-style-type: none;}
#header-az li {display: inline; margin-left: -0.083em;}
#header-az li:first-child { padding-right: 0.667em;}
#header-az li a {font-weight: bold; padding: 0em 4px; text-align: center; text-decoration: none;}
#header-az li a:hover, #header-az li a:focus {text-decoration: none;}

/* Navigation */
div.Navigation div#SecondaryHeader {padding: 0.417em;font-weight:bold;}
div.Navigation ul{margin-left:-42px; margin-left: 0em; margin-top:0em; margin-bottom:0em; padding:0em;} /*MB-20090824*/
div.Navigation li {list-style: none; margin:0em; padding:0em;} /*MB-20090824*/
div.Navigation li a {font-size:1em; padding:0.417em 0em 0.417em 1.333em; width: auto;display: block; background-repeat: no-repeat;background-position: 4px 7px;}
div.Navigation li a:hover, div.Navigation li a:focus { width: auto;display: block;padding:0.417em 0em 0.417em 1.333em;}

#root, .hidden { display:none; }

/* Headers */
h1, h2, h3, h4 {font-size:1em;}
div.BlueBoxFSDEnd .BlueHeader h2, div.BlueBoxFSD .BlueHeader h2, div.BlueBoxMainText .BlueHeader h1, div.BlueBoxCS .BlueHeader h2, div.BlueBox .BlueHeader h1, div.BlueBox .BlueHeader h2, div.SecondaryBox .SecondaryHeader h2{font-size:1em; margin: 0em; padding: 0em;}

/* Footer */
#footer {margin: 6px; padding:2px 0.417em 2px 0.417em; background-position:left; /*height:5em;*/}

/*Green Boxes*/
div.SecondaryBox table{margin:0.417em;} 
div.SecondaryBox{margin-bottom:0.667em;} 
div.SecondaryBox input{margin-top:0.417em; margin-bottom:0.417em;} 
div.SecondaryBox .SecondaryHeader {padding: 0.417em; font-weight:bold;}
div.SecondaryBox p {margin: 0.417em 0.417em 0.417em 0.417em} 
div.SecondaryBox input { margin: 0em 0.25em; font-size:0.917em;}
div.SecondaryBox label { display: block; clear: both; margin:.25em; margin-bottom:0em; padding:0em;}
div.SecondaryBox .BlankList { list-style:none; padding: 0em 0em 0em 0.417em; margin-left: 0em; list-style-image:none;}
div.SecondaryBox ul {margin: 4px 2px 4px -10.667em;}
div.SecondaryBox form { margin:0em; padding:0px; }

/*Blue Boxes*/
div.BlueBox ul, div.BlueBoxCS ul{margin: 0.417em 0em 0.417em -10.417em;}
div.BlueBoxFSDEnd .BlueHeader, div.BlueBoxFSD .BlueHeader, div.BlueBoxMainText .BlueHeader, div.BlueBox .BlueHeader, div.BlueBoxCS .BlueHeader {height:1.333em; padding: 0.417em; font-weight:bold;}
div.BlueBox, div.BlueBoxFSD, div.BlueBoxFSDEnd, div.BlueBoxCS, div.BlueBoxMainText{margin-bottom:0.667em;}
div.BlueBoxFSDEnd .Xtras, div.BlueBoxFSD .Xtras, div.SecondaryBox .Xtras, div.BlueBox .Xtras{padding-top:0.417em; padding-left: 0.25em; margin: 0.333em;}
div.BlueBox .Xtras h3{ margin-top:0em; margin-bottom:0em;}
img.ImageFSD { width:12.5em; height:8.333em; } /*MB-20090824*/

/* FSD Boxes */
div.FSD {margin: 0em -0.417em -0.417em -0.417em;}
div.BlueBoxFSD {width: 12.66em !important; width: 12.9em; float:left; margin: 0em 0.667em 0.667em 0em;} /* MB-20090827 */
div.BlueBoxFSDEnd {width: 12.66em; float:left; margin: 0em; margin-bottom: 0.667em;}
.FSDNews { min-height:6.667em; margin: 0em;} /* Don't need this if go for 3 colums*/
.FSDNews2 { min-height:6.667em; width:49%; float:left; margin-top: -0.667em; margin-bottom: 0.667em; }
.FSDNews2 p {margin: 0;}
.FSDNews2 p {/*margin-left: 20px;*/ }
.FSDNews2 h3 {margin: 5px 0 5px 0; }
.news {width: 200px; border: solid 0px #00f; margin-left: 100px; /*float:left;*/}
/**+html .news {float: left; border: solid 1px #eee;}*/

/* Services */
div.BlueBoxCS { float: left; width:66.25em; font-size:0.917em;}
div.BlueBoxCS a{}
div.BlueBoxCS ul{list-style: none; width:31%; display:inline-block; margin-left:-30em;}
div.BlueBoxCS ul li{list-style-image:none;}
.HeadServices {font-weight:bold; text-decoration:none; color:#333333; font-size:12px;}
.ulBorder {border-right: #999999 0.083em solid;}

/*Your Bay*/
div#Webcam {float: left; width:132px; margin-left: 0.417em; margin: 0.417em; }
div#Webcam h3{ font-weight:normal; margin: 0em 0em 0.417em 0em;}
#videos { width: 140.083em;  margin-left: 150.417em; }
#videos h3{ margin: 4px 0em 0em 0em;}
#videos ul{ margin-bottom: 20em;}

/* Content */
#OTP {padding:0.417em; margin: 0.667em;}
.MainText {margin: 0.667em;}
.MainText ul{list-style:square;}
div.sitekit-breadcrumb,
div.breadcrumb {font-size:.9em; margin: 0em 0em 0.417em 0em; padding:0em; line-height:1em; display: block; width:100%; float:none; }
.addthis {margin-top:0.25em;}

/* Sitekit Breadcrumb added by MB on 20090827
================================================================================================ */
div.breadcrumb-text { padding: 0em; padding-top: .2em; padding-bottom: .2em; margin: 0px; float: left;}
div.sitekit-breadcrumb table { float: left; font-size:1em; margin: 0em; padding: 0em; margin-top:.2em !important; margin-top: 0em; }
div.sitekit-breadcrumb td { padding: 0em; margin: 0px; display:inline;}

div.sitekit-breadcrumb { min-height:1.417em; }


/* Related Docs */
.doc {margin-left: -50em;  list-style:none; background-image:url(../Images/doc.gif); background-position: 0.667em 2px;  background-repeat: no-repeat;  padding: 0em 0em 0.417em 30em;}
.pdf {margin-left: -50em;  list-style:none; background-image:url(../Images/pdf.gif); background-position: 0.667em 2px;  background-repeat: no-repeat;  padding: 0em 0em 0.417em 30em;}
.excel {margin-left: -50em;  list-style:none; background-image:url(../Images/excel.gif); background-position: 0.667em 2px;  background-repeat: no-repeat;  padding: 0em 0em 0.417em 30em;}
.powerpoint {margin-left: -50em;  list-style:none; background-image:url(../Images/powerpoint.gif); background-position: 0.667em 2px;  background-repeat: no-repeat;  padding: 0em 0em 0.417em 30em;}
.SplitTable {width:50%;}
div#Updated {float:left; width:100%; font-size:.9em;}

/* Table Style */
tr.TableHeader th {color: #FFFFFF; background-color: #006699; text-align: left; vertical-align: top; }
tr.TdGrey td {color: #330000; background-color: #E2E2E2; vertical-align: top;}
tr.TdDkGrey td {color: #330000; background-color: #C5C5C5;	vertical-align: top;}
table caption {font-weight: bold; color: #003366; text-align: left; padding-top: 0.833em;}
.tdline1 {border-top: 0.083em solid #003366; border-bottom: 0.083em solid #003366; padding:2px;}
.tdline {border-bottom: 0.083em solid #003366; padding: 2px;}

table { font-size: 1em !important; font-size: 1em; } /* MB-20090827 Added for results pages */
.MainText table { width: 100% !important; width: auto; } /* MB-20090827 Added for results pages */
.MainText label { vertical-align:top; margin-top:.2em; display:block; float:left; padding-right: 10px; font-weight:bold;color:#004990; }

/* Contact Details MB-20090824 */
dl { width: 12.375em; margin: 0em; padding: 0em; }
dt { width:1.25em; float: left; font-weight: bold; margin: 0em; padding: .25em; }
/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */
dd { float: left; margin: 0em; padding: .25em; }



/****************************************************
TORBAY - tccolor.css
*****************************************************/
/* Torbay Council Website Stylesheet - Colour Only  */
/* Version: 1.0.1 		                              */
/* Created by: NR - Web Team - 14/05/2009           */
/* Edited by: MB - Opp Links - 24/08/2009           */

body { background: #a7c9e2; color: #333333; }

/* Containers */
#wrapper {border: thick solid  #FFFFFF; background-color:#FFFFFF;}
#container { background-color:#FFFFFF; border: thick #FFFFFF solid;}

/* Header */
#header {color: #FFFFFF; background-color: #004990; background-image: url(../Images/banner.gif);  background-position: left top; background-repeat: no-repeat;}	
.banner-links a { color: #f1f1f1;}
.banner-search label { color: #1A5D9D;}

input { border: 0.083em solid #c1c1c1; color: #004990; font-family: Arial, Helvetica, sans-serif; background-image: url(../Images/search-bg.gif); background-position: top left; background-repeat:repeat-x; }
select { border: 0.083em solid #c1c1c1; color: #004990; font-family: Arial, Helvetica, sans-serif; background-image: url(../Images/search-bg.gif); background-position: top left; background-repeat:repeat-x; }
option { border: 0.083em solid #c1c1c1; color: #004990; font-family: Arial, Helvetica, sans-serif; background-image: url(../Images/search-bg.gif); background-position: top left; background-repeat:repeat-x; }

/* A-Z */
#header-az li a { background-color: #FFFFFF; border: 0.083em #004990 solid;}
#header-az li a:hover, #header-az li a:focus { color: #FFFFFF; background-color: #004990; border: 0.083em #FFFFFF solid;}

/* Navigation */
div.Navigation {border:0.083em #a6d7d2 solid;}
div.Navigation div#SecondaryHeader { background-image:url(../Images/green-bg.gif); background-repeat:repeat-x; color:#006666; background-color:#ebf5f4; border-bottom: 0.083em #a6d7d2 solid;}
div.Navigation li a {color: #004499; background-image:url(../Images/ul.gif); text-decoration: none;}
div.Navigation li a:hover, div.Navigation li a:focus {color: #004499; background-color:#d9edea;}

/* Headers */
h1, h2, h3, h4 {color:#004990;}
div.BlueBoxFSD .BlueHeader h2, div.BlueBoxCS .BlueHeader h2, div.BlueBox .BlueHeader h1, div.BlueBox .BlueHeader h2, div.SecondaryBox .SecondaryHeader h2{color:#004990;}

/*  Foooter   */
#footer {color: #FFFFFF; background-color: #004990; background-image: url(../Images/footer.gif); background-position:left top; background-repeat:repeat-x; /*height:5em;*/ background-color: #004990; }
#footer a:link, #footer a:visited, #footer a:active {color: #FFFFFF;}
#footer a:hover {color: #739BC2;}

/*Green Boxes*/
div.SecondaryBox {border: 0.083em #a6d7d2 solid;} 
div.SecondaryBox ul {list-style-image: url(../Images/ul.gif);}
div.SecondaryBox div#SecondaryHeader, div.SecondaryBox .SecondaryHeader { background-image:url(../Images/green-bg.gif); color:#006666;background-repeat:repeat-x; color:#006666; background-color:#ebf5f4; border-bottom: 0.083em #a6d7d2 solid;}
div.SecondaryBox .ImageList {list-style-image: url(../Images/ul.gif);}

/*Blue Boxes*/
div.BlueBox ul, div.BlueBoxCS ul{list-style-image: url(../Images/ul.gif);}
div.BlueBoxFSDEnd .Xtras, div.BlueBoxFSD .Xtras, div.SecondaryBox .Xtras, div.BlueBox .Xtras{border-top: #999999 0.083em solid;}
div.BlueBoxCS, div.BlueBox, div.BlueBoxFSD, div.BlueBoxFSDEnd, div.BlueBoxMainText {border: 0.083em #a2daf4 solid;} 
div.BlueBoxFSDEnd .BlueHeader, div.BlueBoxFSD .BlueHeader, div.BlueBoxCS .BlueHeader, div.BlueBox div.BlueHeader, div.BlueBox .BlueHeader, div.BlueBoxMainText div.BlueHeader { background-image:url(../Images/blue-bg.gif);color:#004990; background-repeat:repeat-x; border-bottom: 0.083em #a2daf4 solid;}

/*Content*/
#OTP {border:0.083em #a6d7d2 dashed;background-color:#ebf5f4;}
#OTP .None{color:#949494;}
.breadcrumb { /*color: #004990;*/}
a {color:#3366CC;}
a:hover {color:#666666;}
a:visited {color:#9900FF;}

.quicksearchcontrol {padding: 10px;}
.inline {display:inline;}

.hide {display: none;}

/********* Results*********
**************************/
.results {margin-top: 10px;}
.results table a:hover{text-decoration:underline; color: #006d78;}
.results tr.odd td {}
.results tr.even td {background-color:#f4f6f6;}
.results table, tr, th, td {
margin:0em;
border-collapse:collapse;
}
.results th.count{width: 5%;}
.results th.service {width: 65%;}
.results th.type {width: 15%;}
.results th.contact {width: 15%;}

.results th {
font-family:"Trebuchet MT", Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:normal;
border:1px solid #ccc;
background-color:#eaeaea;
padding:.5em .5em;
margin-bottom:2px;
background-color:#fefefe;
background-image:url(../Images/GreyHeaderGradient.png);
background-repeat:repeat-x;
background-position:bottom left;
}

.results td p {padding: 3px 0;}

td { vertical-align:top; padding:.5em .5em; }
td h2 { font-size:1.2em; font-weight:normal; margin:0em; padding:0em; }
.position { font-size:1.2em;}
td p { margin:0em; padding:0em; }
td strong { color:#333333; }



/**********************
Search Boxes
**********************/
.childcaresearch, .servicesearch { border:1px solid #E5E5D8; background-color:#FAFAFA; padding:0em; margin-bottom:1em; width: 550px;}
#center .childcaresearch h2, #center .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:33%; vertical-align:top; float: none;}
.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;}


/* Event Org and Carescheme Details*/
#center .MainText h2{padding: 0.5em 0; margin:0em;  /*background-color: #fff;*/ font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size: 1.4em;}
#center .MainText h3{font-weight:normal; text-align:left; font-family:"Trebuchet MT",Arial,Helvetica,sans-serif; font-size: 1.2em;}

#center .MainText .group {background-color: #f4f6f6; border: solid 1px #dcdcdc; padding: 10px; margin-bottom: 10px; width:95% !important; width:auto; }
#center .MainText .name{float: left; width: 22%; clear:both; font-weight: bold; color: #666; padding: 10px 20px 10px 0px; border: solid 0px #f00;}

#center .MainText .value{float: left; width: 73%; padding: 10px 0 10px 0px; border: solid 0px #0f0;}
#center .MainText .group .value ul {border: solid 0px #f00; padding: 0; margin: 0;}
#center .MainText .group .value ul li {list-style-image:none; color: #000; list-style-type:none;}
#center .MainText .title {background-color: #fff;}

#center .MainText .rowfix {border: solid 0px #f00; width: 99%;}


/**********************
        Facets
**********************/
.facet .head {margin-top: 5px; border:1px solid #CCCCCC; background-image:url(../images/facetbg.gif);
    background-position:0em 0em;
    background-repeat:repeat-x; height: 20px; padding: 0 3px;}

.facets a:hover { background-color:#f5f5f5; }
.facets h3 { margin-bottom:.5em; }
.facets .facet h4 {
    font-size:1.0em;
    margin:0;
    line-height: 20px;
    color: #000;
    display: inline;
    font-weight: normal;
  float: left;

}
.facets .facet span {
    float:right;
    line-height:20px;
    text-align: right;
}
.facets .facet ul,
.facets .singleoption ul {
    padding:.5em 1em;
    padding:0em; margin:0em;
    margin-left: 0em;
    margin-right: 0em;
}

.facets .facet ul {
    padding:.5em;
    border:1px solid #ccc;
    background-color: #fafafa;
    /*height:8em;
    overflow:auto;*/
}

.facets li { list-style:none; clear:both; color: #999; margin-left: 25px;}
.facets li a { color: #006D78;}
.facets li a div { width:14px; height:14px; display:block; float:left; margin-right:.4em; margin-bottom:.2em; padding:1px; margin-left: -25px;}
.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:100%;
    float:left;
    margin:0em;
    padding:0em;
}

.facets a.facet-toggle {float: left; padding-left: 20px; line-height: 20px; background: transparent url(../images/down.png) no-repeat 1px; 50%;}
.facets a.hide {background: transparent url(../images/up.png) no-repeat 1px; 50%;}

.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;}

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;}
/******************** End Facet *******************/





