/*   IN YOUR AREA STYLES    */
/*div#contentContainer div#contentWrap div#iContent.inYourArea div#iContentInner{
    padding:0 10px;
    background: url(images/imgCornerBgTL.png) no-repeat left top;
}
*/

input.txtPostcode{
	font-size:0.9em;
}

div.msg{
    width:99%;
/*    position:relative; */
    margin:0 0 16px 0;
}

.home div.msg {
	margin-top:0;
}

body.two div.msg{
    position:relative;
    margin:0 0 16px 0;
    width: auto;
}

* html body.two div.msg{
    width: 100%;
}

div.msg span.corner{
    position:absolute;
    width:6px;
    height:6px;
    display:block;
}
div.msg span.tl{
    top:-1px;
    left:-1px;
}
div.msg span.tr{
    top:-1px;
    right:-1px;
}
div.msg span.bl{
    bottom:-1px;
    left:-1px;
}
div.msg span.br{
    bottom:-1px;
    right:-1px;
}
div.msg div.body{
    padding:10px 40px;
}
div.msg a.readMoreLink{
    float:right;
    margin-top:10px;
}

div#contentContainer div#contentWrap div#iContent div.msg h2{
    min-height:30px;
    display:block;
    padding:20px 15px 15px 60px;
    line-height:1.3em;
    border:none;
    margin:0;
    font-size:1.5em;
}

* html div#contentContainer div#contentWrap div#iContent div.msg h2{
    height:30px;
}

div.msg div.body ul li h3{
    font-size:100%;
    font-weight:bold;
}
div#contentContainer div#contentWrap div#iContent div.msg div.body ul li p{
    margin-bottom:0.6em;
}
div.msg div.body ul li p.reportedDate{
    font-weight:bold;
}
div#contentContainer div#contentWrap div#iContent div.msg div.body ul li{
    padding-left:16px;
    margin-bottom:6px;
}
div.msg div.body form input{
    background:#FFFFE6 url(images/imgSearchBg.png) no-repeat left top;
    border:1px solid #C5BDD7;
    /*font-size:90%;*/
    padding:3px 6px;
    margin:0;
}
.jsenhance div.msg div.body form input{
    color: #999999;
}

div.msg div.body form label{
    display:inline;
    width:auto;
    float:none;
    margin:0;
    width:auto;
}

div.msg div.body form input.submitBtn{
    background:none;
    padding:0;
    border:none;
    font-size:100%;
    line-height:10px;
    margin:0;
    position:absolute;
    margin-left:3px;
}

/* Error message styling */
div#contentContainer div#contentWrap div.msg.err{
    border:1px solid #ff0000;
}
div#contentContainer div#contentWrap div.msg.err div.body{
    background:#FFE5E5;
}
div#contentContainer div#contentWrap div.msg.err div.body ul li{
    background:url(images/imgMsgBullet.gif) no-repeat 0 0.4em;
}
div#contentContainer div#contentWrap div.msg.err div.body ul li{
    border-bottom:1px solid #FFC8C8;
}
div#contentContainer div#contentWrap div.msg.err div.body ul li.last{
    border-bottom:0;
}
div#contentContainer div#contentWrap div.msg.err div.body ul li h3{
    color:#ff0000;
}
div#contentContainer div#contentWrap div.msg.err span.tl{
    background:url(images/imgBgMsgErrorTL.gif) no-repeat top left;
}
div#contentContainer div#contentWrap div.msg.err span.tr{
    background:url(images/imgBgMsgErrorTR.gif) no-repeat top right;
}
div#contentContainer div#contentWrap div.msg.err span.bl{
    background:url(images/imgBgMsgErrorBL.gif) no-repeat bottom left;
}
div#contentContainer div#contentWrap div.msg.err span.br{
    background:url(images/imgBgMsgErrorBR.gif) no-repeat bottom right;
}
div#contentContainer div#contentWrap div.msg.err h2{
    color:#ff0000;
    background:#fff url(images/imgIconError.jpg) no-repeat 15px 20px;
    margin:0;
    padding:0.9em 0.2em 0.9em 3em;
}

