/* global styles */

body
{
  font-family: verdana, helvetica, sans-serif, arial;
  background-color: #000000;
  color: #FFFFFF;
}

a, a:visited, a:link {
  text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  border: none;
}
a:hover { text-decoration: underline; }

img { border: none; }
img.bullet { margin-right: 3px; }

p {
  font-size: x-small;
}

h1 { 
  width: 100%;
  background-color: #606080;
  text-align: center;
  padding: 10px 0px 10px 0px;
  font-size: small;
  font-weight: bold;
}

div.sub_heading { 
  width: 100%;
  text-align: left;
  padding: 15px 0px 5px 0px;
}

p.sub_heading {
  width: 50%;
  background-color: #606080;
  padding: 2px 0px 2px 2px;
  text-align: left;
  font-size: x-small;
  font-weight: bold;
}

.green_for_go { color: #00FF00; }

/* page layout */

table.page_layout {
  width: 100%;
  border: none;
}

table.header {
  width: 100%;
  border: none;
  background-color: #202040; 
}

td.menu_bar {
  width: 125px;
  background-color: #202040;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
  font-size: small;
}

td.page_content {
  vertical-align: top;
  text-align: center;
  padding-top: 5px;
}

td.link_bar {
  width: 200px;
  background-color: #202040;  
  font-size: xx-small;
  padding: 5px 5px 5px 5px;
  vertical-align: top;
}

/* footer */

p.copyright { 
  text-align: right;
  font-size: xx-small; 
}

/* menu bar layout */

p.menu_item {
  text-align: center;
  background-color: #404060;
  padding: 4px 0px 4px 0px;
  margin: 4px 0px 8px 0px;
}

p.menu_item_highlight {
  text-align: center;
  background-color: #FF2000;
  padding: 4px 0px 4px 0px;
  margin: 4px 0px 8px 0px;
  font-size: medium;
  font-weight: bold;
}

span.emph {
  color: #FFFF80;
}


p.menu_locked {
  text-align: center;
  background-color: #F08000;
  color: #000000;
  padding: 4px 0px 4px 0px;
  margin: 4px 0px 8px 0px;
  font-size: medium;
  font-weight: bold;
}

form.login {
  text-align: center;
  margin: 8px 0px 8px 0px;
}

/* news bar layout */

p.news_updated { font-size: 7pt; }
p.news_header { 
  width: 100%; 
  background-color: #404060; 
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 2px 0px;
  font-size: xx-small;
}
p.news_items { 
  margin: 0px 0px 8px 0px; 
  font-size: xx-small;
}

/* data entry */

td.field { 
  text-align: right; 
  vertical-align: top;
  padding-right: 10px;
}

td.input {
  text-align: left;
}

td.input_greyed {
  text-align: left;
  color: #A0A0A0;
}

tr.spacer {
  height: 10px;
}

td.small {
  font-size: x-small;
  text-align: center;
}

.error {
  text-align: center;
  color: #FF0000;
}

/* userlist */

p.userlist_header { 
  width: 100%; 
  background-color: #404060; 
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 2px 0px;
}

p.userlist {
  font-size: x-small;
  margin-top: 5px;
}

/* table stuff */

th.dbtitle {
  background-color: #404060;
  font-size: xx-small;
  text-align: left;
  padding: 3px 20px 0 4px;
  padding-right: 20px;
  margin-bottom: 0px;
}

span.up_arrow {
  float: right;
  position: relative;
  top: -12px;
  right: -16px;
}

span.down_arrow {
  float: right;
  position: relative;
  top: -4px;
  right: -24px;
}

/* formats */

table.dbtable { 
        margin-left: auto; 
        margin-right: auto; 
        text-align: center; 
        font-size: x-small; 
}
td.dbtable { text-align: left; }
span.rank { text-align: right; width: 25px; padding-right: 5px; }
.db_value { text-align: right; padding: 0px 5px 0px 5px; }
.db_count { text-align: center; padding: 0px 5px 0px 5px; }
span.buy { float: left; padding-left: 5px;}
span.sell { float: right; padding-right: 5px; }

td.align_left { padding-left: 10px; text-align: left; }
td.align_right { text-align: right; }

.dark { color: #808080; }

input.buysell { text-align: right; }

td.user_info { 
        text-align: center; 
        width: 100%; 
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: top;
}

p.not_authed {
        text-align: center;
        font-size: large;
        background-color: #404060;
        padding-top: 5px;
        padding-bottom: 5px;
}

p.teamheader {
        background-color: #404060;
        font-weight: bold;
        font-size: small;
        margin-bottom: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
}

p.heading_right {
        text-align: right;
        margin-top: 0px;
        margin-bottom: 0px;
}

.head_table { font-size: x-small; }
div.head_table { text-align: left; padding-left: 20px }
td.head_table { 
        text-align: right;
}
td.head_value { 
        text-align: right;
        padding-right: 20px;
}

p.help {
        text-align: left;
        margin-top: 6px;
        margin-bottom: 6px;
}

td.score_desc { 
        text-align: right;
        font-size: x-small;
        padding-right: 20px;
}

td.scoring { 
        text-align: left;
        font-size: x-small;
}

div.next_race {
        padding-top: 20px;
        font-size: xx-small;
}

.thumbnail {
        text-align: center;
        padding: 4px 4px 4px 4px;
}

.photo {
        text-align: center;
        padding: 8px 8px 8px 8px;
}

table.results {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
}

p.narayan, a.narayan, a:visited.narayan, a:link.narayan {
  border: none;
  background-color: #202040; 
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: x-large;
  margin-top: 5px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #F0F000;
  font-weight: normal;
}

p.news_headline, a.news_headline, 
a:visited.news_headline, a:link.news_headline
{
  font-size: small;
  text-align: left;
  padding-top: 0px;
  margin-bottom: 2px;
  margin-top: 20px;
  padding-bottom: 5px;
  color: #F0F080;
}

p.news_summary {
  text-align: left;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

table.news_link_bar {
  background-color: #202040;
  width: 100%;
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

p.news_source {
  font-size: x-small;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

td.news_link {
  font-size: small;
  text-align: right;
  padding-top: 0px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
}

td.news_date {
  padding-top: 0px;
  font-size: xx-small;
  text-align: left;
  color: #A0A0A0;
  vertical-align: middle;
}

p.news_prevnext {
  background-color: #202040;
  padding: 2px 0px 2px 2px;
  text-align: left;
  font-size: x-small;
  margin-right: auto;
}

.graph {
        position: relative;
        width: 344px;
        height: 294px;
        background: #202020;
        margin: 10px auto 10px auto;
}

.invisible {
        display: none;
        height: 0px;
        width: 0px;
        color: #000000;
        background-color: #000000;
}