/* @group Main Layout */

body
	{
	font-family: Gill Sans, Helvetical, Sans-serif;
	margin: 0px;
	background: #17326d;
	color: #ccccff;
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	}

a
	{
	color: #ccccff;
	}

	.side_col
		{
		display: table-cell;
		width: 256px;
		vertical-align: top;
		text-align: center;
		}
		
	.mid_col
		{
		display: table-cell;
		vertical-align: top;
		text-align: center;
		padding: 0 10px;
		}

section
	{
	background: linear-gradient(#17326d, #2b467c);
	border: solid 1px #ccccff;
	border-radius: 8px;
	box-shadow: 4px 4px 4px rgba(0,0,0,.3);
	margin-top: 18px;
	padding: 8px 5px 5px 5px;
	text-align: left;
	font-size: 11pt;
	text-align: justify;
	position: relative;
	}

	section p
		{
		margin: 0 0 10px 0;
		}
		
	section > p:last-child
		{
		margin-bottom: 0;
		}

h1
	{
	margin: 0 0 -5px 0;
	font-weight: normal;
	}
	
	h1 span
		{
		font-style: italic;
		font-weight: bold;
		}
	
h2
	{
	display: inline;
	position: absolute;
	top: -12px;
	color: #ccccff;
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
	padding: 0px 3px;
	background-color: rgba(23,50,109,.9);
	}

h2 a
	{
	text-decoration: none;
	}


#lost_contact
	{
	display: none;
	text-align: left;
	color: #333333;
	background-color: #ffcc66;
	border: solid 1px #996600;
	border-radius: 6px;
	margin-top: 20px;
	padding: 0px 10px;
	}

#project_status_date
	{
	text-align: right;
	font-style: italic;
	}
	
/* @end */

/* @group Temperatures */

.big-temp
	{
	font-size: 17pt;
	display: inline-block;
	min-width: 110px;
	border: 2px solid #ccccff;
	box-shadow: 4px 4px 4px rgba(0,0,0,.3);
	border-radius: 20px;
	margin: 5px;
	padding: 6px;
	background: #254585;
	}

	.big-temp-hi
		{
		border: 2px solid #ff6666;
		}

	.ex-hi
		{
		color: #ff6666;
		}

	.big-temp-lo
		{
		border: 2px solid #66ccff;
		}

	.ex-lo
		{
		color: #66ccff;
		}
	
	.big-temp-offline
		{
		border: 2px solid #ffcc66;
		}

.big-temp > div
	{
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0px 10px -2px 0px;
	border-radius: 3px;
	border: solid 1px rgba(0,0,0,.4);
	}
	
.updn
	{
	font-size: 9pt;
	position: relative;
	top: -3px;
	}

#extremes_viewer:focus
	{
	outline: none;
	}

#extremes_secondary
	{
	display: none;
	}

#extremes_primary, #extremes_secondary
	{
	text-align: right;
	padding-top: 6px;
	}

/* @end */

/* @group Charts */

#season_chart, #day_chart
	{
	height: 350px;
	background-color: #d0e6f0;
	margin-top: 3px;
	}

.season_tooltip
	{
	font-family: Helvetica;
	padding: 5px;
	border-radius: 3px;
	color: black;
	}

#season_chart_viewer:focus
	{
	outline: none;
	}
/* @end */