/* ========================================= */
/*                                           */
/* IMMEDIACY STYLES	                     */
/*                                           */
/* ========================================= */

/* *** Immediacy specific styles (necessary styles added in here so we can remove the Immediacy specific style sheet refercommonence along with it's redundant code) *** */
table.ImmTS_Default{padding: 0px;width: 100%;background-color: #FFFFFF;border-collapse: collapse;}
table.ImmTS_Default th, table.ImmTS_Default td{padding: 2px;margin: 2px;}
table.ImmTS_Default, table.ImmTS_Default th, table.ImmTS_Default td{border: 1px solid black;}
table.ImmTS_Default th{background-color: white;color: black;}
table.ImmTS_Default tr{vertical-align: top;}
.ImmTextAlign_Left{text-align: left;}
.ImmTextAlign_Center{text-align: center;}
.ImmTextAlign_Right{text-align: right;}
.ImmTextAlign_Justify{text-align: justify;}
.ImmControlAlign_Left{float: left;clear: both;margin-right: 7px;}
.ImmControlAlign_Right{float: right;clear: both;margin-left: 7px;}
.ImmVerticalAlign_Top{vertical-align: top !important;}
.ImmVerticalAlign_Middle{vertical-align: middle !important;}
.ImmVerticalAlign_Bottom{vertical-align: bottom !important;}
.ImmUnderline_On{text-decoration: underline;}

/* ========================================= */
/*                                           */
/* ELEMENT STYLES	                     */
/*                                           */
/* ========================================= */

body {
    background-color: #eee;
    font: 0.8em arial; /*font-family: 0.8em verdana,helvetica,arial,sans-serif;*/
    color: #333333;
    text-align: center;
    margin: 0;
    padding: 0;
}

img {
    border: 0px;
    margin: 0px;
}

h1 {
    font-size: 1.6em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

h2 {
    font-size: 1.3em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

h3 {
    font-size: 1.1em;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-weight: bold;
}

a, a:link {
    /*color: #003377;*/
    /*color: #1F4F82;*/
    color: #336699;
    /*color: #006DB5;*//*BBC*/
    text-decoration: none;
}

a:visited {
    /*color: #551A8B;*/
    text-decoration: none;
}

/*a:hover, a:active, a:focus {
    color: #ff0000;
}*/

a:hover, a:active {
    text-decoration: underline;
}
a:focus {
    /*color: #ff0000;*/
}

p {
    padding: 0px;
    margin: 0px 0px 10px 0px;
    line-height: normal;
}



/* ========================================= */
/*                                           */
/* Homepage Header (common)                  */
/*                                           */
/* ========================================= */

/* ========================================= */
/* GENERAL                                   */
/* ========================================= */

#divAccessibilityBar, #divAccessibilityBar a, #aHeaderHome, #aHeaderST, .whubAtoZTxt a, #aHeaderMaps {
  color:#FFF;
}

#divHeaderContainer 
{
    position:relative;
    float:left;
    z-index:10;
}

.offScreen 
{
    position:absolute;
    left:-3500px;   
}

.whitePipeStandAlone 
{
    background:url("../../images/common/vertical-slice.gif") no-repeat 0 0;
    width:1px;
    height:12px;
    margin:2px 8px 0;
}

.whitePipeListItem 
{
    background:url("../../images/common/vertical-slice.gif") no-repeat 0 2px;
    margin-left:8px;
    padding-left:8px;   
}

.keyboardOnly 
{
    display:block !important;
    color:#336699 !important;
    position:absolute;
    left:-3500px;
    background:#FFF;
    border:1px solid #CCC;
    width:85px !important;
    text-decoration:underline !important;
    outline:none;
}

.keyboardOnly:focus, .keyboardOnly:active
{
    left:-2px;
    top:-38px; 
}

#ulAccessibilityBarRight, #ulAccessibilityBarLeft {
	float:right;
    list-style:none;
	padding:0;
	margin:0;
}

#ulAccessibilityBarRight li, #ulAccessibilityBarLeft li, #ulAccessibilityBarLeft {
	float:left !important;
}


/* ========================================= */
/* ACCESSIBILITY BAR                         */
/* ========================================= */
#divAccessibilityBar {
  background-color:#790000;
  border-bottom:#E3DAD5 1px solid;
  padding:7px 10px;
}

.aAccessibilityBarLeft {
  float:left;
}

/* a > A (enlarge text) */
.enlargeTextContainer 
{
    position:relative;
    width:150px;
}

.spnEnlargeTxt {
position:absolute;
top:-5px;
}

.spanEnlargeTxtSmallA {
font-size:0.9em;
}

.spanEnlargeTxtLargeA {
font-size:1.5em;
}

/* ========================================= */
/* MAIN LOGO                                 */
/* ========================================= */
#aMainLogo {
  float:left;
  display:block;
  width:219px;
  background:#990000 url(../../images/common/common-icons.png) 0 -40px;
  border-right:#E3DAD5 1px solid;
  /*Accessibility to hide anchor text*/
  padding-top:90px;
  height:0px;
  overflow:hidden;
}


/* ========================================= */
/* MAIN IMAGE                                */
/* ========================================= */
#divHeaderImage {
  float:left;
  background:#CCC url(../../images/partnerspecific/754px/winterfence.jpg);
  width:754px;
  height:90px;
  overflow:hidden;
}


/* ========================================= */
/* MAIN SEARCH                               */
/* ========================================= */
.divSearch {
  float:right;
  margin:30px 27px;
}

.divSearchBoxOutter {
  background:#FFF;
  height:30px;
  float:left;
  border-left:#999 solid 1px;
  border-top:#999 solid 1px;
  border-bottom:#999 solid 1px;
  width:230px;
  padding-left:5px;
  position:relative;
  overflow:hidden;
}

.divSearchIcon {
  float:left;
  background:url(../../images/common/common-icons.png) -100px 0;
  width:20px;
  height:0;
  padding-top:20px;
  overflow:hidden;
  margin:5px 5px 0 0;
}

.whubHeaderSearchTextBox {
  position:absolute;
  float:left;
  color:#333;
  margin-top:6px;
  width:192px;
  border:0px solid #FFF;
  outline:#FFF solid 0px;
}

.btnSearch {
  float:left;
  color:#FFF;
  background:#A0A05A url(../../images/common/vertical-slice.gif) 0 -24px;
  border:#999 solid 1px;
  height:32px;
  margin:0;
  cursor:pointer;
  outline:#FFF solid 0px;
}

.btnSearch:hover {
  border:#777 solid 1px;
}

.btnSearch:active {
  background:#A0A05A url(../../images/common/vertical-slice.gif) 0 -69px;
}

/* search bubble help */

#divSearchContainer
{
    position:absolute;
    top:60px;
    right:30px; 
}

#divSearchContainer .bubble_required 
{
    width:290px;
    left:-320px; 
    top:6px;
    padding:7px;
    top:3px;
}

#divSearchContainer .icon_info 
{
    top:0 !important;   
}

#divSearchContainer .CheckIt_icon 
{
    position:absolute;
    top:5px;
    right:5px;   
}

#divSearchContainer .icon_loading
{
    display:none;
    background:url(../../images/common/common-animated.gif) no-repeat 0 0;
    height:16px;
    width:16px;  
}

#divSearchContainer .icon_clear
{
    display:none;
    padding-top:16px;
    width:16px;
    height:0;
    overflow:hidden;
    background:url(../../images/common/common-icons.png) no-repeat -160px 0;
}

#divSearchContainer .icon_clear:hover, #divSearchContainer .icon_clear:active, #divSearchContainer .icon_clear:focus
{
    display:none;
    cursor:pointer;
    padding-top:16px;
    width:16px;
    height:0;
    overflow:hidden;
    background:url(../../images/common/common-icons.png) no-repeat -160px -16px;
    outline:none;
}

#divSearchContainer .bubble_arrow_right {
top:4px;
}

#divBestMatchesContainer
{
    background:#FFF;
    border:#999 1px solid;
    border-top:none;
    width:335px;
    display:none;
    position:relative; /* This is only added so the z-index works, and appears above the maps dropdown */
    z-index:99;
}

#divBestMatchesContainer #divBMTitle 
{
    font-weight:bold;
    position:relative;
    left:0px;
    top:0px;
    display:block;
    color:#333;
    padding:10px;
    /*border-bottom:#999 1px solid;*/
}

#divBestMatchesContainer #divBMTitle #divBMStar 
{
    background:url(../../images/common/common-icons.png) no-repeat -216px 0;
    height:15px;
    width:15px;
    margin-right:5px;
    display:block;
    float:left;
}

#divBestMatchesContainer ul, #divBestMatchesContainer ul li
{
    list-style:none;
    padding:0;
    margin:0;
}

