body, html{width: 100%;height: 100%;padding:0px;margin:0px;}
form{padding:0px;margin:0px;}
a img{border: none;}
.clear{clear:both;}
a:hover, a:active, a:link, input, textarea { outline: none; }
.clear_margin{margin: 0px !important;}
.clear_padding{padding: 0px !important;}
.clear_border{border: none !important;}
.clear_bg{background-image: none !important;}
.no_display{display: none;}
.display{display: block;}
.warning{color: #9f3f40;}
.upper{text-transform: uppercase}
a,a:link{text-decoration: none;}
a:hover, a:hover h2{text-decoration:underline}
p{margin: 0px; padding:0px 0px 10px 0px;}
ul{margin: 0px; padding: 0px;}
li{padding: 0px; margin: 0px; list-style: none;}
/************************ layout **********************************************/
body
{
    font-family: verdana, tahoma, arial, helvetica, sans-serif; /* set your font family */
    font-size: 100%; /* sets font size for em */
    background-color:#f0f0f0;
    -webkit-text-size-adjust:none;
}

a:focus,.submit:focus,.inputwrapper:focus,.sub:focus{
    outline: 1px dashed #B71023;
}

.focused{
    border: 1px solid #B71023 !important;
}

.printlogo{
    display:none;
}

.large-font{
    font-size:110%;
}

.wrapper{
    width:980px;
    margin-left:auto;
    margin-right:auto;
    background-color:#ffffff;
}
.header{
    height:181px;
    width:100%;
    background:url("header-bg.jpg") repeat-x;
    position:relative;
}
#skip_content{
    position: absolute;
    top: 0px;
    left: -1000px;
    background: #062F63;
    color: #ffffff;
    padding: 10px;
    font-size: 12px ;
}
#skip_content:focus{
    left: 0px;
    text-decoration: underline;
}
.header .prestonlogo{
    width:226px;
    height:78px;
    float:left;
    /*background:url("spritesheet.jpg") no-repeat 0px -243px;*/
    margin-top:22px;
    margin-left:10px;
    background:url("preston-logo-large-new.png") no-repeat;
    overflow:hidden;
    text-indent:-999em;
    
}
.header-menu{
    float:right;
    font-size:0.8em;
    padding-top:12px;
    padding-right:15px;
    width:543px;
}

.header-menu a,.header-menu span{
    float:left;
    color:#062f63;
    padding:0px 10px;
}
.header-menu a{
    border-right:1px solid #062f63;
}
.listen{
    background:url("speaker.gif") no-repeat 110px center;
    padding-right:35px !important;
}
.header-menu .preferences{
    float:left;
    font-weight:bold;
    margin-top:-3px;
}
.preferences .preference{
    width:23px;
    height:22px;
    display:inline-block;
    border:none;
    padding:0;
}
.small_light{
    background:url("stylechanger.png") no-repeat 2px 0px;
}
.small_dark{
    background:url("stylechanger.png") no-repeat -21px 0px;
}
.large_light{
    background:url("stylechanger.png") no-repeat -43px 0px;
}
.large_dark{
    background:url("stylechanger.png") no-repeat -67px 0px;
}
.print{
    width:87px;
    height:22px;
    background:url("print.png") no-repeat 0px 0px;
    float:left;
    margin-left:10px;
    margin-top:-2px;
}
.print a{
    width:87px;
    height:22px;
    display:block;
    padding:0;
    margin:0;
    border:none;
    text-indent:-999em;
    overflow:hidden;
}
.selected{
    border:1px solid #062f63 !important;
    text-align:center;
}
.nav_search{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:57px;
}
.nav_search .navcontent{
    position:relative;
    width:100%;
    height:57px;
}

.nav_search ul li.tabs{
    position:absolute;
    width:166px;
    height:57px;
    line-height:57px;
    background:url("tabactive.png") no-repeat ;
    font-family:arial,helvetica,sans-serif;
    font-size:1.1em;
    font-weight:bold;
    text-align:center;
    bottom:0px;
    z-index:10;
}
.nav_search ul li.tabs a{
    color:#b71023;
    height:57px;
    width:166px;
    display:block;
    z-index:11;
    text-decoration:none !important;
}
.nav_search ul li.tabs a:hover,
.nav_search ul li.tabs a:focus {
    text-decoration: underline !important;
}

.nav_search ul li.searchbar{
    position:absolute;
    width:271px;
    right:39px;
    bottom:16px;
    background-color:#ffffff;
    -moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
    border-radius:4px 4px 4px 4px;
    padding:0;
}

li.searchbar input{
    border:none;
    background:none;
    color:#000000;
    height:32px;
    line-height:32px;
    padding:0px 0px 0px 5px;
    margin:0;
    width:235px;
    vertical-align:middle;
    text-indent:5px;
    float:left;
}
li.searchbar input.submit{
    background:url("spritesheet.jpg") no-repeat -227px -221px;
    width:19px;
    height:18px;
    margin-top:6px;
    text-indent:-999em;
    cursor:pointer;
}
.first{
    left:20px;
}
.second{
    left:165px;
}
.third{
    left:310px;
}

.first_inactive{
    z-index:9!important;
}

.second_inactive{
    z-index:9!important;
}

.third_inactive{
    z-index:8!important;
}
.nav_search ul li.inactive{
    height:54px !important;
    line-height:57px !important;
    background:url("tabinactive.png") no-repeat center bottom;
}
.nav_search ul li.inactive a{
    color:#1d476e;
    height:20px !important;
    padding-top:20px;
    padding-bottom:10px;
    line-height:1 !important;
    text-shadow:#a2d2e5 0px 1px 0px;
    font-size:0.9em;
    vertical-align:middle;
}
/*********************content*/
.content{
    padding:25px 20px;
}
.content .big-banner{
    height:236px;
    position:relative;
    overflow:hidden;
    margin-bottom:20px;
}
.big-banner .heroImage{
    position:absolute;
    top:0px;
    left:0px;
}
.big-banner .imagenamelist{
    position:absolute;
    top:0px;
    right:0px;
    width:310px;
    height:236px;
    background:url("sidebar.jpg") repeat-y;
    font-size:0.82em;
    text-align:center;
    padding-top:23px;
}
.big-banner .imagenamelist li{
    width:292px;
    height:32px;
    padding-left:8px;
    margin-bottom:7px;
}
.big-banner .imagenamelist li a{
    width:292px;
    height:32px;
    line-height:32px;
    display:block;
    color:#062f63;
}
.big-banner .imagenamelist li a.active{
  background:url("bigwidething.png") no-repeat;
  color:#ffffff;
  text-shadow:#000000 1px 1px 1px;
}
/*****************************************text overlay****************************************/
.big-banner .textOverlay{
    width:630px;
    background:#000000;
    position:absolute;
    top:0;
    left:0;
    z-index:100;
}
.big-banner .textContent{
    width:600px;
    position:absolute;
    top:10px;
    left:15px;
    z-index:150;
}

.big-banner .textItem{
    position: absolute;
    width: 600px;
    overflow: hidden;
    display: none;
    z-index: 200;
}

.big-banner .textItem a,.big-banner .textItem a h2,.big-banner .textItem a p{
    text-decoration: none !important;
}
.big-banner .textContent .active
{
    display: block;
}

.big-banner .textContent h2{
    color:#ffffff;
    padding:0;
    margin:0;
    font-size:1.2em;
    font-weight:normal;
    margin-bottom:6px;
}
.big-banner .textContent p{
    color:#00b5e0;
    padding:0;
    margin:0;
    font-size:0.8em;
    font-weight:normal;
}

.big-banner .textContent a
{
    color:#00b5e0;
    text-decoration: underline;
}

.subpage{
    height:208px !important;
}
/*****************************************middle buttons******************************************/
.big-button-nav{
    margin-bottom:20px;
}
.big-button-nav ul li{
    float:left;
    width:176px;
    height:73px;
    font-size:0.8em;
    margin-right:15px;
    overflow:hidden;
}
.big-button-nav ul li a{
    width:176px;
    height:73px;
    display:block;
    background:url("spritesheet.jpg") no-repeat -37px -69px;
    color:#062f63;
}
.big-button-nav ul li a:hover,.big-button-nav ul li a.hovered{
    background:url("spritesheet.jpg") no-repeat -37px -142px;
    color:#ffffff;
    cursor:pointer;
    text-decoration: underline !important;
}
.big-button-nav ul li a:hover span,.big-button-nav ul li a.hovered span{
    text-decoration: underline !important;
}

