/*********************************************************
 * Style sheet for softball statistics database web site *
 *********************************************************/

/*
 * George Jetsons team colors:
 *    Base color: #800000 (HSV 0deg,100%, 50%; RGB 128,  0,  0; a deep maroon)
 *    Derived 1:  #ad140d (HSV 0deg,100%, 75%; RGB 173, 20, 13; brighter version of base color)
 *    Derived 2:  #b26260 (HSV 0deg, 50%, 75%; RGB 178, 98, 96)
 *    Derived 3:  #dfb9b8 (HSV 0deg, 20%, 90%; RGB 223,185,184)
 *    Derived 4:  #eddad9 (HSV 0deg, 10%, 95%; RGB 237,218,217)
 *    Derived 5:  #efe2e2 (HSV 0deg,  6%, 95%; RGB 239,228,228)
 */

/* Main body style */
body {
   background-color: White;
   margin: 0 auto;
   width: 750px; }

/**************************
 * Navigation bar styling *
 **************************/

#nav {
   background-color: #800000;
   color: white;
   height: 30px;
   margin: 0 auto;
   text-align: center; }

#nav ul {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   line-height: 30px;
   margin: 0;
   padding: 0;
   white-space: nowrap; }

#nav ul li {
   display: inline;
   list-style: none; }

#nav ul li a {
   color: white;
   padding: 7px 10px;
   text-decoration: none;
   text-transform: uppercase; }

#nav ul li a:hover {
   color: White;
   background-color: #ad140d; }

/***********
 * Headers *
 ***********/

h1 {
   clear: both;
   color: #800000;
   font-family: Arial, sans-serif;
   font-size: 1.5em;
   font-weight: bold;
   font-variant: small-caps;
   margin: 10px auto;
   padding: 10px 0;
   text-align: center;
   text-decoration: underline; }

/* Second-level header */
h2 {
   border-top: 2px groove #800000;
   clear: both;
   color: #800000;
   font-family: Arial, sans-serif;
   font-size: 1.25em;
   font-variant: small-caps;
   font-weight: bold;
   margin: 10px auto;
   padding: 10px 0;
   text-align: center; }

/* Third-level header */
h3 {
   background-color: White;
   margin: 10px auto 10px auto;
   padding: 5px 0;
   font-family: Arial, sans-serif;
   font-variant: normal;
   font-weight: bold;
   font-size: medium;
   color: #800000;
   text-align: center; }

/* Message block */
p.page_intro {
   background-color: #ffffcc;
   border: 1px solid #ffcc00;
   color: Black;
   font-family: Arial, sans-serif;
   font-style: normal;
   font-size: 0.75em;
   margin: 10px auto;
   padding: 10px;
   text-align: left;
   width: 500px; }

/* Address block */
address {
   border-top: 4px groove #800000;
   clear: both;
   font-family: Times, serif;
   font-size: 0.75em;
   margin-top: 10px;
   padding-top: 5px;
   text-align: center; }