#divBestMatchesContainer ul li a
{
    display:block;
    border:#FFF 1px solid;
    background:#FFF;
    padding:5px 10px;   
    margin:0 5px;
    outline:none;
}

#divBestMatchesContainer ul li a:hover,
 #divBestMatchesContainer ul li a:active, 
  #divBestMatchesContainer ul li a:focus
{
    background:#EEE;
    border:#DDD 1px solid;
}

#divBestMatchesContainer .divBMFooter 
{
    float:left;
    display:block;
    margin-top:5px;
    background:#EEE;
    border-top:1px dotted #CCC;
    text-align:right;
    font-size:0.85em;
    padding:7px 10px;
    width:315px;
}

#divBestMatchesContainer .hide {display:none}
#divBestMatchesContainer .show {display:block}

#divBestMatchesContainer #divBestMatches
{
    height:280px;
    overflow:hidden;
    position:relative;
}

#divBestMatchesContainer ul 
{
    position:relative;
    top:0;
}

#divBMFooterLeft 
{
    float:left;
    text-align:left;
    width:80px;   
}

#divBMFooterCenter
{
    margin:auto;
    text-align:center;
    color:#666;
    width:140px;   
}

#divBMFooterRight
{
    float:right;
    text-align:right;
    width:80px;   
}

#divBMPaging
{
    visibility:hidden;   
}

/* ========================================= */
/* HEADER BOTTOM BAR (A - Z)                 */
/* ========================================= */

/* === GENERAL STYLES === */
#divHeaderBtmBar {
  background-color: #999;
 	border-top: 1px solid #FFF;
 	overflow:hidden;
}

.ulHeaderBtmBar {
  list-style:none;
  padding:0;
  margin:0;
}

.ulHeaderBtmBar li {
  float:left;
}


/* === DROPDOWN BUTTONS === */
#ulFirstHeaderBtmBar li a, #ulSecondHeaderBtmBar li a, #ulLastHeaderBtmBar li a {
  display:block;
  padding:10px;
  cursor:pointer;
}

#ulLastHeaderBtmBar {
  float:right; /*Fixes some older broswers that puts maps on second line, 2px spare for tolerance*/
}

#ulFirstHeaderBtmBar li, #ulSecondHeaderBtmBar li {border-right:#D6D6D6 solid 1px}
#ulLastHeaderBtmBar li {border-left:#D6D6D6 solid 1px}

#ulFirstHeaderBtmBar li a:hover, #ulSecondHeaderBtmBar li a:hover, #ulLastHeaderBtmBar li a:hover {
  background-color:#FFF;
  color:#666;
}

#spnHomeIcons, #spnSTIcons, #spnMapsIcons {
  background:url(../../images/common/header-btm-icons.png) no-repeat;
  display:block;
  text-indent:23px;
  height:17px;
}

#spnHomeIcons {
  background-position:0 -17px;
  width:76px;
}

#aHeaderHome:hover span, #aHeaderHome:active span {
  background-position:0 -68px;
}

#spnSTIcons {
  background-position:0 -34px;
  width:102px;
}

#aHeaderST:hover span, #aHeaderST:active span {
  background-position:0 -85px;
}

#spnMapsIcons {
  background-position:0 0;
  text-indent:20px;
  width:65px;
}

#aHeaderMaps:hover span, #aHeaderMaps:active span {
  background-position:0 -51px;
}

/* === A - Z === */
.whubAtoZTxt 
{
  position:relative;
  float:left;
  margin:10px 0 0 10px;
}

.ulAtoZ li a {
  background:#CCC url(../../images/common/common-icons.png) -64px 0 no-repeat;
  display:block;
  width:16px;
  height:15px;
  color:#666 !important;
  font-size:0.9em;
  font-weight:bold;
  text-align:center;
  padding:1px;
  margin:9px 3px 0 0 ;
}
.ulAtoZ li a:hover {
  background:#FFF url(../../images/common/common-icons.png) -64px -17px no-repeat;
  text-decoration:none;
}

.liAtoZFirst {margin-left:7px}
.liAtoZLast a {margin-right:0px !important}

/* ========================================= */
/* FLY OUT NAV                               */
/* ========================================= */

/* Could / should horizontal flyout nav specific styles go here to extend from a default look and feel to provide a good point of reference for other menus */

/* Homepage flyout nav 

/* 'Home' Flyout Nav Specific Styles */
#ulFirstHeaderBtmBar li:focus span, #ulFirstHeaderBtmBar li:active span, #ulFirstHeaderBtmBar li:hover span
{
	background-position:0 -68px;
}
#ulFirstHeaderBtmBar li:focus a, #ulFirstHeaderBtmBar li:active a, #ulFirstHeaderBtmBar li:hover a
{
	border-left: 1px solid #cccccc;
	border-right: 0px solid #cccccc;
}
#ulFirstHeaderBtmBar li:hover ul, #ulFirstHeaderBtmBar li:focus ul
{
	width: 211px;
}

/* 'Straight To' Flyout Nav Specific Styles */
#ulSecondHeaderBtmBar li:focus a, #ulSecondHeaderBtmBar li:active a, #ulSecondHeaderBtmBar li:hover a
{
	border-left: 0px solid  #ccc;
	border-right: 0px solid #ccc;
}
#ulSecondHeaderBtmBar li:focus span, #ulSecondHeaderBtmBar li:active span, #ulSecondHeaderBtmBar li:hover span
{
	background-position: 0 -85px;
}

/* 'Maps' Flyout Nav Specific Styles */

#ulLastHeaderBtmBar li:focus span, #ulLastHeaderBtmBar li:active span, #ulLastHeaderBtmBar li:hover span
{
	background-position: 0 -51px;
}
#ulLastHeaderBtmBar li:hover ul, #ulLastHeaderBtmBar li:focus ul
{
	width: 220px;
}


/* This allows the menu to display below the grey bar at the bottom of the header */
/* It could be a cause of problems in other areas potentially */
#divHeaderBtmBar, .ulHeaderBtmBar, #ulVNavHome, #divColumn1
{
	overflow: visible;
}

/* TODO - These styles should be made a lot more generic using classes when there is more time,
The mixture of ids and classes is causing cross browser glitches at the moment caused by the ordering of things */

/* The next lines of selectors and their settings make sure that the parents hover style is kept when hovering over the children */
#ulFirstHeaderBtmBar li:focus a, #ulFirstHeaderBtmBar li:active a, #ulFirstHeaderBtmBar li:hover a,
#ulSecondHeaderBtmBar li:focus a, #ulSecondHeaderBtmBar li:active a, #ulSecondHeaderBtmBar li:hover a,
#ulLastHeaderBtmBar li:focus a, #ulLastHeaderBtmBar li:active a, #ulLastHeaderBtmBar li:hover a
{
	background: #ffffff;
}
#ulLastHeaderBtmBar li:focus #aHeaderMaps, #ulLastHeaderBtmBar li:active #aHeaderMaps, #ulLastHeaderBtmBar li:hover #aHeaderMaps
{
	border-right: 1px solid #cccccc;
}
#ulFirstHeaderBtmBar li:focus span, #ulFirstHeaderBtmBar li:active span, #ulFirstHeaderBtmBar li:hover span,
#ulSecondHeaderBtmBar li:focus span, #ulSecondHeaderBtmBar li:active span, #ulSecondHeaderBtmBar li:hover span,
#ulLastHeaderBtmBar li:focus span, #ulLastHeaderBtmBar li:active span, #ulLastHeaderBtmBar li:hover span
{
	color: #333333;
}
#ulFirstHeaderBtmBar li:focus span, #ulFirstHeaderBtmBar li:active span, #ulFirstHeaderBtmBar li:hover span
{
	width: 75px;
}
.ulHeaderBtmBar .leaf a, .ulHeaderBtmBar .leaf a:link, .ulHeaderBtmBar .leaf a:visited
{
	/* TODO - is important necessary? */
	border: 0px solid #cccccc !important;
}
.ulHeaderBtmBar .leaf a:active, .ulHeaderBtmBar .leaf a:focus, .ulHeaderBtmBar .leaf a:hover
{
	border: 1px solid #cccccc !important;
}

