/* Default Body Def'n */
textarea{
   overflow-x: hidden; /*prevent extra line in Firefox*/
}
body
{
margin: 0;
padding: 0;
background-color: #f9f9f9; /*#666666;*/
/*background-image: url("npbg.jpg");*/
color: #000000;
text-align: center;
font-family: Calibri, Arial, Helvetica sans-serif;
font-size:  100%;
}
body a{
color: #006699; /*#686868;*/
text-decoration: underline;
}
a img { border:0 }

/* Misc */
.smallFont{
	font-size: 8pt;
	}

/* Main Table */
.mTable
{
width:  990px;
margin:0 auto;
background-color:#ffffff;
text-align: left;
}

/* Side Panel */
.lPanel
{
background-color: #eee;
width: 168px;
text-align: left;
vertical-align: top;
padding-left: 2px;
}

/* Main Panel */
.mPanel
{
width: 826px;
max-width: 826px;
padding: 10px;
border-right: 1px solid #D1D7DC;
vertical-align: top;
}

.mPanel h1 {
display: inline;
font-size: 1.5em;
margin: .5em 0;
font-weight: bolder;
}

/* Header */
.header1
{
padding: 10px;
width:  970px;
min-height: 90px;
margin:0 auto;
background-color: #fff;
}

.logo{
float: left;
}

.hdrAd{
display: inline-block;
width: 730px;
margin-right: -5px;
/*float: right;*/
}
#ea88nav{
float: right;
width: 88px;
height: 31px;
margin: 0px 12px;
}
.hdrNav{
padding: 5px 5px 0 5px;
width:  980px;
margin:0 auto;
background-color: #006699;
color: #ffffff;
font-family: Verdana,Lucida,Geneva,Helvetica,Arial,sans-serif;
font-size: 8pt;
position: relative;
}
/* Security Type Nav Bar */
#stNavBar{
	width: 250px;
	position: absolute;
	top: -35px;
	height: 30px;
	padding: 0 0 5px 0;
}
.stNavDiv{
	float: left;
	height: 37px;
	width: 80px;
	padding-top: 5px;
	border-radius: 10px 10px 0 0;
}
.stBtn{
	height: 25px;
	margin: 0 auto;
	font-size: 1em;
	border-radius:5px;
}

/* Chart Form in Header*/
.cForm
{
float: right;
padding-top: 4px;
margin: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 8pt;
color: #fff; 
}

/* Header Navigation */
.jqueryslidemenu{
font: normal 0.8em Verdana;
background: #414141;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 1em Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.jqsdownarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.jqsrightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* End Header Navigation */

/* Default Header Links*/
#hlink
{
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 8pt;
color: #fff;
text-decoration: none;
padding-top: 8px;
float: left;
}
#hlink a {
color: #fff;
text-decoration: none;
}

.pt1 {
  float: right;
  font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
  font-size: 10pt;
  background-color:#006699;
  width: 200px;
  border: 1;
}
.wt {
  color: #fff;
}
/* Sidebar Data Div/Table */
.sidebarData {
  font-family: Verdana, Arial;
  font-size: 8pt;
  background-color:#ffffff;
  width: 250px;
  margin-left: 21px;
}
/* Default Footer Table */
.footer1
{
width:  980px;
margin:0 auto;
color: #eeeeee;  /*#000000;*/
background-color: #666666;
}
.footer1 a{
color: #eeeeee;  /*#000000;*/
font-weight: bold;
}

.footer2
{
width:  800px;
text-align: center;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 8pt;
}

.hint
{
background-color:#D1D7DC;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 8pt;
color: red;
}
.alert
{
  background-color: #ffcc66;
  width: 240px;
  border: 3px double #006699;
  text-align: center;
}

.taL{
text-align: left;
}
.taR{
text-align: right;
}
.descrip
{
background-color:#D1D7DC;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
font-size: 10pt;
color: #006699;
text-decoration: none;
}
div#pgDesc
{
background-color:#D1D7DC;
font-family: Arial, Verdana, Lucida, Geneva, Helvetica, sans-serif;
font-size: 10pt;
display: none;
}

/* Login/Register modal mgmt */
#loginPopup { height: 85%; width: 350px; margin: 5% auto; background-color: white; z-index: 10; }
#loginPopup iframe { width: 100%; height: 100%; border: 0; }
#loginDarkbg { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.75); }

/* Side Panel Navigation controls */
#navcontainer ul
{
margin: 0px;
padding: 10px;
/*background-color: #d6d6d6;*/
list-style-type: none;
}

#navcontainer ul li
{
display: block;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
}

#navcontainer ul li a
{
width: 120px;
border-color: #000;
border-bottom-style:dotted;
padding: 3px;
color: #006699; /*#686868;*/
text-decoration: none;
display: block;
text-align: left;
}

#navcontainer ul li a:hover
{
background-color: #e6e6e6; /*#6699cc;*/
}

/* Flex DropDown Menu */
.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
display: none; /*collapse all sub menus to begin with*/
box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 8px #818181;
-moz-box-shadow: 3px 3px 8px #818181;
}

