#stDiv
{
    margin: 10px 0px 10px 0px;
}
#otDiv
{
    margin: 10px 0px 10px 0px;
}
#tevDiv
{
    margin: 4px 0px 0px 0px;
}
#otDiv input, #stDiv input
{
    top: -4px;
    position:relative;
}
#otDiv input, #stDiv input, #tevDiv input
{
    left: -6px;
    position:relative;
}

#TradeEffluent .calcLeftPadding
{
    padding-left: 20px;    
}
#TradeEffluent .clearfix {
    height: 1%;
}
#TradeEffluent .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 10px;
    visibility: hidden;
}
#TradeEffluent {
    float: left;
}
#TradeEffluent fieldset {
    background: url("imgTopRightCorner.png") #D7F2FF top right no-repeat;
    float: left;
    margin-bottom: 10px;
    padding-right: 0;
    width: 270px;
}
#TradeEffluent fieldset #peopleDiv {
    background: url("imgTopLeftCorner.png")  top left no-repeat;
}
#TradeEffluent div.errorSummary {
    margin:0 0 10px;
    background: url("imgIconError.png") #FFFFDF no-repeat 6px 6px;
    border: 1px solid #DDDD00;
    font-size: 1.1em;
}
/*---------------------------Added 02-04-2008--------------------------------------------*/
div#iPage div#iBody div#iMain div#iContainer div#iContent div#iContentInner div#errorSummaryDiv {
    margin:0 0 10px !important;
    /*  Important added because the errorSummary class in calculator.css  line 24 has !important 
        and is overriding this style and cant take it of in the calculator.css file incase 
        it breaks other styles across the site.*/
    background: url("imgIconError.png") #FFFFDF no-repeat 6px 6px;
    border: 1px solid #DDDD00;
    font-size: 1.1em;
    padding: 7px 5px 0;
    }
/*--------------------------------------------------------------------------------------------*/
#TradeEffluent div.errorSummary p.errorTitle {
    font-weight: bold;
}
#TradeEffluent div.errorSummary p {
    color: #C81D48;
    margin: 0 0 0 31px;
}
#TradeEffluent fieldset h2 {
    border: 0 !important;
    float: left;
    font-size: 1.1em;
    font-weight: normal;
    margin: 3px 0 5px 10px !important;
    width: 255px;
}
#TradeEffluent fieldset p.cubicMetres {
    background: transparent url("imgBottomLeftCorner.png") bottom left no-repeat;
    float: left;
    font-size: 1.3em !important;
    font-weight: bold;
    height: 35px;
    margin: 0;
    padding: 0 0 0 12px !important;
    width: auto;
}
#TradeEffluent fieldset #bottomRight {
    background: transparent url("imgBottomRightCorner.png") bottom right no-repeat;
    height: 35px;
    margin: 0 !important;
    padding: 0 !important;
    width: 270px;
}
#TradeEffluent label {
    display: inline;
    float: left;
    margin: 0 0 0px 10px;
    padding: 0.47em 0;
}
#TradeEffluent #formLabel {
    font-weight: bold;
    width: 90%;
}
#TradeEffluent .calcFormRow input {
    border-color: #8C7DB0 #D2E1FF #D2E1FF #8C7DB0;
    border-style: solid;
    border-width: 1px;
    float: right;
    width: 50px;
}
#TradeEffluent fieldset div {
    position: relative;
}
#TradeEffluent fieldset .litres {
    bottom: 10px;
    color: #999999;
    margin-right: 0px;
    margin-top: 8px;
    position: absolute;
    right: 32px;
}
#TradeEffluent fieldset .error .litres {
}
#TradeEffluent fieldset input {
    height: 20px;
    margin: 7px 10px 0 0;
    width: 30px;
}
#TradeEffluent div.household {
    border-bottom: 1px solid #90AAFF;
    border-top: 1px solid #FFFFFF;
    height: 0;
    line-height: 0;
    margin: 3px 5px;
    width: 250px !important;
}
#TradeEffluent #results {
    clear: none;
    display: inline;
    float: left;
    margin: 0px 0px 1em 15px;
    overflow: hidden;
    padding: 0;
    width: 265px !important;
}
#TradeEffluent #results p {
    margin: 5px;
    width: auto;
}
#TradeEffluent #results .resultsRow 
{
    border-bottom: solid 1px #D7F2FF;
}  
 
