/* CSS Document powering the main look of Hoosiers by the Numbers. 2015 conversion to Bootstrap*/
body {
	border-top: 4px #344c00 solid;
	font-size:14px;
	font-family: "open-sans", Arial, sans-serif;
}
/*p+p {
	text-indent:0em;
	margin-top:-.5em;
}*/
table {
	border-collapse:collapse;
	width:auto;
}

th {
	background-color: #b3d8fe;
}

td {
	vertical-align:top;
}
.noBottomMargin {
	margin-bottom:0;
}
header {
	margin-top: 20px;
}
header h1 {
	font-size: 45px;
	font-variant:small-caps; 
	margin:0px;
	font-weight: 800;
}
header h1 a:link, header h1 a:visited, header h1 a:hover {
	text-decoration:none;
	color:#013e7e;
}
h1 {
	font-weight:700;
	font-size: 36px;
	color: #013E7E;
}
h2 {
	margin-bottom:0;
	font-weight:600;
	font-size: 22px;
}
h3 {
	font-style:italic;
	margin-bottom:0;
	font-size: 20px;
}
h4 {
	margin-bottom:0;
	color: #238542;
}
#logo {
	float:left; 
	margin-bottom:10px;
}
#tagline {
	font-weight:300; 
	font-size:16px;
}
#search {
	margin-bottom: 10px;
	padding-top: 20px;
}

/* To fix compatibility issues with Bootstrap: http://www.am22tech.com/google-custom-search-input-box-conflicting-bootstrap-css/*/
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button 
{
  box-sizing: content-box;
  line-height: 1em; /*This needed changed from normal in the original fix to work properly. Changing to 10px fixes the border problem in IE10 and lower, but breaks IE11.*/
  font-size: 12px;
 
}


.gsc-tabsArea div 
{
  /*By default, Google custom search CSS sets it as AUTO, which shows scroll bars*/
  overflow: visible; 
}
/* END Bootstrap fixes*/
/*NEW NAVBAR*/
/*NAVBAR*/
.navbar {
	min-height:40px;
}
.navbar-toggle { /*Switch from right (default) to left float*/
	float: left;
	margin-left: 15px;
}
.navbar-inverse {
	background-color: #013E7E;
	border:0px;
/*	border-bottom: solid #A7DED9 5px;
	border-top: solid #A7DED9 5px;*/
	border-radius:0;
	font-size: 16px;
	font-weight:600;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > .open > a {
	background-color:  #1c89fd;
}
.navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #1c89fd;
}

.navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #1c89fd;
}

.nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	height:auto;
	color: #fff;
}
.dropdown-menu .divider {
    background-color: #d1c8c2;
}
.dropdown-menu > li > a {
	color: #fff;
}
.dropdown-menu > li > a:hover {
	background-color: #1c89fd;
	color: #ddd;
}
@media (max-width: 767px) { /*This sets nav styles for small screens*/
.navbar-inverse .navbar-brand {
	/*font-size: 18px;*/
	padding-top: 15px;
 }

.navbar-nav .open .dropdown-menu {
    background-color: #1c89fd;
	color: #fff;
}
.navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #1c89fd;
	color: #ddd;
}
.navbar-inverse .navbar-nav > .open > a:focus {
	background-color: #1c89fd;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	background-color: #1c89fd;
	color: #ddd;
}
}
/*Setting navbar dropdowns to handle multiple columns: http://alijafarian.com/bootstrap-multi-column-dropdown-menu/*/
    .dropdown-menu {
    min-width: 200px;
	background-color:#1c89fd;
	color: #fff;
	border: solid 1px #FFF;
	border-top: none;
    }
    .dropdown-menu.columns-2 {
    min-width: 400px;
    }
    .dropdown-menu.columns-3 {
    min-width: 600px;
    }
    .dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 400;
	line-height:normal;
    }
	.dropdown-menu ul.multi-column-dropdown li a {
    padding: 5px 0;
    }
    .multi-column-dropdown {
    list-style: none;
    }
    .multi-column-dropdown li a {
    display: block;
    clear: both;
    /*line-height: 1.428571429;*/
    color: #fff;
    white-space: normal;
	/*padding: 5px;*/
    }
    .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #ddd;
    background-color: #1c89fd;
    }
     
    @media (max-width: 767px) {
    .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
    }
    }

/*END navbar dropdowns*/


#content {
	margin-top: 10px;
	margin-bottom:10px;
}
footer {
	font-size:13px;
	border-top: solid 1px #ccc;
	padding-top: 16px;
}
footer p {
	font-weight:300;
}
ul#footerMenu {
	float: left;
	list-style: none;
	margin:7px 15px 15px 0;
}
ul#footerMenu li {
	display: inline;
	list-style: none;
}
ul#footerMenu li a {
	color: gray;
	display: block;
	float:left;
	font-weight: 300;
	font-size: 14px;
	text-decoration: none;
	vertical-align: middle;
	padding: 5px 15px;
	
}
ul#footerMenu li a:hover {
	text-decoration:underline
}

/*Generic Table Style Used on Pages*/
.defaultTable th {
	border: 1px solid #cccccc;
	background-color: #A7DED9;
	padding: 5px;
	font-weight: 600;
	line-height:normal;
	vertical-align:bottom;
	text-align: center;
}
.defaultTable td {
	padding: 5px;
	border: 1px solid #cccccc;
}
.defaultTable tr:hover {
	background-color: #f7f7f7;
}
.rightAlign {
	text-align:right;
}
.defaultTable td.indent {
 padding-left:30px;
}
.topicList li { /*This is used on the main "Data by Topic" pages*/
	margin-bottom: 24px;
}
.topicList a, .fauxLink {
	font-weight:700;
}
.topicList li li, .faq li li {
	margin-bottom:auto;
}
.faq li ul li {
	list-style:circle;
}
.topicList li li a{
	font-weight:normal;
}
.faq li {
	margin-bottom: 24px;
}
.subhead {
	font-style:italic;
	font-size:16px;
	margin-top:-5px;
}
.locatorFloat { /*This is used on the regional LMI pages*/
	float:right;
	margin-right:100px;
}

.addthis_sharing_toolbox {
	margin-bottom:2em;
}

/*Collapsible panels (e.g., the glossary page)*/
.panel-default > .panel-heading {
	background: #DCF2F0;
	/* IE10 Consumer Preview */ 
background-image: -ms-linear-gradient(top, #DCF2F0 0%, #A7DED9 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #DCF2F0 0%, #A7DED9 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #DCF2F0 0%, #A7DED9 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DCF2F0), color-stop(1, #A7DED9));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #DCF2F0 0%, #A7DED9 100%);
	/*background: url("/img/pattern.png") repeat fixed 0 0 #E0EFF7; */
	border: thin solid #748CB1;
}
.panel-body {
	border: thin solid #99CAE3;
}

.panel-heading h3 {
	font-size:16px;
	font-weight: 600;
	margin: 0;
}
.panel-heading a, .panel-heading a:visited {
	color: #173F7D;
}

/*PRINT STYLES*/
@media print {
	a:link, a:visited {
		text-decoration: underline;
	}
	a:link:after, a:visited:after {content:"";} /*This removes the URL after links that is normally printed due to Bootstrap*/
	
	#search, #footerMenu {
		display:none;
	}
}
/*END PRINT STYLES*/