#main #main-title {
    margin-bottom: 15px;
    padding: 25px 30px 0px 20px;
    position: relative;
}
#main #main-title h1 {
    color: #fff;
    font: normal 160%/1em  Tahoma, Arial, sans-serif;
    margin: 0;
    padding: 0 0 5px 0;
    display: block;
    border-bottom: 1px dashed #fff;
}

#main #main-body {
    color: #333;
    font-size: 95%;
    line-height: 160%;
    background-color:#f1f8de;
}
#main #main-body h2 {
    color: #708F4B;
    font: bold 140% "Trebuchet MS", Arial, sans-serif;
    border-bottom: 1px solid #708F4B;
    padding: 0;
    margin: 0 0 10px 0;
}

#main div#main-body.deepest {
    background: #fff url(/images/green_vertical_fade.gif) repeat-x bottom left; 
    padding: 10px;   
}


/* Tabs */
#tabs {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  margin:0;
  padding: 5px 0 0 0;
  background:#fff url("/images/tabs_background.gif") repeat-x bottom;
}
#tabs ul {
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
}
#tabs li {
  float:left;
  background:url("/images/norm_left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
}
#tabs a {
  display:block;
  background:url("/images/norm_right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a {float:none;}
/* End IE5-Mac hack */

#tabs a:hover {
  color:#fff;
}
#tabs #selected {
  background-image:url("/images/norm_left_on.gif");
  border-width:0;
}
#tabs #selected a {
  background-image:url("/images/norm_right_on.gif");
  color:#333;
  padding-bottom:5px;
}





/* General club/squad styles */
div.panel {
    clear:left;
    border-bottom: 1px solid #765; 
    padding: 5px 10px 20px 10px;  
}
div.panel div.section {
    background-color: #fff;
    border: 1px solid #C0B898;
    margin: 10px;  
    padding: 5px;
}
div.panel div.section p {
    margin: 0 0 0 5px;
}
div.panel p.buttonbar {
    text-align: center;
    margin: 0;
    padding: 5px 0;
}
div.panel h2 {
    color: #708F4B;
    font: bold 140% "Trebuchet MS", Arial, sans-serif;
    padding: 0;
    margin: 0;
}
div.panel h3 {
    font: bold 120% Arial, sans-serif;
    padding: 0;
    margin: 0;
}
div.panel h4 {
    font: bold 110% "Trebuchet MS", Arial, sans-serif; 
    border-bottom: 1px solid #C0B898; 
    padding: 2px 5px;
    margin-bottom: 5px;   
}


/* Club Styles */
#main #main-body div.list-item {
    background: #fff url(/images/green_vertical_fade.gif) repeat-x bottom left;
    padding: 10px;
}
#main #main-body div.list-item div.summary {
    width: 70%;
    margin: 0;
    padding: 0;  
}
#main #main-body div.list-item div.logo {
    text-align: center;
    float: left;
    padding-right: 20px;
    width: 150px;
    height: 150px;
}
#main #main-body div.list-item p, 
#main #main-body div.list-item h2, 
#main #main-body div.list-item h3 {
    margin: 5px 0;
    padding: 0;
    border: 0;
}

#main #main-body div.list-item h2 {
    border: 0;
}
#main #main-body div.list-item h3 {
    color: #708F4B;
    font: bold 110% "Trebuchet MS", Arial, sans-serif;
}

div#club-panel div.logo {
    text-align: center;
}
div#club-panel div#info {
    clear: right; 
}

#club-panel #overview h2 {
    color: #708F4B;
    font-size: 150%;
}
#club-panel h3 {
    font: bold 130% "Trebuchet MS", Arial, sans-serif; 
    color: #fff;
    background-color: #C0B898; 
    padding: 2px 5px;
    margin-bottom: 10px;   
}
#club-panel #overview p {
    margin: 3px 0;
    padding: 0;
}
#club-panel ul {
    margin:0;
    padding:0;    
}

