/*
  Running MySource Matrix
  Developed by Squiz - http://www.squiz.net
  MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 04 February 2012 17:05:32
*/


 /* css style sheet */
  
      body {
      margin:0;
      padding:0;
      font-family:Tahoma, arial, sans-serif; 
      font-size:80%; 
      color:#666666; 
      text-align:center;
      background-color:#DDDDDD;}
  
      p {
      margin:0.2em 0 1.2em 0; 
      padding:0.3em;
      padding-left:0;
      }
      
      a img{
          border:0;
      }
      
      h1 {
      padding:0; 
      margin:0;
      font-size:200%; 
      font-weight:normal; 
      color:#88BB00; 
      font-family:"Trebuchet MS", Tahoma, arial, sans-serif;
      }
      
      h2 {
      color:#000000; 
      font-size:100%; 
      font-weight: normal;
      padding:0;
      font-family:Tahoma, arial, sans-serif;
      margin:0;
      }
      
      div {
      margin:0; 
      padding:0;
      display:block;
      }
  
          td{
          font-size:0.8em;   /*  I have not changed this (yet),  but this might be a problem for non-IE6 browsers.  */
          }
  
      a:link, a:visited {
      text-decoration:none;
      color:#blue;
      }
      
      a:hover {
      color:#blue; 
      text-decoration:none;
      }
      
      a:active {
      color:#blue; 
      text-decoration:underline;
      }
      
      img{
      padding:0;
      margin:0;
      }

.breakoutbox { float:right; background-color:#eee; padding:6px; width:180px; } 


       /* REMOVE BULLET POINTS FROM FORM LISTS */
  
      form ul li {
      list-style: none;
  }
  
      .pagetitle{
      font-size:1.6em;
      color:#36c6f4;
      margin:10px;
      margin-left:0px;}
  
      .container {
      background-color:#FFFFFF; 
      margin:0 auto 0 auto; 
      padding:0; 
      width:1000px;
      }
      
      .titleblock p {
      text-indent:4em;
      color:#3B4471;
      }
      
      .breadcrumbBar {
      height:30px;
      padding-bottom:5px;
  
      }    
      
      .content {
      float:left; text-align:left; margin:1.2em 13.5em 0 0 0; padding:1em 1ex 1em 1.5ex; 
      width:577px;
      padding-top:0px;
      margin-top:0px;
      
      }
      
      .adBar {
      float:right;
      padding-left:0px;
      width:230px;
      position:relative;
      *padding-right:30px;
      *width:200px;
      }
  
      .sdBar {
  text-align:left;
      float:right;
      padding-left:0px;
      width:270px;
      position:relative;
      *padding-right:30px;
      *width:270px;
  margin-left:-50px;
      }
  
  .sdBar ul{
  list-style:none;
  }
  
  
  
  
      .footer .right {
      float:right; 
      clear:right; 
      text-align:right;
      }
  
      .footer p {
      margin:0;
      }
      
      .navbar{
      padding-left:10px;
      width:150px;
      float:left;
      padding-right:10px;
  
      
      }
      
      #suckerdiv {
      float:left;
      text-decoration: none;
      z-index:999;
      font-size:110%;
      padding-bottom:10px;
      padding-top:10px;
      margin-bottom:20px;
      background-color:#f3f4f4;
      text-align:left;
      }
  
      #suckerdiv ul{
      margin: 0;
      padding: 0;
      list-style-type: none;
      width: 150px; /* Width of Menu Items */
      text-decoration: none;
      z-index:999;
      }
      
      #suckerdiv ul li{
      position: relative;
      z-index:999;
      background-color:#f3f4f4;
      }
      
  /*Sub level menu items */
      #suckerdiv ul li ul{
      position: absolute;
      width: 200px; /*sub menu width*/
      top: 0;
      left: -999em;
      z-index:999;
  
  text-transform:none;
          font-size:0.9em;
      }
      
      
      #suckerdiv ul li:hover ul{
      left:150px;
      }
      
      #suckerdiv ul li:hover ul, #suckerdiv ul li.sfhover ul {
      left: 150px;
      position: absolute;
      width: 150px; /*sub menu width*/
      top: 0;
      z-index:999;
      }
  
  /* Sub level menu links style */
      #suckerdiv ul li a{
      display: block;    
      color: #666666;
      text-decoration: none;
      padding:5px;
      padding-left:15px;
      z-index:999;
      line-height:22px;
  
      text-transform: uppercase;
      }
      
      #suckerdiv ul li ul li a{
  text-transform:none;
      line-height:15px;
      }
      
      #suckerdiv ul li a:visited{
      color: #666666;
      text-decoration: none;
      z-index:999;
      }
      
      #suckerdiv ul li a:hover{
      color: #36c6f4;
      background-color:#ffffff;
      z-index:999;
      }
      
      #suckerdiv .subfolderstyle{
      
      }
      #suckerdiv ul li {*height: 1%; }
      #suckerdiv ul li a { *height: 1%; }
  /* Holly Hack for IE \*/
  * html #suckerdiv ul li { float: left; height: 1%; }
  * html #suckerdiv ul li a { height: 1%; }
  /* End */
  }
  
  /*Start ---- CSS Bianca provided.*/
  
      .content body {
          font-family: Tahoma;
          font-size: small;
          color: #000000;
      }
      
      .content a:link,.content  a:hover {
          color: #0000ff;
          text-decoration: none;
          font-weight: normal;
      }
      
      .content a:visited {
          color: #660066;
          text-decoration: none;
          font-weight: normal;
      }
      
  
      .content a:hover {
          text-decoration: underline;
      }
      
      .content h1{
          font-size: large;
          font-weight: medium;
          color: #0099DD;
          letter-spacing: -1px;
          padding-top: 20px;
          padding-bottom: 2.5%;
      }
      
      .content h2{
          font-size: medium;
          font-weight: normal;
          color: #0099DD;
          letter-spacing: 0px;
          padding-top: 10px;
          padding-bottom: 2.5%;
      }
  
      .content h3{
          font-size: small;
          font-weight: normal;
          color: #0099DD;
          letter-spacing: 0px;
          padding-top: 10px;
      }
      
      .content .breadcrumbBar{
          font-weight: normal;
          text-align: left;
      }
      
      .content .notes {
          font-size: 80%;
          font: Tahoma;    
          color: #0099DD;
      }
      
      .content ul{
          list-style-type:circle;
          margin-top: -1%;
      }
      
      .content li{
          margin-bottom: 2%;
          *margin-top: 2%;
      }
  
      .content TH {
          font-size:0.8em;
          font-weight:bold;
          text-align:left;
          padding:2px;
      }
      
      .content .devnote {
          font-size: 100%;
          color:#990099;
          font-weight:bold;
      }
      /*End ---- CSS Bianca provided.*/
      
   
      .content .breadcrumbBar a,.content .breadcrumbBar a:link,.content breadcrumbBar a:visited,.content breadcrumbBar a:hover{
          color:#666666;
      }
      
      #imageContainer {
          position:relative;
      margin-left:auto;
      margin-right:auto;
          width:570px;
          text-align:center;
   
      
      }
      
      #imageContainer {
          height:185px;
  
      }
      
      #imageContainer img {
          display:none;
          position:absolute;
          top:0; left:auto;right:auto;
  
      *top:0; *left:0;
      }
      
      .searchBox {
          text-align:right;
          padding-right:10px;
          float:left;
          position:relative;
          top:14px;
          padding-top:8px;
          left:200px;
          color:black;
      }
      
      .searchBox a{
          color:black;
      }
      
      .searchBox  .inputbox {
          border:1px solid #b1b4b6;
  
          height:18px;
          position:absolute;
          font-size:1em;
          padding:0;
          margin:0;
          top:7px;
             left:110px;
      }
      
      .searchBox  .submit {
          border:none;
          color:#ffffff;
          background-color:#babcbe;
          height:20px;
          width:30px;
          text-align:center;
          position:absolute;
          padding:0;
          margin:0;
          top:7px;
          left:210px;
      }
      
      .searchBox1 {
          position:relative;
          float:left;
  
      }
      
      .searchBox1 form{
          *width:330px;
          position:absolute;
          width:370px;
          top:-3px;
      *left:0;
  *top:-7px;
      }
  
      .leftAD{width:130px;bottom:-50px;position:relative;vertical-align:bottom;margin-top:80px;}
      
       .btns{position:absolute;top:2px;left:332px;width:80px;}
      
       .btns img{
      border:0;padding:0;margin:0;position:relative; top:4px;*top:1px;
      float:left;
      left:40px;
      }
      
      #newslist td{
          padding-top:10px;
          vertical-align:top;
          width:33%;
                  font-size:1em;
          padding-right:10px;
  
      }
      
      .NewsItem {
          vertical-align:top;
      }
      
      .NewsTitle{
          padding:0;
          margin:0;
          color:blue;font-size:1.2em;font-weight:bold;
      }
      
      .NewsTitle a, .NewsTitle a:link{
          padding:0;
          margin:0;
          color:blue; 
      }
      
      .NewsTitle a:visited {
          color:blue; 
      }
      
      .NewsTitle a:hover {
          text-decoration:underline;
      }
  
      .newsDate  {font-size:0.85em;}
      
      .NewsSummary, .newsItemSummary {
      margin:5px 0 12px 0;
      } 
  
  
      #sq_news_summary  {
      padding-bottom:24px; /* Ian 11 Feb 10 */
      }
  
  
  
    /* the entry below is added to deal with the double-nested P tags on news articles.   */
    /* a problem has been logged with squiz to fix the root cause.                  */
    /* in the meantime, we going to add some styles to stop it from causing a double-line feed */
    /*  Ian symonds (dialog IT) 10 Feb 09  */
  
     #sq_news_body {
      margin-top:0;
      position:relative;
      top:-48px
  }
  
    /* 4 Mar 2010 */
     /* added by Ian, to help the format of images embedded in news stories.  */
     /* this only deals with the first image, I'm not sure how it would cope with subsequent images */
     
      #sq_news_body p img {
      position:relative;
      top:6px
      }
        
  
  
  
      
    /* the style below is used on the standard drawings asset builder page.  it's used to add a user to the mailing list */
  
      .user_add_mod .sq-limbo-field {
         width:90px;
         vertical-align:top;
  }  
  
   /* format for the input box labels.  This is the first time used here, it would be good to use it as a */  /* generic across the system   */
   /*   Ian 1 Mar 2010                                 */
  
      .inputlabel {
         display:inline-block;
         width:80px;
         font-weight:bold;
  }
  
     .std_mail_subscribe .form_commit {
      margin-top:12px;
      margin-left:225px;
  }
  
  
  /* this relocates the input box areas.    */
  /* it's here because matrix has a redundant <p></p> sequence creating a big blank space in the page */
  /* this style eliminates it  */
  /* it you create a new page for the asset builder, you'll need to change the asset number referenced below    #content_div_19109 {
     position:relative;
     top:-24px;
  }*/
  
  
  
      /* standard drawings user list page */
      /* http://www.powerwater.com.au/business/for_business_and_developers/std_drawings_users  */
     .std-drawings-email-list {   }
     .std-drawings-email-user { padding:3px 0; }
     .std-draw-email-name {}
     .std-draw-email-email { }   
     .std-draw-email-position { }
     .std-draw-email-company {}
  

     /* Below has been added by Ian 21 June 10.  Table format in IE8 looks wrong, at least for the user listing page */
     /* The scope of this may extend to the whole site.  If so, change the font size for the generic TD tag */
     .std-drawings-email-list th,                                          
     .std-drawings-email-list td { font-size:1.2em; padding:3px 6px;   }

  
      /*SUBMENU*/
      
      .submenu {
          width:150px;
  }
      .submenu ul{
          margin:10px;padding:0;
          color:#666666
          list-style-type:circle;
      }
      
      .submenu li{
          margin:5px;
          color:#666666;
          line-height:14px;
          list-style-type:circle;
  
  
  
  
  
  
  
  
      }
      
      /*END of SUBMENU*/
  
  .titleblock {
          padding:0px;
  
  
  
          margin:0;
          text-align:left;
          background-repeat:no-repeat;
          background-position:2% bottom;
          height:60px;
          background-color:#ffffff;
      }
  .titleblock a img{
  border:0;
  }
      .searchBar{
          width:100%;
          height:44px;
          background-image:url('/_media/style_associates/searchbar.gif');
          position:relative;
          left:0px;
          margin:0px;
          padding:0;
  }
      .searchBar .HoriNav {
          position:relative;
          padding-left:0px;
          padding-right:16px;
          float:left;
          top:5px;
          left:5px;
          margin:0px;
      }
      
      
  
      
      .searchBar .HoriNav ul li{
  
  
          font-size:1.1em;
          padding-left:0px;
          padding-right:0px;
          padding-top:0px;
          padding-bottom:0px;
          float:left;
          height:26px;
          list-style-type: none;
          position:relative;
          margin:0px;
      }
  
  .normalNav{
          background-image:url('/_media/style_associates/btn2.gif');
          background-repeat:no-repeat;
          background-position:center bottom;
          width:101px;
  }    
      
  .businessNav{
  background-image:none;
          background-image:url('/_media/style_associates/btn2_busi.gif');
          background-repeat:no-repeat;
          background-position:center bottom;
          width:94px;
      }
      
      .businessNav2{
  background-image:none;
          background-image:url('/_media/style_associates/btn2_busi2.gif');
          background-repeat:no-repeat;
          background-position:center bottom;
          width:79px;
      }
      
          .residential{
  
          background-image:url('/_media/style_associates/btn2_focus.gif');
          background-repeat:no-repeat;
          background-position:center bottom;
          width:101px;
          color:white;
      }
      
      .business{
  
          background-image:url('/_media/style_associates/btn2_busi2_focus.gif');
          background-repeat:no-repeat;
          background-position:center bottom;
          width:79px;
          color:white;
      }
      
      .community{
  
          background-image:url('/_media/style_associates/btn2_focus.gif');
          background-repeat:no-repeat;
          background-position:center bottom;
          width:101px;
          color:white;
      }
  
      .searchBar .HoriNav a {
          position:relative;
          top:8px;
          text-decoration:none;
          color:#666666;
  
      }
      
      .searchBar .HoriNav a:hover{
           color:#36c6f4;
      }
      
      .searchBar .HoriNav ul{
  
          margin-left:4px;
          padding-left:0;
          list-style-type: none;
          text-decoration: none;
          z-index:999;
  
  }
      
      .footer {
          color:#999999; font-size:75%;
          text-align:center; clear:both;
          background-image:url('/_media/style_associates/footerback.gif');
          background-repeat:repeat-x;
          height:61px;
          color:black;
          
      }
      
      .footer a{
      color:black;
      }
      .adBar .ad1 {
      position:relative;
      left:10px;
          padding-left:5px;
      padding-right:5px;
      color:#ffffff;
      font-size:0.8em;
      background-image:url('');
      background-repeat:no-repeat;
      height:281px;
      width:196px;
      text-align:left;
  
  }
  .adBar .ad2{
      position:relative;
      left:10px;
      top:10px;
      padding-top:20px;
      padding-left:5px;
      padding-right:5px;
      color:#ffffff;
      font-size:0.8em;
      background-image:url('');
      background-repeat:no-repeat;
      height:184px;
      width:196px;
      text-align:left;
      padding-bottom:40px;
      *width:196px;
      margin-bottom:40px;
  }
  
  .adBar a img{
      border:0;
  }
  #text{
  font-size:0.8em;
  }
  
  .form_error_box{
      background-color:#fcfcfc;
      border:1px solid #ccc;
      width:500px;
      padding:5px;
  }
  
  .form_error_text{
      color:red;
  }
  
  .plannedwork_edit {
      display:none;
  }
  