/*****************/
/* Warning message styling */
div#contentContainer div#contentWrap div.msg.warn{
    border:1px solid #ff0000;
    position:relative;
}
div#contentContainer div#contentWrap div.msg.warn div.body{
    background:#FFE5E5;
}
div#contentContainer div#contentWrap div.msg.warn div.body ul li{
    background:url(images/imgMsgBullet.gif) no-repeat 0 0.8em;
 /*    border-bottom:1px solid #FFC8C8;*/
    list-style-type: none;
    margin-left: 0;
}
div#contentContainer div#contentWrap div.msg.warn div.body ul li.last{
    border-bottom:0;
}
div#contentContainer div#contentWrap div.msg.warn div.body ul li h3{
    color:#ff0000;
    margin: 0 0 0 0;
    padding: 0 0 0 1em;
}
div#contentContainer div#contentWrap div.msg.warn span.tl{
    background:url(images/imgBgMsgErrorTL.gif) no-repeat top left;
}
div#contentContainer div#contentWrap div.msg.warn span.tr{
    background:url(images/imgBgMsgErrorTR.gif) no-repeat top right;
}
div#contentContainer div#contentWrap div.msg.warn span.bl{
    background:url(images/imgBgMsgErrorBL.gif) no-repeat bottom left;
}
div#contentContainer div#contentWrap div.msg.warn span.br{
    background:url(images/imgBgMsgErrorBR.gif) no-repeat bottom right;
}
div#contentContainer div#contentWrap div.msg.warn h2{
    color:#ff0000;
    margin:0;
    padding:0.9em 0.2em 0.9em 3em;
    background:#fff url(images/imgIconWarning.jpg) no-repeat 12px 10px;
}

/*****************/

/* Success message styling */
div#contentContainer div#contentWrap div.msg.success{
    border:1px solid #81B630;
}
div#contentContainer div#contentWrap div.msg.success div.body{
    background:#D7EBB0;
}
div#contentContainer div#contentWrap div.msg.success div.body ul li{
    background:url(images/imgMsgBullet.gif) no-repeat 0 0.4em;
}

div#contentContainer div#contentWrap div.msg.success div.body ul li h3{
    color:#003366;
}
div#contentContainer div#contentWrap div.msg.success span.tl{
    background:url(images/imgBgMsgSuccessTL.gif) no-repeat top left;
}
div#contentContainer div#contentWrap div.msg.success span.tr{
    background:url(images/imgBgMsgSuccessTR.gif) no-repeat top right;
}
div#contentContainer div#contentWrap div.msg.success span.bl{
    background:url(images/imgBgMsgSuccessBL.gif) no-repeat bottom left;
}
div#contentContainer div#contentWrap div.msg.success span.br{
    background:url(images/imgBgMsgSuccessBR.gif) no-repeat bottom right;
}
div#contentContainer div#contentWrap div.msg.success h2{
    color:#003366;
    background:#fff url(images/imgIconSuccess.jpg) no-repeat 13px 20px;
    margin:0;
    padding:0.9em 0.2em 0.9em 3em;
}

/*****************/
/* Inline message styling */
div#contentContainer div#contentWrap div.msg.inline{
    border-top:1px solid #C5E8F5;
}
div#contentContainer div#contentWrap div.msg.inline div.body{
    background:#E8F5FB;
    margin-top:1px;
    padding:10px;
}
div#contentContainer div#contentWrap div.msg.inline div.body form{
    margin-top:20px;
    width:60%;
}



/*****************/
/* maintenance message styling */
div.msg.maintenance{
    border:1px solid #0DB1F7;
}

