<style type="text/css" scoped>

html
{
	font-size: 16px; /* specifically state a default, in case */
	line-height: 1.2em; /* specifically state a default, in case */
}

/* heading sizes for laptops and bigger */
@media screen and (min-width: 769px) 
{
	h1
	{
		font-size: 2.25em;
	}
	
	h2
	{
		font-size: 1.875em;
	}
	
	h3
	{
		font-size: 1.5em;
	}
	
	h4
	{
		font-size: 1.125em;
	}
	
	h5
	{
		font-size: 0.875em;
	}
	
	h6
	{
		font-size: 0.75em;
	}	
}

/* heading sizes for laptops and smaller */
@media screen and (max-width: 768px) 
{
	h1
	{
		font-size: 1.875em;
	}
	
	h2
	{
		font-size: 1.5em;
	}
	
	h3
	{
		font-size: 1.125em;
	}
	
	h4
	{
		font-size: 0.875em;
	}
	
	h5
	{
		font-size: 0.75em;
	}
	
	h6
	{
		font-size: 0.625em;
	}
}

/* style the dropdown */

.styled-select {
	font-size: 100%;
	color: black;
	background-color: white;
}

.styled-select option {
	font-size: 100%;
	color: black;
	background-color: white;
}

.styled-select option:checked {
	font-size: 100%;
	color: black;
	background-color: white;
}

/* change the color on the table header row */

.resultsTable th {
	background-color: #d9edf7;
}

/* style the radio buttons */

.spaceHorizontalRadioButtons span {
	padding-right: 15px;
}

.spaceHorizontalRadioButtons label {
	padding-left: 2px;
}

.convertHorizontalRadioButtonsVertical span:after {
	content: '\A';
	white-space: pre;
}

.convertHorizontalRadioButtonsVertical span:last-child:after {
	content: '';
}

.convertHorizontalRadioButtonsVertical label {
	padding-left: 4px;
}

/* style the radio buttons */

.convertHorizontalRadioButtonsInputVertical span:not(.red):before {
	content: '\A';
	white-space: pre;
}

.convertHorizontalRadioButtonsInputVertical span:first-child:before {
	content: '';
}

.resultspageCriteria {
	font-weight:bold;	
}

/* highlights the active tab and */
/* removed dotted line around active tab when hovered or focuced */

.nav-tabs.responsive > li.active > a,
.nav-tabs.responsive > li.active > a:hover,
.nav-tabs.responsive > li.active > a:focus{
    color: #ffffff;
    background-color: #337ab7;
    outline: 0;
}

/* switches btwn two different triangle orientations to show opened/closed accordian */

.panel-heading .accordion-toggle:before {
    font-family: 'Glyphicons Halflings';
    content: "\e252";
    float: right;   
}

.panel-heading .accordion-toggle.collapsed:before {
	font-family: 'Glyphicons Halflings'; 
    content: "\e250";
    float: right;
}

/* makes the entire accordian clickable */

a.accordion-toggle {
  display: block;
}

/* allows the text on a button to wrap */

.btn {
  white-space: normal;
}

/* show/hide information based on screen resolution */

@media screen and (max-width: 768px) {
	.small-mobile {
		display: block;
	}	
}

@media screen and (min-width: 769px) {
	.small-mobile {
		display: none;
	}
}

/* style the fieldset and legend tag */

.fieldsetChanges label {
	padding-left: 4px;
}

.fieldsetChanges legend {
	border: none;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
}

/* style the labels for city and county */

.mixbevccname {
	position: relative;
	left: 15px;
}

/* style the labels in a certain section */

.reportby-group label {
	padding-left: 4px;
}

/* makes vertical buttons parallel */

.parallel-buttons .btn {
    display: block;
    float: left;
    margin:5px;    
}

/* make the table fixed width (equal space for all columns) */

.shorten table 
{
	table-layout: fixed;
  	width: 100% !important;
}

/* hide the header row of a table */

.hide-header thead 
{
	display: none;
}

.required
{
	color: #B30000;	
	display: inline-block;
	/* font-weight:bold; */	
}

body 
{
	position: relative;
}

/* the below styles for .table-help are for styling the table */
/* on the help page */
/* cellpadding */

.table-help table th, td 
{ 
	padding: 5px; 
}

/* cellspacing */

.table-help table 
{ 
	border-collapse: separate; 
	border-spacing: 5px; 
}

.table-help table 
{ 
	border-collapse: collapse; 
	border-spacing: 0; 
}

/* valign */

.table-help table th, td 
{ 
	vertical-align: top; 
}

/* align (center) */

.table-help table 
{ 
	margin: 0 auto; 
	border: 1px solid black;
}

/* alternating color rows */

.table-help table tr:nth-child(even) 
{
	background-color: #f2f2f2
}

/* show the toc via scrollspy */
@media screen and (min-width: 769px) 
{
	.toc-contents-pills ul.nav-pills 
	{
		position: fixed;
	}
}

/* show toc via a section at top of page */
@media screen and (max-width: 768px) 
{
	.toc-contents-static 
	{
		width: 90%;
		background: white;
		font-size: 1em;
	}
}

#top-link-block.affix-top {
    position: relative; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    /*left: 10px; /* padding from the left side of the window */
    z-index:1;
}

#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    /*left: 10px; /* padding from the left side of the window */
    z-index:1;
}

/* scrollable menu on results page */

.scrollable-menu {
	height: auto;
	max-height: 180px;
	overflow-x: hidden;
}

</style>