/* Torbay Council Layout Styles 
   Version: 2.0.29 
   Created by: NR - Web Team - 14/09/2011
   Changed .Taskssplitli and .Taskssplitli h2 for when text long AM - IT 14/11/2011 - version 2.0.2
   Changed ul#related-documents li clear: left to fix zoom probs AM - IT 29/11/2011 - version 2.0.3
   Added background-repeat: no-repeat; to #header and changed #002446 to #002B54
     for when text enlarged AM - IT 06/12/2011 - version 2.0.4
   Changed div#main.searchmain margin-top -33px to -8px AM - IT 06/12/2011 - version 2.0.5
   Added #navigation li a:focus   AM - IT 09/12/2011 - version 2.0.6
   Added new styles for form validation   AM/JW - IT 15/12/2011 - version 2.0.7
   Added .TaskLink   NR - Web Team/AM - IT 15/12/2011 - version 2.0.8
   Changed div#services left margin   AM - IT 13/01/2012 - version 2.0.9
   Changed #main h3 from 110% to 105%   NR/AM - 03/02/2012 - version 2.0.10
   #hottopictext a now underlined   NR/AM - 19/04/2012 - version 2.0.11
   #main .event h2 padding-left 0 AM - 15/05/2012 - version 2.0.12
   Additions for cookie banner   AM - 17/05/2012 - version 2.0.13
   Additions for cookie footer. Also removed all #cookiebanner and #allowcookies
     styles    AM - 30/05/2012 - version 2.0.14 
   #cookies needed to rename (now #cookienotice) to avoid anchor name   AM - 01/06/2012 - version 2.0.15
   Replication problem   AM - 01/06/2012 - version 2.0.16
   Commented out div#main.searchmain   AM - 07/06/2012 - version 2.0.17
   New home page tabs (within Transaction Tabs section)  AM - 05/11/2012 - version 2.0.18
   RWD retrofit (10 lines within "RWD Feb 2013")   AM - 06/03/2013 - version 2.0.19
   Changed #tab1 width auto to max-width 100%   AM - 15/03/2013 - version 2.0.20
   Added 2 TaskLinkH3 class lines   AM - 14/06/2013 - version 2.0.21
   Added Recycling Styles NR - 19/09/13 Updated 26/09/13 - version 2.0.22
   Amended table padding NR - 05/11/13 - version 2.0.23
   Added Recycling Styles NR - 25/11/13 Updated 25/11/13 - version 2.0.24
   Added left margin to H4 tags   NR - 26/11/13 - version 2.0.25
   Extras to enable RWD video   AM - IT 26/11/2013 - version 2.0.26
   Additional RWD Recycling elements NR - 27/11/13 - version 2.0.27
   Footer classes now left-footer-col, mid-footer-col, right-footer-col  AM - IT 17/12/13 - version 2.0.28
   Decided better keep .mid-col and .end-col for cloned footers AM - IT 17/12/2010 - version 2.0.29
   Map Links NR - 8/1/14 - version 2.0.28
   Arrow Box Div styles AC - 23/4/13
   Adveritising Div NR - 27/3/15
   HAY iFrame NR - 2/3/16
*/

