body {
	background-color:#DD9E80;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:10pt;
}

.console {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:600px;
	height:32px; 
	background-image: url("icons/ui/console_background.gif");
}

.leftheader {
 	position:absolute;
	width:auto;
}

.rightheader {
 	position:relative;
	margin-top:4px;
	margin-right:4px;
	width:auto;
	float: right;
}

#PauseButton {
	width:100px;
	visibility:hidden;
}


.logo {
 	position:absolute;
 	left:50%;
 	top:0px;
 	width:40px;
 	height:32px;
}

.title {
 	position:absolute;
 	left:46px;
 	top:0px;
 	width:170px;
 	height:32px;
	font-style: italic;
	font-weight: bold;
	font-size:20pt;
	color:rgb(255,255,255);
}

.mainmap {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:32px;
	left:120px;
	width:368px;
	height:380px; 
	background-color:#FFFFCC;
	background: url(icons/game/map_level_01.gif) #FFFFCC no-repeat;
}

#PlayGame {
	text-align: center;
	padding:1em;
	margin:0;
	font-size:16pt;
	font-weight:bold;
	width: 100%;
	visibility:hidden;
}

.play_game {
	margin-top:130px;
	padding:0;
	width: 16em;
	margin-left: auto;
	margin-right: auto;
}

.sources img {
 	position:absolute;
 	left:4px;
 	top:4px;
 	width:16px;
 	height:16px;
 	z-index:100;
 	visibility:hidden;	
}

.bucket p {
 	position:absolute;
 	left:168px;
 	top:390px;
 	width:32px;
 	height:32px;
 	z-index:60;
 	padding:0;
 	margin:0;
 	background: url("icons/game/bucket.gif") no-repeat;
}

.ball img {
	position:absolute;
	left:0px;
	top:0px;
	width:16px;
	height:16px;
	visibility:hidden;	
}

.score p {
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
	font-weight:bold;
	color:#660066;
	z-index:100;
	visibility:hidden;	
}

.powerup img {
	position:absolute;
	left:0px;
	top:0px;
	width:64px;
	height:32px;
	visibility:hidden;
	z-index:50;
}

.level_complete {
	position:absolute;
	left:30px;
	top:40px;
	width:300px;
	height:250px;
	color:#660066;
	background-color:#E39DDE;
	border: 2px solid #660066;
	visibility:hidden;
	z-index:100;
}

.level_complete h1 {
	text-align:center;
	margin-top:10px;
}

.level_complete .hint {
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	margin:5px;
}

.level_complete .countdown {
	font-size:24pt;
	font-weight:bold;
	text-align:center;
	margin-top:0;
}


.level_fail {
	position:absolute;
	left:30px;
	top:40px;
	width:300px;
	height:250px;
	color:#660066;
	background-color:#E39DDE;
	border: 2px solid #660066;
	visibility:hidden;
	z-index:100;
}

.level_fail h1 {
	text-align:center;
	margin-top:10px;
}

.level_fail .hint {
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	margin:5px;
}

.level_fail .countdown {
	font-size:24pt;
	font-weight:bold;
	text-align:center;
	margin-top:0;
}



.new_level {
	position:absolute;
	left:30px;
	top:40px;
	width:300px;
	height:250px;
	color:#660066;
	background-color:#E39DDE;
	border: 2px solid #660066;
	visibility:hidden;
	z-index:100;	
}

.new_level h1 {
	text-align:center;
	margin-top:10px;
}

.new_level .hint {
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	margin:5px;
}

.new_level .countdown {
	font-size:24pt;
	font-weight:bold;
	text-align:center;
	margin-top:0;
}

.game_win {
	position:absolute;
	left:30px;
	top:40px;
	width:300px;
	height:250px;
	color:#660066;
	background-color:#E39DDE;
	border: 2px solid #660066;
	visibility:hidden;
	z-index:100;		
}

.game_win h1 {
	text-align:center;
	margin-top:10px;
}

.game_win .hint {
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	margin:5px;
}

.game_win .countdown {
	font-size:24pt;
	font-weight:bold;
	text-align:center;
	margin-top:0;
}

.game_lose {
	position:absolute;
	left:30px;
	top:40px;
	width:300px;
	height:250px;
	color:#660066;
	background-color:#E39DDE;
	border: 2px solid #660066;
	visibility:hidden;
	z-index:100;
}

.game_lose h1 {
	text-align:center;
	margin-top:10px;
}

.game_lose .hint {
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}

.game_lose .countdown {
	font-size:24pt;
	font-weight:bold;
	text-align:center;
	margin-top:0;
}

.play_again p {
	font-weight:bold;
	text-align:center;
}

.play_again .button {
	margin: 0 4px 0 4px;
	padding: 0 4px 0 4px;
}

.helpinfo {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:40px;
	left:8px;
	width:94px;
	height:150px;
	background-color:white;
	padding:4px;
}

.lives {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:220px;
	left:8px;
	width:94px;
	height:50px;
	background-color:white;
	padding:4px;
}

.lives p {
	margin:0;
	padding:2px;
}

.lives img {
	margin-left:10px;
	margin-top:6px;
	visibility:visible;
}

.helpinfo img {
	padding: 0 8px 0 0;
}

.gameinfo {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:40px;
	left:494px;
	width:94px;
	height:150px;
	background-color:white;
	padding:4px;
}

.dialog {
	z-index:1000;
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	top:108px;
	left:18px;
	width:384px;
	height:320px; 
	background-color:#E39DDE;
	border: 2px solid #660066;
}

.dialog_title_384 {
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	top:0px;
	left:0px;
	width:384px;
	height:24px;
	font-weight: bold;
	font-size:10pt;
	color:rgb(255,255,255);
	background-image: url(icons/ui/dialog_title_384.gif);
	background-repeat: repeat-y;
	border-bottom: 1px solid #660066;
}

.dialog_pane_01 {
	z-index:1000; visibility:hidden; position:absolute; overflow:hidden; top:50px; left:10px; width:360px; height:90px; 
font-family: Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size:10pt; background-color:#F7DFF4;
border:1px solid #CE55C5;
}

.dragme{position:absolute;}

#dialog_title_icon {
	position:absolute;
	top:2px;
	left:2px;
}

#dialog_title_text {
	position:absolute;
	top:4px;
	left:24px;
}

#dialog_section_1 {
	position:absolute;
	top:30px;
	left:12px;
}

#dialog_start_label {
	position:absolute;
	top:20px;
	left:32px;
}

#number_of_balls {
	position:absolute;
	top:20px;
	left:240px;
}

#set_seed {
	position:absolute;
	top:52px;
	left:30px;
}

#set_seed_label {
	position:absolute;
	top:54px;
	left:56px;
}

#seed_text {
	position:absolute;
	top:54px;
	left:200px;
}

#seed {
	position:absolute;
	top:53px;
	left:240px;
}

#buttons {
	position:absolute;
	top:290px;
	left:140px;
}

.debug1 {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:414px;
	left:0px;
	width:250px;
	height:30px; 
	background-color:rgb(220,220,220);
}

.debug2 {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:414px;
	left:340px;
	width:250px;
	height:30px; 
	background-color:rgb(220,220,220);
}