/*
This document defines the style for the myherefordshire.com web site for viewing in a browser.
Style tree
|- header
|- page
|  |- nav
|  |- content
|  |- features
|- footer
*/
/*******************
 Main components
********************/
#header {
 width: 776px;
 background: #424F57 url(/images/bg_header_top.gif) top no-repeat;
}
div.header {
 width: 776px;
 background: #424F57 url(/images/bg_header_top.gif) top no-repeat;
}
ul.linkbookmark { margin: 0px 0px 0px 0px; padding-left:0px; list-style: none;}
#bodywrap { width: 776px; margin-left: auto; margin-right: auto; text-align: left;}
.popup #header {width: 593px; background-image: url(images/bg_headerpopup_top.gif);}
#page {
 width: 776px;
 background: #ffffff url(/images/bg_page_btm.gif) bottom no-repeat;
 color: #3D4F5D;
 margin-top: 5px;
 margin-bottom: 5px;
 padding-top: 0px;
 padding-bottom: 10px;
}
.popup #page {width: 593px; background-image: none;}
#footer {
 width: 776px;
 clear: none;
 background: #424F57 url(/images/bg_footer_btm.gif) bottom no-repeat;
 padding-bottom: 7px;
 text-align: center;
}
/*******************
 Sub components
********************/
.breadcrumb ul { margin: 0px; padding:2px 2px 2px 0px;}
.breadcrumb li { margin: 0px; display: inline; list-style-type: none; padding:1px 0px 1px 0px;}
.breadcrumb li a { padding-left: 0px !important; background-image: none !important; font-weight: bold !important;}

