/* ST ALBANS CITY AND DISTRICT COUNCIL SITE -------------
----------------------------------------------- AMAZE PLC
-------------------------------------------------- J.NASH
------------------------------------------------ 20/08/08

/* MASTER RESET -----------------------------------------
-------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0}
body { height: 100%; font: normal 62.5% Arial, Helvetica, sans-serif; color: #000; background: #F0F0F0 url(../look/images/bg-tile.gif) center top repeat-y; }


/* COLUMN POSITIONING -----------------------------------
-------------------------------------------------------*/

/* DEFAULT --------------------------------------------*/
div#wrapper { min-width: 770px; max-width: 944px; margin: 0 auto; margin-top: 14px;}
div#content { background-color: #FFF; clear: both; width: 100%; float: left; }
div#primary-content {background-color: #E5E5E5; float: left; }
div#secondary-content {float: left; font-size:1.2em;}
div#tertiary-content { float: left; margin-top: 0; }
div#quaternary-content {float: left; background: #F4EDC3; }
div#footer { background: #FFF url(../look/images/footer_bg.gif) center top no-repeat; padding-top: 15px; position:relative; clear: both; min-width: 770px; max-width: 944px; height:80px}

/* HOME PAGE ------------------------------------------*/
div.home div#primary-content {width: 20%;}
div.home div#secondary-content {width: 22%; margin-left: 58%; font-size: 1em; margin-bottom: 20px;}
div.home div#tertiary-content {width: 39%; margin-left: -79%;}
div.home div#quaternary-content {width: 18%; margin-left: -39%;}

/* TWO COLUMN -----------------------------------------*/
div.twocol div#primary-content { width: 20%; }
div.twocol div#secondary-content { width: 77%; margin-left: 20px; margin-top: 0; }

/* THREE COLUMN ---------------------------------------*/
div.threecol div#primary-content { width: 20%; }
div.threecol div#secondary-content {  margin: 0 0 0 20px; width: 56%;}
div.threecol div#quaternary-content {width: 19.5%; }