div.msg.maintenance span.tl{
    background:url(images/imgBgMsgMaintenanceTL.gif) no-repeat top left;
}
div.msg.maintenance span.tr{
    background:url(images/imgBgMsgMaintenanceTR.gif) no-repeat top right;
}
div.msg.maintenance span.bl{
    background:url(images/imgBgMsgMaintenanceBL.gif) no-repeat bottom left;
}
div.msg.maintenance span.br{
    background:url(images/imgBgMsgMaintenanceBR.gif) no-repeat bottom right;
}
div#contentContainer div#contentWrap div.msg.maintenance h2{
    color:#003366;
    background:#fff url(images/imgIconMaintenance.jpg) no-repeat 13px 50%;
    line-height:1.2em;
    margin:0;
    padding:0.9em 0.2em 0.9em 3em;
}

/*****************/

dl.instructions dt.boil{
    background:url(images/imgIconMsgBoil.jpg) no-repeat;
}
dl.instructions dt.noWater{
    background:url(images/imgIconMsgNoWater.jpg) no-repeat;
}
dl.instructions dt.discolouredWater{
    background:url(images/imgIconMsgDiscolouredWater.jpg) no-repeat;
}
dl.instructions dt.nowSafe{
    background:url(images/imgIconNowSafe.jpg) no-repeat;
}
dl.instructions dt{
    float:left;
    width:130px;
    font-size:140%;
    font-weight:bold;
    color:#4C879D;
    min-height:50px;
    padding:10px 10px 0 70px;
}
dl.instructions dd{
    float:left;
    width:265px;
    padding-top:10px;
    border-left:1px solid #fff;
    padding-left:10px;
}

div.clear{
    clear:both;
}

/*   USEFUL FACTS  */
div.usefulFacts h3{
    font-weight:bold;
    margin-bottom:10px;
}
div#contentContainer div#contentWrap div.usefulFacts ul{
    padding:0;
    margin:0;
}
div#contentContainer div#contentWrap div.usefulFacts ul li{
    padding:0;
    background:none;
    margin-bottom:0.8em;
 /*   border-bottom:1px solid #fff;*/
    list-style-type: none;
}
div#contentContainer div#contentWrap div.usefulFacts ul li ul{
}
div#contentContainer div#contentWrap div.usefulFacts ul li ul li{
    background:transparent url(images/imgBulletWhite.png) no-repeat scroll 0 0.7em;
    padding-left:1em;
}
div#contentContainer div#contentWrap div.usefulFacts ul li h4{
    padding-left:16px;
    font-size:100%;
    background:none;
}
div#contentContainer div#contentWrap div.usefulFacts ul li div.answer{
    background:#EDF9FF;
    padding:10px 16px;
    margin:4px 0 10px 0;
}
/*******************/
/*  INSTRUCTIONS */
div#iInstructions{
    margin-bottom:10px;
}
div#iInstructions div.body{
    border:1px solid #D6EEF8;
    margin:0 0px;
}
div#iInstructions div.msg div.body{
    margin:0;
}
div#contentContainer div#contentWrap div#iInstructions h2{
    margin:1em 0px;
}
div#contentContainer div#contentWrap div#iInstructions li
{
    list-style-type: none;
}

