/* Agency Custom CSS */

/* Main Container */
#size { background-image: url(/oed/images/col_bg.jpg); }

/* Left / 1st Column */
#col1 { color: #354751 ; }
/* Column 1 - Left Navigation */
#col1 #leftnavul .linkhdr, #col1 #leftnavul #ifahome { border-bottom: 1px solid #354751; }
#col1 #leftnav > ul li:first-child a, #col1 #leftnav ul #ifahome a { background-image: url(/oed/images/icon_home.png); background-repeat: no-repeat; background-position: left center;}
#col1 #leftnavul .linkhdr a, #col1 #leftnavul #ifahome a { color: #354751; }
#col1 #leftnavul .linkhdr a, #col1 #leftnavul #ifahome a { color: #354751; }
#col1 #leftnav .linkhdr:hover a, #col1 #leftnavul #ifahome:hover a{ color: #354751!important; }
#col1 #leftnav li:hover { background-color: #354751; }
#col1 #leftnav li:hover a{ color: #ffffff; }
#col1 #leftnav ul li li { border-bottom: 1px solid #5f84a1; }
#col1 #leftnav ul li li:hover { background-color: #5f84a1; }
#col1 #leftnav ul li.navMore:hover { background-color: #354751; }
#col1 #leftnav ul li.navMore:hover a { color: #ffffff; }