/* Form input buttons */
input {
   background-color: #dfb9b8; }

select {
   min-width: 100px;
   background-color: #dfb9b8;
   color: Black;
   font-size: 0.6em; }

/* Debug output styles */
.debug {
   background-color: White;
   border-bottom: 1px solid gray;
   margin: 0 auto;
   padding: 10px 0;
   font-family: Monaco, Courier, fixed-width;
   font-style: normal;
   font-variant: normal;
   font-weight: normal;
   font-size: 0.6em;
   color: Black;
   text-align: left; }

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

.debug ul li {
   margin: 10px auto; }

/* Message block styling */
p.message {
   margin: 5px auto 10px auto;
   background-color: White;
   color: #800000;
   font-family: Arial, sans-serif;
   font-style: italic;
   font-size: 0.75em;
   text-align: center; }

/* First/Prev/Next/Last Links */
ul.fpnl_links {
   margin: 0 auto;
   padding: 10px;
   text-align: center;
   white-space: nowrap; }

ul.fpnl_links li {
   margin: 5px 8px;
   font-family: Arial, sans-serif;
   font-size: 0.75em;
   list-style: none;
   display: inline; }

br.clearboth {
   clear: both;
   height: 1px; }

/******************
 * Block headings *
 ******************/

div.block_heading {
   background-color: #cccccc;
   clear: both;
   height: 40px;
   margin: 0 auto;
   padding: 0; }

div.block_heading h1 {
   clear: both;
   color: #800000;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 1.5em;
   font-variant: small-caps;
   font-weight: bold;
   height: 40px;
   line-height: 40px;
   margin: 0;
   padding: 0 0 0 25px;
   text-align: left;
   text-decoration: none;
   vertical-align: middle; }

div.block_heading form {
   clear: none;
   float: right;
   line-height: 40px;
   margin: 0;
   padding: 0 25px 0 0;
   vertical-align: middle; }

div.block_heading form label {
   height: 30px;
   padding: 2px 6px 2px 6px;
   font-family: Arial, sans-serif;
   font-style: italic;
   font-size: 0.65em;
   color: #800000; }

div.block_heading form select {
   min-width: 100px;
   background-color: #dfb9b8;
   margin: 0;
   padding: 0;
   color: Black;
   font-size: 0.65em;
   font-weight: bold; }

div.block_heading form select option.heading {
   background-color: #800000;
   color: White;
   font-weight: bold; }

div.block_heading form input.submit {
   background-color: #dfb9b8;
   margin: 0;
   padding: 0;
   font-size: 0.65em;
   font-weight: bold; }

/******************************
 * Standard statistics tables *
 ******************************/

table.data {
   border-collapse: collapse;
   margin: 0 auto 30px auto;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center; }

table.data caption {
   background-color: #bbbbbb;
   margin: 0 auto;
   padding: 5px 0;
   color: #800000;
   font-weight: bold;
   font-size: 0.75em; }

table.data caption.attached {
   background-color: #800000;
   color: White;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   font-weight: bold;
   margin: 0 auto;
   padding: 4px 0;
   text-transform: uppercase; }

table.data caption.attached a {
   color: White;
   font-weight: normal;
   text-decoration: none;
   text-transform: none; }

table.data caption.attached a:hover {
   color: #b26260;
   text-decoration: underline; }

table.data th {
   padding: 2px;
   background-color: #800000;
   color: White;
   font-size: 0.75em;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase; }

table.data tr.column_headings th {
   padding: 2px;
   background-color: #b26260;
   color: Black;
   font-size: 0.75em;
   font-weight: bold;
   text-align: center; }

table.data tr.column_headings th a {
   color: Black;
   text-decoration: none; }

table.data tr.column_headings th a:hover {
   color: #800000;
   text-decoration: underline; }

table.data th.cnt_stat {
   width: 30px; }

table.data th.pct_stat {
   width: 34px; }

table.data th.player_col {
   width: 96px; }

table.data th.wide_col {
   width: 142px; }

table.data td {
   padding: 2px 6px;
   font-size: 0.75em; }

table.data td.left {
   text-align: left; }

table.data td.row_lead {
   padding-left: 25px;
   font-weight: normal;
   text-align: left; }

table.data td.cnt_stat {
   padding: 2px;
   width: 30px; }

table.data td.pct_stat {
   padding: 2px;
   width: 34px; }

table.data td.player {
   font-weight: bold;
   text-align: left;
   text-transform: uppercase; }

table.data td a {
   color: Black;
   text-decoration: none; }

table.data td a:hover {
   color: #800000;
   text-decoration: underline; }

table.data td.teamname {
   font-weight: bold;
   text-align: left;
   text-transform: uppercase; }

table.data td.gjbold {
   font-weight: bold;
   color: #800000; }

table.data tr.d0 td {
   background-color: #efe2e2; }

table.data tr.d1 td { }

/*************************
 * Info definition lists *
 *************************/

dl.info_definitions {
   margin: 0 auto;
   padding: 0; }

dl.info_definitions dt {
   clear: both;
   color: Black;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 0.75em;
   font-style: normal;
   font-weight: bold;
   margin: 1px 0;
   text-align: right; }

dl.info_definitions dt:after {
   content: ":"; } 

dl.info_definitions dd {
   clear: none;
   color: Black;
   float: left;
   font-family: Arial, sans-serif;
   font-size: 0.75em;
   font-style: normal;
   font-weight: normal;
   margin: 1px 0 1px 10px;
   text-align: left; }

/*********************
 * Index page styles *
 *********************/

div#nextgame {
   margin: 20px auto 0 auto;
   background-color: White;
   color: Black; }

div#nextgame p {
   background-color: White;
   color: Black;
   font-family: Arial, sans-serif;
   font-size: 12px;
   font-style: italic;
   font-weight: bold;
   margin: 0 auto 10px auto;
   text-align: center; }

div#nextgame p em {
   color: #800000;
   font-size: 15px;
   font-style: italic;
   font-weight: bold; }

div#index_schedule {
   float: left;
   width: 374px; }