.big-button-nav ul li a:focus
{
    /*color: #B71023 !important;*/
}

.big-button-nav ul li a span.text{
    width:90px;
    height:47px;
    float:left;
    padding-top:28px;
    cursor:pointer;
}
.double{
    padding-top:20px !important;
}
.triple{
    padding-top:13px !important;
}
.big-button-nav ul li a span.icon{
    width:48px;
    height:47px;
    float:left;
    margin-left:10px;
    margin-right:5px;
    margin-top:14px;
    position:relative;
    z-index:999;
    cursor:pointer;
}
.planning{
    background:url("buttonicons.png") no-repeat 0px 0px;
}
.jobs{
    background:url("buttonicons.png") no-repeat 0px -48px;
}
.sport{
    background:url("buttonicons.png") no-repeat 0px -94px;
}
.recycling{
    background:url("buttonicons.png") no-repeat 0px -141px;
}
.tax{
    background:url("buttonicons.png") no-repeat 0px -188px;
}
.bins{
    background:url("buttonicons.png") no-repeat 0px -480px;
}
.big-button-nav ul li a:hover .bins,.big-button-nav ul li a.hovered .bins{
    background:url("buttonicons.png") no-repeat 0px -528px;
}
.exercise{
    background:url("buttonicons.png") no-repeat 0px -576px;
}
.big-button-nav ul li a:hover .exercise,.big-button-nav ul li a.hovered .exercise{
    background:url("buttonicons.png") no-repeat 0px -624px;
}
.problem{
    background:url("buttonicons.png") no-repeat 0px -672px;
}
.big-button-nav ul li a:hover .problem,.big-button-nav ul li a.hovered .problem{
    background:url("buttonicons.png") no-repeat 0px -720px;
}
.big-button-nav ul li a:hover .planning,.big-button-nav ul li a.hovered .planning{
    background:url("buttonicons.png") no-repeat 0px -240px;
}
.big-button-nav ul li a:hover .jobs,.big-button-nav ul li a.hovered .jobs{
    background:url("buttonicons.png") no-repeat 0px -288px;
}
.big-button-nav ul li a:hover .sport,.big-button-nav ul li a.hovered .sport{
    background:url("buttonicons.png") no-repeat 0px -329px;
}
.big-button-nav ul li a:hover .recycling,.big-button-nav ul li a.hovered .recycling{
    background:url("buttonicons.png") no-repeat 0px -376px;
}
.big-button-nav ul li a:hover .tax,.big-button-nav ul li a.hovered .tax{
    background:url("buttonicons.png") no-repeat 0px -423px;
}
/*******************************boxes************************************************/

.boxcontent{
    width:939px;
    border:1px solid #e6eaef;
    margin-bottom:28px;
    background:url("boxdivider.jpg") repeat-y;
}
.box{
    width:312px;
    float:left;
    border-top:1px solid #e6eaef;
    padding-bottom:10px;
}
.boxwide{
    width:315px;
}
.box h2{
    padding:0;
    margin:0;
    color:#00b5e0;
    font-weight:normal;
    padding-top:17px;
    padding-left:15px;
    font-size:1.1em;
}

.box h2 a
{
    color:#00b5e0;    
}

.services-container h2 a
{
    color:#00b5e0;    
}

.box ul{
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
}
.box ul li{
    font-size:0.8em;
    line-height:1.5em;
}
.box ul li a{
    color:#062f63;
}
.box_viewmore{
    padding-bottom:10px;
}
.box_viewmore ul li{
    float:left;
    width:312px;
}
.box_viewmore a{
    font-size:0.8em;
    margin-left:15px;
    color:#11bae2;
    font-size:0.8em;
}
.moreservices{
    padding-bottom:10px;
    background: #f4f4f4;
    position: relative;
}
.moreservices .infoicon{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 12;
    width:45px;
    height: 45px;
    background: url("infoicon.png") no-repeat;
}
.moreservices h3{
    /*border-bottom: 1px solid #cccccc;*/
    padding: 18px 18px 10px 18px;
    margin-bottom: 10px;
}
.moreservices h3,.services h3,h1{
    font-size:1.3em;
    font-weight:normal;
    color:#11bae2;
}
.moreservices .more-list{
    padding-left:18px;
    padding-right:18px;
}
.moreservices ul{
    width:95%;
}
.moreservices ul li{
    font-size:0.8em;
    color:#274b78;
    float:left;
    margin-right:5px;
    border-right:1px solid #274b78;
    margin-bottom:5px;
    height:15px;
}

.moreservices ul li a{
    color:#274b78;
    padding-right:5px;
}

/********************************************footer****************************************/
.footer{
    background:#031c3b;
    padding:24px 20px;
    height:180px;
}
.footer .nonsocial{
    float:left;
    padding-bottom:20px;
    padding-top:8px;
    height:16px;
    width:940px;
}

.footer .social{
    float:right;
    padding-top:10px;
}
.footer .nonsocial li, .footer .social li{
    float:left;
    font-size:0.8em;
}
.footer .nonsocial li {
    border-right:1px solid #00b5e0;
}
.footer .nonsocial li a{
    color:#ffffff;
    padding-right:10px;
    padding-left:10px;
}

.footer .social li a{
    color:#ffffff;
    padding-top:38px;
    display:inline-block;
}
.first{
    padding-left:0px !important;
}
.footer p{
    font-size:0.8em;
    color:#ffffff !important;
    line-height:1.5em;
}
.footer p a{
    color:#ffffff;
}
.footer p span{
    color:#01698e;
}
.footer .copyright{
    float:left;
}
.footer .contact{
    float:right; text-align:right;
}
.facebook{
    position:relative;
    background:url("social-icons.png") no-repeat 16px 0px;
    margin-right:15px;
}
.twitter{
    position:relative;
    margin-right:15px;
    background:url("social-icons.png") no-repeat -60px 0px;
}
.flickr{
    position:relative;
    background:url("social-icons.png") no-repeat -201px 0px;
    
}
.youtube{
    position:relative;
    background:url("social-icons.png") no-repeat -122px 0px;
    margin-right:15px;
}
/*******************************************breadcrumb******************************/

.breadcrumb ul{
    width:100%;
    border:1px solid #e6eaef;
    overflow:hidden;
}
.breadcrumb ul li{
    height:30px;
    line-height:30px;
    font-size:0.8em;
    float:left;
    padding-left:20px;
    padding-right:28px;
    background:url("breadcrumb.jpg") no-repeat right;
}
.breadcrumb ul li a{ 
    color:#062f63;
    text-decoration:underline;
}
.breadcrumb ul li.last {
   color:#8297b1;
   background:none;
}
/********************************************subpage content********************************/
.content-text{
    margin-top:20px;
}
.featurebutton{
    width:100%;
    height:73px;
    background:url("featurebutton_bg.png") repeat-x;
    margin-bottom:20px;
    border-radius: 7px;
}
.featurebutton a{
    width:100%;
    height:73px;
    line-height:73px;
    display:block;
    position:relative;
    vertical-align:middle;
    text-decoration:none;
}


.featurebutton a span.button-content{
    width:100%;
    height:73px;
    display:block;
    background:url("featurebutton_rc.png") no-repeat right center;
}
.button-content .button-text{
    padding-left:80px;
    height:73px;
    display:block;
    
}
.button-text .promoted-text{
    font-size:1.3em;
    color:#00aed9;
}
.button-text .regular-text{
    color:#163c6d
}
.featurebutton a.search{
    background:url("featurebutton_search.png") no-repeat left center;
   
}
.content-text h2{
    font-size:1.3em;
    font-weight:normal;
    color:#163c6d;
}
.topservices-element{
    width:308px;
    margin-right:8px;
    float:left;
}
.topservices-element .topelem-icon{
    width:50px;
    height:50px;
    float:left;
}



.topservices-element .overcrowding-icon{
    background:url("icon-over.jpg") no-repeat;
}
.topservices-element .housing-advice-icon{
    background:url("icon-advice.jpg") no-repeat;
}
.topservices-element .accomodation-icon{
    background:url("icon-key.jpg") no-repeat;
}
.topservices-element .empty-homes-icon{
    background:url("icon-housing.jpg") no-repeat;
}
.topservices-element .grants-icon{
    background:url("icon-grants.jpg") no-repeat;
}
.topservices-element .advice-icon{
    background:url("icon-info.jpg") no-repeat;
}




