/*
	my_blue.css 
	-----------
	This is an early attempt at a work-alike of the current blue style proscribed
	by the web group and modified for the most recent DHSS redesign.
	
	This faux redesign is built on a fusion of the style by Matthew James Taylor,
	combined by the OA New Blue Style documentation from 2015 by Houts and Buffington.  
	
	This stylesheet is self-contained, no external resources required.
	
	Taylor's original has some additional non-essential CSS, some of which is already 
	included in this adaptation.  Other CSS accomodated older versions of IE, and was 
	not included here. 

*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Francois+One&display=swap');

* {
	font-family: Tahoma,Geneva,Arial,sans-serif;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
}

section#land {
	width:75%;
	display:block;
	margin:40px auto;
}

table caption {
	padding: 12px;
	font-weight: bolder;
}

td {
	text-align: center;
	vertical-align: middle;
}

/* unvisited link - data pages */
a.data:link {
	color: #009;
}
/* visited link - data pages  */
a.data:visited {
	color: #009;
}

/* mouse over link - data pages  */
a.data:hover {
	color: #009;
}

/* selected link - data pages  */
a.data:active {
	color: #009;
}

div#container {
	min-height:100%;
	position:relative;
}

#header {
	background: #1E3A62;
	border-bottom-color: #5f9bbc;
	color: #fff;
	padding-left: 0px;
}

#logo_head {
	margin-left:12px;
}
#body {
	padding: 20px;
	padding-bottom: 100px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}

#footer {
	position: absolute;
	border-top: 5px solid #5f9bbc;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: #1E3A62;
	color: #fff;
}

h1 {
	display: block;
	font-family: "Francois One",Arial,Helvetica,sans-serif;
	font-size: 24px;
	line-height: 1.75em;
	width: auto;
	font-weight: 400;
	color: #ffffff;
	border: 1px solid #193051;
	background: linear-gradient(to bottom,#3d5577 0,#2c476b 38%,#1f3b62 100%);
	padding-left:5px;
}

h2 {
	background-color: #fff;
	box-sizing: border-box;
	display: block;
	font-family: "Francois One",Arial,Helvetica,sans-serif;
	font-weight: 400;
	line-height: 1.1;
	font-size: 24px;
	margin-top: 30px;
	margin-bottom: 10px;

	border-bottom: 1px dotted #d8d8d8;
	color: #444;
	padding-bottom: 5px;
}

p {	
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}

/* -------------- This style is for instructions or special notes -------------------------------- */

div.spec {
	margin:20px auto;
	width:960px;
}

#mast {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	margin:0px;
	width:100%;
	height:100px;
}

#mast_left {
	text-align:left;
	width:60%;
}

#mast_right {
	text-align: right;
	font-size: smaller;
	width:39%;
}

#logo_head {
	width:400px;
}

#hais {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:space-evenly;
	border:none;
	width:100%;
	margin-top:30px;
	margin-bottom:30px;
	vertical-align:top;
}

#hsp_icu, #hsp_srg, #asc_srg {
	border: 5px solid #4c7e99;
	height:auto;
	width: 300px;
	height:300px;
	padding: 20px;
}

#footbar {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content:space-evenly;
	width: 960px;
	height: 70px;
	position:relative;
	margin:10px auto;
}

#footbar_mo {
	text-align: left;
	width: 100px;
}

#footbar_links {
	text-align: center;
	width: 500px;
}

#footbar_links a {
	color: #ffffff;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: x-small;
	text-decoration:none;
}

footbar_social {
	text-align: right;
	width: 100px;
}

/* Menu Bar Start....*/

nav {
	text-align: center;
}

	nav ul {
		margin:0px;
		padding: 0;
		list-style: none;
		background: #b2def5;
		background-color: #5f9bbc;
	}

		nav ul li {
			display: inline-block;
			border-left: 2px solid #66a8cc;
			/* border-right: 1px solid #4c7e99; */
		}

			nav ul li a {
				font-family: 'Merriweather',Georgia,serif;
				font-weight: 400;
				text-shadow: 1px 1px 1px #444;
				display: block;
				padding: 10px 25px;
				color: #eee;
				text-decoration: none;
				font-family: serif;
				background-color: #5f9bbc;
			}

			nav ul li a:hover {
				color: #fff;
				background: rgb(58, 81, 112);
			}

/* 
	Menu Bar END....
	End of standard styles for this application.  From this point forward are style definitions that pertain to
	some pages, but not others.  Mostly, these styles support the public report, i.e. tabular grids.
*/



/* -------------------------------------- GRID Tables for ICU, CLAB Data --------------------------------------- */


table#grid {
	border-collapse: collapse;
	width: 960px;
	margin: 12px auto 7px auto;
}

	table#grid th {
		border: 1px solid #b2def5;
		border-collapse: collapse;
		background-color: #DAE1E6;
		color: #1e3a62;
		text-align: center;
		vertical-align: middle;
		font-size: 9pt;
		padding: 12px;
	}

	table#grid td {
		font-size: 10pt;
		border: 1px solid #b2def5;
		border-collapse: collapse;
		padding: 5px 7px;
		line-height: 1.1em;
	}

		table#grid td.moons {
			text-align: center;
			vertical-align: middle;
			font-size: 20px;
		}

table#legend {
	font-family: verdana,sans-serif;
	margin: 0px auto 30px auto;
	border: 1px solid #003;
	padding: 7px;
}

	table#legend caption {
		padding: 12px;
	}

	table#legend th, td {
		font-size: 80%;
	}

/* -------------------------------- Styles for the grid of historical data -------------------------------------------- */

table#his_grid {
	border-collapse: collapse;
	width: 960px;
	margin: 12px auto 7px auto;
}

	table#his_grid th {
		border: 1px solid #b2def5;
		border-collapse: collapse;
		background-color: #DAE1E6;
		color: #1e3a62;
		text-align: center;
		vertical-align: middle;
		font-size: 9pt;
		padding: 12px;
	}

	table#his_grid td {
		font-size: 10pt;
		border: 1px solid #b2def5;
		border-collapse: collapse;
		padding: 5px 7px;
		line-height: 1.1em;
	}

		table#his_grid td.moons {
			text-align: center;
			vertical-align: middle;
			font-size: 20px;
		}

/* -------------------------------- Styles for the query control panel ------------------------------------------ */

div#qry_hdr {
	box-sizing:border-box;
	margin:20px auto 20px auto;
	background-color: #5f9bbc;
	color: #ffff;
	padding: 10px;
	width:960px;
	border:1px solid #b2def5;

}

/* -------------------------------- Styling for the breadcrumb trails ------------------------------------------- */

div#breadcrumbs {
	height: 20px;
	width: 960px;
	font-family: Tahoma,Geneva,Arial,sans-serif;
	background-color: inherit;
	box-sizing: border-box;
	font-weight:700;
}

	div#breadcrumbs a {
		color: #1e3a62;
		text-decoration: none;
		background-color: transparent;
	}

		div#breadcrumbs a:active, a:focus, a:hover, a:link, a:visited {
			font-weight: 700;
		}

/* -------------------------------- Styling for Report Headers ---------------------------------------------------*/

div#rpt_hdr {
	border: none; /* originally 2px solid #5f9bbc; */
	width: 300px;
	margin: 20px auto;
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
}