.js {
display:none;
}
.scorerbanner {
width: 320px;
margin: 0px auto 0px auto;
height: 64px;
background: url('images/Scorer-Banner-320.png') top left no-repeat;
position: relative;
}
.scorerheader {
width: 320px;
margin: 0px auto 1px auto;
height: 32px;
background: url('images/top_panel3.png') top left no-repeat;
position: relative;
}
.scorerheader img {
padding:0px 0px 0px 0px;
float:right;
margin-right:8px;
}
.scorerheader img.new301 {
margin:0px 4px 0px 0px;
}
.dartscorer {
width:320px;
margin:0px auto 0px auto;
position:relative;
}
.calcheader {
width: 157px;
height: 64px;
float: left;
background: url('images/player_panel_bg.png') left top no-repeat;
margin-bottom: 3px;
}
.calcheader#p1 {
margin-right:6px;
}
.playertitle {
position:relative;
}
.playertitle p {
color: white;
font-size: 18px;
padding: 2px 9px 2px 9px;
margin:0px;
cursor:pointer;
}
.playertitle input {
position:absolute;
top:0px;
border:1px solid #222;
outline:none;
margin:6px 8px 0px 8px;
padding:1px 1px;
font-size:14px;
width:90px;
display:none;
}
.playertitle#pt1 input {
left:0px;
}
.playertitle#pt2 input {
right:0px;
}
p.remaining {
padding: 3px 9px 0px 9px;
margin:0px;
font-size:28px;
color:#fff;
}
.calcheader#p2 .playertitle, .calcheader#p2 p.remaining {
text-align:right;
}
.board {
width:78px;
height:200px;
overflow:hidden;
margin:0px 0px 0px 0px;
position:relative;
}
#p1.board {
float:left;
background:url('images/l_panel.png')
}
#p2.board {
float:right;
background:url('images/r_panel.png')
}
.board h2 {
color: black;
font-weight: normal;
font-size: 12px;
padding: 5px;
text-align: center;
margin-top: 6px;
}
ul.scores {
margin:0px;
padding:0px 0px 0px 10px;
}
ul.scores li {
list-style:none;
float:left;
color:#ffffff;
font-size:16px;
}
div.controls {
width:160px;
height:240px;
position:absolute;
bottom:0px;
left:78px;
text-align:center;
}
#score {
width:96px;
height:23px;
outline:none;
border:none;
padding:0px 2px;
background:url('images/input_bg.png');
font-size:22px;
text-align:center;
}
ul.buttons {
width:166px;
height:218px;
padding:2px;
margin:0px;
background:url('images/number_panel_DC.png') left top no-repeat;
}
ul.buttons li {
list-style:none;
float:left;
width:51px;
height:38px;
margin:1px 2px 3px 1px;
cursor:pointer;
}
#undo, #enterscore {
width:51px;
height:38px;

margin:0px 2px 14px 0px;

}
#undo {
background:url('images/undo2.png')
}
#enterscore {
background:url('images/submit2.png')
}
.scoretitle {
padding:0px !important;
margin:0px;
float:right !important;
cursor:pointer;
}
.scoreboard {
width:37px;
float:left;
min-height:200px;
margin-top:0px;
}
#scores.scoreboard {
margin:10px 15px 0px 30px;
}
#remaining.scoreboard {
margin:10px 30px 0px 15px;
}
.scoreboard h2 {
font-weight:normal;
font-size:12px;
color:#fff;
}
.scoreboard p {
font-size:12px;
color:#fff;
}
.firstscore {
font-weight:normal;
}
.strike {
text-decoration:line-through;
}
.winner {
color:green;
}
.expander {
clear:both;
}
.scoretext {
font-size: 8px;
font-weight: bold;
color: #333;
margin-right: 3px;
}
.submit {
height:10px;
background:url('images/button_tile.gif') top left repeat-x;
color:#fff;
cursor:pointer;
border:1px solid #FFF;
}
.outsp1, .outsp2 {
display:none;
width: 74px;
position:absolute;
bottom:0px;
left:2px;
background:#fff;
border:1px solid #444;
border-width:1px 1px 0px 1px;
opacity:0.9;
text-align:center;
cursor:pointer;
z-index:3;
}
.outsp1 p, .outsp2 p {
font-size:12px;
padding:2px 0px;
margin:0px;
color:#222;
}
.outsp1 h3, .outsp2 h3 {
padding-top:8px;
}