div#index_standings {
   float: right;
   width: 374px; }

/*********************
 * Career Stats page *
 *********************/

/* Selection filters form */
div#career_db_controls {
   background-color: White; }

form#career_selectors {
   margin: 0;
   padding: 0; }

form#career_selectors div.selector {
   float: left;
   margin: 10px 0;
   padding: 0;
   width: 124px; }

form#career_selectors label {
   display: block;
   color: #800000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   font-weight: bold;
   text-align: center;
   text-transform: uppercase; }

form#career_selectors select {
   display: block;
   margin: 0 auto;
   font-size: 0.6em; }

form#career_selectors div.submit_reset {
   clear: both;
   margin: 10px auto;
   width: 140px; }

form#career_selectors div.submit_reset input#career_selector_input {
   background-color: #dfb9b8;
   float: left; }

form#career_selectors div.submit_reset input#career_selector_reset {
   background-color: #dfb9b8;
   float: right; }

div#career_selected_games {
   background-color: White; }

div#career_selected_games p {
   margin: 10px 30px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em; }

div#career_selected_games p#games_selected_list {
   margin: 10px 60px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em; }

div#career_ind_stats { }

div#career_game_log { }

p.games_selected {
   color: #800000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   font-style: italic;
   font-weight: normal;
   margin: 10px auto;
   text-align: center; }

/***************
 * Season page *
 ***************/

div#season_team_stats {
   margin: 0 auto;
   width: 300px; }

div#season_team_stats dl { }

div#season_team_stats dl dt {
   width: 150px; }

div#season_team_stats dl dd {
   width: 100px; }

div#season_gametype_selection {
   border-top: 1px solid gray;
   margin: 0 auto;
   padding: 10px 0;
   text-align: center; }

div#season_gametype_selection a {
   font-family: Arial, sans-serif;
   font-size: 0.75em;
   margin: 5px 8px; }

div#season_schedule {
   float: left;
   width: 374px; }

div#season_standings {
   float: right;
   width: 374px; }

div#season_ind_stats {
   clear: both; }

div#season_leaders { }

/* Leaderboard tables */
div.leaderboard {
   background-color: White;
   margin: 10px auto;
   padding: 0 0 0 0;
   font-family: Arial, sans-serif; }

div.leadertable {
   float: left;
   margin: 10px 5px;
   padding: 0;
   width: 175px; }

div.leaderboard .float {
   float: left;
   height: 120px;
   padding: 10px 17px; }

table.leaders {
   margin: 0 auto;
   border-collapse: collapse;
   float: left;
   width: 150px; }

table.leaders th {
   height: 1.75em;
   background-color: #800000;
   color: White;
   padding: 2px 5px 2px 5px;
   font-weight: bold;
   font-size: 0.75em;
   text-transform: uppercase; }

table.leaders td {
   font-size: 0.75em; }

table.leaders tr.d0 td {
   background-color: #efe2e2; }

table.leaders tr.d1 td {
   background-color: White; }

table.leaders td.name {
   padding: 2px 8px;
   font-weight: bold;
   text-align: left; }

table.leaders td a {
   color: Black;
   text-decoration: none; }

table.leaders td a:hover {
   color: #800000;
   text-decoration: underline; }

table.leaders td.value {
   padding: 2px 8px;
   text-align: right; }

/*******************
 * Game Night page *
 *******************/

div#gamenight_controls {
   background-color: White; }

form#gamenight_selector {
   background-color: White;
   margin: 0;
   padding: 0; }

form#gamenight_selector select {
   font-size: 0.6em; }

form#gamenight_selector select option.season {
   background-color: #800000;
   color: White;
   font-size: 10px;
   font-weight: bold; }

form#gamenight_selector select option.gamenight {
   background-color: #dfb9b8;
   color: Black;
   font-size: 9px; }

form#gamenight_selector div.submit {
   background-color: White;
   clear: both; }

form#gamenight_selector div.submit input {
   background-color: #dfb9b8;
   margin: 10px 10px 0 10px; }

div.gamedata {
   background-color: White;
   width: 750px;
   margin: 10px auto 10px auto;
   padding: 10px 0;
   height: auto; }

div.gamestats_centered {
   background-color: White;
   width: 374px;
   margin: 10px auto;
   padding: 0; }

div.gamedata dl {
   width: 200px; }

div.gamestats {
   background-color: White;
   width: 374px;
   float: left;
   margin: 10px 0;
   padding: 0; }

