/* Main page table container. */

#mainTable {
	width:965;
	height:850px;
}
#leftPartition{
	width:420px;
	height:850px;
	float:left;
}

#rightPartition{
	width:540px;
	height:850px;
	float:right
}

/* AWW Display */
#AWW {
	display:none;
	width:100%;
	height:50px;
	text-align:center;
	padding-top:15px;
	padding-right:35px;
	background-color:red;
	color:white;
	font-size:25px;
	font-weight:600;
	font-family: Tahoma, Geneva, sans-serif;
}

.awwButton {
  font-size:13px;
  font-weight:600;
  font-family: Tahoma, Geneva, sans-serif;
  background-color: #ff9999;
  float:right;
  border: none;
  outline:none;
  padding-bottom:10px;
  color: black;
  padding: 6px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 16px;
}

.awwButton:hover {
  background-color: #660000;
  color:white;
}


/* Links */
#md-links{
	color:#FFF;
	height:calc(16px + (35 - 16) * ((100vw - 320px) / (1800 - 320)));
	width:100%;
	text-align: middle;
	vertical-align: middle;
	padding-left:20px;
	background-color:#0071bc;
}

#md-links:hover{
	color:#FFF;
	background-color:#00bc4b;
	border-style:none;
	-moz-box-shadow: 3px 4px 6px grey;
	-webkit-box-shadow: 3px 4px 6px grey;
	box-shadow: 3px 4px 6px grey;
	height:calc(15px + (34 - 15) * ((100vw - 320px) / (1800 - 320)));
}

.md-links{
	color:#FFF;
	text-decoration:none;
	font-family:Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:calc(14px + (21 - 14) * ((100vw - 320px) / (1800 - 320)));
	font-weight:500;
}

.md-links:hover{
	color:#FFF;
	text-decoration:none;
	font-family:Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:calc(14px + (21 - 14) * ((100vw - 320px) / (1800 - 320)));
	font-weight:500;
}

.linkTable{
	width:100%;
}

/* Metars */
#metars {
	width:415px;
	overflow:auto;
}

p.metars{
  width:100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  font-family:monospace;
  font-size:13px;
}

/* TCF */
#tcfinfo{
	text-align:right;
	font-size:11px;
	color:#cccccc;
	float:right;
}

#TCFtitle{
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#ED7A08;
	text-align:left;
	width:80%;
}

/* TAF */

#TAF{
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: calc(10px + (15 - 10) * ((100vw - 320px) / (1800 - 320)));
	font-weight:500;
	color:#222222;
	text-align:left;	
}

#TAFtitle{
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#ED7A08;
	text-align:left;
}


/* Freezing Level */

#radatTable {
	width:85%;
	height:60px;
	text-align: center
}

#obTime {
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:20px;
	font-weight:500;
	color: #206ea2;
}

#fzlAlt, #fzlRh {
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:600;
	color: #206ea2;
}

.obHeader {
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	text-align: center;
	font-size:15px;
	font-weight:500;
	color: #222;	
}

/* ITWS sensor */

#ITWStitle {
	font-family: Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#ED7A08;
	text-align:left;
}

#currentWind{
	font-family:Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
	font-size:45px;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;
	color:#222222;
}
.styled-select select {
   background: transparent;
   width: 40px;
   padding: 1px;
   font-size: 12px;
   color:#888888;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 25px;
   -webkit-appearance: none;
}
#midfieldText{
   font-family:Segoe UI, Calibri, "Century Gothic", Arial, Helvetica, sans-serif;
   font-size:16px;
   font-weight: bold;
   text-align:left;
   vertical-align: middle;
   text-decoration:none;
   color:#222222;
}
/* Turn on custom 8px wide scrollbar */
::-webkit-scrollbar {
  width: 4px; 
  height: 8px;
  background-color: rgba(255, 255, 255, 0.13);
  -webkit-border-radius: 100px;
}

::-webkit-scrollbar-corner {
  background-color: rgba(255, 255, 255, 0.13);
}

/* The scrollbar 'thumb' ...that marque oval shape in a scrollbar */
::-webkit-scrollbar-thumb:vertical {
  background: rgba(255,255,255,0.15);
  -webkit-border-radius: 100px;
}
::-webkit-scrollbar-thumb:horizontal {
  background: rgba(255,255,255,0.15);
  -webkit-border-radius: 100px;
}

.cms-content {
	height:1020px;
}

.spacer {
	height:8px;
}