﻿@tailwind base;
@tailwind components;
@tailwind utilities;

#mainContent.loading:before, #mainContent.processing:before, .loadingGraphic {
	background: rgba(205, 205, 205, 0.4) url("/cdn/img/global/loader_large.gif") no-repeat scroll center center;
	content: "";
	height: 100%;
	left: 0;
	margin: 0 auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3000;
}


h3 {
	color: #b68500;
	margin-bottom: 1em;
}

table {
	empty-cells: hide;
}

thead {
	border-bottom: 3px solid #e1e1e1;
}

th, td {
	border: 1px solid #e1e1e1;
	padding: 1em;
}

h3 {
	color: #b68500;
	margin-bottom: 1em;
}

.emptyCell {
	border: none;
}

.sectionHeader {
	font-weight: bold;
	background: none;
	border: none;
	padding: 0;
	margin-bottom: 1em;
	color: black;
}

.tableHeader {
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	background: #f3f3f3;
	border: 1px solid #e1e1e1;
}

.networkHeader {
	text-transform: unset;
	vertical-align: text-top;
}

.inNetworkHeader {
	border-right: none;
}

.outNetworkHeader {
	border-left: none;
}

.tableHeaderNoBorderBottom {
	border-bottom: none !important;
}

td:first-of-type {
	/* global2 override */
	font-weight: normal;
}

td.noPad {
	padding: 0;
	max-width: 250px;
}

tbody th {
	white-space: normal;
	width: 15em;
}

table td {
	width: calc((100% - 15em) / 3);
}

.fluid div#SideNavigation {
	margin-left: 10em;
	padding-right: 5em;
}

.MainContent #SideBar, .MainContent .SideBar, .MainContent .SideBarClone, .MainContent .SideBarWide, .MainContent .SideBarWideClone {
	width: 205px;
	display: block;
	float: right;
	overflow: auto;
	margin: 0px 0px 15px 0px;
	padding: .3em 0px 2.0em 35px;
	background-image: url(/cdn/img/global/SideBarBottom.gif);
	background-repeat: no-repeat;
	background-position: 35px bottom;
	background-color: #FFFFFF;
	clear: right;
	position: relative;
}

.MainContent .SideBarWide, .MainContent .SideBarWideClone {
	width: 325px;
}

#SideBar p, .SideBar p, .SideBarWide p {
	line-height: 1.5em;
	overflow: auto;
}

	#SideBar p a, .SideBar p a, .SideBarWide p a {
	}

#SideBar h2, .SideBar h2, .SideBarWide h2, .Bios h2 {
	font-family: $secondary-font-family;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: $letter-spacing-medium-alt;
	color: gray;
	margin: 0;
	padding: 0px 0px 1.0em 0px;
}

#SideBar h3, .SideBar h3, .SideBarWide h3 {
	margin: .5em 0px .5em 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.2em;
	font-weight: bold;
	color: #000000;
}

#SideBar h2 + h3, .SideBar h2 + h3, .SideBarWide h2 + h3 {
	margin-top: 0px;
}

#SideBar p.Caption, .SideBar p.Caption, .SideBarWide p.Caption {
	font-size: 1.1em;
	line-height: 1.5em;
	font-style: italic;
}

#SideBar p.Date, .SideBar p.Date {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
	color: #999999;
	text-transform: uppercase;
}

#SideBar img, .SideBar img, .SideBarWide img {
	margin: 0;
	padding: 0px 0px 1.0em 0px;
	border: none;
}

	.SideBar img.Left, .SideBarWide img.Left {
		margin: 4px 10px 0px 0px;
	}

#SideBar ul, .SideBar ul, .SideBarWide ul, #FeaturedNewsContainer ul {
	margin: 0px 0px 1.0em 0px;
	padding: 0px;
	font-size: 1.0em;
	line-height: 1.5em;
	list-style: none;
}

	#SideBar ul li, .SideBar ul li, .SideBarWide ul li, #FeaturedNewsContainer ul li {
		background-image: url(/img/global/Bullet_CircleSmall.gif);
		background-repeat: no-repeat;
		background-position: 1px .7em;
		padding: 0px 0px 0px 12px;
		word-wrap: break-word;
	}