div#contentContainer div#contentWrap div#iInstructions div.usefulFacts h2,
div#contentContainer div#contentWrap div#iInstructions div.usefulFacts h3,
div#contentContainer div#contentWrap div#iInstructions div.usefulFacts p,
div#contentContainer div#contentWrap div#iInstructions div.usefulFacts ul{
    padding:0 10px;
    margin-left:0;
    margin-right:0;
}
div#iInstructions div.col{
    background:url(images/imgBgInstructions.gif) repeat-y left;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul{
    margin:10px 10px 10px 20px;
    padding:0;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li{
    background:none;
    padding:10px 0 0 90px;
    min-height:60px;
    margin:10px 0;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.boilCookingWater{
    background:url(images/imgIconInstructionsCookingNo.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.boilDrinkingWater{
    background:url(images/imgIconInstructionsDrinkingNo.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.boilPetWater{
    background:url(images/imgIconInstructionsPetsNo.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.boilTeethWater{
    background:url(images/imgIconInstructionsTeethNo.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.drinksMachines{
    background:url(images/imgIconInstructionsDrinksMachineNo.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.heating{
    background:url(images/imgIconInstructionsHeatingYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.bath{
    background:url(images/imgIconInstructionsbathsYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.toilet{
    background:url(images/imgIconInstructionsToiletYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.canCook{
    background:url(images/imgIconInstructionsCookingYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.canDrink{
    background:url(images/imgIconInstructionsDrinkingYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.canPets{
    background:url(images/imgIconInstructionsPetsYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.canTeeth{
    background:url(images/imgIconInstructionsTeethYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.canDrinksMachines{
    background:url(images/imgIconInstructionsDrinksMachineYes.gif) no-repeat;
}
div#contentContainer div#contentWrap div#iInstructions div.col ul li.noBath{
    background:url(images/imgIconInstructionsbathsNo.gif) no-repeat;
}

/*******************/

/*  JS STYLES      */
.jsenhance div#contentContainer div#contentWrap div.usefulFacts ul li.hide h4{
    background:url(images/imgIconRightArrow.gif) no-repeat 0 0.2em;
    cursor:pointer;
}
.jsenhance div#contentContainer div#contentWrap div.usefulFacts ul li.show h4,
.jsenhance div#contentContainer div#contentWrap div.usefulFacts ul li h4.show
{
    background:url(images/imgIconDownArrow.gif) no-repeat 0 0.3em;
    color:#009EEF;
    cursor:pointer;
}
.jsenhance div#contentContainer div#contentWrap div.usefulFacts ul li.hide div.answer{
    display:none;
}
/*******************/

/*    TAB STYLES    */
div#iTabs {
    width			:570px;
    margin			:0 0 10px 0;
	float			:left;
	clear			:both;
	background:url("images/navigation-tabs-border.png") no-repeat 0 0;
}

div#iTabs ul {
	margin			:0 0 0 5px;
	padding			:0;
	float			:left;
	clear			:both;
}

* html div#iTabs ul {
	margin-left		: 2px;
}

#mainContent div#iTabs ul li, div#iTabs ul li {
	margin			:0;
	padding			:0;
	list-style-type	:none;
	float			:left;
}

div#iTabs ul li a {
	background		:#00A465;
	color			:#FFFFFF;
	font-size		:1.1em;
	font-weight		:bold;
	float			:left;
	padding			:7px 14px 6px 14px;
	text-decoration	:none;
	margin			:0;
}

div#iTabs ul li a:hover, div#iTabs ul li.selected a {
	background		:#006F43 url("images/navigation-main-arrow-down.png") no-repeat scroll 50% 0;
	color			:#FFFFFF;
}

/** */

div#contentContainer div#contentWrap div#iContent.tabbed h1{
    background:none;
}
div#contentContainer div#contentWrap div#iContent div.tabbedContent{
    margin-top:10px;
    clear:left;
}
div#contentContainer div#contentWrap div#iContent div.tabbedContent h1{
    font-size:160%;
    border-bottom:1px solid #7FCDE8;
    padding:0 0 4px 0;
    margin:0 0 0 0;
}
div#contentContainer div#contentWrap div#iContent div#iScheduledWork div#iContentInner {
    background:none;
}

/*    TABS JS    */
div#contentContainer div#contentWrap div#iContent div.tabbedContent.hide{
    display:none;
}

/*****************/
form#iWaterHardnessForm{
    width:60%;
    margin:0 0 0 0;
}
form#iWaterHardnessForm input{
    border:none;
}
form#iWaterHardnessForm label{
    float:none;
    display:inline;
    width:auto;
    margin:0;
    font-weight:bold;
    margin:0 0 0 10px;
    line-height:2em;
}
form#iWaterHardnessForm input.submitBtn{
    border:none;
    margin:10px 0 0 0;
    float:left;
}
/*    CHART STYLES   */
div.chart{
    margin:10px 0;
    background:#EEF9FF;
    padding:45px 10px 20px 0;
}

div.chart dl{
    position:relative;
}
div.chart dl dt{
    float:left;
    width:100px;
    font-size:120%;
    font-weight:bold;
    padding: 0.1em 0 0 1em
}

div.chart dl dt span.chartTitleSub{
    display:block;
    font-size:80%;
}
div.chart dl dd{
    font-size:90%;
    float:left;
    border-left:1px solid #B6CBDC;
    padding-bottom:20px;
}
div#contentContainer div#contentWrap div#iContent div.chart dl dd p.amount{
    border-bottom:1px solid #B6CBDC;
    padding-left:5px;
    padding-bottom:20px;
}
div.chart dl dd p.bar{
    margin-top:2px;
    height:15px;
}
div#contentContainer div#contentWrap div#iContent div.chart dl dd p.label{
    margin-top:5px;
    padding-left:5px;
}
div.chart dl dd.soft{
    width:14%;
}
div.chart dl dd.soft p.bar{
    background:#BFEBFF;
}
div#contentContainer div#contentWrap div#iContent div.chart dl dd.soft p.label{
    border-left:15px solid #BFEBFF;
}
div.chart dl dd.medium{
    width:14%;
}
div.chart dl dd.medium p.bar{
    background:#0489F7;
}
div#contentContainer div#contentWrap div#iContent div.chart dl dd.medium p.label{
    border-left:15px solid #0489F7;
}
div.chart dl dd.hard{
    width:28%;
}
div.chart dl dd.hard p.bar{
    background:#003366;
}
div#contentContainer div#contentWrap div#iContent div.chart dl dd.hard p.label{
    border-left:15px solid #003366;
}
div#iArrow{
    background:url(images/imgIconChartArrow.gif) no-repeat 100% 100%;
        height:35px;
        position:absolute;
        width:13px;
        margin-top:-35px;
}

/*********************/
div#contentContainer div#contentWrap div#iContent div.usefulFacts.table ul li div.answer{
    padding:0;
    background:none;
}

div#contentContainer div#contentWrap div#iContent.inYourArea div.usefulFacts{
    margin:0 0px;
}

