/**********************/
/***** defaults *******/
/**********************/
body {
  margin:0px;
  padding:0px;
  background-color:#fff;
  text-align:center;
}
td, div {
  font-family:'Open Sans', 'PTSansRegular', Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#000000;
  line-height:18px;
}
a,
a:link,
a:visited,
a:active {
  color:#002573;
  text-decoration:underline;
}
a:hover {
  color:#004481;
  xxcolor:#31ce63;
  text-decoration:none;
  font-weight: bold;
}

a.pagegroup {
  color:#31ce63;
}

a.navx,
a:link.navx,
a:visited.navx,
a:active.navx,
a:hover.navx {
font-size: 14px;
font-weight: bold;
}

/*************************/
/***** base layout *******/
/*************************/
div#main {
  width:780px;
	margin:0px auto;
  padding:0px;
  background:url(../images/bg_circles.jpg);
}
div#mobi-main {
  xxwidth:780px;
	margin:0px auto;
  padding:0px;
  background:url(../images/bg_circles.jpg);
}
div#mainapplet {
	margin:0px auto;
  padding:0px;
}
div#header {
  width:779px;
}
div#content-container {
  float:left;
  width:579px;
}
div#content-container-lg {
  width:779px;
}
div#content-container-mobi {
  width:400px;
}
div#content {
  /* padding:20px 10px 20px 10px; */
  padding: 0 10px;
  text-align:left;
}
div#footer {
  
}
div#login-container {
  float:left;
  width:381px;
  height:51px;
  background-color:#273677;
  text-align:left;
}
div#login {
  padding:8px 0px 0px 32px;
}
div#dateandtime-container {
  float:left;
  width:182px;
  xxxheight:37px;
  height:25px;
  xxbackground-color:#273677;
  background-color:#002573;
  margin-bottom: 3px;
}
div#dateandtime, div#dateandtime-static {
  padding:3px 0px 0px 0px;
  color:#fff;
  //font-weight:bold;
  font-size:12px;
}
div#copyright {
  clear:both;
  padding:5px 0px 0px 0px;
  text-align:left;
  color:#219442;
  font-size:11px;
}
div#title-img {
  float:left;
  width:398px;
  height:51px;
}
div#print-header {
  display:none;
}

/***********************/
/***** rollovers *******/
/***********************/
.rollover {
  display:block;
}
.rollover img {
  width:100%;
  height:100%;
  border:0;
}
.rollover:hover {
  visibility:visible;
}
.rollover:hover img {
  visibility:hidden;
}
a#nav1  { width:35px;  height:34px; xbackground-image:url(../images/nav_join_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav2  { width:51px;  height:34px; xbackground-image:url(../images/nav_demo_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav3  { width:39px;  height:34px; xbackground-image:url(../images/nav_faq_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav4  { width:90px; height:34px; xbackground-image:url(../images/nav_markets_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav5  { width:52px; height:34px; xbackground-image:url(../images/nav_blog_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav6  { width:69px;  height:34px; xbackground-image:url(../images/nav_about_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav15  { width:56px;  height:34px; xbackground-image:url(../images/nav_contact_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav7  { width:64px; height:41px; xbackground-image:url(../images/members_nav_prices_rates_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav8  { width:80px; height:41px; xbackground-image:url(../images/members_nav_news_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav9  { width:68px;  height:41px; xbackground-image:url(../images/members_nav_charting_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav10 { width:99px; height:41px; xbackground-image:url(../images/members_nav_ecocalendar_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav11 { width:75px;  height:41px; xbackground-image:url(../images/members_nav_resources_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav12 { width:69px;  height:41px; xbackground-image:url(../images/members_nav_aboutus_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav13 { width:65px;  height:41px; xbackground-image:url(../images/members_nav_contact_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav14 { width:80px;  height:41px; xbackground-image:url(../images/members_nav_profile_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav16  { width:69px;  height:34px; xbackground-image:url(../images/nav_about_b.gif); text-decoration:none;text-transform: uppercase; }
a#nav_share { text-decoration:none;text-transform: uppercase; }
a.topmenu { text-decoration:none;text-transform: uppercase; }