#SideBar ol, .SideBar ol, .SideBarWide ol {
	margin: 0px 0px 1.0em 17px;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

	#SideBar ul ul, .SideBar ul ul, .SideBarWide ul ul, #SideBar ol ol, .SideBar ol ol, .SideBarWide ol ol {
		margin: 0px 0px 0em 14px;
		list-style-type: none;
	}

.SideBar p + h2, .SideBar a + h2, .SideBar ul + h2 {
	padding-top: 1.5em;
}

#SideBar p + h2, #SideBar a + h2, #SideBar ul + h2 {
	padding-top: 1.5em;
}

.SideBar ul.News, #SideBar ul.News {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

	.SideBar ul.News li, #SideBar ul.News li {
		padding: 0px 0px .75em 0px;
		background-image: none;
	}

	.SideBar ul.News span.date, #SideBar ul.News span.date {
		display: block;
		font-size: .8em;
		letter-spacing: .1em;
		color: #898989;
		text-transform: uppercase;
	}

.SideBar .morenews {
	text-transform: uppercase;
}

.SideBar p.Social {
	padding-left: 43px;
	min-height: 40px;
	background-repeat: no-repeat;
	background-position: 0px .2em;		
}

.SideBar p.Facebook {
	background-image: url(/cdn/img/global/connect_facebook.gif);
}

.SideBar p.Twitter {
	background-image: url(/cdn/img/global/connect_twitter.gif);
}

.SideBar p.USAJOBS {
	background-image: url(/cdn/img/global/connect_USAJOBS.gif);
}


.SideBar .TwoColContainer .Col {
	width: 96px;
	margin: 0 0 0 12px;
}

.SideBar .TwoColContainer ul li {
	margin: 0 0 0 0px;
	padding-left: 12px;
}

.MainContent .SideBarClone, .MainContent .SideBarWideClone {
	position: relative;
	float: right;
	background-image: none;
}

.MainContent .SideBar, .MainContent .SideBarWide {
	position: absolute;
	top: 0;
	right: 0;
}

a.brochureLink {
	display: inline-block;
	text-indent: -9000px;
	text-decoration: none;
	width: 1.25rem;
	zoom: 1;
	background-repeat: no-repeat;
	background-image: url(/cdn/img/usa-icons/file_present.svg);
	margin-right: .25rem;
}

a.brochureDownload {
	display: inline-block;
	text-indent: -9000px;
	text-decoration: none;
	width: 1.25rem;
	zoom: 1;
	background-repeat: no-repeat;
	background-image: url(/cdn/img/usa-icons/file_download.svg);
	margin-right: .25rem;
}

.usa-table td, .usa-table th {
	padding: .45rem;
}

table.thinTable {
	display: none;
}

table.fullTable {
	display: table;
}

h5.tableHeading {
	padding-top: 15px;
	margin-bottom: -10px;
}

@media (max-width: 1024px) { /* styles for low width single col tables*/
	table.fullTable {
		display: none;
	}

	table.thinTable {
		display: table;
	}

	div.rowHeader {
		font-weight: bold;
	}

	table.thinTable th {
		border-top: 3px solid black;
	}

	a.brochureLink {
		text-indent: 0px;
		width: 100%;
		padding-left: 25px;
	}

	a.brochureDownload {
		text-indent: 0px;
		width: 100%;
		padding-left: 25px;
	}

	a.LeavingLink {
		display: inline-block;
		text-indent: 0px;
		text-decoration: none;
		width: 100%;
		zoom: 1;
		background-repeat: no-repeat;
		background-image: url(/cdn/img/usa-icons/launch.svg);
		margin-right: .25rem;
		padding-left: 25px;
	}
}