.topservices-element .topelem-content{
    float:left;
    width:250px;
}
.topservices-grid{
    padding-bottom:30px;
}
.topelem-content a,.services-container h2{
    padding:0;
    margin:0;
    color:#00b5e0;
    font-weight:normal;
    padding-top:17px;
    font-size:1.1em;
}
.topelem-content a{
    margin-bottom:5px;
    padding-top:0 !important;
    display:block;
}
.topelem-content .subtitle{
    font-size:0.8em;
}
.services-container{
    float:left;
    width:308px;
    margin-right:5px;
   
}
.services-wrapper{
    border:1px solid #e6eaef;
    margin-bottom:20px;
    background:url("boxdivider.jpg") repeat-y;
}
.services-container h2{
    padding:0;
    margin:0;
    color:#00b5e0;
    padding-top:20px;
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
    font-weight:normal;
    font-size:1.1em;
}
.services-container h2 a{
    color:#00b5e0;
}
.services-container ul{
    padding-left:15px;
    font-size:0.8em;
}
.services-container ul li{
    margin-bottom:5px;
}
.services-container ul li a{
    color:#062f63;
}
.services-container a.view{
    font-size:0.8em;
    margin-left:15px;
    color:#11bae2;

}
/**********************************************pages with sidebars**********************************/
.content-sidebar{
    width:260px;
    padding-right:29px;
    float:left;
}
.sidebar-box{
    padding-bottom:15px;
    position:relative;
    width:100%;
}
.full_border{
    border:1px solid #e6eaef;
}
.partial_border{
    border-left:1px solid #e6eaef;
    border-right:1px solid #e6eaef;
    border-bottom:1px solid #e6eaef;
}
.sidebar-box h2{
    color:#00b5e0;
    font-size:1.15em;
    padding:0;
    margin:0;
    padding-left:15px;
    padding-right:15px;
    padding-top:15px;
    padding-bottom:6px;
    
}
.sidebar-button{
    width:259px;
    height:109px;
    background:url("sidebarsearch.png") no-repeat;
    margin-top:10px;
    margin-bottom:10px;
}

.sidebar-button:hover {
    background: url("dark-sidebarsearch.png") no-repeat;
}

.sidebar-button:focus {
    background: url("dark-sidebarsearch.png") no-repeat;
}

.signup{
      background:url("spritesheet.jpg") no-repeat -325px -178px !important;
}

.sidebar-button a{
    padding-left:70px;
    display:block;
    text-decoration:none !important;
}
.sidebar-button a span.title{
    padding-top:15px;
    display:block;
    color:#11b3db;
    padding-right:30px;
    font-size:1.1em;
    line-height:1.1em;
}
.sidebar-button a span.subtitle{
    font-size:0.8em;
    padding-right:30px;
    color:#163c6d;
    display:block;
    line-height:1.1em;
    padding-top:5px;
}
.sidebar-box ul{
    padding-right:10px;
}
.sidebar-box ul li{
    line-height:22px;
    font-size:0.8em;
    color:#062f63;
    width:95%;
    margin-bottom:11px;
}
.sidebar-box ul li a{
    color:#062f63;
    display:inline-block;
    line-height:16px;

}
.sidebar-box ul li a.reducesize{

    line-height:1.4em !important;
    margin-bottom:5px;
}
.sidebar-box ul li ul{
    padding-left:35px;
    padding-right:0 !important;
}
.sidebar-box ul li ul li{
    line-height:16px;
    padding:0 !important;
    list-style:square outside ;
    color:#8297b1;
    margin-bottom:11px;
}

.sidebar-box ul li ul li a{
    color:#8297b1 !important;
    font-size:12px;
    display:block;
    padding-left:0 !important;
}
.sidebar-box .download-link{
    color:#00b5e0;
    font-size:13px;
}
ul.numeric-list li ul{
    padding-left:15px !important;
}

ul.numeric-list li ul li{
    list-style:decimal inside!important;
    font-size:12px;
    color:#8297b1;
    line-height:20px;
    margin-bottom:3px;
}
ul.numeric-list li ul li a{
    padding-left:0 !important;
    display:inline-block;
    line-height:1;
}
.sidebar-box ul.menu-with-indicator{
    padding:0;
}
.sidebar-box ul li a{
    padding-left:15px;
}

.sidebar-box ul li.active{
    background:#f6f6f6;
    position:relative;
}
.sidebar-box ul li.active span{
    position:absolute;
    width:22px;
    height:22px;
    background:url("arrow-active-sidemenu.gif") no-repeat left 1px;
    right:-22px;
    top:0px;
}
.sidebar-form li{
    padding-left:15px;
}

.content-text-sidebar{
    float:left;
    width:650px;
}
.content-text-sidebar h1{
    font-size:1.7em;
    font-weight:normal;
    color:#062f63;
    padding:0;
    margin:0;
    padding-bottom:15px;
}
.content-text-sidebar h2{
    font-size:1.1em;
    font-weight:normal;
    color:#00b5e0;
    margin:0;
    padding:0;
    padding-bottom:10px;
    padding-top:10px;
}
.content-text-sidebar .search-column h2{
    font-size:1.1em;
    font-weight:normal;
    color: #062F63;
    margin:0;
    padding:0;
    padding-bottom:10px;
    padding-top:10px;
}

.event-details-table
{
    padding: 0px;
    margin: 0px;
}

.event-details-table td
{
    vertical-align: top;
    padding: 0px;
}

.event-details-table .event-detail-title
{
    font-size: 1.1em;
    width: 280px;
    color: #062F63;
}

.event-details-table .event-detail-content
{
    font-size: 0.8em;
    background-image: none !important;
    padding:0 !important;
    color:#00B5E0;
    padding-bottom:3px !important;
}

.nearest-results{
    margin-bottom:20px;
}
.content-text-sidebar p {
    font-size:0.8em;
    color:#062f63;
}

.content-text-sidebar p a{
    color:#062f63;
    text-decoration:underline;
}

.content-text-sidebar ul li a{
    color:#062f63;
    text-decoration:underline;
}

.content-text-sidebar p a:visited{
    color:#0000FF !important;
}

.content-text-sidebar p span.blue{
     color:#00b5e0;
}

.content-text-sidebar img
{
    
}

.content-text-sidebar ul{
    font-size:0.8em;
    color:#062f63;
    padding-top:10px;
    padding-bottom:10px;
    overflow: hidden;
}
.content-text-sidebar ul li{
    /*background-image: url("list-item.png");*/
    background-repeat: no-repeat;
    background-position: 0px 6px;
    padding: 0px 0px 3px 15px;
}
.content-text-sidebar p.title{
    margin:0;
    padding:0;
    padding-top:20px;
    color:#00b5e0 !important;
}
.map{
    width:650px;
    height:330px;
    margin-top:5px;
    margin-bottom:15px;
}
.subpage-map-container .map{
    width:417px !important;
    height:417px !important;
    float:left;
}
.no-info-box{
    padding-top:20px;
    margin-top:20px;
    padding-bottom:20px;
    border-top:1px solid #e6eaef;
}
.no-info-box h3{
    font-size:1.5em;
    font-weight:normal;
    margin:0;
    padding:0;
    padding-bottom:20px;
    color:#00b5e0;
}
.no-info-box ul{
    padding:0;
    padding-top:10px;
}
.no-info-box ul li{
    list-style:none !important;
    padding:0;
    padding-bottom:10px;
    padding-left:30px;
}
.no-info-box ul li a{
    color:#062F63;
}
.no-info-box ul li.email{
    background:url("email.jpg") no-repeat left top;
    line-height:16px;
}
.no-info-box ul li.phone{
    background:url("phone.jpg") no-repeat left top;
     line-height:18px;
}
.no-info-box ul li.write{
    background:url("write.jpg") no-repeat left top;
    line-height:1.5em;
}
.no-info-box ul li.fax{
    background:url("printer.jpg") no-repeat left top;
}
.contact-info-box{
    float:left;
    width:280px;
}
.documents{
    position:relative !important;
}
.adobe{
    position:absolute;
    width:103px;
    height:25px;
    background:url("spritesheet.jpg") no-repeat -216px -69px;
    left:145px;
    top:14px;
}
.video-embed{
    margin-bottom: 15px;
}
.video-embed iframe{
    border: 0px solid #ffffff;
}
/******************************************supplement styles*****************************/
.image-float-right{
    float:right;
    padding:5px;
}
.image-float-right .description p{
    padding:0;
    color:#8197b1;
    font-size:0.8em;
    padding-top:3px;
}
.formcontent{
    font-size:0.95em;
}

