/* misc stuff */

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.red { color: red; }

.ul { background-color: #d2edff; color: #0000ee; cursor: hand; cursor: pointer; }
.ul:hover { text-decoration: underline; }
.noul { background-color: white; text-decoration: none; font-weight: bold; }


/* layout */
body { color: black; background-color: white; margin-left: auto; margin-right: auto;
  padding-left: 0.6em; padding-right: 0.6em;
  height: 100%; max-width: 1200px; min-width: 870px;
  width: expression(document.body.clientWidth < 902 ? "900px" : document.body.clientWidth > 1202 ? "1200px" : "100%");
  font-family: Arial, Helvetica, Sans-serif; font-size: 1em; }

/* div { border: 1px solid black; } */
h2 { font-size: 98%; background-color: #d2edff; }
h3 { font-size: 93%; }

div#page-top { height: 100px; border-bottom: 3px solid #4782f1; font-size: 83%; z-index: 2; }
div#top-links { height: 1.5em; border-bottom: 1px solid #c9d7f1; margin-bottom: 0.2em; }
div#what-who-how { float: left; margin-left: 330px; color: red; white-space: nowrap; font-size: 93%; }
div#what-who-how a { color: #808080; }
div#what-who-how a:visited { color: #808080; }
div#login-logout { float: right; color: black; white-space: nowrap; font-size: 73%; }

div#page-header { font-size: 83%; }
div#page-header a { float: left; color: inherit; background-color: inherit; text-decoration: none; /* ugly */ margin-top: -10px; }
div#page-header img { border: 0px; z-index: 0; }

/* symbol lookup: a form and an invisible div for the search results */
div#symbol-lookup { float: left; margin-left: 2em; margin-top: 2em; }
form#symbol-lookup-form input.t { color: black; background-color: white; width: 16em; }
form#symbol-lookup-form input.s { color: black; background-color: white;
  padding: 0px; padding-left: 0.1em; padding-right: 0.1em; font-size: 77%; }
form#symbol-lookup-form input.s:hover { color: white; background-color: black; }
div#symtopupdate { position: relative; width: 25em; color: black; background-color: #d2edff; border: 1px solid #909090; }
div#symtopupdate ul { list-style-type: none; margin: 0px; padding: 0px; }
div#symtopupdate ul li.selected { background-color: #a7d0ff; }
div#symtopupdate ul li { list-style-type: none; display: block; /* font-size: smaller; */ font-size: 83%; color: black;
  height: 1.5em; line-height:  1.2em; cursor: pointer; padding-left: 0.4em; }

div#new-items { float: left; margin-left: 0.2em; margin-top: 0.5em; }
div#new-items p { font-size: 83%; }
div#blog-feedback { float: right; }
div#blog-feedback p { list-style-type: none; text-align: right; font-size: 83%; }

div#note-line { height: 2em; margin-top: 0.2em; margin-bottom: 0.4em; font-size: 83%; }
div#note-line div#details { float: left; color: #808080; font-size: 83%; }
div#note-line div#updated { float: right; font-size: 75%; }

div#nav-menu { font-size: 93%; }
div#nav-menu a { color: #003d7b; text-decoration: none; padding-left: 0.5em; padding-right: 0.5em; margin-right: 0.5em; }
div#nav-menu a:hover { text-decoration: underline; }
div#menu-1 { line-height: 120%; font-size: 13px; font-weight: bold; }
div#menu-1 a { background-color: #d2edff;  border-radius: 0.2em; -moz-border-radius: 0.2em; border: 1px solid #a7d0ff; }
div#menu-1 a.selected { color: #003d7b; background-color: #a7d0ff; border-radius: 0.2em; -moz-border-radius: 0.2em;
  border: 1px solid #a7d0ff; }
div#menu-2 { background-color: #a7d0ff; line-height: 150%; font-size: 12px; }

div#main-content { font-size: 93%; }
hr { border: 1px solid #c9d7f1; clear: both; }

/* tables */
tr.oddrow { }
tr.evenrow { background-color: #eeeeee; }

/* sortable tables */
table.sortable a.sortheader { color: black; background-color: #dadabf; font-weight: bold;
  text-decoration: none; display: block; }
table.sortable span.sortarrow { color: black; text-decoration: none; }


/* front page stuff */
div#main-content div { margin-top: 0.5em; }
div.section { padding-left: 0.2em; /* border: 1px solid #c9d7f1; */ /* border: 1px solid black; */ padding-bottom: 0.4em; margin-top: 0.4em; margin-bottom: 0.4em; margin-left: 0.2em; }

div.tabs {  }

p.fake { background-color: #d2edff; font-size: 83%; padding-top: 0.2em; padding-bottom: 0.2em; }
span.fakelink { padding: 0.3em; border-left: 1px solid #97d0ff; border-top: 1px solid #97d0ff; border-right: 1px solid #97d0ff;
  font-weight: bold; border-radius: 0.3em; -moz-border-radius: 0.3em; }

div.section table { border-collapse: collapse; }

div.indexblock p, img { padding: 0px; margin: 0px; }
div.indexblock td, th { padding-left: 0.2em; padding-right: 1em; }

div#features { float: left; width: 225px; background-color: #e2fdff; border-radius: 0.5em; -moz-border-radius: 0.5em;
  font-size: 86%;  }
div#features h3 { padding: 0px; margin: 0px; text-decoration: underline; font-weight: normal; }
div#features ul { list-style-type: none; padding: 0px; margin: 0px; padding-left: 0.4em; }
div#features span.paren-smaller { }

div#market-info { float: left; width: 350px; }

div#jump-to { float: right; /* font-size: 73%; */}
div#jump-to ul { list-style-type: none; padding: 0px; margin: 0px; }
div#poll { float: left; width: 220px; }
div#poll p { font-size: 83%; }
div#poll label { font-size: 83%; }

div#ad-front { width: 155px; height: 300px; border: 1px dashed #dadaee; float: right; }
div#ad-front em { font-size: 75%; }
div#ad-front img { padding: 0px; margin: 0px; }
div#ad-front a { padding: 0px; margin: 0px; }
div#ad-front a:visited { }

div#recent-activity { float: left; width: 420px; }
div#recent-activity ul { list-style-type: none; }
div#sector-perf { float: left; width: 420px; }
div#spot-book { float: left; width: 350px; }
div#recent-lookups { float: left; }

div#footer-nav { border-top: 1px solid #909090; padding-top: 0.4em; text-align: center; font-size: 12px;
  margin: 1em 0em 1em 0em; background-color: #eeeeff; }
div#footer-nav p { margin-left: auto; margin-right: auto; width: 90%; padding-bottom: 0.4em; }
div#footer-nav ul { text-align: center; }
div#footer-nav li { display: inline; list-style-type: none; /* color: #c6def7; background-color: #606060; */ }


/* for stock pages */
#select-symbol { padding: 0px; border: 1px solid #cede7e; font-size: 83%;  color: #dddddd; background-color: #606060; }
#select-symbol li, #select-symbol ul { list-style-type: none; padding: 1px 0px 1px 1px; margin: 0px; }
#select-symbol li.selected { color: #606060; background-color: #dddddd; }

/* eof */