/* begin styles for forms  */
DIV.form-container DIV.labelrow label {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 24px; WIDTH: 660px; PADDING-TOP: 0px
}

DIV.block DIV.formsubtitle {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND-color: #0067A9; FLOAT: left; PADDING-BOTTOM: 6px; WIDTH: 690px; PADDING-TOP: 6px;
}
DIV.block DIV.formsubtitle H3 {
	FONT-SIZE: 1.3em; FLOAT: left; COLOR: #FFF; padding:0.2em 0; margin: 0;
}
DIV.maincon DIV.tips div UL LI { color:Red; font-size:1.1em}

div.form-container span.formbutton{ width:auto; padding-top:0px; float:left; background-repeat:no-repeat; background:url('../img/btn_blue_right.gif') top right no-repeat; height:27px; line-height:20px; color:#FFFFFF; font-weight:bold; font-size:1.1em; margin: 0 10px 0 0;}
div.form-container input.formbutton{ display:block;float:left; padding-bottom:8px; background:url('../img/btn_blue_left.gif') top left no-repeat;height:27px; line-height:20px;color:#FFFFFF;font-weight:bold;font-size:1.1em;padding: 0 6px 2px 5px;margin:0;}
div.form-container div.row div.btn div.inline-button { position: relative; top: -5px;}


DIV.form-container INPUT,
DIV.form-container INPUT,
DIV.form-container SELECT,
DIV.form-container TEXTAREA {color:#333333; }

/* override forms to fix margin between label and input controls */
div.form-container div.row div.formgrid {
    width:500px;
}

div.form-container label {
	font-size: 1.1em;
    margin-right:4px;
}

div.form-container div.row div.checkboxlist table tbody tr td label { width: 400px }

DIV.form-container DIV.labelrow p {
	font-size: 1.1em;
}

/* recaptcha container */
div.form-container div.row div.formgrid div.recaptcha 
{
    padding: 0;
}

div.form-container div.row div.formgrid div.recaptcha div{
    float:none;
    padding: 0px 0px 6px;
    width: 200px;
}

div.form-container div.row div.formgrid div.recaptcha div.recaptcha_input {
    float:left;
    padding: 0px 0px 8px;
    width: 150px;
}

div.form-container div.row div.formgrid div.recaptcha div.recaptcha_buttons {
    margin-top: 10px;
    float:left;
    width: 150px;
}

div.form-container div.row div.formgrid div.recaptcha div.recaptcha_buttons {
    font-weight: bold;
}

/* recaptcha 2 */
div.form-container div.row div.formgrid div.g-recaptcha
{
    padding: 0;
}

div.form-container div.row div.formgrid div.g-recaptcha div
{
    padding: 0;
}

/* checkbox with long label */
div.form-container div.row span.checkbox label {
width:600px;
}

div.form-container div.row span.checkbox label a{
    color:#000000; font-weight:bold;
}

DIV.form-container DIV.labelrow { padding: 0 0 1.5em; }
DIV.form-container DIV.labelrow A {color:#000000; font-weight:bold;}

.error 
{
    color:Red;
}

/* end styles for forms  */

/* begin styles for network documentation tables  */
 table#outer
        {
            
            border-width: 1px;
            border-spacing: 0px;
            border-style: solid;
            
            border-color: white;
            border-collapse: separate;
            background-color: #f3f3f3;
        }
        table#outer th
        {
            border-width: 1px;
            padding: 3px;
            border-style: solid;
            border-color: white;
            background-color: #f3f3f3;
            -moz-border-radius: 0px;
            font-weight:bold;
            font-size:1.2em;
        
        }
        table#outer td
        {
            border-width: 1px;
            padding: 3px;
            border-style: solid;
            border-color: white;
            background-color: #f3f3f3;
            -moz-border-radius: 0px;
            font-size:1.2em;
        }
        table#outer td table td
        {
            border-style: none;
            font-size:1.0em;
                        
        }
        table#outer td table td a
        {
           COLOR: #006eb9;
           font-size:1.0em;
           
        }
/* end styles for network documentation tables  */

/* start styles for Appliance Calculator */
.applianceCalculator .large-white {color:#fff;font-weight:bold; }
.applianceCalculator .normal-black {color:#644E15;}
.applianceCalculator .action-bar { width:938px!important;}
.applianceCalculator .action-bar p {padding:0;}
/*.applianceCalculator {padding-bottom:0!important;}*/

.applianceCalculator .maincon {margin:0 0 0 0!important;padding:0 0 0 20px;}
 

 
 .applianceCalculator .maincon-1column{ margin:20px 0 0 0px;padding: 0 0 0 20px;}
 .applianceCalculator .maincon-1column UL LI {text-decoration:underline;font-size:1.1em; }
 .applianceCalculator .maincon-1column UL LI  
 {
     background: transparent url('../img/icon_arrow_blue.gif') no-repeat scroll left 6px;
     padding: 0.2em 0 0.2em 15px;
     line-height: 1.3;
  }
  
  * html .applianceCalculator .maincon-1column UL LI a {padding-left: 15px;}
  
 .applianceCalculator .maincon-1column UL LI a.bluebtn {left:20px;}
 .applianceCalculator .generic-box{width:460px!important;height:160px!important;}
 .applianceCalculator .generic-box .text .floatright {margin: -35px 0 0 0;}
 .applianceCalculator .generic-box .text a.bluebtn {margin: 10px 0 0 0;bottom:5px;}
 
 #calc-main
 {
     clear:both;
     width:954px;
     height:565px;
     position:relative;
     background: url('../img/ApplianceCalculator/bg_Field.jpg') no-repeat center top;
 }
 
 #calc-main .calc-left div{float: left;width: 450px;height: 477px;}
 #calc-main .calc-lefttoplanding{ background: url('../img/ApplianceCalculator/img_wheel_landing.jpg') no-repeat 0 80px;}
 #calc-main .WashingMachine{ background: url('../img/ApplianceCalculator/img_wheel_Washer.jpg') no-repeat 0 80px;}
 #calc-main .spin1{background: url('../img/ApplianceCalculator/img_wheel_trans1.jpg') no-repeat 0 80px;}
 #calc-main .spin2{background: url('../img/ApplianceCalculator/img_wheel_trans2.jpg') no-repeat 0 80px; }
 #calc-main .TV { background: url('../img/ApplianceCalculator/img_wheel_Tv.jpg') no-repeat 0 80px;}
 #calc-main .DishWasher{background: url('../img/ApplianceCalculator/img_wheel_Dishwasher.jpg') no-repeat 0 80px; }
 #calc-main .Lights {background: url('../img/ApplianceCalculator/img_wheel_Lights.jpg') no-repeat 0 80px; }
 #calc-main .Iron{background: url('../img/ApplianceCalculator/img_wheel_Iron.jpg') no-repeat 0 80px; }
 #calc-main .PoolPump{background: url('../img/ApplianceCalculator/img_wheel_PoolPump.jpg') no-repeat 0 80px; }
 #calc-main .ElectricOven{ background: url('../img/ApplianceCalculator/img_wheel_Oven.jpg') no-repeat 0 80px; }
 #calc-main .ElectricHeater{background: url('../img/ApplianceCalculator/img_wheel_Heater.jpg') no-repeat 0 80px; }
 #calc-main .AirCon{ background: url('../img/ApplianceCalculator/img_wheel_AirCon.jpg') no-repeat 0 80px;}
 #calc-main .Dryer{background: url('../img/ApplianceCalculator/img_wheel_Dryer.jpg') no-repeat 0 80px; }
 
 #calc-main .spin-left
 {
    position: absolute;
    top: 37px;
    left: 68px;
 }
 
 #calc-main .spin-mid
 {
    position: absolute;
    top: 25px;
    left: 158px;
 }
 
 #calc-main .spin-right
 {
    position: absolute;
    top: 35px;
    left: 274px;
 }
  
  #calc-main .calc-leftmid
  {
     z-index:1000;
     float:left;
     width:438px;
     height:397px;
     margin: 81px 0 0 0;
    background: url('../img/ApplianceCalculator/img_wheel_landing.jpg') no-repeat center top; 
  }
 
 #calc-main .calc-left
 {
     float: left;
     position: relative;
     width: 450px;
 }
 
 #calc-main .calc-left img
 {
     cursor:pointer;
 }
  
  #calc-main .calc-right
 {
     width:504px;
     float:left;
     position:relative;
 }
 
 #calc-main .rightWapper
 {
     padding: 70px 30px 0px 0;
	 float: left;
 }
 
 #calc-main .calc-righttop
 {
     color:#123255;
     font-size: 4.2em;
     line-height:1;
     float:left;
     width: 504px;
     /*text-shadow : -1px 1px #123255;*/
     position: relative;
 }
 
 #calc-main .calc-righttop span
 {
     color:#ffffff;
     position: absolute;
      left: 1px;
      top: -1px;
 }

 
 #calc-main .calc-rightmid
 {
     width:447px;
     margin: 38px 0 0 0;
     float: left;
 }
 
#calc-main .landingbox
 {
     background: url('../img/ApplianceCalculator/LandingBox.png') no-repeat center top;
     width:447px;
     height: 189px;
      cursor:pointer;
      padding: 0 0 131px 0;
 }
 
 #calc-main .landingbox .box
 {
    display:none;
    padding:20px 20px 10px 30px;
    font-size:1.3em;
    color:#000;
 }
 
 #calc-main .landingbox .disabledbox
 {
    padding:20px 30px 10px;
    color:#333;
    font-size:1.6em;
    font-weight:bold;
 }
  
 #calc-main .landingbox p{line-height:1.2em;color:#000;}
 #calc-main .landingbox .button{float:right;}
 #calc-main .maincontent
 {
    display:none;
    padding:10px 20px 0 0px;
    font-size:1.3em;
    color:#000;
    float: left;
    }
 #calc-main .topcontent {color:#333;font-size:1.2em;font-weight:bold; float: left; margin: 0 0 10px 0; padding: 0; }
 #calc-main .midcontent {
	 background:url('../img/ApplianceCalculator/table_BG.png') no-repeat 0 0;
	 width:436px;
	 height:139px !important; 
	 float: left; 
	 margin: 0; 
	 padding: 0;
	}
 #calc-main .bottomcontent {margin:10px 0 0 0; float: left; width: 100%;}
 #calc-main .bottomcontent a {color:#fff; text-decoration:underline;font-size:1.1em; float: right;}
 #calc-main .midcontent .header {color:#644E15;padding:12px 0 70px 0;font-weight:bold; float: left; width: 436px;}
 #calc-main .midcontent .header .leftheader{margin: 0 46px 0 0; float: left; width: 98px; text-align: center;}
 #calc-main .midcontent .header .rightheader{margin: 0; float: left; text-align: center; width: 290px;}
 #calc-main .midcontent ul {font-size:2em; font-weight:bold; margin:0 0 0 0;}
 
 #calc-main .midcontent .rate {
	 font-size: 2em; 
	 font-weight: bold;
	 margin: 0;
	 width: 97px;
	 text-align: center; 
	 float: left;
	 margin: 0; 
	 display: inline;
	}
 #calc-main .midcontent .flatrate { color:#666666; margin: 0 46px 0 1px;}
 #calc-main .midcontent .shoulder { color:#CDB436;}
 #calc-main .midcontent .offpeak { color:#003D5C}
 #calc-main .midcontent .peak { color:#5D3114;}
 
 #calc-main .calc-rightbottom { display:none; background: url('../img/ApplianceCalculator/bg_Tip.jpg') no-repeat 0 0;width:439px;height:85px;margin: 10px 0 0 0px; float:left;}
 #calc-main .calc-rightbottom .box {padding: 15px 20px 0 20px;}
 #calc-main .calc-rightbottom .title{color:#F7C623;font-size:1.3em;padding:5px 0 0 0;}
 #calc-main .calc-rightbottom .bold{font-weight:bold;}
 #calc-main .calc-rightbottom .text{color:#fff;}
 
 #calc-main .calc-bottom 
 {
     float:left;
     text-transform:uppercase;
     font-weight:bold;
     font-size:1.3em;
     width:954px;
     text-align: center;
 }
 
 #calc-main .calc-bottom .inner
 {
     padding: 15px 0 0 0;
     line-height: 1.4em;
     text-align: center;
  }
  
#calc-main .calc-bottom span 
{
    color:#ccc; 
    margin: 0 20px 0 0; 
    list-style-type: none; 
    padding: 0 0 2px 25px;
   }
   
   #calc-main .landing
{
    margin: 43px 0 0 0; 
}
   
#calc-main .calc-bottom .flatrate { background: url('../img/ApplianceCalculator/key_FlatRate.gif') 0 0 no-repeat; }
#calc-main .calc-bottom .peakrate { background: url('../img/ApplianceCalculator/key_Peak.gif') 0 0 no-repeat; }
#calc-main .calc-bottom .offpeakrate { background: url('../img/ApplianceCalculator/key_OffPeak.gif') 0 0 no-repeat; }
#calc-main .calc-bottom .shoulderrate { background: url('../img/ApplianceCalculator/key_Shoulder.gif') 0 0 no-repeat; }

#calc-popupbox {display:none;}
.popup-wrapper {background:#fff;font-size:1.2em;height:100%;width:100%;color:#000}
.popup-wrapper h3 {color:#0083C6; padding-bottom:0.4em;}
.popup-inner-wrapper {padding: 20px 25px 15px 30px;}

.appliance-text .title{font-weight:bold;}
.popup-wrapper .statement p {font-size:0.9em;padding:0 0 15px 0}
.popup-wrapper .statement .bluebtn {width:80px;height:25px;float:right;font-weight:bold; text-align:center;margin-right:0;padding-left:0;}

/* start styles for Info Share Map */
#gmapWrapper
{
    width:938px;
    height:560px; 
}

#gmapWrapper .map-window
{
     position:absolute;
     
}

.marker-label
{
    background-color:#000;
    font-weight:bold;
    color:#fff;
    font-size:1.1em;
    opacity:0.7;
    filter:alpha(opacity=70); 
    display:none; 
    padding: 5px 3px;
    white-space:nowrap;
}

/* postcodesearch */
#searchbar 
{
    display:none;
    background-color:#7f7f7f;
    width:680px;
    height:40px;
    color:#fff;
    /*opacity:0.7;filter:alpha(opacity=70);*/
    position:relative;
}

#searchbar .leftbar
{
    width:410px;
    height:35px;
    float:left;
    font-size: 1.3em;
    font-weight:bold;
    padding: 5px 0 0 5px;
    border-right: 1px solid #fff;
}

#searchbar .leftbar p 
{
    color:#fff;
    float:left;
    padding: 5px 5px 0 5px;
}

#searchbar .leftbar input
{
    float:left;
    height: 25px;
    line-height:25px;
    width: 180px;
    padding: 0 5px;
}

#searchbar .rightbar
{
    float:left;
    padding: 2px 0 0 12px;
}

/* initial screen */
#initial
{
    background-color:#FFFFFF;
    border:1px solid #999999;
    cursor:default;
    position:relative;
    text-align:left;
    width:600px;
    height:300px;
    z-index:50;
    margin-left: auto;
    margin-right: auto;
    top:100px;
    font-size:1.3em;
    padding: 30px 20px 0 20px;
    overflow:auto;
}

#initial .header
{
    text-align:center;
}

#initial p
{
    font-size:1.3em;
    line-height:22px;
    text-align:left;
    padding-bottom:20px;
}

#initial h2 {padding-bottom:20px;}

#initial input
{
    width:150px;
    height:40px;
    font-size:1.2em;  
}

/* Info Window */
#info-window 
{
  display:none;
  background-color:#FFFFFF;
  border:1px solid #999999;
  cursor:default;
  position:relative;
  text-align:left;
  width:694px;
  height:440px;
  z-index:50;
  margin-left: auto;
  margin-right: auto;
  top:50px;
  font-size:1.3em;
}

#info-window h2
{
    margin:0 22px 0 0;
    padding:0;
    /*display:inline;*/
}

#info-window h4
{
    padding:0;
    margin:0 10px 0 0;  
}

#info-window h5
{
    font-size:1.1em;
}

#info-window select
{
    float:right;
    background: url(../img/bg_select_repeat.jpg) 0 center repeat-x;
    font-size: 1.5em;
}

#info-window a
{
    color: #006eb9;  
}

#info-window div.left
{
    float:left;
}

#info-window div.right
{
     float:left;
}

#info-window a.morelink
{
    padding:0 0 10px 0; 
    display:inline-block;
}

#info-window div.close
{
    padding: 10px 13px 0 0; float:right;
}

#info-window p
{
    line-height:15px;
    padding:0 0 10px 0;
    margin:0;
}

#info-window .scroll-div
{
    overflow-y:auto;  
    overflow-x:hidden; 
    height:270px; 
    position:relative;
    float:left;
    width:650px;
}

/*  Info window table  */
#info-window table{font-size:0.9em;margin-bottom:20px;width: 100%;}
#info-window table th
{
    text-align:center; 
    height:30px;
    font-size:0.9em;
    padding:0 15px;
}

#info-window  table td
{
    height:30px;
    text-align:center;
}

#info-window table .first-column
{
    text-align:left;
    padding-left:20px;
    width:230px;
    font-size:1.2em;
}


#info-window table tr.odd
{
    background: #F2F2F2;
}

/* overview screen */
#overview
{
    display:none;
    margin-top: 30px;
    padding: 0 30px 10px 32px;
}

#overview table td
{
    padding:3px 0 3px 6px;
    width: 300px;
}

#overview table img
{
    float:left;
    margin-right:20px;
}

#overview table a
{
    margin-top: 12px;
    float:left;
}

#overview table a:hover
{
    text-decoration:underline;
}

#overview h2 {padding-bottom:20px}
#overview h5 {padding-bottom:5px}



/*   lga data screen   */
div#lgadata
{
    display:none;
    margin-top: 30px;
}

#lgadata .header {padding-left:32px;}

#lgadata .header h2 {float:left;}

#lgadata .header a  {float:left;margin-top:8px;}

#lgadata .scroll-div
{
    padding: 0 22px;
    height:315px;
}



#lgadata .nav-bar
{
    float:left;
    background: url(../img/InfoShareMap/bg_bar_repeat.jpg) 0 center repeat-x;
    padding:10px 10px 10px 35px;
    margin:10px 0 5px 0;
    width:649px;
    height:30px;
}

#lgadata .lefttext { float:left;}
#lgadata .lefttext h4{ float:left;}
#lgadata .link
{
   padding-top:6px;
   float:left;
}

#lgadata .chart-title
{
    float:left;
    height:200px;
    width:130px;
}

#chart1, #chart2, #chart3
{
    padding-bottom:10px;    
}

#holder1, #holder2, #holder3
{
    float:right;
}

/*  Network    */
#info-window #network
{
    display:none;   
    padding: 0 20px;
    margin-top: 30px;
    
}

#network .header
{
    text-align:center;
}

#network h2 {padding-bottom:10px;}
#network .header p {text-align:left;}

#network .subtitle
{
    font-weight:bold;
    text-align:left;
    font-size:1.3em;
    padding-left:20px;    
}

#info-window .footer .inner
{
    float:right;
    font-size:0.9em;
    margin: 10px 10px 0 0;
    background: url(../img/InfoShareMap/csv_file.gif) right no-repeat;
    height:30px;
    width:315px;
    padding-top:20px;
}

#info-window .footer img {margin-left:10px;}

#csvDownload
{
    display:none;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    
    top:0px;
    left: 695px;
    position: relative;
    width: 100px;
    _width:110px;
    overflow:auto;
    z-index:1000;
}


#csvDownload a
{
    color: #006EB9;
    font-size:1.1em;
}

#csvDownload a:hover
{
    text-decoration:underline;
}

#csvDownload ul
{
    padding-left:0;
}

#csvDownload ul li
{
    padding-left:5px;
}

DIV.maincon-1column
{
   width:938px; 
   margin-top:20px;
}
DIV.maincon-1column .generic-box-wrapper{margin-left:7px;}

DIV.maincon-1column DIV.generic-box {height:155px;margin:0;}

DIV.maincon-1column DIV.generic-box.last {margin:0 0 0 18px}

DIV.maincon-1column DIV.generic-box h3 {color: #333}

DIV.maincon-1column DIV.generic-box .pad {
    padding: 10px 12px 0;
}


/* Banners in the carousel control */
div.BannerText {
	background:url(../img/bg_banner_drarkstrip.png) center bottom no-repeat; 
	height: 34px;
	padding: 8px 0;
	margin-top: -50px;
	position:absolute;
	width:700px;
	z-index: 1;
}

div.BannerFlash {
    bottom: 0px;
    left: 0px;
    position: absolute;
}

div.BannerTextTitle { 
	color: white; 
	display: block; 
	float: left;
	font: bold 18px Helvetica, Arial, sans-serif; 
	position: relative; 
	margin-left:20px; 
	width: 400px; 
	z-index:5;
}

div.BannerTextSubTitle { 
	color: white; 
	display: block; 
	float: left; 
	font: bold 12px Helvetica, Arial, sans-serif; 
	margin-left:20px; 
	position: relative; 
	width: 400px; 
	z-index: 5;
}

/* pagination control allowing users to changer which item is displayed in the carousel */
div.paginationWrapper { 
	float: left;
	height: 18px;
	margin: 0 0 0 8px;
	padding: 8px 0;
	position: relative;
}

/* find out more button */

span.button { 
	color: white; 
	display: block; 
	float: right;
	font: bold 12px Helvetica, Arial, sans-serif; 
	height:27px;
	margin-top: -36px; 
    padding-top:0px;
    padding-right:10px;
	position: relative; 
	z-index:9;
}

span.button a
{
    color:#fff;
    display:block;
    height:27px;
    font-weight:bold;
    font-size:14px;
}

span.button a span.left
{
    background:url('../img/btn_blue_left.png') left center no-repeat;
	display:block;
    float:left;
    height:27px;
    width:7px;
}

span.button a span.content
{
    background:url('../img/btn_blue_center.png') 0 center repeat-x;
	display:block;
    float:left;
    height:15px;
	line-height: 15px;
    padding:6px;
}

span.button a span.right
{
    background:url('../img/btn_blue_right.png') right center no-repeat;
	display:block;
    float:left;
    height:27px;
    width:20px;
}


#social_media_container{ margin-bottom: 15px; min-height: 10px; }
#social_media_container .addthis_button_tweet{ margin-left: -8px;}

table#calltimeslot {
	border-spacing: 0;
    border-collapse: collapse;
}

table#calltimeslot th {
	font-size: 1.1em;
}

table#calltimeslot td {
	font-size: 1.05em;
    border-width: 0 0 0 0;
    border-style: solid;
	padding-top: 6px;
	padding-bottom: 4px;
}

table#calltimeslot td p  {
	font-size: 1.05em;
}

table#calltimeslot td.center {
    text-align: center;
    vertical-align: middle;
}

table#calltimeslot td INPUT {
    float: none;
}

th.calltimeslot-time {
	width: 120px;
}

th.calltimeslot-day {
    text-align: center;
	width: 80px;
}

div.formgrid table#content_0_left_2_BulkRequestReportType label,
div.formgrid table#content_0_left_2_ReportType label,
div.formgrid table#content_0_left_2_ThirdPartyRequest label,
div.formgrid table#content_0_left_2_BulkRequest label {
    display: inline;
    width: auto;
    margin-right: 16px;
    margin-left: -4px;
}

#content_0_left_2_NMI {
    text-transform: uppercase;
}