/*********************************************form-page-styles********************************/
.progress-indicator{
    width:100%;
    height:49px;
    padding-bottom:30px;
}
.progress-indicator ul{
    width:100%;
    height:49px;
    padding:0;
}
.progress-indicator ul li{
    float:left;
    padding:0;
    list-style:none !important;
    text-align:center;
    position:relative;
    font-weight:bold;
    font-family:arial,helvetica,sans-serif;
    font-size:1.3em;
    color:#b2b1b1;
}
.progress-indicator .indicator{
    width:42px;
    height:49px;
    line-height:49px;
    background:url("cell-inactive.jpg") no-repeat left center;
}

.indicator-active{
    width:40px;
    height:49px;
    line-height:49px;
    background:url("idicator-last-active.jpg") no-repeat -3px center !important;
    color:#ffffff !important;
    text-shadow:#329fba 0px -1px;
}

.noarrow{
    background:url("cell-first-active.jpg") no-repeat right center;
}

.arrow-active-inactive{
    width:9px;
    height:49px;
    background:url("spritesheet.jpg") no-repeat -12px -69px;
    position:absolute;
    right:0px;
    top:0px;
    z-index:10;
}
.arrow-inactive{
    width:9px;
    height:49px;
    background:url("spritesheet.jpg") no-repeat -25px -69px;
    position:absolute;
    right:0px;
    top:0px;
    z-index:10;
}
.arrow-active-active{
    width:9px;
    height:49px;
    background:url("spritesheet.jpg") no-repeat 0px -69px;
    position:absolute;
    right:0px;
    top:0px;
    z-index:10;
}
.progress-indicator .indicator-first-active{
    width:42px;
    height:49px;
    line-height:49px;
    color:#ffffff !important;
    text-shadow:#329fba 0px -1px;
}
.progress-indicator .indicator-last{
    width:110px;
    height:49px;
    line-height:49px;
    background:url("idicator-last-inactive.jpg") no-repeat right center;    
}
.progress-indicator .indicator-last-active{
    width:110px;
    height:49px;
    line-height:49px;
    background:url("idicator-last-active.jpg") no-repeat right center;
}
.progress-indicator .indicator-first-active{
    width:45px;
    height:49px;
    line-height:49px;
    background:url("cell-first-active.jpg") no-repeat left center;
}
.hasarrow{
    width:48px !important;
}
.formcontent{
    padding-bottom:20px;
}
.formcontent h2{
    font-size:1.2em;
    
}
/**********************************************formstyles**************************************/
.formelement{
    padding-bottom:10px;
}
.inputwrapper{
    border:1px solid #c8c8c8;
    width:272px;
    padding:5px;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    position:relative;
}
.textareawrapper{
    border:1px solid #c8c8c8;
    padding:5px;
    height:95px;
    width:600px;
    -webkit-border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    border-radius:3px 3px 3px 3px;
    position:relative;
}
.textareawrapper textarea{
    width:600px;
    height:95px;
    resize:none;
    border:none;
    background:none;
    overflow:auto !important;
    color: #00B5E0;
    font-family: verdana,tahoma,arial,helvetica,sans-serif;
    font-size:0.8em !important;
}
.textareasmall{
    width:424px !important;
}
.inputwrapper .inputtext{
    width:252px;
    border:1px solid #ffffff;
    color: #00B5E0;
}
.inputwrapper .dateEntry{
    width:70px !important;
}
.inputwrapper .inputselect,.inputwrapper select{
    width:272px;
    border:0px #ffffff;
    background:none;
}
.inputwrapper .selectreplace p, .inputwrapper .subber .sub p{
    color: #00B5E0;
}
.inputwrapper select{
     color:#00b5e0;
}
.formelement label{
    color:#00b5e0;
    font-size:0.8em;
    vertical-align:middle;
    position:relative;
}
.formelement label span{
    text-align:right;
    position:absolute;
    top:-5px;
    right:2px;
    font-size:1.3em;
}
.formelement .check,.formelement .radio{
    vertical-align:middle;
    display:inline-block;
}
.formcontent .submit{
    float:right;
    border:none;
    background:none;
    background:url("spritesheet.jpg") no-repeat 0px -332px;
    width:176px;
    height:42px;
    line-height:42px;
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
    text-shadow:#359fb9 0px -1px;
    cursor:pointer;
    margin-bottom:5px;
}
.formcontent .reset{
    border:none;
    background:none;
    float:right;
    text-decoration:underline;
    cursor:pointer;
    font-size:0.96em;
    color: #062F63;
}

.sidebar-form .reset{
    border:none;
    background:none;
    float:right;
    text-decoration:underline;
    cursor:pointer;
    font-size:0.7em;
    color: #062F63;
}

.formcontent .form-req-text{

    float:left;

}
.advanced-search-options-box{
    border-top:1px dashed #eeeeee;
    margin-top:15px;
}
.advanced-search-options-box h1{
    padding-top:15px;
}


.slider-container .slider-trigger{
    display:block;
    width:100%;
    height:49px;
    background:url("spritesheet.jpg") 0px -505px no-repeat;
    line-height:49px;
    text-indent:40px;
    font-weight:bold;
    font-family:arial,helvetica,sans-serif;
    font-size:1.1em;
    color:#b2b1b1;
    text-shadow:#fbfbfb 0px 1px;
}

.slider-container .slider-trigger:visited
{
        color:#b2b1b1 !important;
}

.slider-container a.active:visited
{
        color:#ffffff !important;  
}

.slider-container a.active{
    background:url("spritesheet.jpg") 0px -554px no-repeat !important;
    color:#ffffff;
    text-shadow:#2d9eb9 0px -1px;
}

.slider-container .slider-content{
    display:none;
    padding:15px 10px;
}
/*********************************************formwithlabels***************************************/
.withlabel label{
    float:left;
    color:#062F63;
    width:200px;
    line-height:30px;
}
.bin-search-container .withlabel label{
    width:170px;
}
.withlabel .inputwrapper{
    float:left;
    margin-bottom:10px;
}
.withlabel .textareawrapper{
    float:left;
    width:600px;
    margin-bottom:10px;
}
.withlabel textarea{
    width:400px;
}
.datefield label{
    width:160px !important;
    margin-left:40px;
}
.datefield label.first-date-label{
    width:200px !important;
    margin-left:0 !important;
}
.datefield .inputwrapper{
    width:100px !important;
    background:url("calendar-gray.jpg") no-repeat 85px 5px;
}
.datefield input{
    width:70px;
}

/******************************************validator plugin specific**********************************/
.valid{
    width:12px;
    height:12px;
    background:url("spritesheet.jpg") no-repeat 0px -398px;
    position:absolute;
    bottom:10px;
    right:-20px;
}
.invalid{
    width:12px;
    height:12px;
    background:url("spritesheet.jpg") no-repeat -17px -398px;
    position:absolute;
    bottom:10px;
    right:-20px;
}
/*********************************************find_my_nearest styles************************************/
.subpage-map-content{
    padding-left:20px;
    float:left;
    width:200px;
}
.subpage-map-content ul{
    padding:0;
    margin:0;
    padding-bottom:17px;
}
.subpage-map-content ul li{
    background-image: none !important;
    list-style:none !important;
    padding:0;
    padding-bottom:2px;
    line-height:1.33em;
}
.subpage-map-content ul li.title{
    font-size:1.4em;
}
.subpage-map-content ul li a,.search-column ul li ul li a{
    color:#00B5E0;
}
.subpage-map-content ul li.calendar{
    background:url("calendar-icon.jpg") no-repeat;
    line-height:22px;
    padding-left:25px;
}
.search-results{}
.search-column{
    width:313px;
    float:left;
    margin-right:20px;
}
.search-column ul {
    padding:0 !important;
}
.search-column ul li{
    font-size:1.5em;
    background-image: none !important;
    list-style:none !important;
    padding:0 !important;
    width:280px;
}
.search-column ul li ul{
    margin-bottom:20px;
}
.search-column ul li.section-title{
    list-style:disc inside!important;
    margin-bottom:20px;
}