#ulLastHeaderBtmBar, #ulLastHeaderBtmBar ul,
.ulHeaderBtmBar, .ulHeaderBtmBar ul,
#ulVNavHome ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: visible;
}
/* This following style is to blank out the triangle used in unordered lists. So that it isn't used in the menu */ 
#ulVNav li
{
	list-style-image: none !important;
    padding:0 !important;
}
#ulFirstHeaderBtmBar ul,
#ulSecondHeaderBtmBar ul,
#ulLastHeaderBtmBar ul,
#ulVNavHome ul
{
	background: #ffffff;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#ulVNavHome ul
{
	border: 1px solid #cccccc;
	padding: 10px 27px 11px 5px;
}
#ulFirstHeaderBtmBar ul li, #ulFirstHeaderBtmBar ul li,
#ulLastHeaderBtmBar ul li, #ulLastHeaderBtmBar ul li,
#ulVNavHome ul li, #ulVNavHome ul li
{
	border: 0px solid #ffffff;
	margin-right: 0px;
	padding: 5px 5px 0px 5px;
	width: 100%;
}

#ulSecondHeaderBtmBar ul li, #ulSecondHeaderBtmBar ul li 
{
    width:232px;   
}

#ulVNavHome ul li, #ulVNavHome ul li
{
	padding-top: 0px;
}

.divAllCategoriesColumn, .divAllCategoriesColumnLast
{
    width: 200px; 
    border-right: 1px solid #aaaaaa; 
    float: left;   
}

.divAllCategoriesColumnLast 
{
    width: 200px; 
    border-right: none; 
}

/* .ulHeaderBtmBar ul a, .ulHeaderBtmBar ul a:active, .ulHeaderBtmBar ul a:focus, .ulHeaderBtmBar ul a:hover, .ulHeaderBtmBar ul a:link, .ulHeaderBtmBar ul a:visited */
#ulFirstHeaderBtmBar ul a, #ulFirstHeaderBtmBar ul a:active, #ulFirstHeaderBtmBar ul a:focus, #ulFirstHeaderBtmBar ul a:hover, #ulFirstHeaderBtmBar ul a:link, #ulFirstHeaderBtmBar ul a:visited,
#ulSecondHeaderBtmBar ul a, #ulSecondHeaderBtmBar ul a:active, #ulSecondHeaderBtmBar ul a:focus, #ulSecondHeaderBtmBar ul a:hover, #ulSecondHeaderBtmBar ul a:link, #ulSecondHeaderBtmBar ul a:visited,
#ulLastHeaderBtmBar ul a, #ulLastHeaderBtmBar ul a:active, #ulLastHeaderBtmBar ul a:focus, #ulLastHeaderBtmBar ul a:hover, #ulLastHeaderBtmBar ul a:link, #ulLastHeaderBtmBar ul a:visited,
#ulVNavHome ul a, #ulVNavHome ul a:active, #ulVNavHome ul a:focus, #ulVNavHome ul a:hover, #ulVNavHome ul a:link, #ulVNavHome ul a:visited
{
	color: #333333;
	display: block;
	margin-bottom: -1px;
	padding: 7px 10px 7px 10px;
	outline: none;
}
#ulFirstHeaderBtmBar ul a:active, #ulFirstHeaderBtmBar ul a:focus, #ulFirstHeaderBtmBar ul a:hover,
#ulSecondHeaderBtmBar ul a:active, #ulSecondHeaderBtmBar ul a:focus, #ulSecondHeaderBtmBar ul a:hover,
#ulLastHeaderBtmBar ul a:active, #ulLastHeaderBtmBar ul a:focus, #ulLastHeaderBtmBar ul a:hover
{
	padding: 6px 10px 5px 10px;
}


#ulFirstHeaderBtmBar ul a:hover, #ulFirstHeaderBtmBar ul a:focus,
#ulSecondHeaderBtmBar ul a:hover, #ulSecondHeaderBtmBar ul a:focus,
#ulLastHeaderBtmBar ul a:hover, #ulLastHeaderBtmBar ul a:focus,
#ulVNavHome ul a:hover, #ulVNavHome ul a:focus
{
	border: 1px solid #cccccc;
	background: #eeeeee;
	left: -1px;
	margin-bottom: 0px;
	position: relative;
	top: 0px;	
	text-decoration: underline;

	z-index: 10;
}
#ulFirstHeaderBtmBar ul,
#ulSecondHeaderBtmBar ul,
#ulLastHeaderBtmBar ul
{
	border-bottom: 1px solid #cccccc;
	display: none;
	padding-right: 8px;
	padding-bottom: 5px;
}
#ulVNavHome ul
{
	border-bottom: 1px solid #cccccc;
	display: none;
}

#ulFirstHeaderBtmBar li,
#ulSecondHeaderBtmBar li,
#ulLastHeaderBtmBar li
{
	float: left;
	position: relative;
	z-index: 10;
}

#ulFirstHeaderBtmBar li ul,
#ulSecondHeaderBtmBar li ul,
#ulLastHeaderBtmBar li ul,
#ulVNavHome li ul
{
	right: 0px;
	position: absolute;
	top: 37px;
	width: 250px;
	z-index: 20;
}

#ulSecondHeaderBtmBar li ul, #ulLastHeaderBtmBar li ul {
    position:static !important;
    float:right;
    display:block;
    border:none;
    width:240px;
    border-left:1px #999 dotted;
    padding:0;
}

#ulSecondHeaderBtmBar li ul
{
    float:left;
    border-left:none;
    border-right:1px #999 dotted;
}

/* The only styles that these selectors need to honour are those that allow the flyout menues to work.
   Other styles should be placed elsewhere and avoid the use of the pseudo selectors in order to make it easier to override them. */
#ulFirstHeaderBtmBar li:hover ul, #ulFirstHeaderBtmBar li:focus ul,
#ulSecondHeaderBtmBar li:hover ul, #ulSecondHeaderBtmBar li:focus ul,
#ulLastHeaderBtmBar li:hover ul, #ulLastHeaderBtmBar li:focus ul,
#ulVNavHome li:hover ul, #ulVNavHome li:focus ul
{
	display: block;
}
/*#ulVNavHome li:hover ul, #ulVNavHome li:focus ul*/ 
#ulVNavHome li ul
{
	width: 220px;

	/* This makes sure that the home page flyout menus appear below the horizontal flyout menus which should have a higher z-index */
	z-index: 18;

}
#ulFirstHeaderBtmBar li:hover ul, #ulFirstHeaderBtmBar li:focus ul
{
	left: 0px;
}
#ulSecondHeaderBtmBar li:hover ul, #ulSecondHeaderBtmBar li:focus ul
{
	left: -1px;
}
#ulLastHeaderBtmBar ul li, .ulHeaderBtmBar ul li
{
	display: block;
	clear: both;
}

/* Map Fly out */
.whubMapIcon 
{
    height:37px;
    width:32px;
    display:block;  
    float:left;
    margin-right:10px;
}

#ulLastHeaderBtmBar ul a:link, #ulLastHeaderBtmBar ul a:visited 
{
    padding:10px;   
}

#ulLastHeaderBtmBar ul a:active, #ulLastHeaderBtmBar ul a:focus, #ulLastHeaderBtmBar ul a:hover
{
    padding:9px 10px;   
}

#divMapContainer, #divSTContainer
{
    color:#000;
    position:absolute;
    right:0;
    top:37px;
    display:none;
    width:600px;
    background:#FFF;
    border:#CCC 1px solid;
    border-top:none;
    z-index:20;  
}

#divFlyoutRightTitle 
{
    background:#DDD;
    padding:10px;
    margin:10px 10px 10px 0;
}

#divMapContainer .whubDottedTop
{
    margin:8px 10px;
}

#ulLastHeaderBtmBar:hover #divMapContainer, #ulLastHeaderBtmBar:active #divMapContainer, #ulLastHeaderBtmBar:focus #divMapContainer
{
    display:block;
}

#divFlyoutLeft, #divSTRight
{
    background:#DDD;
    width:280px;
    float:left;
    position:relative;
}

#divMapContainer #divFlyoutLeft 
{
    margin:10px;   
}

.divFlyoutLeftBox 
{
    position:relative;
    background:#EEE;
    margin:10px !important;
    padding:10px;
}

.divFlyoutBtn 
{
    position:relative;
    background:#EEE;
    margin:10px !important;
    padding:10px;
}

.divFlyoutBtn a
{
       background:none !important;
       padding:0 !important;
       color:#000 !important;
       text-decoration:none !important;
}

#divFlyoutRight, #divSTLeft
{
    display:block;
    width:300px;
    float:left;   
}

#divSTLeft 
{
    width:250px;   
}

#divSTLeft li 
{
    border:none !important;   
}

/*Local Area - Postcode Search*/
#divMapFlyoutLocalArea 
{
    font-weight:bold;
    position:relative;
    padding-top:22px;
    height:68px;
    z-index:2;
}

#divMapLocalAreaBg 
{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    display:block;
    height:100px;
    width:148px;
    z-index:-1;
    background:#EEE url(../../images/common/common-icons.png) no-repeat -222px -30px;
}

#divMapFlyoutLocalArea .txtPostcode 
{
    width:130px;
    height:25px;
    padding-left:5px;
    float:left;
    margin-top:5px;
}