/*News Items*/

.newsroom_ul li{
    display:inline-block;
    width:600px !important;
}

.newsroom_date{
    display:inline-block;
    width:100px !important;
    vertical-align:top !important;
}

.newsroom_title{
    display:inline-block;
    width:400px !important;
}

/*End of News items*/
  
      
      #news1,    #news2, #news3, #news4, #news5, #news6{text-align:left;font-size:0.8em;float:left;position:relative;width:32%;height:80px;margin-right:1%;margin-bottom:20px;}
      #news1 h1,    #news2 h1, #news3 h1, #news4 h1, #news5 h1, #news6 h1 {color:black;font-size:1.3em;font-weight:bold;}
      #news1 a,    #news2 a, #news3 a,  #news4 a, #news5 a, #news6 a{color:black;}
  
  /*SUPER HACK for Safari*/
      html[xmlns*=""] body:last-child .searchBar .HoriNav {top:6px;}
      
      
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /*SUPER HACK for our 'beloved' IE */
      .searchBar .HoriNav{*top:18px;}
  
      
  /* FOR OUT BELOVED IE 6*/
  
  
  
  * html  .adBar .ad1{margin-bottom:0px;width:215px;height:281px;}
  * html     .adBar .ad2{margin-bottom:30px;width:215px;height:220px;}
  * html .content{margin-right:-480px;}
      
      
      * html .adBar {    padding-right:20px;margin-bottom:20px;}
      * html .searchBox .submit{height:18px;}
      * html .searchBox {left:160px;}
      * html .leftAD{bottom:-50px;margin-left:0px;}
      * html .btns{left:380px;}
  *html      .btns img{
      left:15px;
      }
  * html     #newslist td{
  font-size:0.85em;
  
      }
      }
  * html     #newslist td{
  font-size:0.85em;
  
      }