.search-column ul li ul li{
    font-size:0.8em;
    padding:0 !important;
    margin-bottom:15px;
    line-height:1.3em;
}
/*********************************************online_property_search**********************************************/
.tablecontainer h1{
    padding-bottom:0 !important;
}
.pagination .pagenum,.pagination ul{
    float:left;
    padding:0 !important;
}
.pagination{
    padding-bottom:15px;
}

.pagination a:visited,
.pagination ul li a:visited
{
    color:#00b5e0 !important;    
}

.pagination ul li{
    float:left;
    background-image: none !important;
    list-style:none !important;
    padding:0 !important;
    width:30px;
    height:20px;
    line-height:20px;
    text-align:center;
    font-family:arial,helvetica,sans-serif;
    font-size:1.3em;
    font-weight:bold;
    color:#b2b1b1;
}
.pagination ul li a{
    color:#b2b1b1;
}
.pagination ul li a.active{
    color:#00B5E0;
}
.pagination .pagenum{
    font-size:0.8em;
    color:#00B5E0;
    line-height:20px;
    width:172px;
}

.pagination .prev a,.pagination .next a{
    line-height:20px;
    width:40px;
    height:20px;
    display:block;
}

.pagination .prev{
    line-height:20px;
    width:40px;
    background:url("arrow-left-pagination.jpg") no-repeat center center !important;
}
.pagination .next{
    line-height:20px;
    width:40px;
    background:url("arrow-right-pagination.jpg") no-repeat center center !important;
}
.tablecontainer .table{
    padding-bottom:15px;
}
.tablecontainer table{
    border-collapse:collapse;
}
.tablecontainer table th,.tablecontainer table td{
    text-align:left;
    font-weight:normal;
    padding-left:15px;
    font-size:0.75em;
    height:37px;
    overflow:hidden;
}
.tablecontainer table td{
    border-bottom:1px dashed #eeeeee;
}
.roundedcorners thead tr{
    color:#ffffff;
}
.roundedcorners{
    background:url("spritesheet.jpg") no-repeat 0px -859px;
}
.tablecontainer table th.town{
    width:140px;
}
.tablecontainer table th.size{
    width:90px;
}
.tablecontainer table th.unit{
    width:100px;
}
.tablecontainer table th.tenure{
    width:310px;
}

.tablecontainer table th.location{
    width:290px;
}
.tablecontainer table th.title{
    width:130px;
}
.tablecontainer table th.salary{
    width:150px;
}
.tablecontainer table th.closing_date{
    width:90px;
}


.tablecontainer table th.licence_no{
    width:180px;
}
.tablecontainer table th.licence_hold{
    width:220px;
}
.tablecontainer table th.issue_date{
    width:140px;
}
.tablecontainer table th.expiry_date{
    width:110px;
}

.tablecontainer table th.election{
    width:530px;
}
.tablecontainer table th.date{
    width:105px;
}



.tablecontainer table th.rating{
    width:130px;
}
.tablecontainer table th.business{
    width:130px;
}
.tablecontainer table th.address{
    width:273px;
}
.tablecontainer table th.type{
    width:72px;
}


.tablecontainer table th.candidate{
    width:245px;
}
.tablecontainer table th.party{
    width:145px;
}
.tablecontainer table th.votes{
    width:140px;
}
.tablecontainer table th.elected{
    width:120px;
}

.tablecontainer table th.partywide{
    width:385px;    
}
.tablecontainer table th.turnout_voters{
    width:200px;
}
.tablecontainer table th.turnout{
    width:160px;
}
.tablecontainer table th.turnout_smaller{
    width:140px;
}
.tablecontainer table th.turnout_last{
    width:120px;
}




.tablecontainer table td.rating span{
    width:100px !important;
    height:14px;
    display:block;
}
.tablecontainer table td.rating .one{

    background:url("spritesheet.jpg") no-repeat -219px -108px;
}
.tablecontainer table td.rating .two{
    background:url("spritesheet.jpg") no-repeat -219px -122px;
}
.tablecontainer table td.rating .three{
    background:url("spritesheet.jpg") no-repeat -219px -136px;
}
.tablecontainer table td.rating .four{
    background:url("spritesheet.jpg") no-repeat -219px -150px;
}
.tablecontainer table td.rating .five{
    background:url("spritesheet.jpg") no-repeat -219px -164px;
}

.job-search-table{
    border-top:1px dashed #eeeeee;
    padding-top:8px;
}
.job-search-table h2{
    padding-bottom:30px;
}
.job-search-table h2 span{
    color:#062f63;
}



/*******************************************************************blogsection*****************************************************/
.blogbox{
    width:323px;

    float:left;
    padding-top:20px;
    padding-bottom:20px;
}
.blog-border-left{
    border-left:1px dashed #eeeeee;
    
}
.blog-border-bottom{
    border-bottom:1px dashed #eeeeee;
}
.blogbox-header{
    padding-left:10px;
    padding-right:10px;
}
.blogbox-header img{
    padding-right:10px;
    float:left;
}
.blogbox-header .header-content{
    float:left;
    width:190px;
}
.blogbox-header .header-content h2{
    padding:0;
    color:#062f63;
    padding-bottom:20px;
}
.blogbox-header .header-content a{
    padding:0;
    font-size:0.8em;
    color:#22bfe4;
    line-height:1.1;
    display:block;
    padding-bottom:6px;
}
.blogbox-header .header-content p{
    color:#8297b1;
    font-size:0.7em;
}
.blogbox-content{
    padding:15px 10px 15px 10px;
    clear:both;
}
.blogbox-footer{
    padding-left:10px;
    padding-right:10px;
}
.right-blogbox .blogbox-header, .right-blogbox .blogbox-footer {
    padding-left:20px;
}

.right-blogbox .blogbox-content{
    padding-left:20px;    
}
.right-blogbox .header-content{
    width:180px;
}
.blogbox-footer a, .blog-excerpt-comment a,a.comments{
    display:inline-block;
    margin-right:20px;
    padding-left:25px;
    font-size:0.8em;
    line-height:22px;
    color:#00b5e0;
}
.blogbox-footer .comments, .blog-excerpt-comment .comments, a.comments{
    background:url("comment-icon.jpg") no-repeat left center;
}
.blogbox-footer .feeds{
    background:url("feed-icon.jpg") no-repeat left center;
}
/************************************blog-subpage*******************************/
.blog-subpage-header{
    padding-bottom:10px;
    border-bottom:1px dashed #eeeeee;
}
.feedburner{
    float:right;
    font-size:0.8em;
    padding-top:5px;
}
.feedburner a.feed{
    color:#00b5e0;
    padding-left:20px;
    line-height:20px;
    background:url("feed-icon.jpg") no-repeat left center;
}
.blog-excerpt{
    padding-top:20px;
    padding-bottom:20px;
    border-bottom:1px dashed #eeeeee;
}

.blog-excerpt img{
    float:left;
    padding-right:15px;
}
.blog-excerpt .blog-excerpt-text{
    float:left;
    width:420px;
}
.blog-excerpt .blog-excerpt-comment{
    padding-top:20px;
}
.blog-excerpt .blog-excerpt-text p.date{
    color:#8297b1;
    padding-bottom:10px;
}
.blog-excerpt .blog-excerpt-text p{
    padding:0;
}
.blog-excerpt .blog-excerpt-text h2{
    padding:0;
    padding-bottom:10px;
    padding-top:5px;
}
.blog-pagination{
    padding-top:20px;
}
.events-pagination{
    border-top:1px solid #eeeeee;
    margin-top:5px;
}




.img-left-blog-article{
    float:left;
    padding-right:10px;
    padding-bottom:10px;
}
.commentbox{
    padding:20px 10px 20px 10px;
    border-bottom:1px dashed #eeeeee;
    border-top:1px dashed #eeeeee;
    margin-top:20px;
}
.commentbox .commenticon{
    float:left;
    width:50px;
    height:30px;
    background:url("comment-icon-large.jpg") no-repeat;
}
.commentbox .comment-content{
    float:left;
    width:550px;
}
.commentbox .comment-content a.report{
    color:#00b5e0;
    text-decoration:none;
}
.darklabel{
    color: #062F63 !important;
}

