body {
	overflow: scroll;
}
h3 {
	border-top:3px solid var(--SynopticPrimaryDarkColor);
	/* background-color:#eee; */
	color:var(--SynopticPrimaryDarkColor);
}
input, button {
	font-family:inherit;
}
input[type=text] {
	border: 1px solid #ccc;
	padding:10px;
	line-height:25px;
	font-size:18px;
	outline:none;
	width:100%;
}
.menu {
	background-color:#eee;
	height:45px;
	line-height:45px;
	margin:0 -15px;
	padding:0 15px;
	overflow:hidden;
}
.menu-centered {
	max-width:800px;
	margin:auto;
}
.menu h1 {
	/*title*/
	font-size:23px;
	line-height:45px;
	margin:0 30px 0 0;
	padding:0;
	display:block;
	float:left;

}
.menu .tab {
	display:block;
	float:left;
	height:45px;
	font-size:14px;
	padding:0;
	line-height:22.5px;
	text-align:center;
	width:130px;
	margin: 0 1px;
	text-decoration:none;
	color:#000;
}
.menu .tab.active {
	background-color:#FFF;
}
.menu .tab.error {
	background-color:#900;
	color:#fFF;
	font-weight:400;
}
.menu .tab.right {
	width:200px;
	float:right;
}
.nav {
	overflow:hidden;
}
#nav {
	background-color:transparent;
	/*color:#FFF;*/
	padding:10px;
	font-weight:600;
	text-align:center;
	border-width: 1px 0 1px 0
	border-color:#06a;

}
#nav a {
	display:inline-block;
	color:#06a;
	text-decoration: none;
	padding: 0 30px;
}
#nav a.active {
	background-color: #06a;
	color:#fff;
	border-radius:3px;
}
#searchresults {
	position:relative;
}
#searchresults div {
	position:absolute;
	background-color:#FFF;
	border:1px solid #555;
	padding:10px;
	width:100%;
}
#date-warn {
	color:#900;
}
#lock-station {
	/* overflow:hidden; */
}
#lock-station div {
	
	display:inline-block;
}
#lock-station div.station-stid {
	font-size:30px;
	line-height:40px;
}
#lock-station div.name {
	font-size:16px;
	line-height:40px;
}

#summary-sh {
	font-size:30px;
}

#final-request  {
	font-size:20px;
	border:0;
	border-radius:4px;
	background-color: #090;
	color:#FFF;
	padding:10px;
	cursor:pointer;
}
#final-request:disabled {
	cursor:not-allowed;
	background: #DDDDDD;
}
/*History!!*/
#history_table {
	width:100%;
	border-spacing: none;
	border-collapse: collapse;
}
#history_table td {
	padding:10px;
	border-bottom:1px solid #000;
}
#history_table tr td:first-child{
	/*STID*/
	font-size:25px;
}
#history_table tbody.active td {
	background-color: #fc0;
}
#history_table tbody.complete td {
	background-color: #fff;
	border-bottom: 1px dashed #000 ;
}
#history_table tbody.old td {
	background-color: #eee;
	border-bottom: 1px dotted #000 ;
	color:#888;
}
/*
*	progress bar - 50px!
*/
.progress {
	line-height:30px;
	display:inline-block;
	position:relative;
	height:5px;
	width:50px;
	background-color:#FFF;
}
.progress-bar {
	position:absolute;
	left:0;
	top:0;
	height:5px;
	background-color:#900;
	transition: width .5s;
	width:0;
}
/*
*	Cover
*/
.cover {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	background-color: transparent;
	transition: background-color .5s;
}
.cover-colored { 
	background-color: rgba(0,0,0,.3);
}
body.noscroll {
	overflow:hidden;
}
.cover .modal {
	width:350px;
	position:absolute;
	left:50%;
	top:60px;
	margin-left:-175px;
	text-align:center;
	padding:10px;
	background-color:#FFF;
	box-shadow: 2px 2px 4px rgba(0,0,0,.5);
	border-radius:4px;
	
}
.cover .modal textarea.filelink {
	background-color: #C8E6C9;
	overflow:hidden;
	width:100%;
	white-space:pre-wrap;
	word-break: break-word;
	border:none;
	outline:none;
	font-size:13px;
	height:6em;
	padding:10px;
}
.cover .modal .close {
	float: right;
	height:20px;
	width:20px;
	text-align: center;
	line-height:20px;
	padding:0;
	margin:0;
	cursor:pointer;
}
.cover .modal table {
	width:100%;
	text-align:center;
}
#submitting {
	font-weight:100;
	text-align:center;
}
#error-summary {
	color:#900;
	font-weight:400;
}
.subtle {
	font-size:.9em;
	font-weight:400;
	color:#888;
}
.pill {
	display: inline-block;
	font-size:13px;
	line-height:16px;
	height:18px;
	color:#FFF;
	background-color:var(--SynopticPrimaryLightColor);
	border-radius:10px;
	padding:0 10px;
	margin: 0 3px;
	font-weight:700;
	border: 1px solid transparent;
	text-align:center;
}
.pill.var-unit {
	background-color:var(--SynopticPrimaryDarkColor);
}
.pill.reported {
	border:1px solid #190;
	background-color:transparent;
	color:#190;
	text-transform:uppercase;
	font-size:10px;
	/* padding:0 8px; */
}
.pill.derived {
	background-color:transparent;
	color:#08f;
	border: 1px solid #08f;
	text-transform:uppercase;
	font-size:10px;
}
.pill.stage {
	font-size:28px;
	height:30px;
	line-height:30px;
	width:30px;
	border-radius:30px;
	padding:0;
	margin:3px;
	background-color:var(--SynopticPrimaryDarkColor);
}
#var-table th {
	text-align:left;
	border-bottom:1px solid #000;
	font-weight:bold;
	padding:5px 10px;
	font-family: var(--SynopticHeaderFontFamily);
}
#var-table {
	width:100%;
	border-collapse: collapse;
}
#var-table td {
	border-bottom:1px solid #ddd;
}
#var-table tbody tr:nth-child(odd) td {
	background-color:rgba(0, 0, 0, 0.03);
}
footnote {
	font-size:.9em;
	line-height:1.3em;
}