/* 
    Document   : main
    Created on : 01.11.2011, 12:56:06
    Author     : denis
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*
@import url(http://fonts.googleapis.com/css?family=Rosario);
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis);
@import url(http://fonts.googleapis.com/css?family=Contrail+One);
*/
body {
    color: #545454;
    background-color: #F1F1F1;
    font-family: 'Droid Sans Mono',"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
    /*font-family: 'Rosario', sans-serif;/*font-family: "Rosario";*/
    font-size: 13px;
    margin:0;

    /*background-image: url("images/stripe_86319ca29d5b662a6e2196095d1facce.png");*/
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
    font-family: 'Contrail One', sans-serif;
}
#container {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0;
    margin: 0 auto 15px;
    width: 940px;
}
#main {    
    clear: both;
    overflow: scroll;
    padding: 0 0 10px 0;
}
#content {
    padding:18px;
}

#footer {
    border-top: 1px solid #ddd;
    background-color: #f7f7f7;
    margin: 0;
    padding:8px;
    text-align: right;

}
#site-title {
    float: left;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    padding:10px;
    width: 450px;
}
#site-title a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.float_right {
    clear: right;
    float: right;
    text-align: right;
    margin: 8px 1px 2px;
}
#site-description {
    margin: 19px 10px;
    font-style: italic;
    width: 450px;
}
#flash {
    position:fixed;
    bottom:0px;
    z-index: 100;
    width: 98%;
    margin: 0 auto;
    opacity: 0;
}
#flash .message {
    margin: 0;
    width: inherit;
}
div.flash_box {
    text-align: center;
    line-height: 22px;
    -moz-border-radius-topleft: 16px;
    border-top-left-radius: 16px;
    -moz-border-radius-topright: 16px;
    border-top-right-radius: 16px;
    color: black;
    font-size: 1.2em;
    margin: 0;
    padding: 20px;

}
div.flash_error {
    border-top: 1px solid lightcoral;
    border-left: 1px solid lightcoral;
    border-right: 1px solid lightcoral;
    /*background-image: url("images/stripe_fine_red.png");*/
    background-color: lightpink;
}
div.flash_warning {
    border-top: 1px solid lightsalmon;
    border-left: 1px solid lightsalmon;
    border-right: 1px solid lightsalmon;
    /*background-image: url("images/stripe_fine_orange.png");*/
    background-color: lightsalmon;
}
div.flash_info {
    border-top: 1px solid lightblue;
    border-left: 1px solid lightblue;
    border-right: 1px solid lightblue;
    background-color: lightblue;
    /*background-image: url("images/stripe_fine_blue.png"); */   
}
div.flash_success {
    border-top: 1px solid lightgreen;
    border-left: 1px solid lightgreen;
    border-right: 1px solid lightgreen;
    background-color: lightgreen;
    /*background-image: url("images/stripe_fine_green.png");  */  

}
#loader {
    z-index: 10;
    position: relative;
    left: 400px;
    top: 40px;
    display: none;
}

.message {
    margin-left: 10px;
    margin-top: 20px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.message .gameinfo {
    font-style: italic;
    color:#9f9f9f;
    padding-bottom: 5px;
}
.messageHeader {
    margin-bottom: 5px;
    font-style: italic;
    font-size: 0.8em;
}
.messageHeader span {
    font-style: normal;
    font-weight: bolder;
    font-size: 1.2em;
}
.messageBody {
    padding: 12px;
    border: 1px solid lightgreen;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #F0FFF3;
}

.messageFooter {
    position: relative;
    bottom:-10px;
    right:-5px;        
    text-align: right;
    color: #999;
    font-size: 0.8em;

}
.messageButtonBox {
    position: relative;
    float: right;
    top:-10px;
    right:-5px;
    text-align: right;
    color: #999;
    font-size: 0.8em;
    z-index: 100;
}

#newsBox {
    float: right;
    margin: 10px 20px 10px 20px;
    width: 340px;
}

/*
    Forms
*/
label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
    margin-top: 10px;
}
input[type=password], input[type=text], textarea {
    clear: both;
    font-size: 140%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 1%;
    width: 95%;
}
input[type=text] {
}
input[type=checkbox] {
    float:left; vertical-align: middle;margin-right:9px;
}
button, input[type=submit], input[type=button], input[type=reset] {
    margin-top: 10px;
    background-color: buttonface;
}
fieldset {
    float:left;
    margin: 10px;
    padding: 30px;
    width:368px;
}
legend {
    font-size: 140%;
}

