/* Knowsley Metropolitan Borough CSS Style Sheet */ /* Web Version */ /* Copyright 2005 - Ian Walker */ /* General */ body { font-family: Arial, Arial Narrow, sans-serif; font-size: 75%; font-weight: normal; color: #000000; line-height: 140%; background-color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; min-width: 773px;table-layout: fixed; } h1 { font-size: 120%; font-weight: bold; color: #000000; margin: 0px; margin-bottom: 2px;} h2 { font-size: 100%; font-weight: bold; color: #000000; padding: 0px; margin: 0px; line-height: 20px; margin-bottom: 3px;} h3 { font-family: Arial Narrow, Arial, sans-serif; font-size: 120%; font-weight: bold; color: #A52429; padding: 0px; margin: 0px; line-height: 20px; margin-bottom: 3px;} input { font-family: Arial, Arial Narrow, sans-serif; font-size: 100%; font-weight: normal; color: #000000; line-height: 140%; margin: 0px; padding: 0px;} textarea { font-family: Arial, Arial Narrow, sans-serif; font-size: 100%; font-weight: normal; color: #000000; line-height: 140%; margin: 0px; padding: 0px;} select { font-family: Arial, Arial Narrow, sans-serif; font-size: 100%; font-weight: normal; color: #000000; line-height: 140%; margin: 0px; padding: 0px;} .subhead {font-size: 120%; font-weight: bold; color: #000000; margin: 0; margin-bottom: 2px;} .newline { font-weight: bold; padding: 0; margin: 0; line-height: 20px; margin-bottom: 3px; font-size:115%; color: #A52429;} a { font-size: 100%; text-decoration: none; color: #A52429; font-weight: normal;} a:hover { font-size: 100%; text-decoration: underline; color: #A52429; font-weight: normal;} hr { margin: 0px; padding: 0px; border-top: 1px solid #ffffff; border-bottom: 1px solid #000000; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;} #skipnav { position: absolute; top: 0px; left: 0px;} .greytext { color: #666666;} .noborder { border:0;} .blockimg { border:0; margin: 10px 30px 10px 10px;} /* Containers */ #container { position: relative; float: left; width: 100%; padding: 0px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; border: 0px solid #000;} /* Header */ #header-back { position: relative; float: left; width: 100%; padding: 0px; margin: 0px; background-color: #999999; border-top: 0px solid #666666; border-bottom: 1px solid #666666;} #header { position: relative; float: left; width: 770px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #0f0;} /* Top Navigation */ #topnav { position: relative; float: left; width: 535px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000;} #topnav ul { list-style-type: none; padding: 5px 0px 0px 15px; margin: 0px 0px 0px 0px;} #topnav li { list-style-type: none; display: inline; margin-left: 3px; margin-right: 3px; font-size: 100%; color: #ffffff;} #topnav a { font-size: 95%; text-decoration: none; color: #ffffff; font-weight: normal;} #topnav a:visited { font-size: 95%; text-decoration: none; color: #ffffff; font-weight: normal;} #topnav a:hover { font-size: 95%; text-decoration: underline; color: #ffffff; font-weight: normal;} #topnav span a { font-size: 95%; text-decoration: none; color: #ffffff; font-weight: normal;} #topnav span a:visited { font-size: 95%; text-decoration: none; color: #ffffff; font-weight: normal;} #topnav span a:hover { font-size: 95%; text-decoration: underline; color: #ffffff; font-weight: normal;} /* Search Box */ #search { position: relative; float: right; width: 210px; padding: 6px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #00f; background-image: url(/shared/graphics/kmbc/images/searchtop.gif); background-repeat: repeat-y; background-position: top left;} #searchbox { position: relative; float: left; width: 195px; padding: 0px 0px 3px 13px; margin: 0px 0px 0px 0px; background-color: #CC0000; font-size: 100%; font-weight: bold; color: #ffffff; border: 0px solid #0f0; } #searchbox form { position: relative; float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #searchy { width: 106px; font-size:90%; padding:1px 1px 3px 1px; border:1px solid #666666;} .go { font-weight:bold; font-size:80%; padding:0px 1px 2px 1px; border:1px solid #666666; margin-left:2px; background-color:#FFFFFF;} /* Logo */ #logo-back { position: relative; float: left; width: 100%; padding: 0px; margin: 0px; background-color: #CC0000; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;} #logo-cntr { position: relative; float: left; width: 770px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #0f0;} #logo { position: relative; float: left; width: 760px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000;} /* BreadCrumb */ #breadcrumb-back { position: relative; float: left; width: 100%; padding: 0px; margin: 0px; background-image: url(/shared/graphics/kmbc/images/breadcrumb_back.gif); background-repeat: repeat-x; background-position: top left;} #breadcrumb-cntr { position: relative; float: left; width: 770px; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; border: 0px solid #0f0;} #home { position: relative; float: left; width: 168px; padding: 4px 0px 0px 15px; margin: 0px 0px 0px 0px; border: 0px solid #0f0; } #breadcrumb { position: relative; float: left; width: 570px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000; font-size: 95%; color: #000000; text-align: left;} #dateweather { position: relative; float: left; width: 395px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #0f0; } #date { position: relative; float: left; width: 200px; padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000; } #weatherhome { position: relative; float: right; width: 123px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #00f; text-align: right;} #weatherlink { position: relative; float: left; padding: 4px 0px 0px 10px; margin: 0px 0px 0px 0px; border: 0px solid #000; } #weatherimg { position: relative; float: left; padding: 0px 0px 0px 12px; margin: 0px 0px 0px 0px; border: 0px solid #000;} #weathertemp { position: relative; float: right; padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000; } /* Main Content */ #main-back { position: relative; float: left; width: 100%; padding: 0px; margin: 0px; background-image: url(/shared/graphics/kmbc/images/maincntr_back.gif); background-repeat: repeat-y; background-position: top left; border-bottom: 1px solid #ffffff;} #main-cntr { position: relative; float: left; width: 770px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #0f0;} /* Global Navigation */ #globalnav { position: relative; float: left; width: 168px; height: 100%; padding: 6px 0px 0px 0px; margin:0px 1px 0px 0px; background-color: #FAE6E6; background-image: url(/shared/graphics/kmbc/images/globnavtop.gif); background-repeat: no-repeat; background-position: top left; border: 0px solid #000;} #globalnavtop { position: relative; float: left; width: 168px; margin: 0px; padding: 0px 0px 5px 0px; text-indent: 15px; background-color: #F6D0D0; font-family: Arial Narrow, Arial, sans-serif; font-size: 120%; font-weight: bold; color: #A52429;} #globalnavlinks { position: relative; float: left; width: 168px; margin: 0px; padding: 0px;} #globalnav ul { position: relative; float: left; list-style-type: none; padding: 0px; margin: 0px; border-bottom: 1px solid #FFFFFF; background-color: #FAE6E6} #globalnav li { position: relative; float: left; list-style-type: none; padding: 3px 0px 3px 15px; margin: 0px 0px 0px 0px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #F6D0D0; width: 153px;} .glonav_hlight { position: relative; float: left; list-style-type: none; padding: 3px 0px 3px 15px; margin: 0px 0px 0px 0px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #F6D0D0; width: 153px; background-color: #F6D0D0;} /* Access Box */ #languages { position:relative; float:left; width: 122px; padding: 20px 0px 0px 15px; margin: 0px 0px 0px 0px;} #langhead { position:relative; float:left; width: 100%; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; border-top: 1px solid #656565; border-bottom: 1px solid #656565; border-left: 1px solid #656565; border-right: 1px solid #656565; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #ffffff; background-color: #999999;} .lang { position:relative; float:left; width: 100%; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; border-top: 0px solid #656565; border-bottom: 1px solid #656565; border-left: 1px solid #656565; border-right: 1px solid #656565; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #666666; background-color: #FFFFFF;} #langtop { position:relative; float:left; width: 100%; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; border-top: 0px solid #656565; border-bottom: 0px solid #656565; border-left: 1px solid #656565; border-right: 1px solid #656565; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #666666; background-color: #FFFFFF;} #langmiddle { position:relative; float:left; width: 100%; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; border-top: 1px solid #656565; border-bottom: 0px solid #656565; border-left: 1px solid #656565; border-right: 1px solid #656565; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #666666; background-color: #FFFFFF;} #langbottom { position:relative; float:left; width: 100%; padding: 6px 6px 6px 6px; margin: 0px 0px 0px 0px; border-top: 1px solid #656565; border-bottom: 1px solid #656565; border-left: 1px solid #656565; border-right: 1px solid #656565; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #666666; background-color: #FFFFFF;} /* Main */ #main { position:relative; float:left; width: 585px; background-color: #FFFFFF; padding: 0px 0px 0px 0px; margin: 0px; border: 0px solid #000;} /* Middle Column */ #middlecolumn { left: 15px; position:relative; float:left; width: 395px; padding: 0px 0px 0px 0px;} #middlecolumn ul { position:relative; float:left; padding:0px; margin:0px;} #middlecolumn li { position:relative; float:left; list-style-type: none; padding: 0px 0px 10px 0px; margin: 0px;} #middlecolumn1 { left: 15px; position:relative; float:left; width: 395px; padding: 0px 0px 0px 0px;} /*#middlecolumn1 ul { position:relative; float:left; padding:0px; margin:0px;}*/ #middlecolumn1 li { padding: 0px 0px 5px 0px; margin: 0px;} #middlecolumn1 textarea {font-family: Arial, Arial Narrow, sans-serif; font-weight: normal;} #middlecolumn1 div p { margin: 0em 0em 1em 0em; } #middlecolumn1 p { margin: 0em 0em 1em 0em; } #middlecolumn1 table {border-collapse:collapse; clear:both;border-color:#666666; border-width:1px; color:#000000;} #middlecolumn1 td {padding:3px; text-align:left; color:#000000; border-color:#666666;} #middlecolumn1 th {padding:3px; text-align:left; color:#000000; border-color:#666666;} #middlecolumn1 caption {color:#000000; border-width:1px; padding:3px; border-color:#666666;} #middlecolumnred { left: 15px; position:relative; float:left; width: 395px; padding: 0px 0px 0px 0px; color: #A52429;} #middlecolumnred ul { position: relative; float: left; padding: 0px; margin: 0px;} #middlecolumnred li { position: relative; float: left; list-style-type: none; padding: 0px 0px 10px 0px; margin: 0px;} .titles { position:relative; float:left; font-family: Arial Narrow, Arial, Helvetica, sans-serif; font-size:160%; font-weight: bold; color: #A52826; padding: 2px 0px 2px 0px; margin: 0px 0px 2px 0px;} /* Impact News */ #impactnews { position:relative; float:left; width: 395px; background-color: #E9F0FA; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; border:0px solid #c4c4c4;} #impactnews1 { position:relative; float:left; width: 395px; background-color: #E9F0FA; padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; border:0px solid #c4c4c4; display:none;} #impactnewslinks1 { position:relative; float:left; width: 190px; background-color: #E9F0FA; padding: 5px 5px 5px 5px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold;} #impactnewslinks1 ul { position:relative; float:left; padding: 0px; margin: 10px 0px 0px 0px;} #impactnewslinks1 li { position:relative; list-style-type: none; background-image: url(/shared/graphics/kmbc/images/bullet.gif); background-repeat: no-repeat; background-position: 2px 8px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; color: #A52826;width:190px;} #impactnewsimage1 { position:relative; float:right; width: 185px; background-color: #E9F0FA; padding: 0px 0px 0px 0px; margin: 0px;} #impactnewslinks { position:relative; float:left; width: 190px; background-color: #E9F0FA; padding: 5px 5px 5px 5px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold;} #impactnewslinks ul { position:relative; float:left; padding: 0px; margin: 10px 0px 0px 0px;} #impactnewslinks li { position:relative; list-style-type: none; background-image: url(/shared/graphics/kmbc/images/bullet.gif); background-repeat: no-repeat; background-position: 2px 8px; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px; color: #A52826;width:190px;} #impactnewsimage { position:relative; float:right; width: 185px; background-color: #E9F0FA; padding: 0px 0px 0px 0px; margin: 0px;} /* Whats New */ .whatsnew { position:relative; float:left; width: 395px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #c4c4c4;} .whatsnewimage { position:relative; float:left; width: 59px; padding: 1px 0px 10px 0px; text-align:left; } .whatsnewimage img { border:1px solid #003366; padding: 0px 0px 0px 0px; margin: 3px 0px 0px 0px;} .whatsnewtext { position:relative; float:left; width: 335px; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; text-align:left; border: 0px solid #c4c4c4;} .whatsnewtext a { font-family:Arial, Helvetica, sans-serif; font-size:115%; color: #A52826; font-weight: bold;} .whatsnewtext a:hover { font-family:Arial, Helvetica, sans-serif; font-size:115%; color: #A52826; font-weight: bold;} .whatsnewtext a:visited { font-family:Arial, Helvetica, sans-serif; font-size:115%; color: #A52826; font-weight: bold;} .newsdate { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal;} .newsdate a { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal;} .newsdate a:hover { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal;} .newsdate a:visited { font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight: normal;} /* News Centre */ .newscentre { position:relative; float:left; width: 395px; padding: 0px; margin: 0px 0px 10px 0px; border:0px solid #c4c4c4;} .newscentreimage { position:relative; float:left; width: 59px; text-align:left; padding: 0px 0px 0px 0px; margin: 4px 0px 0px 0px;} .newscentretext { position:relative; float:left; width: 335px; text-align:left; } /* Accreditation */ #accreditation { position:relative; float:left; width: 395px; padding: 0px; margin: 0px 0px 15px 0px; border:0px solid #c4c4c4; text-align:center;} #accreditation img { padding: 0px; margin: 0px 3px 0px 3px;} #accreditation ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #accreditation li { list-style-type: none; display: inline; padding: 0px 2px 0px 2px; margin: 0px 0px 0px 0px;} #linkmessage {font-family:Arial,Helvetica,sans-serif; color:#666666; font-size:95%; text-align:left;clear:both; padding: 17px 0px 0px 0px;} /* Right Column */ #rightcolumn { left: 12px; position:relative; float:right; width:170px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} /* Right Nav Headers */ .rn-header { position:relative; float:left; width:170px; background-color:#999999; background-image:url(/shared/graphics/kmbc/images/rn-header-curve.gif); background-position:0px 0px; background-repeat:no-repeat; border: 0px solid #0f0;} .rn-white-curve { position:relative; float:left; padding:0px 7px 0px 0px; border: 0px solid #f00;} .rn-header h2 { position:relative; float:left; padding:0px 5px 0px 15px; margin:0px; color: #FFFFFF; font-family: Arial Narrow, Arial, sans-serif; font-size: 120%; font-weight: bold; line-height: 20px; margin-bottom: 3px;} .rn-header h3 { position:relative; float:left; padding:0px 5px 0px 15px; margin:0px; color: #FFFFFF; font-size:120%;} /* Do it online */ .nav-right { border-left:1px solid #999999; border-right:1px solid #999999; position:relative; float:left; width:168px; background-color:#efefef;} /*.nav-right ul { position:relative; float:left; width:168px; margin:0px; padding:0px;} .nav-right li { position:relative; float:left; width:138px; display:block; padding:2px 15px 2px 15px; margin:0px; background-color:#efefef; border-top:1px solid #c4c4c4;} */ .nav-right ul { position:relative; float:left; list-style-type: none; margin:0px; padding:0px;} .nav-right li { position:relative; float:left; list-style-type: none; display:block; margin:0px;padding:0px; background-color:#efefef;} /*.nav-right li img { float:left; }*/ .nav-right li a { } .nav-right a { font-family:Arial, Helvetica, sans-serif; font-size:100%;} .nav-right a:hover { font-family:Arial, Helvetica, sans-serif; font-size:100%;} .nav-right a:visited { font-family:Arial, Helvetica, sans-serif; font-size:100%;} .nav-right-footer { position:relative; float:left; width:170px; height: 6px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; background-image:url(/shared/graphics/kmbc/images/nav-right-bot.gif); background-position:0px 0px; background-repeat:no-repeat;} /* Council tools */ .rn-cnt { position:relative; float:left; width:166px; padding:1px 0px 1px 0px; border-top:1px solid #c4c4c4;} .rn-cnt-left { position:relative; float:left; width:57px; text-align:right;} .rn-cnt-right { position:relative; float:left; width:94px; padding:7px 5px 2px 3px;left:5px;} .rn-cnt-text { position:relative; float:right; width:148px; padding:2px 5px 2px 5px;left:3px;} /* Footer */ #footer-back { position: relative; float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background-color: #EFEFEF; border-top: 1px solid #656565; border-bottom: 1px solid #656565;} #footer-cntr { position: relative; float: left; width: 770px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #0f0;} #footer { position: relative; float: left; width: 760px; padding: 2px 0px 2px 0px; margin: 4px 0px 6px 0px; border: 0px solid #000;} #footer ul { list-style-type: none; padding: 0px 0px 0px 15px; margin: 0px 0px 0px 0px;} #footer li { list-style-type: none; display: inline; margin-left: 3px; margin-right: 3px; font-size: 100%; color: #000000; font-size: 95%;} #footer li a { font-family:Arial, Helvetica, sans-serif; } #footer li a:hover { font-family:Arial, Helvetica, sans-serif; } #footer li a:visited { font-family:Arial, Helvetica, sans-serif; } #connect {padding:0px;margin:4px 0px 4px 18px;font-family:Arial,Helvetica,sans-serif;font-size:95%;text-align:left;} /* Multipage CSS */ .multipageheading { position:relative; float:left; width: 395px; padding: 0px 0px 0px 0px; margin: 20px 0px 20px 0px; background-image:url(/shared/graphics/kmbc/images/multipageheading.jpg); background-repeat: repeat-y; } .multipageheading h1 { font-size: 120%; font-weight: normal; color: #A52429; padding: 4px 0px 4px 0px; width: 300px;} .multipagegraphic { position:absolute; top: -21px; right: 10px; border: 0px solid #0f0;} .photoborder { border: 1px solid #000000; margin-left: 5px; margin-bottom: 5px;} .mp-header { position:relative; float:left; width:395px; background-color:#A52429; margin-top: 10px; background-image:url(/shared/graphics/kmbc/images/mp-header-curve.gif); background-position:0px 0px; background-repeat:no-repeat;} .mp-header h2 { position:relative; float:left; padding:0px 5px 0px 10px; margin:0px; font-size:100%; color: #ffffff;} .mp-white-curve { position:relative; float:left; padding:0px 7px 0px 0px;} .mp-info { border-left:1px solid #A52429; border-right:1px solid #A52429; position:relative; float:left; width:379px; background-color:#efefef; padding: 7px;} .mp-info a { font-family:Arial, Helvetica, sans-serif; font-size:100%;} .mp-info a:hover { font-family:Arial, Helvetica, sans-serif; font-size:100%;} .mp-info a:visited { font-family:Arial, Helvetica, sans-serif; font-size:100%;} .mp-info ul { list-style-type: none; padding: 0px; margin: 0px 0px 0px 0px;} .mp-info li { list-style-type: none; padding: 0px; margin: 0px 0px 10px 0px; color: #A52826; width:378px;} .subtitles { font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #000000; margin: 0px 0px 10px 0px;} .mp-info img { padding-right: 10px;} .mp-footer { position:relative; float:left; width:395px; height: 6px; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; background-image:url(/shared/graphics/kmbc/images/mp-bot.gif); background-position:0px 0px; background-repeat:no-repeat;} th { border-right: 1px solid #656565; border-top: 1px solid #656565; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #656565;} td { border-right: 1px solid #656565; border-top: 1px solid #656565; text-align: right; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #656565;} table { border-bottom: 1px solid #656565; border-left: 1px solid #656565; margin-bottom: 10px; width: 100%;} caption { border-right: 1px solid #656565; border-left: 1px solid #656565; border-top: 1px solid #656565; text-align: left; font-family:Arial, Helvetica, sans-serif; font-size: 100%; font-weight: bold; color: #656565; background-color: #EDD3D4; padding: 5px;} #breadcrumbsub { position: relative; float: left; width: 570px; padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 0px solid #000; font-size: 95%; color: #000000; text-align: left;} #breadcrumbsub ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #breadcrumbsub li { list-style-type: none; display: inline; margin-left: 3px; margin-right: 3px;} /* Page Numbering */ #pagenumbering { position:relative; float:left; width: 395px; padding: 0px 0px 0px 0px; margin: 12px 0px 15px 0px; border:0px solid #c4c4c4;} #pagenumbers { position:relative; float:left; width: 155px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #pageback { position:relative; float:right; width: 235px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border:0px solid #00ff00;} #pageback a { font-family:Arial, Helvetica, sans-serif; font-size:100%; text-decoration: none; font-weight: bold;} #pageback a:hover { font-family:Arial, Helvetica, sans-serif; font-size:100%; text-decoration: underline; font-weight: bold;} #pageback ul { position:relative; float:right; list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} #pageback li { list-style-type: none; display: inline; padding: 0px 3px 0px 3px; margin: 0px; font-size: 100%; color: #000000; text-align: right;} .editinfo { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 80%; color: #003366; margin:0px; padding:0px;} .editinfo2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 75%; color: #ffffff; margin:0px; padding:0px;} /* Navigation Lists */ #navigationlists { position:relative; float:left; padding: 0px; margin: 0px;} #navigationlists ul { position:relative; float:left; padding:0px; margin:0px; color: #A52429;} #navigationlists li { position:relative; float:left; list-style-type: none; padding: 0px 0px 0px 5px; margin: 0px; width:390px;} #navigationlists li ul { position:relative; float:left; list-style-type: none; margin: 0px;} #navigationlists li ul li { position:relative; float:left; list-style-type: none; margin: 0px; padding: 0px 0px 0px 10px; left: 10px; width:370px;} #navigationlists li ul li ul li{ width:350px;} #navigationlists li ul li ul li ul li{ width:330px;} #navigationlists li ul li ul li ul li ul li{ width:310px;} #navigationlists li ul li ul li ul li ul li ul li{ width:290px;} .bullet {background-image: url(/shared/graphics/kmbc/images/bullet.gif); background-repeat: no-repeat; background-position: 0px 8px;} .queries {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 100%; color: #003366; padding: 0px; margin: 0px;display: inline;} /*.queries ul { list-style-type: none; padding: 0px; margin: 0px;}*/ .queries li { list-style-type: none; display: inline; margin-right: 3px; font-size: 100%;} .queries strong {color:#000000;} .imgcentre { width: 375px; height: auto; text-align: center;} /* ------JOBS AND CAREERS------ */ .largetext { font-size: 150%; font-weight: normal; color: #000000; margin: 0; margin-bottom: 2px;} /* Vacancies */ #vacancies { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #vacancies table { width: 395px; border: 0px solid #656565;} #vacancies tr { border: 0px solid #656565;} #vacancies th { border: 0px solid #656565; text-align:left; font-weight: normal; color: #000000;} #vacancies td { border: 0px solid #656565; text-align:left; color: #000000;} .vacanciesalt { background-color:#D3D3D3; } /*Job Decription */ .holder { position:relative; float:left; width: 395px; padding:0px; margin:0px; border: 0px solid #656565;} .icon { position:relative; float:left; width: 50px; padding:0px; margin:0px;} .dloadlinks { position:relative; float:left; width: 340px; padding:0px; margin:0px;} .fieldtitle { position:relative; float:left; width: 100px; padding:0px; margin:0px;} .field { position:relative; float:left; width: 290px; padding:0px; margin:0px;} /* ------NEWS RELEASES------ */ /* Release Results */ #release { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #release table { width: 395px; padding:0px; margin:0px; border: 0px solid #656565;} #release th { width: 60px; padding:0px; margin:0px; border: 0px solid #656565; text-align:left; font-weight: normal; color: #000000;} #release td { width: 320px; padding:0px; margin:0px; border: 0px solid #656565; text-align:left; color: #000000;} /* ------SITEMAP------ */ /*Sitemap */ .sitemapheader { position:relative; float:left; width: 395px; padding:0px; margin:0px; background-color: #FAE6E6; font-weight: bold;} .sitemapheader1 { position:relative; float:left; width: 395px; padding:0px; margin:0px; background-color: #FAE6E6; font-weight: bold; color:#000000;} .sitemapheader2 { position:relative; float:left; width: 395px; padding:0px; margin:0px; font-weight: bold; color:#000000;} /* ------ACCESSIBILITY------ */ #accessibility { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #accessibility table { width: 300px;} #accessibility th { width: 20px; text-align:center; font-weight: bold; color: #000000; background-color: #FAE6E6;} #accessibility td { width: 280px; text-align:left; color: #000000;} #accessibility ul { position:relative; float:left; padding:0px 0px 0px 20px; margin:0px;width: 395px;} #accessibility ul li { position:relative; float:none; list-style-type:disc; display:list-item; padding: 0px 0px 0px 0px; margin: 0px;} #accessibility ol { position:relative; float:left; padding:0px 0px 0px 20px; margin:0px;width: 395px;} #accessibility ol li { position:relative; float:none; list-style-type:decimal; display:list-item; padding: 0px 0px 0px 0px; margin: 5px;} /* ------WEATHER ------ */ /* Weather */ #weather { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #weather table { width: 395px; border: 0px solid #656565;} #weather tr { border: 0px solid #656565;} #weather th { border: 0px solid #656565; text-align:left; font-weight: normal; color: #000000;} #weather td { border: 0px solid #656565; text-align:left; color: #000000;} .weatheralt { background-color:#FAE6E6;} /* ------EVENTS ------ */ /* Navigation */ #events { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #events ul { position:relative; float:left; padding:0px 0px 0px 0px; margin:0px;} #events li { position:relative; float:left; padding:0px 0px 0px 0px; margin:0px 3px 3px 0px; border: 1px solid #A52429; font-weight: bold; text-align:center; width:58px; padding:8px 0px 8px 0px;} #events a { font-weight: bold; color:#A52429;} #events a:hover { text-decoration:underline} #events p{ padding:0px ; margin:0px;} /* ------YOUR COUNCIL------ */ /* Streetname Results */ #streetname { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #streetname table { width: 395px; padding:0px; margin:0px; border: 0px solid #656565;} #streetname th { width: 140px; padding:0px; margin:0px; border: 0px solid #656565; text-align:left; font-weight: normal; color: #000000;} #streetname td { width: 250px; padding:0px; margin:0px; border: 0px solid #656565; text-align:left; color: #000000;} /* Councillor Results */ #councillor { position:relative; float:left; width: 395px; padding:0px; margin:0px;} #councillor table { width: 275px; padding:0px; margin:0px; border: 0px solid #656565;} #councillor th { width: 100px; padding:0px 0px 0px 0px; margin:0px; text-align:left; font-weight: bold; color: #000000; border: 0px solid #656565; } #councillor td { width: 170px; padding:0px 0px 0px 0px; margin:0px; text-align:left; font-weight: normal; color: #000000; border: 0px solid #656565; } #councillorleft { position:relative; float:left; width: 100px; padding:0px 5px 0px 0px; margin:0px;} #councillorright{ position:relative; float:right; width: 275px; padding:0px 0px 0px 5px; margin:0px;} /* Ward Results */ #ward { position:relative; float:left; width: 395px; padding:0px; margin:0px; border: 0px solid #ff0000;} .wardsingle { position:relative; float:left; width: 120px; padding:0px 0px 0px 0px; margin:0px; border: 0px solid #00ff00;} .wardsingle img { padding:0px 0px 10px 0px; margin:0px;} /* Ward and Councilliors search */ #atoz { font-size: 100%; margin:0px; clear: both;} .atozrow { height: 23px; margin-bottom: 3px; clear: both;} .atozrow ul { list-style-type: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .atozrow li { list-style-type: none; display: inline; width: 12px; margin-left: 3px; margin-right: 3px; text-align:center;} .atozrow li a { color:#A52429;} .atozhlight { list-style-type: none; display: inline; width: 14px; margin-left: 0px; margin-right: 0px; text-align:center; color:#FFFFFF;background-image:url(/shared/graphics/kmbc/images/azblock.gif); background-position:0px 0px; background-repeat:no-repeat;} /* Table selectors */ th.top { vertical-align: top} /* Hidden on for Print Version { display:none}*/ /* Poll container */ div.poll { width: 95%; margin-bottom:15px; } /* Question header container */ div.pollQuestion { font-size: larger; font-weight: bold; margin-bottom: 0.5em; } /* Question header components */ span.pollQuestionText { text-decoration: none; } span.pollQuestionVotes { font-style: none; } /* Response even/odd line containers */ div.pollResponse1 { margin-bottom: 0.25em; padding: 0.5em; } div.pollResponse2 { margin-bottom: 0.25em; padding: 0.5em; } /* Response components */ span.pollResponseName { font-weight: bold;} span.pollResponseVal { font-style: none; } div.pollResponseBar { background-color: #A52429; height:15px; } /* Waste collection */ .tablenoborder {border:none;} .tablenoborder td{border:none;} .tablenoborder tr{border:none;} .tablenoborder th{border:none;} .waste td{background-color:#F0F0F0;} .wastecalendar{border:#CCCCCC 1px solid; text-align:center; border-collapse:collapse; width:98%;} .wastecalendar th{border:#CCCCCC 1px solid; text-align:center; background-color:#9FBEF5; font-weight:bold;} .wastecalendar td{border:#CCCCCC 1px solid; text-align:center; width:7%; height:40px; font-weight:bold;} .wastecalendar tr{border:#CCCCCC 1px solid; text-align:center;} .collectiondate { background-color:#EBEE01; font-weight:bold; } .collectiondatehighlight { background-color:#EBEE01; font-weight:bold; padding:2px; margin-left:10px; } .bankholidayhighlight { background-color:#A62329; font-weight:bold; padding:2px; color:#FFFFFF; margin-left:20px; } .calendarpaging{ font-weight:bold; margin-left:200px; } .highlight { color:#0000FF;} /* Direct debit */ .dd-graphic { position:relative; float:right; margin: 0px 5px 5px 5px;} #dd-box { position:relative; float:left; width: 100%; padding: 8px 8px 8px 8px; margin: 0px 0px 0px 0px; border: 1px solid #000000; } .dd-list{margin:8px; padding:8px;} .contrast1{display:inline;} .contrast2{display:none;} .contrast3{display:none;} .contrast4{display:none;} .graphics1{display:inline;} .graphics2{display:none;} .graphics3{display:none;} .graphics4{display:none;}