#club-panel ul li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#club-panel #overview td {
    
    border: 1px solid #C0B898;
    background-color: #fff;
    padding: 5px;    
}

#club-panel #overview td#logo-cell {
    width: 110px;
    border-width: 2px;
    border-right: 0;
}
#club-panel #overview td#summary-cell {
    border-width: 2px;
    border-left: 0;
    width: 150px;
}

#club-panel #overview td#spacer-cell {
    border: 0;
    background-color: #f1f8de;
    width: 3px;
}
#club-panel #overview td#contacts-cell {
    vertical-align: top;
}
#club-panel #overview-info {
    margin-left: 0;
    margin-right: 0;
}
#club-panel div.colours {
    color: #fff;
}
#club-panel #squad-list h2 {
    border: 0;
}



/* Styles for squads */

#squad-panel div#player-list {
    font-size: 90%;
    margin: 0 0 5px 0;
    line-height: 2em;
}

#squad-panel div#player-list img {
    vertical-align: middle;
}
#squad-panel div#player-list div.section {
    padding: 0;
}
#squad-panel div#player-list table {
    margin-left: 5px;
}   
#squad-panel div#player-list h2 {
    border-bottom: 0;
}

#squad-panel h2 {
    margin: 0;
    color: #000;
}
#squad-panel h3 {
    font: bold 130% "Trebuchet MS", Arial, sans-serif; 
    color: #fff;
    background-color: #C0B898; 
    padding: 2px 5px;
    margin-bottom: 10px;   
}


#squad-panel ul {
    margin:0;
    padding:0;    
}

#squad-panel ul li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#squad-panel #overview h2 {
    color: #708F4B;
    font-size: 150%;
}
#squad-panel #overview p {
    margin: 3px 0;
    padding: 0;
}


#squad-panel #overview td {
    
    border: 1px solid #C0B898;
    background-color: #fff;
    padding: 5px;    
}

#squad-panel #overview td#logo-cell {
    width: 110px;
    border-width: 2px;
    border-right: 0;
}
#squad-panel #overview td#summary-cell {
    border-width: 2px;
    border-left: 0;
    width: 200px;
}

#squad-panel #overview td#spacer-cell {
    border: 0;
    background-color: #f1f8de;
    width: 3px;
}
#squad-panel #overview td#notices-cell {
    vertical-align: top;
}
#squad-panel #overview td#notices-cell ul {
    font: normal 85% Tahoma, sans-serif;    
}
#squad-panel #overview td#notices-cell li {
    padding: 0 0 5px 5px;
    margin: 0;
}
#squad-panel #overview td#notices-cell img {
    vertical-align: middle;
}

#squad-panel #overview-fixtures, #squad-panel #overview-stats {
    margin-left: 0;
    margin-right: 0;
}

#squad-panel #overview-fixtures table {
    width: 95%;
    margin-left: auto;
    margin-right:auto;  
    font: normal 90% Verdana, Arial, sans-serif;
    border: 1px solid #f0f0f0;  
}
#squad-panel #overview-fixtures td {
    background: #FCFCFA url(/images/small_brown_vertical_fade.gif) repeat-x left bottom;
    height:24px;
    padding: 0 5px;
} 
#squad-panel #overview-fixtures tr.current-fixture td {
    background-color: #f1f8de;
    background-image: none;
    border-top: 1px dashed #ccc;
    border-bottom: 1px dashed #ccc;  
    font-size: 120%;
    height:32px;    
} 
#squad-panel td.fixture-icon {
    width: 24px;
}
#squad-panel td.date, #squad-panel td.time, #squad-panel td.home-away, #squad-panel td.score {
    text-align: center;
}
#squad-panel td.attendance {
    text-align: right;
}
#squad-panel td.fixture-actions {
    width: 1%;
    text-align: right;
    white-space: nowrap;
}
#squad-panel td.fixture-actions a {
    margin: 0 1px;
}

#squad-panel div#fixture-list {
    margin-top: 20px;
}