#TradeEffluent #results .resultsRow p {
    display: inline;
    float: left;
    margin: 0px 0  0px 5px !important;
    width: 167px;
}
#rFixedCharge, #vFixedCharge, #bvFixedCharge, #bFixedCharge, #sFixedCharge
{
    border-right: solid 1px #D7F2FF;    
    height:25px;
}
#TradeEffluent #results .resultsRow .monetaryVal {
    clear: none;
    display: inline;
    float: right;
    margin-right: 5px !important;
    width: auto;
}
#TradeEffluent #results h3 {
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0.5em 5px;
    border-top: solid 2px #D7F2FF;
    border-bottom:solid 2px #D7F2FF;
}
#TradeEffluent #results h4.reminder {
    font-size: 1.1em;
    margin-left: 5px;
}
#TradeEffluent #results .resultsRowH4 {
    background: url("imgBottomRightCornerGreen.png") #DFFFEE bottom right no-repeat;
    clear: both;
    margin: 10px 0 !important;
    padding: 0;
    position: relative;
    top:-10px;
    border-top: solid 1px #63F9B2;
    border-bottom:solid 1px #63F9B2;
}
#TradeEffluent #results .resultsRowH4 h4 {
    background: transparent url("imgTopLeftCornerGreen.png") top left no-repeat;
    float: left;
    font-weight: normal;
    margin: 0;
    padding: 5px 0 4px 5px;
    width: 180px;
}
#TradeEffluent #results .resultsRowH4 span {
    background: transparent url("imgTopRightCornerGreen.png") top right no-repeat;
    display: inline;
    float: right;
    padding: 4px 5px 0 0;
    width: auto;
}
#TradeEffluent #results .resultsRowH4 #bottomLeftCorner {
    background: transparent url("imgBottomLeftCornerGreen.png") bottom left no-repeat;
    bottom: -1px;
    height: 5px !important;
    left: 0;
    position: absolute;
    width: 5px;
}
#TradeEffluent #results #totalCharge {
    font-weight: bold;
}
#TradeEffluent #regionChooserDiv {
    padding-bottom: 15px;
}
#TradeEffluent #regionChooserDiv label {
    font-weight: bold;
    padding: 0.1em 0;
}
#TradeEffluent #regionChooserDiv div label {
    font-weight: normal;
}
#TradeEffluent #regionChooserDiv input {
    border: 0;
    height: auto !important;
    left: 130px;
    top: 2px;
    margin-top: 0 !important;
    position: absolute;
    width: auto !important;
}
#TradeEffluent #calculate {
    background-color: #ECFAFB;
    border-color: #AFE0FA;
    border-style: solid;
    border-width: 1px 0;
    clear: left;
    padding: 0.4em 0 0.3em;
    text-align: right;
    margin: 0;
}
#TradeEffluent #calculate p {
    float: left;
    margin: 2px 0 2px -15px;
    width: 200px;
}
* html #TradeEffluent #calculate {
    padding: 0.2em 0 0.3em;
}
* html #TradeEffluent #calculate p {
    margin: 5px 0 2px -15px;
}
*:first-child+html #TradeEffluent #calculate {
    padding: 0.2em 0 0.3em;
}
*:first-child+html #TradeEffluent #calculate p {
    margin: 5px 0 2px -15px;
}
#TradeEffluent div.error, #TradeEffluent div.errorFull {
    background: url("imgIconError.png") #FFFFDF no-repeat 6px 6px !important;
    border-color: #DDDD00;
    border-style: solid;
    border-width: 1px 0;
    color: #C81D48;
}
#TradeEffluent div.error {
    padding: 6px 0 0 6px !important;
    width: 264px !important;
}
#TradeEffluent div.error input {
    margin-bottom: 6px;
}
* html #TradeEffluent div.error {
    width: 269px !important;
}
#TradeEffluent div.error p {
    font-size: 1.1em !important;
    font-weight: bold;
    margin: 0 0 0 20px;
    padding: 0 !important;
    width: 91%;
}
#TradeEffluent div.error label {
    font-size: 1.1em;
    margin-left: -25px;
}
    
#TradeEffluent div.errorFull {
    text-align: left;
    width: auto;
}
#TradeEffluent #shareValueCalc p {
    margin-top: 1em;
    text-align: center;
}

div#iPage div#iBody div#iMain div#iContainer div#iContent div#iContentInner p.smallGreyText
{
    margin: -10px 0 0 0;
    font-size: 0.9em;
    color: #666;
    text-align: right;
    line-height: 100%;
}