.bin-search-container .formelement{
    float:left;
}
.blog-social-links{
    float:right;
    width:145px;
}
.blog-social-links .facebook-soc, .blog-social-links .facebook-soc *{
    width:45px !important;
    overflow:hidden !important;
    float:right;
}
.blog-social-links .twitter-soc, .blog-social-links .twitter-soc *{
    width:100px !important;
    overflow:hidden !important;
    float:right;
}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
display: none !important;
}
.blog-article .postinfo{
    color:#8297b1;
    float:left;
    padding-bottom:20px;
}
.blog-article h1,p.strapline{
    color:#00B5E0;
}
/**************************************************************sitemap styles*************************************/
.sitemap{
    padding:0 !important;
}

.sitemap .main{
    background-image: none !important;
    list-style:none !important;
    padding:0;
    padding-top:10px;
}
.sitemap .sub{
    padding-top:6px;
    background-position: 0px 12px;
}
.sitemap .sub a{
    color:#062F63;
}
.sitemap .main a{
    font-size:1.4em;
    font-weight:normal;
    color:#00b5e0;
    margin:0;
    padding:0;
    padding-bottom:10px;
    padding-top:10px;
}
/********************************************************search results*********************************************/
.searchresults-form{
    border-bottom:1px dashed #eeeeee;
    margin-bottom:10px;
}
.searchresults-radios label{
    width:110px !important;
    display:inline-block;
}
.search-dark{
    color: #062F63 !important;
    padding-bottom:15px !important;
}
.search-dark span{
    color:#00b5e0 !important;
}
.search-res-pagination{
    border-bottom:1px dashed #eeeeee;
    padding-bottom:20px !important;
}
.search-results-result{
    padding:20px 0px;
    border-bottom:1px dashed #eeeeee;
}
.search-results-result p{
    padding:0;
    margin:0;
}
.search-results-result .resulttitle{
    padding-bottom:4px;
}
.search-results-result .resulttitle a{
   text-decoration:none !important;
   color:#00B5E0;
}
.search-results-result .resulttitle a:hover{
    text-decoration:underline !important;
}
.search-results-result .resultbreadcrumb,.search-results-result .resultbreadcrumb a{
    color:#9bacc1;
    text-decoration:none !important;
    padding-bottom:4px;
}
.search-results-result .resultbreadcrumb a:hover{
    text-decoration:underline !important;
}
.search-res-pagination-bottom{
    padding-bottom:0 !important;
    padding-top:20px;
}
/**********************************************************************A to Z ***************************************/
.a-to-z-selectbox{
    width:650px;
    height:69px;
    background:url("spritesheet.jpg") no-repeat 0px 0px;
}
.a-to-z-selectbox ul li{
    float:left;
    background-image: none !important;
    list-style:none !important;
    padding:0;
    width:40px;
    height:29px;
    line-height:29px;
    font-family:arial,helvetica,sans-serif;
    font-size:1.3em;
    font-weight:bold;
    text-align:center;
}
.a-to-z-selectbox ul li a{
    color:#b2b1b1;
    text-shadow: 0px 1px #fcfcfc;
}
.a-to-z-selectbox ul li.active{
    background:url("az-indicator.gif") no-repeat;
}
.a-to-z-selectbox ul li.active a{
    color:#ffffff;
    text-shadow: 0px -1px #c2c2c2;
    display:block;
}
.a-to-z-selectbox .offset{
    margin-left:20px;
}
.a-to-z-selectbox ul {
    padding:0;
    padding-left:40px;
    padding-right:40px;
    padding-top:5px;
}
ul.az-list{
    padding:20px 0px !important;
}
ul.az-list li{
    background-image: none !important;
    list-style:none !important;
    padding:0 !important;
}
ul.az-list li.section{
    font-size:1.4em;
    margin-bottom:15px;
}
ul.az-list li.section-result{
    margin-bottom:15px;
}

ul.az-list li.section-result a{
    color:#00B5E0;    
}
/***************************************preston-popup**********************************/
.preston-popup-overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
    z-index:9999;
}
.preston-popup{
    width:530px;
    height:420px;
    position:absolute;
    top:20%;
    left:50%;
    margin-left:-265px;
    background:#ffffff;
    z-index:99999;
    -moz-border-radius:6px 6px 6px 6px;
    -webkit-border-radius:6px 6px 6px 6px;
    border-radius:6px 6px 6px 6px;
    border:1px solid #c8c8c8;
    -moz-box-shadow:#666666 0px 0px 16px;
    -webkit-box-shadow:#666666 0px 0px 16px;
    box-shadow:#666666 0px 0px 16px;
}
.preston-popup .preston-popup-logo{
    width:190px;
    height:72px;
    background:url("spritesheet.jpg") no-repeat 0px -417px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:28px;
}
.preston-popup-content{
    text-align:center;
}
.preston-popup-content p{
    color: #062F63;
    font-size:0.72em;
    padding-left:10px;
    padding-right:10px;
}
.preston-popup-content p.thanks{
    font-size:1.1em;
    color:#00B5E0;
    padding-top:10px;
}
.preston-popup-content h2{
    font-size:1.1em;
    font-weight:normal;
    padding-bottom:10px;
}
.preston-popup-buttons {
    text-align:center;
    padding-top:20px;
}
.preston-popup-buttons a{
    display:inline-block;
    width:175px;
    height:42px;
    font-size:1em;
    font-weight:bold;
    font-family:arial,helvetica,sans-serif;
    line-height:20px;
}
.popup-contact{
    float:right;
    padding-right:10px;
    padding-top:20px;
}
.popup-contact a{
    color: #062F63 !important;
    font-size: 0.8em;
}
.popup-contact a:hover{
    text-decoration:underline;
}
.confirm{
    background:url("spritesheet.jpg") no-repeat -277px -332px;
    color:#ffffff;
    text-shadow:#43a5bd 0px -1px;
}
.deny{
    background:url("spritesheet.jpg") no-repeat -457px -331px;
    color:#b2b1b1;
    text-shadow:#ffffff 0px 1px;
}
/*******************************************sidebar-form* EVENTS***************************/
.sidebar-form .inputwrapper{
    width:215px;
    margin-bottom:5px;
}
.sidebar-form .inputwrapper input{
    width:100%;
}
.sidebar-form .inputwrapper select{
    width:210px;
}
.sidebar-form li.datefield .inputwrapper{
    width:100px;
}
.sidebar-form li.datefield input{
    width:70px;
}
.sidebar-form .selectreplace p{
    background: url("mobilearrow.jpg") no-repeat 195px 0px;
}
.sidebarcontent{
    padding-top:10px;
    padding-right:15px;
}
.event-title{
    padding-top:0 !important;
}
.event-details{
    padding-bottom:30px;
}
.event-details ul{
    padding:0 !important;
}
.event-details ul li{
    background-image: none !important;
    padding:0 !important;
    color:#00B5E0;
    padding-bottom:3px !important;
}
.event-details ul li span{
    font-size:1.4em;
    display: inline-block;
    width:280px;
    color:#062F63;
}
/*******************************************NEWS******************************/
.newsbox h2{
    padding-bottom:18px !important;
}
.newsbox p.date{
    padding-bottom:18px !important;
}
.newscontent-list li{
    padding-bottom:20px !important;
}
blockquote{
    background:url("blockquoteicon.jpg") no-repeat left top;
    margin:0 !important;
    padding-left:35px;
    padding-bottom:10px;
}
blockquote p{
    font-style:italic;
    color:#8297b1 !important;
}
/******************************************JOB RESULTS****************************/
.job-results h1,.job-detail-summary h2 span{
    color: #062F63;
}
.job-detail-summary ul{
    padding-bottom:20px;
}
/*****************************************WEBCAMS**********************************/
.webcambox{
    
}
.webcambox .webcamfeed{
    width:325px;
    float:left;
    padding-top:8px;
}
.feed_with_border{
    width:324px !important;
    border-right:1px dashed #e6eaef;
}
.webcamfeed-content img{
    float:left;
    padding-right:8px;
    padding-bottom:8px;
}
.webcamfeed-content h2{
    padding-top:0;
    color:#062F63;
}
.webcamfeed-right p,.webcamfeed-right img{
    padding-left:26px;
}
p.postedat{
    color:#8297b1;
}
ul#tabcontainer{
    width:100%;
    height:47px;
    padding:0 !important;
    border-bottom:1px solid #01b5e0;
}
ul#tabcontainer li{
    float:left !important;
    width:171px;
    height:47px;
    line-height:54px;
    padding:0 !important;
    list-style:none !important;
    text-align:center;
    font-size: 1.2em;
    font-weight:bold;
    font-family:Arial,Helvetica,sans-serif;
    background:url("spritesheet.jpg") no-repeat -190px -615px;
    margin-right:2px;
}
ul#tabcontainer li.active{
    background:url("spritesheet.jpg") no-repeat 0px -616px !important;
    line-height:47px !important;
}
ul#tabcontainer li a{
    color:#b2b1b1;
    text-shadow:0px 1px #fbfbfb;
    width:171px;
    height:47px;
    display:block;
}

