html{height:100%}
body { background-color: #515151; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 13px; height:100%; text-align: center; }
#leaderboard {background-color: #515151;}
#leaderboardinner {width:728px; padding:5px 0 5px 136px;}
h1 { color: #000; font-size: 23px; font-weight: normal; line-height: 28px; margin-bottom: 15px }
h2 { color: #000; font-size: 19px; font-weight: normal; line-height: 17px; margin-bottom: 15px }
h2 span { color:#999999; }
h3 { color: #3f3f3f; font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 15px; text-align: justify }
p { line-height: 16px; margin-bottom: 15px; text-align: justify }
p.instructions { font-size:12px;color:#333333;line-height:14px; }
strong{line-height: 16px;font-family: Arial, Helvetica, sans-serif;}
a { color: #2056af; text-decoration:underline }
a:hover { color: #2cb2ff; text-decoration:underline }
a { outline:none;}
:focus { -moz-outline-style: none; }
input{font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
textarea { font-family:arial; font-size:12px;}
div#topcontainer { background-color: #fff; color: #3f3f3f; color: #333; font-size:13px; text-align: left; margin: 0 auto 0 auto; width: 1000px }
div#container { margin: 25px 34px 25px 34px; }
.clear{display:block;clear:both;padding:0px;margin:0px;height:0px;overflow:hidden}
div.errormes { color: #ee1c2e; font-size: 10px; font-weight:bold; padding: 3px 0 0 0; }
/* go link */
a.go{background:url('../img/arrow_link.gif') no-repeat 100% 1px;display:block;float:right;font-size:12px;font-weight:bold;line-height:13px;padding-right:16px;text-decoration:none;}
a.go:hover{background:url('../img/arrow_link.gif') no-repeat 100% -16px;text-decoration:none}
/* titles*/
div.titles{background:#4b4b4b;width:100%}
div.titles .first_div{background:url('../img/howtoclimes/right_title.jpg') no-repeat 100% 0;height:31px;width:100%}
div.titles .first_div div{background:url('../img/howtoclimes/left_title.jpg') no-repeat;float:left;height:31px;}
div.titles .first_div h2{color:#fff006;font-size:19px;font-weight:normal;line-height:16px;margin:7px 0 0 15px}
div.titles .first_div h2 a { color:#fff006;font-size:19px;font-weight:normal; text-decoration:none}
div.titles .first_div span { font-size:14px; font-weight:normal; color:#a8a7a5}
/* baners*/
div.container_baners{clear:both;margin-top:25px;width:932px;overflow:hidden;}
div.baner{width:288px;height:197px;float:left;margin-right:34px;}
div.margin_zero{margin-right:0px}
div.baner h2{color:#fff006;display:block;height:26px;font:normal 19px 'trebuchet ms';margin:12px 0 17px 35px}
div.baner p{padding:0 149px 11px 15px;font-size:12px;line-height:15px;margin:0px;}
div.baner a{text-decoration:none;display:block;background:url('../img/baners/dot_h1.gif') no-repeat 0px -34px;line-height:12px;margin:0 149px 6px 15px;padding:0 0 0 12px;font-weight:bold;font-size:12px}
div.baner a:hover, div.baner_small a:hover{background:url('../img/baners/dot_h1.gif') no-repeat 0px 0px;text-decoration:none;}
div.baner_small{width:261px;margin-right:0px;margin-bottom:24px}
div.baner_small p{padding:0 122px 11px 15px;}
div.baner_small a{margin:0 122px 6px 15px;}
div#header { background-color: #000;height:122px }
div#logo { float: left; margin: 0 83px 0 14px }
div#topwd { float: right; margin: 0 14px 0 0 }
div#menu { background-color: #767676; height: 52px }
div#menu ul { background-image: url("../img/menubg.gif"); background-repeat: repeat-x; height: 28px; padding: 0 10px 0 10px }
div#menu a { color: #fff; text-decoration: none }
div#menu a:hover { color: #fff006; text-decoration: none }
div#menu li { background-image: url("../img/menubg.gif"); background-repeat: repeat-x; display: block; float: left; font-size: 14px; font-weight: bold; padding: 7px 11px 7px 11px }
div#menu .actual { background-color: #767676; background-image: none; color: #fff006; text-decoration: none }
div#menu #submenu { color: #d9d9d9; font-size: 12px; font-weight: bold; float: left; padding: 6px 10px 0 22px }
div#menu #submenu a { color: #d9d9d9 }
div#menu #submenu a.actual { color: #fff006 }
div#menu #submenu a:hover { color: #fff006 }
div#menu #submenu span { color: #000; padding: 0 10px 0 10px }
div#menu span.loggedin { font-weight:bold; color:#fff109}
div#menu .register { color: #fff; float: right; font-size: 12px; padding: 6px 22px 0 10px }
div#hometext { width:440px; float: left }
div#hometext h2 { color: #3f3f3f; font-size: 14px; font-weight: bold; line-height: 16px; margin-bottom: 15px; text-align: justify}
div#homeimg { width: 461px; height: 306px; background-image: url("../img/home.jpg"); float: right }
div#homeimg ul { font-size: 11px; height: 230px; width: 140px; margin: 40px 0 0 308px }
div#homeimg li { margin-bottom: 18px; list-style:disc }
div.findout { background-image: url("../img/findoutbg.gif"); height: 22px; line-height: 21px; margin: 0 0 0 340px; padding-left: 5px; width: 102px }
a.dotlink { background:url('../img/dotlink.gif') no-repeat 0 1px; font-size: 12px; font-weight: bold; text-decoration:none; padding-left: 15px }
a.dotlink:hover { background:url('../img/dotlink.gif') no-repeat 0px -13px; text-decoration:none }
div.protect1 { text-align: right }
div.protect1 a { color: #a8a7a5; text-decoration: none }
div.protect1 a:hover { text-decoration: none }
div.protect1 h3 { display: inline; font-size: 13px; font-weight: bold }
div.protect1 img { vertical-align: middle; padding-left: 8px; padding-bottom: 4px }
div.protect { border: 1px solid #aeaeae; padding: 6px 6px 5px 6px; margin-top:20px; }
div.protect a { color: #aeaeae; text-decoration: none;}
div.protect a:hover { text-decoration: none }
div.protect h4 { display: inline; font-size: 13px; font-weight: bold;}
div.protect p { display: inline; font-size: 13px; font-weight: bold;}
div.protect img { vertical-align: middle; margin-right: 10px; padding-bottom: 3px }
div.protect img.wd { vertical-align:text-top; margin: auto; padding: 2px 0 0 6px; }
div.protect span.second { padding-left:37px;}
div.float { float:left }
/* container for page */
div.line{background:#a7a7a7;clear:both;height:1px;overflow:hidden;margin:11px 0 10px 0}
div.lineWithoutMargin {background:#a7a7a7;clear:both;height:1px;overflow:hidden;}
.only_one { width:715px;text-align:left; }
.only_one p { width:450px; }
.only_one .googleMapCloud p { width:250px; }
.only_one hr { width:510px;text-align:left;border:0;border-bottom:1px solid #999999;margin:25px 205px 25px 0;clear:both; }
.only_two{width:636px}
.only_three{width:450px;}
.only_three.extended{width:460px;}
#left_container{float:left;min-height:196px;width:186px;}
#center_container{color:#565656;float:left;margin:0px;padding:0px;text-align:left;}
#center_container h1{font:normal 23px Arial; color:#000; line-height:22px;padding-bottom:3px}
#center_container li{line-height:16px;}
#center_container p.intro{color:#3f3f3f;padding-bottom:14px;}
#center_container p.intro2{color:#3f3f3f;padding-bottom:0px;}
#center_container h2.intro{color:#a8a7a5;margin-bottom:23px}
#center_container h2.intro span{color:#000}
#center_container div.bottom{padding-bottom:22px}
#center_container div.paginator{font-size:12px;height:13px;text-align:right;}
#center_container div.paginator a.lft { float:left;}
#center_container div.paginator a.rht { float:right;}
#center_container div.paginator span.current { font-weight:bold;}
#right_container{float:right;width:262px;}
/* our say*/
#center_container div.paginator .left_pagin{float:left;width:188px;}
#center_container div.paginator .left_pagin a{background:url('../img/oursay_back.jpg') no-repeat 0px 0px ;display:block;height:13px;font-size:12px;font-weight:bold;line-height:13px;padding:0 0 0 17px;text-align:left;text-decoration:none}
#center_container div.paginator .left_pagin a:hover{background:url('../img/oursay_back.jpg') no-repeat 0px -17px;}
#center_container div.paginator .right_pagin{float:right}
#center_container div.paginator .right_pagin a{font-size:12px}
#center_text {font-size:12px;color:#565656;padding-bottom:12px}
#center_text a{display:block;font-weight:bold;padding:11px 0 2px 0}
#center_text p a{display:inline;font-weight:normal;}
#center_text p {padding:12px 0 0 0;margin-bottom:8px;}
#center_text p.noPadding { padding:0px;}
#center_text span{font-size:11px}
/* read stories - search/index page */
#center_text .lft { float:left; width:108px;}
#center_text .rht { float:left; width:525px;}
/* read stories - view page */
#center_text .readStory { margin-top:23px;}
#center_text .readStory .lft {width:306px;}
#center_text .readStory .lft p.user {float:left;}
#center_text .readStory .lft p.user span { font-style: italic; font-size:12px; }
#center_text .readStory .lft p.data { float:right;}
#center_text .readStory .rht {padding-left:22px; width:307px;}
#center_text .readStory .rht .thumbs {margin-bottom: 18px}
#center_text .readStory .rht .thumbs a {display: inline}
#center_text .readStory .rht .thumbs .small { margin: 7px 2px 0 2px}
#center_text .readStory .rht .locationLft { float:left; font-weight:bold; line-height:17px; margin-top:10px; width:73px; }
#center_text .readStory .rht .locationRht { float:left; line-height:17px; margin-top:12px; width:230px}
#center_text .readStory .rht .statusLft {float:left; font-weight:bold; margin-top:23px; width:73px;}
#center_text .readStory .rht .statusMid {float:left; margin-top:23px;width:100px;}
#center_text .readStory .rht .statusRht {float:left; margin-top:23px; margin-bottom:4px; text-align: right; width:130px;}
#center_text .readStory .rht .statusRht a { padding:0 0 8px 0; margin:0px; font-weight:normal}
#center_text .readStory .rht .returnButton { padding-left:20px; padding-top:1px; margin-bottom:4px; float:right;}
/* find potholes - google maps */
#center_text .google_maps { margin:24px 0 15px 0}
#center_text .map { width: 586px;}
#center_text .key { background:#cecece; color:#000000; font-size:11px; width:50px; text-align: center;}
#center_text .key span { font-size:16px; display:block; padding:16px 0 0px 0;}
#center_text .key img { border:0px; margin:37px 0 7px 0;}
/* search element*/
div.top_r{background:url("../img/top_r.jpg");color:#000;height:47px;width:262px}
div.top_r label {display:block;font-size:16px;font-weight:normal;padding:16px 0 0 15px;}
div.top_r p { display:block;font-size:16px;font-weight:normal;padding:16px 0 0 15px}
div.middle_r{background:url("../img/middle_r.jpg");width:262px; padding-bottom:22px;position:relative;}
div.middle_r h1 { font-size:14px; font-weight:bold; color:#2056af; padding:1px 0 0 15px; margin:0px;}
div.middle_r h2 { font-size:16px; font-weight:normal; color:#000; padding:35px 15px 30px 15px; margin:0px;}
div.middle_r p {padding:0 15px 15px 15px; margin:0px;}
div.middle_r p.empty { font-size:12px; padding:40px 60px 20px 50px;}
div.middle_r a.results { padding:0 0 7px 15px; display:block;}
div.middle_r .errorCustom { margin:5px 0 0 48px; padding:3px; width:162px;}
div.middle_r p.interMap { padding:15px 0 0 15px; }
div.bottom_r{background:url("../img/bottom_r.jpg");height:21px;width:262px}
div.middle_r label{display:block;float:left;padding:19px 6px 0 12px;}
div.middle_r label img{height:25px;width:26px}
div.middle_r div.error_element{float:left;width:168px;margin:22px 0 0 0;}
#data_search{border:1px solid #bababa;color:#3F3F3F;display:block;float:left;line-height:16px;width:166px}
#submit_search{background:url('../img/oursawe_submit.gif') no-repeat;display:block;float:left;height:14px;margin:27px 0 0 5px;width:32px;}
/* filter_stories - element */
.middle_r ul { padding:14px 0 0 18px; }
.middle_r ul li { line-height: 22px; }
.middle_r ul li label { display: inline; font-size:12px; padding:0px; margin:0px; float: none}
.middle_r a.apply { background:url('../img/elements/blue_arrow_grey_bg.gif') right no-repeat; display:block; float:right; font-weight:bold; font-size:12px; text-decoration: none; width:51px; margin:3px 9px 7px 0; padding-bottom:2px;}
.middle_r a.apply:hover { background:url('../img/elements/blue_arrow_grey_bg_over.gif') right no-repeat;}
#center_text_view {padding:0 0 5px 0}
#center_text_view h2{font-weight:normal;line-height:20px;margin:14px 0 5px 0;}
#center_text_view h2 span.countReplies { font-size:12px;}
#center_text_view h3{color:#565656;font-size:16px;font-weight:normal;margin:0 0 26px 0;}
#center_text_view h3.userName { font-size:13px; font-weight:bold; margin-top:20px; margin-bottom:13px}
#center_text_view h3.userName span { font-weight:normal; font-size:11px;}
#center_text_view p{color:#3f3f3f;}
/* about us*/
div.aboutus, .privacy p{color:#3f3f3f}
div.aboutus ul { margin-left:40px; }
div.aboutus ul li { list-style: circle; margin:18px 0 18px 0 }
/* privacy policy */
.privacy h2 {margin:32px 0 20px 0}
.privacy ul { padding:0px 0 0px 0; margin-left:40px;}
.privacy ul li { list-style: decimal; margin:18px 0 18px 0}
/* site map */
.site_map li { padding:2px 0 2px 0; color:#2056af}
.topGap { margin-top:15px;}
.left1gap { margin-left:36px;}
.left2gap { margin-left:72px; font-size:11px;}
/* the facts*/
div.facts ul{margin:0 0 20px 0}
div.facts li{background:url('../img/dot_li.gif') no-repeat 0px 13px;color:#000;padding:10px 0 10px 20px;text-align:justify;}
div.facts p{color:#565656;font-size:11px;line-height:13px;padding:15px 0 10px 0}
/*How to claim*/
#howticlaim{padding-top:15px;color:#3f3f3f}
#howticlaim table{width:100%}
#howticlaim table td.text_r{width:363px;}
#howticlaim table td{padding-top:2px;}
#howticlaim table.homepage p{font-size:12px;padding:7px 0 0 15px;margin-bottom:12px}
#howticlaim table.homepage img{height:70px;padding:0 17px 44px 0;width:70px}
/* Step-by-step guide*/
div.container_guide{width:590px;}
div.guide{width:590px;padding:5px 0 10px 0}
div.guide img{display:block;float:left;padding-bottom:4px}
div.guide h2{color:#a8a7a5;display:block;font-size:16px;float:right;margin:0px;padding:0px 0 11px 0;width:506px;}
div.guide h2 strong{color:#000;font-weight:normal;}
div.guide p{color:#3f3f3f;display:block;float:right;margin:0px;padding:0px 0 13px 0;width:452px;}
div.guide .guide_link{color:#565656;display:block;float:right;font-size:12px;margin:0px;padding:0px;width:452px;}
div.guide .guide_link a{font-size:12px;line-height:14px}
div.write_story{color:#515151;height:61px;width:596px;}
div.write_story p{color:#515151;display:block;float:left;font-size:16px;padding:0px;margin:0px}
div.write_story a{background:url('../img/write_a_story.gif') no-repeat;display:block;float:right;height:45px;text-decoration:none;width:159px}
div.write_story a:hover{background:url('../img/write_a_story.gif') no-repeat 0px -55px;text-decoration:none;}
/* councils */
#councilsList .h3 { font-size:14px; }
#councilsList td { line-height:18px; padding-bottom:20px;}
#councilsList .lft { width:200px; padding-right:20px;}
#footer { padding-top:10px}
#footer strong{line-height:14px;}
#footer div.line{background:#313131;height:1px;overflow:hidden;margin:0px;padding:0px}
#footer_top ul{background:#767676;height:60px;padding:0 0 0 15px}
#footer_top li{display:block;float:left;padding-top:12px;width:194px;}
#footer_top a{color:#c2c2c2;display:block;float:left;font-size:11px;height:45px;padding-left:42px;text-decoration:none}
#footer_top a strong{color:#fff;display:block;padding-bottom:2px;font-size:14px;}
#footer_top a.link_fot1{background:url('../img/link_fot1.gif') no-repeat 0px -3px;}
#footer_top a.link_fot2{background:url('../img/link_fot2.gif') no-repeat 8px -3px;padding-left:50px}
#footer_top a.link_fot3{background:url('../img/link_fot3.gif') no-repeat 18px -3px;padding-left:60px}
#footer_top a.link_fot4{background:url('../img/link_fot4.gif') no-repeat 25px -3px;padding-left:66px}
#footer_top a.link_fot5{background:url('../img/link_fot5.gif') no-repeat 34px -3px;padding-left:76px}
#footer_top a.link_fot1:hover{background:url('../img/link_fot1.gif') no-repeat 0px -60px;}
#footer_top a.link_fot2:hover{background:url('../img/link_fot2.gif') no-repeat 8px -60px;}
#footer_top a.link_fot3:hover{background:url('../img/link_fot3.gif') no-repeat 18px -60px;}
#footer_top a.link_fot4:hover{background:url('../img/link_fot4.gif') no-repeat 25px -60px;}
#footer_top a.link_fot5:hover{background:url('../img/link_fot5.gif') no-repeat 34px -60px;}
#footer_top a.link_fot1:hover strong{color:#fff006}
#footer_top a.link_fot2:hover strong{color:#fff006}
#footer_top a.link_fot3:hover strong{color:#fff006}
#footer_top a.link_fot4:hover strong{color:#fff006}
#footer_top a.link_fot5:hover strong{color:#fff006}
#footer_center{color:#c2c2c2;background:#000;font-size:11px;height:46px}
#footer_center div{float:left}
#footer_center div.div1{padding:14px 6px 0 15px}
#footer_center div.div2{padding:15px 0 0 0}
#footer_center div.div3{float:right;padding:12px 15px 0 6px}
#footer_center div.div4{float:right;padding:15px 0 0 0}
#footer_bottom {background:#515151;color:#c2c2c2;font-size:11px;height:23px;padding:7px 15px 0 0;text-align:right;}
#footer_bottom a, #footer_bottom span{color:#c2c2c2;font-size:11px;padding:0 3px 0 3px;text-decoration:none}
#footer_bottom span{padding:0 0 0 3px}
/* find potholes */
.bigSearch label { display:none}
.bigSearch img { margin:0 10px 0 0; display:block; float:left;}
.bigSearch input { border:solid 1px #d0d0d0; font-size:17px; float:left; padding:6px; margin-right:10px; width:404px; }
.bigSearch a { background:url('../img/elements/big_blue_arrow.gif') no-repeat; display:block; float:left; font-size:19px; font-weight:bold; text-decoration:none; margin-top:6px; padding:1px 0 4px 24px;}
.bigSearch a:hover { background:url('../img/elements/big_blue_arrow_over.gif') no-repeat;text-decoration:none;}
/* newsletter */
#newsletter { margin-top:40px; margin-bottom:20px}
#newsletter p { margin:20px 0 20px 0}
#newsletter label { color:#000;font-weight:bold; font-size:13px; display:block; float:left; padding-top:6px; width:140px;}
#newsletter input.text { border: solid 1px #bababa; float:none; padding:2px 2px 2px 2px; width:274px; height:19px; margin-bottom:2px;}
#newsletter input.errormes { color:#000; font-size:12px; font-weight:normal; margin-left:0px; display:block; }
#newsletter .errormes { margin:0 0 0 151px;}
/* we need you */
#newsletter .acctepCondition { margin-left:147px;}
#newsletter .acctepCondition .checkbox { float:left; position:relative}
#newsletter .acctepCondition p { display:block; float:left; margin:2px 0 0 5px; padding:0px;}
#newsletter .acctepCondition .error-message { margin-left:0px; float:right; position:absolute; left:25px; top:18px; width:200px;}
#newsletter .acctepCondition span { margin-left:0px; position:absolute; left:0px; top:20px; left:24px; width:200px; padding:0px;}
/* register */
#registerForm { margin-top:40px; margin-bottom:20px}
#registerForm h2 { margin-top:25px; margin-bottom:25px;}
#registerForm p { margin:20px 0 20px 0}
#registerForm label { color:#000;font-weight:bold; font-size:13px; display:block; float:left; padding:6px 6px 6px 0; width:140px;}
#registerForm label span { font-size:11px; font-weight:normal; padding:7px 0 0 10px}
#registerForm input.text { border: solid 1px #bababa; padding:2px 2px 2px 2px; width:274px; height:19px; float:none}
#registerForm input.errormes { color:#000; font-size:12px; font-weight:normal; margin-left:0px; }
#registerForm textarea.errormes { color:#000; font-size:12px; font-weight:normal; margin-left:0px; }
#registerForm .errormes { margin:2px 0 0 145px; display:block;}
#registerForm .error-message { margin-left:145px; }
#registerForm .acctepCondition {margin:20px 0 0px 0px;}
#registerForm .acctepCondition .checkbox { float:left; position:relative}
#registerForm .acctepCondition p { display:block; float:left; margin:2px 0 0 5px; padding:0px;}
#registerForm .acctepCondition .error-message { margin-left:0px; float:right; position:absolute; left:25px; top:18px; width:200px; }
#registerForm .acctepCondition span { margin-left:0px; position:absolute; left:0px; top:20px; left:24px; width:200px; padding:0px;}
#registerForm select.errormes { color:#000; font-size:12px; font-weight:normal; width:118px;}
/* register thank you */
.registerThankYou {line-height: 24px; padding-top:5px; }
/* sign in form */
#signInForm { background:#f1f1f1; }
#signInForm h1.title { padding:17px 0 0px 17px; font-size:20px !important; color:#3f3f3f !important}
#signInForm h2 { margin-top:25px; margin-bottom:25px;}
#signInForm p { margin:20px 17px 20px 17px}
#signInForm label { color:#000;font-weight:bold; font-size:13px; display:block; float:left; padding-top:6px; padding-left:17px; width:90px;}
#signInForm label span.secondLine { font-weight:normal; font-size:13px; display:block; margin-top:2px;}
#signInForm .input { float:left; width:322px; }
#signInForm .info { float:left; width:115px;}
#signInForm input.text { border: solid 1px #bababa; padding:2px 2px 2px 2px; width:187px; height:19px; }
/* stories table - READ STORIES */
.storiesList { margin: 25px 0 0px 15px;}
.storiesList .lft { padding:0px 0px 10px 0; width:416px}
.storiesList .lft a { font-weight:bold; font-size:12px;}
.storiesList .rht { font-size:11px; width:228px;}
#divBigThumb { background:url('../img/loader.gif') no-repeat; background-position: center; min-height:100px; width:307px;}
/** BUTTONS **/
#singUpButton { background: url('../img/buttons/sign_up.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:18px; margin-top:23px; margin-bottom:3px; width:73px; }
#singUpButton:hover { background-position: 0px -18px; }
#registerButton { background: url('../img/buttons/register.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:17px; margin-top:13px; margin-bottom:3px; width:77px; }
#registerButton:hover { background-position: 0px -17px; }
#editProfileButton { background: url('../img/buttons/edit.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:17px; margin-top:13px; margin-bottom:3px; width:49px; }
#editProfileButton:hover { background-position: 0px -17px; }
#reminderButton { background: url('../img/buttons/password_reminder.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:18px; margin-top:32px; margin-bottom:3px; width:186px; }
#reminderButton:hover { background-position: 0px -18px; }
#signinButton { background: url('../img/buttons/sign_in.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:18px; margin-top:9px; margin-right:70px; width:60px; }
#signinButton:hover { background-position: 0px -18px; }
#postReplayButton { background: url('../img/buttons/post_replay.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:19px; margin-top:9px; margin-right:20px; width:85px; }
#postReplayButton:hover { background-position: 0px -19px; }
#postACommentButton { background: url('../img/buttons/post_a_comment.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:20px; margin-top:9px; margin-right:20px; width:106px; }
#postACommentButton:hover { background-position: 0px -20px; }
#postButton { background: url('../img/buttons/post.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:18px; margin-top:9px; width:60px; }
#postButton:hover { background-position: 0px -18px; }
#forgotten { display:block; float:left; padding:10px 0 0 113px}
#unsubscribeUpButton { background: url('../img/buttons/unsubscribe.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:18px; margin-top:23px; width:112px; }
#unsubscribeUpButton:hover { background-position: 0px -18px; }
#sendButton { background: url('../img/buttons/send.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; float:right; height:18px; margin-top:10px; width:60px; }
#sendButton:hover { background-position: 0px -18px; }
#backToNews { background: url('../img/elements/blue_arrow_back.gif') no-repeat; border:0px; cursor:pointer; cursor:hand; height:13px; padding:0 0 0 20px; width:190px; display:block; float:left; }
#backToNews:hover { background-position: 0px -13px; }
#postAQueryButton { background: url('../img/buttons/post_a_query.jpg') no-repeat; border:0px; cursor:pointer; cursor:hand; display:block; height:42px; padding:0px; margin-bottom:20px; width:159px; }
#postAQueryButton span { display:none}
#postAQueryButton:hover { background-position: 0px -42px; }
a.returnToHomeButton { background:url('../img/elements/blue_arrow.gif') right no-repeat; font-size:13px; font-weight:bold; text-decoration:none; margin-top:6px; padding:1px 20px 3px 0px;}
a.returnToHomeButton:hover { background:url('../img/elements/blue_arrow_over.gif') right no-repeat; text-decoration:none;}
a.returnButton { background:url('../img/elements/back.gif') left no-repeat; font-size:13px; font-weight:bold; text-decoration:none; padding:0px 20px 3px 17px;}
a.returnButton:hover { background:url('../img/elements/back_over.gif') left no-repeat; text-decoration:none;}
a.button { background:url('../img/elements/blue_arrow.gif') right no-repeat; font-size:13px; font-weight:bold; text-decoration:none; margin-top:6px; padding:1px 20px 3px 0px;}
a.button:hover { background:url('../img/elements/blue_arrow_over.gif') right no-repeat; text-decoration:none;}
a.findCouncil { background:url("../img/buttons/find-council.gif") transparent no-repeat scroll 0 0;width:168px;height:15px;border:0 none;cursor:pointer;display:block; }
a.findCouncil span { display:none; }
a.findCouncil:hover { background-position:0 -15px; }
a.returnHome { background:url("../img/buttons/return-home.gif") transparent no-repeat scroll 0 0;width:154px;height:15px;border:0 none;cursor:pointer;display:block; }
a.returnHome span { display:none; }
a.returnHome:hover { background-position:0 -15px; }
a.confirmFixed { background:url("../img/buttons/confirm-fixed.gif") transparent no-repeat scroll 0 0;width:188px;height:15px;border:0 none;cursor:pointer;display:block;float:right; }
a.confirmFixed span { display:none; }
a.confirmFixed:hover { background-position:0 -15px; }
a.cancelReport { background:url("../img/buttons/cancel-report.gif") transparent no-repeat scroll 0 0;width:125px;height:15px;border:0 none;cursor:pointer;display:block;float:left; }
a.cancelReport span { display:none; }
a.cancelReport:hover { background-position:0 -15px; }
a.reportPothole { background:url("../img/buttons/report-pothole.gif") transparent no-repeat scroll 0 0;width:110px;height:15px;border:0 none;cursor:pointer;display:block; }
a.reportPothole span { display:none; }
a.reportPothole:hover { background-position:0 -15px; }
a.writeStory { background:url("../img/buttons/write-story.gif") transparent no-repeat scroll 0 0;width:91px;height:15px;border:0 none;cursor:pointer;display:block; }
a.writeStory span { display:none; }
a.writeStory:hover { background-position:0 -15px; }
a.buttonMore { background:url('../img/elements/blue_arrow.gif') right no-repeat; font-size:13px; font-weight:bold; text-decoration:none; margin-top:6px; margin-bottom:10px; padding:1px 20px 3px 0px; float:right}
a.buttonMore:hover { background:url('../img/elements/blue_arrow_over.gif') right no-repeat; text-decoration:none;}
/* END BUTTONS */
/**
*Facebox styling
*/
#dark{ background:#000;position:absolute;visibility:hidden;width:100%;height:100%}
.facebox { visibility:hidden;width:450px;position:absolute;z-index:5;color:#000;text-align:left;padding:20px;}
.facebox .sb-inner { background:#eef5f8; }
.facebox .sb-border { background:#454545; }
/* different classes */
.clear { clear:both;display:block;height:0px;margin:0px;overflow:hidden;padding:0px;}
.gap_23 { clear:both; height:23px}
.gap_20 { clear:both; height:20px}
.gap_10 { clear:both; height:10px}
.gap_5 { clear:both; height:5px}
.gap_14 { clear:both; height:14px}
.gap_30 { clear:both; height:30px}
.gap_100 { clear:both; height:100px}
.errormes, .error-message { color: #ee1c2e; font-weight:bold; font-size:10px; margin:2px 0 0 140px; }
.errorCustom { display:none; background:#dad7d1; border:solid 1px #d2d0ca; font-size:10px; color:#ee1c2e; padding:0px; margin:0px;}
/*****
CAKE SQL DUMP STYLING BELOW
*****/
.cake-sql-log tr:hover { background:#ddd; color:#000}
/**
* Default cakephp forms styling
* @author Chris Ostrowski
*/
div.input { clear:both;display:block; }
div.input label { width:90px;display:block;float:left;font-weight:bold;color:#000000;line-height:15px;padding:6px;clear:left; }
div.text input { float:left;height:20px;border:1px solid #cccccc;width:350px; }
div.textarea textarea { float:left;border:1px solid #cccccc;width:350px; }
form.oneLine div.text input { width:318px; }
form.oneLine div.input { padding-top:10px; }
form.oneLine div.input label { width:117px;padding-left:0; }
form.oneLine div.error-message { display:block;background:#ffcccc;border:1px solid #cc0000;color:#cc0000;clear:both;margin:0;padding:5px 10px 10px 10px;font-weight:normal;font-size:12px; }
input.publish { background:url("../img/buttons/publish.gif") transparent no-repeat scroll 0 0;width:69px;height:15px;border:0 none;cursor:pointer; }
input.publish:hover { background-position:0 -15px; }
/* potholes map dawid*/
#period_for_potholes{color:#3F3F3F;font-size:17px;padding:20px 0 0 0;}
#period_for_potholes div{}
#period_for_potholes .ti{padding:0 0 10px 0}
#period_for_potholes select { border:solid 1px #d0d0d0; font-size:17px;font-weight:normal; margin-right:10px;}
#period_for_potholes a { background:url('../img/elements/big_blue_arrow.gif') no-repeat; display:block; font-size:19px; font-weight:bold;text-decoration:none;padding:1px 0 4px 24px}
#period_for_potholes a:hover { background:url('../img/elements/big_blue_arrow_over.gif') no-repeat;text-decoration:none;}
#period_for_potholes .le{float:left}
#period_for_potholes .ri{float:left;padding:1px 0 0 0}
#period_for_potholes option.noclick{background:#f0f0f0;color:#808080}
#id_spinner {text-align:center;display:none;float:left;font-size:11px;width:85px;}
#id_spinner div{float:left;padding:7px 5px 0 10px}
#id_spinner img{float:left;padding:5px 0 0 0;}
/**
* Report a pothole page + Google Maps styling
* @author Chris Ostrowski
*/
div#map { width:450px;height:310px;border:1px solid #000000;float:left;margin:0 10px 15px 0; }
div#map.reportmap {width: 395px;}
div#mapSidebar { height:310px;width:50px;background:#cccccc;float:left;color:#000000;font-size:11px;text-align:center;line-height:13px; }
div#mapSidebar img { display:block;text-align:center;margin:25px auto 6px auto; }
div#mapSidebar h1 { font-size:16px;margin:15px 0 0 0;padding:0; }
div#addStoryDiv, div#addPotholeDiv { display:none; }
div.legendOverlay { position:absolute; z-index:100; top:0; left:0; width:180px; padding:10px; margin:5px; border:2px solid #fff; background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)"; }
em.emphasis { color:#ff0000;font-style:normal;font-size:12px; padding-left:8px; }
/* form - report pothole */
form.report .error-message { clear:both; margin-left:102px;}
/* uk worst road campaign */
div.competitonBg { padding-bottom: 20px; background: url(../img/competitonBg.png) left bottom no-repeat; width: 262px }
/* ColorBox Core */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
/* ColorBox user style */
#cboxOverlay{background:#000;}
#cboxTopLeft{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat 0 0;}
#cboxTopCenter{height:25px; background:url(../img/colorbox/border1.png) repeat-x 0 -50px;}
#cboxTopRight{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat -25px 0;}
#cboxBottomLeft{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat 0 -25px;}
#cboxBottomCenter{height:25px; background:url(../img/colorbox/border1.png) repeat-x 0 -75px;}
#cboxBottomRight{width:25px; height:25px; background:url(../img/colorbox/border1.png) no-repeat -25px -25px;}
#cboxMiddleLeft{width:25px; background:url(../img/colorbox/border2.png) repeat-y 0 0;}
#cboxMiddleRight{width:25px; background:url(../img/colorbox/border2.png) repeat-y -25px 0;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:20px;}
#cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
#cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
#cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
#cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
#cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
#cboxLoadingOverlay{background:#fff url(../img/colorbox/loading.gif) no-repeat 5px 5px;}
#cboxClose{position:absolute; bottom:0; right:0; display:block; width: 85px; height: 26px; color:#444;background: url(../img/colorbox/close.png) top left no-repeat}
#cboxClose:hover { background-position: bottom left }
/* ColorBox png-transparency fix for IE6 (it is also necessary for IE7 & IE8 to avoid 'black halos' with the fade transition */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
.overflowh {overflow:hidden;}
.g-recaptcha>div {
width: auto !important;
float: right;
}