#squad-panel #overview-stats table {
    width: 100%;
}
#squad-panel #overview-stats th {
    font-weight: bold;
    font-size: 90%;
    border-bottom: 1px solid #C0B898;
    text-align: center;
}
#squad-panel #overview-stats td {
    text-align: center;
    vertical-align: top;
    padding: 0 10px;
    background-color: #f3f3eb;
}

#squad-panel #overview-stats ul {
    font: normal 85% Tahoma, sans-serif;    
}
#squad-panel #overview-stats li {
    padding: 0 0 5px 5px;
    margin: 0;
}
#squad-panel #fixture-indicator, #squad-panel #competition-indicator {
    background-image : url(/images/indicator.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top:3px;
    margin: 0 10px;
    height: 18px;
}
#existing-list {
    float:right;
    width: 140px
}





div#player-panel div.logo {
    text-align: center;
}
div#player-panel div#info {
    clear: right; 
}

#player-panel #overview h2 {
    color: #708F4B;
    font-size: 150%;
}
#player-panel h3 {
    font: bold 130% "Trebuchet MS", Arial, sans-serif; 
    color: #fff;
    background-color: #C0B898; 
    padding: 2px 5px;
    margin-bottom: 10px;   
}
#player-panel #overview p {
    margin: 3px 0;
    padding: 0;
}
#player-panel ul {
    margin:0;
    padding:0;    
}

#player-panel ul li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}

#player-panel #overview td {
    
    border: 1px solid #C0B898;
    background-color: #fff;
    padding: 5px;    
}
#player-panel #overview td#photo-cell {
    width: 110px;
    border-width: 2px;
    border-right: 0;
    text-align: center;
}
#player-panel #overview td#photo-cell img {
    padding-bottom: 2px;
}

#player-panel #overview td#summary-cell {
    border-width: 2px;
    border-left: 0;
    width: 150px;
}

#player-panel #overview td#spacer-cell {
    border: 0;
    background-color: #f1f8de;
    width: 3px;
}
#player-panel #overview td#contacts-cell {
    vertical-align: top;
}

#player-panel #stats-list-table th, #player-panel #stats-list-table td {    
    font-size: 90%;
}
#player-panel #stats-list-table th.name, #player-panel #stats-list-table td.name {
 text-align:left;
 padding-left: 3px;
 font-weight: bold;
}

#player-panel #stats-indicator,#player-panel #unavailability-indicator {
    background-image : url(/images/indicator.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top:3px;
    margin: 0 10px;
    height: 18px;
}

#player-panel #stats-list-table #further-table td {
    width: 25%;
}

#player-panel table#summary-table, #player-panel table#further-table {
    margin: 0 auto;
}





#fixture-panel h3 {
    font: bold 130% "Trebuchet MS", Arial, sans-serif; 
    color: #fff;
    background-color: #C0B898; 
    padding: 2px 5px;
    margin-bottom: 10px;   
}
#fixture-panel #fixture-header div.info1 {
    font-size: 90%;
    border-bottom: 1px solid #ccc;   
    text-align: center;
    margin-bottom: 5px;
}
#fixture-panel #fixture-header div.info2 {
    font-size: 90%;
    border-top: 1px solid #ccc;    
    text-align: center;
    margin-top: 5px;
    color: #999;
}
#fixture-panel #fixture-header tr.teams{
    font: bold 150% "Trebuchet MS", Arial, sans-serif;
    color: #708F4B;
}
#fixture-panel #fixture-header tr.teams td#home-team{
    text-align: right;
    width: 45%;
}
#fixture-panel #fixture-header tr.teams td#score{
    text-align: center;
    width: 10%;
    white-space: nowrap;
}
#fixture-panel #fixture-header tr.teams td#away-team{
    text-align: left;
    width: 45%;
}
#fixture-panel #fixture-header tr.scorers td {
    font-size: 90%;
    font-weight: bold;    
    vertical-align: top;   
}
#fixture-panel #fixture-header tr.scorers td#home-scorers,
#fixture-panel #fixture-header tr.scorers td#away-scorers {
    background-color: #C0B898;
    padding: 0 5px;
    border: 1px solid #f3f3f3;
    color: #fff;
}
#fixture-panel #teamsheet #away-team {
    float: right;
    border-left: 1px solid #999;
    width: 50%;
}
#fixture-panel #teamsheet #home-team {
    float: right;
    border-right: 1px solid #999;
    width: 49%;
    height: 100%;
}
#fixture-panel #teamsheet table {
    width: 100%;
}

