html,body {
	height: 100%;
	width: 100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.98em;
}
::-webkit-scrollbar {	display: none;}
.container-fluid {
	max-width: 1980px;
	margin: 0 auto;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
	height: 100px;
}
header img {
	height: 100px;
}
#headerBlock {
	position: relative;
	height: 100px;
	max-height: 100px;
	margin: 0 auto;
}
.headerTitle {
	font-size: 2.0rem;
}
footer {
	position: relative;
	z-index: 200;
}
#logoBlock {
	position: absolute;
	bottom: 0px;
	left: -48px;
	margin: 0;
	width: 350px;
	max-width: 90%;
}
#logoBlock img {
	width: 100%;
	height: auto;
}
#contentBlock {
	position: relative;
	background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgba(239,239,239,1) 100%);
	top: 110px;
	margin-bottom: 110px;
	min-height: 100vh;
	z-index: 30;
	font-size: 1.8rem;
	padding: 1% 3% 1% 3%;
}
h1 {
	font-size: 2.2rem;
	color: black;
	padding-top: 20px;
}
#veteranPage h1 {
	padding-top: 30px;
}
#pageBkg {
	position: fixed;
	width: 100%;
	top: -50px;
	left: 0;
}
#pageBkg img {
	position: fixed;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 10;
	top: 98px;
}
#pageBkg #overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 100px;
	left: 0;
	z-index: 20;
	background-color: #000;
	opacity: 0;
}
select {
	background-color: white;
}
select,option {
	width: 100%;
}
select option {
	border: 0px solid #fff;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-top: 0;
	font-size: 1.0em;
	line-height: 1.0em;
}
input {
	font-size: 1.0em;
	line-height: 1.0em;
}
.btn {
	font-size: 1.4rem;
	margin-right: 100px;
}
#lastName {
        /* width: 350px; */
	width: 100%;
        background: white;
        padding: 0 0 0 6px;
        outline: none;
}
.letter {
	display: inline-block;
	background-color: #198754;
	color: white;
	padding: 0 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	cursor: pointer;
	border-radius: 5px;
}
.selectedLetter {
	color: black;
}
fieldset {
	border: 1px solid #bbb;
	padding: 20px;
	margin-bottom: 20px;
}
.note {
	font-size: 1.2rem;
}
.awardPrompt {
	font-size: 0.9rem;
}
/* The text list added to the About section */
.awardList {
	font-size: 1.2rem;
	line-height: 1.5rem;
	display: inline-block;
}
/* this only exists if the about section (notes) gets moved to the right column (when there are no photos) */
#vetBigWrapper #notesWrapper {
	margin-top: 68px;
	min-width: 100%;
}
@media (max-width: 991px) {
	#vetBigWrapper #notesWrapper {
		margin-top: 0px;
	}
}
#resultsDiv {
	position: relative;
        background-color: #fff;
        z-index: 50;
	color: #000;
	font-size: 2rem;
	padding: 1%;
}

#resultsTable {
	width: 100%;
}
#resultsTable th {
	font-size: 1.4rem;
	padding: 4px 4px 4px 18px;
}
#resultsTable td.fullName {
	font-size: 2.0rem;
	width: 25%;
}
#resultsTable .branch {
	width: 15%;
}
#resultsTable .rank {
	width: 20%;
}
#resultsTable .periodOfService {
	width: 20%;
}
#resultsTable .community {
	width: 20%;
}
#resultsTable td {
	font-size: 1.4rem;
	padding: 4px 4px 4px 18px;
}
#resultsTable thead tr:nth-child(odd) {
	background-color: #efefef;
}
#resultsTable tr:nth-child(even) {
	background-color: #efefef;
}
.scrollToTop {
	width:100px;
	height:100px;
	position:fixed;
	bottom:85px;
	left: calc(50% + 898px);
	display:none;
	z-index: 800;
	font-size: 4.0rem;
	color: brown;"
}
@media (max-width: 1990px) {
	#mainBkg {
		display: none;
	}
}
@media (max-width: 1950px) {
	.scrollToTop {
		left: auto;
		right: 10px;
	}
        #resultsTable td.fullName {
                font-size: 1.8rem;
		line-height: 2.0rem;
        }
}
@media (max-width: 1800px) {
	#contentBlock {
		font-size: 1.6rem;
	}
}
@media (max-width: 1440px) {
	#contentBlock {
		font-size: 1.4rem;
	}
        #resultsTable td.fullName {
                font-size: 1.6rem;
		line-height: l.9rem;
        }
}
@media (max-width: 1024px) {
        #resultsTable td {
                font-size: 1.3rem;
        }
        #resultsTable td.fullName {
                font-size: 1.6rem;
		line-height: l.9rem;
        }
}
@media (max-width: 980px) {
	#searchForm .note {
		display: none;
	}
	.container-fluid {
		width: 100%;
	}
	#contentBlock {
		padding: 0 0 0 0;
		font-size: 1.2rem;
		top: 100px;
	}
	fieldset {
		border-top: 1px solid #bbb;
		border-bottom: none;
		border-left: none;
		border-right: none;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#searchForm fieldset {
		margin-bottom: 0;
	}
	#pageBkg {
		display: none;
	}
	h1 {
		padding-left: 10px;
		padding-bottom: 10px !important;
		font-size: 1.6rem;
		margin-bottom: 0;
		max-width: 90%;
	}
	#veteranPage h1 {
		padding-left: 0;
	}
	.note {
		font-size: 0.9rem;
	}
	#resetButton {
		margin-top: 10px;
		margin-right: 20px;
	}
	#resultsDiv {
		padding: 0;
		font-size: 1.0rem;
	}
	#resultsTable .community {
		display: none;
	}
	#resultsTable th {
		font-size: 1.0rem;
	}
	#resultsTable td {
		font-size: 1.0rem;
		line-height: 1.1rem;
	}
        #resultsTable td.fullName, 
        #resultsTable td.fullName a {
                font-size: 1.1rem;
		line-height: 1.3rem;
        }
	#resultsTable .periodOfService {
		width: 30%;
	}
	.scrollToTop {
		left: auto;
		right: 0;
	}
}
@media (max-width: 890px) {
	label {
		font-size: 1.0rem;
	}
}
@media (max-width: 560px) {
	#resultsTable .periodOfService {
		display: none;
	}
	#resultsTable td.fullName {
		width: 30%;
	}
	#resultsTable .branch {
		width: 30%;
	}
	#resultsTable .rank {
		width: 30%;
	}
}

#searchButton {
	display: none;
}
/* Classes for noheader or nobackground or if embedding as iframe */
.no-page-header header {display:none;}
.no-page-header #contentBlock {top: 20px;}
.no-page-header #pageBkg {top: 0;}
.no-page-header #pageBkg #overlay {top: 0;}
.no-page-header #pageBkg img {top: 0;}
.no-page-bkg #pageBkg {display:none;}
.no-page-bkg .container-fluid {width: 100%;}
.no-page-bkg #contentBlock {background-color: transparent;background: none;}
body.no-page-bkg {background-color: transparent;}