@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');

/* ID's and Class's */
#bgColorFill{width:100%; background-color:#333333;}

#headerContainer{min-width:845px;max-width:964px;height:auto;margin:0 auto;padding-bottom:2px;overflow:visible;font-family:Arial, Helvetica, sans-serif;}

#headerRight {
	position:relative;
	float:right;
	width:450px;
	padding-right:12px;
	padding-top:45px;
	text-align:right;
	color:#FFFFFF;
	font:85% Arial, Helvetica, sans-serif;
	font-weight:bold;
	height:95px;
	/*background-image:url(/img/headerBackground.jpg);*/
}

#headerRightLinks 
	{
	position:absolute;
	top:34px;
	left:6px;
	text-align:left;
	color: #CCCCCC;
	padding-left:9px;
	border-left-color:#626262;
	border-left-style:dashed;
	border-left-width:thin;
	padding-right:35px;
	}
	
.headerRightLink a{color:#CCCCCC;}
.headerRightLink a:link {color: #CCCCCC;text-decoration:none;font:80% Arial, Helvetica, sans-serif;}
.headerRightLink a:visited {color: #CCCCCC;text-decoration:none;font:80% Arial, Helvetica, sans-serif;}
.headerRightLink a:hover{color: #FF9933;font:80% Arial, Helvetica, sans-serif;}

.catalogLink {color:#FFFFFF;text-decoration:none;font-size:0.9em;}
.catalogLink a:link {color:#FFFFFF;text-decoration:none;font-size:0.9em;}
.catalogLink a:visited {color:#FFFFFF;text-decoration:none;font-size:0.9em;}
.catalogLink a:hover{color:#FFFFFF;text-decoration:none;font-size:0.9em;}

.headerLogo
	{
	width:300px;
	height:120px;
	position: relative;
	padding-left:15px;
	float:left;
	}
.headerLogo a { outline:none; }

.sgGoogleBox{color:#FFFFFF;font:75% Arial, Helvetica, sans-serif;}
.btnSgGoogleSearch{width:54px;height:20px;border:0;background:url(http://www.lva.virginia.gov/img/search.jpg) no-repeat transparent;margin-right:5px;padding-bottom:3px;color:#333;}

.social{ text-align:right;float:right;padding:13px 4px 0 0; }
.social a {
	display:inline-block;
	margin-right:3px;
	outline:none;
	}

.greyText{color:#CCCCCC;}

#breadCrumbContainer {
	/*background-color:#565656;
	border-bottom: 1px solid #565656;
	border-top: 1px solid #565656;*/
}
#breadCrumb {
	/*min-width:760px;*/
	max-width: 964px;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans';
	padding-left: 10px;
    padding-right: 10px;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 0.9em;
}
#breadCrumb a{color: #6c6c6c;}
#breadCrumb a:link {text-decoration:none;transition: color .35s;}
#breadCrumb a:visited {text-decoration:none;}
#breadCrumb a:hover{color: #505050;}

.breadCrumb-divider
 {
	color: #bcbcbc;
	font-weight: bold;
 }	
#hidden
	{
	position:absolute;
	top:-200px;
	left:-200px;
	}
	
#printLogo {display: none;}


/**** BETA ****/
#beta {
	top:0;
	right:0;
	position:absolute;
	background:url("/img/beta.gif") right no-repeat;
	text-align:right;
	display:block;
	width:278px;
	height:30px;
	z-index:2000;
}
#beta a {
	color:#333333;
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
}

/**** Top Message ****/
#message {
		color:#000;
		text-align:center;
		background-color:#ffdf5d;
		padding:1em;
		position:before:
	}
	#message a {
		color:#334a50;
		text-decoration:underline;
	}
	#invoke_message {
		position:absolute;
		top:0;
		left:50%;
   		margin-left:-20px;
		background-color:#ffdf5d;
		padding:.1em 1em .2em 1em;
		border-bottom-left-radius: .4em;
		border-bottom-right-radius: .4em;
	}



.header-wrapper {
    max-width: 944px;
    min-height: 0;
    margin: 0 auto;
    margin-bottom: 0;
    box-sizing: border-box;
    font-family: sans-serif;
}

.header {
    padding: 0 0.5rem;
    display: flex;
    align-items: center;

}

.headerLogo {
    flex: 1;
    margin-bottom: 2rem;
    padding: 0px;
}

.searchBox {
	//transform: translateY(2px);
}

.searchBox__input {
    background-color: #333333;
    border: 0;
    border-radius: 0px;
    border-bottom: 2px solid #9b9b9b;
    line-height: 18px;
    font-size: 16px;
    color: #ffffff;
    padding: 4px;
    transition: border-color 0.1s linear;
    width: 240px;
    box-sizing: border-box;
}

.searchBox__input:not(:placeholder-shown) {
    border-color: white;
}

.searchBox__button {
    padding: 0;
    background-color: #333333;
    color: #ffffff;
    font-family: 'Open Sans', Arial;
    border: none;
    cursor: pointer;
    border-radius: 3px;
    height: 24px;
    width: 24px;
    transform: translateY(5px);
}

.st0 {
    transition: fill 0.15s linear;
}

.searchBox__button:hover .st0, .searchBox__button:focus .st0{
    fill: white;
}

.searchBox__options {
    margin: 0;
    text-align: right;
    padding-top: 0.5rem;
    font-size: 13px;
    color: #9b9b9b;
}

.options__radio {
    position: relative;
}

.options__radio::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #333333;
    border: 2px solid #9b9b9b;
    border-radius: 100%;
    position: absolute;
    left: -2px;
    top: -2px;
    cursor: pointer;
    transition: border-color 0.1s linear;
}

.options__radio:hover::before {
    border-color: #afafaf;
    color: #afafaf;
}

.options__radio:hover ~ .options__radioLabel {
    color: #afafaf;
}

.options__radio:checked::before {
    background-color: white;
    border-color: white;
}

.options__radio:checked ~ .options__radioLabel {
    color: white;
}

.options__radioLabel {
    cursor: pointer;
    transition: color 0.1s linear;
    padding-left: 0.2rem;
    padding-right: 0.35rem;
}

.options__link > a {
    color: #afafaf;
}

/* Media Queries */
@media only screen and (max-width: 944px) {

	.header {
		flex-direction: column;
	}

	.headerLogo > a img {
		width: 100%;
	}

	.searchBox {
		margin-bottom: 3rem;
	}

}