#divMapFlyoutLocalArea .btnSearch 
{
    width:40px;
    height:27px;
    float:left;
    border-left:none;
    text-align:center;
    margin-top:5px;
}

.divWorldWithMagIcon 
{
    background:url(../../images/common/common-icons.png) no-repeat -267px -130px;
    height:44px;
    width:50px;
    display:block;
    float:left;
    margin:5px 10px 0 0;
}

/* Reported Issues button in Map flyout */
#divMapReportedIssues:hover .divMapReportedIssuesIcon, #divMapReportedIssues:active .divMapReportedIssuesIcon, #divMapReportedIssues:focus .divMapReportedIssuesIcon 
{
    background-position:-183px -177px;
}

.divMapReportedIssuesIcon
{
    background:url(../../images/common/common-icons.png) no-repeat -183px -130px;
    height:38px;
    width:42px;
    display:block;
    float:left;
    margin:5px 13px 0 2px;
}

/*Countryside Button in Map flyout*/
.divMapCountrysideIcon 
{
    background:url(../../images/common/common-icons.png) no-repeat -225px -130px;
    height:41px;
    width:42px;
    display:block;
    float:left;
    margin:5px 13px 0 2px;
}

/*Warmer Worcestershire Button in Map flyout*/
.divMapWarmerIcon
{
    background:url(../../images/common/common-icons.png) no-repeat -317px -130px;
    height:38px;
    width:43px;
    display:block;
    float:left;
    margin:5px 13px 0 2px;
}

/*Historical Maps Button in Map flyout*/
.divMapHistoricalIcon 
{
    background:url(../../images/common/common-icons.png) no-repeat -360px -130px;
    height:41px;
    width:40px;
    display:block;
    float:left;
    margin:5px 13px 0 2px;
}

#divMapCountryside:hover .divMapCountrysideIcon, #divMapCountryside:active .divMapCountrysideIcon, #divMapCountryside:focus .divMapCountrysideIcon 
{
    background-position:-225px -177px;
}

#divMapWarmer:hover .divMapWarmerIcon, #divMapWarmer:active .divMapWarmerIcon, #divMapWarmer:focus .divMapWarmerIcon 
{
    background-position:-317px -177px;
}

#divMapHistorical:hover .divMapHistoricalIcon, #divMapHistorical:active .divMapHistoricalIcon, #divMapHistorical:focus .divMapHistoricalIcon  
{
    background-position:-360px -177px;
}

/*Rounded Corners*/
.FlyoutButtonTopLeft, .FlyoutButtonTopRight, .FlyoutButtonBtmLeft, .FlyoutButtonBtmRight,
 .FlyoutContainerTopLeft, .FlyoutContainerTopRight, .FlyoutContainerBtmLeft, .FlyoutContainerBtmRight
{
    background:url(../../images/common/common-icons.png) no-repeat -176px 0px;
    position:absolute;
    display:block;
    height:10px;
    width:10px;   
}

.FlyoutButtonTopLeft, .FlyoutContainerTopLeft {top:0;left:0}
.FlyoutButtonTopRight, .FlyoutContainerTopRight {top:0;right:0}
.FlyoutButtonBtmLeft, .FlyoutContainerBtmLeft {bottom:0;left:0}
.FlyoutButtonBtmRight, .FlyoutContainerBtmRight {bottom:0;right:0}

.FlyoutButtonTopLeft {background-position:-176px 0px}
.FlyoutButtonTopRight {background-position:-186px 0px}
.FlyoutButtonBtmLeft {background-position:-176px -10px}
.FlyoutButtonBtmRight {background-position:-186px -10px}

.FlyoutContainerTopLeft {background-position:-176px -20px}
.FlyoutContainerTopRight{background-position:-186px -20px}
.FlyoutContainerBtmLeft {background-position:-176px -30px}
.FlyoutContainerBtmRight {background-position:-186px -30px}

.hoverEnabled
{
    color:#000 !important;
    background:#EEE !important;
    border:none !important;
}

.hoverEnabled:hover, .hoverEnabled:active, .hoverEnabled:focus {background:#BBB !important;text-decoration:none}

.hoverEnabled:hover .FlyoutButtonTopLeft, .hoverEnabled:active .FlyoutButtonTopLeft, .hoverEnabled:focus .FlyoutButtonTopLeft {background-position:-196px 0px}
.hoverEnabled:hover .FlyoutButtonTopRight, .hoverEnabled:active .FlyoutButtonTopRight, .hoverEnabled:focus .FlyoutButtonTopRight {background-position:-206px 0px}
.hoverEnabled:hover .FlyoutButtonBtmLeft, .hoverEnabled:active .FlyoutButtonBtmLeft, .hoverEnabled:focus .FlyoutButtonBtmLeft {background-position:-196px -10px}
.hoverEnabled:hover .FlyoutButtonBtmRight, .hoverEnabled:active .FlyoutButtonBtmRight, .hoverEnabledfocus .FlyoutButtonBtmRight {background-position:-206px -10px}

/*End Rounded Corners*/

#ulLastHeaderBtmBar ul a, #ulLastHeaderBtmBar ul a:active, #ulLastHeaderBtmBar ul a:focus,
#ulLastHeaderBtmBar ul a:hover, #ulLastHeaderBtmBar ul a:link, #ulLastHeaderBtmBar ul a:visited
{
    margin-left:38px;
    margin-bottom:0;  
}

#ulLastHeaderBtmBar li:hover ul, #ulLastHeaderBtmBar li:active ul, #ulLastHeaderBtmBar li:focus ul {
width:300px;
}

.MapIconGrittingRoutes {background-image:url(../../images/common/map-icons/gritting-routes.png)}
.MapIconLibraries {background-image:url(../../images/common/map-icons/library.png)}
.MapIconSchools {background-image:url(../../images/common/map-icons/middle-schools.png)}
.MapIconParishBoundaries {background-image:url(../../images/common/map-icons/parishes.png)}
.MapIconCarParks {background-image:url(../../images/common/map-icons/carparking.png)}
.MapIconRecyclingCentres {background-image:url(../../images/common/map-icons/recycling.png)}
.MapIconRegistration {background-image:url(../../images/common/map-icons/registration-offices.png)}

/*END Maps Flyout*/

/*Straight to Flyout*/
#divSTContainer 
{
    left:-2px;
    padding:10px;
    width:530px;
}

#ulSecondHeaderBtmBar:hover #divSTContainer, #ulSecondHeaderBtmBar:active #divSTContainer, #ulSecondHeaderBtmBar:focus #divSTContainer
{
    display:block;
}

#ulSecondHeaderBtmBar ul li, #ulSecondHeaderBtmBar ul li 
{
    padding:0;   
}

.divSTReportItIcon, .divSTApplyForItIcon, .divSTPayForItIcon, .divSTRenewItIcon
{
    background:url(../../images/common/common-icons.png) no-repeat 0px -130px;
    height:46px;
    width:43px;
    display:block;
    float:left;
    margin:1px 13px 0 4px;
}

.divSTApplyForItIcon
{
    background-position:-44px -130px;
    width:45px;
    height:42px;
    margin:3px 10px 0 5px;
}

.divSTPayForItIcon
{
    background-position:-89px -130px;
    width:49px;
    height:41px;
    margin:2px 7px 0 3px;
}

.divSTRenewItIcon
{
    background-position:-138px -130px;
    width:45px;
    height:36px;
    margin:4px 10px 0 5px;
}

#divSTReportIt:hover .divSTReportItIcon, #divSTReportIt:active .divSTReportItIcon, #divSTReportIt:focus .divSTReportItIcon {background-position:0 -177px}
#divSTApplyForIt:hover .divSTApplyForItIcon, #divSTApplyForIt:active .divSTApplyForItIcon, #divSTApplyForIt:focus .divSTApplyForItIcon {background-position:-44px -177px}
#divSTPayForIt:hover .divSTPayForItIcon, #divSTPayForIt:active .divSTPayForItIcon, #divSTPayForIt:focus .divSTPayForItIcon {background-position:-89px -177px}
#divSTRenewIt:hover .divSTRenewItIcon, #divSTRenewIt:active .divSTRenewItIcon, #divSTRenewIt:focus .divSTRenewItIcon {background-position:-138px -177px}



/* ========================================= */
/* FOOTER TOP BAR (A - Z)                    */
/* ========================================= */

#divFooterTopBar {
  background-color:#BBB;
    border-bottom: 1px solid #A3A3A3;
  padding:0 7px 7px 220px;
  text-align:right;
}

#divFooterTopBar .whubAtoZTxt {
  margin-left:5px;
} 

#divFooterTopBar .ulAtoZ li a {
  background-position:-82px 0;
}

