/* CSS PART STARTS HERE
--------------------*/
/*background / title / footer */
#content
{
margin: 0px;
font-size: 62.5%; /* Resets 1em to 10px */
color: #A0C115;
font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
background-color:#222D2D;
width:320px;
height:260px
}
#title
{
padding:5px;
font-size:1.20em;
border-bottom:solid 1px #BBCCD6;
background-color: #A0C115;
color:#222D2D;
text-align:center;
letter-spacing:2px;
font-weight:bold;
}
#footer
{
border-top:solid 1px #BBCCD6;
text-align:center;
padding:2px;
}
/*table layout*/
#grid_table {
display:block;
}
table
{
padding:0px;
margin:3px;
border-collapse:separate;
border-spacing:2px;
border:0px;
}
/*table cells with 2 x 3 layout*/
.option1 td
{
width:100px;
height:100px;
border:0px;
background-color:#3E4F4F;
padding:1px;
margin:1px;
}
/*table cells with 3 x 4 layout*/
.option2 td
{
width:74px;
height:64px;
border:0px;
background-color:#3E4F4F;
padding:1px;
margin:1px;
}
/*image size with 2 x 3 layout, visible*/
img.option1_visible
{
max-width:98px;
max-height:98px;
display:block;
visibility:visible
}
/*image size with 3 x 4 layout, visible*/
img.option2_visible
{
max-width:74px;
max-height:64px;
display:block;
visibility:visible
}
/*image size with 2 x 3 layout, invisible*/
img.option1_invisible
{
max-width:98px;
max-height:98px;
display:block;
visibility:hidden
}
/*image size with 3 * 4 layout, invisible*/
img.option2_invisible
{
max-width:74px;
max-height:64px;
display:block;
visibility:hidden
}
/*popup section*/
/*show game over screen*/
.gameover_visible
{
visibility:visible;
position:absolute;
height:100%;
width:100%;
margin:0px 0px;
}
/*hide popup*/
.popup_hidden
{
visibility:hidden;
position:absolute
}
/*show intro load screen*/
.popup_intro
{
visibility:visible;
position:absolute;
height:100%;
width:100%;
margin:0px 0px;
}
/*popup text*/
#popuptext
{
font-size:1.36em;
color:#FFFFFF;
width:260px;
margin:22px;
background-color:#000000;
text-align: center;
padding:5px;
border:solid 1px #BBCCD6;
}
#popuptext strong
{
color: #A0C115;
}
a, a:hover, a:visited
{
text-decoration:none;
color:#BBCCD6;
text-weight:normal;
}
a:hover
{
border-bottom: dotted 1px #BBCCD6;
}
/* CSS PART ENDS HERE
--------------------*/
]]>