/***************************************************************************/

/*NGMDB screen*/

/***************************************************************************/

@import "fonts.css";
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Open Sans Regular';
	font-size: .94em;
	color: #434546;
	background-color: #f3f3f3;
	/*background-color:#fff;*/
}

h1,
h2,
h3 {
	padding: 10px;
}

table {
	border: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	width: auto
}

img {
	border: 0;
}

strong {
	font-family: 'Open Sans Semibold';
	font-weight: 300;
	letter-spacing: -1px;
}

ol,
ul {
	list-style-type: none;
	text-align: left;
	margin-left: 20px;
}

.large_header {
	font-family: 'Open Sans Semibold';
	font-weight: 300;
	font-size: 20px;
	letter-spacing: -1px;
	padding-left: 14px;
}

.minor_text {
	font-size: .92em;
}

.detail_text {
	font-size: 13px;
	color: #8e8e8e;
	font-weight: 300;
	font-family: 'Open Sans Semibold';
	letter-spacing: -1px;
}

.banner_text {
	font-family: 'Open Sans Semibold';
	font-size: 20px;
	font-weight: 300;
	letter-spacing: -2px;
	line-height: 22px;
}

.disabled_text {
	color: #eee;
}


/*headings*/

.majorheading {
	font-family: 'Open Sans Semibold';
	font-size: 22px;
	letter-spacing: -2px;
}

.strongheading {
	font-family: 'Open Sans Semibold';
	font-size: 1.2em;
	line-height: 36px;
	letter-spacing: -1px;
}

.strongheading1 {
	font-family: 'Open Sans Semibold';
	font-size: 1.35em;
	letter-spacing: -1px;
}

.strongheading2 {
	font-family: 'Open Sans Semibold';
	font-size: 13pt;
	letter-spacing: -1px;
}

.strongheading3 {
	font-family: 'Open Sans Semibold';
	font-size: 11pt;
	letter-spacing: -1px;
}

.strongheading4 {
	font-family: 'Open Sans Semibold';
	font-size: 15px;
	letter-spacing: -1px;
}

.notetext {
	font-size: 10pt;
	text-align: center;
	padding-right: 50px;
	padding-left: 50px;
}


/*NGMDB layout*/

.wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

.vertical_sep {
	height: 6px;
}

.vertical_sep2 {
	height: 4px;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.left {
	text-align: left;
}

.alignright {
	float: right;
}

.clear {
	clear: both;
}

.hr {
	width: 95%;
	height: 15px;
	margin-top: 5px;
}

.isolated {
	line-height: 28px;
}

.hung {
	display: block;
	text-indent: -10px;
	margin-left: 10px;
}

.indent {
	text-indent: 10px;
}

.vertical_line_sep {
	float: left;
	padding-top: 45px;
}


/*NGMDB links*/

a:link {
	text-decoration: none;
	color: #3887BE
}

a:visited {
	text-decoration: none;
	color: #3887BE
}

a:hover > code,
a.active,
a:hover {
	color: #63b6e5;
	text-decoration: underline;
}


/*NGMDB header*/

.header_enterprise_text {
	font-size: .95em;
	font-weight: 300;
}

.header_bg_grey {
	background: #f3f3f3;
	border-radius: 0px 0px 9px 9px;
	-webkit-box-shadow: 1px 1px 8px 2px rgba(0, 0, 0, 0.30);
	box-shadow: 1px 1px 8px 2px rgba(0, 0, 0,  0.30)
}

.header_bg_grey a:link,
.header_bg_grey a:visited,
.header_bg_grey a:active {
	text-decoration: none;
	color: #666;
	letter-spacing: -1px;
	font-size: 15px;
}

.header_bg_grey a:hover {
	text-decoration: underline;
	color: #666;
}


/*NGMDB footer */

#usgsfooter {
	padding-top: 12px;
}

#usgsfootertext {
	padding: 12px;
	padding-bottom: 0;
}

#usgsfooter svg {
	border: none;
	float: right;
}

#usgsfooterbar {
	background-color: #e8e7e7;
	font-size: 13px;
	text-transform: uppercase;
	width: 97%;
	text-align: left;
	line-height: 32px;
	border-radius: 4px;
	-webkit-box-shadow: 3px 4px 8px 0px #00000024;
	box-shadow: 3px 4px 5px 0px #00000024;
}

#usgsfooterbar a:link,
#usgsfooterbar a:visited,
#usgsfooterbar a:active {
	text-decoration: none;
	color: #424242;
	padding: 0px 16px;
}

#usgsfooterbar a:hover {
	text-decoration: underline;
}


/*NGMDB body backgrounds*/

.body_middle_bg {
	background: white;
	border-radius: 8px;
	-webkit-box-shadow: 6px 5px 3px #e7e7e7;
	box-shadow: 6px 5px 3px #e7e7e7;
	padding-top: 12px;
	margin-bottom: 12px;
	padding-bottom: 12px;
}


/*CSS buttons and Main Nav*/

#navList {
	position: relative;
	width: 100%;
	margin-top: 6px;
	margin-bottom: 6px;
}


.cssbutton {
    background-color: #999;
    text-align: center;
    color: #fff;
    display: inline-block;
    height: 20px;
    width: 96px;
    margin: 0px;
    padding: 7px 0px;
    position: relative;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Open Sans bold';
    line-height: 20px;
    font-size: 11px;
    font-weight: 300 !important;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
}
    

