/* site master stuff */
#page { background: #fff; }
#breadcrumbs { background: #fff; padding: 8px 10px 0; text-align: left; }
#middle { margin: 0 10px; }
#middle tbody td a { display: inline; }
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; height: 120px; }
#footer td { background: #f9f9f9; }
#footer td a { display: block; text-align: right; margin: 0; }
#PSCaddress { text-align: left; }
#Translate { float: right; text-align: right; }
#hours { float: right; text-align: left; }
#searchhelp { cursor: pointer; display: inline; }
#searchdialog, #tariffsdialog { display: none; }

.homelink { left: 0px; position: absolute; bottom: 0px; }
.homelink img {	border-style: none;	height: 80px; width: 575px; }
.rss { right: 5px; position: absolute; bottom: 2px; text-align: right; }



.col3 { width: 500px; margin: 0 230px 0 230px; padding: 0 0 0 5px; }
.col1, .col15, .col2, .col25, .col3 { position:relative; }
.colhalf1 { float: left; width: 480px; padding: 0 5px 0 0; position: relative; }
.colhalf2 { width: 480px; padding: 0 0 0 5px; margin: 0 0 0 490px; position: relative; }
@media (max-width: 768px) 
{
    .col25 {max-width: 600px; margin: 0 0 0 0; padding: 0 0 0 1px;text-align:left  }  /*experiment with no margin as col1 takes hidden narow  originally col 25 was 150px*/
    .col1 { float: left; width: 155px; padding: 0;text-align:left; }
    .hdnNrw{display:none}
    .col2 {display:none}
    #imain{max-width:512px}
    .clsLoginBox{
        text-align: left !important;
    }
    .clsSearchBox {
        text-align: left !important;
    }
}
@media (min-width: 768px) and (max-width: 991px)  /*original style*/
{
    .col25 { width: 740px; margin: 0 0 0 230px; padding: 0 0 0 5px; } 
    .col1 { float: left; width: 230px; padding: 0;}
    .col15 { width: 740px; padding: 0 5px 0 0; }
    .col2 { float:right; width: 230px; padding: 0 0 0 0; z-index:1080; background:#fff}
    #imain{max-width:645px}
    .clsLoginBox {
        text-align: left !important;
    }

    .clsSearchBox {
        text-align: right !important;
    }
}
@media (min-width: 992px) 
{
    .col25 { width: 930px; margin: 0 0 0 230px; padding: 0 0 0 5px; }
    .col1 { float: left; width: 235px; padding: 0; }
    .col15 { width: 820px; padding: 0 5px 0 0; }
    .col2 { float:right; width: 230px; padding: 0 0 0 0; z-index:1080; background:#fff }
    #imain{max-width:800px}
    .clsLoginBox {
        text-align: left !important;
    }

    .clsSearchBox {
        text-align: right !important;
    }
}

.hlist ul{ list-style-type:none; padding:0; margin:0; }
.hlist li{ float:left; position:relative; z-index:1000; }
.hlist table{ position:absolute; border-collapse:collapse; z-index:1000; left:0px; top:29px; }
.hlist td { padding: 0; }
.hlist p { font-weight: bold; display:block; width:150px; margin: 0; padding: 4px 6px 8px 6px; color:#fff; text-decoration:none; text-align: center; cursor: pointer; }
.hlist a,.hlist a:link,.hlist a:visited { font-weight: bold; display:block; width:150px; padding: 4px 6px 8px 6px; color:#fff; text-decoration:none; text-align: center; cursor: pointer; }
.hlist :hover{ color:#fff; background:#486897; text-decoration: none; }
.hlist ul ul { visibility:hidden; position:absolute; width:150px; height:0; }
.hlist ul ul li { background: #000; opacity: 0.95; }
.hlist li.submenu { background:#000 url("../images/rightarrow.png") no-repeat scroll right center !important; }
.hlist li.submenu :hover { background:#486897 url("../images/rightarrow.png") no-repeat scroll right center !important; }
.hlist li.submenu ul li :hover { background-image: none !important; }
.hlist ul ul ul { visibility: hidden; position: absolute; left: 162px; top: 0px; }
.hlist ul ul table { top: 0px; }
.showItem { visibility: visible !important; }
.hlist li:hover ul { visibility: visible; }
.hlist ul li:hover ul,.hlist ul a:hover ul{ visibility:visible; }
.hlist ul a:hover ul ul, .hlist ul :hover ul ul { visibility: hidden; }
.hlist ul ul a:hover ul, .hlist ul ul :hover ul { visibility: visible; }



h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; font-weight:normal;  margin: 0 0 0.25em 0; }
h1 { font-size: 250%; }                       /* 30px */
h2 { font-size: 200%; }                       /* 24px */
h3 { font-size: 150%; }                       /* 18px */
h4 { font-size: 133.33%; }                    /* 16px */
h5 { font-size: 116.67%; }                    /* 14px */
h6 { font-size: 116.67%; }                    /* 14px */

p { line-height: 1.5em; margin: 0 0 1em 0; }
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; list-style-position: outside;}
ol { text-align: left; }
li { margin-left: 0em; line-height: 1.5em; }
li a { display: block; }

a[href$=".doc"], a[href$=".DOC"] { background:transparent url("../images/word.gif") no-repeat scroll right center !important; padding-right:16px; }
a[href$=".pdf"], a[href$=".PDF"] { background:transparent url("../images/pdf.gif") no-repeat scroll right center !important; padding-right:16px; }
a[href$=".xls"], a[href$=".XLS"] { background:transparent url("../images/excel.gif") no-repeat scroll right center !important; padding-right:16px; }



table { border-collapse:collapse;  }
table caption { /*background: transparent url("../images/backbar.jpg") repeat-x; */
                background-color:#c5dbec;
                color: #003366; font-weight: bold; }

th,td, caption{ padding: 0.5em; }

tbody th { background-color: #069; color: #fff; text-align: center; }

tbody td { border-bottom: 1px solid #eee; text-align: center; }
    tbody td a {
        display: block;
        text-align: center;
        margin: 0;
        color: #014f81;
        text-decoration: underline !important
    }
tbody td p { margin: 0; padding: 0; }
tbody tr:hover td { background: #f0f4f8; }
tbody th a { color: #fff !important; background: transparent; text-decoration: none; display: block;}

/* end site master stuff */

#myTabs { padding: 10px; }
#myTabs p { text-indent: 30px; margin: 0px; }
#myTabs ul{	text-align: left; margin: 0 0 0 1em; }
#myTabs h4 { text-align: justify; }
#myTabs a, #myTabs a:link { display: inline; color: #014f81}
#myTabs a:visited { display: inline; color: #014f81; }
#myTabs p a, #myTabs li a {
        display: inline;
        color: #014f81;
        text-decoration:underline;
    }


#fplinks td { cursor: pointer; /* height: 20px; */ color: white; border-right: 1px solid white;}
#fplinks tbody tr:hover td { background: #ccc; color: Black; }
.selected { background: #ccc !important; color: Black !important; }
.fpitem { display: none; background: #486897 url("../images/backgrounds/blue.jpg") repeat-x right top;/*747474*/ min-height: 322px; text-align: center; position: relative; padding: 10px; color: white;  }
.fpitem a, .fpitem a:visited { color: white; font-weight: bold; display: inline; }
.fpitem h2, .fpitem h3 ,.fpitem h4 ,.fpitem h5{ color: white; }
.fpitem table { width: 100%; }
.fpitem td { vertical-align: middle; }
.fpitem tbody tr:hover td { background: transparent; }
.fpitem tbody td { border-bottom: none; background: transparent; }
.fpitem .leftimg { float: left; padding-right: 10px; }
.fpitem .title { font-weight: bold; color: white; }
.fpitem .subtitle { font-style: italic; }
.fplongitem { max-height: 302px; overflow-y: scroll; }
/*.fphearing { float: right; max-height: 302px; max-width: 340px; overflow-y: scroll; }*/
.fphearing {background-color:white; color:#014f81; }
.fphearing  h3 {color:#014f81;  }
.fphearing  a {color:#014f81; font-weight:bold; }
.fphearing  a:visited {color:#014f81; font-weight:bold; }
#divHearingTxt{overflow-y: scroll;}

@media (min-width: 1200px) {
    .fphearing-lg {
        padding: 20px;
        margin: 20px;
    }
    #imgYouTubeLogo{
        width:176.25px;
      /*padding:30px;*/
  }
    #divVCTxt{
      padding:30px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .fphearing-md {
        padding: 15px;
        margin: 15px;
    }
    #imgYouTubeLogo{
      /*padding:15px;*/
  }
    #divVCTxt{
      padding:15px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
    .fphearing-sm {
        padding: 10px;
        margin: 10px;
    }
   #divVCTxt{display:none;}
   #imgYouTubeLogo{
       width:176.25px;
      /*padding:30px;*/
  }
}
@media (max-width: 768px) {
  .fphearing-xs {
        padding: 5px;
        margin: 5px;
    }
  #imgYouTubeLogo{
      width:176.25px;
      /*padding:30px;*/
  }
  #divVCTxt{display:none;}
}

.GIS li { padding: 3px 0; }
.casedetail { cursor: pointer; color: #369;}
li.button { list-style-image: url("../images/rightarrow.png"); }
li.opened { list-style-image: url("../images/arrow.png"); }
li.cntnr{list-style:none;}
.button { cursor: pointer; color: #369; }
.datanotice p { text-align: left; }

#FAQ { padding: 0 0 0 20px; }

#FAQ p { margin: 0; }

.sitemap ul { float: left; }
.sitemap li { text-align: left; width: 450px; float: left; list-style-type: none; }
.sitemap li a { display: inline; font-weight: bold; }
.sitemap li ul a { font-weight: normal; }
.sitemap li ul li ul { float: none; }

#commissioner_1 img , #commissioner_2 img, #commissioner_3 img { border-style: double; margin-left: 16px; float: right; }
#commissioner_1, #commissioner_2, #commissioner_3 { min-height: 420px; }

.search, .search a, .search a:visited { text-align: left; display: inline; }
.result { padding: 7px; }
.result .sublink { color: green; font-size: smaller; }
#searchnav { text-align: left; }
#searchsort { float: right; text-align: right; position: relative; }
#searchbox { float: right; text-align: right; padding: 8px 10px 0; }

#loginbox { float: left; text-align: left; }
#override tbody td a { display: inline; text-align: left; margin: 0;}
#override tbody tr:hover td { background: white; }
#register tbody td { text-align : left; margin: 0; width:300px; }
#register tbody tr:hover td { background: white; }


.libraryDirs { width: 100%; }
.libraryDirs td { border: 1px solid #000; vertical-align: top; display:inline;  }
.libraryDirs tbody tr:hover td { background: transparent; }

#centercolumn { width: auto; padding: 5px; margin: 0 auto; text-align: center; font-size: larger; }
#leftcolumn { width: 33%; float: left; min-height: 450px; background-color: #ddd; padding: 10px; border: 1px solid black; font-size: larger; }
#rightcolumn { width: 33%; float: right; min-height: 450px; background-color: #ddd; padding: 10px; border: 1px solid black; font-size: larger; text-align: right; }
#leftcolumn p, #rightcolumn p { margin: 0; }
#leftcolumn a, #rightcolumn a { display: inline; }
#leftcolumn li, #rightcolumn li { list-style: none; }

.tarrifdisclaimer { font-size: smaller; text-align: justify; }
.tariffsamples { width: 100%; }
.tariffsamples a { text-align: left; background: transparent !important; }
.tariffsamples tr:hover td { background: transparent; }
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0);
    white-space: nowrap;
    border: 0;

}