div.gamestats img {
   width: 350px;
   margin: 50px 0 0 0;
   padding: 0;
   border-style: none; }

div.gamestats dl {
   width: 374px; }

div.gamestats dl dt {
   width: 180px; }

div.gamestats dl dd {
   width: 150px; }

table.innings {
   table-layout: fixed;
   border-collapse: collapse;
   margin: 0 auto 0 auto;
   font-family: Arial, sans-serif;
   font-weight: normal;
   font-size: 13px; }

table.innings th {
   background-color: #800000;
   padding: 4px 0px 4px 0px;
   color: White;
   font-weight: bold;
   font-size: 13px;
   text-transform: uppercase; }

table.innings td {
   padding: 2px 2px; }

table.innings .team {
   padding-right: 8px;
   width: 148px;
   font-weight: bold;
   font-size: 13px;
   text-align: right;
   text-transform: uppercase; }

table.innings .inn {
   width: 16px;
   text-align: center; }

table.innings .runtotal {
   padding-left: 8px;
   width: 16px;
   text-align: center; }

table.innings hittotal {
   width: 16px; }

/* Player game performances table */
table.gplines {
   margin: 0 auto 0 auto;
   font-family: Arial, sans-serif;
   font-weight: normal;
   font-size: 13px; }

table.gplines .num {
   width: 16px;
   font-weight: bold;
   text-align: center; }

table.gplines td.player {
   padding: 2px 8px;
   width: 90px;
   font-weight: bold;
   text-align: left;
   text-transform: uppercase; }

table.gplines td a {
   color: Black;
   text-decoration: none; }

table.gplines td a:hover {
   color: #800000;
   text-decoration: underline; }

table.gplines td.line {
   width: 249px;
   text-align: left; }

div#gamenight_recapper {
   background-color: White; }

p#recapper {
   background-color: White;
   color: Black;
   font-style: italic; }

/***************
 * Player page *
 ***************/

/* Navigation subbar styling */
div#player_body {
   background-color: White;
   width: 750px;
   margin: 0 auto;
   padding: 0 }

ul#player_list {
   width: 200px;
   margin: 10px auto;
   list-style: none;
   text-align: left;
   font-family: Arial, sans-serif;
   font-style: normal;
   font-size: 10pt;
   color: Black; }

ul#player_list li {
   margin: 5px auto; }

div#player_body table.data td.season{
   text-align: left;
   padding-left: 25px; }
   
div#player_info {
   clear: both;
   margin: 0;
   padding: 10px; }

div#player_info dl {
   float: left;
   width: 310px; }

div#player_info dl dt {
   width: 150px; }

div#player_info dl dd {
   width: 150px; }

div#player_subpages {
   background-color: #cccccc;
   clear: both;
   margin: 0;
   padding: 0; }

div#player_subpages ul {
   margin: 0 auto;
   padding: 0;
   line-height: 30px;
   text-align: center; }

div#player_subpages ul li {
   display: inline;
   list-style-position: inside;
   list-style-type: none;
   margin: 0 5px;
   width: 75px; }

div#player_subpages ul li a {
   color: #800000;
   font-family: Arial, sans-serif;
   font-size: 0.75em;
   text-decoration: none; }

div#player_subpages ul li a:hover {
   text-decoration: underline; }

div.std_data_block {
   clear: both; }

/****************
 * Records page *
 ****************/

div#records_body {
   background-color: White;
   width: 750px; }

div#records_controls {
   background-color: White;
   margin: 0 auto; }

div#records_controls form {
   text-align: center; }

div#records_controls select {
   margin: 0 auto;
   text-align: left; }

div#records_controls form input {
   background-color: #dfb9b8;
   font-size: 0.65em;
   font-weight: bold;
   margin: 0pt;
   padding: 0pt; }

div#records_table {
   background-color: White; }

/****************
 * Admin styles *
 ****************/

ul.admin_links {
   background-color: White;
   margin-left: 200px;
   list-style: disc;
   text-align: left; }

ul.instructions {
   background-color: White;
   margin: 20px 0;
   list-style: disc;
   list-style-position: outside;
   color: #800000;
   font-style: italic;
   text-align: left; }

form.admin fieldset {
   border: 1px solid #800000;
   margin: 15px auto;
   padding: 10px;
   width: 550px;
   text-align: left; }

form.admin legend {
   background-color: #800000;
   color: White;
   font-weight: bold;
   border: 1px solid #800000;
   padding: 2px 6px; }

form.admin label {
   background-color: White;
   position: absolute;
   margin: 5px auto;
   font-size: 10pt;
   text-align: right;
   width: 200px; }

