.js {
display:none;
}
.scorerheader {
width: 640px;
margin: 0px auto 2px auto;
height: 64px;
background: url('images/top_panel3.png') top left no-repeat;
position: relative;
}
.scorerheader img {
padding:0px 0px 0px 0px;
float:right;
margin-right:16px;
}
.scorerheader img.new301 {
margin:0px 8px 0px 0px;
}
.dartscorer {
width:640px;
margin:0px auto 0px auto;
position:relative;
}
.calcheader {
width: 314px;
height: 128px;
float: left;
background: url('images/player_panel_bg.png') left top no-repeat;
margin-bottom: 6px;
}
.calcheader#p1 {
margin-right:12px;
}
.playertitle {
position:relative;
}
.playertitle p {
color: white;
font-size: 36px;
padding: 4px 18px 4px 18px;
margin:0px;
cursor:pointer;
}
.playertitle input {
position:absolute;
top:0px;
border: 2px solid #222;
outline:none;
margin:12px 16px 0px 16px;
padding:2px 2px;
font-size:28px;
width:180px;
display:none;
}
.playertitle#pt1 input {
left:0px;
}
.playertitle#pt2 input {
right:0px;
}
p.remaining {
padding: 20px 18px 0px 18px;
margin:0px;
font-size:56px;
color:#fff;
}
.calcheader#p2 .playertitle, .calcheader#p2 p.remaining {
text-align:right;
}
.board {
width:156px;
height:400px;
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: 24px;
padding: 10px;
text-align: center;
margin-top: 12px;
}
ul.scores {
margin:0px;
padding:0px 0px 0px 10px;
}
ul.scores li {
list-style:none;
float:left;
color:#ffffff;
font-size:32px;
}
div.controls {
width:320px;
height:480px;
position:absolute;
bottom:0px;
left:156px;
text-align:center;
}
#score {
width:192px;
height:46px;
outline:none;
border:none;
padding:0px 4px;
background:url('images/input_bg.png');
font-size:44px;
text-align:center;
}
ul.buttons {
width:332px;
height:436px;
padding:4px;
margin:0px;
background:url('images/number_panel2.png') left top no-repeat;
}
ul.buttons li {
list-style:none;
float:left;
width:102px;
height:76px;
margin:2px 4px 6px 2px;
cursor:pointer;
}
#undo, #enterscore {
width:102px;
height:76px;

margin:0px 4px 28px 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:74px;
float:left;
min-height:400px;
margin-top:0px;
}
#scores.scoreboard {
margin:20px 30px 0px 60px;
}
#remaining.scoreboard {
margin:20px 60px 0px 30px;
}
.scoreboard h2 {
font-weight:normal;
font-size:24px;
color:#fff;
}
.scoreboard p {
font-size:24px;
color:#fff;
}
.firstscore {
font-weight:normal;
}
.strike {
text-decoration:line-through;
}
.winner {
color:green;
}
.expander {
clear:both;
}
.scoretext {
font-size: 16px;
font-weight: bold;
color: #333;
margin-right: 6px;
}
.submit {
height:20px;
background:url('images/button_tile.gif') top left repeat-x;
color:#fff;
cursor:pointer;
border:2px solid #FFF;
}
.outsp1, .outsp2 {
display:none;
width: 148px;
position:absolute;
bottom:0px;
left:4px;
background:#fff;
border:2px solid #444;
border-width:2px 2px 0px 2px;
opacity:0.9;
text-align:center;
cursor:pointer;
z-index:6;
}
.outsp1 p, .outsp2 p {
font-size:24px;
padding:4px 0px;
margin:0px;
color:#222;
}
.outsp1 h3, .outsp2 h3 {
padding-top:16px;
}