#divFooterTopBar .ulAtoZ li a:hover {
  background-position:-82px -17px;
}

#divFooterTopBar .whubAtoZTxt a
{
    color:#333;
}

/* ========================================= */
/*                                           */
/* GENERAL STYLES	                         */
/*                                           */
/* ========================================= */

.whubBox ul li {
  list-style:none;
  margin:0;
  background:url(../../images/common/bullet.png) no-repeat 0 7px;
  padding-top:3px;
  padding-left:15px;
}

/*.whubBox ul li:hover, .whubBox ul li:active, .whubBox ul li:focus {
  list-style-image:url(../../images/common/bullet-hover.png);
}*/

.whubDottedTop {
  border-top:dotted #999 1px;
  padding-top:7px;
  margin-top:10px;
  text-align:right;
}

#divMainColumn a, #divMainColumn a:link, #divFooter2 a, #divFooter2 a:link, #divFooter2 .whubAtoZTxt a, #divFooter2 .whubAtoZTxt a:link
{
    border-bottom: 1px dotted #aaaaaa;
}

#divPageProperties 
{
    clear:both; /* To fix old style footer overlapping content in Internal Applications - Contact: Andy Cooper */  
}

#divPageFeedback a, #divPageFeedback a:link, #divPageProperties a, #divPageProperties a:link, #divFooterTopBar a, #divFooterTopBar a:link, #divFooterLinks a, #divFooterLinks a:link, #divFooterLogos a, #divFooterLogos a:link
{
    border-bottom: 0px dotted #aaaaaa;
}



/* *** Start of design specific styles *** */

#divAccessibilityLinks, #divGoogleTranslate label
{
    position: absolute;
    left: -3500px;
}
#divContainer
{
    background-color: #dbdbdb;
    margin: auto;
    text-align: left;
    width: 974px;
}
#divBody
{
    padding: 0px 10px 10px 10px;
}
.whubBox
{
    background: #ffffff;
    margin-top: 10px;
}
.whubBox .whubBoxHeader
{
    background: url(../../images/common/corner-tl.gif) no-repeat;
    height: 5px;
    overflow: hidden;
}
.whubBox .whubBoxHeader .whubBoxCornerTR
{
    background: url(../../images/common/corner-tr.gif) no-repeat;
    float: right;
    height: 5px;
    overflow: hidden;
    width: 5px;
}
.whubBox .whubBoxContent
{
    padding: 0px 10px 0px 10px;
}
.whubBox .whubBoxFooter
{
    background: url(../../images/common/corner-bl.gif) no-repeat;
    height: 5px;
    overflow: hidden;
}
.whubBox .whubBoxFooter .whubBoxCornerBR
{
    background: url(../../images/common/corner-br.gif) no-repeat;
    float: right;
    height: 5px;
    overflow: hidden;
    width: 5px;
}
#spnPageInformation
{
    font-weight: bold;
}

/* ========================================= */
/*                                           */
/* FOOTER STYLES	                     */
/*                                           */
/* ========================================= */

#divFooter
{
    background: #888888;
    border-top: 1px solid #ffffff;
    padding: 10px;
}
#divFooter ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#divFooter ul li
{
    display: inline;
}
#divFooter ul li a, #divFooter ul li a:visited
{
    color: #ffffff;
    text-decoration: none;
    padding-right: 5px;
}
#divFooter ul li a:hover, #divFooter ul li a:focus, #divFooter ul li a:active
{
    text-decoration: underline;
}
#divFooter2
{
    background: #ccc;
    border-top: 1px solid #a3a3a3;
}
.whubFooterTitle
{
    font-weight: bold;
}
#divFooter2 .column1, #divFooter2 .column2, #divFooter2 .column3, #divFooter2 .column4
{
    float: left;
    padding: 10px;
    margin-bottom:10px;
}
#divFooter2 .column1
{
    width: 196px;
    position: relative;
}
#imgFooterMap
{
    position: absolute;
    top:-39px;
}
#ulPartnerLinks1, #ulPartnerLinks2
{
    float: left;
}
#ulPartnerLinks1
{
    margin-right: 15px;
}
a.whubLinkHover, a.whubLinkHover:link, a.whubLinkHover:visited
{
    color: #f00;
}
#divFooter2 .column2
{
    width: 225px;
}
#divFooter2 .column3
{
    width: 195px;
}
#divFooter2 .column4
{
    width: 275px;
}
#divGoogleTranslate
{
    height: 45px;
    padding-bottom: 30px;
    text-align: right;
}
#divGoogleTranslate label
{
	font-weight: bold;
}
#divGoogleTranslate input
{
	margin-top: 4px;
}
#ulFooterLogos {
    float:right;
}

#ulFooterLogos, #ulFooterLogos li, .whubFooterLinksList, .whubFooterLinksList li, #ulFooterLinks, #ulBackToTop, #ulBackToTop li
{
    margin: 0px;
    padding: 0px;
}
#ulFooterLogos li, #ulFooterLinks li
{
    display: inline;
    float: left;
}
#ulFooterLogos a
{
    display: block;
    height: 0px;
    margin-right: 10px;
    overflow: hidden;
    padding-top: 48px;
}
#ulFooterLogos a.appStore
{
    background: url(../../images/common/common-icons.png) no-repeat -357px -42px;
    width: 103px;
    padding-top:36px;
    margin-top:2px;
}
#ulFooterLogos a.appStore:hover, #ulFooterLogos a.appStore:active, #ulFooterLogos a.appStore:focus 
{
    background-position:-357px -84px;
}
#ulFooterLogos a.directgov
{
    background: url(../../images/common/common-icons.png) no-repeat -222px -42px;
    width: 86px;  
    padding-top:36px;
    margin-top:2px;
}
#ulFooterLogos a.directgov:hover, #ulFooterLogos a.directgov:active, #ulFooterLogos a.directgov:focus 
{
    background-position:-222px -84px;
}
#ulFooterLogos a.gso
{
    background: url(../../images/common/common-icons.png) no-repeat -308px -40px;
    margin-right: 0px;
    width: 49px;  
    padding-top:40px;
}
#ulFooterLogos a.gso:hover, #ulFooterLogos a.gso:active, #ulFooterLogos a.gso:focus 
{
    background-position:-308px -82px;
}
#divPartnerAddress
{
    background: #efefef;
    border: 1px dotted #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 10px;
}
.whubFooterLinksList, .whubFooterLinksList li, #ulBackToTop, #ulBackToTop li
{
    list-style: none;
}
.whubFooterLinksList a
{
    background: url(../../images/common/footer-li.gif) no-repeat 0px center;
    padding-left: 10px;
}
#divFooterLinks
{
    background: #999;
    padding: 10px;
}

#ulFooterLinks a:link, #ulFooterLinks a:visited, #ulBackToTop a:link, #ulBackToTop a:visited
{
    color: #fff;
    text-decoration: none;
}
#ulFooterLinks a:hover, #ulFooterLinks a:active, #ulBackToTop a:hover, #ulBackToTop a:active
{
    text-decoration: underline;
}
#ulBackToTop
{
    float: right;
}
#ulBackToTop a
{
    background: url(../../images/common/back-to-top.png) no-repeat left -12px;
    padding-left: 14px;
}
#ulBackToTop a:hover, #ulBackToTop a:active
{
    background: url(../../images/common/back-to-top.png) no-repeat left 4px;
}

#ulLastHeaderBtmBar li ul li 
{
    width:295px;   
}

/* ========================================= */
/*                                           */
/* WHUB ALERT BOXes / REUSEABLE STYLES       */
/*                                           */
/* ========================================= */

/* Partner specific tweaks can be made in the partner-specific-custom.css file */

.whubAlert
{
    background-color: #ffff99;
    border: 1px solid #ff3300;
    color: #ff3300;
    margin: 10px;
    padding: 10px;
    text-align: left;
}
.whubClearer
{
    clear: both;
}
.whubError, .whubInfo, .whubSuccess, .whubWarning
{
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid;
    margin: 10px;
    padding: 15px 10px 15px 50px;
    text-align: left;
}
.whubError
{
    background-color: #FFBABA;
    background-image: url(../../images/common/error.png);
    border-color: #D8000C;
    color: #D8000C;
}
.whubInfo
{
    background-color: #BDE5F8;
    background-image: url(../../images/common/info.png);
    border-color: #00529B;
    color: #00529B;
}
.whubSuccess
{
    background-color: #DFF2BF;
    background-image: url(../../images/common/success.png);
    border-color: #005500;
    color: #005500;
}
.whubWarning
{
    background-color: #FEEFB3;
    background-image: url(../../images/common/attention.png);
    border-color: #9F6000;
    color: #9F6000;
}