div#contentContainer div#contentWrap div#iContent div.usefulFacts.table ul li div.answer table{
    margin:10px 0;
}

div.usefulFacts div.answer table{
    border:none;
}
div.usefulFacts div.answer table {
}

div.usefulFacts div.answer table tr th{
    background:#D7F2FF url(images/imgBgTableHeader.gif) repeat-x bottom left;
    border:1px solid #fff;
    border-bottom:1px solid #C8D4EE;
    text-align:center;
    font-weight:normal;
    padding:10px 4px;
}
div.usefulFacts div.answer table tr th.locality{
    width:20%;
}
div.usefulFacts div.answer table tr th.plannedStart{
    width:20%;
}
div.usefulFacts div.answer table tr th.plannedEnd{
    width:20%;
}

div.usefulFacts div.answer table tr td{
    background:#EDF9FF;
    border:1px solid #fff;
    text-align:center;
    padding:10px 4px;
}
/********************/

/*   RIGHT MODULE STYLES   */
div#contentContainer div#iInYourAreaSide form input,
div#contentContainer div#iInYourAreaSideBlue form input{
    background:#FFFFE6 url(images/imgSearchBg.png) no-repeat left top;
    border:1px solid #C5BDD7;
  /*  font-size:120%;*/
    width:80px;
    padding:3px 6px;
    margin:0;
}

.jsenhance div#contentContainer div#iInYourAreaSide form input,
.jsenhance div#contentContainer div#iInYourAreaSideBlue form input{
    color: #999999;
}


