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

*
{
	margin: 0;
	padding: 0;
}

#container {
	width:646px;
	height:412px;
	position:relative;
	background-color:#003300;
	color:black;
	background-image: url("icons/ui/console.gif");
	background-repeat:no-repeat;
}

#toppanel {
	z-index:0;
	overflow:hidden;
	position:absolute;
	width:625px;
	margin-top:8px;
	margin-left:12px;
	color:white;
}

#game_buttons {
	position:absolute;
	top:270px;
	left:0px;
}

#game_buttons button {
	margin-bottom:8px;
}

#game_info {
	z-index:0;
	visibility:visible;
	color:white;
	position:absolute;
	top:8px;
	left:190px;
}

#game_info .input {
	padding:0;
}

#currentLevel {
	position:absolute;
	top:1px;
	left:33px;
	width:2em;
}

#ballsLeft {
	position:absolute;
	top:1px;
	left:120px;
	width:2em;
}

#score {
	position:absolute;
	top:1px;
	left:208px;
	width:6em;
}

#score, #currentLevel, #ballsLeft {
	color:#ffff99;
	font-weight:bold;
	font-size:130%;
}

#lives {
	z-index:0;
	margin-right:8px;
	float:right;
	padding-top:8px;
}

#lives span {
	margin:0;
}

#lives_icons {
	float:right;
	margin-right:6px;
	margin-top:-2px;
	visibility:visible;
}

#lives_icons img {
	margin-left:4px;
}

#PauseButton {
	width:103px;
	height:28px;
	margin-bottom:10px;
	background: url("icons/ui/pause_button.gif") no-repeat transparent 0 0;
	border:none;
}

#bottompanel .run_down {
	background-position:0 -84px;
}

#bottompanel .run_up {
	background-position:0 -56px;
}

#bottompanel .pause_down {
	background-position:0 -28px;
}

#bottompanel .pause_up {
	background-position:0 0;
}

#bottompanel .disabled {
	background-position:0 -112px;
}

#NewGameButton {
	width:103px;
	height:28px;
	margin-bottom:10px;
	background: url("icons/ui/new_game_button.gif") no-repeat transparent 0 0;
	border:none;
}

#SettingsButton {
	width:103px;
	height:28px;
	margin-bottom:10px;
	background: url("icons/ui/settings_button.gif") no-repeat transparent 0 0;
	border:none;
}

#game_buttons .up {
	background-position:0 0;
}

#game_buttons .down {
	background-position:0 -28px;
}

#game_buttons .disabled {
	background-position:0 -56px;
}

.title {
 	float:left;
	font-style: italic;
	font-weight: bold;
	font-size:20pt;
	color:white;
	background-image: url("icons/ui/logo.gif");
	background-repeat:no-repeat;
	width:115px;
	height:35px;
}

.mainmap {
	z-index:0;
	visibility:visible;
	position:absolute;
	overflow:hidden;
	top:48px;
	left:11px;
	width:502px;
	height:354px; 
	background-color:#FFFFCC;
	background: url(icons/game/sky.gif) #FFFFCC no-repeat;
}

#powerup_announcement {
	color:white;
	font-weight:bold;
	margin-top:4px;
	font-size:180%;
	position:absolute;
	width:502px;
	height:20px;
	top:0;
	left:0;
	text-align:center;
	z-index:200;
}

#grass {
	position:absolute;
	top:0;
	left:0;
	width:502px;
	height:354px;
	background: url(icons/game/grass.gif) transparent no-repeat;
	z-index:2;

}

#bottompanel {
	position:absolute;
	color:white;
	left:528px;
	top:50px;
}

#start_screen {
	position:absolute;
	top:14px;
	left:38px;
	width:424px;
	height:326px;
	background: url(icons/ui/start_screen.gif) transparent no-repeat;
	visibility:hidden;
}

#PlayGame {
	position:absolute;
	top:260px;
	left:132px;
	width:152px;
	height:43px;
	border:none;
	background: url(icons/ui/play_game_button.gif) transparent no-repeat;
}

#ChallengeModeButton {
	position:absolute;
	top:20px;
	left:220px;
	width:180px;
	height:40px;
	border:none;
	background: url(icons/ui/challenge_mode_button.gif) transparent no-repeat;
}

#start_screen .selected {
	background-position:0 0;
}

#start_screen .deselected {
	background-position:0 -40px;
}

#PuzzleModeButton {
	position:absolute;
	top:20px;
	left:25px;
	width:180px;
	height:40px;
	border:none;
	background: url(icons/ui/puzzle_mode_button.gif) transparent no-repeat;
}

#start_screen .up {
	background-position:0 0;
}

#start_screen .down {
	background-position:0 -43px;
}

.sources img {
 	position:absolute;
 	left:4px;
 	top:4px;
 	width:70px;
 	height:350px;
 	z-index:1;
 	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;	 
	z-index:5;
}

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

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

.level_complete {
	position:absolute;
	left:101px;
	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:101px;
	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:101px;
	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:101px;
	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:101px;
	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 {
	position:absolute;
	top:43px;
	left:0px;
	z-index:0;
	width:103px;
	height:224px;
	visibility:visible;
	overflow:hidden;
	background: url("icons/ui/game_info.gif") no-repeat transparent;
}

#helpinfo.catchreds {
	background-position:0 -103px;
}

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

.helpinfo img#arrows {
	padding: 0 0 0 0;
	position:absolute;
	top:30px;
	right:2px;
}

.helpinfo #controlinfo {
	margin-bottom:15px;
}

.helpinfo #scoresinfo {
	margin-bottom:10px;
}

.helpinfo .ballscore {
	margin-bottom:8px;
}

.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;
	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:125px; 
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_mode_label {
	position:absolute;
	top:20px;
	left:32px;
}

#game_mode {
	position:absolute;
	top:20px;
	left:180px;
}

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

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

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

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

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

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

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

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

.debug2 {
	z-index:0;
	visibility:hidden;
	position:absolute;
	overflow:hidden;
	top:110px;
	left:650px;
	width:100px;
	height:100px;  
	background-color:rgb(220,220,220);
}