.whubFieldset
{
    padding: 10px;
}
.whubResultsContainer
{
    border-bottom: 1px solid #cccccc;
}
.whubResultsContainer .result
{
    border: 1px solid #cccccc;
    border-bottom: 0px;
    padding: 10px;
}
.whubTable
{
    background: #eeeeee;
    border-collapse: collapse;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    text-align: left;
}
.whubTable .altrow
{
    background: #ffffff;
}
.whubTable th
{
    background: #dddddd;
    font-weight: bold;
    text-align: left;
}
.whubTable th, .whubTable td
{
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 5px;
    margin: 0px;
}


/* ========================================= */
/*                                           */
/* PLUGIN STYLES	                     */
/*                                           */
/* ========================================= */

/* ========================================= */
/* EVENTS CALANDAT PLUGIN                    */
/* ========================================= */
/* This code is used on the homepage and 'View all events' page */

.whubCalendar table tr td table
{
    width: 100%;
}
.whubCalendar table tr td table tr td.prevMonth a, .whubCalendar table tr td table tr td.prevMonth a:visited, .whubCalendar table tr td table tr td.nextMonth a, .whubCalendar table tr td table tr td.nextMonth a:visited
{
    color: #003377;   
    text-decoration: underline;
}
.whubCalendar table tr td table tr td.prevMonth a:hover, .whubCalendar table tr td table tr td.prevMonth a:focus, .whubCalendar table tr td table tr td.nextMonth a:hover, .whubCalendar table tr td table tr td.nextMonth a:focus
{
    color: #ff0000;
    background-color: transparent;
}
.whubCalendar table tr td table tr td.prevMonth
{
    text-align: left;
}
.whubCalendar table tr td table tr td.currentMonth
{
    font-weight: bold;
}
.whubCalendar table tr td table tr td.nextMonth
{
    text-align: right;   
}
.whubCalendar table
{
    border-collapse: collapse;
	padding: 0px;
}
.whubCalendar table tr th
{
    cursor: help;
}
.whubCalendar table tr th, .whubCalendar table tr td
{
    margin: 0px;
	padding: 2px;
	text-align: center;
}
.whubCalendar table tr td a, .whubCalendar table tr td a:visited
{
    color: #333333;
    display: block;
    padding: 1px;
    text-decoration: none;
    width: 100%;
}
.whubCalendar table tr td a.hasitems, .whubCalendar table tr td a.hasitems:visited, #divCalendarLegend .hasitems
{
    background-color: #ebcccc;
    color: #ffffff;
}
.whubCalendar table tr td a.today, .whubCalendar table tr td a.today:visited, #divCalendarLegend .today
{
    border: 1px solid #000000;
    padding: 0px;
}
.whubCalendar table tr td a.todayhasitems, .whubCalendar table tr td a.todayhasitems:visited
{
    background-color: #ebcccc;
    border: 1px solid #000000;
    color: #ffffff;
    padding: 0px;
}
.whubCalendar table tr td a.selected, .whubCalendar table tr td a.selected:visited, #divCalendarLegend .selected
{
    background-color: #990000;
    color: #ffffff;
}
.whubCalendar table tr td a.todayselected, .whubCalendar table tr td a.todayselected:visited
{
    background-color: #990000;
    border: 1px solid #000000;
    color: #ffffff;
    padding: 0px;
}
.whubCalendar table tr td a:hover, .whubCalendar table tr td a:focus, .whubCalendar table tr td a.hasitems:hover, .whubCalendar table tr td a.hasitems:focus
{
    background: #990000;
    color: #ffffff;
}

/* Event Details plugin styles */
#divEventDetails .whubEvent
{
    border-bottom: 1px solid #cccccc;
    padding: 10px 0px 10px 10px;
}

/* ========================================= */
/* GOOGLE MAP PLUGIN                         */
/* ========================================= */

/* Google Map plugin styles */
.whubGoogleMapContainer
{
    position: relative;
}
.whubGoogleMapStatic
{
    left: 1px;
    top: 1px;
    position: absolute;
    z-index: 1;
}
.whubGoogleMapLoading
{
    background: #ffffff;
    border: 1px solid #000000;
    font-weight: bold;
    left: 110px;
    padding: 5px;
    position: absolute;
    text-align: center;
    top: 150px;
    width: 100px;
    z-index: -1;
}
.whubGoogleMap
{
    border: 1px solid #cccccc;
    height: 328px;
    overflow: hidden;
    width: 328px;
}
.whubGoogleMapControls
{
    padding: 10px 0px 10px 0px;
    text-align: center;
}
.whubGoogleStaticMap
{
    border: 1px solid #cccccc;
}

/* ========================================= */
/* NEWS PLUGIN STYLES                        */
/* ========================================= */

.whubNews
{
    border-collapse: collapse;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}
.whubNews td
{
    padding-bottom: 5px;
}
.whubNews th
{
    display: none;
}
.whubNews img, .whubNewsThumbnail
{
    border: 1px solid #cccccc;
    height: 50px;
    margin-right: 5px;
    padding: 3px;
    width: 50px;
}
.whubNewsThumbnail
{
    margin-bottom: 5px;
    vertical-align: middle;
}
.whubNewsLinks
{
    margin: 0px;
    padding: 0px;
    text-align: left;
}
.whubNewsLinks li
{
    display: inline;
}
.whubNewsLinks li.first a
{
    background: url(../../images/common/content-pipe.gif) no-repeat right;
    padding-right: 5px;
}
.whubNewsLinks li.last a
{
    background: url(../../images/common/rss.gif) no-repeat right;
    padding-right: 20px;
}
#divNewsArchive h3
{
    margin-top: 10px;
}

/* ========================================= */
/* PAGE FEEDBACK PLUGIN STYLES               */
/* ========================================= */
#divPageFeedback
{
    width:140px;
    float: right;
    font-weight: bold;
    text-align: right;
}

#divFeedbackStars 
{
    float: right;
    position:relative;
    top:4px;
    background:url(../../../../Plugins/Pagefeedback/images/stars.gif) repeat-x left bottom; 
    height:22px;
    width:100px;   
}

#divFeedbackStars span {position:absolute; left:-3000px;} /*Displays alternative feedback text when CSS is switched off*/
#aStar1:link, #aStar1:visited {width:25px}
#aStar2:link, #aStar2:visited {width:50px}
#aStar3:link, #aStar3:visited {width:75px}
#aStar4:link, #aStar4:visited {width:100px}

#divFeedbackStars .star:link, #divFeedbackStars .star:visited
{
    position:absolute;
    top:0;
    left:0;
    height:22px;
}

#divFeedbackStars .star:hover, #divFeedbackStars .star:active
{
    background:url(../../../../Plugins/Pagefeedback/images/stars.gif) repeat-x left top;
}


/* ========================================= */
/* PAGING STYLING                            */
/* ========================================= */

.whubPaging {
    background:#DDD;
    margin:4px 0 0 0;
    padding:0 5px;
    border:solid 1px #CCC;
}
    
.whubPaging .rpp {margin:4px 0;float:left;}
.whubPaging .pages {margin:4px 0;float:right;}
   
.whubPaging .pagingWording {float:left;line-height:16px;padding:5px 0;}
   
.whubPaging .pn, .whubPaging .pnExtended {
    text-align:center;
    float:left;
    background:#FFF;
    margin-left:4px;
    margin-bottom:4px;
}
    
.whubPaging .pn a:link, .whubPaging .pn a:visited, .whubPaging .pnExtended a:link, .whubPaging .pnExtended a:visited {
    display:inline-block;
    height:16px;
    padding:5px;
    text-decoration:none;
    border:solid #CCC 1px;
    color:#333;
}
.whubPaging .pn a:link, .whubPaging .pn a:visited {
    width:26px;
    padding:5px 0;
}
    
.whubPaging .pn a:hover, .whubPaging .pn a:active, .whubPaging .pnExtended a:hover, .whubPaging .pnExtended a:active {
    text-decoration:none;
    border:solid #CCC 1px;
    background:#EBCCCC;
    color:#333;
}
    
.whubPaging .pnActive, .whubPaging .pnExtendedActive {
    text-align:center;
    float:left;
    background:#822433;
    margin-left:4px;
    display:block;
    height:16px;
    padding:5px;
    text-decoration:none;
    border:solid #CCC 1px;
    color:#FFF;
}

.whubPaging .pnActive {
    width:26px;
    padding:5px 0;
}

/*======================================================
/* Page Information
/*======================================================*/

/*Main images*/
.pi_print, .pi_email, .pi_favourites, .pi_pdf, .pi_facebook, .pi_twitter, .pi_more {
    float:left;
    padding:0 8px 0 27px;
    line-height:1.5em;
    height:22px;
    margin-top:5px;
}