/* Column 1 - Left Navigation - Sub Menu */ /* jQuery UI Menu 1.10.0 */ 
.ui-menu .ui-menu { background-color: #354751; }
/* Column 1 - Social Media */
#icon-social { /*background-image: url();*/ }

/*#header-wrapper .top_nav ul.right .gov_pic { display: none; height: 125px; margin-top: 0px; background-image: url(/oed/images/top_nav-gov-pic-lgov.png)!important; background-repeat: no-repeat; background-position: center bottom; padding-top: 0px; }



/* Center / 2nd Column */
#col2 h3, #col2full h3 { color: #354751; border-bottom: 1px solid #354751; }
/* Column 2 - Sub Page */
#lowerIndiana .breadcrumb a, #lowerIndiana span, #lowerIndianafull .breadcrumb a, #lowerIndianafull span { color: #c6a230; }
#lowerIndiana .breadcrumb, #lowerIndianafull .breadcrumb { padding-left: 0px; }
/* Column 2 - Top */
#col2top .logo { background-image: url(/oed/images/logo_oed.png); width: 93px; height: 93px; }
#col2top h1 { padding-left: 115px; }
/* Column 2 - Billboards */
.ws_bullets a { background: url(/oed/images/pagination.png) left top; }
#col2 #slides .caption .learn_more a { background-color: #354751; background-image: url(/oed/images/col_bg.jpg); background-repeat: repeat-x; background-position: center center; }
#col2 a.prev, #col2 a.next { background: url() no-repeat transparent; }
#col2 iframe { width: 100%!important; }

/* Right / 3rd Column */
#col3 {color: #354751; }
#col3 p a { color: #354751; }
/* Column 3 - Top - Online Services */
#col3 #col3topfluid #services_link { background-image: url(/oed/images/icon_online_services.png); background-repeat: no-repeat; background-position: 0 0; }
#col3 #col3topfluid p, #col3 #col3topfluid #subscriber, #col3 #col3topfluid p a, #col3 #col3topfluid #subscriber a  { color: #354751; }
/* Column 3 - FAQs / I Want Tos */
#col3 .faq_box { background: #5f84a1; /* Old browsers */
background: -moz-linear-gradient(top, #5f84a1 30%, #354751 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#5f84a1), color-stop(100%,#354751)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5f84a1 30%,#354751 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5f84a1 30%,#354751 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f84a1 30%,#354751 100%); /* IE10+ */
background: linear-gradient(to bottom, #5f84a1 30%,#354751 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f84a1', endColorstr='#354751',GradientType=0 ); /* IE6-9 */}
#col3 .faq_box { background-color: #5f84a1; }
#col3 #faqlink, #col3 #wantlink2 { background-color: #5f84a1; }
#col3 #faqlink2, #col3 #wantlink { color: #354751 !important; }
#col3 #faqlink, #col3 #faqlink2 { background-image: url(/oed/images/icon_faqs.png); }


/* Agency Customizations */

p.percent {
    background: #038c09;
    border-radius: 35px;
    margin-bottom: 0;
    padding: 15px;
    color: #ffffff;
    font-size: 2em;
    font-weight: 900;
    text-align: center;
    line-height: 100%;
    font-family: 'Open sans', sans-serif;
}
 
.row .expanded .elecgen (
    align-items:center;
}

/* Agency Media Queries */

@media only screen and (max-width : 768px) {
#programs, #blogs, #indepth, #media { width:98%; min-height: inherit; margin-right: 0; margin-left: 0; }
#col2top .logo { height: 30px; width: 50px; background-size: cover; }
#col2top h1 { padding-left: 55px; }
}
 
.bold{font-weight: bold;}
.tilt{font-style: oblique;}
.warning{color: #992222;}
.detail{font-size: 85%; color: #555555;}
.centering{text-align: center;}
.float-right{float: right; padding: 0 0 5px 5px;}
.float-left{float: left; padding: 0 5px 5px 0;}
.clearit{clear: both}
.float{float: left; padding: 0 5px 5px 0; width: 100px; text-align: center;}
.spaced-list li, .spaced-list dd{margin: .5em 0;}
.break{padding: none; margin: 1em 0;}
.break li{list-style: none;}

body #col2 .basic-table, body #col2full .basic-table{border: 1px solid #777777; text-align: left;}
body #col2 .basic-table td, body #col2 .basic-table tr, body #col2full .basic-table td, body #col2full .basic-table tr {text-align: left;}
body #col2 .basic-table th, body #col2full .basic-table th {text-align: center;}
body #col2 .basic-table th.table-head, body #col2 .basic-table th.head, body #col2full .basic-table th.table-head, body #col2full .basic-table th.head {background-color: #000033; color: #ffffff;}
body #col2 .basic-table th.table-subhead, body #col2full .basic-table th.subhead, body #col2full .basic-table th.table-subhead, body #col2 .basic-table th.subhead{background-color: #000066; color: #ffffff;}
body #col2 .basic-table th.table-section, body #col2 .basic-table td.table-section, body #col2 .basic-table th.section, body #col2 .basic-table td.section, body #col2full .basic-table th.table-section, body #col2full .basic-table td.table-section, body #col2full .basic-table th.section, body #col2full .basic-table td.section {background-color: #eeeeff; color: #000000;}
.table-list{border: 1px solid #333333; padding: 2px; margin: 0; width: 225px;}
.table-list li{list-style: none; border: 1px solid #aaaaaa; padding: 2px;}
#col2 #col2sub ul.cg-table{padding: 2px; border: 1px solid #555555; background-color: #aaaaaa;}
#col2 #col2sub ul.cg-table li{width: 514px; text-align: left; list-style: none; display: block; background-color: #666666; color: #ffffff; padding: 2px; border: 1px solid #000000; clear: left; margin: 2px 0 0 0;}
#col2 #col2sub ul.cg-table ul{margin: -1.4em 0 0 205px; padding: 0;}
#col2 #col2sub ul.cg-table li li{background-color: #ffffff; color: #000000; width: 300px;}
#col2 #col2sub ul.cg-table li li ul{margin: 0 0 0 20px;}
#col2 #col2sub ul.cg-table li li li{border: none; width: 250px; list-style: auto;}
#col1midfluid{margin-top: 3px; border: 1px solid #020328; width: 207px; padding: 0;}
#col1midfluid h3{margin: 0; padding: 5px;}
#col1midfluid a{color: #ffffff;}
#col1midfluid ul{padding: 0 10px 0 15px; margin: .5em 10px}
#col1midfluid ul li{margin: .5em 0; line-height: 1.2em;}
#col2full #col2content {width: 100%; font-size: 12px;}
#col2 #col2content h4, #col2full #col2content h4, #col2 #col2sub h4, h5, h6 {margin: .5em 20px .5em 20px;}
#col2 #col2content h4, #col2 #col2sub h4 {padding: 0;}
#col2 #col2content ul, #col2 #col2sub ul {margin: 1em 20px;}
#col2 #col2content ol, #col2 #col2sub ol {margin: 1em 20px 1em 40px;}
#col2 #col2content p, #col2 #col2sub p, #col2full #col2content p {margin: 1em 20px;}
#col2 #col2content div, #col2 #col2sub div {margin: 1em 0;}
#col2 #col2content div.float {margin: 0;}
#col2 #col2content h4, #col2full #col2content h4, #col2 #col2sub h4 {font-size: 120%; color: #002272;}
#col2 #col2content h5, #col2full #col2content h5, #col2 #col2sub h5 {font-size: 100%; color: #333399;}
#col2 #col2content h6, #col2full #col2content h6, #col2 #col2sub h6 {font-size: 85%; color: #666699;}
/* #col2 #col2content, #col2 #col2sub {padding: 0 10px;} */
#col2 #col2content li ul, #col2full #col2content li ul, #col2 #col2sub li ul {margin: 0 0 0 20px; padding: 0;}
#col2 #col2content li ol, #col2full #col2content li ol, #col2 #col2sub li ol {margin: 0 0 0 20px; padding: 0;}
#col2full #image {width: auto; height: auto;}
 


/* 2016 Header */
.in-header{
    background: #354751;
}
.in-header .menu,
.in-header .close {
    color: #fff;
    background: rgba(255,255,255,0.25);
}
.in-utility {
    color: #fff;
    background: #354751;
}
.in-utility .feedback .icon,
.in-utility .feedback .form {
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
}
.in-menus .skin-minimal.breadcrumbs {
  border-top-color: rgba(0,0,0,0.3);
  border-bottom-color: rgba(255,255,255,0.1);
  background: #354751;
}
.in-search .select2-container--default .select2-selection--single {
    border: 1px solid #354751;
    background-color: #354751;
}
.in-title-bar input[type="submit"] {
    background-color: #354751;
}
.person {
    display: block;
}
.sbHolder,
#col1 #col1top,
#col2 #col2top,
#col2full #col2top,
#col3top {
    display: none !important;
}
#col2{
    padding-top: 20px;
}

/*Callout Blue*/
.blue.callout h4 {
	color: #f8cd2b!important;
	line-height: 1.5!important;
}

/*.blue.callout a {
    color: #ffce34 !important;
}*/

.blue.callout {
	background-color: #2a4d87;
	padding:1.5rem;
}

.blue.callout p {
	color: #ffffff;
	font-size: 1.4rem;
}

.callout {
    position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid rgba(10,10,10,0.25);
    border-radius: 10px;
    background-color: white;
    color: #0a0a0a;
}