/* Minification failed. Returning unminified contents.
(511,1): run-time error CSS1035: Expected colon, found '}'
 */

/*tweak the colors available in the bootstrap a little */
.navbar-inverse,
.navbar-inverse .navbar-toggle,
.navbar-inverse .navbar-toggle:hover 
{
    background-color: #7f99b2;
    border:none;
}
.navbar-inverse .navbar-text {
  color: #ffffff;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a 
{
    color:#ffffff
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus{
  color: #ffffff;
  background-color: #7f99b2;
  font-weight:bold;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus{
  color: #ffffff;
  background-color: #007FFF;
}

.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    font-weight:bold;
}  
.navbar-inverse .navbar-nav > .disabled > a
{
    color: #ffffff;
}
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    font-weight:bold;
} 

#datepicker > div > div > div > select.ui-datepicker-year
{
    color:Black;
}
#datepicker > div > div > div > select.ui-datepicker-month
{
    color:Black;
}

.ui-datepicker ,select.ui-datepicker-year,select.ui-datepicker-month
{
    color:Black;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #7f99b2;
}

.navbar-inverse .navbar-nav .dropdown-menu> li > a,
.navbar-inverse .navbar-nav>li>.dropdown-menu,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
  background-color: #003366;
  color: #ffffff;
}

.navbar-inverse .navbar-nav .dropdown-menu> li > a:focus,
.navbar-inverse .navbar-nav .dropdown-menu> li > a:hover 
{
     background-color: #7f99b2;
}

/*experiment with putting a button on the navbar with an image*/
.navbar-default .navbar-nav>.active>a.notice:before,
.navbar-nav>li>a.notice:before {
    background-repeat: no-repeat;
    background-position: 0 top;
    content: "";
    display: inline-block;
    height: inherit;
    margin-right: 10px;
    vertical-align: middle;
    width: 28px;
    background: url('../images/warning-flat-icon.png'); 
    
}

.field-validation-error{color:red;font-weight:bold;}
#test
{background: url('../images/warning-flat-icon.png'); 
 width:28px;
}

.archived-color {
    color: darkred;
}

/*for footer menu ada override bootstrap li list-inline*/
.list-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: 0; /* remove the negative margin */
}

    .list-inline > li {
        padding: 0; /* let gap handle spacing */
    }

        .list-inline > li > a {
            display: block;
            padding: 12px 16px;
        }
/*This is the modifications needed to get the specific implementation of bootstrap


/* Nav Bar
   its helpful to move the body down if put navbar-fixed-top on the navbar
   however, if you want the old seal first - skip this step 
body {
  padding-top: 50px;
}
 removed this when added the carousel
.starter-template {
  padding: 40px 15px;
  text-align: center;
}*/

#logoTxt{display:none}
.txtR {text-align:left;vertical-align:middle}
.txtR div{text-align:left;}
.txtR p{text-align:left;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 400px;
  margin-bottom: 60px;
  background-color: #014F81;/*deep blue of nav bar*/

}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  color:white;
  padding:10px;
  text-align:center;

}
.carousel .item a {
  color:white;
}
.carousel .item a:visited {
  color:white;
}

.carousel-inner > .item > img {

  min-width: 100%;
  height: 400px;
  color:white;
}
/* RESPONSIVE CSS CAROSEL
-------------------------------------------------- */

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

    .ddl
    {
        width: 30em;
    }

}
@media print {
 .carousel-indicators{display: none;}

    div.carousel{ display: inline !important; }
    div.carousel-inner { overflow:hidden !important; display:inline !important;}
 div.item {display: inline !important; page-break-after:avoid;} 
 .imgL img{height: 150px; width: 150px; text-align: center;}

}

/*Brought directly from pscweb
  NEED optimization and re-work
*/
#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; }


/*--Things know keeping--*/
.hidden{display:none;}

