﻿*
{
    cursor: default;
}
body
{
    background: url(../img/bg.jpg) no-repeat scroll 0 0 #141414;
    font-family: Tahoma;
    font-size: 0.2em;
    text-align: center;
    text-transform: uppercase;
    color: transparent;
    font-weight: bold;
    text-shadow: 0 0 1px #BBBBBB, 0 -1px 2px #FFFFFF, 0 -3px 2px #FFFFFF, 0 30px 25px rgba(0, 0, 0, 0.8);
    overflow: hidden;
}
h1
{
    text-align: center;
    letter-spacing: 0.2em;
    margin: 0.2em;
    /* margin-left: 12%; */
}
table
{
    width: 100%;
    border-collapse: collapse;
}
td
{
    border: 1px solid rgba(255, 255, 255, 0.9);
    background-color: rgba(255, 255, 240, 0.01);
    vertical-align: middle;
    text-align: center;
    width: 9%;
    height: 1.5em;
    -webkit-transition-property: text-shadow, background-color;
    -moz-transition-property: text-shadow, background-color;
    -o-transition-property: text-shadow, background-color;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
}
td.dark.bright, .bright td.dark, td.winner
{
    background-color: rgba(255, 255, 240, 0.3);
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
}
.row0 td
{
    border: 0;
}
.col0
{
    border: 0;
}



.button
{
    display: inline-block;
    margin: 0.7em;
    cursor: pointer;
}
.go .dark
{
    text-shadow: 0 0 1px #000000, 0 0 15px rgba(255, 255, 255, 0.1);
}
.dark:hover, td.dark.bright, .bright td.dark, .button:hover, .winner
{
    text-shadow: 0 0 4px #FFFFFF, 0 0 30px #FCFFBB;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
}
.slowtransition
{
    -webkit-transition-property: text-shadow;
    -moz-transition-property: text-shadow;
    -o-transition-property: text-shadow;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
}
.puls
{
    text-shadow: 0 0 1px #BBBBBB, 0 -1px 2px #FFFFFF, 0 -3px 8px #FFFFFF, 0 30px 25px rgba(0, 0, 0, 0.8);
}



td:focus
{
    background-color: #000;
    color: #999;
}


#controlpanel {
    position: absolute;
    right: -1000px;
    top: 0;
    padding: 5px;
}
#controlpanel div {
    display: inline;
}