/*
HTML ELEMENTS
--------------------------------------*/
body {
  font-family: Arial, sans-serif;
  margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px;
  background: #999999; /* ededed  cccccc 004a91 4b90cd 3333ff d9e8f6*/
  font-size:12px;
  }
  
em { color:#333; font-style:normal; font-weight:bold; }

h1 {
  margin: 0 0 10px 0; padding: 0;
  font-size: 22px;
  font-weight: bold;
  color:#4b90cd;
}

h2 {
  margin: 0 0 10px; padding: 0;
  font-size: 20px;
  font-weight: normal;
  color:#4b90cd;
  }

h3 {
  margin: 0 0 10px 0; padding: 0;
  font-size: 18px;
  font-weight: bold;
  color:#4b90cd;
}

h4
{
  margin: 0; padding: 0;
  font-size: 16px;
  font-weight: normal;
}

h5
{
  margin: 0; padding: 0;
  font-size: 14px;
  font-weight: normal;
}

h6
{
  margin: 0; padding: 0;
  font-size: 12px;
  font-weight: normal;
}

a, a:visited, a:active, a:hover {
  color: #4b90cd;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

img
{
  border: 0;
}

form
{
  margin: 0; padding: 0;
}

ul
{
  margin: 0; padding: 0;
  font-size: 12px;
  list-style: none;
}

li
{
  margin: 0; padding: 0px 0px 0px 8px;
  background: url("/i/bullet.gif") 0px  8px no-repeat;
}

.listO li
{
  margin: 0; padding: 0px 0px 0px 8px;
  background: url("/i/bulletO.gif") 0px  8px no-repeat;
}

/*
GLOBAL CLASSES
-----------------------------------*/
.white
{
  color: #ffffff;
}

.blue2
{
  color: #4b90cd;
}

.blue3
{
  color: #3333ff; /* 004a91 */
}

.grey1
{
  color: #666666;
}

.grey2
{
  color: #333333;
}

.grey3
{
  color: #999999;
}

.red
{
 color: red;	
}

.txtAlignL
{
  text-align: left;
}

.txtAlignR
{
  text-align: right;
}

.txtAlignC
{
  text-align: center;
}

.floatL
{
  float: left;
}

.floatR
{
  float: right;
}

.clear
{
  clear: both;
}

.headline
{
  padding: 9px 0px 7px 1px;
}

.mBot1
{
  margin-bottom: 1px;
}

.whiteBg
{
  background-color: #ffffff;
}

.blueBg
{
  background-color: #d9e8f6; /* d9e8f6 */
}

.blueBg0
{
  background-color:  #3333ff; /* #e8f6ff; */
}

.greyBg
{
  background-color: #eaeaea;
}

.yellowBg
{
  background-color: #ffffcc;
}

.rowNoBorder
{
  padding-top: 15px;
}

.rowBotBorder
{
  padding: 15px 0px 15px 0px;
  border-bottom: 1px solid #d9e8f6;
}

/*
JS elements
-------------------------------*/
.jsInput
{
  cursor: pointer;
  width: 207px; height: 22px; line-height: 22px;
  background: url("/i/inputFieldBg.gif") no-repeat;	
}

.jsInputInner
{
  color: #4b90cd;
  font-size: 12px;
  margin: 2px 0px 0px 7px;
  width: 158px; height: 13px;
  border: 0;
  overflow: hidden;
}

.jsInputTxt
{
  text-indent: 7px;
  width: 175px; height: 22px;
  overflow: hidden;
}

.panObj {
  margin: 0 3px 8px 0;
}

.panObj:after {
  content: ".";
  clear: both;
  visibility: hidden;
  display: block;
  height: 0;
}

* html .panObj { height: 1%; }

.panObj a
{
  color: #000000;
  text-decoration: none;
}

.panObj a:hover
{
  color: #000000;
}

.panelWrapper
{
  position: relative;
}

.panelWrapperZ
{
  z-index: 1;
}

.panel
{
  width: 480px;
  display: none;
  position: absolute; left: 0px;
  border: 1px solid #999999;
  background-color: #cccccc;
  padding: 4px;
}

.panel a
{
  font-size: 11px;
  text-decoration: none;
}

.panel a:hover
{
  color: #ffffff;
  background-color: #ff6600;/*orange*/
}

.panelFoot {
  padding: 5px 0px 5px 0px;
  text-align: center;
  background-color: #3333ff;/*e8f6ff*/
}

.panelBody
{
  padding: 10px 0px 10px 10px;
  background-color: #ffffff;
}

.panelBody:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .panelBody {
  height: 1%;
}

.panelBody a
{
  color: #4b90cd; /*blue*/
}

.panelBody a:hover
{
  color: #ffffff;
  background-color: #ff6600; /*burnt orange*/
}

.panelBodyCol
{
  float: left;
  padding-right: 10px;
}

/*
HEADER
----------------------------------------*/
#header
{
  width: 100%;
}

.headlineR
{
  padding-top: 7px;
}

.headerTopBar { /* top bar sides */
  /*background-color: #4b90cd;*/ /* 4b90cd d9e8f6*/
  width: 100%; height: 6px;
}

.headerTopMid
{
  background-color: #666; /* 4b90cd */
  width: 780px; height: 6px;
}

.headerMid {
  width: 780px;
  height: 70px;
  margin:0px; /* 14px 13px */
  padding:5px 0;
  /* background-color: #fff; */
  
  background: url(../images/header_bg_blue_3.gif) repeat-y;
}

.logTxt
{
  margin-top: 10px;
}

#nav {
  width: 780px;
  margin:0;
  background-color: #999;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}

#nav a:hover, #navOn
{
  background-position: 0px -33px;
}

a.nav01
{
  display: block;
  background: url("/i/nav01.gif") no-repeat;
  width: 156px; height: 33px;
}

a.nav02
{
  display: block;
  background: url("/i/nav02.gif") no-repeat;
  width: 156px; height: 33px;
}

a.nav03
{
  display: block;
  background: url("/i/nav03.gif") no-repeat;
  width: 156px; height: 33px;
}

a.nav04
{
  display: block;
  background: url("/i/nav04.gif") no-repeat;
  width: 156px; height: 33px;
}

#nav05
{
  position: relative;
  z-index:110;
}

.nav05a
{
  display: block;
  background: url("/i/nav05.gif") no-repeat;
  width: 156px; height: 33px;
}

.nav05x
{
  display: block;
  background: url("/i/nav05x.gif") no-repeat;
  width: 156px; height: 33px;
}

#tbSBox h6
{
  margin-top: 5px;
}

.tbSBox1_v
{
  display: block;
  position: absolute; top: 30px; right: 0px;
  text-align: center;
  width: 329px; height: 27px;
  background: url("/i/tbStatusBox1.gif") no-repeat;
}

.tbSBox1
{
  display: none;
  position: absolute; top: 30px; right: 0px;
  text-align: center;
  width: 329px; height: 27px;
  background: url("/i/tbStatusBox1.gif") no-repeat;
}

.tbSBox2_v
{
  display: block;
  position: absolute; top: 30px; right: 0px;
  width: 329px; height: 27px;
  background: url("/i/tbStatusBox2.gif") no-repeat;
}

.tbSBox2
{
  display: none;
  position: absolute; top: 30px; right: 0px;
  width: 329px; height: 27px;
  background: url("/i/tbStatusBox2.gif") no-repeat;
}


/* Header Weather
------------------------------------------*/

#hpAlertWrapper {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 420px;
  }

#hpAlertWrapper:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

/* Hides from IE-mac \*/
* html #hpAlertWrapper {
  height: 1%; 
  }
/* End hide from IE-mac */

h3#hpAlertLeft {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px 10px 5px 0;
  font-size: 14px;
  font-weight: bold;
  color: #ff0000;
  border-right: 1px #ff0000 solid;
  }

#hpAlert {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-size: 11px;
  float: right;
  color: #333333;
  width: 280px;
  }

/*
Footer
------------------------------------------*/
#footer {
	border-top: 1px solid #3333ff;
}

#footer a {
  margin-left: 15px;
}

/* NAVIGATION */
td.header_nav { 
	padding:5px 0; margin:0;
	font-weight: bold;
	background-color:#333;/*yellow FFFF66*/ 
	color:#fff; /* 3333ff  #4b90cd */
}

div.caption {
	margin:0;padding:0;
	width:100%;
	height:15px;
	font-size:11px;
	background-color:#999;
	color:#000;
	text-align:right;
}

#player {
	background: #fff url(/images/logo_lg.jpg) no-repeat center middle; 
	width:400px;
	height:320px;
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	border-right:2px solid #999;
	border-bottom:2px solid #999;
}