body {
	font-family:verdana, arial, helvetica;
	font-size:12px;
	line-height:15px;
	
	background-repeat: no-repeat;
	background-position: center top;
}

img { border: none; }

.level {
	position:relative;
	left:16px;
	top:83px;
	width:250px;
}

.control {
	position:absolute;
	
	padding:10px 140px;
	width:552px;
	height:320px;
}

.gamepanel {
	position:absolute;
	left:0px;
	top:0px;
	width:552px;
	height:320px;
}

.button {
	position:absolute;
	width:30px;
	height:20px;
	left: 465px;
	cursor: pointer;
}

.button.btnMusic { top:35px; }
.button.btnSound { top:75px; }
.button.btnNewGame { top:117px; }
.button.btnPause { width:40px; height:40px; left: 460px; top: 210px; }

.musicbox {
	position:absolute;
	left: -80px;
	top: 10px;
	cursor:pointer;
	background-image:url('../img/music.control.png');
	background-position:top left;
	background-repeat: no-repeat;
}

.musicbox img { border: 1px solid rgb(90,90,90); border-top:none; display:block; }

.musicbox a.title img { border-top: 1px solid rgb(90,90,90); border-bottom:none; }

.musicbox .opener {
	margin-left:18px;
	border:none;
}

.speedometer,
.lives {
	position:absolute;
	margin:0px;
	padding:0px;
	top:-15px;
	left:0px;

	white-space: nowrap;
}

.lives {
	margin-top:3px;
}

.totalScreen,
.timeScreen {
	position:absolute;
	top:0px;
	left:-5px;
	border:1px solid rgb(90,90,90);
}

.timeScreen {
	left:241px;
}

.digitaldisplay {
	position:absolute;
	top:-15px;
}

.sound,
.music {
	position:absolute;
	top:-14px;
	left: 124px;
	background-image: url('../img/icons.png');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:5px;
	height:7px;
}

.sound {
	background-position: -5px top;
	top:-9px;
	left: 129px;
}

.digitaldisplay.timer { left:55px; }
.digitaldisplay.levelNr { left:100px; }
.digitaldisplay.score { left:140px; }
.digitaldisplay.highscore { left:200px; }

.digitaldisplay div {
	background-image:url('../img/digit-map.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-right:2px;

	width:8px;
	height:13px;
	
	display:inline-block;
}

.digitaldisplay .digit-off { background-position:0px top; } 
.digitaldisplay .digit-0 { background-position:-8px top; } 
.digitaldisplay .digit-1 { background-position:-16px top; } 
.digitaldisplay .digit-2 { background-position:-24px top; } 
.digitaldisplay .digit-3 { background-position:-32px top; } 
.digitaldisplay .digit-4 { background-position:-40px top; } 
.digitaldisplay .digit-5 { background-position:-48px top; } 
.digitaldisplay .digit-6 { background-position:-56px top; } 
.digitaldisplay .digit-7 { background-position:-64px top; } 
.digitaldisplay .digit-8 { background-position:-72px top; } 
.digitaldisplay .digit-9 { background-position:-80px top; } 

canvas.speedometer {
	margin-top:150px;
}

p.speedometer {
	margin-top:180px;
	width:50px;
	text-align:center;
	font-size:10px;
}

.message {
	position:absolute;
	border: 1px solid black;
	background-color:white;
	opacity:0.9;
	padding:5px 20px;
	text-align:center;

	z-index:10;

	width:170px;
}

.message h3 { margin:0px; font-size:15px; font-family: Arial Black, Arial; }
.message p { margin:0px; margin-top:5px; font-size:9px; }

.powerup,
.enemy {
	width:3px;
	height:3px;
	position:absolute;
	background-color:black;
	margin-left:-1px;
	margin-top:-1px;
}

.player,
.shark {
	width:20px;
	height:20px;
	position:absolute;
	margin-left:-10px;
	margin-top:-10px;
}

.powerup {
	background-repeat: no-repeat;
	background-color:transparent;
	width:10px;
	height:10px;
	margin-left:-5px;
	margin-top:-5px;
}

.powerup.live { background-image: url('../img/powerup.live.png'); }
.powerup.bonus { background-image: url('../img/powerup.bonus.png'); }
.powerup.timeout { background-image: url('../img/powerup.timeout.png'); }

.lives .powerup.live { background-repeat:repeat-x; margin:0px; }

.enemy {
	background-color:rgb(200,0,0);
}

.scoreValue {
	position:absolute;
	border: 1px solid black;
	background-color:gray;
	padding: 2px 5px;
	margin:-2px -5px;
}