#teamsheet table td {
    height: 24px;
    background: #fff url(/images/small_brown_vertical_fade.gif) repeat-x left bottom;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    text-align: center;
    margin:0;
}

#teamsheet td.rating {
    width: 20px;  
}
#teamsheet td.number {
    width: 30px;   
}
#teamsheet td.name {
    text-align: left;
    width: auto;    
    background-image: url(/images/td_background_white.gif);
}
#teamsheet td.name img {
    vertical-align: middle;
}
#teamsheet  td.goals {
    width: 25%;
}
#teamsheet #home-team td.goals {
    text-align: right;
}
#teamsheet #away-team td.goals {
    text-align: left;
}

#teamsheet .goal {
    background-image: url(/images/empty-goal.gif);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 6px 2px;
        
}
#teamsheet td.red-card {
    background-image: url(/images/red_card.gif);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: top;
    font-size: xx-small;
    font-weight: bold;
    width: 22px;
    font-family: Tahoma;
    color: #fff; 
}
#teamsheet td.yellow-card {
    background-image: url(/images/yellow_card.gif);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: top;
    font-size: xx-small;
    font-weight: bold;
    width: 22px;
    font-family: Tahoma;
}
#teamsheet td.second-yellow-card {
    background-image: url(/images/second_yellow_card.gif);
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: top;
    font-size: xx-small;
    font-weight: bold;
    width: 22px;
    font-family: Tahoma;
    color: #fff;
}

#teamsheet td.subs-header {
    font: bold 100% "Trebuchet MS", Arial, sans-serif;     
    color: #708F4B;
    border: 0;
    padding: 5px;
    background-image: url(/images/td_background_white.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
#teamsheet #home-team td.subs-header {
    text-align: left
}
#teamsheet #away-team td.subs-header {
    text-align: right
}
#teamsheet .player-info {
    font-size: x-small;
}
#teamsheet p {
    text-align:center;
}


#player-table th {
    font-weight: bold;     
    border-bottom: 1px solid #999 ;
    padding-top: 5px;  
    text-align: center;  
}
#player-table table {
    width: 75%;
    margin: auto;   
}
#player-table td {
    height: 24px;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    text-align: center;
}
#player-table td.shirt-number {
    text-align: center;
    width: 30px;
}

#player-table td.shirt-number input {
    width: 30px;
    text-align: center;
}

#player-table td.fee {
    text-align: center;
    width: 90px;
}
#player-table td.fee input {
    border: 1px solid #ccc;
    width: 35px;
    text-align: center;
    font-size: x-small;
}

#player-table td.name {
    text-align: left;
    width: auto;    
    padding-left: 5px;
}
#player-table td.min {
    width: 40px;
}

#player-table tr.subs-header td {
    font-family: Arial, sans-serif;
    font-weight: bold;
    border: 0;
    background: #fff;
    padding-top: 10px;
    border-bottom: 1px solid #f3f3f3 ;
}

#player-table tr.buttons td {   
    border: 0;
    background: #fff;
    padding-top: 10px;
}






#fixture-panel .report-item {
    position: absolute;
    width: 35px;
    height: 35px;  
    left: -40px;
    cursor: move; 
}
#fixture-panel #goal {
    background-image: url(/images/big_ball.gif);
    top: 0px;
}
#fixture-panel #yellow {
    background-image: url(/images/big_yellow_card.gif);
    top: 40px;
}
#fixture-panel #red {
    background-image: url(/images/big_red_card.gif);
    top: 80px;
}
#fixture-panel #mom {
    background-image: url(/images/big_star.gif);
    top: 120px;
}




