@charset "utf-8";
/* CSS document used to customize STATS Indiana. */

body{
	font-family: source-sans-pro, sans-serif;
	color: #000d1c; /*Blue-based black*/
	} 

/*table{	margin-bottom: auto;}
	td {vertical-align:top}
*/
.small {
	line-height:normal;
}

a {
	color: #0000FF;
}
a:visited {
	color:#800080;
}
a:hover {
	text-decoration:underline;
}
:link, :visited { /*Fixes image underlines in Chrome*/
	text-decoration: none;
}
h1 {
	font-size: 3.5em;
	font-weight: 700;
	color: #013a81;
	margin-top:0;
	line-height:1em;

}

h2 {
	font-size:2em;
	margin-bottom:5px;
	color: #007AB9;
	font-weight: 600;
}

h3, h4 {
	margin-bottom:3px;
	font-weight: 400;
	
	}
h4 {
	color: #007AB9;
}

.table > tbody > tr > th {
	vertical-align: bottom;
}

th {
	text-align:center;
	background-color:#fef0c6;
}
header {
	margin-bottom:20px;
}
#tagline {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size: 16px;
	color:#013a81;
	margin-top: -12px;
}
.SearchHeading {
	font-size: 18px;
	font-weight: 300;
	color: #C13017;
	margin-bottom: 0;
}
#search {
	margin-top: 10px;
	
}

/* 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*/
#hbtn {
	font-size: 12px;
	margin-top:30px; 
	line-height:1em; 
	text-align:left;
}
#hbtn img {
	margin-right:4px;
	float:left;
}
.MapGallery {
	font-size: 22px;
	font-weight: 300;
	background-image:url(http://www.stats.indiana.edu/images/icons/map_magnify32.png);
	background-repeat:no-repeat;
	background-position: left;
	padding: 20px 0 20px 50px;
	margin-bottom: 30px;
	line-height:1em;
	border-top: 1px solid #e9af2e;
	border-bottom: 1px solid #e9af2e;
}


.CalendarRelease {
    background-image: url("http://www.stats.indiana.edu/images/icons/calendarIcon45.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom: 1px solid #007AB9;
    border-top: 1px solid #007AB9;
    font-size: 18px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 30px;
    padding: 10px 0 10px 50px;
}
/*ul.MapGallery {
	padding-left: 75px;
}*/
#sidebarRight .box {
	border-top-left-radius: 3px;
    border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	background:url("/img/graph-paper.gif")repeat fixed 0 0;
	background-color: #E7E5E1;
	border: 1px solid #007AB9; 
	padding: 0 0 12px 0;
	margin-bottom:24px;
}
#sidebarRight h5 {
	line-height:1em;
	font-size:1.5em;
	font-weight: 400;
	color:#2A0D1C;
	text-align:center;
	text-transform:uppercase;
	background-color:#fff;
    /*opacity: 0.4;
	filter: Alpha(opacity=40); /*IE8 and earlier*/
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #007AB9;
	width: 100%;
	margin: 0px 30px 10px 0px;
	/*box-shadow: 0 1px 2px #505B77;*/	
}

#sidebarRight .box p {
	margin-top:0;
	padding:0px 12px 0px 12px;
	line-height:normal;
}



#sidebarRight li{
	list-style:circle;
	margin-left: -12px;
	/*padding-left: .8333em;*/
	padding-right: 12px;
	/*background-image: url(/images/bullet_sidebar.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;*/
}
.more {
	font-size:0.9em;
	text-align: right;
	margin-right: 10px;
	padding: 0px;
	margin-bottom: 5px;
}



/*NAVBAR*/
.navbar {
	min-height:40px;
}
.navbar-inverse {
	background-color: #007AB9;
	border-color: #007AB9;
	border-radius:0;
}
.navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > .open > a:hover {
	background-color: #000d1c;
}
.navbar-inverse .navbar-brand {
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom: 10px;
	height:auto;
 }
.nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	height:auto;
}
.dropdown-menu .divider {
    background-color: #d1c8c2;
}
.dropdown-menu > li > a:hover {
	color: #000d1c;
	background-color: #FFF9E8;
}
@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: #FEF0C6;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color: #000d1c;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
	color: #000d1c;
	background-color: #FFF9E8;
}
}
/*Setting navbar dropdowns to handle multiple columns: http://alijafarian.com/bootstrap-multi-column-dropdown-menu/*/
    .dropdown-menu {
    min-width: 200px;
	background-color:#FEF0C6;
    }
    .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;
    }
    .multi-column-dropdown {
    list-style: none;
    }
    .multi-column-dropdown li a {
    display: block;
    clear: both;
    /*line-height: 1.428571429;*/
    color: #000d1c;
    white-space: normal;
	padding: 5px;
    }
    .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #000d1c;
    background-color: #FFF9E8;
    }
     
    @media (max-width: 767px) {
    .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
    }
    }

/*END navbar dropdowns*/
.btn-primary {
	background-color: #007ab9;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
background-color: #013A81;
border-color: #013A81;
}

#subscribe h2 {
	font-size:13px;
	margin-bottom:0px;
	color:#213f7e;
	font-weight:600;
}



.box2 {
	padding:0px 10px;
	height:130px;
	border-left:1px dotted #ccc;
}

.noBottomMargin {
	margin-bottom:0;
}




/*Collapsible panels (e.g., the map gallery page)*/
.panel-default > .panel-heading {
	/*background: #D6EAF4;*/
	background: url("/img/pattern.png") repeat fixed 0 0 #E0EFF7; 
	border: thin solid #99CAE3;
}
.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: #000d1c;
}

/*BEGIN styles for the data.dwt template items*/	

/*Query Bar*/
#queryBar{
	float:left;
}

#queryBar td{
	padding: 4px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #013A81;
	border-bottom-color: #013A81;
}

#queryBar select {
	font-size:10px;
}
/*END styles for the data.dwt template items*/	

span.pubDate { /*This is used to style the dates in the publication sidebar*/
	font-size:0.8em;
	display:block;
	margin-bottom:2px;
	line-height:normal;
}

a[title]{ /*This styles the tooltips; can be used with the default browser display of title attributes*/
	cursor:help;
	text-decoration:none;
	border-bottom: dotted 1px #0000FF;
}

.aboutIcon{margin-left:10px;}
.aboutIcon[title]{ 	
	cursor:pointer;
}

footer {
	border-top: 2px solid #C13017;
	margin-top: 60px;
	padding-top: 12px;
	
}
#sitemap {
	margin-bottom: 60px;
}
#sitemap h4 {
	font-weight: 300;
	font-size: 20px;
	color: #C13017;
}
#sitemap h4 a {
	color: #C13017;
}
#sitemap ul{
	border-left: 2px solid #cedff0;
	margin-left: 10px;
	padding-left: 10px;
}
#sitemap li {
	list-style-type:none;
	font-size:12px;
	line-height:1em;
	margin-bottom:8px;
}

#social_ftr {
	margin-top: 30px; 
	text-align:center;
}
#social_ftr img {
	margin-right:10px;
}
#PageBottom {
	background-color: #000d1c;
	padding: 50px 0 20px 0;
}
#PageBottom a, #PageBottom a:visited {
	color: #fff;
}
#support {
	color:#fff;
	font-weight:400;
	margin-bottom: 40px;
}

#footerNav ul {
	display: inline;
	padding: 0px;
	margin: 0px;
}
#footerNav li {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
}
#footerNav li.firstfooter { /*so the "about STATS" text aligns left*/
	padding-left:0px;
}
#footerNav li.lastfooter {
	border-right:none;
}
#footerNav a, #footerNav a:visited {
	text-decoration: none;
	font-weight:400;
}
#footerNav a:hover {
	text-decoration:underline
}
.bg-primary, .bg-success, .bg-info, .bg-warning, .bg-danger {
	padding: 15px;
}
#AboutRows h3 { /*This is used on the about pages for proper alignment with the icons*/
	margin-top:0;
}

/*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*/
	.SearchHeading, #search, #hbtn, #sitemap, #social_ftr, #ifi, #footerNav {
		display:none;
	}
	footer, #PageBottom {
		margin-top: 12px;
	}
}
/*END PRINT STYLES*/