/*some colors from the old psc style still preferred */
#footer { padding: 10px 20px; color:#666; background: #f9f9f9; height: 120px; }
#PSCaddress { text-align: left; }
#PSCaddress .lbl {font-weight:bold;}
#rss {padding:10px 10px 10px 10px; float:right;}
.smallerItalicTxt{font-style:italic;font-size:small;}
.stkynt{background-color:#FFFA9E}

.fpGrid h4{font-weight:bold; text-align:center; font-size:larger;text-align:center}
.fpGrid img{width:100%;}
.fpGrid a {color:#014F81}
.fpGrid a:visited {color:#014F81}

#main > main a {
    color: #014F81;
    text-decoration: underline;
}
#loginbox1 a {
    color: #fff !important;
    text-decoration: none !important;
}
.case-info{
    display:grid;
    grid-template-columns: 100px 1fr;
    gap: 4px 12px;
}
.case-info dd {
    margin: 0;
    /*margin-left: 20px;
    margin-bottom: 10px;*/
}

.title{font-weight:bold; text-align:center; font-size:larger;text-align:center}
/*some things just don't want mobile*/
@media (max-width: 767px)  
{
    h2     {font-size:14px;font-weight:bold}
    #logo  { display:none;    }
    #rss   { display:none;    }
    /*#override   { display:none;    }*/
    .portal-BarInsert  { display:none;    }
    .ddl {width: 15em;}
    /*.fpGrid img{width:25%;}*/
}
/*--Things know keeping--*/
/* tables */
table.tablesorter {
    font-family: arial;
    margin: 10px 0pt 15px;
    width: 100%;
    text-align: center;
}

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
        background-color: #e6EEEE;
        border: 1px solid #FFF;
        padding: 4px;
        text-align: center;
    }

    table.tablesorter thead tr .header {
        background-image: url(bg.gif);
        background-repeat: no-repeat;
        background-position: center right;
        cursor: pointer;
        color: #000;
    }

    table.tablesorter tbody td {
        color: #3D3D3D;
        padding: 4px;
        vertical-align: top;
    }

    table.tablesorter thead tr .headerSortUp {
        background-image: url(asc.gif);
    }

    table.tablesorter thead tr .headerSortDown {
        background-image: url(desc.gif);
    }

    table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #ccc;
    }

@media print {
    h2 {
        display: none;
    }

    .breadcrumb {
        display: none;
    }

    div.noPrint, td.noPrint {
        display: none;
    }

    div.expandOnPrint,
    td.expandOnPrint {
        width: 100%;
    }

    h3 {
        font-size: 14px;
        font-weight: bold;
    }

    .carousel-control {
        display: none;
    }

    .fpGrid img {
        width: 25%;
    }

    #logo {
        display: none;
    }

    .portal-BarInsert {
        display: none;
    }

    #logoTxt {
        display: block;
    }
}

.bkgrndColor {
    background-color: #068F7A !important; /*deep green*/
}

.fpGridNest {
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.fpGridNestTable {
    background-color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
}

.fpGridNest div {
    text-align: left;
}

.fpGrid2 {
    vertical-align: middle;
    text-align: center;
    padding: 30px;
}

#divGrid1.row {
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x;
}

#divGrid2.row {
    background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x;
}

#divGrid0.row {
    background-image: linear-gradient(to left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1);
    background-repeat: repeat-x;
}

div.imgL {
    padding: 30px;
}

a.clsPadding {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

#PSCaddress a {
    color: #014f81 !important;
    text-decoration: underline !important;
}


/* CSS for temporary page header accessibility redesign*/
.portal-BarInsert .navbar {
    margin-bottom: 0px;
    border-radius: 0px;
    background: #666666;
}

.psc-logo-link {
    display: inline-block;
}

#logo {
    height: 9rem;
    width: 9rem;
    padding: 1rem;
}

.psc-brand {
    float: none !important;
}

.psc-main-nav-link {
    display: flex;
    align-items: center;
}

.psc-brand-line {
    display: block;
    line-height: 2.2rem;
    font-size: 2rem;
}

.navbar-toggle {
    margin: 10px 10px !important;
}

.navbar-portalbar-external .navbar-brand {
    padding-left: 10px !important;
    padding-top: 12px !important;
}

/* mobile first: keep Bootstrap navbar behavior */
@media (max-width: 767px) {
    .psc-logo-link {
        display: none;
    }

    .psc-brand {
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px;
        height: auto;
    }

    .psc-brand-line {
        line-height: 1.2;
        font-size: 1.6rem;
    }
}