body {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; text-align: center; margin: 0;	padding-right: 0; padding-bottom: 10px; padding-left: 0; background: #a4a4a4;}
a {text-decoration: none; color: #001fa7;}
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; padding-right:5px;}
img#latestnewspic {float: right; margin: 8px;}

/* Headers */
.advertising{ text-align: center !important;  margin: auto !important; width: 728px;}
#header img {float: left; border: 0; padding-top: 18px; padding-left: 18px;}
#header {background-image:url(header-bg.png); background-repeat: no-repeat; background-color: #002B54; margin: 0px; padding: 5px 8px 5px 8px; text-align: right; width: 970px; min-height: 120px;}
#header a {color:#FFF;}
.banner-links, .lower-footer, .upper-footer {background: #354c62; color: #FFF;}
.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 {float: left; width: 191px; padding: 0; margin: 8px; background-color:#FFF;}
#navigation ul {list-style: none; margin: 0; padding: 0;} 
#navigation li a:hover, #navigation li a:focus {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 */
.Hiddenh1, .Hidden {display: none; margin-left: 0;}
h1 {padding: 8px; color: #FFF; background: #002446; width: 754px; font-size: 130%; margin: 8px 8px 0 208px;}
#main h2 {padding-left: 8px; font-size: 120%; color: #002446;}
#main h3 {font-size:110%; color: #002446;}
#main h4 {font-size:100%; color: #002446;margin-left:8px;}
#main .p h2, #main .newsflash h2, #main .newsflash p {padding-left: 0;}
#main .event h2 {padding-left: 0;}

/* Main Nav */
#Nav {background: #354c62; color: #FFF; margin: 0; width: 986px;}
#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 {margin: 8px; width: 644px; color: #FFF; background-color: #002446;}
#HotTopicImage img {z-index: -1;}
#HotTopicImage a {color: #FFF}
#hottopictext{padding: 8px; background: url(ht-bg.png); min-height: 59px; z-index: 1; margin-top: -74px; position: relative;}
#hottopictext h2 {margin: -4px 0 4px 0;}
#hottopictext p {margin: 0;}
#HotTopicFooter {padding: 8px;}
#hottopictext a {color: #FFF; text-decoration: underline;}
#HotTopicFooter a {color: #FFF; text-decoration: none;}
#HotTopicFooter a:hover, #HotTopicFooter a:focus, #hottopictext a:hover, #hottopictext a:focus {text-decoration: underline;}

/* Boxes */
#main {float: right; padding: 0; background-color: #FFF; width: 769px; 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: 969px;background: #FFF; float: left; color:#002446; margin:8px 0 -8px 8px;}
#tab2 {width: 317px; float: right; margin-right: 8px; margin-top: 8px;  margin-bottom: 8px;}
#tab2 ul.tabbernav li a {padding: 8px 29px 8px 29px;}

.tabber h3 {font-size: 120%; font-weight:bold; background-color: #002446; width: 300px; color: #FFF; margin-top: 0;}

.tabberlive {width: 969px; background-color: #002446; color:#FFF; margin-top: 8px; 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; min-height: 162px; 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: 6px; float: left; width: 638px; padding-left: 0; margin-bottom: -10px;}
.tabber .tabbertab  .splitli, .tabberlive .tabbertab  .splitli {padding-bottom: 24px; float: left; width: 300px; list-style: none outside none;}

.tabimages {float: left; margin: -4px 5px;}

.TransBox {width: 290px; min-height: 150px; background-color: #cfcfcf; padding: 6px; float: right;}
.TransBox p, .TransBox .p {margin: 5px 0 5px 0;}
.TransBox .p {margin-left: 0;}
.TransBox form {margin: 0; padding: 0;}
.TransBox label.hidelabel {display: none; visibility: hidden; font-size: 0; display: inline; width: 0; height: 0; margin-left: 0; padding: 0;}
.TransBox select {width: 290px; margin: 0 0 5px 0; padding: 0;}
.TransBox .TransHeading {color: #002446; font-weight: bold;}
.TransBoxLeft {float: left; width: 650px; margin-top: -10px; padding-top: 0; background-color: #FFF;}

.TabberBox {width: 301px; padding: 0; position: relative; background: #FFF; min-height: 175px;}
.TabberBox ul {list-style-type: none; margin-left: -40px; margin-top: 0;}
.TabberBox li {padding-bottom: 26px;}
.TabberFooter {border-top: 1px solid #002446; padding-top: 9px;  margin-bottom: 0; width: 302px; margin-top: -20px;}

ul.splitul {background-color: #FFF;}

.tabber .tabbertab .splitlipay, .tabberlive .tabbertab .splitlipay {float: left; width: 270px;}
.tabber .tabbertab .splitlipay2, .tabberlive .tabbertab .splitlipay2 {float: left; width: 380px;}
.tabber .tabbertab .splitulpay, .tabberlive .tabbertab .splitulpay {float: left; width: 690px; padding-left: 0; margin: 0 0 8px 30px;}

.tabbertab {min-height: 226px;}
/* for when JS disabled */
#tab1 {max-width: 100%;}
#tab1.tabber .tabbertab h3 {width: 100%; clear: both;}
#tab1.tabber .tabbertab .splitul, #tab1.tabber .tabbertab .splitulpay {width: 49%; margin-bottom: 10px;}
#tab1.tabber .tabbertab .splitli, #tab1.tabber .tabbertab .splitlipay, #tab1.tabber .tabbertab .splitlipay2 {width: 100%;}


/* Table Style */
table {padding: 8px;}
th.TableHeader {color: #FFF; background-color: #006699; text-align: left; vertical-align: top; padding:8px; font-size:110%;}
td.TdGrey {color: #330000; background-color: #E2E2E2; vertical-align: top; padding:8px;}
td.TdDkGrey {color: #330000; background-color: #C5C5C5;	vertical-align: top; padding:8px;}
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 {list-style-type: none; border-bottom: 1px dashed #666; width:700px; float: left; padding-bottom: 5px; margin-left: 15px; }
.TasksImg {text-decoration: none; padding-right: 15px; float: left;}
.Taskssplitli {float: left; list-style: none outside none; width: 350px; padding-bottom: 12px;}
.Taskssplitli h2 {margin: 8px 10px 0 46px;}
.Taskssplitli a {text-decoration: none;}
.Taskssplitli a:hover, .Taskssplitli a:focus {text-decoration: underline;}
.TaskLink {display: block; padding-top: 12px; padding-bottom: 10px;}
.TaskLinkH3 {margin: 1em 8px; clear: left;}
.TaskLinkH3 a {display: block; padding: 10px;}

/* Content Arrow Boxes */
.arrow_box {
	position: relative;
	margin:1em 16px 23px 16px;
	font-size:1.3em;
}
.arrow_box .p{
	text-align: center;
}
.arrow_box ul{
	text-align: center;
}
.arrow_box li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	/*border-color: rgba(211, 241, 214, 0);
	border-top-color: #d3f1d6;*/
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box:before {
	/*border-color: rgba(211, 241, 214, 0);
	border-top-color: #d3f1d6;*/
	border-width: 23px;
	margin-left: -23px;
}
.green{
	background: #d3f1d6;
	border: 2px solid #d3f1d6;
}
.green:before{
	border-color: rgba(211, 241, 214, 0);
	border-top-color: #d3f1d6
}
.green:after{
	border-color: rgba(211, 241, 214, 0);
	border-top-color: #d3f1d6
}
.orange{
	background: #fcdca5;
	border: 2px solid #fcdca5;
}
.orange:before{
	border-color: rgba(252, 220, 165, 0);
	border-top-color: #fcdca5;
}
.orange:after{
	border-color: rgba(252, 220, 165, 0);
	border-top-color: #fcdca5;
}
.red{
	background: #ffc5c5;
	border: 4px solid #ffc5c5;
}
.red:before{
	border-color: rgba(255, 197, 197, 0);
	border-top-color: #ffc5c5;
}
.red:after{
	border-color: rgba(255, 197, 197, 0);
	border-top-color: #ffc5c5;
}
#no_arrow:before, #no_arrow:after{
	border-width: 0px;
}

/* Footer */
#footer {clear: both; padding: 5px 10px; background:#354c62; color:#FFF; width: 965px;}
#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: 278px; margin-bottom: 3px; color:#FFF; font-size: 100%; margin-left: 8px; padding-left: 0;}
div.end-col {float: left; margin: -15px 0 -15px 0;} /* kept in case for DemServ and publicaccess */
div.mid-col {float: left; margin: -15px 8px -7px 8px;} /* kept in case for DemServ and publicaccess */
div.left-footer-col, div.right-footer-col {float: left; margin: -15px 0 -15px 0;}
div.mid-footer-col {float: left; margin: -15px 8px -7px 8px;}
#pageOptionsList img {padding-right: 2px;}
ul#twitter_update_list {width: 275px;}


/* Contact Info and Related Pages */
hr {border: 0; height: 8px; color: #cfcfcf; background-color: #cfcfcf;}
#ContentInfo, #RelatedPagesInfo {padding: 8px;}
#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; clear: left;}
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: -8px;} */
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 53px;}
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 6px; padding: 0;}
div#services a {padding-right: 12px; 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;}

/* Styles for validation helpers (JW) */
.field-validation-error {color: #f00;}
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #f00; background-color: #fee;}
.validation-summary-errors {font-weight: bold; color: #f00;}
.validation-summary-valid {display: none;}

/* Styles for accessibility (JW) */
.screen-reader-only-col1 {position: absolute; left: -2500em;}
.screen-reader-only-col2 {position: absolute; left: -2000em;}

/* Styles for JQuery show/hide optional content (JW) */
.show {display: block;}
.hide {display: none;}

/* Cookie footer */
#cookienotice {position: fixed; right: 0; bottom: 0; z-index: 1;}


/* RWD Feb 2013 */
.clearleft {clear: left;} 
.clearboth, .clearbothalways {clear: both;} 

li.banner-links-li#viewmobile, li.banner-links-li#viewdesktop {display: none;}
#az1 {display: inline-block; margin-left: -40px;}
#az2 {display: inline-block; padding-left: 0;}
.show-mobile {display: none;}
.eventcat {display: inline-block; width: 24%;}

@media screen and (max-width: 990px) {
  li.banner-links-li#viewmobile {display: inline;}
}

/* Extras to enable RWD video Nov 2013 */
.videowrapper {
	margin-top: 15px;
	position: relative;
	height: 0; /* IE 5 and 6 would not reveal the video */
	/* no need to set a 100% width (which also avoids issues when IE expands the box) */
}
* html .videowrapper {
	margin-bottom: 45px; /* because IE 5 removes the value of padding-top from the flow */
	margin-bot\tom: 0; /* reset for IE 6 */
}
.videowrapper div,
.videowrapper object {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.sixteenbynine {padding-bottom: 56.25%;}
.fourbythree {padding-bottom: 75%;}
.chrome20 {padding-top: 20px;}
.chrome23 {padding-top: 23px;}
.chrome25 {padding-top: 25px;}
.chrome30 {padding-top: 30px;}
.chrome35 {padding-top: 35px;}
.chrome45 {padding-top: 45px;}
.chrome55 {padding-top: 55px;}


/* Extra recycling styles */

.yes, .no, .pay {background-repeat: no-repeat; background-position: 98% 5%; list-style-type: none; padding:15px; margin:10px 10px ; float: left; width:325px;}
.no, .pay {margin-right: 0px;}
.pay {margin-top:0px;}
.yes li, .no li, .pay li{padding-bottom:5px; margin-right:30px;}

.yes {background-color: #d3f1d6; background-image: url(tick-2.png);}
.no {background-color: #ffc5c5; background-image: url(cross-2.png);}
.pay {background-color: #fcdca5; background-image: url(pay.png);}

.visually-hidden {display: none;}

h3.blue{background-color: #0189d3;}
h3.red{background-color: #ef4522;}
h3.grey{background-color: #53646e;}
h3.yellow{background-color: #fdb813;}
h3.pink{background-color: #ef018d;}
h3.black{background-color: #000000;}
h3.green{background-color: #00b26a;}
h3.dgrey{background-color: #231f20;}
h3.jade{background-color: #00a9a4;}
h3.orange{background-color: #f78f1e;}

#recycling {margin:0px;padding:10px;}
#recycling img{float:left; padding-right:10px;}

#recycling h2.green {background-color: #00b26a; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.blue {background-color: #0189d3; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.red {background-color: #ef4522; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.grey {background-color: #53646e; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.yellow {background-color: #fdb813; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.pink {background-color: #ef018d; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.black {background-color: #000000; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.green {background-color: #00b26a; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.dgrey {background-color: #231f20; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.jade {background-color: #00a9a4; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.orange {background-color: #f78f1e; margin:0px; padding-top:12px; height:30px;font-size: 130%;color:#ffffff;}
#recycling h2.white {background-color: #ffffff; margin:0px; padding-top:11px; height:29px;font-size: 130%;color:#231f20; border: 1px #231f20 solid; 
border-left:0px; }
.recyclingtable{width: 55%;}
#map{height:273px; width:43%; margin-top: 10px; float:right;margin-right:12px;}
#MapLinks {width: 98%; background-color:#006699; padding:4px;}
#MapLinks a, #MapLinks a:hover {color: #ffffff;}

.hay {margin: 0 auto;min-height: 800px;overflow-y: scroll; overflow-x: hidden; width: 100%;}

/************************* 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; }