.list { background:#ccc; padding:1px; }
.game { padding:5px; border-bottom:1px solid #ccc; background:#fff; }

.game .headline { background:#f5f5f5; }
.game .headline > div { padding:6px 5px; height:30px; }
.game .headline .league { }
.game .headline .league span.s-type { }
.game .headline .league span.s-name { margin:0 0 0 5px; font-weight:bold; }
.game .headline .date { }

.game .gameinfo { margin-top: 3px; }
.game .gameinfo .game-no { }
.game .gameinfo .game-no p.proto_uid { display:inline-block; width:70px; padding:3px; text-align:center; background:#e6e6e6; }
.game .gameinfo .handicap { text-align:center; }
.game .gameinfo .hand-box { display:inline-block; width:70px; padding:3px; text-align:center; }
.game .gameinfo .hand-H { background:#ff7d7d; color:#fff; font-weight:bold; }
.game .gameinfo .hand-U { background:#cc99ff; color:#fff; font-weight:bold; }
.game .gameinfo .hand-N { background:#ffffff; color:#555; border:1px solid #555; padding:2px; font-weight:bold; }
.game .gameinfo .status { text-align:right; }
.game .gameinfo .status .game_state { display:inline-block; width:70px; padding:3px; text-align:center; background:#f2f2f2; }
.game .gameinfo .status .state_ready { background:#9fbf9f; color:#fff; }
.game .gameinfo .status .state_cancel { background:#ff0000; color:#fff; }
.game .gameinfo .status .state_finish { background:#838383; color:#fff; }
.game .gameinfo .status .state_live { background:#009900; color:#fff; }
.game .gameinfo .status .state_play { background:#669966; color:#fff; }

.game .score { margin-top:3px; }
.game .score > ul { display: table; width:100% }
.game .score > ul li { display: table-cell; }
.game .score > ul li p { padding:5px; }
.game .score > ul li p.home { text-align:right; font-weight:bold; font-size:14px; }
.game .score > ul li p.vs { text-align:center; font-weight:bold; font-size:14px; padding:5px 0; }
.game .score > ul li p.away { text-align:left; font-weight:bold; font-size:14px; }

.game .score span.update { position:absolute; }
.game .score span.update button.btn-green { padding:0 5px; background:#00ccff; border:1px solid #00bdec; color:#333; }

.game .odds { margin-top:3px; }
.game .odds > table { }
.game .odds > table tbody tr td { width:20%; text-align:center; }
.game .odds > table tbody tr td.line { border:1px solid #ccc; }
.game .odds > table tbody tr td.marking { background:#cccc99; }
.game .odds > table tbody tr td.live_marking { background:#e3e3c8; }
.game .odds p.empty { text-align:center; padding:10px; font-size:14px; background:#f5f5f5; }

.game .analizer { margin-top:3px; }

td.marking { background:#eaead5; }
span.bet-up:after { content:""; position:absolute; width:7px; height:6px; background:url('/images/basic/icon/ico_up.gif') no-repeat; margin: 5px 0 0 3px; }
span.bet-down:after { content:""; position:absolute; width:7px; height:6px; background:url('/images/basic/icon/ico_down.gif') no-repeat; margin: 5px 0 0 3px; }

td.game_pos { font-weight:bold; }
td.game_win { background:#e6ffe6; }
td.red_mark { background:#ffdfdf; }
tr.home { background:#ccccff; }
tr.away { background:#ffddde; }

.perbox { width:14%; }

p.betsel { border:1px solid #ccc; padding: 3px 1px; font-size:11px; background:#fff; cursor:pointer; }
p.betres { border:1px solid #999; background:#eeffee; }
p.bet-active { border:1px solid #787827; background:#9e9e34; color:#fff;  }

p.scoreboard { font-size:11px; font-weight:bold; padding:2px;  background:#ffcccc; border-radius: 3px; }
p.live { font-size:11px; font-weight:bold; padding:2px;  background:#00cc66; border-radius: 3px; }
p.cancel { font-size:11px; padding:2px; color:#fff; background:#cc6633; border-radius: 3px; }
p.relay { font-size:11px; padding:2px; }

p.relay-result { font-size:11px; padding:0 2px; }
p.relay-result > span.win  { display:block; font-size:11px; padding:2px 0; color:#fff; background:#009966; border-radius: 3px;}
p.relay-result > span.draw { display:block; font-size:11px; padding:2px 0; color:#fff; background:#bfbfbf; border-radius: 3px;}
p.relay-result > span.lose { display:block; font-size:11px; padding:2px 0; color:#fff; background:#9999cc; border-radius: 3px;}


table.pick-table { border-collapse: collapse; width:100%; border-top:2px solid #cecece; }
table.pick-table thead th { border: 1px solid #cecece; background-color:#e4e4e4; text-align:left; color:#333; font-weight:normal; text-align:center; padding:1px; font-size:11px; }
table.pick-table thead td { border: 1px solid #cecece; background-color:#ffffff; font-weight:normal; text-align:center; padding:1px; font-size:11px; }
table.pick-table tbody th { border: 1px solid #cecece; background-color:#f5f5f5; text-align:left; font-weight:normal; text-align:center; padding:1px; font-size:11px; }
table.pick-table tbody td { border: 1px solid #cecece; font-weight:normal; text-align:center; padding:1px; font-size:11px; }

table.pick-table tbody td span.txt-w { color:#3300ff; }
table.pick-table tbody td span.txt-d { color:#999999; }
table.pick-table tbody td span.txt-l { color:#ff0000; }

td.incorrect { background:#c5c5c5; color:#ff0000; }
td.correct { background:#d7e1ff; color:#333; }

table.bet-table td { font-size:11px; padding:2px !important; }
table.bet-table td.tn_home { font-size:11px; }
table.bet-table td.tn_away { font-size:11px; }

.notice { padding:5px 10px; color:#994d00; font-size:12px; background:#e1ffe1; border:1px solid #ececb0; margin-bottom:5px; }