/* Form errors */
form .error {
    background: #FFDACC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
form .error-message {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
form .error,
form .error-message {
    color: #9E2424;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}


table.tabelle {
    width:inherit;
    margin: 0 auto;
}
table.tabelle th {
    border-bottom: 2px solid grey;
}
table.tabelle tr:nth-child(even) {
    background: #efefef;
}
table.tabelle td {
    line-height: 32px;
    white-space: nowrap; 
}

table.tabelle tfoot td {
    margin-top: 1em;
    border-top:1px dashed #777;
    background-color: #F1F1F1;
}

table.tabelle td.small, table.tabelle th.small{
    text-align: center;
    width: 30px;
}
table.tabelle td, table.tabelle th{
    text-align: left;
    width: 200px;
}
table.spieltag_tabelle {
    width:700px;
    margin:10px auto;
}


tbody.tabelle1 td {
    color:#777;
}
#tabelle {
    margin-bottom: 30px;
}
div.floatBlocker {
    clear: both;
    height:20px;
}

fieldset.box {
    display:inline-block;
    border: 1px dashed lightgreen;
    padding: 12px;
    margin: 0 20px;
    vertical-align: top;
}
fieldset.box div.scrollbox {    
    overflow : auto; 
    height:170px;
    margin:0;
}

fieldset.box label{
    font-style: italic;
    color: #999;
}
fieldset.box div{
    margin-bottom: 10px;
    font-size: 1.2em;
}

table.statistics td {
    padding-right: 1em;
}


.result table {
    width: 100%;
}
.result table td {
    text-align: center;
    padding:0 20px;
    border: 0;
    vertical-align: middle;
}
.result table tr {
    background-color: transparent;    
}
.result table tr.b{
    font-size: 1.5em;
    color: #333;
}
.result table tr.b td {
    padding-top: 15px;
}

.result {
    width: 800px;
    margin: 30px auto;
    text-align: center;
    font-family: sans-serif;
    padding: 12px;
    border: 1px solid #ddd;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #f7f7f7;
}

.result select {
    font-size: 80%;
    vertical-align: middle;
}

.light {    
    font-weight: lighter;
    font-size: 2em;
}
.result label {
    display: inline-block;
    font-size: 14px;
}

.result input {
    font-size: 14px;
    display: inline-block;
    font-size: 14px;
    width: 100px;
}
.result td.right, .result td.right input {
    text-align: right;
}

.result_input input[type=number]{
    width: 40px;
}
.lightest {    
    font-weight: lighter;
    font-size: 14px;
    vertical-align: middle;
}


/** Notices and Errors **/
.message {
    clear: both;
    color: #fff;
    font-size: 140%;
    font-weight: bold;
    margin: 0 0 1em 0;
    padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
    background: #ffcc00;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
    background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
    background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
    background-image: linear-gradient(top, #ffcc00, #E6B800);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 18px;
    padding: 7px 14px;
    color: #404040;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
    clear: both;
    color: #fff;
    background: #c43c35;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
    background-image: linear-gradient(top, #ee5f5b, #c43c35);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#adminMode {
    position: fixed;
    bottom:0;
    right:0;
    width:400px;
    font-size: 18px;
    opacity: 0.9;
    padding:5px;
    text-align: center;
    background-color: #ee5f5b;
    color: #9E2424;
    border-top: 1px solid #9E2424;
    border-left: 1px solid #9E2424;
}

/** Paging **/
.paging {
    background:#fff;
    color: #ccc;
    margin-top: 1em;
    clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
    text-decoration: none;
    padding: 5px 8px;
    display: inline-block
}
.paging > span {
    display: inline-block;
    border: 1px solid #ccc;
    border-left: 0;
}
.paging > span:hover {
    background: #efefef;
}
.paging .prev {
    border-left: 1px solid #ccc;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.paging .next {
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.paging .disabled {
    color: #ddd;
}
.paging .disabled:hover {
    background: transparent;
}
.paging .current {
    background: #efefef;
    color: #c73e14;
}



/* TICKER */

.ticker {
    border-bottom: 1px solid #999;
    background: #f0f0f0; 
    width: 100%; 
    height: 27px;
    padding:0;
    cursor: move;
    line-height: 27px;
}

span.tickerblock a {
    line-height: 27px;
    white-space: nowrap;
    padding: 0;
    color: #ff0000;
    margin: 0 30px 0 0;
} 
span.tickerblock {
    font: bold 10px Verdana;
    padding: 0 50px 0 50px;
    border-right:1px solid #555;
}
span.tickerblock:last-child {
    border:0;
}
span.tickerblock strong {
    font-size: 14px;
}

/* Termine */
table.termine {
    width:500px;margin:10px auto
}
table.termine td.abstand {
    padding-bottom: 30px;
}

.subtitle {
    padding:8px;
}

.anmerkung {
    font-style: italic;color:#888
}

.newsReport {
    padding:2em;
    margin: 3em auto;
    /*
    -moz-border-radius: 15px;
    border-radius: 15px;
    */
    border:1px solid #ccc;
    background-color: #f1f1f1;
    text-align: center;
}
.newsReportHeader {
    font-weight: bold;
}
.newsSpielbericht {
    background-color:#fefefe;
    border:1px solid #bbb;
    /*
    -moz-border-radius: 15px;
    border-radius: 15px;
    */
    padding:2em;
}