/*
 * CSS for Overlay (popup)
 * includes "update" content, "newsletter" content, help docs, etc.
 */
#watermark {
  color: #d0d0d0;
  font-size: 4.5em;
  text-indent:-1em;
  padding-left:1em;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  position: absolute;
  margin: 0;
  z-index: -1;
  left:10%;
  top:20%;
}
#instructions {
	position: absolute;
	text-align: left;
	width: 90%;
	max-width: 960px;
	top: 5%;
	z-index: 100;
	box-shadow: 0 0 .938em rgba(0, 0, 0, 0.5);
	moz-box-shadow: 0 0 .938em rgba(0, 0, 0, 0.5);
	webkit-box-shadow: 0 0 .938em rgba(0, 0, 0, 0.5);
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(255, 255, 255, .95);
	background-image: none;
	background-size: auto auto;
	padding: 1% 0% 2% 0%;
	overflow: auto;
}
#instruction-content {
	display: inline-block;
	position: absolute;
	top: 50px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: auto;
	padding-bottom: 20px;
	text-align: left;
	font-size: 1em;
	z-index: 4;
}

.panel-title h1{ 
	padding: 10px 0px 0px 35px;
	background-color: rgb(0,153,204);
	color: #fff;
	text-transform: uppercase;
	font-family: 'alternate-gothic-no-3-d', serif;
	font-weight: 700;
	font-size: 2.5em;
	margin-top: 0px;
}
.panel-headline h2 {
	text-transform: uppercase;
	margin:0 0 .3em 0;
}
.panel-content {
	padding: 5px 0px 0px 35px;
	max-width: 800px;
}


/* Update Content */
.update-column {
	padding: 0px;
}
#update-sign-up-container {
	background-color: rgb(0,153,204);
	color: #fff;
	padding: 1em 0 1em 0;
}
#overlay-mail-icon {
	margin: 1em 0 .5em 0;
}
#update-sign-up-container h2, #update-help-button-container h2 {
	font-family: 'alternate-gothic-no-3-d', serif;
	font-size: 2.2em;
	margin-bottom: 0;
}
#update-help-button-container {
	color: rgb(0,153,204);
}
.update-help-button {
	background-color: rgb(0,153,204);
	border: none;
}
.updated-help-button:hover {
	background-color: rgb(255,153,51);
}


/* Content for Extraction Tool (Access More Data) */
.extraction-tool-header a {
	font-family: 'Merriweather', serif;
	color: rgb(255,153,51);
}
.extraction-tool-header a:hover {
	color: rgb(230,128,26);
}
.extraction-tool-content {
	text-align: left;
	display: inline-block;
	max-width: 600px;
	margin-top: 15px;
}
.extraction-tool-img {
	border: 1px solid #CCC;
	margin-top: 15px;
}


/* Help Content */
.help-link-container { padding-bottom: 5px; }
.help-link {
	cursor: pointer;
	text-decoration: underline;
}
.help-link:hover { color: #2a6496; }
.panel-bullet { margin-left: 20px; }
.panel-bullt li { color:tgb(255,153,51); }


/* Google Form */
mailing-form form { margin-top: 35px; }
mailing-form .email-input { width: 220px; }
mailing-form .ss-item { margin-top: 20px; }


/* County Facts */
#results-container { margin-top: 20px; }

/* More Info */
#more-info-container { padding:2em; }
#more-info-header { 
	font-weight:bold;
	font-size:1.5em;
}

/* Overlay Components */
#close {
	position: relative;
	color: rgb(0, 64, 112);
	font-size: 1em;
	float: right;
	cursor: pointer;
	text-align: right;
	clear: right;
	margin: 0.5em 1em 0px 0.5px;
	z-index: 5;
}

#showOnMap, #print, #stateSearchToggle{
	position: relative;
	color: rgb(0, 64, 112);
	font-size: .9em;
	cursor: pointer;
	padding-left: 1em;
	display: inline-block;
}
#print { margin-left: 10px; }


/* Pagination */
.pagination-container {
	text-align: right;
	position: absolute;
	bottom: 0px;
	right: 20px;
}
.pagination a:hover { text-decoration: none; }
.pagination .active { color: white; }