/************************************************************************
  * style.css
  * - Fantasy Formula 1 Website Style Sheet
  * - v3.2.0
  *************************************************************************/

  /************************************************************************
  /* body elements */
  body
  {
    color: #000000;
    background-color: #505050;
    margin: 0;
    padding: 12px;
    font-family: "Times New Roman",Times,serif;
  }

  body.mobile
  {
    color: #000000;
    background-color: #505050;
    margin: 0;
    padding: 0;
    font-family: "Times New Roman",Times,serif;
  }

  a:link, a:visited
  {
    color: #FF7700;
    text-decoration: none;
  }

  a:hover, a:active
  {
    color: #FF7700;
    text-decoration: underline;
  }

  a.quiet_link:link, a.quiet_link:visited
  {
    color: #FFFFFF;
    text-decoration: none;
  }

  a.quiet_link:hover, a.quiet_link:active
  {
    color: #FFFFFF;
    text-decoration: underline;
  }

  a.dark_link:link, a.dark_link:visited
  {
    color: #000000;
    text-decoration: none;
  }

  a.dark_link:hover, a.dark_link:active
  {
    color: #000000;
    text-decoration: underline;
  }

  a.acro_link:link, a.acro_link:visited
  {
    color: #FFFFFF;
    text-decoration: none;
  }

  a.acro_link:hover, a.acro_link:active
  {
    color: #FFFFFF;
    text-decoration: underline;
  }

  /************************************************************************
  /* first tier elements */
  div#header
  {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
  }

  div#content
  {
    margin: 0px;
    padding: 0px 12px 12px 12px;
    background-color: #FFFFFF;
  }

  div#footer
  {
    margin: 0px;
    padding: 6px 3px 3px 3px;
    background-color: #505050;
  }

  div#mobile_header
  {
    margin: 0px 0px 0px 0px;
    padding: 0px;
    background-color: #FFFFFF;
  }

  div#mobile_content
  {
    margin: 0px 0px 0px 0px;
    padding: 3px 3px 3px 3px;
    background-color: #FFFFFF;
  }

  div#mobile_footer
  {
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 6px 6px;
    background-color: #505050;
  }

  /************************************************************************
  /* second tier elements */
  td.leftpanel
  {
    vertical-align: top;
    text-align: left;
  }

  td.rightpanel
  {
    vertical-align: top;
    text-align: right;
  }

  td.menupanel
  {
    width: 160px;
    vertical-align: top;
  }

  td.mainpanel
  {
    vertical-align: top;
  }

  /************************************************************************
  /* third tier elements */
  div#logobox
  {
    margin: 12px;
  }

  div#loginbox
  {
    float: right;
    margin: 12px;
    color: #FFFFFF;
    background-color: #505050;
  }

  div#mobile_loginbox
  {
    margin: 0px 3px 3px 3px;
    padding: 3px 2px 0px 2px;
    color: #FFFFFF;
    /*border: 1px solid #222222;*/
    background-color: #505050;
  }

  div#menubox
  {
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid #505050;
  }

  div#mobile_menubox
  {
    text-align: center;
    padding: 5px;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    background-color: #505050;
  }

  div#infobox
  {
    margin-right: 12px;
  }

  div#mainbox
  {
    overflow:auto;
  }

  /************************************************************************
  /* shared content elements */

  label.page_header
  {
    display: block;
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 20%;
    padding: 5px;
    font-size: normal;
    border-style: solid;
    border-color: #505050;
    border-width: 1px 1px 0px 1px;
  }

  label.mini_header
  {
    display: block;
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 40%;
    padding: 3px;
    font-size: small;
    border-style: solid;
    border-color: #505050;
    border-width: 1px 1px 0px 1px;
  }

  label.header
  {
    display: block;
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 40%;
    padding: 3px;
    font-size: small;
    margin: 12px 0px 2px 0px;
  }

  label.mobile_header
  {
    display: block;
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 40%;
    padding: 6px;
    font-size: small;
    margin: 0px 0px 0px 0px;
  }

  label.sub_header
  {
    display: block;
    color: #FFFFFF;
    background-color: #222222;
    padding: 2px 5px 2px 5px;
    font-size: small;
    margin: 4px 0px 2px 0px;
  }

  div.site_closed
  {
    display: block;
    color: #FFFFFF;
    background-color: #505050;
    padding: 20px;
    margin: 0px 0px 12px 0px;
  }

  .hi_color
  {
    color: #FFFFFF;
    background-color: #FF7700;
  }

  .lo_color
  {
    color: #FFFFFF;
    background-color: #505050;
  }

  .alt_color
  {
    color: #FFFFFF;
    background-color: #222222;
  }

  .alt2_color
  {
    color: #FFFFFF;
    background-color: #404040;
  }

  .user_color
  {
    color: #FFFFFF;
    background-color: #6677DD;
  }

  .hi_text
  {
    color: #FF7700;
  }

  .lo_text
  {
    color: #222222;
  }

  .block
  {
    display: block;
    padding: 2px;
  }

  .centered, .center
  {
    margin-left: auto;
    margin-right: auto;
  }

  .large_text
  {
    font-size: large;
  }

  .medium_text
  {
    font-size: normal;
  }

  .small_text
  {
    font-size: small;
  }

  .xsmall_text
  {
    font-size: x-small;
  }

  .bold_text
  {
    font-weight: bold;
  }

  .italic_text
  {
    font-style: italic;
  }

  .left_text
  {
    text-align: left;
  }

  .centered_text, .center_text
  {
    text-align: center;
  }

  .right_text
  {
    text-align: right;
  }

  .valign_top
  {
    vertical-align: top;
  }

  .valign_mid, .valign_center
  {
    vertical-align: middle;
  }

  .valign_bot
  {
    vertical-align: bottom;
  }

  table.t1
  {
    width: 100%;
    margin: auto;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #606060;
    background-color: #505050;
  }

  tr.t1
  {
  }

  th.t1
  {
    background-color: #222222;
    padding: 3px 3px 3px 3px;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-weight: normal;
    font-size: x-small;
  }

  th.t1_small
  {
    background-color: #222222;
    padding: 3px 1px 3px 1px;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-weight: normal;
    font-size: x-small;
  }

  th.t1_small_alt
  {
    background-color: #222222;
    padding: 0px 1px 3px 1px;
    border-width: 0px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-weight: normal;
    font-size: x-small;
  }

  td.t1
  {
    padding: 3px 3px 3px 3px;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-size: small;
  }

  td.t1_small
  {
    padding: 3px 1px 3px 1px;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-size: x-small;
  }

  table.t2
  {
    background-color: #505050;
    width: 100%;
    margin: auto;
    border: none;
  }

  tr.t2
  {
  }

  th.t2
  {
    background-color: #222222;
    padding: 3px 5px 3px 5px;
    border: none;
    font-weight: normal;
    font-size: x-small;
  }

  td.t2
  {
    padding: 3px;
    border: none;
    font-size: x-small;
  }

  table.a1
  {
    width: 100%;
    margin: auto;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #606060;
    background-color: #FFFFFF;
  }

  tr.a1
  {
  }

  th.a1
  {
    background-color: #606060;
    color: #FFFFFF;
    padding: 3px 5px 3px 5px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #606060;
    font-weight: normal;
    font-size: x-small;
  }

  th.a1_small
  {
    background-color: #606060;
    color: #FFFFFF;
    padding: 1px 3px 1px 3px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #606060;
    font-weight: normal;
    font-size: x-small;
  }

  td.a1
  {
    padding: 3px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #606060;
    font-size: small;
  }

  td.a1_small
  {
    padding: 1px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #606070;
    font-size: x-small;
  }

  img
  {
    border: none;
  }

  img.float_left
  {
    border: none;
    display: block;
    float: left;
    margin-right: 5px;
  }

  img.float_right
  {
    border: none;
    display: block;
    float: right;
    margin-left: 5px;
  }

  .red_box
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #703030;
    padding: 2px 4px 2px 4px;
  }

  .green_box
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #307030;
    padding: 2px 4px 2px 4px;
  }

  .gray_box
  {
    border: 1px solid #222222;
    color: #000000;
    background-color: #404040;
    padding: 0px 4px 0px 4px;
  }

  .red_box_small
  {
    /*border: 1px solid #FFFFFF;*/
    color: #FFFFFF;
    background-color: #703030;
    padding: 0px 1px 1px 1px;
  }

  .green_box_small
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #307030;
    padding: 0px 1px 1px 1px;
  }

  span.header_button
  {
    cursor: pointer;
    display: block;
    float: right;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: small;
    padding: 0px 4px 2px 4px;
    margin: 6px 6px 0px 0px;
  }

  option:hover
  {
    background: #6677DD;
  }

  /************************************************************************
  /* footer elements */
  span.footertext
  {
    color: #AAAAAA;
    font-style: italic;
    font-size: small;
  }

  a.footerlink
  {
    font-size: small;
  }

  /************************************************************************
  /* login form */
  label.login_header
  {
    display: block;
    background-color: #222222;
    padding: 5px;
    font-weight: bold;
    font-size: small;
    border-style: solid;
    border-color: #505050;
    border-width: 1px 1px 0px 1px;
  }

  div#login_form
  {
    padding: 5px;
    overflow: auto;
  }

  input.login_field
  {
    display: block;
    float: left;
    border: 1px inset #000000;
    margin: 2px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }

  input.login_checkbox
  {
    display: block;
    clear: both;
    float: left;
    border: none;
    margin-left: 2px;
    margin-top: 5px;
  }

  label.login_label
  {
    width: 65px;
    display: block;
    clear: both;
    float: left;
    padding-left: 2px;
    padding-top: 3px;
    font-size: small;
  }

  label.login_checkbox_label
  {
    display: block;
    float: left;
    padding-left: 2px;
    padding-top: 3px;
    font-size: small;
  }

  input.login_button
  {
    cursor: pointer;
    display: block;
    float: right;
    font-size: small;
    border: 1px outset #000000;
    margin: 2px 2px 0px 2px;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  input.logout_button
  {
    cursor: pointer;
    display: block;
    margin: auto;
    font-size: small;
    border: 1px outset #000000;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  /************************************************************************
  /* main menu */
  a.menu_unselected:link, a.menu_unselected:visited
  {
    color: #FFFFFF;
    background-color: #505050;
    text-decoration: none;
    padding: 5px;
    font-size: small;
    font-weight: bold;
  }

  a.menu_unselected:hover, a.menu_unselected:active
  {
    background-color: #6677DD;
    text-decoration: none;
    padding: 5px;
    font-size: small;
    font-weight: bold;
  }

  a.menu_selected:link, a.menu_selected:visited, a.menu_selected:hover, a.menu_selected:active
  {
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 20%;
    text-decoration: none;
    padding: 5px;
    font-size: small;
    font-weight: bold;
  }

  label.pastseasons
  {
    color: #FFFFFF;
    background-color: #505050;
    padding: 5px 5px 2px 5px;
    font-size: x-small;
  }

  div.pastseasons
  {
    color: #FFFFFF;
    padding: 5px 0px 0px 0px;
    background-color: #505050;
  }
  
  select.pastseasons
  {
    border: 1px inset #000000;
    margin: 2px 5px 5px 5px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }
  
  span.unknown_item
  {
    display: block;
    background-color: #FF0000;
    border: 1px solid #000000;
    margin-top: 5px;
    padding: 5px;
    font-weight: bold;
    font-style: italic;
  }
  
  /************************************************************************
  /* news */
  .news_title
  {
    display: block;
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 20%;
    padding: 5px;
    border-style: solid;
    border-color: #505050;
    border-width: 1px 1px 0px 1px;
  }

  .news_body
  {
    background-color: #505050;
    padding: 2px;
  }

  .news_item
  {
    color: #FFFFFF;
    background-color: #505050;
    padding: 2px;
  }

  .news_headline
  {
    display: block;
    background-color: #222222;
    padding: 2px;
  }

  .news_metainfo
  {
    display: block;
    background-color: #222222;
    padding: 2px;
    text-align: right;
    font-size: small;
    font-style: italic;
  }

  .news_article
  {
    display: block;
    padding: 2px;
    font-size: small;
  }

  .news_editline
  {
    display: block;
    text-align: right;
    font-size: small;
    padding: 5px;
  }

  .news_noposts
  {
    display: block;
    padding: 10px;
    text-align: center;
  }

  .news_editor
  {
    color: #FFFFFF;
    overflow: auto;
    padding: 5px;
    background-color: #505050;
  }

  .news_editor_header
  {
    display: block;
    color: #FFFFFF;
    background-color: #222222;
    padding: 5px;
    font-size: small;
    margin: 0px 0px 5px 0px;
  }

  .news_editor_headline
  {
    display: block;
    width: 98%;
    border: 1px inset #000000;
    color: #FFFFFF;
    background-color: #333333;
    margin: auto;
    padding: 3px;
  }

  .news_editor_article
  {
    display: block;
    width: 98%;
    border: 1px inset #000000;
    color: #FFFFFF;
    background-color: #333333;
    margin: auto;
    padding: 3px;
  }

  .news_editor_button
  {
    cursor: pointer;
    display: block;
    float: right;
    font-size: small;
    border: 1px outset #000000;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
    margin: 4px 0px 0px 4px;
  }

  .mini_news_title
  {
    display: block;
    color: #FFFFFF;
    background: #FF7700 url('images/ff1_header.gif') repeat-x center 40%;
    padding: 5px;
    font-size: small;
    border-style: solid;
    border-color: #505050;
    border-width: 1px 1px 0px 1px;
  }

  .mini_news_body
  {
    padding: 0px;
  }

  .mini_news_item
  {
    color: #FFFFFF;
    background-color: #505050;
    padding: 2px;
  }

  .mini_news_headline
  {
    display: block;
    background-color: #222222;
    font-size: small;
    padding: 2px;
  }

  .mini_news_metainfo
  {
    display: block;
    background-color: #222222;
    padding: 2px;
    text-align: right;
    font-size: x-small;
    font-style: italic;
  }

  .mini_news_article
  {
    display: block;
    font-size: small;
    padding: 1px;
  }

  .mini_news_editline
  {
    display: block;
    text-align: right;
    font-size: x-small;
    padding: 2px;
  }

  .mini_news_noposts
  {
    display: block;
    padding: 10px;
    font-size: small;
    text-align: center;
  }

  .mini_news_editor
  {
    color: #FFFFFF;
    overflow: auto;
    padding: 5px;
    background-color: #505050;
  }

  .mini_news_editor_header
  {
    display: block;
    color: #FFFFFF;
    background-color: #222222;
    padding: 2px;
    font-size: x-small;
    margin: 0px 0px 5px 0px;
  }

  .mini_news_editor_headline
  {
    display: block;
    width: 98%;
    border: 1px inset #000000;
    color: #FFFFFF;
    background-color: #333333;
    margin: auto;
    padding: 2px;
    font-size: small;
  }

  .mini_news_editor_article
  {
    display: block;
    width: 98%;
    border: 1px inset #000000;
    color: #FFFFFF;
    background-color: #333333;
    margin: auto;
    padding: 2px;
    font-size: small;
  }

  .mini_news_editor_button
  {
    cursor: pointer;
    display: block;
    float: right;
    font-size: x-small;
    border: 1px outset #000000;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
    margin: 4px 0px 0px 4px;
  }


  /************************************************************************
  /* info boxes */
  div.mini_schedule, div.mini_standings, div.mini_status
  {
    color: #FFFFFF;
    background-color: #505050;
    font-size: small;
    margin-bottom: 12px;
    padding: 3px;
  }

  div.mini_sched_next_round, div.mini_sched_item
  {
    padding-bottom: 5px;
  }

  /************************************************************************
  /* main pages */
  div.faq, div.registration, div.schedule, div.drivers, div.teams, div.user_activity, div.event_media
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }


  /************************************************************************
  /* home page */
  div.welcome_news
  {
    background-color: #505050;
    margin-bottom: 12px;
  }

  div.event_summary
  {
    margin-bottom: 12px;
  }

  div.blog_news
  {
    background-color: #505050;
    margin-left: 12px;
    margin-bottom: 12px;
    width: 300px;
  }

  /************************************************************************
  /* faq/rules */
  label.faq_question
  {
    display: block;
    color: #FFFFFF;
    background-color: #222222;
    padding: 5px;
  }

  span.faq_answer
  {
    display: block;
    padding: 5px;
  }

  hr.faq_separator
  {
    visibility: hidden;
  }

  ul.faq_rules
  {
  }

  li.faq_rules
  {
    padding: 5px;
  }

  table.payout
  {
    width: 400px;
    margin: auto;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #606070;
  }

  /************************************************************************
  /* registration */
  span.reg_text
  {
    display: block;
    padding: 20px 5px 20px 5px;
  }

  img.paypal_button
  {
    display: block;
    margin: auto;
    padding: 8px 20px 5px 20px;
    background-color: #FFFFFF;
    border: 1px solid #000000;
  }

  input.paypal_button
  {
    cursor: pointer;
    display: block;
    font-size: small;
    border: 1px outset #000000;
    margin: 10px auto 10px auto;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }


  /************************************************************************
  /* driver roster */
  input.roster_picks_checkbox
  {
    border: none;
  }

  div.roster_picks_form
  {
    margin-top: 5px;
  }

  span.roster_picks_form
  {
  }

  span.roster_picks_error
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #703030;
    padding: 2px 4px 2px 4px;
    display: block;
    margin: 5px auto 5px auto;
    font-weight: bold;
    font-style: italic;
  }

  span.roster_picks_message
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #307030;
    padding: 2px 4px 2px 4px;
    display: block;
    margin: 5px auto 5px auto;
  }

  select.roster_picks_dropdown
  {
    border: 1px inset #000000;
    margin: 2px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }

  input.roster_picks_button
  {
    cursor: pointer;
    border: 1px outset #000000;
    margin: 2px;
    font-size: small;
    border: 1px outset #000000;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  input.copy_button
  {
    cursor: pointer;
    border: 1px outset #000000;
    margin: 2px;
    font-size: small;
    border: 1px outset #000000;
    padding: 0px 8px 2px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  /************************************************************************
  /* team roster */
  div.team_drivers
  {
    padding: 0px 0px 5px 0px;
  }

  /************************************************************************
  /* picks form */
  div.picks_form
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }

  select.picks_dropdown
  {
    border: 1px inset #000000;
    margin: 2px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }

  div.picks_form_button
  {
    margin-top: 5px;
    text-align: right;
  }

  input.picks_form_button
  {
    cursor: pointer;
    margin: 2px;
    font-size: small;
    border: 1px outset #000000;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  span.picks_error
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #703030;
    padding: 2px 4px 2px 4px;
    display: block;
    margin: 5px auto 5px auto;
    font-weight: bold;
    font-style: italic;
  }

  .no_picks
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #703030;
    padding: 2px 4px 2px 4px;
    font-size: small;
  }

  .picks_made
  {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    background-color: #307030;
    padding: 2px 4px 2px 4px;
    margin: 0px;
    font-size: small;
  }

  span.pick_status_text
  {
    display: block;
    padding: 3px;
  }

  /************************************************************************
  /* user details */
  div.user_details, div.edit_user
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }

  span.user_name
  {
    display: block;
    background-color: #222222;
    padding: 3px 5px 0px 5px;
    font-weight: bold;
    font-size: large;
  }

  span.online_message
  {
    display: block;
    background-color: #222222;
    padding: 0px 3px 3px 3px;
    font-weight: bold;
    font-style: italic;
    font-size: x-small;
    text-align: right;
  }

  span.position_message
  {
    display: block;
    padding: 3px;
    font-weight: bold;
  }

  span.user_info
  {
    display: block;
    padding: 3px;
    font-style: italic;
  }

  span.admin_data
  {
    display: block;
    background-color: #222222;
    padding: 3px;
    font-size: x-small;
    text-align: center;
  }

  textarea.edit_user, input.edit_user
  {
    width: 300px;
    border: 1px inset #000000;
    margin: 2px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }

  select.edit_user
  {
    width: 306px;
    border: 1px inset #000000;
    margin: 2px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }

  input.edit_user_button
  {
    cursor: pointer;
    display: block;
    float: right;
    font-size: small;
    border: 1px outset #000000;
    margin: 2px 2px 0px 2px;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  /************************************************************************
  /* driver details */
  div.driver_details
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }

  span.driver_name
  {
    display: block;
    background-color: #222222;
    padding: 5px;
    font-weight: bold;
    font-size: large;
    margin-right: 170px;
  }

  span.big_acro
  {
    background-color: #222222;
    padding: 2px 3px;
    margin: 3px 2px;
    font-weight: bold;
    font-size: large;
    border: 1px solid #505050;
  }

  span.driver_details
  {
    display: block;
    background-color: #222222;
    padding: 5px 7px;
    margin-right: 170px;
  }

  span.driver_info
  {
    display: block;
    padding: 3px 5px 0px 5px;
    font-size: small;
    font-style: italic;
    margin-right: 170px;
  }

  img.helmet
  {
    display: block;
    float: right;
    margin-left: 6px;
    background-color: #505050;
    border: 2px solid #000000;
  }

  img.driver_media
  {
    display: block;
    border: 6px solid #000000;
    background-color: #CCCCCC;
    margin: 12px auto 0px auto;
  }

  /************************************************************************
  /* team details */
  div.team_details
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }

  span.team_name
  {
    display: block;
    background-color: #222222;
    padding: 5px;
    font-weight: bold;
    font-size: large;
    margin-right: 165px;
  }

  span.team_longname
  {
    display: block;
    background-color: #222222;
    padding: 0px 7px 5px 26px;
    font-style: italic;
    margin-right: 165px;
  }

  span.team_info
  {
    display: block;
    padding: 3px 5px 0px 5px;
    font-size: small;
    margin-right: 165px;
  }

  span.team_driver
  {
    display: block;
    padding: 8px;
    float: left;
  }

  img.teamlogo
  {
    display: block;
    float: right;
    background-color: #505050;
    border: 2px solid #000000;
  }

  img.team_media
  {
    display: block;
    border: 6px solid #000000;
    background-color: #CCCCCC;
    margin: 12px auto 0px auto;
  }

  img.team_media_small
  {
    border: 3px solid #000000;
    background-color: #CCCCCC;
    margin: 2px 0px;
  }

  /************************************************************************
  /* picks & standings */
  div.picks, div.pick_counts, div.standings, div.pick_stats
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }

  span.pick_over
  {
    border: 1px solid #FFFFFF;
    background-color: #FF3030;
    padding: 1px 4px 1px 4px;
    margin: 2px 0px 2px 0px;
  }

  span.pick_warn
  {
    border: 1px solid #606060;
    background-color: #222222;
    padding: 1px 4px 1px 4px;
    margin: 2px 0px 2px 0px;
  }

  span.pick_prewarn
  {
    border: 1px solid #222222;
    padding: 1px 4px 1px 4px;
    margin: 2px 0px 2px 0px;
  }

  span.pick_pickable
  {
    color: #FFFFFF;
  }

  span.pick_unpickable
  {
    color: #222222;
  }

  /************************************************************************
  /* event details */
  div.event_details
  {
    padding: 5px;
    color: #FFFFFF;
    background-color: #505050;
    margin-bottom: 12px;
  }

  img.summary_icon
  {
    display: block;
    float: left;
    padding: 6px;
    background-color: #505050;
  }

  img.summary_map
  {
    display: block;
    float: right;
    border: 2px solid #000000;
    padding-left: 6px;
    background-color: #FFFFFF;
  }

  span.summary_text
  {
    display: block;
    padding: 6px;
    margin-right: 220px;
    font-size: small;
  }

  label.summary_header
  {
    display: block;
    color: #FFFFFF;
    background-color: #222222;
    padding: 2px 5px 2px 5px;
    font-size: small;
    margin: 4px 220px 2px 0px;
  }

  span.summary_text_small
  {
    display: block;
    padding: 6px;
    font-size: small;
  }

  label.summary_header_small
  {
    display: block;
    color: #FFFFFF;
    background-color: #222222;
    padding: 2px 5px 2px 5px;
    font-size: small;
    margin: 4px 0px 2px 0px;
  }

  select.what_if_dropdown
  {
    border: 1px inset #000000;
    margin: 2px;
    padding: 2px;
    font-size: small;
    color: #FFFFFF;
    background-color: #333333;
  }

  input.what_if_button
  {
    cursor: pointer;
    display: block;
    float: right;
    border: 1px outset #000000;
    margin: 2px;
    font-size: small;
    border: 1px outset #000000;
    padding: 2px 8px 4px 8px;
    color: #FFFFFF;
    background: #333333 url('images/ff1_sub_header.gif') repeat-x center 40%;
  }

  img.event_media
  {
    display: block;
    border: 6px solid #000000;
    background-color: #FFFFFF;
    margin: 12px auto 0px auto;
  }

  /************************************************************************
  /* admin page */
  div.admin_menu
  {
    background-color: #505050;
    padding: 10px;
    text-align: center;
    font-size: small;
  }

  span.admin_menu
  {
    padding: 4px 8px;
    background-color: #222222;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
  }

  /************************************************************************
  /* phpinfo page */
  #phpinfo
  {
    color: #FFFFFF;
    background-color: #505050;
    margin: 0;
    padding: 12px;
    font-family: "Times New Roman",Times,serif;
  }
  #phpinfo pre {}
  #phpinfo a:link {}
  #phpinfo a:hover {}
  #phpinfo table
  {
    width: 100%;
    margin: auto;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #606060;
    background-color: #505050;
  }
  #phpinfo .center {}
  #phpinfo .center table
  {
    width: 100%;
    margin: auto;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #606060;
    background-color: #505050;
  }
  #phpinfo .center th
  {
    background-color: #222222;
    padding: 3px 3px 3px 3px;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-weight: normal;
    font-size: x-small;
  }
  #phpinfo td
  {
    padding: 3px 3px 3px 3px;
    border-width: 1px 0px 0 0;
    border-style: solid;
    border-color: #606060;
    font-size: small;
  }
  #phpinfo h1 {}
  #phpinfo h2 {}
  #phpinfo .p {}
  #phpinfo .e {}
  #phpinfo .h {}
  #phpinfo .v {}
  #phpinfo .vr {}
  #phpinfo img {}
  #phpinfo hr {}