/*javascript reveals this link, so this doesn't display when JavaScript is turned off*/
#divSocialMedia {
display:none;
}

.pi_print {background:url(../../../../Plugins/PageOptions/images/print.png) no-repeat top left;}
.pi_email {background:url(../../../../Plugins/PageOptions/images/email.png) no-repeat top left;}
.pi_favourites {background:url(../../../../Plugins/PageOptions/images/favourites.png) no-repeat top left;}
.pi_pdf {background:url(../../../../Plugins/PageOptions/images/pdf.png) no-repeat top left;}
.pi_facebook {background:url(../../../../Plugins/PageOptions/images/facebook.png) no-repeat top left;}
.pi_twitter {background:url(../../../../Plugins/PageOptions/images/twitter.png) no-repeat top left;}
.pi_more {background:url(../../../../Plugins/PageOptions/images/share.png) no-repeat top left;}

.pi_print:hover, .pi_print:active {background:url(../../../../Plugins/PageOptions/images/print.png) no-repeat 0px -25px;}
.pi_email:hover, .pi_email:active {background:url(../../../../Plugins/PageOptions/images/email.png) no-repeat 0px -21px;}
.pi_favourites:hover, .pi_favourites:active {background:url(../../../../Plugins/PageOptions/images/favourites.png) no-repeat 0px -22px;}
.pi_pdf:hover, .pi_pdf:active {background:url(../../../../Plugins/PageOptions/images/pdf.png) no-repeat 0px -23px;}
.pi_facebook:hover, .pi_facebook:active {background:url(../../../../Plugins/PageOptions/images/facebook.png) no-repeat 0px -22px;}
.pi_twitter:hover, .pi_twitter:active {background:url(../../../../Plugins/PageOptions/images/twitter.png) no-repeat 0px -22px;}
.pi_more:hover, .pi_more:active {background:url(../../../../Plugins/PageOptions/images/share.png) no-repeat 0px -22px;}

/*======================================================*/
/* Bubble Box */
/*======================================================*/

.bubble_main {
    position:relative;
    float:left;
}

.bubble_box {
    position:absolute;
    left:0px;
    bottom:3em;
    padding:5px 10px;
    border:#CCC 1px solid;
    background:#FFF;
    display:none;
    z-index:10;
    width:130px;
}

.bubble_box .bubble_link a {
    display:block;
    padding:5px;
    border-bottom:1px dotted #BBB;
}
.bubble_box .bubble_link a:hover {background-color:#EEE;}

.bubble_dotted_line {
    border-bottom:1px dotted #BBB;
    /*float:left; /* Use this if you want the links to appear side by side and not on-top of each other*/
}
/* Bubble box Corners */
.bubble_box_cornerTL, .bubble_box_cornerTR,.bubble_box_cornerBL,.bubble_box_cornerBR {
    background:url(../../../../Plugins/PageOptions/images/bubble-corners.png) no-repeat;
    position:absolute;
    height:5px;
    width:5px;
}

.bubble_box_cornerTL {
     background-position:0 0;
     top:-5px;
     left:-1px;
}
.bubble_box_cornerTR {
    background-position: -5px 0;
    top:-5px;
    right:-1px;
}
.bubble_box_cornerBL {
    background-position: 0 -5px;
    bottom:-5px;
    left:-1px;
}
.bubble_box_cornerBR {
    background-position: -5px -5px;
    bottom:-5px;
    right:-1px;
}
.bubble_box_corner_top,.bubble_box_corner_btm {
    position:absolute;
    display:block;
    height:5px;
    background:#FFF;
    right:0;
    margin-right:4px;
}
.bubble_box_corner_top {
    border-top:#CCC 1px solid;
    top:-5px;
    left:4px;
}
.bubble_box_corner_btm {
    border-bottom:#CCC 1px solid;
    bottom:-5px;
    left:4px;
}
/*Optional Bubble Extras */

.bubble_shadow {
    position:absolute;
    bottom:-17px;
    right:-13px;
    background:url(../../../../Plugins/PageOptions/images/shadowAlpha.png) no-repeat bottom right;
    z-index:-1;
    width:100%;
    height:100%;
}
.bubble_shadow_TR, .bubble_shadow_BL {
    position:absolute;
    background:url(../../../../Plugins/PageOptions/images/shadowAlphaCorners.png) no-repeat;
    width:14px;
    height:10px;
}
.bubble_shadow_BL {
    background-position:top;
    bottom:2px;
    left:-14px;
}
.bubble_shadow_TR {
    background-position:bottom;
    top:-10px;
    right:-2px;
}

.bubble_arrow_down {
    background:url(../../../../Plugins/PageOptions/images/more-arrow-down.png) no-repeat;
    width:23px;
    height:11px;
    position:absolute;
    bottom:-15px;
    left:5px;
    z-index:1;
}

.bubble_arrow_left {
    background:url(../../../../Plugins/PageOptions/images/more-arrow-left.png) no-repeat;
    width:7px;
    height:13px;
    position:absolute;
    left:-7px;
    top:2px;
}

.bubble_arrow_right {
    background:url(../../../../Plugins/PageOptions/images/more-arrow-right.png) no-repeat;
    width:7px;
    height:13px;
    position:absolute;
    right:-7px;
    top:2px;
}

.bubble_heading {
    font-size:1.1em;
    color:#990000;
    font-weight:bold;
    margin-bottom:10px;
}

.bubble_close {
    background:url(../../../../Plugins/PageOptions/images/close.png) no-repeat 0 0;
    cursor:pointer;
    width:26px;
    height:26px;
    position:absolute;
    top:-11px;
    right:-7px;
}

.bubble_close:hover {
    background:url(../../../../Plugins/PageOptions/images/close.png) no-repeat 0 -26px;
}

.bubble_footer {
    font-size:0.8em;
    text-align:center;
    margin-top:5px;
}
.bubble_footer a:hover {background-color:transparent !important;} /*override link hover below*/

.bubble_required {
    display:none;
    border:#CCC 1px solid;
    background:#FFF;
    right:-225px;
    padding:4px 7px;
    width:230px;
    line-height:5px;
    height:8px;
    position:absolute;
}

.bubble_required span {
    text-align:left;
    clear:both;
}

.bubble_helptxt {
    margin-left:17px;
}

.bubble_required .bubble_shadow {
    bottom:-11px;
}

/*==================== Bubble Overrides ==================== */

/*{CSS PDF} Uncomment this when you add PDF

.pi_email_bubble .bubble_arrow_down{
left:auto;
left:0;
}

pi_email_bubble .bubble_box, .pi_sm_bubble .bubble_box, .pi_sm_bubble .bubble_arrow_down  {
left:auto;
right:0;
}
*/

/*======================================================*/
/*Social Networking / Bookmarking links */
/*======================================================*/

.sm_facebook, .sm_twitter, .sm_myspace, .sm_bebo, .sm_blogger, .sm_google, 
.sm_digg, .sm_delicious, .sm_stumbleupon, .sm_reddit, .sm_linkedin {
    float:left;
    height:16px;
    margin-right:5px;
    width:16px;
    margin-top:5px;
}

.sm_facebook {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -16px}
.sm_twitter {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 0}
.sm_myspace {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -112px}
.sm_bebo {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -64px}
.sm_blogger {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -80px}
.sm_google {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -96px}
.sm_digg {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -128px}
.sm_delicious {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -48px}
.sm_stumbleupon {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -144px}
.sm_reddit {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -160px}
.sm_linkedin {background:url(../../../../Plugins/PageOptions/images/social-media.png) no-repeat 0 -32px}

/*======================================================*/
/* Email to a Friend */
/*======================================================*/

#tblEmailThisPage, #EmailBox1 {
    width:350px;
}

#EmailBox1 .extrapadding {
    padding-bottom:5px;
}

#tblEmailThisPage {
    padding:7px 0;
}

#tblEmailThisPage .column1 {
    width:125px;
}

#tblEmailThisPage .column2 {
    position:relative;
    display:block;
}

#tblEmailThisPage .txtBox {
    width:160px;
    color:#333;
}

#EmailBox1 .red {color:#CC0000;}

.HiddenFarLeft {
    position:absolute;
    left:-3000px;
    display:none;
}

textarea {
    font-family:Arial; 
    font-size:1em;
}

.divEmailMsg {
    padding:10px;
    background:#DDD;
    border:2px dotted #999;
}