.flexdropdownmenu li{
position: relative;
}

.flexdropdownmenu li a{		/* Primary menu dropdown */
display: block;
width: 160px; /*width of menu (not including side paddings)*/
color: white;
background: #414141;  /*#6699cc;*/
border-bottom: 1px solid black;
text-decoration: none;
padding: 4px 5px;
}

.flexdropdownmenu ul li a{		/* Secondary menu dropdowns */
display: block;
width: 170px; /*width of menu (not including side paddings)*/
color: white;
background: #747474;  /*#999999;*/
border-bottom: 1px solid black;
text-decoration: none;
padding: 4px 5px;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{
background: #006699;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
/* END- Flex DropDown Menu */

/* Portfolio Table */
.ptbl {
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  margin:5px solid #999999;
  border-collapse:collapse;
  background-color: #006699;  /* grey #999999;*/
  width: 820;
  padding:	3px 10px;
  color: #ffffff; 
}
.ptbl table{
  background-color: #EEF0F2;
  text-decoration: none;
  margin: 2px;
  color: black;
  width: 100%;
}
.ptbl th{
  height:  30px;
  background-color: #990000; /*brown  #996600;*/
  color: #ffffff; 
  font-size: 8pt;
  border:1px solid #999999;
}
.ptbl td{
  border:1px solid #006699;  /* grey #999999;*/
}
.mtrTxt{
  /* Market timing rule text */
  border: 1px solid #999999;
  width: 98%;
  font-family: "Courier New", Courier, monospace;
  font-size: 10pt;
  padding:5px;
}
.fixed{
  font-family: monospace;
}	
.wht {color: #ffffff;}

/* Popup Chart */
.popChtLink{
	height: 14px;
	width: 14px;
	margin: 0px 5px 0px 5px;
	vertical-align: middle;
	cursor: pointer;
	display: none;
}
#popChtDiv{
	height: 270px;
	width: 500px;
	background: #ffffff;
	position: absolute;
	z-index: 99;
	display: none;
}
#popChtChart{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: -1;
}

/* Error / Validation */
.errBorder{
  border: 2px solid red;	
}

/* css3menu navigation */
ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#006699;border-width:0;border-style:solid;border-color:}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;background-color:#25333b;border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;-webkit-border-radius:0;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;padding:10px 1px 11px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
ul#css3menu1{
	font-size:0;z-index:90;position:relative;display:inline-block;zoom:1;padding:2px 2px 2px 0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0 0 0 2px;}
ul#css3menu1 ul>li{
	margin:2px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px Arial,Helvetica;color:#EEEEEE;cursor:default;padding:3px 9px 3px 9px;background-color:#006699;background-repeat:repeat;border-width:0px;border-style:none;border-color:none;}
ul#css3menu1 ul li{
	float:none;margin:1px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:5px 15px;background-color:#25333b;border-width:0 0 1px 0;border-style:solid;border-color:#3a4e59;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12px Arial,Helvetica;color:#EEEEEE;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#000000;border-style:none;color:#DDDDDD;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB9AAAAAFCAYAAAAdbHdrAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wBFwsUDHLLRP0AAACaSURBVHja7d2xDcMwDATAZwa1ZpMXZRorcAJnAeGuIsBO7eOp6u4kyRgjl06SOWclSVUFAAAAAAAAAHZxHEcnyXmeX4H4aw1zzuQnPAcAAAAAAACA3azgfAXpyydAH2OsRd3a6AAAAAAAAACwnacQ/d5AX63zvtroAAAAAAAAALClpzPu9wZ6ktQ1t+cCAAAAAAAAYEf//kB/A/78KwqdN/nIAAAAAElFTkSuQmCC");padding-right:13px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#2a404d;border-style:solid;border-color:#3a4e59;color:#E99D01;text-decoration:none;}
ul#css3menu1 li.topmenu>a{
	border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;}
ul#css3menu1 li.toproot>a{
	border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;}

/* Short message displays for ETFScreen */
#symAlerts{
	border: 1px solid #006699;
	height: 300px;
	padding: 5px;
	overflow: auto;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
}
.symAlerts ul{
	overflow: hidden;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	/*max-height: 5000px; */
}
.symAlerts li{
	border-bottom: 1px solid grey;
	padding: 5px 0px;
	margin-left: -40;
	overflow: auto;
}
.symAlertsMsg{
	margin-left: 60px;
}
.symAlertsDate{
	float: right;
	color: grey;
}
.symAlertsAvatar{
	margin-left: -55px;
	float: left;
	width: 50px;
	height: 50px;
}

@media screen and (min-width: 1150px) {
	/* Header */
	.header1{
	width:  1110px;
	}
	.hdrNav{
	width:  1120px;
	}

	/* Main Table */
	.mTable{
	width:  1130px;
	}
	/* Side Panel */
	.lPanel{
	width: 302px;
	}
	.sideContent{
	padding-left: 35px; 
	}
	.footer1{
	width:  1130px;
	}
}

@media print {
	.mPanel {
	width:  660px;
	}

	.lPanel {
	display: none;
	}
}