.cssbutton.quiet,
.quiet[type=submit],
.quiet[type=button] {
	background-color: #999;
	color: white !important;
	text-shadow: rgba(0, 0, 0, 0) 0px -1px;
}

.cssbutton.quiet.active,
.cssbutton.quiet:hover,
.quiet[type=submit]:hover,
.quiet[type=button]:hover {
	color: white;
	background-color: #666;
	background-color: rgba(0, 0, 0, .45);
	-webkit-box-shadow: inset rgba(0, 0, 0, 0) 0 0 0, inset rgba(0, 0, 0, 0) 0 0 0;
	box-shadow: inset rgba(0, 0, 0, 0) 0 0 0, inset rgba(0, 0, 0, 0) 0 0 0;
	text-decoration: none;
}

.thin_button {
	height: 12px;
	line-height: 12px;
}

.pill {
	display: inline-block;
	font-size: 0;
}

.pill > * {
	border-radius: 0 0 0 0;
	border: 0 solid white;
	border-left-width: 1px;
}

.pill > *:first-of-type,
.pill > *:first-child {
	/*	border-radius: 3px 0 0 3px;*/
	border-left-width: 0;
}

.noDecor:hover {
	text-decoration: none
}


/* i[class^="icon-"]:before {
	display: inline-block;
	text-decoration: none;
} */

/* 07July2015 - hide MIP*/

#mapProg {
	display: none;
}


.hr-div {
	border: 0;
	height: 1px;
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(203, 196, 196, 0.8)), to(rgba(0, 0, 0, 0)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(203, 196, 196, 0.8), rgba(0, 0, 0, 0));
	margin: 10px auto;
	width: 80%;
}

/*share dialog box styles*/

#share_response {
	padding: 0;
	overflow: hidden;
	width: 400px !important;
	height: 110px !important;
	border: 1px solid #d4d2d2!important;
	-webkit-box-shadow: 0 0 27px 0px rgba(31, 51, 73, .5) !important;
	box-shadow: 0 0 27px 0px rgba(31, 51, 73, .5) !important;
	display: none;
}

#share_content {
	position: relative;
	text-align: left;
}

#share_loader {
	margin-top: 50px
}

#share_links {
	position: relative;
	width: 390px;
	margin: 8px;
}

/* SVG Loader*/

.loading::after {
	content: '';
	display: block;
	margin: auto;
	height: 36px;
	width: 36px;
	-webkit-animation: spin .8s infinite cubic-bezier(.45, .05, .55, .95);
	animation: spin .8s infinite cubic-bezier(.45, .05, .55, .95);
}

.loading--s::after {
	height: 18px;
	width: 18px;
}

.loading::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='36' height='36' viewBox='0 0 36 36'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23333;%7D.b%7Bopacity:0.1;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M5.2721,5.2721,7.3934,7.3934a15,15,0,0,1,21.2132,0l2.1213-2.1213A18,18,0,0,0,5.2721,5.2721Z'/%3E%3Cg class='b'%3E%3Cpath d='M28.6066,28.6066A15,15,0,0,1,7.3934,7.3934L5.2721,5.2721a18,18,0,1,0,25.4558,0L28.6066,7.3934A15,15,0,0,1,28.6066,28.6066Z'/%3E%3C/g%3E%3C/svg%3E");
}

.loading--s::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='18' height='18' viewBox='0 0 18 18'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bopacity:0.1;%7D.b%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cg class='a'%3E%3Cpath d='M13.2426,13.2426A6,6,0,0,1,4.7574,4.7574L2.636,2.636a9,9,0,1,0,12.7279,0L13.2426,4.7574A6,6,0,0,1,13.2426,13.2426Z'/%3E%3C/g%3E%3Cpath class='b' d='M2.636,2.636,4.7574,4.7574a6,6,0,0,1,8.4853,0L15.364,2.636A9,9,0,0,0,2.636,2.636Z'/%3E%3C/svg%3E");
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* Social*/

.social {
	font-size: 26px;
	text-decoration: none;
	padding-right: 10px;
	float: right;
}

.social > span {
	display: inline;
}

.social > span a {
	text-decoration: none!important;
	color: #aeb3b1!important;
	padding: 1px!important;
}

.social > span a:hover {
	color: rgba(139, 154, 181, 0.85)!important;
	;
}

/* Share modal elements*/

#share_media {
	margin-top: 4px;
}

#share_form label {
	display: block;
	margin-bottom: 1px;
}

#share_msg {
	font-size: 11px;
	color: #666666;
}

#share_urlbox {
	width: 280px;
	font-size: 13px;
	height: 20px;
}

#share_closer_btn {
	float: right;
	color: #999;
	margin-right: 9px;
	margin-top: 2px;
}

#share_copy_btn {
	position: relative;
	float: right;
	width: 90px;
	height: 24px;
	padding: 0;
	border: 0;
	margin-top: 17px;
	margin-right: 9px;
	font-size: 11px;
}

#zui_info {
	font-style: italic;
	font-weight: 600;
	letter-spacing: -1px;
}

#glx_notes {
	font-size: 13px;
	color: #8e8e8e;
	font-weight: 300;
	font-family: 'Open Sans Regular';
	letter-spacing: -1px;
	line-height: 12px;
}

.listDot {
	font-size: 22px;
	line-height: 18px;
	vertical-align: sub;
	color: #c7c7c7;
}