html {
  height:100%;
}

body {
  font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin:0px;
	padding:0px;
	text-align:center;
	color:white;
}

#root {min-width:600px;}

a {font-weight:bolder;text-shadow: 1px 1px 0px #000000;}
a:link {text-decoration:none; color:#FFD54C;}
a:visited {text-decoration:none; color:#FFD54C;}
a:active {text-decoration:none;}		
a:hover {text-decoration: underline;color:white;} 
a[href$=jpg] {text-decoration: none;border: 0px none;}
img { border:0px; }

.message-box {
  position: absolute;top:0px;left:0px;
	width:40%;
/*  height:50%; */
	margin:15% 30% 35% 30%;
	color:red;
	background-color:white;
	font-size:1.5vw;
	font-weight:bolder;
	text-align:center;
	border:15px solid #1C3B60;
	z-index:99;
	display:none;
}

.message-box-content-1 {
  width:100%;
  height:50%;
	display:inline-block;
	vertical-align:top;
}

.message-box-content-1 img { width:100%;height:100%; }

.message-box-content-2 {
  padding:1vh 0px 1vh 0px;
  width:100%;
	height:50%;
	display:inline-block;
	vertical-align:middle;
}

.message-box-button {
	font-size:1.5vw;
	font-weight:bolder;
	margin-top:0.75vw;
}

.head-box {
	position: relative;
	top: 0px;
	left: 0px;
  display:inline-block;
  width:100%;
}

#headimg {
  width:100%;
	height:100%;
	max-height:180px;
	display:block;
}

#headmessage {
  font-size:14px;
	font-weight:bolder;
	padding:3px 0px 3px 0px;
	width:100%;
	height:20px;
}

#siteselectdiv {
 position:absolute;
 left:0px;
 top:0px;
 height:26px;
 width:200x;
 border:none;
}

#sspulldown {
 height:100%;
 width:100%;
 font-size:18px;
 font-weight:bold;
 color:rgb(59,90,152);
 background-color:#FFFFFF; 
}

option { font-weight:bolder; }

#socialdiv {
  position:relative;
  display:inline-block;
	left:0px;
  width:200px;
  height:22px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  padding:1px 0px 1px 4px;
  border-style:solid;
  border-color:rgba(66,66,66,0.80);
  border-width:0px 0px 1px 1px;
  background-color:#FFFFFF;
}

#wxwidgetdiv {
  position:relative;
  display:inline-block;
  left:0px;
  top: 10px;
  height:70px;
  width:180px;
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
}
				
.help-vert-align {
  display:inline-block;
	height:100%;
	vertical-align:middle;
}

.info-bar {
  position:relative;
	left:0px;
	top:0px;
	height:20px;
	line-height:20px;
	width:100%;
	font-weight:bold;
	display:inline-block;
}

.info-left {
  width:300px;
	height:20px;
	float:left;
	background-color:white;
	color:black;
	font-weight:normal;
	display:inline-block;	
}

.info-center {
  width:calc(100% - 460px);
	height:20px;
	background-color:rgba(0,0,0,0.40);	
	display:inline-block;	
	white-space:nowrap;
/*
	overflow:hidden;
*/
}

.info-right {
  width:160px;
	height:20px;	
	float:right;
	background-color:white;
	color:black;
	font-weight:normal;
	display:inline-block;	
}

.col-container {
  position:relative;
	top:0px;
	left:0px;
	display:block;
	white-space: nowrap;
}

.left-col {
/*
  min-width:120px;
*/
	max-width:300px;
	float:left;
	display:inline-block;
	white-space: normal;	
}

.center-col {
	display:inline-block;
	min-width:600px;
  border-style:solid;
	border-color:white;
	border-width:0px 0px 2px 0px;
	overflow:hidden;
	white-space: normal;	
}

.right-col {
/*
  min-width:120px;
*/
	max-width:160px;
	float:right;
	text-align:left;
	display:inline-block;
	white-space: normal;
}

#promoboxdiv   { padding:9px 0px 9px 0px; }

@media (max-device-width:1024px) and (orientation:portrait) {
   .center-col   { width:100%;   }
	 .info-center  { width:100%;   }
  .left-col      { display:none; }
	.info-left     { display:none; }
  .right-col     { display:none; }
	.info-right    { display:none; }
	.adslotright2  { display:none; }
}