div#contentContainer div#iInYourAreaSide form input.submitBtn,
div#contentContainer div#iInYourAreaSideBlue form input.submitBtn{
    background:none;
    padding:0;
    border:none;
    font-size:100%;
    line-height:10px;
    margin:0;
    position:absolute;
    margin:0 0.1em 0 0.3em;
    width:auto;
}
/*div#contentContainer div#iInYourAreaSide{
    background: #fff url(images/imgCornerBgBR.png) bottom right no-repeat;
    height:1%;
}
*/
div#contentContainer div#iInYourAreaSide div.sectionContent{
    background:url(images/imgInYourAreaModuleBG.jpg) no-repeat right 3.3em;
    padding-bottom: 0px;
}

div#contentContainer div#iInYourAreaSide p,
div#contentContainer div#iInYourAreaSideBlue p{
    background:none;
    width:50%;
    padding-bottom:25px;
}
div#contentContainer div#iInYourAreaSide form,
div#contentContainer div#iInYourAreaSideBlue form{
/*    background:transparent url(images/imgCornerBgBL.png) no-repeat left bottom;*/
    padding:0 10px 10px 10px;
    clear: both;
}

/*div#contentContainer div#iInYourAreaSide h2{
    background:#99CE48 url(images/imgCornerBgInYourAreaTR.gif) no-repeat top right;
}

div#contentContainer div#iInYourAreaSide h2 a{
    background:transparent url(images/imgCornerBgInYourAreaTL.gif) no-repeat left top;
    color:#fff;
}
*/
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.spacer{
    height:15px;
    float:right;
    display:block;
    clear:right;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.one{
    width:0px;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.two{
    width:0px;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.three{
    width:10px;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.four{
    width:20px;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.five{
    width:30px;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.six{
    width:30px;
}
div#iPage div#iBody div#iMain div#iTertiary div#iInYourArea span.seven{
    width:30px;
}
div#contentContainer div#iInYourAreaSideBlue{
    background:url(images/imgInYourAreaBlueModuleBG.jpg) no-repeat 80px 65px;
}

div#contentContainer div#iInYourAreaSideBlue h2{
    background:#09AFF7 url(images/imgCornerBgInYourAreaBlueTR.gif) no-repeat top right;
}

div#contentContainer div#iInYourAreaSideBlue h2 a{
    background:transparent url(images/imgCornerBgInYourAreaBlueTL.gif) no-repeat left top;
    color:#fff;
}

div.msg div.body form input.isFilled, div#contentContainer div#iInYourAreaSide form input.isFilled, div#contentContainer div#iInYourAreaSideBlue form input.isFilled {
            color:#000;
}

*:first-child+html #iScheduledWork .msg form,
* html #iScheduledWork .msg form
{
	clear:both;
}

*:first-child+html #iScheduledWork .msg form *,
* html #iScheduledWork .msg form *
{
	float:left;
	clear:none;
	position:relative;
}

*:first-child+html #iScheduledWork .msg form label,
* html #iScheduledWork .msg form label
{
	margin-right:5px;
}

/***********/
/* IE */
* html body.two div.inYourArea div.msg{
    width:570px;
}
* html body.two div.inYourArea div.msg span.tr{
    right:-1px;
}
* html body.two div.inYourArea div.msg span.bl{
    bottom:-2px;
}
* html body.two div.inYourArea div.msg span.br{
    bottom:-2px;
    right:-1px;
}
* html div#iPage div#iBody div#iMain div#iContainer div#iContent div.msg h2{
    height:30px;
}

* html div#iPage div#iBody div#iMain div#iContainer div#iContent div#iContentInner div#iInstructions div.col ul li{
    height:60px;
}
* html dl.instructions dt{
    height:50px;
}

* html div.msg {
	float:left;
}

* html div.msg span.bl, * html div.msg span.br {
bottom:-2px;
}

* html div#contentContainer div#iInYourAreaSide div.sectionContent {
padding-bottom:2px;
}

* html div.msg div.body form label {
	position:relative;
	display:block;
	float:left;
	padding-top:3px;
}

* html div.msg div.body form input.submitBtn{
    padding-top:1px;
}