#fixture-panel .report-target {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 495px;          
}
#fixture-panel #trash {
    background-image: url(/images/trash_can.gif);
    background-repeat: no-repeat;
    background-position: top center;    
    top: 290px;  
}
#fixture-panel #own_goal {
    background-image: url(/images/own_goal.gif);
    background-repeat: no-repeat;
    background-position: top center;    
    top: 150px; 
}


#fixture-panel div#scoreboard {
    margin: 0 auto 10px auto;
    padding-bottom: 30px;
    width: 400px;
    background-image: url(/images/scoreboard_bottom.gif);
    background-repeat: no-repeat;
    background-position: bottom left;     
    color: #FFEC9D;   
}
#fixture-panel div#scoreboard #main-score table {
    width: 380px;
    margin: 0 auto;  
    font-family: courier;
    font-size: 110%;
    font-weight: bold;
    padding:0;      
}
#fixture-panel div#scoreboard #main-score td#home-team {
    width: 160px;
    text-align: right;
    vertical-align: top;
}
#fixture-panel div#scoreboard #main-score td#away-team {
    width: 160px;
    text-align: left;  
    vertical-align: top;     
}
#fixture-panel div#scoreboard #main-score td#score {
    width: 60px;
    text-align: center;
}
#fixture-panel div#scoreboard #main-score p {
    padding:0;
    margin:0;
    text-align:center;
    font-size: 90%;
}
#fixture-panel div#scoreboard a {
    color: #fff;
}
#fixture-panel div#scoreboard div#scoreboard-form-popup {    
    background-image: url(/images/scoreboard_middle.gif);
    background-repeat: repeat-y;
    width:400px;
    font-size: 90%;
}
#fixture-panel div#scoreboard div#scoreboard-form-popup form {
    padding: 0 10px;
}
#fixture-panel div#scoreboard div#scoreboard-form-popup td.label {
    width: 120px;
}
#fixture-panel div#scoreboard div#scoreboard-form-popup th {
    text-align: center;
}
#fixture-panel div#scoreboard div#scoreboard-form-popup p {
    text-align: right;
    padding: 0;
    margin: 0;    
}
#fixture-panel div#scoreboard #main-score {
    background-image: url(/images/scoreboard_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
}


#fixture-panel div.report-form-popup {
    background-image: url(/images/report_popup_top.gif);
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    z-index: 60;
    width: 195px;
    display: none;    
}
#fixture-panel div.report-form-popup#own-goal-form-popup {
    background-image: url(/images/report_popup_top_r.gif);
}
#fixture-panel div.report-form-popup h3 {
    font-size: small;    
    margin: 3px 5px 0 23px;
    border-bottom: 1px solid #BFD5B5;
    color: #708f4b;
    background: none;
}
#fixture-panel div.report-form-popup#own-goal-form-popup h3 {
    margin: 3px 23px 0 10px;
}

#fixture-panel form.report-form {
    background-image: url(/images/report_popup_bottom.gif);
    background-repeat: no-repeat;   
    background-position: bottom left;
    padding: 1px 2px 2px 23px;
    margin: 0;    
    font-size: 90%;
    line-height: 50%;
}
#fixture-panel #own-goal-form-popup form.report-form {
    background-image: url(/images/report_popup_bottom_r.gif);
    padding: 1px 23px 2px 10px;
}
#fixture-panel form.report-form td {
}
#fixture-panel form.report-form td.label {
    padding: 1px;
    vertical-align:middle;
}
#fixture-panel form.report-form input {
    font-size: x-small;
    padding: 0 !important;
}
#fixture-panel div.report-indicator {    
    background-image : url(/images/indicator.gif);
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-top:3px;
    margin: 0 22px;
    height: 18px;
}
#fixture-panel #scoreboard div.report-indicator {
    background-image : url(/images/indicator_black.gif);   
}