/********************/
/***** subnav *******/
/********************/
#subnav-container {
  float:left;
  width:200px;
}
#subnav {
  padding:10px 10px 20px 32px;
  text-align:left;
}
#subnav .list-menu {
  margin:0px;
  padding:0px;
  list-style:none;
}

#subnav .list-menu ul {
  list-style:none;
}
#subnav .list-menu li .horiz {
display: block;
  padding:0px 0px 0px 10px;
  background:url(../images/bullet_green.gif) 0px 5px no-repeat;
}
#subnav .list-menu a,
#subnav .list-menu a:link,
#subnav .list-menu a:visited,
#subnav .list-menu a:active {
  display:block;
  width:100%;
  //font-weight:bold;
  font-size:11px;
  color:#002573;
  text-decoration:none;
}
#subnav .list-menu a:hover {
  //color:#31ce63;
}
#subnav .list-menu a.on,
#subnav .list-menu a.on:link,
#subnav .list-menu a.on:visited,
#subnav .list-menu a.on:active,
#subnav .list-menu a.on:hover {
  display:block;
  width:100%;
  //font-weight:bold;
  font-size:11px;
  color:#31ce63;
  text-decoration:none;
}
table .list-menu a.on,
table .list-menu a.on:link,
table .list-menu a.on:visited,
table .list-menu a.on:active,
table .list-menu a.on:hover {
display:inline;
  font-weight:bold;
  font-size:11px;
  color:#31ce63;
  text-decoration:none;
  float: right;
}
#subnav .menu-divider {
  clear:both;
  background:url(../images/bg_dots.gif) repeat-x;
  margin:10px 0px 10px -10px;
}

/***********************/
/***** menus ***********/
/***********************/
.transparent {
  filter:alpha(opacity=20);
  -moz-opacity:0.18;
}
#menu1Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg1Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu2Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg2Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu3Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg3Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu4Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg4Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu5Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg5Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu6Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg6Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu7Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg7Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu8Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg8Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu9Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg9Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu10Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg10Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu11Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg11Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu12Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg12Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu13Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg13Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu14Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg14Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu15Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg15Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }
#menu16Div   { position:absolute; top:0px; left:0px; visibility:hidden; z-index:20; }
#menubg16Div { position:absolute; top:0px; left:0px; visibility:hidden; z-index:19; }

#menus div {
  margin:0px;
  padding:0px;
  width:200px;
  text-align:left;
  /*border:solid 1px #aaa;*/
  background:url(../images/menu_bg.gif) #fff repeat-x;
}
#menus div.shadow {
  border:none;
  background:none;
}
#menus div.empty {
  display:none;
}

#menus div ul {
  margin:0px;
  padding:7px 0px 7px 5px;
  list-style-type:none;
}
#menus div ul li {
  padding:0px 0px 0px 10px;
  background:url(../images/bullet_green.gif) 0px 5px no-repeat;
}
#menus div ul li a,
#menus div ul li a:link,
#menus div ul li a:visited,
#menus div ul li a:active {
  display:block;
  width:100%;
  //font-weight:bold;
  font-size:11px;
  color:#002573;
  text-decoration:none;
}
#menus div ul li a:hover,
#menus div ul li.on a,
#menus div ul li.on a:link,
#menus div ul li.on a:visited,
#menus div ul li.on a:active {
  //color:#31ce63;
}
#menus .menu-divider {
  width:190px;
  background:url(../images/bg_dots.gif) repeat-x;
  margin:5px 0px 5px -10px;
}

/******************/
/***** text *******/
/******************/
.txt-sm {
  font-size:10px;
}
.txt-lg {
  font-size:16px;
}
.txt-highlight {
  color:#333366;
}
.txt-title {
  padding:20px 0px 0px 0px;
  color:#313163;
  font-size:14px;
  font-weight:bold;
}
.required {
  color:#cc0000;
}
a.required,
a.required:link,
a.required:visited,
a.required:active,
a.required:hover {
  color:#cc0000;
  text-decoration:underline;
}
.content {
  font-size:12px;
  line-height:18px;
}
.content-tall {
  font-size:12px;
  line-height:20px;
}
.seconds {
  color:#31ce63;
}
.txt-plus {
  color:#0c0;
}
.txt-minus {
  color:#f00;
}