@media (min-width: 768px) {
    .navbar-portalbar-external .container {
        display: flex !important;
        align-items: center;
    }

    .navbar-portalbar-external .navbar-header {
        float: none !important;
        display: flex;
        align-items: center;
    }

    .psc-brand {
        display: flex;
        flex-direction: column;
    }

    #navbar {
        align-content: center;
    }
}

.shadow-lg-custom {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.space-below{
    margin-bottom: 1.5rem !important;
}

.space-above{
    margin-top: 1.5rem !important;
}

.psc-ada-notice {
    background: #fff;
    border-top: 1px solid #dfdfdf;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 10px 0;
    green-ada-footer-border
}
    .psc-ada-notice a {
        color: #014f81 !important;
        text-decoration: underline;
    }
/*Styles for ada footer*/
.red-ada-footer-border {
    border: 3px solid;
    border-color: darkred;
    border-radius: 3px;
}

.warning-ada-footer-border {
    border: 3px solid;
    border-color: gold;
    border-radius: 3px;
}

.green-ada-footer-border {
    border: 3px solid;
    border-color: forestgreen;
    border-radius: 3px;
}

footer {
    background:#efefef;
}

/*CSS for Columbia Gas table styling changes proposed in Wednesday meeting 3/25/26*/
.rowheader-color {
    background-color: #dfeffc;
    color:#069
}

/* Global style for accessible link */
.accessible-link {
    text-decoration: underline;
    color: #014f81;
}

h1 {
    border-bottom: solid 1.5px black;
    display: block;
    padding-bottom: .5rem;
}

.main-content-space-above {
    margin-top: 3rem;
}

/* This is changing the color of the navbar drop down selections. Bootstrap was originally handling the style */
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff; /* This changes gray to white */
    }
}

/* The below styles are changing the color of the navbar list items on hover.*/
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #587893;
    font-weight: bold;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #587893;
}


/* This styling is for a potential warning label so that disabled users are aware of the potential accessibility issues of the pdfs before they get to the actual documents*/
.inaccessible-alert {
    display: flex;
    border: solid 2px black;
    align-items: center;
    justify-content: flex-start;
    background-color: yellow;
    padding: 1rem;
}

.no-margin-bottom-on-p-tag {
    margin: 0rem !important;
}

.center-container-content {
    display: flex;
    justify-content: center;
}

/* Classes for table widths */

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

.w-85 {
    width: 85%;
}

.w-90 {
    width: 90%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}


.table-black-border {
    border: 1px solid black;
    border-collapse: separate;
}

    .table-black-border th, .table-black-border td {
        border: 1px solid black;
    }

.jquery-tablist > li > button[role="tab"] {
    background: #eeeeee;
    color: #014f81;
}
/*exclude Gov image
.navbar-portalbar-external .governor {display:none;} 
*/
/*exclude search image*/
.app-usagovsearch .input-group {display:none;} 

/*hyperlinks in footer fail accessibility*/
nav.enterprise-footer-links a{color:#014F81;text-decoration:underline;}
nav.enterprise-footer-links a:visited{color:#014F81}

.copyrightRow{color:#014F81}
.kentuckygov-text{color:#014F81}
.kentuckygov-text a {color:#014F81}
.kentuckygov-text a:visited {color:#014F81}
/*repair darkness of all footer links*/

.footer-row-bottom a {
    color: #014F81 !important;
    text-decoration: underline !important;
}

#address.notice.contact a {
    color: #014F81 !important;
    text-decoration: underline !important;
}

#tmky {
    height: 45px;
    position: relative;
    z-index: 10;
    top: 8px;
}

/* 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(/Content/images/rightarrow.png) no-repeat scroll right center !important; }
.hlist li.submenu :hover { background:#486897 url(/Content/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(/Content/images/word.gif) no-repeat scroll right center !important; padding-right:16px; }
a[href$=".pdf"], a[href$=".PDF"] { background:transparent url(/Content/images/pdf.gif) no-repeat scroll right center !important; padding-right:16px; }
a[href$=".xls"], a[href$=".XLS"] { background:transparent url(/Content/images/excel.gif) no-repeat scroll right center !important; padding-right:16px; }



table { border-collapse:collapse;  }
table caption { /*background: transparent url(/Content/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(/Content/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(/Content/images/rightarrow.png); }
li.opened { list-style-image: url(/Content/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;

}