form.admin label.radio {
   position: relative;
   text-align: left; }

form.admin input {
   margin: 5px 0 5px 210px;
   font-size: 9pt; }

form.admin input.radio {
   margin: 5px 0 5px 150px;
   font-size: 9pt; }

form.admin select {
   margin: 5px 0 5px 210px;
   font-size: 9pt; }

form.admin table.data input {
   margin: 0; }

form.admin table.data select {
   margin: 0; }

/*
form.admin label {
   display: inline;
   background-color: White;
   padding-right: 10px;
   text-align: right; }
*/

/*
form.admin label.radio {
   background-color: White;
   display: block;
   float: left;
   width: 250px;
   margin: 0 10px 10px 10px;
   text-align: left;
   padding-right: 15px; }
*/

form.admin td.small_cell_input input {
   background-color: #dfb9b8;
   width: 1.75em;
   float: none;
   margin: 0 auto; }

/*
form.admin input {
   background-color: #dfb9b8;
   margin: 0; }
*/

form.admin input.submit {
   background-color: #dfb9b8;
   margin: 10px 5px; }

form.admin br {
   clear: left; }

table.scorebyinn_entry {
   border-collapse: collapse;
   margin: 0 auto 0 auto; }

table.scorebyinn_entry th {
   height: 1.75em;
   background-color: #800000;
   padding: 2px 6px 2px 6px;
   color: White;
   font-weight: bold;
   font-size: 13px;
   text-transform: uppercase; }

table.scorebyinn_entry tr.scorerow {
   border-bottom: 1px solid #800000;
   background-color: White; }

table.scorebyinn_entry tr.otrow {
   background-color: White; }

table.scorebyinn_entry td.team {
   padding-right: 8px;
   width: 148px;
   font-weight: bold;
   font-size: 13px;
   text-align: right;
   text-transform: uppercase; }

table.scorebyinn_entry td.inn {
   width: 30px;
   padding: 2px 6px 2px 6px;
   text-align: center; }

table.scorebyinn_entry td.message {
   padding: 2px 6px 2px 6px;
   text-align: right;
   background-color: White;
   font-family: Arial, sans-serif;
   font-style: italic;
   font-size: 9pt;
   color: #800000; }

table.scorebyinn_entry tr.scorerow input {
   display: block;
   background-color: #dfb9b8;
   width: 1.75em;
   float: left;
   margin: 0 auto; }

table.scorebyinn_entry tr.otrow input {
   background-color: #dfb9b8;
   float: none;
   margin: 0 auto; }

table.gpline_entry {
   border-collapse: separate;
   border-spacing: 2px;
   margin: 0 auto 0 auto; }

table.gpline_entry th {
   height: 1.75em;
   background-color: #800000;
   padding: 2px 6px 2px 6px;
   color: White;
   font-weight: bold;
   font-size: 13px;
   text-transform: uppercase; }

table.gpline_entry tr {
   border-bottom: 1px solid #800000;
   border-top: 1px solid #800000;
   background-color: White; }

table.gpline_entry td.player {
   padding-right: 2px 8px;
   width: 148px;
   text-align: center;
   border-bottom: 1px solid #800000; }

table.gpline_entry td.player select {
   background-color: #dfb9b8;
   margin: 0;
   color: Black;
   font-weight: bold;
   font-size: 12px;  }

table.gpline_entry td.player option {
   background-color: #dfb9b8;
   color: Black;
   font-weight: bold;
   font-size: 12px;  }

table.gpline_entry select option.heading {
   background-color: #800000;
   color: White;
   font-weight: bold; }

table.gpline_entry td.gptop {
   width: 30px;
   padding: 2px 6px 2px 6px;
   text-align: center; }

table.gpline_entry td.gptop input {
   background-color: #dfb9b8;
   width: 1.75em;
   float: none;
   margin: 0 auto; }

table.gpline_entry td.gpbot {
   width: 30px;
   padding: 2px 6px 2px 6px;
   text-align: center; }

table.gpline_entry td.gpbot input {
   background-color: #dfb9b8;
   width: 1.75em;
   float: none;
   margin: 0 auto; }

form.admin input#first_name {
   width: 10em; }

form.admin input#last_name {
   width: 10em; }

form.admin input#nickname {
   width: 10em; }

form.admin input#dob {
   width: 8em; }

form.admin input#height {
   width: 3em; }

form.admin input#weight {
   width: 3em; }

form.admin input#college {
   width: 18em; }