.txt-alert-favorable, 
.txt-alert-favorable a:link,
.txt-alert-favorable a:visited,
.txt-alert-favorable a:active {
  color:#31c363;
}

.txt-alert-favorable a:hover {
  color: #34b233;
}

.txt-alert-unfavorable, 
.txt-alert-unfavorable a:link,
.txt-alert-unfavorable a:visited,
.txt-alert-unfavorable a:active {
  color:#f00;
}

.txt-alert-unfavorable a:hover {
  color: #cc0020;
}

.standout {
  font-size:13px;
  color:#333366;
  font-weight:bold;
}

/*******************/
/***** forms *******/
/*******************/
.form {
  margin:0px;
  padding:0px;
}
input.text {
  font-size:11px;
}
.select {
  margin:0px;
  padding:0px;
  font-size:11px;
  font-family:verdana,sans-serif;
}
.button {
  font-size:11px;
  font-family:verdana,sans-serif;
  font-weight:bold;
}
.form-field {
  text-align:right;
}

/***********************/
/***** sitemap *********/
/***********************/
.sitemap-left {
  float:left;
  margin:0px 0px 10px 0px;
  width:279px;
}
.sitemap-right {
  float:left;
  margin:0px 0px 10px 0px;
  width:280px;
}
.sitemap-left ul,
.sitemap-right ul {
   list-style-type:none;
   margin:0px;
   padding:0px 0px 0px 10px;
}
.sitemap-left ul li,
.sitemap-right ul li {
  padding:0px 0px 0px 10px;
  background:url(../images/bullet_green.gif) 0 .6em no-repeat;
}
.sitemap-left h2,
.sitemap-right h2 {
  font-size:14px;
  font-weight:bold;
  margin:10px 0px 5px 0px;
  padding:0px;
  color:#313163;
}

/************************/
/***** applet/table *****/
/************************/
.applet {
  margin:0px;
  padding:0px;
  border:1px solid #eee;
}
.applet .col-header {
  padding:2px 8px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  background-color:#002573;
  white-space:nowrap;
}
.applet .row-odd {
  height:24px;
  padding:0px 5px 0px 5px;
  font-size:11px;
  //font-weight:bold;
  background-color:#fff;
}
.applet .row-even {
  height:24px;
  padding:0px 5px 0px 5px;
  font-size:11px;
  //font-weight:bold;
  background-color:#eee;
}
.applet .row-applet {
  padding:0px;
  background-color:#fff;
}
.applet .txt-plus {
  color:#0c0;
}
.applet .txt-minus {
  color:#f00;
}

.table {
  margin:0px;
  padding:0px;
  border:1px solid #eee;
}
.table .col-header {
  padding:2px 8px;
  color:#fff;
  font-size:11px;
  font-weight:bold;
  background-color:#002573;
  white-space:nowrap;
}
.table .row-odd {
  padding:5px;
  font-size:11px;
  background-color:#fff;
}
.table .row-even {
  padding:5px;
  font-size:11px;
  background-color:#eee;
}
.table .row-divider {
  padding:0px;
  background-color:#002573;
  height:1px;
}
.table .analysis {
  padding:5px;
  font-size:12px;
  background-color:#eee;
}