#fixture-panel #team-container div.player div.left-info {
    position: relative;
    left: -20px;
    top: 0px;
}
#fixture-panel #team-container div.player div.right-info {
    position: absolute;
    left: 40px;
    top: 0px;
}

#fixture-panel #team-container div.player div.report-goal {
    cursor: move;
}
#fixture-panel #team-container div.player div.report-yellow {
    cursor: move;
}
#fixture-panel #team-container div.player div.report-red {
    cursor: move;
}
#fixture-panel #team-container div.player div.report-second-yellow {
    cursor: move;
}
#fixture-panel #team-container div.player div.report-sub {
    cursor: move;
}
#fixture-panel #team-container div.player div.report-mom {
    position: absolute;
    left: 15px;
    top: 28px;
    cursor: move;
}
#fixture-panel #team-container #info span.warning {
    background-color: #fff;
}




#fixture-panel #team-container #extras-links {
    width: 500px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
}
#fixture-panel #team-container #extras-links a {
    color: #fff;
    font: bold 120% "Trebuchet MS", Arial, sans-serif;   
    text-decoration: none; 
    padding: 3px 10px;
}
#fixture-panel #team-container #extras-links a:hover {
    color: #708f4b;   
    background-color: #F9FBF8; 
}

#fixture-panel #team-container div.extras {
    width: 500px;
    background-color: #F9FBF8;
    border: 2px solid #BED5B5;
    color: #000;
    margin: 0 auto;
    padding: 10px;
    font-size: 90%
}   
#fixture-panel #team-container div.extras p.buttonbar {
    margin-bottom: 2px;
    padding-bottom: 2px;
}
#fixture-panel #team-container #match-report textarea {
    border: 1px solid #999;
}
#fixture-panel #team-container div.extras #teamsheet {
    color: #333;
}







#communicate-panel div.compose-section {
    border: 0;
    background: url(/images/comms_panel_bottom.gif) no-repeat left bottom;
    padding: 0;
    padding-bottom: 50px;
    width: 600px;
    margin: 10px auto;
    
}
#communicate-panel div.compose-section h2 {
    background: url(/images/comms_panel_top.gif) no-repeat left top;
    padding-top: 5px !important;
    padding-left: 10px !important;
    border-bottom: 1px solid #E2DFD0;
    font-size: 120% !important;
}

#communicate-panel div.compose-section table {
   margin: 0 auto;
}

#communicate-panel #compose table {
    width: 400px;
}
#communicate-panel #compose table td.label {
    width:100px;
}
#communicate-panel #compose p#counter {
    margin:0;
    padding:0;
    font-size: x-small;
    font-weight: bold;    
}
#communicate-panel #compose textarea {
    border: 1px solid #666;
    padding: 2px;
    font-family: Arial;
    font-size: 90%;
}
#communicate-panel #compose tr#preview td#text {
    text-align: left;
    border: 1px solid #CDC7AD;
    font-size: x-small;
}

.controls {
    font-size: xx-small;
    font-weight: normal;
}
#communicate-panel #player-table td.min {
    width: 80px;
}

#communicate-panel #confirm {
    background-image: url(/images/comms_panel_final_bottom.gif)
}
#communicate-panel #confirm table {
    width: 60%;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: 10px;
}
#communicate-panel #confirm td {
    background-color: #fff;
    padding: 0 5px;
}
#communicate-panel #confirm tr.header td {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    background: none;
}
#communicate-panel #confirm td.cost {
    text-align: right;
}
#communicate-panel #confirm tr.total {
    font-weight: bold;
}
#communicate-panel #confirm tr.total td {
    border-top: 1px solid #ccc;
}

#communicate-panel table.sortable {
    width: 99%;
}
#communicate-panel table.sortable td.text {
    text-align: left;
}

div.auto_complete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
ul.items  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
ul.items li.selected { background-color: #ffb; }
ul.items li.item {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  clear:left;
}
ul.items li.item div.image {
  float:left;
  margin-right:8px;
}
ul.items li.item div.name {
  font-weight:bold;
  font-size:12px;
  line-height:1.2em;
}
ul.items li.item div#id {
  display:none;
}
ul.items li.item div.details {
  font-size:10px;
  color:#888;
}