.msgGreen {background:#F1FFD2;}
.msgYellow {background:#FFF0D2;}
.msgRed {background:#FFE0D2;}

.msgIcon {
    float:left;
    width:15px;
    height:15px;
    margin: 1px 5px 0 0;
}

/*======================================================*/
/* Check It */
/*======================================================*/

.CheckIt_icon {
    display:none;
    float:left;
    width:15px;
    height:15px;
    margin:3px;
}

.icon_ok {background: url(../../images/common/common-icons.png) no-repeat -297px 0;}
.icon_pending {background: url(../../images/common/common-icons.png) no-repeat -327px -15px;}
.icon_warning {background: url(../../images/common/common-icons.png) no-repeat -312px 0;}
.icon_rotate {background: url(../../images/common/common-icons.png) no-repeat -297px -15px;}
.icon_skip {background: url(../../images/common/common-icons.png) no-repeat -327px 0;display:block;position:absolute;top:-2px;left:2px;}
.icon_info {background: url(../../images/common/common-icons.png) no-repeat -312px -15px;display:block;position:absolute;top:-2px;left:2px;}
.redStar {float:left;color:Red;}

.divcharLeft {
    font-size:0.8em;
    float:left;
    color:#444;
}

/* ========================================= */
/* EMERGENCY ALERTS                          */
/* ========================================= */

.ancStaticWarning, .ancFlashingWarning 
{
    height:0;
    padding-top:30px;
    width:33px;
    display:block;
    float:left;
    margin-right:10px;
    overflow:hidden;    
}

.ancStaticWarning 
{
    background:url(../../images/common/common-icons.png) no-repeat -231px 0 !important; 
}

.ancFlashingWarning 
{
    background:url(../../images/common/common-animated.gif) no-repeat -16px 0 !important;
}

.divEmergencyAlertContainer:hover 
{
    border:#C4C4C4 solid 1px;
}

.ancStaticWarning:hover
{
    background:url(../../images/common/common-icons.png) no-repeat -264px 0 !important; 
}

.divEmergencyAlertContainer 
{
    border:#DDD solid 1px;
    padding:5px;
}

.liEmergencyAlertTitle 
{
    background-color:#EEE;   
    border:#DDD solid 1px !important;
    line-height:30px;
}

.liEmergencyAlertFooter 
{
    background-color:#EEE;   
    border:#DDD solid 1px;
    border-top:none;
    text-align:right;
    padding:5px !important;
}

.ulEmergencyAlert li 
{
    padding:10px 5px !important; 
    border-bottom:dotted 1px #CCC;
}


/* ========================================= */
/* OTHER PLUGINS (QUICK STYLING)             */
/* ========================================= */


/* Form plugin styles */
.tbform textarea
{ 
    font-family: arial;
}

/* FAQs plugin styles /*Removed October 2011*/
.whubFAQAnswer
{
    display: none;
    visibility: hidden;
}

/*==========================================*/
/* Misc */
/*==========================================*/

.floatLeft {float:left}
.floatRight {float:right}

/* ========================================= */
/* TO BE REMOVED/CHANGED FROM CSS            */
/* ========================================= */

/* Fix for nav */
#ulVNav .l3, #ulVNav ul .l3
{
	display: block;
}

/* Temporary fix for related information column - should the flow of content be switched so that the content comes before the related information column? [TODO - Discuss] */
#divRelatedInfo
{
	/*width: 237px; moved to IE6 style sheet put potentially possible to address globally */
}

/* Temporary fix for re-introduction of the nav issue at top levels */
#ulVNav li.l2 .open, #ulVNav li.l3 
{
	display: block !important; /* moved to separate style sheet temporarily to apply on a page by page basis */
}

/* ========================================= */
/*                                           */
/* OLD HEADER STYLES	                     */
/*                                           */
/* ========================================= */
/* To Delete once old header has been removed sitewide and on 3rd Parties */

#divHeader
{
    position: relative;
    padding-top: 119px;
    background:url('../../images/PartnerSpecific/Backgrounds/winterfence.jpg');
}
#divHeader h2
{
    font-size: 1em;
}
#divMyLocalArea, #divSearch
{
    height: 101px;
    position: absolute;
    top: 47px;
    width: 233px;
    z-index: 1;
}
#divMyLocalArea form, #divSearch form
{
    margin: 0px;
    padding: 0px;
}
#divMyLocalArea
{
    left: 447px;
}
#divSearch
{
    left: 713px;
}
.whubHeaderBoxHeader, .whubHeaderBoxFooter
{
    height: 8px;
    overflow: hidden;
}
.whubHeaderBoxHeader
{
    background: url(../../images/PartnerSpecific/header-box-header.png) no-repeat;
}
.whubHeaderBoxHeading
{
    background: url(../../images/PartnerSpecific/header-box-slice.png) repeat-y;
}
.whubHeaderBoxHeading h2
{
    color: #ffffff;
    margin: 0px;
    padding: 0px 10px 7px 10px;
}
.whubHeaderBoxHeading div
{
	font-size:1em;font-weight:bold;margin:0;padding:0 10px 7px 10px;
}
.whubHeaderBoxHeading a
{
	color:white;text-decoration:none;
}
.whubHeaderBoxHeading a:hover
{
	text-decoration:underline;
}
.whubHeaderBoxContent
{
    color: #ffffff;
    height: 81px;
}
.whubHeaderBoxContent label
{
    margin-right: 5px;
}
.whubHeaderBoxContent #txtPostcode, .whubHeaderBoxContent #txtSearch, .whubHeaderBoxPostcode, .whubHeaderBoxSearch
{
    border: 1px solid #7f9db9;
    width: 115px;
    margin-right: 5px;
}
.whubHeaderBoxContent #txtSearch, .whubHeaderBoxSearch
{
    width: 113px;
}
.whubHeaderBoxContent #btnMyLocalAreaGo, .whubHeaderBoxContent #btnSearchGo, .whubHeaderBoxButton
{
    padding: 0px;
}
.whubHeaderBoxForm
{
    background: url(../../images/PartnerSpecific/header-box-form-slice.png) repeat-y;
    height: 32px;
    padding: 10px 10px 0px 10px;
}
.whubHeaderBoxLinks
{
    background: url(../../images/PartnerSpecific/header-box-slice.png) repeat-y;
    height: 14px;
    padding: 2px 10px 0px 10px;
    text-align: right;
}
.whubHeaderBoxLinks ul
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
.whubHeaderBoxLinks ul li
{
    list-style-type: none;
    display: inline;
}
.whubHeaderBoxLinks ul li a, .whubHeaderBoxLinks ul li a:visited
{
    color: #ffffff;
    text-decoration: none;
}
.whubHeaderBoxLinks ul li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}
.whubHeaderBoxFooter
{
    background: url(../../images/PartnerSpecific/header-box-footer.png) no-repeat;
}
#divBrand
{
    background: #990000;
    border-bottom: 1px solid #997a7a;
    border-top: 1px solid #e5bfbf;
    height: 4.2em; /* Allows resizing to work better with the absolutely positioned elements */
    position: relative;
}
#divBrand ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.whubAuthorityLogo
{
    padding-left: 6px;
    vertical-align: top;
}
.whubHomePageLink
{
    background: url(../../images/PartnerSpecific/partner-logo.png) no-repeat;
    display: block;
    height: 0px;
    overflow: hidden;
    padding-top: 53px;
    width: 218px;
}
#divStrapline
{
    color: #ebcccc;
    font-weight: bold;
    left: 230px;
    padding: 10px 0px 10px 0px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 200px;
    height: 34px;
}
#divStrapline ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#divOtherLinks
{
    color: #ffffff;
    left: 447px;
    padding: 2px 10px 0px 0px;
    position: absolute;
    text-align: right;
    top: /*30px;*/ 2.3em;
    width: 489px;
}
#divOtherLinks ul
{
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
#divOtherLinks ul li
{
    background: url(../../images/PartnerSpecific/header-pipe.gif) no-repeat 0px center;
    display: inline;
    list-style-type: none;
    padding-left: 5px;
}
#divOtherLinks ul li.first
{
    background: none;
}
#divOtherLinks ul li a, #divOtherLinks ul li a:visited
{
    color: #ffffff;
    text-decoration: none;
}
#divOtherLinks ul li a:hover
{
    color: #ffffff;
    text-decoration: underline;
}

/* ========================================= */
/* ALTERIAN STYLES                           */
/* ========================================= */
.clearbulletpoint, .clearbulletpoint li {
	background:none !important;
	list-style:none;
	margin:0;
	padding:0;
}


/* ========================================= */
/*                                           */
/* OLD A-Z STYLES	                         */
/*                                           */
/* ========================================= */
/* To Delete once old header has been removed sitewide and on 3rd Parties */


/* A to Z plugin styles */
.whubAtoZ
{
    margin: 0px 0px 10px 0px;
    padding: 0px;
}
.whubAtoZ li
{
    list-style: none;
    display: inline;
}
.whubAtoZ li a
{
    padding: 5px;
}
.whubAtoZ li a.current, .whubAtoZ li a:hover
{
    background: #990000;
    color: #ffffff;
}