/* Torbay Council Print Layout Styles
   Version: 2.0.3
   Created by: NR - Web Team - 14/09/2011
   Changed body font-size from 0.8em to 1.2em - NR - Web Team/AM - IT 21/12/2011 - version 2.0.2
   A #cookienotice {display: none;} - AM - IT 20/06/2012 - version 2.0.3
*/

body {font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-align: center; margin: 0;	padding-right: 0; padding-bottom: 10px; padding-left: 0; background: #a4a4a4;}
a {text-decoration: none; color: #003366;}
a:hover, a:focus {color: #333333; text-decoration: underline;}
.p {text-align: left; margin: 1em 8px 1em 8px;}

/* Containers */
#wrapper {width: 985px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: auto; text-align: left; background-color: #cfcfcf;}
.clearer {font-size: 0; line-height: 0; display: block;	margin: 0; padding: 0; clear: both;	height: 0; width: auto;}

/* Images */
img {border: 0px;}
img.LeftAlign {float: left; margin-right: 8px;}
img.RightAlign {float: right; margin-left: 8px;}
img.RSSImg {float: left;}
img#latestnewspic {float: right; margin: 8px;}

/* Headers */
#header img {float: left; border: 0; padding-top: 18px; padding-left: 18px;}
#header { display:none;}
#header a {color:#FFF;}
.banner-links, .lower-footer, .upper-footer {display:none;}
.banner-links a {color: #FFF;}
.banner-search {color: #FFF; margin-right: 18px;}
.banner-search label {font-size: 6%;}
.banner-search-box {color: #354c62; border: 2px #002446 solid;}
.banner-search-button {background: #354c62; color: #FFF; border: 2px #002446 solid; text-align:left;}
.banner-links {padding: 8px 8px 8px 0; width: 978px; margin-right: auto; margin-left: auto; margin-bottom: 0px; text-align: right; font-size: 100%;}
.banner-links ul {margin: 0;}
.upper-footer ul {margin: 0 0 0 -40px;}
.upper-footer-li, .upper-footer-li-last, .upper-footer-li-first, .banner-links-li, .banner-links-li-last {list-style: none; display: inline; padding-left: 10px; padding-right: 10px; border-right: #FFF solid 1px;}
.banner-links-hidden {list-style: none; display: none; padding-left: 10px; padding-right: 10px; border-right: 0;}
.upper-footer-li-last, .banner-links-li-last {border-right: #354c62 solid 1px; padding-right: 0;}
.upper-footer-li-first {padding-left: 0;}
.banner-search {margin-top: 24px; padding: 6px 0 0 0;}
.banner-search label {visibility: hidden;}
.banner-search-box {font-size: 120%; width: 305px; padding: 5px;}
.banner-search-button {font-size: 120%; width: 90px; padding: 4px 4px 4px 14px; margin-left: -5px;}

/* A-Z */
#header-az {padding: 0; font-size: 110%; color: #FFF; margin-right: 18px;}
#top-az {padding: 0; font-size: 110%;}
#header-az ul, #top-az  ul {list-style-type: none;}
#header-az li, #top-az li {display: inline; margin-left: -1px;}
#header-az li a, #top-az li a {padding: 0 2px; text-align: center; text-decoration: none; font-weight: bold;}
#header-az li a:hover, #header-az li a:focus, #top-az li a:hover, #top-az li a:focus {text-decoration: none; font-weight: bold; padding: 0 2px; text-decoration: underline;}
#top-az {font-size: 110%; padding: 0; margin-left: 0;}
#header-az #navigation {display: none;}

/* Sub Navigation */
#navigation {display:none;}
#navigation ul { list-style: none; margin: 0; padding: 0; } 
#navigation li a:hover { background-color: #354c62; color: #FFF; } 
.CurrentLevel {color: #002446; background-color: #FFF; display: block; padding: 0.4em 0 0.4em 0.5em; text-decoration: none; font-weight: bold;}
.CurrentPage {color: #FFF; background-color: #195289; display: block; padding: 0.4em 0 0.4em 0.5em; text-decoration: none; font-weight: bold;}
.Level1 {color: #FFF; background-color: #002446; display: block; padding: 8px; text-decoration: none; font-weight:bold; font-size: 130%;}
.Level2 {color: #FFF; background-color: #00305d; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level3 {color: #FFF; background-color: #013a70; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level4 {color: #FFF; background-color: #014484; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level5 {color: #FFF; background-color: #014d95; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level6 {color: #FFF; background-color: #0158a5; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level7 {color: #FFF; background-color: #0162b4; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level8 {color: #FFF; background-color: #016cc3; display: block; padding: 8px; text-decoration: none; font-weight:bold;}
.Level9 {color: #FFF; background-color: #0176d2; display: block; padding: 8px; text-decoration: none; font-weight:bold;}

/* H Tags */
.Hidden {display: none; margin-left: 0;}
.Hiddenh1 {font-size: 180%; color: #002446;}
h1 {padding: 8px; width: 100%; font-size: 180%; margin: 8px 8px 0 0px; color: #002446;}
#main h2 {padding-left: 8px; font-size: 120%; color: #002446;}
#main h3 {font-size:110%; color: #002446;}
#main h4 {font-size:100%; color: #002446;}
#main .p h2, #main .newsflash h2, #main .newsflash p {padding-left: 0;}

/* Main Nav */
#Nav {display:none;}
#Nav ul {list-style: none; margin: 0 0 0 -35px;}
#Nav li {display: inline; margin-left: -3px;}
.NavButtonLast, .NavButton {background-color: #354c62; border-right: 1px solid #FFF; display: inline-block;	color: #FFF; font-family: arial; font-weight: bold; padding: 5px; text-decoration: none; width: 152px; text-align: center; padding-top: 8px; padding-bottom: 8px;}
.NavButtonLast:hover, .NavButtonLast:focus, .NavButton:hover, .NavButton:focus {background-color: #002446; color:#FFF; text-decoration: none;}
.NavButtonLast {border-right: 0; width: 152px;}

/* Hot Topics */
.Boxh2Wide {width: 628px; background-color: #002446; font-size: 120%; color: #FFF; padding: 8px; margin: 8px 8px 0 0;}
#hottopicNSBoxBody {min-height: 234px; padding: 8px 8px 0 8px; color: #002446; background-color: #FFF;}
#hottopicNSBoxBody ul {margin-top: 0; float: left; width: 630px; padding-left: 23px; margin-left: -20px;}
#hottopicNSBoxBody li {padding-bottom: 20px; float: left; width: 315px; list-style: none;}
#hottopicNSBoxBody li a {color: #002446;}
#hottopicNSBoxHeader h2 {color: #FFF;}
#hottopicNSBoxBody a {color:#002446;}
#HotTopicImage {position: relative; width: 644px; margin: 8px 0 8px 8px; color:#FFF; background-color: #002446;}
#HotTopicImage a {color: #FFF}
#hottopictext {background-image: url(ht-bg.png); position: absolute; top: 180px; width: 628px; padding: 8px; min-height: 59px; left: 0;}
#hottopictext h2 {margin: 0;  margin: -4px 0 2px 0;}
#hottopictext p {margin: 0;}
#HotTopicFooter {background-color: #002446; padding: 8px;}
#HotTopicFooter a, #hottopictext a {color: #FFF; text-decoration: none;}
#HotTopicFooter a:hover, #HotTopicFooter a:focus, #hottopictext a:hover, #hottopictext a:focus {text-decoration: underline;}
#HotTopicText p {margin: 0; color: #FFFFFF;}

/* Boxes */
#main {float: left; padding: 0; background-color: #FFF; width: 100%; margin: 0 8px 8px 0;}
#main p {padding: 0 8px 0 8px;}
#NewsBox {float: right;}
#EventsBox {float: right; margin-top: -8px; margin-bottom: -8px;}
.Boxh2 {width: 301px; background-color: #002446; font-size: 120%; color: #FFF; padding: 8px; margin: 8px 8px 0 8px;}
.HomeBox {width: 301px; padding: 8px; position: relative; background:#FFF; margin: 0 8px 8px 8px; min-height: 175px;}
.HomeBox ul {list-style-type: none; margin-left: -40px; margin-top: 0;}
.HomeBox li {padding-bottom: 27px;}
.BoxFooter {border-top: 1px solid #002446; padding-top: 6px; position: absolute; bottom: 0; margin-bottom: 8px; width: 302px; left: 9px;
}
div.ColOne {float: left; margin: 0;}
div.ColTwo {float: left; margin: 0 -8px 0 -8px;}
div.ColThree {float: left; margin: 0;}

/* Transactions  Tabs */
.tabberlive .tabbertabhide {display: none; margin:0 0 -8px 8px; float: left;}
.tabber {width: 644px; background: #FFF; float: left; color:#002446; margin:0 0 -8px 8px;}
.tabber h3 {font-size: 120%; font-weight:bold; background-color: #002446; width: 300px; color: #FFF; margin-top: 0;}
.tabberlive {width: 644px; background-color: #002446; color:#FFF; margin-left: 8px; float: left;}
ul.tabbernav {margin: 0; padding: 8px 0;}
ul.tabbernav li {list-style: none; margin: 0; display: inline; font-size:120%; font-weight:bold;}
ul.tabbernav li a {padding: 8px 25px 8px 25px; margin-left: 0; border-bottom: none; background: #002446; text-decoration: none; border-right:1px solid #FFF; }
ul.tabbernav li a:link {color: #FFF;}
ul.tabbernav li a:visited {color: #667;}
ul.tabbernav li a:hover, ul.tabbernav li a:focus {color: #002446; background: #FFF;}
ul.tabbernav li.tabberactive a {background-color: #FFF; color: #002446;}
ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:focus {color: #002446; background-color: #FFF;}
.tabberlive .tabbertab {padding: 8px; border-top: 0; height: 226px; background-color: #FFF; color:#333;}
.tabberlive .tabbertab p {margin-bottom: 6px;}
.tabberlive .tabbertab h2, .tabberlive .tabbertab h3 {display: none;}
.tabber .tabbertab  .splitul, .tabberlive .tabbertab  .splitul {list-style-type: none;  margin-top: 2px; float: left; width: 638px; padding-left: 0; margin-bottom: -10px;}
.tabber .tabbertab  .splitli, .tabberlive .tabbertab  .splitli {padding-bottom: 28px; float: left; width: 300px; list-style: none outside none;}
.tabimages {float: left; margin: -4px 5px;}

/* Table Style */
table {padding: 8px;}
th.TableHeader {color: #FFF; background-color: #006699; text-align: left; vertical-align: top;}
td.TdGrey {color: #330000; background-color: #E2E2E2; vertical-align: top;}
td.TdDkGrey {color: #330000; background-color: #C5C5C5;	vertical-align: top;}
table caption {font-weight: bold; color: #003366; text-align: left; padding-top: 10px;}
.tdline1 {border-top: 1px solid #003366; border-bottom: 1px solid #003366; padding: 2px;}
.tdline {border-bottom: 1px solid #003366; padding: 2px;}

/* Content Top Tasks */
.Taskssplitul {display:none;}
.TasksImg {text-decoration: none; padding-right: 15px; float: left; margin-top:-12px;} /* check if this new NR style is OK on live */
.Taskssplitli {float: left; list-style: none outside none; width:350px;}
.Taskssplitli h2 {margin-top: 10px; padding-bottom: 10px;}
.Taskssplitli a {text-decoration: none; }
.Taskssplitli a:hover, .Taskssplitli a:focus {text-decoration: underline; }

/* Footer */
#footer {display:none;}
#footer a {color:#FFF; text-decoration: none;}
#footer a:hover, #footer a:focus {color:#FFF; text-decoration: underline;}
#footer p {margin:20px 0 15px 0;}
* html #footer {height: 1px; }
.footer-ul {margin: 8px 0 8px -40px;}
.footer-li, .footer-li-last, .banner-links-li, .banner-links-li-last, #pageOptionsList li {list-style: none; display: inline; padding-left: 10px; padding-right: 10px; border-right: #FFF solid 1px;}
.footer-li-first {list-style: none; display: inline; padding-left: 0px; padding-right: 10px; border-right: #FFFFFF solid 1px;}
.footer-li-last, .banner-links-li-last, #pageOptionsList .footer-li-last {border-right: 0; padding-right: 0;}
#mid-footer {margin: 8px 0 8px -10px; padding: 20px 8px 20px 8px; width: auto; text-align: left; width: 969px; background: #002446; color:#FFF; min-height: 90px;}
.footer-info {width: 312px; padding-left: 4px;}
.footer-info img {padding: 8px 0 0 8px;}
.footer-info ul {list-style-type: none; margin-left: -32px;}
.footer-info h3 {padding-bottom: 3px; border-bottom: 1px solid #FFF; width: 250px; margin-bottom: 3px; color:#FFF; font-size: 100%; margin-left: 8px; padding-left: 0;}
div.end-col {float: left; margin: -15px 0 -15px 0;}
div.mid-col {float: left; margin: -15px 8px -7px 8px;}
#pageOptionsList img {padding-right: 2px;}


/* Contact Info and Related Pages */
hr {border: 0; height: 8px; color: #cfcfcf; background-color: #cfcfcf;}
#ContentInfo {padding: 8px;}
#RelatedPagesInfo {display:none;}
#ContentInfo ul, #RelatedPagesInfo ul {list-style-type: none; margin-left: -40px;}
#ContentInfo, #RelatedPagesInfo {width: 45%; float: left; padding-right: 15px; margin: 0; margin-right: 8px;}
#ContentInfo, #RelatedPagesInfo {font-size: 100%;}
#ContentInfo h2, #RelatedPagesInfo h2 {padding-bottom: 3px; border-bottom: 1px solid #002446; width: 280px; margin-bottom: 3px; padding-left: 0;}

/* Related Docs */
ul#related-documents {margin-left: 10px;padding: 0; list-style-type: none;}
ul#related-documents li {padding-bottom: 8px;}
ul#related-documents img {float: left; margin-left: 0; padding-right: 15px; margin-top: 4px; margin-bottom: 10px;}
ul#related-documents li a {font-weight:bold;}

/* Current Mini Homepages */
.News2 {min-height: 100px; width: 47%; float: left; padding: 8px;}
.News2 h2 {margin-top: 2px; margin-bottom: -2px;}
.News2 h3 {margin-top: 2px; margin-bottom: 0; font-size: 90%;}
.News2 > img {float: left;padding-right: 5px;}
.News2 div.p, .News p {margin-top: 0; font-weight: normal;}

/* New  Mini Homepages */
.News {width: 47%; float: left; padding: 8px;}
.News h2 {margin-top: 2px; margin-bottom: 0; background: #002446; color:#FFF; }
.News h2 a {color:#FFF; text-decoration: none;}
.News h2 a:hover, News h2 a:focus {text-decoration: underline;}
.News > img {float: left; padding-right: 5px; margin-top: 2px;}
.News div.p, .News p {margin-top: 0; font-weight: normal; background: #cfcfcf; min-height: 58px; padding: 4px;}


/* New Search */
div#new-search-help {position: relative; top: -8px; left: 8px; float: left; clear: left; width: 191px; background-color: #FFF;}
form#new-search fieldset {margin: 0 0 -14px 0; padding: 0; border: 0;}
form#new-search legend {padding: 6px 0 11px 5px;}
form#new-search fieldset p {clear: left; margin-left: 6px; min-height: 48px;}
form#new-search p {margin-left: 6px;}
form#new-search label img {float: left; margin-right: 10px; margin-top: -10px;}
form#new-search #html, form#new-search #pdf, form#new-search #msword, 
	form#new-search #msexcel, form#new-search #ppt {float: right; margin-right: 50px;}
form#new-search span.hint {font-style: italic; font-size: 80%; color: #666; padding-left: 0;}
div#main.searchmain {margin-top: -33px;}
div#search-box-padding {padding: 6px 5px;}
div#new-search-results h2 {margin-top: 18px; margin-bottom: 12px;}
div#new-search-results img {float: left; margin-top: 4px; margin-left: 10px; margin-right: 12px;}
div#new-search-results p {margin: -10px 8px 0 43px;}
div#new-search-results p em {font-weight: bold;}
div#new-search-results p span {color: #333; font-style: italic; font-size: 90%; display: inline-block; padding-top: 3px;}
div#services {margin: 0 10px 14px 0; padding: 0;}
div#services a {padding-right: 6px; display: inline-block;}
ul.pages {list-style-type: none; margin-left: -32px; padding-bottom: 24px;}
ul.pages li {display: inline-block; float: left; border: 1px #002446 solid; width: 1.5em; height: 1.5em; 
	text-align: center; margin-right: 3px; padding-top: 0.2em;}
ul.pages li.current {color: #FFF; background-color: #002446;}
ul.pages li.next {width: 4em;}
ul.pages li.previous {width: 6em;}
ul.pages li a {text-decoration: none;}

/* Page Ratings */
table#page-ratings {border: 1px solid #FFF; margin: 1px;}
table#page-ratings td {vertical-align: top; border: 1px solid #999;}
table#page-ratings th {border: 1px solid #999;}
table#page-ratings td.pointer {cursor: pointer;}
table#page-ratings td.s1 {color: #F00;}
table#page-ratings td.s2 {color: #800000;}
table#page-ratings td.s3 {color: #CC3300;}
table#page-ratings td.s4 {color: #999900;}
table#page-ratings td.s5 {color: #00CC00;}

#cookienotice {display: none;}

/******************************* PORTSURF STYLES (FIREFOX FOR NOW) ***************************************/
.cols2 ul {float:left; width:634px; padding-left:8px;}
.cols2 li {float:left; width:317px; list-style: none outside none;}
.cols2 li a {display:block; background-position: 0px 2px; background-image: url("ul.gif"); background-repeat: no-repeat; padding-left: 16px;}

#controlpanel{

	font-size:75%;
	padding-left:8px;
	padding-bottom:5px;
	text-align:left;
	background-color:#eee;
}

#controlpanel img{
	vertical-align: middle;
}

#controlpanel h4{
	margin:0;
}

#controlpanel ul{
	margin-top:0;
}

#controlpanel #control-c1{
	width:350px;
	float:left;
	padding-right:5px;
}
#controlpanel #control-c2{
	width:639px;
	float:left;
	border-left:1px solid #fff;
	padding-left:5px;
}

#controlpanel .clear{
	clear:both;
}

#controlpanel textarea{
	width:300px;
}




#wf-notify{

}

.loading{
	height:15px;
	width:128px;
	background-image:url('ajax-loader.gif');
	background-repeat:no-repeat;
}


/* *************** A to Z ********************* */
#az li
{
	display: inline;
	list-style-type: none;
	margin-right: 5px;
	border:1px solid #004990;
	padding:3px;
}

#az li.control-info{
	border:none;
}



/* *************** AUTO COMPLETE ************** */
.ui-menu
{
	text-align:left;
	font-size:75%;
}

.ui-autocomplete-loading { background: white url('ui-anim_basic_16x16.gif') right center no-repeat; }