﻿@charset "utf-8";
/* Searchable county directory */
/* scdir.css */

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
#DetailsDiv {width: 100%; left: 0; top: 0;}
}

#listContainer{
  margin-top:15px;
}
ul {
		/* -webkit-padding-start: 0px; */
		padding-left: 0px;
}
 
#expList ul, li {
    list-style: none;
    margin:0;
    padding:0;
    cursor: pointer;
}
#expList p {
    margin:0;
    display:block;
}
#expList li:hover {
    
}
#expList li {
    line-height:140%;
    text-indent:0px;
    background-position: 1px 8px;
    padding-left: 20px;
    background-repeat: no-repeat;
}
 
/* Collapsed state for list element */
#expList .collapsed {
    background-image: url(/images/ico/col.png);
}
/* Expanded state for list element
/* NOTE: This class must be located UNDER the collapsed one */
#expList .expanded {
    background-image: url(/images/ico/exp.png);
}

#resultstats {
 line-height: 43px;
 color: #808080;
 padding-left: 16px;
}
.lspace {
display: inline-block;
width: 170px;
text-align: left;
}

.gray {color:#aaaaaa;}

.enterable:hover {background-color:#eeeeee;}

.listControl{
		margin-bottom: 15px;
}
.listControl a {
		border: 1px solid #555555;
		color: #555555;
		cursor: pointer;
		height: 1.5em;
		line-height: 1.5em;
		margin-right: 5px;
		padding: 4px 10px;
}
.listControl a:hover {
		background-color:#555555;
		color:#ffffff; 
		font-weight:normal;
}

.printable {
	float:right; 
	margin: 0.5em; 
	padding: 0.5em; 
	border-style: solid; 
	border-color: #000000; 
	border-width: 1px;
}

.topic {
	font-style:italic;
}


.single {
	font-style:normal;
}

.single:hover {
	background-color:#eeeeee;
}

.feedback {
		display:none;
}
.printonly
{
	display: none !important;
}

@media print
{    
.single {
	font-weight:bold;
	font-size:1.1em;
}
.noprint
{
	display: none !important;
}
.printonly { display: block; }

.feedback {display:block;}
}

.printable2 {display:none;}	
@media screen and (max-width: 600px) {
	.printable {display:none;}	
	
	.printable2 {
		display:block;
		max-width:100%; 
		text-align:center;
		margin: 0.5em; 
		padding: 0.5em; 
		border-style: solid; 
		border-color: #000000; 
		border-width: 1px;
	}
	.topic {font-size:1.1em;}

}