.initial-colour {
	border: 1px solid #ccc;
	width: 60px;
	height: 30px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0;	
}	

.colour1{
	width: 60px;
	height: 30px;
	float: left;
}
.colour2{
	width: 60px;
	height: 30px;
	float: left;
}
.colour3{
	width: 60px;
	height: 30px;	
	float: left;	
}


div.clear{
	clear:both;
}
div.clear-right{
	clear:right;
}
div.clear-left{
	clear:left;
}






#team-container {
    background-image: url(/images/grass.png);
    padding:10px 0;
    border-top: 3px solid #BECDB1;
	border-left: 3px solid #BECDB1;	
	border-bottom: 3px solid #435335;
	border-right: 3px solid #435335;
}

#team-container #pitch {
    position: relative;
    width: 500px;
	height: 350px;
	margin: 0 auto;
	background: url(/images/pitch.png) no-repeat top center;
    padding-bottom: 20px;
}
#team-container #bench {
    background: url(/images/bench.png) no-repeat center center;
    width: 500px;
	height: 60px;
	margin: 0 auto ;
	border: 2px dashed #9CB387;
}
#team-container #squad {
    background: url(/images/squad.png) repeat-x center center;
	border-bottom: 2px dashed #9CB387;	
	margin-bottom: 10px;
}

#team-container #info {
  font-size: x-small;
  font-weight: bold;
  color: #fff;  
  width: 500px;
  height: 20px;
  margin: 0 auto;
  padding: 0;
  text-align: center;  
}
#team-container #info p#notices {
    margin: 0;
    padding:0 0 0 20px;
}
#team-container #info #indicator {
    background-image : url(/images/indicator_green.gif);
    background-repeat: no-repeat;
    margin: 0;
    padding:2px 20px; 
    height: 18px;
}



#team-container div.player {
    background: url(/images/shirt.gif) no-repeat center 5px;
	width: 45px;
	height: 40px;
	text-align: center;
	position: absolute;
	z-index: 50;
	cursor: move;
}
#team-container div.goalie {
    background: url(/images/goalkeeper_shirt.gif) no-repeat center center;
}
#team-container div.starter {
    cursor: default;
}
#team-container div.unavailable {
    background: url(/images/shirt_unavailable.gif) no-repeat center center;
}
#team-container div.player p {
    font-weight: bold;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    left: 0px;
    width: 100%;
}
#team-container div.player p.number {
    font-family: Arial;
    font-size: 110%;
    color: #000;
    top: 12px;   
}
#team-container div.player p.name {
    font-size: xx-small;    
    color: #fff;
    top: 40px;
    line-height: 1em;
}
#team-container div.player div.captain {
    background: url(/images/captains_armband.gif) no-repeat top left;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 16px;
	left: 33px;   
}

#team-container div.player div.unavailability {    
	width: 16px;
	height: 16px;
	position: absolute;
	top: 25px;
	left: 15px;   
}

#team-container div.player div.holiday {
    background: url(/images/tiny_holiday.gif) no-repeat top left;
}
#team-container div.player div.injury {
    background: url(/images/tiny_injury.gif) no-repeat top left;
}
#team-container div.player div.suspension {
    background: url(/images/tiny_suspension.gif) no-repeat top left;
}




#tip-of-the-day {
    margin: 0;
    padding: 3px 0 3px 10px;
    color: #ffc;  
    background-color: #333;   
    font-size: small;     
    text-align: center;                
}
#tip-of-the-day a {
   color: #ffc;  
}
.breadcrumb {
    margin: 0;
    padding: 3px 0 3px 10px;
    color: #fff;  
    background-color: #C0B898;   
    font-size: x-small;                     
}
.breadcrumb a {
    color: #fff;
    padding: 3px;
}
.breadcrumb a:hover {
    color: #765;
    background-color:#fff;
}

