#shell, #shell-outer { width: 428px; height: 393px; }
#game, #game * { margin: 0; padding: 0; font-family: "Comic Sans MS","Marker Felt",Verdana,Arial,sans-serif; cursor:pointer; }
#game,#viewport,#startgame,#crossfade,#playselect,#tryagain,#levels,#helptext,#optionstext,#loading  { background-color:#000; }
#game { color: #777; text-align:left; font-size: 24px; cursor: pointer; }

#startgame, #crossfade, #playselect, #tryagain,#loading { border:1px solid #999; text-align:center; font-weight:bold; }
#startgame { font-size:28px; line-height:30px;  }
#startgame .howgood { font-size:24px; }
#startgame .click { line-height: 80px; #font-size:28px; }

#tryagain, #loading { font-size:28px; line-height:80px; }
#playselect, #tryagain, #loading { color:#4b1; }

#viewportborder { background-color: #777; }
#startgame, #playselect, #tryagain, #optionstext, #helptext, #loading { -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}

#score, #hiscore, #ballcount, #ell, #currentlevel { font:24px Verdana,sans-serif; font-weight:bold;}
#score { color: #d3d; }
#hiscore { color: #dd3; text-align:right; }
#ballcount { color: #3d3; }
#ell { color: #3dd; }
#currentlevel { color: #ccc; }

#help { font-weight:bold; line-height:125%;}
#options { text-align:right;font-weight:bold; line-height:125%; }

#newgame2 { line-height:85px; }
#loadgame2 { line-height:55px; }

#newgame, #savegame, #loadgame  { font-size:20px; text-align:center; line-height:140%;}

#ball, #scoreball { color: #7ff; font:32px Verdana,sans-serif; line-height:22px; font-weight:bold; text-align:center; }

#trophy { color:#5f9; font-size: 32px; font-weight:bold;line-height:28px; text-align:center; }

#trophy1 { background-color: #aa3; }

.buttonDown { color: #fff; }
.buttonUp { color: #3dd; }
.startbuttonUp { color: #4d1; }

.blk { border: 2px solid #396; background-color: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.blk1 { border: 3px solid #fff; background-color: #396; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

.target { font-size:20px; line-height:20px; text-align:center; font-weight:bold; } 
.yellow { color: #aa2; border-color: #ff6} 
.red { color: #a00; border-color: #f44} 
.green { color: #3a3; border-color: #6f6} 
.blue { color: #05d; border-color: #06f} 
.purple { color: #05f; border-color: #93f} 

.ssbg { background-color: #3a6; }
.ssbg1 { background-color: #fff; }

#ssaim0,#ssaim20 { background-color: #063; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.ssaim { background-color: #fe0; }

.explosion { background-color: none; border-width: 4px; border-style: dotted; -webkit-border-radius: 20px; -moz-border-radius: 20px; }
.explosion2 { background-color: none; border-width: 4px; border-style: dotted; -webkit-border-radius: 20px; -moz-border-radius: 20px; }


#helptext, #optionstext { color: #aaa; font-size: 18px; }

#optionstext  { font-size: 16px; color: #4b1; }

#helptext div h1 { color: #4b1; text-align:center; font-size:24px; margin:25px 0 18px 0; }
#helptext div ol { margin:0 0 15px 25px; width:380px; line-height: 180%; }
#helptext div ol li { list-style: decimal inside;}
#helptext div div { color: #999; text-align:right; padding-right:15px; font-size:12px; }
#helptext a { color: #4b1; }
#helptext a:hover { color: #fff; }

#otbtm { background: #333; }
#levelsborder { border-top: 1px solid #666; }
#levels { font-size:18px; line-height:18px; text-align:center; }
.lvlbtn { font-size:36px; line-height:48px; text-align:center; xborder:1px solid red;background-color:#000;}
.openlevelUp { color: #d3d; background:none; }