/****************/
/***** misc *****/
/****************/
.dots {
  clear:both;
  background:url(../images/bg_dots.gif) repeat-x;
}
.dots-noclear {
  background:url(../images/bg_dots.gif) repeat-x;
}
#pagetitle {
  padding:0px 0px 15px 0px;
  color:#333366;
  font-size:18px;
  font-weight:bold;
}
#homelink a,
#homelink a:link,
#homelink a:visited,
#homelink a:active {
  /*display:block;
  padding:0px 0px 0px 10px;*/
  //font-weight:bold;
  font-size:11px;
  color:#9c9c9c;
  text-decoration:none;
}
#homelink a:hover {
  //color:#31ce63;
}
.question {
  padding:0px 0px 10px 0px;
  text-align:left;
  color:#219442;
}
.answer {
  padding:0px 0px 10px 0px;
  text-align:left;
  line-height:18px;
}
.term {
  padding:0px 0px 10px 0px;
  text-align:left;
  color:#219442;
  font-weight:bold;
}
.definition {
  padding:0px 0px 10px 0px;
  text-align:left;
  line-height:18px;
}
/*
.icon-email {
  background:url(../images/icon_email.gif) no-repeat center left;
  padding-left:18px;
}
.icon-chart {
  background:url(../images/icon_chart.gif) no-repeat center right;
  padding-right:18px;
}
.icon-analysis {
  background:url(../images/icon_analysis.gif) no-repeat center right;
  padding-right:18px;
}
*/
.tbl-header-dark {
  background-color:#002573;
  color:#ffffff;
  font-weight:bold;
}
.tbl-header-light {
  background-color:#31ce63;
  color:#ffffff;
  font-weight:bold;
}
.highlight-dark {
  color:#002573;
}
.highlight-light {
  color:#31ce63;
}
.title-bar {
  padding:2px;
  margin:15px 0px 0px 0px;
  background-color:#002573;
  color:#ffffff;
  font-weight:bold;
  text-align:center;
}
.dateandtime-sm {
  padding:0px;
  color:#fff;
  font-weight:bold;
  font-size:11px;
}
.subtitle-left {
  font-weight:bold;
  font-size:18px;
  color:#369;
}
.subtitle-right {
  color:#336;
  font-size:18px;
  font-weight:bold;
}
.bg-white {
  background-color:#fff;
}
.bg-blue {
  background-color:#369;
}
.bg-left-blue {
  background-color:#369;
}
.bg-right-blue {
  background-color:#002573;
}
.header-white{
  padding:3px;
  color:#fff;
  font-size:11px;
}
a.header-white,
a.header-white:link,
a.header-white:visited,
a.header-white:active {
  color:#ffffff;
  font-weight:bold;
  text-decoration:underline;
}
a.header-white:hover {
  text-decoration:none;
}
.left-header{
  padding:3px;
  color:#fff;
  font-size:11px;
}
.right-header{
  padding:2px 5px;
  color:#fff;
  font-size:11px;
}
.bg-left-grey {
  background-color:#eee
}
.bg-right-grey {
  background-color:#eee
}
.bg-grey {
  background-color:#eee
}
.data {
  color:#666;
  font-size:11px;
}
.data-row {
  padding:5px;
  vertical-align:top;
}
.left-date {
  float:left;
  color:#666;
  font-size:11px;
}
#top-stories {
	margin:0px;
	padding:0px;
  border:1px solid #eee;
}
#top-stories-title {
	margin:0px;
	padding:3px;
  background-color:#369;
  color:#fff;
  font-size:11px;
  font-weight:bold;
}
.top-stories-date {
  color:#666;
  font-size:11px;
  white-space:nowrap;
}
a.top-stories-link,
a.top-stories-link:link,
a.top-stories-link:visited,
a.top-stories-link:active {
  color:#002573;
  text-decoration:none;
  font-weight:bold;
}
a.top-stories-link:hover {
  color:#31ce63;
  text-decoration:none;
}