.options {
    margin: 0 0 5px 0;
    padding: 0 5px;
    color: #765;  
    background-color: #C0B898;   
    font-size: 0.9em;  
    text-align: right;  
    border-bottom: 1px solid #C0B898;                 
}
.options a {
    color: #fff;
    padding: 3px;
    margin: 0;
    text-decoration: none;
}
.options a:hover {
    color: #765;
    background-color:#fff;
}

div.box {
    float:left;
    border: 2px #D5D0BA solid;
    background: #fff url(/images/box_background.gif) repeat-x bottom;
    margin: 0 5px 10px 10px;
    padding:10px;
    width: 250px;
    height: 230px;    
}
div#register p {
    text-align: center;
    line-height: 200%;
    font-weight: bold;
}
div#register a {
    font: bold 140% "Trebuchet MS", Arial, sans-serif;
    color: #00f;
}
div#register a:hover {
    color: #f00;
}

div.account-box {
    width: 500px;
    margin: 0 auto 10px auto;
    border: 2px #D5D0BA solid;
    background: #fff url(/images/box_background.gif) repeat-x bottom;    
    padding:10px;
}

#main #main-body div.box h2, #main #main-body div.account-box h2 {
    border-bottom: 1px #765 dashed;
    margin: 0;
    margin-bottom: 20px;
    font: bold 140% "Trebuchet MS", Arial, sans-serif;
}
div#start_one p, div#start_many p {
    text-align: center;
}
tr.odd {    
    background-color: #F8F7F3;
}
tr.even {
    background-color: #fff;
}
tr.total, tr.opening {
    font-weight: bold;
}
tr.total td {
    border-top: 1px solid #000;
}
tr.opening td {
    border-bottom: 1px solid #000;
}
.centre {
    text-align: center;
}
.right {
    text-align: right;
}

.feint {
    color: #C0B898;
}
.tip {
	font-size: 90%;
	padding:0;
	margin:0;
}
.instruction {
  font-weight: bold;
}
.announcement {
  border: 1px dashed #ccc;
  background-color: #fff;
  padding: 5px;
  margin-bottom: 10px
}
.announcement h2, .announcement p {
  padding: 0;
  margin: 0;
}
.notice {
    color: #090;
}
.warning {
    color: #f00;
    border-background-color: #f00;
}
.warning a{
    color: #f00;
}
.danger {
    color: #f00 !important;
    border: 1px solid #f00 !important;
    padding: 2px 4px !important;
}
.formError {
    color: #f00;
    display:inline;
}
img.icon-calendar {
    margin-left: 5px;
}



/* links that look like buttons */
a.btn
{
    border: 3px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    padding: 4px 10px;
    margin:0;
    margin-bottom: 10px;
    background-color: #fafafa;
    background: url(/images/background_form_element.gif);
    background-repeat: repeat-x;
    background-position: left top;
    color: #333333;
    font-size: 100%;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-decoration: none;
}






/* Sortable tables */
table.sortable, table.datatable {
    border-bottom: 1px solid #cec8b0;
}
table.sortable th, table.datatable th {
    background-color:#cec8b0;
    color:#fff;
    text-align: center;
    padding: 0 5px;
}
table.sortable a.sortheader {
    color:#fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding-left: 2px;
}
table.sortable span.sortarrow {
    color: #000;
    text-decoration: none;
}





	/* colorpicker styles */
.picker_button { 
    float: left; 
    width: 21px; 
    height: 20px; 
    text-indent: -9999px; 
    overflow: hidden; 
    text-decoration: none; 
    background: url(/images/color_picker.gif) no-repeat 0 -1px; 
}

.cpHolder { 
    position: absolute; 
    margin-top: 21px; 
    margin-left: -23px;
    background: url(/images/color_picker_frame.png) no-repeat 0 0 !important;
    background: #666; 
}
* html .cpHolder { 
    top: 21px; 
    left: 0; 
}
.cpHolder img { 
    display: none; 
    width: 100px; 
    height: 192px; 
    margin: 16px; 
    cursor: crosshair; 
}