body {background: #fff url("/images/background.jpg") repeat-x top left; font: normal 70% Verdana, Arial, sans-serif; margin: 0; padding: 0}
img {border: 0; vertical-align: middle}
a {color:#708F4B}
#header {background: #708F4B url(/images/background.png) repeat-x top left; margin: 0; padding: 0}
#brand {height: 60px; margin: 0; padding: 0}
#brand #logo {background: url(/images/managr_logo.gif) no-repeat; height: 45px; left: 20px; position: absolute; top: 20px; width: 268px}
#brand #logo a {display: block; height: 33px; width: 268px}
#brand #logo img {display: none}
#brand #betatext {color: #fff; font: 10px Arial, Helvetica, sans-serif; left: 114px; position: absolute; top: 45px; display: none}
#brand #supporter {left: 350px; position: absolute; top: 2px}
#accounts {color: #fff; font-size: 90%; position: absolute; right: 50px; text-align: right; top: 35px; z-index: 1000}
#accounts a {color: #fff; font-weight:bold; text-decoration: none}
#accounts a:hover {text-decoration: underline}
#nav {width: 100%; background-color: white; background: url(/images/nav_background.png) repeat top left}
#nav hr {border: 1px solid #ccc; height: 1px}
#nav ul {list-style: none; padding: 0; margin: 0}
#nav li {float: left; position: relative; width: 100px; text-align: center; padding: 7px 0; border-right: 1px solid #607E35; z-index:110}
#nav ul li a {text-decoration: none; font: bold 110%/1.5em "Trebuchet MS", Verdana; color: #fff; padding: 0 15px}
#nav ul li:hover a, #nav ul li.over a {color: #607E35}
#nav li li a {display: block; font: bold 100%/1.2em "Trebuchet MS", Verdana; color: #000; padding: 5px 0}
#nav li li a:hover {background-color: #C0B898; color: #fff}
li ul {display: none; position: absolute; top: 100%; left: -1px; font-weight: normal; padding: 0.5em 0 1em 0; border: solid 1px #607E35; border-top: 0; background-color: white; z-index: 110}
li>ul {top: auto; left: -1px}
#nav li li {display: block; float: none; padding:0; margin:0; border:0}
#nav li:hover, #nav li.over {background-color: #f9fbf8}
#nav li:hover ul, #nav li.over ul {display: block}
#main {color: #333}
#main h1 {color: #765; font: bold 140%/2em "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0 0 5px 15px; background: url(/images/h1_background.gif) repeat-x bottom left}
#main h1 a {color: #765}
#main h1 a:hover {color: #708F4B}
#footer {background: #F9FDFF url(../images/footer_background.gif) no-repeat bottom left; border-top: 1px solid #666; font-size: 90%; line-height: 1.6em; margin: 0; padding: 10px 0 10px 0; clear: both}
#footer p {color: #708F4B; margin: 0; padding: 0; text-align: center}
* html #nav {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/nav_background.png', sizingMethod='scale')}
form {padding :0; margin: 0}
fieldset {border: 2px solid #C0B898; padding: 10px; background: #fff url(/images/fieldset_background.gif) repeat-y center right; margin: 0 auto; width: 90%}
input.btn {border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 0.25em; background-color: #fafafa; background: url(/images/background_form_element.gif); background-repeat: repeat-x; color: #333333; font-size: 100%; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; vertical-align: middle; cursor: pointer}
input.btn:active {border: 3px double #CCCCCC; border-top-color: #999999; border-left-color: #999999}
input.btn:hover, input.btn:focus {border: 3px double; border-color: #aedf9a #94da78 #6ab94b #94da78}
input.btn:visited {color: #2b333c}
select {border: 1px solid; background-color: #fafafa !important; border-color: #c4cccc #acb5b5 #6f7777 #acb5b5}
select:hover, select:focus {border-color: #6d5 #5b5 #459455 #5b5}
input, textarea {border: 1px solid; padding: 2px 0 2px 0.25em; background-color: #fafafa !important; border-color: #d5dddd #999 #999 #d5dddd !important}
input:focus, textarea:focus {background-color: #fff !important; border-color: #aedf9a #6ab94b #6ab94b #aedf9a !important}
input.plain {border: 0; background: none !important}
label.required {font-weight: bold}
.fieldWithErrors input, .fieldWithErrors select{ background-color: #f55 !important; font-weight: bold !important; display: inline; color: #fff !important}
.fieldWithErrors select {font-weight: normal !important}
div.errorExplanation {border: 1px solid #f33; padding: 10px; margin-left: 10px}
div.errorExplanation h2 {margin:0; padding:0; font-size: 100%; font-weight: bold; color: #f33; border-bottom: 1px dashed #f00 }
div.errorExplanation p {margin:0; padding:2px 0}
div.errorExplanation ul {margin-top: 2px; padding-top: 5px}
div.in-place-help {margin-left: 5px; border: 1px solid #fff; height: 15px; display: inline}
div.help-showing {background-color: #f1f8de; border: 1px solid #C7FF51}
span.in-place-help-text{ padding: 1px 3px 1px 8px}
td.label, th.label {text-align: right; vertical-align: top; padding-right: 15px; padding-bottom: 5px}
#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 {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}
#tabs a {float:none;}
#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}
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}
#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}
#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}
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}
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}
.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}
#outer_wrapper {min-width:770px; width:100%; background: #fff}
#wrapper {zoom:1 }
#header {padding:10px 0}
#header p {margin-top:0}
#container {float:left; width:100%; display:inline; margin-left:-124px}
#main {margin-left:124px}
#main * {}
#sidebar {padding-left:100%; margin-left:-124px; text-align: right}
#sidebar * {position:relative }
#sidebar img {margin-top: 2px; margin-right: 1px}
#footer {width:100%; clear:both}
.clear {height:0;clear:both}
body#default #container, body#default #main {margin-left: 0}
body#default #outer_wrapper {width: 770px; min-width:738px; margin: 0 auto; border: 1px solid #ccc; border-top: 0; position: relative}
body#default #sidebar {display: none}
body#default div#banner {background-position: top left; border-top: 1px solid #000; border-bottom: 1px solid #000; height: 100px; text-align: right}
body#default div#banner span{ display: none; background-repeat: no-repeat; background-position: top center; background-color: #000}
body#default div.banner1 {background-image: url(/images/banner1.jpg); background-repeat: no-repeat; background-position: center top; background-color: #000}
body#default div.banner2 {background-image: url(/images/banner2.jpg)}
body#default div.banner3 {background-image: url(/images/banner3.jpg)}
body#default div.banner4 {background-image: url(/images/banner4.jpg)}
body#default div.banner5 {background-image: url(/images/banner5.jpg)}
body#default div.banner6 {background-image: url(/images/banner6.jpg)}
body#default div#main-body {background-color: #fff}
body#default div#main-body h2 {text-align: center; margin: 5px; padding: 5px 0; border:0}
body#default div.feature-row {background: url(/images/feature_background.gif) repeat-x top left; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
body#default div.feature{ width: 550px; height: 200px; margin: 0 auto}
body#default div.feature-content {display: none}
body#default #feature1 {background-image: url(/images/feature1.png)}
body#default #feature2 {background-image: url(/images/feature2.png)}
body#default #signup-prompt, body#default #signup-prompt a{ text-align:center; font: bold 150% "Trebuchet MS", Arial, sans-serif; color: #00f; margin-top: 10px}
body#default #signup-prompt a:hover {color: #f00}
body #container, body #main {margin-left: 0}
body #outer_wrapper {width: 770px; min-width:738px; margin: 0 auto; border: 1px solid #ccc; border-top: 0; position: relative}
body #sidebar {display: none}
#main h1 {margin-bottom: 0}
#main #categories p {margin: 10px; color: #776655}
#main #shopnav #basket-header {float:right; width: 160px; height: 25px; border-left: 1px solid #E0DCCD; border-bottom: 1px solid #CBC5AB; background: #E6E3D7 url(/images/shop/basket_header.gif) no-repeat left bottom}
#main #shopnav #basket-header span {display: none}
#main #shopnav #basket-header #basket-indicator {margin:0; padding:0}
#main #shopnav {width: 100%; height: 26px; background-color: white; background: url(/images/shop/bg_shopnav.gif) repeat-x bottom left; margin:0; padding:0}
#main #shopnav ul {list-style: none; padding: 0; margin: 0}
#main #shopnav li {float: left; position: relative; text-align: center; padding: 6px 0; border-left: 1px solid #C7D6BC; border-right: 1px solid #fff; z-index: 100}
#main #shopnav li.last {border-right:0; height: 26px; padding:0}
#main #shopnav ul li a {text-decoration: none; font: bold 90% Tahoma, Verdana; color: #607E35; padding: 0 10px}
#main #shopnav li.admin-nav {background-color: black; background: url(/images/shop/bg_admin_nav.gif) repeat-x top left; border-right: 1px solid #666; border-left: 1px solid #333}
#main #shopnav li.admin-nav a {color: white}
#shop-sidebar {float:right; width: 160px}
#basket {background-color: #E0DCCD; border-left: 1px solid #CBC5AB; border-bottom: 1px solid #CBC5AB; padding: 1px}
#basket #basket-summary {background-color: #765; color: #fff; font-size: x-small; margin-bottom: 1px; text-align:center}
#basket #basket-summary a {color: #fff; text-decoration: none}
#basket .basket-item {background-color: #fff; border: 1px solid #CBC5AB; margin: 2px 0; font-size: x-small}
#basket .basket-item table {width: 100%}
#basket .basket-item td.basket-product-thumb {width: 40px; text-align: center}
#basket .basket-item p {margin:0; padding:0; color: #5E5042}
#basket .basket-item .basket-product-name {font-weight: bold}
#basket .basket-item p.basket-product-info {margin: 3px 0}
#basket .basket-item .basket-product-price {font-weight: bold}
p.basket-text {text-align: center}
#basket-links {text-align: center}
#basket-links a {color: #5E5042}
.basket-product-remove {font-size: xx-small}
.basket-product-remove a {color: red}
#main-shop h2 {color: #765; font: bold 140%/1.7em "Trebuchet MS", Arial, sans-serif; margin: 5px 0; padding: 0 0 0 10px; border-bottom: 1px solid #CBC5AB; border-top: 1px solid #CBC5AB; background: #f7f6f2}
#main-shop h2.category-header {font-size: 120%; color: black; border: 1px solid #CBC5AB; margin: 3px; background: none; padding: 0 5px 0 30px; float: left; width: 362px; background: #FFFFEC url(/images/shop/bg_category_header.gif) no-repeat top left}
#categories {clear:left}
#categories .odd {background: #FFFFEC url(/images/shop/bg_category_odd.gif) repeat-x bottom left}
#categories .even {background: #FAF9F6 url(/images/shop/bg_category_even.gif) repeat-x bottom left}
#categories .category {float: left; width: 190px; height: 170px; border: 1px solid #CBC5AB; margin: 4px}
#categories .category h3 {color: #765; font: bold 130%/1.5em "Trebuchet MS", Arial, sans-serif; text-align: center; margin: 0 10px; padding: 0; border-bottom: 1px solid #CBC5AB}
#categories .category .category-image {text-align: center; height: 90px}
#categories .category .category-image img {padding-top: 5px}
#categories .category p {color: #4D4237; text-align: center; margin:0; padding:0}
#products {clear:left}
#products .product-featured {float:left; width: 390px; height: 200px; margin: 5px}
#products .product-featured .product-image {float:left}
#products .product-featured h3 {font: bold 150%/1.7em "Trebuchet MS", Arial, sans-serif; color: #765}
#products .product-featured .links {font-size: x-small}
#products .odd {background: #FFFFEC url(/images/shop/bg_product_odd.gif) repeat-x bottom left}
#products .even {background: #FAF9F6 url(/images/shop/bg_product_even.gif) repeat-x bottom left}
#products td.product-image {width: 80px}
#products .product {float: left; width: 190px; height: 100px; border: 1px solid #CBC5AB; margin: 4px}
.sort-controls {float: right; width: 190px; height: 16px; background: #fff url(/images/shop/bg_sort_controls.gif) no-repeat left top; padding:0 2px 2px 5px; margin-bottom:5px; margin-right: 3px; text-align: center}
.sort-controls a {text-decoration: none; color: #000; font-weight: bold; padding: 0 10px}
.sort-controls a.desc {background: #fff url(/images/shop/bg_sort_desc.gif) no-repeat right center; text-decoration: underline}
.sort-controls a.asc {background: #fff url(/images/shop/bg_sort_asc.gif) no-repeat right center; text-decoration: underline}
.sort-controls a:hover{ text-decoration: underline}
#products .product table {height: 100px}
#products .product table td {vertical-align: center}
#products .product h3 {color: #765; font: bold 120%/1.3em "Trebuchet MS", Arial, sans-serif; margin: 0; padding: 0}
#products .product p {padding:0; margin: 5px 0; font-weight: bold}
.inactive {opacity: .5; -webkit-opacity:0.5; filter: alpha(opacity=50)}
#product-detail {background: #fff url(/images/shop/bg_product_detail.gif) repeat-x top left; padding: 10px}
#product-detail #product-main {width: 570px; padding: 10px; font-size: 110%; float:left}
#product-detail #product-main .product-image {float:left; margin-right:10px}
#product-detail #product-main #main-image {border: 1px solid #E0DCCD; background-color: white}
#product-detail #product-main #main-image td {width: 200px; height: 200px; vertical-align: center; padding: 0}
#product-detail #product-main #main-caption {background-color: #765; font-size: smaller; color: white; text-align: center}
#product-detail #product-main .product-thumbnails {font-size: smaller; background-color: white; border: 1px solid #e0dccd; margin: 5px 0; padding: 3px; width: 200px}
#product-detail #product-main .product-thumbnails img {border: 1px dotted white}
#product-detail #product-main .product-thumbnails .thumb-selected {border: 1px dotted red}
#product-detail #product-main .product-info {margin-top: 10px}
#product-detail .product-desc {clear:left; border: 1px solid #e0dccd; background:#FFFFFF url(/images/fieldset_background.gif) repeat-y scroll right center; padding: 5px; margin: 10px; width: 570px}
#product-detail .product-desc h4.product-desc-title {color:#776655; font-family:"Trebuchet MS",Arial,sans-serif; font-size:90%; border-bottom: 1px solid #e0dccd; margin: 0; padding:0 0 0 3px}
#product-detail #product-main h3 {font: bold 140%/1.6em "Trebuchet MS", Arial, sans-serif; color: #765; margin:0; padding:0}
#product-detail #product-main #price {font: bold 120%/1.4em "Trebuchet MS", Arial, sans-serif; margin:0; padding:0}
table#view-basket {width: 90%; margin: 10px auto; border-collapse: collapse; text-align: center}
table#view-basket th {border-bottom: 2px solid #CBC5AB}
table#view-basket td {margin: 0; padding: 5px; border-top: 1px solid #CBC5AB; border-bottom: 1px solid #CBC5AB}
table#view-basket tr.odd td {background: #FFFFEC url(/images/shop/bg_product_odd.gif) repeat-x bottom left}
table#view-basket tr.even td {background: #FAF9F6 url(/images/shop/bg_product_even.gif) repeat-x bottom left}
table#view-basket tr.total td {border-top: 2px solid #CBC5AB; font-weight: bold; font-size: 120%}
table#view-basket tr.total td.value {background-color:#E6E1D5; text-align: right}
table#view-basket td.view-basket-item-image {width: 80px}
fieldset {width: auto; margin: 0 10px; border: 1px dashed #ccc}
.image-submit-tag {border: 0; background: none !important; vertical-align: middle}
div.review-box {width: 575px; margin: 10px; padding: 3px 5px 5px 5px; border: 1px solid #CBC5AB}
div.review-box table#review-basket {width: 100%; margin: 10px auto; border-collapse: collapse; text-align: center}
div.review-box td {margin: 0; padding: 5px}
div.review-box table#review-basket td {border-top: 1px solid #CBC5AB; border-bottom: 1px solid #CBC5AB; vertical-align: top}
div.review-box table#review-basket tr.discount td {color: #090}
div.review-box td.label {font-weight: normal; font-style: oblique; text-align: right}
.bold {font-weight: bold}
p.padded {margin-left:10px; margin-right:10px}
#product-detail #product-main .product-info td {vertical-align: top}
#product-detail #product-main .product-info td.image-input {border: 1px solid; background-color: #fafafa !important; border-color: #d5dddd #999 #999 #d5dddd !important; font-size: smaller; padding-top: 5px; padding-bottom: 5px}
#product-detail #product-main .product-info td.image-input div.image-placeholder {text-align:center; width:100px; height:55px; float:left}
#product-detail #product-main .product-info td.image-input div.image-fields {clear:left}