/* 
    Document   : main
    Created on : 20.03.2013, 14:14:05
    Author     : me-apps
    Description:
        Purpose of the stylesheet follows.
*/

html {
    /* Text Selektionen verbieten */
    -webkit-user-select: none; 
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
} 


/* fehler in Android siehe: http://blogs.bytecode.com.au/glen/2011/07/14/eliminating-annoying-flicker-transitions-with.html */
.ui-page {
    -webkit-backface-visibility: hidden;
}

#Main {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background-color: #0C54A4;
}

/* #spielwahl, #page, #spielbericht, #einstellungen { */
.ui-page-active, html, body {
    display: block;
    position:absolute;
    width: 1024px !important;
    height: 745px !important;
    min-height: 748px !important;
    max-height: 748px !important;
    margin:0;
    padding:0;
    overflow: hidden;
    background-color: #0C54A4;
}

#Seitennavigation-1, #Seitennavigation-2, #Seitennavigation-3, #Seitennavigation-4 {
    margin:auto;
    width: 380px;
}

.navbutton img {
    display: inline-block;
    height: 40px;
    width:40px;
    padding-left: 20px;
    padding-right:20px;
}
.navbutton-current {
    /* background-color: #ffff33; */
}
.navbutton-spielwahl {}
.navbutton-index {}
.navbutton-spielbericht {}
.navbutton-einstellungen {}

#Connected {
    position: absolute;
    top: 0px;
    left:830px;
    width: 40px;
    height:40px;
    padding-top: 5px;
    font-size: 22pt;
    text-shadow: none;
    text-align: center;
    color: red;
    background-image: url("../images/wifi.png");
    text-decoration: none;
}

#ServerUpload-popup {
    z-index: 2000 !important;
}

/*
#Seitennavigation-1 {
    background-color: lightgreen;
}

#Seitennavigation-3 {
    background-color: forestgreen;
}

#Seitennavigation-4 {
    background-color: orangered;
}
*/
.Screen {
    /* Für moderne Browser */
    min-height:100%;

    /* Für den Internet Explorer 6 */
    height:auto !important;
    height:100%;
    position: relative;
}

.disabled {
    opacity: 0.5;
}

#Mitte {
    float: left;
    width: 70%;
    height: 100%;
}

#Timeouts {
    height:5%;
}

#ToreUndZeit {
    height:16%;
}

#Vereine {
    height: 55px;
}

#Vereine div {
    text-align: center;
    font-size: 20pt;
    font-weight: 400;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} 

#Gast, #Heim {
    float: left;
    height:100%;
    width: 50%;
    font-size: 20pt;
    color: black;
    text-align: center;
    margin-top: 0pt;
}

#Ergebnisse {
    position: absolute;
    top:194px;
    left:416px;
    width:190px;
    height:120px;
    display:none;
}

#Ergebnisse span {
    background-color:  #EB7303;
    font-size: 16pt;
    line-height: 16px;
    text-decoration: none;
}

.Strafen {
    height:75px;
}

.Strafen > a {
    display: inline-block;
}



.GelbeKarte, .RoteKarte, .ZweiMinuten, .SiebenMeter {
    background-repeat: no-repeat;
    background-position:center center;
    margin: 12px 5px;
    padding: 0px 5px;
    width: 50px;
    height: 60px;
}

.GelbeKarte {
    background-image:  url("../images/GelbeKarte.png");
}
.RoteKarte {
    background-image:  url("../images/RoteKarte.png");
}
.ZweiMinuten {
    background-image:  url("../images/ZweiMinuten.png");
}
.SiebenMeter {
    background-image:  url("../images/SiebenMeter.png");
}

#ZweiMinutengast, #ZweiMinutenheim {

    border:none;
    width: 70%;
    min-height: 40%;
    margin-left: 15%;
    font-weight: bold;   
    margin-top: 30px;
}

#ZweiMinutengast table, #ZweiMinutenheim table {
    display: inline-block;
    background-color: whitesmoke;
    width: 120px;
    height:110px;
    max-height:110px;
    table-layout: fixed;
    border-spacing: 6px;
    overflow-y: scroll;
}

