body
{
background-color: #D4D0C8;
font-family: "Bitstream Vera Sans Mono" "Courier New" monospace;
color: #606060;
font-size: 12px;
}


div
{
margin: 0px;
padding: 0px;
}

div.jar
{
margin: 96px;
padding: 0px;
}


div.kakalator
{
border: 8px solid #000000;
padding: 32px;
margin: 0px;
background-color: #202020;
color: #6090F0;
width: 320px;
height: 664px;
text-align: center;
}


div.header
{
text-align: left;
height: 24px;
line-height: 24px;
}


div.screen
{
background-color: #90B090;
border-top: 8px solid #305030;
border-left: 8px solid #002000;
border-right: 8px solid #507050;
border-bottom: 8px solid #507050;
height: 112px;
width: 288px;
position: relative;
}


div.buttons
{
clear: both;
white-space: nowrap;
}


form
{
display: inline;
}

  
img
{
border-style: none;
margin: 0px;
padding: 0px;
}


img.button
{
position: fixed;
top: 80px;
}


input
{
font-family: "Bitstream Vera Sans Mono" "Courier New" monospace;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 16px;
margin-bottom: 0px;
font-size: 14px;
text-align: left;
color: #E0E0E0;
display: inline;
}


input.result, input.confirm, input.haiku
{
width: 100%;
border: 0px;
color: #000000;
background-color: #90B090;
text-align: center;
position: absolute;
left: 0px;
}


input.result
{
font-size: 15px;
font-weight: bold;
bottom: 52%;
}


input.confirm
{
font-size: 12px;
top: 52%;
}


input.haiku
{
font-size: 12px;
top: 68%;
}


input.entry
{
width: 236px;
height: 26px;
color: #000000;
font-size: 16px;
background-color: #F0F0C0;
border: 3px solid #B09060;
vertical-align: middle;
}


input.red, input.blue, input.gray, input.green
{
height: 32px;
width: 48px;
}

input.red
{
background-color: #E00000;
border-top: 2px solid #F08080;
border-left:  2px solid #F04040;
border-right:  2px solid #800000;
border-bottom:  2px solid #400000;
}


input.blue
{
background-color: #000020;
border-top: 2px solid #202060;
border-left:  2px solid #101040;
border-right:  2px solid #000000;
border-bottom:  2px solid #000000;
}


input.gray
{
background-color: #707070;
border-top: 2px solid #C0C0C0;
border-left:  2px solid #909090;
border-right:  2px solid #505050;
border-bottom:  2px solid #303030;
}


input.green
{
background-color: #20B020;
border-top: 2px solid #60F060;
border-left:  2px solid #60B060;
border-right:  2px solid #006000;
border-bottom:  2px solid #004000;
vertical-align: middle;
}


p.label
{
float: left;
padding: 0px;
margin: 0px;
width: 64px;
height: 18px;
max-height: 18px;
overflow: hidden;
text-align: left;
}


span.logo
{
font-family: "Courier New" monospace;
color: #D0D0D0;
font-weight: bold;
font-size: 16px;
}


span.super
{
vertical-align: super;
}