/* DEFAULT TEXT STYLING ---------------------------------
-------------------------------------------------------*/
h1 { color:#234078; float:left; font-size:1.6em; font-weight:bold; padding:5px 0; width:400px;}
h2 { font-size: 1.2em; font-weight: bold; color: #000; }
h3 { font-size: 1.2em; font-weight: bold; color: #000; }

p { font-size: 1.1em; color: #333; }
li { color: #333; }
b { font-weight: bold; }
a { color: #294D91; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }
img { border:1px solid #808388}
dl { font-size: 1.1em; color: #000; }
dt { font-weight: bold; }
caption { font-size: 1.6em; font-weight: bold; padding-bottom: 0.3em; color: #234078; border-bottom: 1px solid #E5E5E5;}
legend {  font-size: 1.4em; font-weight: bold; color: #FFF; }
strong {font-weight: bold!important;}

/* DEFAULT ELEMENT STYLING ------------------------------
-------------------------------------------------------*/

/* TABLES ---------------------------------------------*/
table { width: 100%; margin: 10px 0; border: none; }
table tr { }
table td, table th { border: none; padding: 2px; margin: 0px; border: 1px solid #ffffff; background-color: #f7f7f7; }
table td.bold, table th { font-weight: bold; background-color: #e7e3e7; }

/* FORMS ----------------------------------------------*/
fieldset { margin: 0; padding: 0 0 10px 0; background: transparent url(../look/images/search-content.gif) left 12px no-repeat; }
div#primary-content fieldset legend { margin: 0; padding: 3px 0px 3px 7px; }
fieldset label { display: none; }
fieldset ol { margin: 7px; }
fieldset li { float: left;	 }
fieldset input, textarea{margin-top: 5px; font-size: 1em;}
fieldset input.go { margin-top: 5px; margin-left: 7px; width: 36px;   }
fieldset a { display: block; width: 100%; padding-top: 10px; margin-bottom: 5px}
fieldset input.go { background: transparent url(../look/images/go_button.gif) top left no-repeat; text-indent: -1000px; width: 36px; height: 21px; border: 0; cursor: pointer;  }

/* GLOBAL ELEMENTS --------------------------------------
-------------------------------------------------------*/

/* HEADER ---------------------------------------------*/
/* Positioning */
div#header { position: relative; z-index: 2; margin: 0 0 20px 0; height: 105px; background: transparent url(../look/images/top_council_bnr.png) top left no-repeat; }

/* Branding */
div#branding { float: left; width:270px;}
div#branding p { padding: 30px 0 20px 59px; margin-left: 1px; background: transparent url(../look/images/top_council_bnr.jpg) 1px 5px no-repeat; font-weight:bold; color:#FFF; }
div#branding p span { font-weight: normal;}
/*div#branding p.general { font-size: 2em; padding: 27px 0 10px 59px; }*/
div#branding p.general { font-size: 2.8em; padding: 20px 0 0 59px; }
/*div#branding p.general span { font-size: 0.65em; }*/
div#branding p.general span { font-size: 0.45em; }

/* Header Navigation Container */
div#header-links { float: right; width: 40%; margin-top: 20px; }

/* Gallery */
div#header-images { float: left; width: 290px; margin-top: 17px;}
div#header-images ul#header-gallery { margin: 0; float:right; }
div#header-images ul#header-gallery li { display: inline; margin-right: 3px;}
div#header-images ul#header-gallery li a { border: 2px solid #666; }

/* Header Navigation */
div#header-navigation { margin: 11px 0 0 6px;}
div#header-navigation ul li { font-size: 1.1em; color: #999; display: inline;}
div#header-navigation ul li a { font-size: 1em; padding: 0 4px 0 8px; background: transparent url(../look/images/blue-pix.gif) no-repeat left 1px; }
div#header-navigation ul li.head-home { margin: 0 4px 0 6px;  }
div#header-navigation ul li.head-home a { background: none; padding: 0;  }

/* A to Z */
div#header div.a2z { padding: 36px 10px 0 10px; position: relative; }
div#header div.a2z h2 {color:#878787;}
div#header div.a2z ol {width:100%}
div#header div.a2z ol li { display: inline;}
div#header div.a2z ol li a { padding: 0 1px; font-size: 1.2em; }

/* Site Map */

ul#sitemap li {margin: 0 3px;}
ul#sitemap ul {margin-left:15px;}



/* FOOTER ---------------------------------------------*/
/* Contact Details */
ul#contact-details { float: left; }
ul#contact-details li { font-size: 1.1em;  padding: 2px 0 5px 25px; background: transparent url(../look/images/icon_address.gif) 0 5px no-repeat; }
ul#contact-details li.postal { background-image: url(../look/images/icon_address.gif); }
ul#contact-details li.phone { background-image: url(../look/images/icon_phone.gif); }
ul#contact-details li.email { background-image: url(../look/images/logo_email.gif); }
ul#contact-details li.email a { font-size: 1em; }

/* Footer Navigation */
ul#footer-navigation { float: right; margin-top: 10px; }
ul#footer-navigation li { display: inline; border-right: 1px solid #234078; padding: 0 5px;}

/* Downloads / Accreditations */
ul#technologies  { float: right; padding-top: 10px; margin-left: 10px;}
ul#technologies li { display: inline; padding-right: 2px;}


/* DEFAULT COMPONENTS -----------------------------------
-------------------------------------------------------*/

/* NAVIGATION COMPONENTS ------------------------------*/
/* Primary Navigation */
ul#primary-navigation { padding: 7px; background: transparent url(../look/images/module_dropshadow.png) top left repeat-x; }
ul#primary-navigation li { padding: 4px 3px; }
ul#primary-navigation li a { font-weight: bold; font-size: 1.1em;}
ul#primary-navigation li li a { font-size: 1em; font-weight: normal; color: #666; }
ul#primary-navigation li li { padding: 0 3px 0 0; display: inline; line-height:12px; }

/* Content Index - Primary Navigation */
/* Level 0 */
ul#primary-content-navigation li { padding: 0 0 0 0; }
ul#primary-content-navigation a { display:block; padding: 4px 7px; font-size: 1.4em; color: #666; font-weight: bold; }

/* Level One */
ul#primary-content-navigation ul{ border-bottom: 3px solid #FFF; padding: 5px 0 10px 20px; background: #E5E3E4 url(../look/images/content-nav-bg.gif) top left repeat-x; }
ul#primary-content-navigation ul li { padding: 2px; color: #223D74; list-style: outside square; }
ul#primary-content-navigation ul a { display: inline; font-weight: bold; font-size: 1.1em; color: #234078; padding: 0px; }

/* Content Page - Primary Navigation */
/* Level 0 */
ul#content-navigation li { padding: 0;  margin:0; }
ul#content-navigation a { display:block; padding: 4px 7px; font-size: 1.4em; color: #666; font-weight: bold;}
ul#content-navigation li.active{ color: #666666;}
ul#content-navigation ul li.active ul a { color: #999; margin-left:10px}

/* Level One */
ul#content-navigation ul { padding: 6px 0; background: #E5E3E4 url(../look/images/content-nav-bg.gif) top left repeat-x; }
ul#content-navigation ul li {text-align: left; }
ul#content-navigation ul a { display:block; font-size: 1.1em; color: #666; font-weight: bold; padding: 2px 7px;}

/* Level Two */
ul#content-navigation ul ul { padding-top: 6px; background: #F7F7F5 url(../look/images/content-nav-bg2.gif) repeat-x; margin:4px 0; }
ul#content-navigation ul ul:last-child {border-bottom:2px solid #FFF}
ul#content-navigation ul ul li { background-color: #F7F7F5;}
ul#content-navigation ul ul li.active a { color: #999; font-weight: bold; padding: 2px 7px; }
ul#content-navigation ul ul li.active, ul#content-navigation ul ul li.active a { color: #333365; }

/* Level Three */
ul#content-navigation ul ul ul { background-image: none; padding: 0 10px 0 25px; }
ul#content-navigation ul ul ul a { padding-left: 0; color: #999; font-weight: normal; margin: 0; }
ul#content-navigation ul ul ul li { margin: 2px 0 2px 10px; list-style: square; padding-left: 0; color: #999; }
ul#content-navigation ul ul ul li a {padding-left: 0;  }

ul#content-navigation ul ul li.active ul li a { padding: 0;  color: #999; }
ul#content-navigation ul ul li.active ul li.active a { padding: 0; color: #333365; }

/* Yellow Navigation Blocks */
div#quaternary-content ul {color:#284D91; list-style-type:none; margin:10px; }
div#quaternary-content h3 { font-size: 1.4em; color: #FFF; }
div#quaternary-content a:hover { text-decoration: underline; }
div#quaternary-content li { font-size: 1.1em;  background: transparent url(../look/images/quat-list.gif) no-repeat 0 6px; padding-left:10px; }
div#quaternary-content li a { font-size: 1em; }

/* PAGE TITLES ----------------------------------------*/
div#content-header { width: 78%; display: block; float: right; padding:0 0 5px 0; }

/* BREADCRUMB -----------------------------------------*/
ul#breadcrumb { display: block;  }
ul#breadcrumb li { display: inline; color: #666; font-size: 1.1em; margin-left: 2px; }
ul#breadcrumb li a { padding: 0 10px 0 0; font-size: 1em; background: url(../look/images/nav-gif.gif) right no-repeat;}



/* CONTENT BLOCKS -------------------------------------*/
/* Standard Content Block */
div#content-block-container {background-color:#F4EDC3; margin-left:20px}
div.content-block { margin-left:0; background: #F4EDC3 url(../look/images/module_dropshadow.png) left 24px repeat-x; border-bottom: 1px solid #FFF; }
div.content-block-last {border-bottom:2px solid #fff;}
div.content-block-shadow {background: #F4EDC3 url(../look/images/module_dropshadow.png) left bottom repeat-x; padding-bottom:10px;}
div.content-block h3 { padding: 5px; background-color: #DAC339; color:#FFF; font-size:1.4em;}
div.content-block p { margin: 10px; }
div.content-block a { display: block; width: 130px; margin: 10px; padding: 5px 0; text-decoration: underline; font-size:1.1em }
div.content-block li { color: #234078; padding-bottom: 5px;}
div.content-block li a { display: inherit; width: auto; margin: 0; text-decoration: none; padding: 0; }
div.content-block dl { margin-top: 0.7em;}

/* Navigation Block */
div.navigation-block { margin: 0; background-color: #2A4D91;}
div.navigation-block h3 { padding: 3px 10px;  }
div.navigation-block ul { list-style: square inside; padding: 0px }
div.navigation-block a { color: #FFF; font-size: 1.1em; }
div.navigation-block input{}


/* Page Section Promo block */
div.threecol div#secondary-content div.section-block, div.twocol div#secondary-content div.section-block  {  width: 49%; float: left; margin: 0 0 20px 0; padding: 0;}
div.threecol div#secondary-content div.section-block a, div.twocol div#secondary-content div.section-block a { font-weight: bold; text-decoration:none; }
div.threecol div#secondary-content div.section-block p, div.twocol div#secondary-content div.section-block p { margin-top: 0px; padding-right: 10px; }
div.threecol div#secondary-content div.section-block img, div.twocol div#secondary-content div.section-block img { margin: 3px 10px 20px 0; float: left; border: 1px solid #8C8482 }

/* News Item block */
div.news-item { margin-left: 7px; clear: both;  padding: 10px 0 8px 0;  }
div.news-item a { font-weight: bold; font-size: 1.2em; }
div.news-item p { font-size: 1.2em; padding-right: 5px; }
div.news-item img { margin-right: 10px; margin-top: 3px;}
div.news-item p.aim-text { font-size: 1.1em;  padding-top: 3px; margin-left: 91px; color: #999;}

div#news-navigation ul { margin-left: 95px; list-style: square inside; }
div#news-navigation ul li { padding: 0 5px; color: #234078; }
div#news-navigation ul li a { text-decoration: underline; font-size: 1.2em}

/* Search Results Footer Block */
body div#wrapper div#secondary-content ol.search-footer{width:100%; background-color:#F5F5F5; text-align: center; padding: 30px 0; border-top: 1px solid #E5E5E5; margin: 20px 0 0 0;}
body div#wrapper div#secondary-content ol.search-footer li{display: inline;  background-image: none; text-align: center; width: auto; float: none; height: auto; margin-left: 0px; }
body div#wrapper div#secondary-content ol.search-footer li a {background: transparent url(../look/images/backtotop.gif) left center no-repeat;
padding:10px 0px 10px 22px;}

/* Form Footer Block */
div#secondary-content ol.form-footer{width:100%; background-color:#F5F5F5; text-align: center; padding: 15px 0; border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; margin:5px 0 20px 0;}
div#secondary-content ol.form-footer li{display: inline;}
div#secondary-content ol.form-footer li input, div#secondary-content ol.form-footer li button {width:60px;}
div#secondary-content ol.form-footer button.submit{background: transparent url(../look/images/submit_button.gif) top left no-repeat; width: 60px; height: 21px; border: 0; cursor: pointer; margin-top: 5px; margin-left: 10px;}
div#secondary-content ol.form-footer button.reset{background: transparent url(../look/images/reset_button.gif) top left no-repeat; width: 52px; height: 21px; border: 0; cursor: pointer; margin-top: 5px; margin-left: 10px;}
div#secondary-content ol.form-footer button span{visibility: hidden}

/* PAGE / TEMPLATE SPECIFIC -----------------------------
-------------------------------------------------------*/

/* HOME PAGE ------------------------------------------*/
/* Navigation Blocks */
div.home div#secondary-content div.navigation-block { margin: 0 0 1px 24px; }
div.home div#secondary-content div.navigation-block ul { margin: 8px 2px 0 9px; padding-bottom: 7px;}
div.home div#secondary-content div.navigation-block li { color: #FFF; }

/* Navigation Blocks - Default Imagery */
div.report h3, div.payment h3, div.apply h3, div.consult h3 { font-size: 1.4em; color: #FFF; }

/* Navigation Blocks - Specific Imagery */
div.report { background: #C8B333 url(../look/images/report.jpg) right top no-repeat;}
div.payment { background: #213E75 url(../look/images/payment.jpg) right top no-repeat;}
div.apply { background: #6B1929 url(../look/images/apply.jpg) right top no-repeat;}
div.consult { background: #616D0E url(../look/images/consult.jpg) right top no-repeat;}

/* Tell us who you are widget */
div.home div#quaternary-content h3 { font-size: 1.4em; color: #FFF; padding: 4px 5px;}
div.home div#quaternary-content ol { text-align: center; margin: 10px 3px; }
div.home div#quaternary-content ol li { padding: 0; display: inline; margin-left: 5px; background:none; }
div.home div#quaternary-content ol li a { padding: 0 5px 0 0; }
div.home div#quaternary-content ol li.resident { background:transparent url(../look/images/green-bar.gif) no-repeat scroll right 1px; }
div.home div#quaternary-content ol li.resident a { color: #237F50; }
div.home div#quaternary-content ol li.visitor { background:transparent url(../look/images/red-bar.gif) no-repeat scroll right 1px; }
div.home div#quaternary-content ol li.visitor a { color: #7E2032; }
div.home div#quaternary-content ol li.business a { color: #449CB0; }
div.home div#quaternary-content ul {  list-style: square outside; color: #284D91; margin: 5px 0 5px 25px;}
div.home div#quaternary-content ul li { padding: 2px 0; background:none; text-decoration:none; }
div.home div#quaternary-content p { margin: 5px 10px; }
div.home div#quaternary-content li p { margin: 0; padding: 0; font-size:1.0em; color:#234078; }

/* Headings */
div.home div#tertiary-content h3 { margin-left: 7px; font-size: 1.6em; color:#213E75; }

/* Weather Widget */
div.home div#quaternary-content dl { padding: 10px 0 20px;  text-align: center;  width:49%; float: left; background-color: #F4EDC3; border-right: 1px solid #FFF;}
div.home div#quaternary-content dl dt { padding-bottom: 5px; }
div.home div#quaternary-content dl dd img { background-color: #fff; }

/* Related Links */
div#related-links {   float: left; margin: 10px 0 0 24px; padding: 0; vertical-align:baseline;}
div#related-links li { float: left; margin: 0; padding: 0;  }
div#related-links a { margin: 0; padding: 0;  }
div#related-links a img { border: none; margin: 0; padding: 0;  }


/* A TO Z PAGE ----------------------------------------*/
div#secondary-content div.a2z ol { margin-left: 20px;  }
div#secondary-content div.a2z li { display: inline; background: transparent url(../look/images/a2z.gif) center center no-repeat; text-align: center; width: 19px; float: left; height: 20px; margin-left: 0px; }
div#secondary-content div.a2z li a { padding: 5px; line-height: 20px   }

div#secondary-content div.a2z li#active { background-image: url(../look/images/a2z-active.gif); }
div#secondary-content div.a2z li#active a { color: #FFF; }

div#secondary-content div.a2z dl { clear: both; padding: 20px 0; }
div#secondary-content div.a2z dt { font-weight: bold; font-size: 1.4em; color: #000; }
div#secondary-content div.a2z dd { padding: 5px 5px 5px 20px; background: transparent url(../look/images/sta-shield.gif) left 7px no-repeat;border-bottom: 1px solid #E5E5E5}
div#secondary-content div.a2z dd.herts { background-image: url(../look/images/hertfordshire-shield.gif); }
div#secondary-content div.a2z dl a { font-weight: bold; font-size: 1.2em; text-decoration: underline; }
div#secondary-content div.a2z dl p { padding-top: 5px; }

/* SEARCH PAGE ----------------------------------------*/


/* Search Header */

div#secondary-content fieldset.search-header {background:#F4F3F4; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; padding:0;}
div#secondary-content fieldset.search-header ol{display:block; padding: 0 12%;}
div#secondary-content fieldset.search-header ol li { display:inline; border: none; text-align:center; width:auto; padding-left: 15px; margin: 0 auto}
div#secondary-content fieldset.search-header ol li label {display:block; float:left; }
div#secondary-content fieldset.search-header ol li input { display:block; float:left; width:260px;}
div#secondary-content fieldset.search-header ol li input.go {border:none; width:36px;}

/* Search Results */

div#secondary-content div.a2z fieldset.search-results {background:url(../look/images/module_dropshadow.png) left top repeat-x;}
div#secondary-content div.a2z fieldset.search-results dl dd{background:none; padding: 10px 0px;}

/* Search Footer */

div#secondary-content div.a2z ol.page-numbers-footer{background:#F4F3F4; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; margin:0; height: 30px; display:block; padding: 10px 22%;}
div#secondary-content div.a2z ol.page-numbers-footer li {}
div#secondary-content div.a2z ol.page-numbers-footer li.next-prev {background: none; width:auto;}

/* Tab Naviation */

div#secondary-content div#tab-selector {display: block; margin: 15px 0 0 0;}
div#secondary-content div#tab-selector ul li{display:inline; background:url(../look/images/tab-right.gif) no-repeat right top; padding: 2px 0;}
div#secondary-content div#tab-selector ul li a {background: url(../look/images/tab-left.gif) no-repeat left top; padding: 0; font-size:1em; font-weight: bold; padding: 2px 5px;}
div#secondary-content div#tab-selector ul li#current{background-image:url(../look/images/tab-right-current.gif)}
div#secondary-content div#tab-selector ul li#current a {background-image:url(../look/images/tab-left-current.gif); font-weight: normal;}
div#tab-content h2{padding:10px; background:#F2F1F2; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; margin: 1px 0 0 0;}


/* CONTENT PAGE ---------------------------------*/
div.threecol div#primary-content, div.twocol div#primary-content { background-color: #CACACA }
div.twocol div#primary-content h2, div.twocol div#primary-content h2 { padding: 7px; color: #666; font-size: 1.4em;}
div.threecol div#secondary-content p, div.twocol div#secondary-content p { padding: 0; margin-bottom: 1em;}
div.threecol div#secondary-content blockquote, div.twocol div#secondary-content blockquote {margin: 5px 15px 5px 15px; width: 70%; font-size: 13px; font-style:italic;}
div.threecol div#secondary-content cite, div.twocol div#secondary-content cite {margin: 0 0 5px 5px; width:70%; font-size: 13px; font-weight:bold; display:block; text-align: right;}
div.threecol div#secondary-content img, div.twocol div#secondary-content img {margin: 2px 5px 5px 0;}
hr { border:none; margin-bottom: -1px; border-bottom: 1px solid #CACACA; }
div.threecol div#secondary-content span, div.twocol div#secondary-content span { font-weight: bold; }
div.threecol div#secondary-content a, div.twocol div#secondary-content a { text-decoration: underline }
div.threecol div#secondary-content h2, div.twocol div#secondary-content h2 { margin: 10px 0 7px 0; color: #234078; }
div.threecol div#secondary-content ul, div.threecol div#secondary-content ol, div.twocol div#secondary-content ul, div.twocol div#secondary-content ol { margin: 10px 45px; list-style-position:inside; }
div.threecol div#secondary-content ul li, div.twocol div#secondary-content ul li { list-style-type: square; }
div.threecol div#secondary-content ul li p, div.twocol div#secondary-content ul li p, div.threecol div#secondary-content ol li p, div.twocol div#secondary-content ol li p {margin:0; display:inline; }
div.threecol div#secondary-content ol li, div.twocol div#secondary-content ol li { list-style-type:decimal; }
div.threecol div#secondary-content span, div.twocol div#secondary-content span { color: gray; font-weight: bold; padding: 8px 0; display:block; }
div.threecol div#secondary-content, div.twocol div#secondary-content { border-top: 1px solid #E5E5E5; } 
div.content-paragraph { clear: left }
div.content-paragraph ul li {list-style-position: outside; }
div.introduction { margin-bottom: 20px; }
div.threecol div#secondary-content div.introduction p, div.twocol div#secondary-content div.introduction p { font-weight:bold; line-height: 120%; color:#234078; }


/* PLANNING PERMISSION PAGE ---------------------------*/
ul#planning-gallery { margin: 10px 0 0; }
ul#planning-gallery li { display: inline; }
ul#planning-gallery img { border: 1px solid #8C8482; position: relative; z-index: -2;}
ul#planning-gallery a { position: relative; z-index: 1; background: transparent url(../look/images/image-open.gif) right bottom no-repeat;}
div#secondary-content.planning h3{ width: 100%; display: block; float: left; padding: 10px 0;  }

/* HEALTH PAGE ----------------------------------------*/
div#secondary-content h5 {padding-top: 1em;}

/* SEARCH RESULT PAGES ----------------------------------
-------------------------------------------------------*/

/* ONLINE ENQUIRY TABLE -------------------------------*/
table.v-border td, table.v-border th {font-size: 1em; background: none; padding: 10px 8px; border-top: 1px solid #E5E5E5;  border-bottom: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5;}
table.v-border td { vertical-align: top; }
table.v-border td.last { border-right: none; }
table.v-border th.last { border-right: none; }

/* DATA ENTRY PAGES -----------------------------------*/

div#secondary-content legend {display:none;}
div#secondary-content fieldset {background: none; clear:both;}
div#secondary-content fieldset ol {padding:0; margin:10px 0;}
div#secondary-content fieldset ol li { width: 90%; border-top: 1px solid #E5E5E5; padding:8px 0;}
div#secondary-content fieldset label { display:block; float: left; width: 35%; font-weight: bold;}
div#secondary-content fieldset label span {font-weight:normal; color:#CCC;}
div#secondary-content fieldset input {border-top:#669ACC 2px solid; border-right:#669ACC 1px solid; border-bottom:#669ACC 1px solid; border-left:#669ACC 2px solid; margin: 0; width:240px;}
div#secondary-content fieldset ol ol {float:left; margin:0}
div#secondary-content fieldset ol ol li { border:none; padding: 5px 0; float:none;}
div#secondary-content fieldset ol ol input.radio-check {width:50px; border:none;}
div#secondary-content fieldset textarea {border-top:#669ACC 2px solid; border-right:#669ACC 1px solid; border-bottom:#669ACC 1px solid; border-left:#669ACC 2px solid; margin: 0; width:240px; height: 100px; overflow:scroll-y;}
div#secondary-content fieldset select {border-top:#669ACC 2px solid; border-right:#669ACC 1px solid; border-bottom:#669ACC 1px solid; border-left:#669ACC 2px solid; margin: 0; width:240px;}
div.threecol div#secondary-content fieldset fieldset legend, div.twocol div#secondary-content fieldset fieldset legend {display:block; float: left; font-size: 1em; font-weight: bold; color:#333; background: none;}
div.threecol div#secondary-content fieldset fieldset ol, div.twocol div#secondary-content fieldset fieldset ol { width: 100%; margin-left: 35%;}
/* Doms added CSS */
div#secondary-content fieldset ol ol li label { vertical-align:top; display:inline; float: none; width:auto; font-weight:normal;}
div#secondary-content fieldset ol ol li input { width: 15px; border:none; margin-right: 10px;}
div.threecol div#secondary-content fieldset ul, div.threecol div#secondary-content fieldset ol, div.twocol div#secondary-content fieldset ul, div.twocol div#secondary-content fieldset ol, div.threecol div#secondary-content ol.form-footer, div.twocol div#secondary-content ol.form-footer  { font-size: 1em; margin: 0; }
div.threecol div#secondary-content fieldset ol li, div.twocol div#secondary-content fieldset ol li { list-style-type: none; }

/* Calculator Data Entry Page */

div#secondary-content p.calcheader {background:url(../look/images/calculator_header.gif) top left no-repeat; padding-top:70px!important}

div#secondary-content fieldset.calculator legend {background-color:#F4F3F4; background: url(../look/images/calculator_fieldset_bg.gif) repeat-x; white-space: normal; display: block; padding: 10px 19% 10px 10px; font-size: 1.7em; color:#000066;}
div#secondary-content fieldset.calculator legend span{display:block; font-size: 0.6em; margin: -25px 10px 0 40px; width: 370px; color:#000; padding:0; float: none;}
div#secondary-content fieldset.calculator label {width: 65%; font-weight:normal; font-size:1.1em;}
div#secondary-content fieldset.calculator label strong{font-weight:bold; color:#DB0306;}
div#secondary-content fieldset.calculator span{float:right; font-size: 1.6em; font-weight: bold;}
div#secondary-content fieldset.calculator input{float:none; width:150px; font-size:0.8em;}
div#secondary-content fieldset.calculator input.small-input{width:62px; margin-right:87px;}
div#secondary-content fieldset.calculator li { border-bottom: 1px solid #E5E5E5; }

div#secondary-content fieldset.calculator li.doubleinput {border:none;}
div#secondary-content fieldset.calculator li.doubleinput input{width:62px; margin-left:21px;}
div#secondary-content fieldset.calculator li.doubleinput label.nodisplay{display:none;}


div#secondary-content fieldset.calculator select{float:none; width:150px;}
div#secondary-content fieldset a {margin: 0; padding: 0; width: auto; display:inline; text-decoration:underline;}

div#secondary-content fieldset.calculator li.colheadings {border: 0}
div#secondary-content fieldset.calculator li.colheadings p {float:left; width:65%; margin:0; padding:0; font-size: 1.1em; font-weight: bold;}
div#secondary-content fieldset.calculator li.colheadings p#colheader {float: right; text-align: center; width:62px; margin-left:25px; margin-right:1px}

div#secondary-content fieldset.calculator span.calc-note { float: none; font-size: 1em; color: Black; }
div#secondary-content fieldset.calculator input.readonly { background-color: Gray; }

/* USEFUL CLASSES ---------------------------------------
-------------------------------------------------------*/
.fl { float: left; }
.last { border-right: 0!important;}
.first-list {border-top: 0!important;}
.drop{ clear:both; margin-top: 16px;}
.lastblock {border-bottom: 2px solid #000;}
a#backtotop { height: 20px; background: #EFEFEF url(../look/images/backtotop.gif) no-repeat scroll 42% 22px; display: block; text-align: center;   padding: 25px 0; text-decoration:underline;}
a.print, a#print { margin-top: 10px;background: transparent url(../look/images/print.gif) left center no-repeat; float: right; padding-left: 20px; }
p.intro { font-size:1.3em; color: #223D74; padding-bottom: 1em;}
.border-bottom {border-bottom: 2px solid #FFFFFF;}
.clear { clear: both }
.heading-image{border:0; margin: 5px 0!important}

/* TO TIDY */
#printlogo { display:none }
#skipnav { display:none }
.navhidden { display: none; }
.clear { clear: both }
a#print { float: right; margin-right: 3px; }
#secondary-content p { margin: 7px 0; }
strong { font-weight:bold; }
em { font-style: italic }
img.intro { border:none; }
div#secondary-content ol.form-footer li input { vertical-align:bottom }
div#secondary-content ol.form-footer button.reset { vertical-align:bottom; margin-top: 0px; }
div#secondary-content fieldset label.nodisplay { display:none }
div#quaternary-content { float: right; }
div.home div#quaternary-content { float: left }
div.threecol div#secondary-content ul.faqs li, div.twocol div#secondary-content ul.faqs li { margin: 3px 0px; list-style-type:none; }
div.threecol div#secondary-content ul.faqs li a, div.twocol div#secondary-content ul.faqs li a { font-size: 1.2em }
div.faqs div { margin: 14px 0; }
div#feedback { width: 100%; clear:both; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 3px 0; margin: 5px 0; }
input.simple-search { padding: 1px; width: 110px; }
div#secondary-content div.news-item { padding: 0; margin: 12px 0; }
p.news-results { font-weight: bold; font-size: 1.2em; }
a#feedback { font-size: 1.1em; }
div.a2z span { font-size: 1.2em; font-weight: bold; color: #878787; }

/* DOWNLOADS */
li.document a { padding: 5px 0px 5px 0px; }
li.document { background-position: left center; background-repeat: no-repeat; padding: 5px 5px 5px 30px; }
li.DOC { background-image: url(../look/images/doc.gif) }
li.XLS { background-image: url(../look/images/xls.gif) }
li.PDF { background-image: url(../look/images/pdf.gif) }
li.PPT { background-image: url(../look/images/ppt.gif) }
li.ZIP { background-image: url(../look/images/zip.gif) }
div.threecol div#secondary-content ul.downloads { margin: 0; }
div.threecol div#secondary-content ul.downloads li { list-style-type: none; list-style-position:outside; }
div.threecol div#secondary-content ul.downloads li a { text-decoration: underline; }
div.threecol div#secondary-content ul.downloads { margin: 0; }

/* SITEMAP */
div.threecol div#secondary-content ul#sitemap { margin: 10px 25px; }
div.threecol div#secondary-content ul#sitemap ul { margin: 10px 25px; }
div.threecol div#secondary-content ul#sitemap a { text-decoration: none; }

div#secondary-content fieldset.news-list input { width: auto; vertical-align:top; }
div#secondary-content fieldset.news-list label { width: auto; vertical-align:middle; margin-right: 7px; float:none; display: inline; padding-top: 5px; }
div#secondary-content fieldset.news-list select { width: auto; vertical-align:top; margin-right: 7px;}