@media (min-device-width:1025px) and (max-device-width:1279px) and (orientation:portrait) {
  .center-col    { width:calc(100% - 160px); }
	.info-center   { width:calc(100% - 160px); }
	.left-col      { display:none; }
	.info-left     { display:none; }
  .right-col     { display:inline-block; }
  .info-right    { display:inline-block; }
	.adslotright2  { display:inline-block; }
}

@media (min-device-width: 1500px), (orientation:landscape) {
  #root          { min-width:1500px; }
  .center-col    { width:calc(100% - 460px); }
	.info-center   { width:calc(100% - 460px); }
	.left-col      { display:inline-block; }
	.info-left     { display:inline-block; }
  .right-col     { display:inline-block; }
	.info-right    { display:inline-block; }
	.adslotright2  { display:inline-block; }	
}

.player-box {
  position: relative;
	left:4%;
  width:92%;
	height:0px;
	padding-bottom:51.75%;
}

#videoplayer_1 {
  position:absolute;
	top:0px;
	left:0px;
  width:100%;
	height:100%;
	background-size: 100% 100%;
	backgroun-repeat: no-repeat;	
}

.audio-box {
  display: inline-block;
  position: relative;
  margin-bottom: 6px;
	text-align:center;
}

.audio-name {
	display: inline-block;
	width:100px;
	top:0px;	
	line-height:40px;
	text-align:right;
	font-weight:bold;
	font-size:18px;
}

.audio-control {
	display: inline-block;
	margin-top:0px;
  vertical-align:top;
/*	max-width:120px; */
	height:40px;
/*	font-size:18px; */
}

#viewersdiv {
	position:relative;
  display:inline-block;
  margin-left:4%; 
	text-align:left;
  float: left;
	top:0px;	
	width:120px;
	line-height:40px;
	font-weight:bold;
}

#webcamnamediv {
  display:inline-block;
	top:0px;
	max-width:290px;
	height:34px;
}

#webcamnameimg {
	width:100%;
	height:100%;
}

#timendatediv {
  display:inline-block;
  margin-right:4%;
	text-align:right;
	position:relative;
	float:right;
	top:0px;
	width:120px;
	line-height:40px;
	font-weight:bold;
}

.horiz-banner-box-1 {
	width:100%;
	display:inline-block;
	padding:15px 0px 15px 0px;
}

.horiz-banner-box-2 {
  width:100%;
	display:inline-block;
	padding:12px 0px 12px 0px;
  border-style:solid;
	border-color:white;
	border-width:0px 0px 1px 0px;
}

.map-tweet-box {
  display:block;
	height:570px;
  width:100%;
}

#trafficmapdiv {
  float:left;
	width:50%;
	height:100%;
}

#twitterblock {
  display:block;
  float:right;
  width:50%;
  height:100%;
}

#mapexpanddiv {
	height:28px;
	width:100%;
	line-height:28px;
	font-size:14px;
  border-style:solid;
	border-color:white;
	border-width:2px 0px 0px 0px;		
}

.ad160x600  { width:160px;height:600px;}

.ad320x250{ padding: 20px 0px 20px 0px; background-color:white;}

.go-right { float: right; }
.go-left  { float: left; }
.half-width { width: 50%; }
					
.foot-box {
  width:100%;
}

.welcome {
  display:inline-block;
	margin:0px 15px 0px 15px;
	padding:15px 0px 15px 0px; 
  border-style:solid;
	border-color:white;
	border-width:0px 0px 1px 0px;
}

.links {
  width:95%;
  line-height:16px;
	vertical-align:middle;
}

ul {
  list-style-type:none;
}

li {
  display:inline-block;
	padding:0px 10px 0px 10px;
	white-space:nowrap;
}

li+li {
	line-height:12px;
  border-left: 2px solid #FFFFFF;
}

.copyright {
  font-size:8px;
}

.back-white {
  background-color:white;
}

.back-black {
  background-color:black;
}

.back-red {
  background-color:red;
}

.back-green {
  background-color:green;
}

.back-teal {
  background-color:teal;
}
		
.back-mt-blue {
  background-color:#000066;
}

.big-button {
  width:25%;
	height:20%;
	color:red;
	font-size:20px;
	font-weight:bold;
}

.color-red { color:red; }
.color-green { color:green; }
.color-black { color:black; }
.color-white { color:white; }

.hide { display: none; }
.show { display: inline-block; }