/* Body, Text, Images */

html { background-color: #ededed; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px;
       color: #000000; margin: 0; background-color: #ededed; }

p { font-family: Arial, Helvetica, sans-serif; margin: 0px 0px 12px 0px; }

table { padding: 0; margin: 0; }
td { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 17px; }

h1 { margin: 0px 0px 10px 0px; color: #000000;
    font-size: 20px; line-height: 25px; font-weight: bold; }
    
h2 { margin: 0px 0px 8px 0px; color: #506D91;
     font-size: 16px; line-height: 18px; font-weight: bold; }

h3 { margin: 0px 0px 8px 0px; color: #666666;
     font-size: 14px; line-height: 16px; font-weight: normal; }
    
.error { font-size: 12px; line-height: 14px; color: #E10E12; }
.notice { font-size: 12px; line-height: 14px; color: #3131FF; }

a         { font-weight: bold; }
a:link    { text-decoration: underline; color: #506D91; }
a:active  { text-decoration: underline; color: #506D91; }
a:visited { text-decoration: underline; color: #506D91; }
a:hover   { text-decoration: underline; color: #000000; }

img { border: none; margin: 0; padding: 0; }

.clearer { clear: both; line-height: 0; height: 0; }

#management-content ul { list-style-type: disc; list-style-position: outside; margin: 0 0 15px 20px; }
#management-content ol { list-style-type: decimal; list-style-position: outside; margin: 0 0 15px 20px; }

.form_button { background-color: #333; }

/** auto complete **/

div.auto_complete {
    width: 350px;
    background: #fff;
}
div.auto_complete ul {
    border: 1px solid #888;
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}
div.auto_complete ul li {
    margin: 0;
    padding: 3px;
}
div.auto_complete ul li.selected { 
    background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
    color: #800; 
    margin: 0;
    padding: 0;
}


/** column browser **/

.cb_item {
    color: black;
    padding-left: 2px;
}

.cb_item_selected {
    color: white;
    background-color: #506D91;
}

a.game_result,
a.game_result_selected {
    padding: 2px;
    font-size: 10px;
    color: #4d4d4d;
    text-decoration: none;
    background-color: #d8d8d8;
}

a.game_result {
    background-color: #fff;
}

form.games { margin-bottom: 15px; }
form.games input, form.games select { font-size: 90%; }
form.games input[type="text"] { padding: 4px; }
form.games input[type="text"]:focus, form.games select:focus { background-color: #F6EBC7; }

/** record layout **/
table.record_layout { width: 100%; background-color: #fff; border-collapse: collapse; }
table.record_layout thead tr { background-color: #ccc; font-weight: bold; text-align: left; }
table.record_layout thead th#header_sports { width: 200px; padding: 5px; }
table.record_layout tbody { vertical-align: top; }
table.record_layout tbody td { padding: 5px; }

/** sports list **/
ul#sports_list { width: 200px; padding-right: 5px; margin-left: 0; margin-top: 5px; border-right: 1px solid #ddd; }
ul#sports_list li a { display: block; text-decoration: none; padding: 3px 2px; text-indent: 2px; }
ul#sports_list li a:link, ul#sport_list li a:visited { background-color: #fff; color: #000; text-decoration: none; }
ul#sports_list li a:hover, ul#sports_list li a:active { background-color: #bbb; color: #000; }
ul#sports_list li a.selected { background-color: #ddd; font-weight: bold; color: #000; }

/** games/schedules **/
div.action_status { text-transform: uppercase; font-weight: bold; text-align: center; background: url('../images/interface/loading.gif') center center no-repeat; }
div#load_status { line-height: 260px; height: 300px; }
div#load_form_status, div#save_form_status { line-height: 60px; height: 100px; }
div#save_status, div#new_game_form_load_status { line-height: 60px; height: 100px; }

/** Tournament Records **/
h1.header { background: url('/images/interface/main_title_background.gif') left top repeat-x; font-size: 100%; line-height: 25px; text-transform: uppercase; margin: 20px auto 15px; padding-left: 10px; border-left: solid 2px #368fe8;}

div.record_form form { background-color: #d5d5d5; border: solid 1px #e5e5e5; }

table.tournament_records { margin: 0 auto; border-collapse: collapse; border: 1px solid #b3c1d0; margin-bottom: 20px; width: 100%; }
table.tournament_records thead { text-transform: uppercase; font-size: 95%; }
table.tournament_records thead tr th { text-align: left; background-color: #e7eaee; padding: 2px; }
table.tournament_records thead tr.record_category th { background-color: #758ba5; color: #fff; text-align: center; text-align: center; font-size: 120%; }
table.tournament_records th,
table.tournament_records td { border: 1px solid #b3c1d0; padding: 1px; }
table.tournament_records tr.highlighted_record td { background-color: #e6edf2; color: #00d; cursor: pointer; }
table.tournament_records tbody td { background-color: #fff; }

form.tournament_record { margin: 20px; }
form.tournament_record select option span.prompt { background-color: #fff; }
form.tournament_record table.tournament_records tbody td input { border: 0; font-size: 90%; padding: 3px; }
form.tournament_record table.tournament_records tbody td input:focus { background-color: #e6edf2; }

p#record_options { margin: 10px; }