.calendar {
  margin:0px;
  padding:0px;
  border:1px solid #002573;
}
.calendar td {
  border:1px solid #002573;
}
.cal-month {
  font-size:11px;
  font-weight:bold;
  text-align:center;
  background-color:#002573;
  color:#fff;
}
.cal-month a,
.cal-month a:link,
.cal-month a:visited,
.cal-month a:active,
.cal-month a:hover {
  text-decoration:none;
  color:#fff;
}
.cal-weekday {
  font-size:11px;
  font-weight:bold;
  text-align:right;
}
.cal-day {
  font-size:10px;
  text-align:right;
}
.cal-day a,
.cal-day a:link,
.cal-day a:visited,
.cal-day a:active {
  text-decoration:none;
  display:block;
  width:100%;
}
.cal-day a:hover {
  background-color:#31ce63;
  color:#fff;
}
.cal-day-on {
  font-size:10px;
  text-align:right;
}
.cal-day-on a,
.cal-day-on a:link,
.cal-day-on a:visited,
.cal-day-on a:active,
.cal-day-on a:hover {
  text-decoration:none;
  display:block;
  width:100%;
  background-color:#31ce63;
  color:#fff;
}
.cal-month-lg {
  font-size:14px;
  font-weight:bold;
  text-align:center;
  background-color:#002573;
  color:#fff;
}
.cal-weekday-lg {
  font-size:11px;
  font-weight:bold;
  text-align:center;
  background-color:#fff;
}
.cal-day-lg {
  font-size:12px;
  font-weight:bold;
  height:120px;
  background-color:#fff;
  vertical-align:top;
}
.cal-border {
  background-color:#000;
}
.cal-content {
  font-size:11px;
  font-weight:normal;
  padding:5px;
}
.tbl-header {
  background-color:#002573;
  color:#fff;
  font-weight:bold;
}
.row-even {
  background-color:#eee;
}
.row-odd {
  background-color:#fff;
}
.glossary-alphabet {
  color:#336699;
  font-size:14px;
  font-weight:bold;
}
.selected-letter {
  padding:1px;
  background-color:#31ce63;
  color:#fff;
}
a.news-nav,
a.news-nav:link,
a.news-nav:visited,
a.news-nav:active {
  color:#008400;
  text-decoration:underline;
}
a.news-nav:hover {
  color:#008400;
  text-decoration:none;
}
.border-grey {
  border:1px solid #eee;
}
.key-term {
  background-color:#336699;
  color:#fff;
  font-weight:bold;
}
.key-definition {
  background-color:#eee;
  color:#000;
}

.subtitle {
  font-size:16px;
  font-weight:bold;
  color:#333366;
}

a.no-line,
a.no-line:link,
a.no-line:visited,
a.no-line:active,
a.no-line:hover {
  text-decoration:none;
}

.streaming_realtime {
  font-size:11px;
  font-weight:normal;
}

.small-subtitle {
  font-size:14px;
  font-weight:bold;
  color:#333366;
}

.pull-quote {
  padding:10px;
  color:#333366;
  font-family:Georgia, serif;
  font-size:13px;
  font-weight:bold;
  font-style:italic;
  line-height:20px;
  background-color:#fff;
}

#dhtmltooltip {
  position:absolute;
  width:60px;
  border:1px solid black;
  padding:1px;
  background-color:lightyellow;
  visibility:hidden;
  z-index:100;
  font-family:tahoma, sans-serif;
  font-size:11px;
}

.globalmessage {
  font-size:14px;
  line-height:20px;
text-align: center;
font-weight: bold;
}


.tabs_line {border-bottom:1px solid #D1D2D6; width:90%;}
.tabs_line_start {border-bottom:1px solid #D1D2D6; width:10px;}

.tab {width:140px;padding-top:5px;padding-bottom:5px;padding-left:1px;padding-right:1px; border-bottom:1px solid #D1D2D6; background:url(/images/tab.jpg) top no-repeat;}
.tab_active {border-bottom:1px solid #FFFFFF; width:140px; padding-top:5px;padding-bottom:5px;padding-left:1px;padding-right:1px; background:url(/images/tab_active.jpg) top no-repeat;}
.tab_hover {width:140px; padding-top:5px;padding-bottom:5px;padding-left:1px;padding-right:1px; border-bottom:1px solid #D1D2D6; background:url(/images/tab_hover.jpg) top no-repeat;}
.tab a:link,
.tab a:active,
.tab a:visited,
.tab a:hover,
.tab_hover a:link,
.tab_hover a:active,
.tab_hover a:visited,
.tab_hover a:hover
{display:block; width:140px; text-align:center; color:#000000; text-decoration:none; font-size:11px;}

.tab_active a:link,
.tab_active a:active,
.tab_active a:visited, 
.tab_active a:hover 
{display:block; width:140px;text-align:center; color:#000000; text-decoration:none; font-weight:bold; font-size:11px;}

 div#time {
    padding:0px;
    color:#fff;
    font-size:11px;
    font-weight:bold;
    background-color:#002573;
    white-space:nowrap;
}
.chart-left h2,
.chart-left2 h2,
.chart-left3 h2,
.chart-right h2 {
  font-size:14px;
  font-weight:bold;
  margin:0px 0px 5px 0px;
  padding:0px;
  color:#000000;
}^M