#ZweiMinutengast tr, #ZweiMinutenheim tr {
    height:25%;
}

#ZweiMinutengast td, #ZweiMinutenheim td {
    font-size: 18pt;
    text-align: right;
    width: 25px;
}

#ZweiMinutengast td + td, #ZweiMinutenheim td + td {
    width: 70px;
}

#Protokoll {
    margin-bottom: 3%;
    margin-left: 3%;
    margin-right: 3%;

}

#ProtokollTabelle {
    width:670px;
    color: white;
    border-spacing: 0;
}

#ProtokollTabelle > thead {
    display:block;
    height: 40px;
    padding-bottom: 5px;
    padding-left: 15px;
}


#ProtokollTabelle > tbody {
    height: 180px;
    overflow-y: scroll;
    display:block;
    /* background-color:rgb( 1,62,116); Inherit from body! */
    font-weight: lighter;
    padding-left: 15px;
    padding-top: 0px;
}

#ProtokollTabelle tr {
    height:40px;
    width: 100%;
}

#ProtokollTabelle th,
#ProtokollTabelle td
{
    text-align: left;
    width: 80px;
    border-bottom: 1px solid white;
}

#ProtokollTabelle th {
    border-bottom: 2px solid white;
}


#ProtokollTabelle th + th,
#ProtokollTabelle td + td
{
    text-align: center;
    width: 100px;
}

#ProtokollTabelle th + th + th,
#ProtokollTabelle td + td + td
{
    width: 30px;
}

#ProtokollTabelle th + th + th + th,
#ProtokollTabelle td + td + td + td
{
    width: 50px;
}

#ProtokollTabelle th + th + th + th + th,
#ProtokollTabelle td + td + td + td + td
{
    text-align: left;
    width: 250px;
}

#ProtokollTabelle th + th + th + th + th + th,
#ProtokollTabelle td + td + td + td + td + td
{
    width: 100px;
}

#ProtokollTabelle tr.deleted {
    background-color: black !important;
    text-decoration: line-through;
}

#spielwahl h3 {
    display: inline-block;
}

#spielwahl div.ui-input-text {
    display: inline-block;
    width:35%;
}

#SpieleListe {
    height:550px;
    border-spacing: 0;
}

#SpieleListe > thead > tr {
    display:block;
}

#SpieleListe th {
    padding-top:10px;
}

#SpieleListe td {
    height:45px;
}

#SpieleListe > tbody {
    display:block;
    height: 530px;
    overflow-y: scroll;
}

#SpieleListe th,
#SpieleListe td
{
    text-align: center;
    vertical-align: middle;
    width: 0px;
    border-bottom: 1px solid black;
}

#SpieleListe th + th,
#SpieleListe td + td
{
    text-align: center;
    width: 80px;
}

#SpieleListe th + th + th,
#SpieleListe td + td + td
{
    text-align: center;
    width: 120px;
}

#SpieleListe th + th + th + th,
#SpieleListe td + td + td + td
{
    width: 80px;
}

#SpieleListe th + th + th + th + th,
#SpieleListe td + td + td + td + td
{
    text-align: left;
    width: 140px;
}

#SpieleListe th + th + th + th + th + th,
#SpieleListe td + td + td + td + td + td
{
    text-align: left;
    text-overflow: ellipsis;
    width: 500px;
}

#SpieleListe th + th + th + th + th + th + th,
#SpieleListe td + td + td + td + td + td + td
{
    text-align: center;
    width: 48px;
}

#SpieleListe td {
    font-size: 15pt;
}

#SpieleListe th:first-child {
    width: 0px !important;
    /*visibility: hidden;*/
    display: none;
}

#SpieleListe td:first-child {
    width: 0px !important;
    /*visibility: hidden;*/
    display: none;
}

a.dots {
    display: inline-block;
    width:26px;
    height:24px;
}

a.offline span {
    background-color: red;
    text-decoration: line-through;
}

.inlineblock {
    display: inline-block;
}

.hide {
    display: none;
}

.notvisible {
    visibility: hidden;
}

#msg_official {
    padding: 10px;
}

/*#InputOffizieller2SpielerNummer {
    width: 40px;
}*/