@font-face
{
font-family: "cursivecasual";
src: url("fonts/cursive.ttf");
}

@font-face
{
font-family: "onestroke";
src: url("fonts/onestroke.ttf");
}

@media (orientation: portrait)
{ /* tablet and smaller */
#overlay
	{
	position: absolute;
	z-index: 9999;
	width: 100%;
	height:100%;
	top: 0;
	bottom: 0;
	content: "";
	background: #212121 url(images/turndevice.png) 0 0 no-repeat;
	background-size: 100% auto;
	}
}

body
{
width:790px;
height:480px;
padding:0px;
margin:0px;
overflow:hidden;
font-family:cursivecasual;
font-size:20px;
color:#fff;
background:#212121;
}

#main_div
{
position:absolute;
top:0px;
left:0px;
width:790px;
height:480px;
overflow:hidden;
padding:0;
margin:0;
}

#frontpage_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/frontpage_background.png);
display:none;
}

#info_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/info_background.png);
display:none;
}

#pregame_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/pregame_0_background.png);
display:none;
}

.level_select
{
position:absolute;
width:36px;
height:35px;
border:3px solid rgba(0,0,0,0);
border-radius:30px;
}

#game_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
//background-image:url(images/game_background.png);
display:none;
}

#game_area
{
position:absolute;
top:0px;
left:0px;
width:790px;
height:480px;
background-image:url(images/background_0.png);
}

#game_over_div
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-image:url(images/game_over_background.png);
display:none;
color:#f15a24;
z-index:10;
font-size:40px;
}

.sound_button
{
position:absolute;
bottom:4px;
left:4px;
width:81px;
height:81px;
background-image:url(images/sound_off.png);
cursor:pointer;
opacity:0;
background-size:100% 100%;
}

#menu_popup
{
position:absolute;
top:127px;
left:259px;
width:300px;
height:165px;
background-image:url(images/menu_popup.png);
display:none;
z-index:1000;
}

#improve_popup
{
position:absolute;
top:127px;
left:259px;
width:300px;
height:143px;
background-image:url(images/improve_popup.png);
display:none;
z-index:1000;
}

#timer_div
{
position:absolute;
top:21px;
left:439px;
color:#fff;
font-size:30px;
}

#score_div
{
position:absolute;
top:462px;
left:160px;
color:#fff;
font-size:28px;
}

.button
{
position:absolute;
cursor:pointer;
background-image:url(images/blank.gif);
}

#greyout
{
background-color: #fff;
filter:alpha(opacity=40);
opacity: 0.4;
-moz-opacity:0.4;
z-index: 0;
height: 100%;
width: 100%;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top: 0px;
left: 0px;
display:none;
}

#result_div
{
position:absolute;
top:370px;
left:0px;
width:790px;
text-align:center;
font-size:54px;
color:#0f0;
-webkit-text-stroke:2px #f00;
z-index:100;
display:none;
}

#congrats_div
{
position:absolute;
top:140px;
left:0px;
width:790px;
text-align:center;
font-size:70px;
color:#0f0;
-webkit-text-stroke:2px #f00;
z-index:100;
display:none;
}

.correct
{
color:yellow;
}

.incorrect
{
color:#f00;
-webkit-text-stroke:1px yellow;
}

#game_over_message_div
{
position:absolute;
top:120px;
left:59px;
width:550px;
height:215px;
text-align:center;
}

#game_over_table_div
{
position:absolute;
top:333px;
left:104px;
color:#000;
font-size:20px;
}

#game_over_score_div
{
position:absolute;
top:347px;
left:427px;
width:28px;
text-align:center;
color:#fff;
font-size:20px;
}

.preload
{
width:1px;
height:1px;
opacity:0;
}

#menu_button
{
position:absolute;
top:419px;
left:15px;
font-size:36px;
cursor:pointer;
color:green;
}

#sound_button
{
position:absolute;
top:415px;
left:727px;
width:59px;
height:54px;
background-image:url(images/sound_button.png);
cursor:pointer;
}

#time_div
{
position:absolute;
top:14px;
left:9px;
width:154px;
height:46px;
background:rgba(0,0,0,0.5);
border-radius:4px;
padding:8px 0px 0px 8px;
font-size:30px;
}

#calculator_div
{
position:absolute;
top:264px;
left:300px;
display:none;
}

#calc_table td
{
border:1px solid #fff;
border-radius:3px;
font-size:25px;
width:45px;
height:35px;
text-align:center;
text-shadow:2px 2px #000;
color:#fff;
background:rgba(0,0,0,0.5);
}

#number_input
{
color:yellow;
border:none;
outline:none;
background:rgba(0,0,0,0);
font-family:cursivecasual;
font-size:26px;
text-align:center;
width:180px;
}

.score_box
{
background:green;
border:1px solid yellow;
line-height:6px;
font-size:12px;
text-align:center;
}

#pregame_name
{
color:#fff;
border:none;
outline:none;
background:rgba(0,0,0,0);
font-family:cursivecasual;
font-size:26px;
text-align:center;
position:absolute;
top:108px;
left:256px;
width:286px;
height:44px;
}

#ball_div
{
position:absolute;
top:445px;
left:240px;
width:8px;
height:9px;
background:#fff;
border-radius:8px;
}

#evaluation_button
{
-webkit-text-stroke:1px #000;
}

#next_hole_button
{
-webkit-text-stroke:1px #000;
}