ul#tabcontainer li a:visited{
    color:#b2b1b1 !important;
}

ul#tabcontainer li.active a{
    color:#ffffff;
    text-shadow:0px -1px #319fb9;
}

ul#tabcontainer li.active a:visited{
    color:#ffffff !important;
}

.tabnavigator .tabcontent{
}
.tabnavigator .tabcontent h2{
    color:#062F63;
}
.tabnavigator .tabcontent p.where a{
    color:#00B5E0;
    text-decoration:none;
}
.camview-container{
    
}
.camview-container .camfeed{
    width:378px;
    height:287px;
    float:left;
}
.camview-container .camform{
    width:272px;
    height:287px;
    float:left;
}
.camform .inputwrapper{
    width:234px;
    float:right;
    margin-bottom:10px;
}
.camform label{
    width:auto;
    float: right;
    padding-left:25px ;
}
.camform .inputwrapper select{
    width:230px;
}
.camform .submit{
    margin-bottom:3px !important;
}
.camform{
    text-align:right;
    position:relative;
}
.camform ul li{
    background-image: none !important;
    list-style:none !important;
}
.camform ul li a{
    color:#319fb9;
}
.camview-footer{
    position:absolute;
    bottom:0px;
    right:0px;
}
.camfeed ul.imagethumbs{
    padding:0 !important;
}
.camfeed ul.imagethumbs li{
    float:left;
    background-image: none !important;
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
    width:70px;
    height:52px;
    padding-bottom:5px !important;
    padding-right:5px !important;
}
.tabcontenthide{
    display:none;
}
/*************************************LOGIN FORM*******************/
.login-buttons{
    padding-top:20px;
}
.login-buttons .login_footer_text{
    float:left;
    width:430px;
}
.loginform{
    padding-top:20px;
}
.loginform label{
    width:150px;
}
/******************************* TABLE COUNCIL TAX ****************************************/
.table .account_ref{
    width:100px;
}
.table .name{
    width:143px;
}
.table .address{
    width:315px;
}
.table .summary{
    width:80px;
}
.table table a{
    text-decoration:underline;
    color:#062F63;
}

a.logout-button{
    float:right;
    width:175px;
    height:42px;
    font-size:1em;
    font-weight:bold;
    font-family:arial,helvetica,sans-serif;
    background:url("spritesheet.jpg") no-repeat -277px -332px;
    color:#ffffff;
    text-shadow:#43a5bd 0px -1px;
    text-align:center;
    line-height:42px;
    margin-top:5px;
    text-decoration:none !important;
}

a.logout-button:visited
{
    color: #fff !important;
}


.account-summary{
    border-top: 1px dashed #EEEEEE;
    margin-top:20px;
    padding-top:20px;
}
.account-summary h1{
    padding-bottom:10px;
}
.account-summary .formcontent{
    padding-bottom:0 !important;
}
.account-summary .formelement{
    padding-bottom:10px;
    padding-top:10px;
}
.account-summary .formelement select{
    color:#00b5e0;
}

.account_summary_table table{
    width:650px;
}

.account_summary_table table td.account_ref_wide{
    width:340px;
}
.account_summary_table table td.spacer{
    width:70px;
}
.account_summary_table table td.period_title,.account_summary_table table td.money{
    color: #00B5E0;
}
.account_summary_table table td.money{
    width:70px;
}
td.period_title{
    padding-left:0px !important;
}

/***************************************************counciltax payment form*****************************/
.counciltax_payment_form{
    background:url("capitalogo.gif") no-repeat left 95%;
    border-bottom:1px dashed #eeeeee;
}

.counciltax_payment_form .textareawrapper{
    width:272px;
    height:80px;
}
.counciltax_payment_form .textareawrapper textarea{
    width:262px;
    height:80px;
    word-wrap:break-word;
}
.counciltax_payment_form p{
    padding-bottom:15px;
}
.counciltax_payment_form .formcontent{
    padding-top:20px;
}
.moneyamount .wider{
    width:90px !important;
}
.moneyamount .wider input{
    width:80px;
}
.moneyamount .shorter{
    width:50px !important;
}
.moneyamount .shorter input{
    width:40px !important;
}
.moneyamount .dot{
    padding:0px 10px;
    color: #00B5E0;
    float:left;
    line-height:25px;
}
/****************************************************food safe*********************************************/
.licensingform{
    padding:20px 0px;
    margin-bottom:20px;
    border-bottom:1px dashed #eeeeee;
}
/****************************************************elections*********************************************/
h1.elections-title{
    padding-top:10px !important;
}
h1.elections-area{
    padding-top:10px !important;
    padding-bottom:5px !important;
}
p.electons-turnout span{
    color:#00B5E0 !important;
}
table td.party_lib span{
    background:url("spritesheet.jpg") no-repeat -608px -86px;
    display:inline-block;
    height:24px;
    line-height:24px;
    padding-left:32px;
}
table td.party_lab span{
    background:url("spritesheet.jpg") no-repeat -608px -126px;
    display:inline-block;

    height:24px;
    line-height:24px;
    padding-left:32px;
}
table td.party_con span{
    background:url("spritesheet.jpg") no-repeat -608px -168px;
    display:inline-block;

    height:24px;
    line-height:24px;
    padding-left:32px;
}
table td.party_gre span{
    background:url("spritesheet.jpg") no-repeat -608px -199px;
    display:inline-block;

    height:24px;
    line-height:24px;
    padding-left:32px;
}
table td.party_soc span{
    background:url("spritesheet.jpg") no-repeat -608px -229px;
    display:inline-block;

    height:24px;
    line-height:24px;
    padding-left:32px;
}

table td.turnout_con span{
    background:url("spritesheet.jpg") no-repeat -623px -644px;
    display:inline-block;

    height:17px;
    line-height:17px;
    padding-left:32px;
}

table td.turnout_lab span{
    background:url("spritesheet.jpg") no-repeat -623px -699px;
    display:inline-block;

    height:17px;
    line-height:17px;
    padding-left:32px;
}

table td.turnout_lib span{
     background:url("spritesheet.jpg") no-repeat -623px -752px;
    display:inline-block;

     height:17px;
    line-height:17px;
    padding-left:32px;
}

table td.turnout_oth span{
     background:url("spritesheet.jpg") no-repeat -623px -806px;
    display:inline-block;

     height:17px;
    line-height:17px;
    padding-left:32px;
}

.election_figs{
    padding-bottom:10px;
}
.st_sharethis_button{
    margin-left:14px;
    padding-top:10px;
    display:block;
}


/*************************************imagereplacement for selects**********************************/
.selectreplace p{
    margin:0 !important;
    padding:0 !important;
    line-height:20px;
    cursor:pointer;
    background: url("mobilearrow.jpg") no-repeat 98% 0px;
    text-align:left;
    width:100%;
}

.smallselectreplace .selectreplace p{
    background: url("mobilearrow.jpg") no-repeat 210px 0px !important;
    display:block;
    width:100%;
}

.inputwrapper{
    position:relative;
}
.inputwrapper .subber{
    position:absolute;
    display:none;
    background:#ffffff;
    z-index:999;
    width:95%;
    border:1px solid #cccccc;
    text-align:left;
    left:0;
}
.inputwrapper .subber p{
    padding:5px !important;
    cursor:pointer;
}
.inputwrapper .subber p.hovered,.sub:focus p{
    background:#cccccc;
    color:#ffffff;
}
.nolabelcontent label{
    width:10px !important;
}
/************************************************calendar******************************************/
.calendar-key,.calendar-container{
    float:left;
    width:290px;
}

.calendar-container a:visited
{
    color: #00B5E0 !important;
}

.calendar-container .recycle a:visited,
.calendar-container .refuse a:visited,
.calendar-container .christmas a:visited,
.calendar-container .ui-datepicker-current-day a:visited
{
    color: #fff !important;
}