#nav {
 width: 178px;
 clear: none;
 float: left;
 margin-left: 5px;
}
html>body #nav {
 margin-left: 10px;
}
#content {
 width: 380px;
 clear: none;
 float: left;
 margin-left: 7px;
 margin-right: 7px;
}
#features {
 width: 184px;
 clear: none;
 float: left;
}
/**********************
 Tag default styles
***********************/
html,
body { margin: 0px; background: #A1A6AA; font-family: Tahoma, sans-serif; font-size: 85%;}
body { padding: 10px; text-align: center; color: #414E57;}
body.popup { background: #ffffff;}
td, th { font-size : 70%;}
html>body td, html>body th { font-size: 105%;} /*non-IE*/

h1 {
 font-size: 1.75em;
 font-weight: normal;
 width:auto;
 margin: 0px;
 padding-top: 5px;
}
h2 {
  margin:0px;
  font-size: 1.25em;
}
h3 {   font-size: 1.1em; color: #B02367;}
h4 {}
img { border: none;}
p {
  margin-top:10px;
  margin-bottom:10px;
  line-height: 1.4em;
}
a:link,
a:visited {
            padding-left: 9px;
            background: transparent url(/images/icon_link.gif) no-repeat left 0.35em;
            text-decoration: none;
            font-weight: bold;
            color: #B02664;
}
h2 a {
 padding-left: 10px;
 background: url(/images/icon_linkh2.gif) no-repeat left center;
 color: #B02367;
}
a:hover {
 color: #B3C41C;
 text-decoration: none;
}
a:link {
 text-decoration: none;
}
a.img:link,
a.img:visited {
 background-image: none;
 padding: 0px;
 margin:0px
}
form {}
fieldset {border: none;}
input {margin: 1px; padding: 1px; font-size: 95%;}
input.radio {margin: 1px 4px 1px 1px; vertical-align: middle;}
input.checkbox {margin: 1px 4px 1px 1px; vertical-align: middle;}
input.button { text-transform: lowercase;}
select { font-size: 95%;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 95%;}
/*****************************
 styles
*****************************/
/* Search */
div.search {
 background: #E684AD url(/images/bg_search_top.gif) top no-repeat;
 color: #ffffff;
 padding: 0px 10px 9px 10px;
}
.search h2 { margin-bottom: 0px;}
/* Userarea */
.userarea { margin-top: 7px; background: #C4D5C3;}
.userarea h2 { padding-left: 10px; padding-bottom: 2px; background: #ABC3A9;}
.userarea p { padding: 0px 5px 5px 10px;}
.userarea a.inactive {padding-left: 7px; color: #ffffff; background: url(/images/icon_linkinactive.gif) no-repeat left 0.35em !important;}
.userarea label { display: block;}
.userarea .loginname {font-weight: bold; }
.userarea p.logout {text-align: right;}
/* Register */
div.register { margin-top: 7px; border: 1px solid #D8EE21; background: #ffffff;}
div.register h2 { padding-left: 5px; padding-bottom: 2px; background: #D8EE21;}
div.register p { padding: 5px; color: #B02664;}
h1.register,
h1.login,
h1.eventadd,
h1.events,
h1.jobs,
h1.privacy,
h1.terms,
h1.eventtitle,
h1.search {}
h1.help,
h1.categories,
h1.eventtitle { color: #B02664; padding-bottom: 4px;}
h1.sitemap { color: #B02664; padding-bottom: 4px;}
/* Weather Gadget */
#weatherBox {margin: 5px 0; padding-bottom: 12px; color: #414E57; background: #C4D5C3 url(/images/bg_weather_btm.gif) bottom no-repeat; text-align:left; overflow: auto;}
#weatherBox h2 {text-align:center; font-size: 105%; color: #414E57; padding: 1px 2px; background: url(/images/bg_weather_top.gif) top no-repeat;}
#weatherBox img{float:left; margin-left: 10px; margin-top: 5px;}
#weatherBox_inner{margin-left: 80px; margin-top: 4px;}
#weatherBox #weatherBox_cond{font-weight: normal; font-size: 100%;}
#weatherBox #weatherBox_temp{font-size: 110%; font-weight: bold; line-height: 1.3em;}
#weatherBox_temp #ctl00_lblTempC{color: #B02662;}
#weatherBox_temp #ctl00_lblTempF{color: #E982AF;}
#weatherBox a{font-size: 80%; display: block; background-image: url(/images/icon_linknav.gif)}
#weatherBox a:link, #weatherBox a:visited {color: #FFF;}
#weatherBox a:hover {color: #B02664;}
/* Emergency */
.emergency { margin-top: 7px; color: #ffffff; background: #8A8541 url(/images/bg_emergency_btm.gif) bottom no-repeat;}
.emergency h2 { padding-left: 10px; padding-bottom: 2px; background: url(/images/bg_emergency_top.gif) top no-repeat;}
.emergency p { padding: 10px;}
.emergency a:link,
.emergency a:visited { color: #ffffff;}
.emergency a:hover { color: #F3FABD;}

/* Accessibility LH Box-out */
.accessibility { margin-top: 7px; color: #ffffff; background: #C4D5C3 url(/images/bg_accessibility_btm.gif) bottom no-repeat; padding-bottom: 2px;}
.accessibility h2 { padding-top: 2px; color: #414E57; padding-left: 10px; background: url(/images/bg_accessibility_top.gif) top no-repeat; height: 26px; min-height: 26px}
.accessibility p { padding: 0 10px 0 10px; background-color: transparent;}
.accessibility a:link,
.accessibility a:visited { font-size: 95%; color: #FFF;}
.accessibility a:hover { color: #B02664;}
/* Whats New LH Box-out */
.whatsnew { margin-top: 7px; color: #ffffff; background: #E1F24E url(/images/bg_whatsnew_btm.gif) bottom no-repeat; padding-bottom: 2px; }
.whatsnew h2 { padding-top: 2px; color: #414E57; padding-left: 10px; background: url(/images/bg_whatsnew_top.gif) top no-repeat; height: 28px; min-height: 28px; }
.whatsnew p { color: #414E57; padding: 0 10px 0 10px; background-color: transparent;}
.whatsnew a:link,
.whatsnew a:visited { font-size: 95%; color: #414E57;}
.whatsnew a:hover { color: #B02664;}


/* Content */
.hjobs h2 {
    margin-bottom: 5px;
    position: relative; /* fix for IE bug - MF */
}
/* Job feature */
.hjobs{ background-color: #FEEEF4; }
.hjobsWrapper{float:left; width: 100%;}
.jobfeature, .jobfeature_alt {width: 48%; float: left; margin-bottom: 7px; padding: 2px 4px 4px 4px;}
.jobfeature_alt { float: right;}
html>body .jobfeature, 
html>body .jobfeature_alt { width: 46%;}
.jobfeature .title,
.jobfeature_alt .title {display: block; font-weight: bold;}
.servicefeature,
.servicefeature_alt {
  width: 48%;
  float: left;
  padding: 2px 4px 4px 4px;
  margin-bottom: 7px;
}
.servicefeature_alt {float: right;}
html>body .servicefeature,
html>body .servicefeature_alt { width: 46%;}
#content .servicefeature p,
#content .servicefeature_alt p { margin-left: 9px;}
#content .servicefeature a,
#content .servicefeature_alt a { color: #B02664 !important;}
.emergencyfeature,
.emergencyfeature_alt {
  width: 48%;
  float: left;
  padding: 2px 4px 4px 4px;
  margin-bottom: 7px;
}
.emergencyfeature_alt {float: right;}
html>body .emergencyfeature,
html>body .emergencyfeature_alt { width: 46%;}
.emergencydetail {
 margin-top: 5px;
 border-top: solid 1px #BBBBBB;
 border-bottom: solid 1px #BBBBBB;
 padding: 9px;
 background: #F0F0F0;
}
.emergencydetail_alt { margin-top: 5px; padding: 9px;}
/* Features */
/* Feature */
.featureimg ul {margin-top: 5px; margin-bottom:0px; margin-left:0px; margin-right:0px; border:0px; padding:0px;} 
.featureimg li { margin-top: 5px; display: inline; list-style-type:none; margin-bottom:5px; margin-left:0px; margin-right:0px; border:0px; padding:0px;}
.feature { border: 1px solid #A9C3A6; margin-top: 5px; padding: 3px 0px 0px 0px; background: #ffffff;}
.feature h2 { margin: 0px 5px 0px 5px; color: #B3C41C; font-weight: bold;}
.featureimg { margin-top: 5px;}
.feature p {margin: 3px 5px 3px 5px;}
.register p,
.userarea p,
.emergency p { margin-top: 3px; margin-bottom: 3px;}
.feature .extlink {
 margin-top:5px;
 padding-right:2px;
 line-height: 1px;
 text-align: right;
 background: #dde7dc;
}
.feature .extlink a {background-image: none;background-color: transparent;}
/* Footer compontent styles */
#footer .head { padding-top: 5px; background: #424F57 url(/images/bg_footer_top.gif) top no-repeat;}
#footer ul { clear: both; display: inline; margin: 0px; padding-left:0px;}
#footer li { clear: both; display: inline;}
#footer li a { font-weight:normal; margin-left: 10px; color: #ffffff; background: url(/images/icon_linkfooter.gif) no-repeat left 0.4em; white-space: nowrap;}
#footer li a:hover { color: #E1F24E;}
/*
#footer .disclaimer { margin-top: 5px; color: #A1A6AC;}
#footer .disclaimer a.inline { background-image: none; color: #A1A6AC; padding-left: 0px;}
*/

/* below are included styles added for validation for watchfire 190406 */
.skipnav { display: none; background-image: none; padding: 0px;}
ul.skipnav {list-style:none;}

/* Misc styles */
a.skipnav { display: none; background-image: none; padding: 0px;}
a.bookmark { background-image: none; padding: 0px;}
a.bookmark:hover { background-color: transparent;}
a.closewindow { display:none; float: right; margin-top: 5px; margin-right: 10px; background-image: none !important;}
a.totop { background: url(/images/icon_linkup.gif) no-repeat left 0.4em; color: #B02461; font-weight: normal; padding-left:15px;}
.clearAll { clear: both; }
/* Header compontent styles */
#header li a:hover { color: #E1F24E;}
#header ul {display: inline; margin: 0px; padding-left:0px;}
#header li {display: inline;}
#header li a { color: #ffffff; text-decoration: none; font-weight: normal;}
#header a { margin-left: 10px; color: #ffffff; background: url(/images/icon_linkheader.gif) no-repeat left 0.35em;}
#header img, #headerpopup img { vertical-align: text-bottom;}
#header .foot { background: #424F57 url(/images/bg_header_btm.gif) no-repeat ; height: 7px; overflow: hidden;}
.popup #header .foot { background: #424F57 url(/images/bg_headerpopup_btm.gif) no-repeat ; height: 7px; overflow: hidden;}
/* Page component styles*/
#page .head { padding-top: 10px; background: #FFF url(/images/bg_page_top.gif) top no-repeat;}
.popup #page .head { background-image: none;}
/* Nav compontent styles */
#nav a { padding-left: 10px; background: url(/images/icon_linknav.gif) no-repeat left center;}
#nav .primarynav .head { padding-top: 7px; background: #E1F24E url(/images/bg_nav_top.gif) top no-repeat;}
.primarynav { background: #E1F24E url(/images/bg_nav_btm.gif) bottom no-repeat; margin: 0px; padding-bottom: 3px;}
.primarynav ul { margin: 0px 0px 0px 0px; padding-left:0px; list-style: none;}
.primarynav li { border-bottom :solid 3px #D8EE21; padding: 1px 2px 1px 7px;}
.primarynav li.selected { background-color: #ffffff !important; border: 1px solid #404e59; padding-bottom: 1px;}
.primarynav li a:link,
.primarynav li a:visited { color: #414E57;}
.primarynav li a:active,
.primarynav li a:hover { color: #B02664;}
.popupnav { background: #f0f0f0; margin: 10px 0px 0px 0px; padding-bottom: 3px;}
.popupnav ul { margin: 0px 0px 0px 0px; padding-left:0px; list-style: none;}
.popupnav li { padding: 1px 2px 1px 7px;}
.popupnav li a { background: url(/images/icon_linkdown.gif) no-repeat left 0.35em; padding-left: 13px !important;}
ul.linkbookmark { margin: 0px 0px 0px 0px; padding-left:0px; list-style: none;}
ul.linkbookmark li a { background: url(/images/icon_linkdown.gif) no-repeat left 0.35em; padding-left: 13px;}
.mystuff { background: #CFDDCE url(/images/bg_mystuff_btm.gif) bottom no-repeat; margin: 8px 0px 0px 0px; padding-bottom: 10px;}

.mystuff h2 { background: #ABC3A9 url(/images/bg_mystuff_top.gif) top no-repeat; padding: 0px 3px 2px 10px;}
.mystuff ul { margin: 0px 0px 0px 0px; padding-left:0px; list-style: none;}
.mystuff li { border-bottom :solid 3px #C3D4C2; padding: 1px 2px 1px 7px;}
.mystuff li.selected { background-color: #ffffff !important; border: 1px solid #404e59; padding-bottom: 1px;}
.mystuffselected { background-color: #ffffff !important; border: 1px solid #404e59; padding-bottom: 1px;}
.moderatornav { background: #E982AD; margin: 8px 0px 0px 0px; padding-bottom: 3px;}
.moderatornav h2 { background: #B02664; color: #ffffff; padding: 0px 3px 2px 10px;}
.moderatornav ul { margin: 0px 0px 0px 0px; padding-left:0px; list-style: none;}
.moderatornav li { border-bottom :solid 3px #B02664; padding: 1px 2px 1px 7px;}
.moderatornav li.selected { background-color: #ffffff !important; border: 1px solid #404e59; padding-bottom: 1px;}
.moderatortool { margin: 10px 0px 10px 0px; border: 2px solid #E982AD;}
.moderatortool h2 { padding: 2px 2px 2px 10px; background: #E982AD; color: #B02664;}
.moderatortool fieldset { margin: 3px 0px 3px 0px;}
.moderatortool .rejectreason { margin: 0px 1px 0px 1px; padding: 2px 5px 5px 5px; background: #f0f0f0; color: #414e57;}
.moderatortool .rejectreason select { margin-top: 3px; }
.moderatortool .moderateaction { padding: 6px 5px 6px 5px; text-align: right;}
/* search page styles */
.searchbox { background: #E982AF; margin-top: 8px;}
.searchbox label { padding-left: 10px; font-size: 1.5em; color: #ffffff;}
.searchHeading { margin-top: 8px; padding: 2px 0; color: #B02664; }
.searchHeading strong { color: #414E57 }
.searchbox { background: #E982AF; margin-top: 8px; padding: 2px 0}
.searchbox label { padding-left: 10px; font-size: 1.25em; color: #FFF; font-weight: bold; }
a.searchhint { font-weight: bold; color: #B02664; background-image: none; padding-left:0px; }
#didyoumean {
 border-top: 3px solid #FFF;
 margin-bottom: 15px;
 background: #D6D6D6 url(/images/bg_panel_btm_rh_Grey.gif) no-repeat left bottom;
 padding: 5px 5px 7px 10px;
}
#didyoumean p { padding: 0; margin: 0; }

#searchAlt { margin-top: 12px; padding-top: 4px; background: #F9E2EC url(/images/bg_search_top.gif) no-repeat scroll center top; margin-bottom: 12px; }
#searchAlt h2 { padding: 0 0 7px 10px;  color: #FFF; font-weight: bold; border-bottom: 3px solid #FFF; }
#searchAlt p { padding: 0 0 0 10px; font-size: 0.9em;  }
#searchAlt ul { margin: 0; padding: 5px 0 2em 10px; background: #F9E2EC url(/images/bg_panel_btm_rh_litePink.gif) no-repeat bottom; }
#searchAlt li { list-style: none; }

#searchPop { margin-top: 12px; padding-top: 4px; background: #C4D5C3 url(/images/bg_panel_top_rh_midTeal.gif) no-repeat scroll center top; }
#searchPop h2 { padding: 0 0 7px 10px;  color: #414E57; font-weight: bold; }
#searchPop p { padding: 0 0 0 10px; font-size: 0.9em;  }
#searchPop ul { margin: 0; padding: 5px 0 2em 10px; background: #C4D5C3 url(/images/bg_panel_btm_rh_midTeal.gif) no-repeat bottom; }
#searchPop li { list-style: none; }

.sort { background: #FCE2EF url(/images/bg_sortby_btm.gif) no-repeat bottom; padding-bottom: 4px; margin-top: 7px; margin-bottom: 5px;}
.sort .sortwrap { background: #FCE2EF url(/images/bg_sortby_top.gif) no-repeat top;}
.sort .sortby { margin-left: 8px; padding: 0px 6px 4px 6px; background: #D6D6D6; color: #B02664;}
.sort ul { margin: 0px; display: inline; padding: 0px;}
.sort li { list-style-type: none; display: inline; padding:0px; margin-left: 2px; margin-right: 4px;}
.sort li a { background: url(/images/icon_linksort.gif) no-repeat left 0.35em; padding-left: 13px;}
.sort li a:hover { background-color: transparent; }
.sort li.selected a { background: url(/images/icon_linksortselected.gif) no-repeat left 0.35em; padding-left: 9px; color:#E982AF;}
.sort li.descending a { background: url(/caps/images/icon_linksortselected2.gif) no-repeat left 0.35em; padding-left: 9px; color:#E982AF;}

.habout,
.hjobs,
.hevents {
 padding-top: 4px;
 padding-bottom: 6px;
 border-bottom: 1px solid #AAC4A7;
}
.listing, 
.listingalt { padding: 3px 5px 10px 5px; position: relative;}
.listingalt { background-color: #f1f1f1;}
.listing {background-color: #FFF;}
.listing .title, 
.listingalt .title { display: block; font-size: 1.25em; font-weight: bold;}
.title a { margin-left: 5px; }
.listing .location,
.listingalt .location { display: block; margin-left: 26px; color: #B02664;}
.listing .desc, 
.listingalt .desc,
.listing .salary,
.listingalt .salary,
.listing .closing,
.listingalt .closing { display: block; margin-left: 26px;}
.listing .value,
.listingalt .value { color: #B02664;}
.listing .published,
.listingalt .published { display: block; margin-left: 26px; color: #B02664;}
.listing .category,
.listingalt .category { display: block; margin-left: 26px; font-size: .9em; }
.listing .url,
.listingalt .url { display: block; margin-left: 26px; color: #B02664; font-size: .9em; }
.listing .statuscancelled,
.listingalt .statuscancelled,
.listing .statuspending,
.listingalt .statuspending,
.listing .statussuspended,
.listingalt .statussuspended { display: block; padding-left: 26px; background: url(/images/icon_pending.gif) no-repeat 17px 0.45em; color: #F36D2E; font-weight: bold; font-size: .9em; }
.listing .statusrejected,
.listingalt .statusrejected { display: block; padding-left: 26px; background: url(/images/icon_rejected.gif) no-repeat 17px 0.45em; color: #9C070D; font-weight: bold; font-size: .9em; }
.listing .statusapproved,
.listingalt .statusapproved { display: block; padding-left: 26px; background: url(/images/icon_approved.gif) no-repeat 17px 0.45em; color: #B1C41A; font-weight: bold; font-size: .9em; }
.listing .statuslabel,
.listingalt .statuslabel { color:#414e57; text-transform: uppercase; }

.listing .listingicon,
.listingalt .listingicon { position: absolute; top: 7px; left: 0px;}
.eventdate { font-weight: bold; font-size: .9em; margin-top:8px;}
.eventsubtitle { padding-bottom: 10px; }
.listingfooter { margin: 10px 0px 10px 0px; line-height: 19px; background: #F8D9E8 url(/images/bg_listing_btm.gif) no-repeat;}

.withImage { float: left; }
.withImage .leftCol { width: 320px; float: left; margin: 0; padding: 0; }
.withImage .rightCol { width: 50px; float: left; margin: 0; padding: 0; text-align: center; vertical-align: top; } 


#content div.maincontent {}
/* #content div.maincontent a.inline { padding-left: 0px; color: #B02664; background-image: none;} */
#content .pagination {font-weight: bold; text-align: right;}
#content .pagination a.prev { padding-left: 9px; color: #B02664; background: url(/images/icon_linkprev.gif) no-repeat left 0.35em;}
#content .pagination a.next { padding-left: 0px; padding-right: 9px; color: #B02664; background: transparent url(/images/icon_linknext.gif) no-repeat right 0.35em;}
#content .pagination a.prev:hover,
#content .pagination a.next:hover { color: #B3C41C; }

#content table {
 width: 100%;
 background: #D5E1D3;
 margin-bottom: 5px;
 border-style: none;
 border-collapse: collapse;
}
#content table td, #content table th  { vertical-align: text-top;}
#content table.feedback,
#content table.login { background-color: #F8D9E8;}
#content table.feedback_alt,
#content table.login_alt { background-color: #FBECF3;}
#content table.alt { background: #E6EDE5;}
#content caption { padding: 5px 0px 5px 15px; text-align: left; color: #AD2563; background: #D5E1D3; font-weight: bold; font-size: 0.8em;}
#content table.alt caption { text-align: left; color: #AD2563; background: #E6EDE5;}
#content table.feedback caption,
#content table.login caption { background: #F8D9E8;}
#content table.feedback_alt caption,
#content table.login_alt caption {background: #FBECF3;}
#content table.feedback {}

div.tsandcs { width: 100%; margin-bottom: 5px; background: #F8D9E8;}
div.infobox { background: #FBECF3; padding: 10px;}
div.infobox h2 {color: #AD2563; }

.hinttitle { font-weight: bold; color: #414E57;}
.contactaddress { margin-bottom: 5px; font-weight: bold; font-size: 1.2em;}
.contactnumber { font-weight: bold;}
#content table.register { background:#F8D9E8;}
#content table.register td { vertical-align: text-top;}
#content table.register caption {
 background:#F8D9E8;
 margin: 0px;
 padding-top: 3px;
 padding-bottom: 3px;
}
#content table.register tbody.alt { background:#FBECF3;}
fieldset .col1 { width: 65%; display:inline;}
fieldset .col2 { width: 35%; display:inline;}
#content table.searchrefine caption { background: #d6d6d6 url(/images/bg_refine_top.gif) no-repeat top; color: #414E57; padding: 2px 0px 2px 15px;}
#content table.searchrefine { background: #d6d6d6 url(/images/bg_refine_btm.gif) no-repeat bottom;}
#content table.event { background: #f1f1f1; margin-bottom: 0px;}
#content table.event_alt { background: #ffffff;}
#content table.event_alt caption { border-top: solid #f1f1f1 5px; padding-top:10px; margin-bottom: 5px; background: #ffffff; color: #414e57;}
#content table.event col.value,
#content table.event_alt col.value { color: #B02664;}
.action_buttons {
 background: #777777;
 text-align: right;
 padding: 2px 7px 2px 7px;
 color: #ffffff;
}
.hint .title { font-weight: bold; }
.error .title { font-weight: bold; color: #B02664;}
input.error { border: 1px solid #B02664; background: #f1f1f1;}
input.search { border: 1px solid #B02664;}
/* Header compontent styles */
.hintsnhelp { width:auto; float:right; background: #f1f1f1; }
.hintsnhelp ul { margin: 0px; padding:2px 2px 2px 2px;}
.hintsnhelp li { list-style-type: none; padding:1px 0px 1px 0px;}
.hintsnhelp li a { font-weight: bold;}

.tabs { margin-top: 10px;}
.tabs ul { margin: 0px; padding:0px;}
.tabs li { margin: 0px; margin-right: 2px; padding:0px; padding-bottom:4px; list-style-type: none; display:inline; width:auto; background:#C4D5C3 url(/images/bg_tabinactive_right.gif) top right no-repeat;}
.tabs li a:link,
.tabs li a:visited { margin: 0px; padding:4px 3px 0px 3px; background: url(/images/bg_tabinactive_left.gif) top left no-repeat; white-space: nowrap;}
.tabs li a:hover { color: #ffffff;}
.tabs li.selected { background:#B02664 url(/images/bg_tab_right.gif) top right no-repeat;}
.tabs li.selected a:link,
.tabs li.selected a:visited { color: #ffffff; background: url(/images/bg_tab_left.gif) top left no-repeat;}
.tabs li.selected a:hover { }

.tabs .tabhr {
 margin-top: 4px;
 padding-top: 0px;
 font-size:2px;
 line-height:2px;
 background: #B02664;
 border-bottom: 2px solid #E982AF;
 overflow: hidden;
 margin-bottom: 6px;
 clear: both;
}
html>body .tabs li {
 padding-top:4px;
}
/* tab fix hack for IE7 ONLY */
*+html .tabs ul li {padding-top: 0;}

div.maincontent ul.services { margin: 10px 0px 0px 0px; padding:0px; list-style-type: none;}
div.maincontent ul.services li { margin: 0px; }
div.maincontent ul.services li a:link { }
/* div.maincontent ul.services li a:link { color: #B02664 !important;} */
div.maincontent a.service_cat { font-size: 1.25em;}
div.sitelisting ul { margin: 10px 0px 0px 0px; padding:0px; list-style-type: none;}
div.sitelisting ul li { margin:5px 0px 5px 0px ; }
div.sitelisting ul li a { font-size: 1.25em;}
p.question { margin-top: 10px; font-size: 1.1em; font-weight: bold;}
p.answer { margin-top: 10px; margin-bottom: 10px; }
col.mandatory { width: 4%; padding-left: 3px; font-weight: bold; color: #B02461;}
col.label { width:30%;}
col.value { width:66%;}
span.mandatory {
 color: #B02461;
 font-weight: bold;
 width: 3%;
}
#content h2.day {
 background: #777777;
 color: #ffffff;
 width: 50%;
 font-size: 1em;
 margin-top: 10px;
 margin-bottom: 0px;
 padding-bottom: 0px;
 padding-left:5px;
}
#content .dayhr {
 margin-top: 0px;
 padding-top: 0px;
 height: 3px;
 background: #777777;
 border-bottom: 2px solid #D6D6D6;
 overflow: hidden;
}
html>body #content .dayhr {height: 1px;}

span.url {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.hint, .hidden {display: none;}

.partnerLogos{
    padding: 12px 0 6px 0;
    text-align: center;
}

/* *************************** */
/* *** Weather page styles *** */
#weatherWrap{
    float: left;
    width: 380px;
    margin: 0 0 32px 0;
    background-color: #C4D5C3;
    text-align: left;
    clear: left;
    padding-top: 8px;
    background: #C4D5C3 url(/images/bg_weather_today_btm2.gif) bottom no-repeat;
    padding-bottom: 15px;
    }
#weatherWrap h2{
    font-size: 105%;
    color: #B02664;
    margin: 0.3em 0 0.3em 0;
    }
#weatherWrap p{margin:0; padding:0;}
#weatherHeader{
    float: left;
    width: 100%;
    padding: 0px 0px 6px 0px;
    border-bottom: 2px solid #F9E2EC;
    clear: left;
    }
#weatherIcon{
    float: left;
    border: none;
    width: 72px;
    padding: 0 5px 0 6px;
    }
#weatherSummary{
    float: left;
    width: 97px;
    }
#weatherConditions, #weatherTemp, #windDescription{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #B02664;
    }
#weatherConditions{
    margin-top: 8px;
    font-size: 110%;
    }
#weatherTemp{
    margin-top: 4px;
    }
#weatherTemp #tempC{
    font-size: 130%;    
    }
#weatherTemp #tempF{
    padding-left: 5px;
    color: #E982AF;
    font-size: 130%;
    }
#weatherAlmanac{
    width: 196px;
    float: left;
    }
#sunrise, #sunset, #moonrise, #moonset{
    font-size: 90%;
    display: inline;
    float: left;
    }
#sunrise img, #sunset img, #moonrise img, #moonset img{
    float: left;
    width: 47px;
    clear: left;
    }
#sunrise span, #sunset span, #moonrise span, #moonset span{
    width: 45px;
    padding: 3px 0 0 3px;
    overflow:hidden;
    display: block;
    }
#windSummary{
    float: left;
    height: 46px;
    font-size: 95%;
    padding-bottom: 11px;
    width: 100%;
    background: transparent url(/images/bg_weather_today_btm.gif) bottom no-repeat;
    }
#windIcon{
    float: left;
    border: none;
    width: 72px;
    padding: 0 5px 0 6px;
    }
#windDescription{
    float: left;
    width: 97px;
    font-weight:bold;
    margin-top: 12px;
    font-size: 110%;
    }
#windSpeed{
    float: left;
    width: 196px;
    margin-top: 12px;
    font-weight: bold;
    }
#windChill span{
    font-weight:bold;
    }
#weatherDataWrapper{
    float: left;
    width: 100%;
    background-color: #FBEAF2;
    padding-bottom: 6px;
    padding:0;
    margin-right: -3px; /* fix for IE 3px shunt bug */
    }
html>body #weatherDataWrapper{
    margin: 0;
    }
#weatherTodayLeftCol{
    float: left;
    width: 161px;
    padding: 0 5px 0 14px;
    }
#weatherTodayLeftCol h2 {clear: left;}
.weatherData{
    font-size: 100%;
    }
.weatherData div{
    padding: 2px 0;
    }
/* itemHeading and itemValue all edited by BL */
.weatherData .weatherItemHeading{
    float: left;
    width: 72px;
    clear: left;
    display: block;
    width: 10em;
    font-size: .9em;
    }
.weatherData .weatherItemValue{
    float: right; 
    clear: right; 
    display: block; 
    position: relative; 
    width: 5em; 
    font-size: .9em;
}
/* hide from IE 
html>body .weatherData .weatherItemValue{ float: left; } */


#weatherCam{
    float: left;
    width: 194px;
    padding-left: 2px;
    }
#weatherCam p{
    margin: 0; padding: 0;
    font-size: 90%;
    width: 95%;
    }
#weatherCam img{
    border: 2px solid #B02664;
    }
#weatherInfo{
    float: left;
    width: 340px;
    padding: 3px 6px;
    margin: 8px 8px;
    background-color:#D4D5D6;
    border-top: 1px solid #B02664;
    font-size: 95%;
    margin-right: -3px; /* fix for IE 3px shunt bug */
}
/* hide from stupid IE */
html>body #weatherInfo{
    width: 344px;
    padding: 3px 6px;
    margin: 12px 12px 0px 12px;
    }
/* end hide from IE */

/* ******************************* */
/* *** Weather Forecast styles *** */
.forecast {background-color: #B02664; color: #FFF; font-size: 0.9em; border: none! important; }
.forecast .inner {padding-left: 41px;  margin-top: 12px; font-weight: bold;}
.forecast .inner div {width:47px; text-align: center; float: left; }
.forecast .inner div.summary {width: 60px; }
.forecast .inner div.wide { text-align: left; width: 120px; }
#forecastWrap{ 
    float: left;
    clear: left;
    width: 380px;
    margin: 0;
    background-color: #C4D5C3;
    text-align: left;
    padding-top: 0;
    background: #FBEAF2 url(/images/bg_weather_today_btm2.gif) bottom no-repeat;
    padding-bottom: 15px;
}
.forecastOuter {border-bottom: 2px solid #B02664; width: 100%; float: left; clear: left; }
.forecastDate {width:38px; background-color: #F9E2EC; text-align: center; float: left; height: 93px; }
.forecastDate .day {color: #B02664; font-weight: bold; }
.forecastDate .date {color: #414E57; font-weight: bold; font-size: 16px; }
.forecastDate .month {color: #414E57; font-weight: bold;}
.forecastInner {float: left; height: 93px; font-weight: bold; }
.forecastDay{clear: left; background-color: #FFF; height: 48px; width: 342px; }
.forecastNight{clear: left; background-color: #FFF; height: 45px; width: 342px; }
.forecastDay * {text-align: center; overflow: hidden; margin-top: 3px; }
.forecastNight * {text-align: center; overflow: hidden; margin-top: 0;}
.forecastImg {float: left; margin-left: 3px; margin-top: 0! important;}
.forecastTemp {float: left; width: 44px; margin-left: 3px; padding-top: 6px; height: 36px; }
.forecastUV {float: left; font-size: 1.4em; width: 44px; margin-left: 3px; padding-top: 9px; height: 33px; }
.forecastRainfall {float: left; font-weight: normal; width: 44px; margin-left: 3px; padding-top: 9px; height: 33px;}
.forecastWind {float: left; margin-left: 6px; padding-top: 6px; text-align: left; }
.forecastWind .conditions {font-weight: normal; display: block; font-size: 0.9em; }

/* IE6 Only */
*html .forecastTemp,
*html .forecastUV,
*html .forecastRainfall, {height: 42px;}

.tempFreezing {background: transparent url(/images/weather/bgTempFreezing.gif) no-repeat left top; }
.tempCold {background: transparent url(/images/weather/bgTempCold.gif) no-repeat left top; }
.tempCool {background: transparent url(/images/weather/bgTempCool.gif) no-repeat left top; }
.tempMild {background: transparent url(/images/weather/bgTempMild.gif) no-repeat left top; }
.tempWarm {background: transparent url(/images/weather/bgTempWarm.gif) no-repeat left top; }
.tempHot {background: transparent url(/images/weather/bgTempHot.gif) no-repeat left top; }
.tempVHot {background: transparent url(/images/weather/bgTempVHot.gif) no-repeat left top; }
.uv1 {background: transparent url(/images/weather/bgUV1.gif) no-repeat left top; }
.uv2 {background: transparent url(/images/weather/bgUV2.gif) no-repeat left top; }
.uv3 {background: transparent url(/images/weather/bgUV3.gif) no-repeat left top; }
.uv4 {background: transparent url(/images/weather/bgUV4.gif) no-repeat left top; }
.uv5 {background: transparent url(/images/weather/bgUV5.gif) no-repeat left top; }
.uv6 {background: transparent url(/images/weather/bgUV6.gif) no-repeat left top; }
.uv7 {background: transparent url(/images/weather/bgUV7.gif) no-repeat left top; }
.uv8 {background: transparent url(/images/weather/bgUV8.gif) no-repeat left top; }
.uv9 {background: transparent url(/images/weather/bgUV9.gif) no-repeat left top; }
.uv10 {background: transparent url(/images/weather/bgUV10.gif) no-repeat left top; }
.uv11 {background: transparent url(/images/weather/bgUV11.gif) no-repeat left top; }
.uvNone {background: transparent url(/images/weather/bgUVBlank.gif) no-repeat left top; }
.rainfallNone {background: transparent url(/images/weather/bgRainfallNone.gif) no-repeat left top; }
.rainfallLight {background: transparent url(/images/weather/bgRainfallLight.gif) no-repeat left top; }
.rainfallModerate {background: transparent url(/images/weather/bgRainfallModerate.gif) no-repeat left top; }
.rainfallHeavy {background: transparent url(/images/weather/bgRainfallHeavy.gif) no-repeat left top; }



/* ***************************************** */
/* *** Photo gallery styles **************** */
#galleryWrap{
    float: left;
    width: 380px;
}
html>body #galleryWrap{padding: 0 24px;}
.galleryListing{
    float: left;
    width: 140px;
    height: 140px;
    margin: 12px 12px;
    padding: 0;
}
.photoWrap{
    width: 140px;
    height: 110px;
    border: 1px solid #999;
    margin: 0; 
    padding: 12px 0;
    text-align: center;
    vertical-align: middle;
}
.photoWrap a{background-image: none; margin:0; padding:0;}
.photoWrap img{border: none; margin:0; padding: 0;}
.photoCaption{
    font-size: 90%;
    width: 140px;
    overflow: hidden;
    text-align: center;
}
#galleryWrap span{display: inline-block;}
html>body #galleryWrap span {display: block;}
#photoDetailWrapper{
    width: 380px;
    margin:0; padding:0;
    background-color:#D5E1D3;
    border-top: 2px solid #E684AD;
    }
#photoDetailHeader{
    margin:0;
    padding-bottom: 6px;
    background: #FFF url(/images/bg_photo_detail_btm_2colorcurve.gif) no-repeat left bottom;
    padding-bottom: 18px;
    }
#photoDetailHeader h1{
    font-size: 130%;
    font-weight: bold;
    }
#photoDetailHeader #photoDetailHeaderWrap{
    width: 380px;
    background: url(/images/bg_photo_detail_white.gif) no-repeat left bottom;
    padding-left: 14px;
    }
#photoDetailHeaderWrap img{
    border: 8px solid #FFF;
    }
#photoDetail{
    padding-top: 6px;
    background-color: #ABC3A9;
    }
#photoDetail .hintsnhelp_inline{margin-left: 12px; font-size: 90%;}
#photoDetail table {padding:0; margin:0;}
#photoDetail td, #photoDetail th{
    background-color:#D5E1D3;
    line-height:1.4em;
    /*border-bottom: 1px solid #CCC;*/
    }
#photoDetail caption{
    background-color: #ABC3A9;
    color: #333;
    text-transform:capitalize;
    }
html>body #photoDetail caption{font-size: 110%;}
#photoDetailWrapper .action_buttons{
    border-top: 2px solid #F9E2EC;
    background: #D5E1D3  url(/images/bg_photo_detail_btm.gif) no-repeat left bottom;
    padding-bottom: 16px;
    }
.photoDetail{font-size: 140%;}
html>body .photoDetail {font-size: 100%;}

#photoAddHeader{
    height: 66px;
    font-size: 95%;
    padding-bottom: 11px;
    width: 100%;
    background: #F9E2EC url(/images/bg_photo_add_header.gif) bottom no-repeat;
    border-top: 2px solid #FFF;
    }
#photoAddHeader #leftCol{
    float: left;
    width: 200px;
    margin-left: 8px;
}
#photoAddHeader #photoQuota{
    margin-left: 285px;
    padding-top: 8px; padding-bottom: 6px;
    width: 90px;
    background: transparent url(/images/bg_photo_quota.gif) 19px 12px no-repeat;
}
html>body #photoAddHeader #photoQuota{ padding-bottom: 0px; }

#photoAddHeader #photoQuota span{
    display: block;
    text-align:center;
}
#photoAddHeader #photoQuota span#quota{
    font-weight: bold;
    font-size: 18px;
    color: #B02664;
}


/* ******************************* */
/* *** Feature Link styles     *** */
.featureLink { height: 55px; min-height: 55px; padding: 24px 0 0 16px;}
.featureLink a { margin-left: 2px;}

/* *** Feature Link types *** */
.carbonCalc { background: transparent url(/images/bg_widget_carbonCalc.gif) no-repeat 16px top; }


/* ******************************* */
/* *** Form-table styles       *** */
#content table.complex {text-align: left; font-size: 95%; padding: 0 2px;}
#content table.complex tr {padding: 2px 0;}
#content table.complex caption {font-size: 1.1em;}
#content table.complex th, #content table.complex td {font-size: 95%; vertical-align: text-top;}
html>body #content table.complex th, html>body #content table.complex td {vertical-align: top;}

#content table.complex th.secondary {color: #666; color: #6F918A;}
#content table.complex fieldset {border-top: 1px solid #6F918A; border-bottom: 1px solid #6F918A; margin-right: 3px;}
#content table.complex legend {color: #B02664; padding:0; color: #6F918A;}

#content table.complex table {font-size: 110%; padding: 0 !important; margin: 0 !important;}
html>body #content table.complex table {font-size: 125%;}


.frmReminder{line-height: 1.4em;}
.frmReminder p{padding:0; margin:0;}
.frmReminder ul{padding:0; margin:0;}
.frmReminder li{padding:0; margin-left: 18px;}
 

/* ******************************* */
/* *** Uber form-table killer  *** */
.formWrap{background-color: transparent; width: 90%; padding:0; padding-left: 14px; padding-bottom: 36px; margin:0;    font-family: Geneva, Arial, Helvetica, sans-serif;}
.formWrap h2{font-size: 100%;}
.formWrap .row{clear:both; padding-top:10px; width:90%;}
.formWrap .row .mandatory {float:left; width: 4%; padding-left: 3px; font-weight: bold; color: #B02461;}
.formWrap .row .label {float:left; width:30%;}
.formWrap .row .value {float:left; width:60%;}
 

.tagcloud1 {font-size: 1.1em;}
.tagcloud2 {font-size: 1.2em;}
.tagcloud3 {font-size: 1.3em;}
.tagcloud4 {font-size: 1.4em;}
.tagcloud5 {font-size: 1.5em;} 
.tagcloud6 {font-size: 1.6em;} 
.tagcloud7 {font-size: 1.7em;} 
.tagcloud8 {font-size: 1.8em;} 
.tagcloud9 {font-size: 1.9em;} 
.tagcloud10 {font-size: 2em;}