body {
	font-family: Arial, Geneva, Helvetica, "Helvetica Neue", sans-serif;
	background: #CCCCCC;
	width: 100%;
	font-size: 12pt;
	line-height: normal;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%
}

#container {
	width: 96%;
	margin: 2px 1%;
	background: #FFFFCC;
	padding: 2px 1%
}

table,form,input,textarea {
	font-size: 16pt
}

a {
	text-decoration: none;
	color: #400300;
}

p, h2, #top_search_button {
	text-align: center;
}

p {
	font-size: 80%;
	line-height: normal
}

h2 {
	font-size: 140%;
	line-height: normal
}

.button {
	border-radius: 4px;
	background-color: #cdcd9b;
	border: none;
	color: black;
	padding: 10px 14px;
	text-decoration: none;
	display: inline-block;
	margin: 4px 8px;
}

#search_title
{
	float: left;
}

#close
{
	float: right;
}

#close input
{
	font-size: 12pt;
}

#search_field {
	position: relative;
	display: inline;
	width: 100%;
	clear: both;
	float: none;
}

#search_field input {
	display: inline;
	width: 99%;
	font-size: 12pt;
}

#search_field_label {
	display: inline;
	font-size: 12pt;
	width: auto;
	clear: both;
	float: none;
}

#sf_l_and_f {
	display: block;
	width: 98%;
	clear: both;
	float: none;
	padding: 0 1%;
}

/* checkbox dimensions specified in points to guarantee adequate size for touching on mobile device screens with high pixels per inch */

#years {
	display: block;
	width: 100%;
	clear: both;
	float: none
}

.year_box {
	display: block;
	height: 37.5pt;
	float: left;
	clear: none;
	text-align: left;
	padding: 0;
	margin: 1pt 3pt
}

.year_box a {
	display: block
}

.year_box_table {
	display: table;
	height: 37.5pt;
	border: 0;
	margin: 6px 6px;
	padding: 0
}

.year_box_table_row {
	display: table-row;
	height: 37.5pt;
	border: 0;
	margin: 0;
	padding: 0
}

.year_box_tc, td {
	display: table-cell;
	font-size: 12pt;
	vertical-align: middle;
	/* height: 37.5pt; */
	text-align: left;
	padding: 2px;
}

.year_box_tc input, td input, .year_box_tc input, #all_years input, #where input {
	width: 12pt;
	height: 12pt;
	display: inline;
	margin: 0;
	padding: 0
}

.checkbox, .checkbox_all, .ucheckbox, .ucheckbox_all, .radio, .uradio {
	width: 24pt;
	height: 24pt;
}

.checkbox, .ucheckbox_all, .radio {
	display: none
}

.checkbox_all, .ucheckbox, .uradio {
	display: block
}

.radio,.uradio {
	padding: 0;
	margin: 0
}

a.radio {
	display: block;
	margin: auto;
	padding: 0;
	height: 24pt;
	width: 24pt
}

#all_years {
	text-align: center;
	width: 100%;
	display: block;
	clear: both;
	float: none;
	height: 37.5pt
}

#all_years .year_box {
	width: 100%;
	clear: both;
	float: none;
	text-align: center;
}

#all_years .year_box_table {
	margin: 0 auto
}

@media screen and (min-width: 640px) {

#search_field {
	width: 100%;
	float: left;
	clear: none
}

#search_field_label {
	width: 100%;
	float: left;
	clear: left
}

#sf_l_and_f {
	display: block;
	width: 99%;
	clear: both;
	float: none;
	padding: 0 0.5%
}

#container {
	width: 98%;
	margin: 2px 0.5%;
	padding: 2px 0.5%
}

}

@media screen and (min-width: 800px) {

#container {
	width: 778px;
	margin: 2px auto
}

}