.calendar-key p.keys{
    color:#00b5e0;
    padding-left:35px;
    background:url("spritesheet.jpg") no-repeat;
}
.calendar-key p.recycle{
    background-position: -616px -401px;
}
.calendar-key p.refuse{
    background-position: -616px -433px;
}
.calendar-key p.christmas{
    background-position: -616px -465px;
}


/************************************************large font******************************************/

.large-font .header-menu{
    width:559px !important;
}

.large-font .listen {
    background: url("speaker.gif") no-repeat 118px center;
    padding-right: 35px !important;
}

.large-font .contact-info-box{
    width:280px !important;
}

.large-font .event-details ul li span {
    width: 155px;
}

.large-font .bins-text{
    padding-top: 13px !important;
}

.large-font .sidebar-button a .title{
    font-size:1.0em !important;
}
.large-font .sidebar-button a .subtitle{
    font-size:0.75em !important;
}

.large-font .sidebar-box ul li a {
    word-wrap:break-word;
}
/************************************************booking system***************************************/
.booking-nav{
    padding:20px 20px 0px 20px;
}
.booking-container{
    padding-bottom:10px;
    border-bottom:1px dashed #eeeeee;
    font-size:0.8em;
}
.booking-container a{
    width:154px;
    height:73px;
    margin-right:1px;
    display:inline-block;
    color: #062F63;
    background:url("leisure-buttons.jpg") no-repeat 0px -74px;
    font-family:arial, helvetica, sans-serif;
    margin-bottom:10px;
}
.booking-container a:hover,.booking-container a.active{
    background:url("leisure-buttons.jpg") no-repeat 0px 0px;
    color:#ffffff;
    text-decoration:none;
}
.booking-container a.last{
    width:140px;
    height:73px;
    margin-right:0 !important;
}
.booking-container a span.number{
    width:68px;
    display:inline-block;
    text-align:center;
    font-size:1.3em;
    color:#ffffff;
    line-height:73px;
    font-weight:bold;
   
}
.booking-container a span.text{
    display:inline-block;
    width:60px;
    vertical-align:middle;
    margin-top:-2px;
}
.leisure-booking h1{
    font-size:1.7em;
    font-weight:normal;
    color:#062f63;
    padding:0;
    margin:0;
    padding-bottom:15px;
    text-align:center;
}
.leisure-booking h2{
    font-size:1.1em;
    font-weight:normal;
    color:#062f63;
    padding:0;
    margin:0;
    padding-bottom:15px;
    text-align:center;
}
.leisure-booking h2 a{
    color:#11bae2;
    font-size:0.7em;
    padding-left:20px;
}
.leisure-login{
    width:490px;
    margin-left:auto;
    margin-right:auto;
    padding-top:30px;
}
.leisure-login .withlabel label {
  color: #062F63;
  float: left;
  line-height: 30px;
  width: 170px;
}
.leisure-login .login-button,.book-button{
    width:176px;
    margin-left:auto;
    margin-right:auto;
}
.leisure-login p{
    text-align:center;
    font-size:0.8em;
    color: #062F63;
}
.leisure-login .checkboxwrap{
    padding-top:5px;
    padding-bottom:20px;
}
.footer-leisure{
    padding-left:20px;
    padding-right:20px;
}
.footer-leisure .leisure-footer-container{
    border-top:1px solid #e6eaef;
    padding-top:20px;
    font-size:0.8em;
    height:200px;
}
.leisure-footer-container p, .leisure-footer-container p a{
    color:#8b9eb6;
}
.leisure-booking .centrelist{
    width:621px;
    margin-left:auto;
    margin-right:auto;
}
.leisure-booking .centrelist table{
    width:100%;
}
.leisure-booking .centrelist table th.first{
    background:url("spritesheet.jpg") no-repeat left -859px;
    text-align:center;
    color:#ffffff;
    width:50%;
}
.leisure-booking .centrelist table th.last{
    background:url("spritesheet.jpg") no-repeat right -859px;
    text-align:center;
    color:#ffffff;
    width:50%;
}
.leisure-booking .centrelist table td{
    text-align:center;
    width:50%;
    background-color:#f8f8f8;
    border:none;
}
.leisure-booking .centrelist table td.odd{
    background-color:#f0f0f0;
}
 .leisure-booking .centrelist table td {
  font-size: 0.75em;
  font-weight: normal;
  height: 22px;
}
.leisure-footer-container .leisure-menu{
    float:right;
    color:#062f63;
}
.leisure-footer-container .leisure-menu a{
    color:#11bae2;
}
.fullwide{
    width:100% !important;
}
.leisure-booking .fullwide table th,.leisure-booking .fullwide table th.first,.leisure-booking .fullwide table th.last{
    width:10% !important;
    color:#ffffff;
    background-color:#6c6c6c;
    text-align:center;
}
.leisure-booking .fullwide table th.first{
    background:url("spritesheet.jpg") no-repeat left -859px;
}
.leisure-booking .fullwide table th.last{
    background:url("spritesheet.jpg") no-repeat right -859px;
}
.leisure-booking .fullwide table td{
    text-align:center;
    background-color:#f8f8f8;
    border:none;
}
.leisure-booking .fullwide table td.odd{
    background-color:#f0f0f0;
}
 .leisure-booking .fullwide table td {
  font-size: 0.75em;
  font-weight: normal;
  height: 22px;
}
.leisure-booking .fullwide table td.past,.leisure-booking .fullwide table td.past a{
    color:#8b9eb6;
}

.courtcontainer{
    width:450px;
    padding-top:30px;
    margin-left:auto;
    margin-right:auto;
   
}
.courtcontainer ul li{
    font-size:0.8em;
    color:#062F63;
    margin-bottom:18px;
    overflow:hidden;
}
.courtcontainer ul li span{
    display:inline-block;
    width:200px;
}
.courtcontainer .inputwrapper{
    width:238px;
    font-size:0.8em;
}
.courtcontainer ul li a{
    float:right;
    color:#11bae2;
}
.courtcontainer p.summary{
    font-size:1.2em;
}
.courtcontainer p.summary span{
    width:200px;
    display:inline-block;
}
input.graybutton {
  background: url("spritesheet.jpg") no-repeat scroll -457px -331px !important;
  color: #B2B1B1 !important;
  text-shadow: 0 1px #FFFFFF !important;
  font-size:1.1em !important;
}
.accountinfo{
    width:300px;
    margin-left:auto;
    margin-right:auto;
    font-size:0.8em;
}
.accountinfo ul{
    padding-top:20px;
}
.accountinfo ul li{
    margin-bottom:10px;
    color:#062f63;
}
.accountinfo ul li span{
    display:inline-block;
    width:170px;
}
.accountinfo ul li.large{
    font-size:1.5em;
}
/******************************************New form styles************************************/
.fm_formmasterForm .FormFieldLabel label,.fm_formmasterForm .FormQuestion,.fm_formmasterForm .MandatorySign,.fm_formmasterForm .FormInformText,.fm_formmasterForm .FormFieldLabel{
    color:#00b5e0 !important;
    font-size:12px !important;
}
.fm_formmasterForm .FormQuestion{
    padding-top:10px;
    padding-bottom:10px;    
}
.fm_formmasterForm .datefield{
    margin-right:5px;
    width: 67px !important;
    display:inline-block;
}
.fm_formmasterForm .datefield input{
    width:65px;
}



/**************************************** Pause Button Style**********************************/
.pause-container{
    position:absolute;
    width:55px;
    height:32px;
    /*background-image:url('pause-bg.png');*/
    background-color:#000000;
    opacity:0.55;
    filter:  alpha(opacity=55.00000000000001);
	zoom: 1;
    border-radius:10px;
    bottom:10px;
    left:10px;
    z-index:9998;
    cursor:pointer;
}

.pause-icon{
    width:25px;
    height:25px;
    overflow:hidden;
    background-image:url('pause-icon.png');
    background-position:-25px -0px;
    position:absolute;
    bottom:14px;
    left:25px;
    z-index:9999;
    cursor:pointer;
}

.paused{
    background-position:0px 0px !important;
}
.video-controls{
    background: #000000;
}
.video-controls button{
    border: none;
    background: none;
    color:#ffffff;
    font-size: 0.71em;
    cursor: pointer;
    height: 30px;
    border-right: 1px solid #363636;
    padding-left: 9px;
    padding-right: 9px;
}