/* 
    Document   : dialog
    Created on : 02.08.2013, 18:18:09
    Author     : me-apps
    Description:
        Purpose of the stylesheet follows.
*/

#DialogSpiel-popup {
    width: 90%;
    left: 5%;
}


div.tab4, div.tab5, div.tab6 {
    overflow-y: scroll;
    height: 620px;
}

#DialogSpiel .ui-block-a,
#DialogSpiel .ui-block-c {
    width: 10%;
    margin-top: 15px;
}

#DialogSpiel .ui-block-b,
#DialogSpiel .ui-block-d {
    width: 40%;
}

#DialogSpiel .ui-block-a,
#DialogSpiel .ui-block-b {
    padding: 7px;
}


#SpielerDialog,
#DialogSpielerChange,
#DialogOffiziellerChange,
#DialogProtokollChange,
#DialogSpielerAdd,
#DialogSpielerAddAdditional,
#DialogOffiziellerAdd,
#SetTime {
    background: transparent;
    /*  width: 600px; wird per Javascript auf die Größe von #Popups eingestellt */
}

#SpielerDialog > div:first-child,
#DialogSpielerChange > div:first-child,
#DialogOffiziellerChange > div:first-child,
#DialogProtokollChange > div:first-child,
#DialogSpielerAdd > div:first-child,
#DialogSpielerAddAdditional > div:first-child,
#DialogOffiziellerAdd > div:first-child,
#SetTime > div:first-child {
    width: 100%;
    height: 200px;
}

/* Titelzeile der Popups */
#SpielerDialog p,
#DialogSpielerAdd p,
#DialogSpielerAddAdditional p,
#DialogSpielerChange p,
#DialogOffiziellerAdd p,
#DialogOffiziellerChange p,
#SetTime p,
#DialogProtokollChange p {
    /*float: left;*/
    padding-top: 10px;
    margin: 0px;
    height: 30px;
    width:90%;
    font-size: 20pt;
    text-align: center;
    opacity: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: avoid;
    display: inline-block;
}

#DialogSpielerAdd img,
#DialogSpielerAddAdditional img,
#DialogSpielerChange img,
#DialogOffiziellerChange img,
#DialogOffiziellerAdd img,
#DialogProtokollChange img {
    padding-top: 7px;
}

#DialogSpielerChange > div > div > a {
    width:8%;
    float: right;
}

#SpielerDialog > div > div > div > a,
#DialogProtokollChangeSpieler > div > a {
    display: inline-block;
    background-color: white;
    text-align: center;
    font-size: 24pt;
    width: 60px;
    height: 60px;
    padding-top: 15px;
    margin:10px 20px 5px 20px;
}

#PopupSpieler > div > div {
    width: 126px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}

#SpielerDialog a.ui-disabled {
    color:red;
    background-color: silver;
}

#SpielerDialog a.bluecard {
    color: white;
    background-color: blue;
    opacity: 1.0;
}

/* Titelzeile der Popups */
#SpielerDialog > div:first-child > div:first-child,
#SetTime > div:first-child > div:first-child,
#DialogSpielerChange > div:first-child > div:first-child,
#DialogOffiziellerChange > div:first-child > div:first-child,
#DialogOffiziellerAdd > div:first-child > div:first-child,
#DialogSpielerAdd > div:first-child > div:first-child,
#DialogSpielerAddAdditional > div:first-child > div:first-child,
#DialogProtokollChange > div:first-child > div:first-child {
    width: 100%;
    height: 50px;
    background-color: gold;   
}

/*  Popups Body */
#SpielerDialog > div:first-child > div:nth-child(2),
#SetTime > div:first-child > div:nth-child(2),
/*#DialogSpielerChange > div:first-child > div:nth-child(2),*/
#DialogOffiziellerChange > div:first-child > div:nth-child(2),
#DialogOffiziellerAdd > div:first-child > div:nth-child(2),
#DialogSpielerAdd > div:first-child > div:nth-child(2),
#DialogSpielerAddAdditional > div:first-child > div:nth-child(2),
#DialogProtokollChange > div:first-child > div:nth-child(2) {
    background-color: #ffff33;
    height:410px;
    width: 100%;
    opacity: 0.975;
    overflow: scroll;
}

#DialogSpielerChange > div:first-child > div:nth-child(2) {
    background-color: #ffff33;
    height:410px;
    width: 100%;
    opacity: 0.975;
}

#SpielerDialog > div:first-child > div:nth-child(2) {
    overflow: hidden;
}

/*#PopupSpieler {
    height:490px !important;
}*/

#DialogProtokollChange > div > div > table {
    width: 85%;
    margin: 10px;
    background-color: rgb( 1,62,116);
    color: white;
}
#DialogProtokollChange > div > div > div {
    margin: 10px;
    padding: 0px;
    background-color: transparent;
}


#SpielerDialog > div > div > div > a {
    height: 50px;
}

.PopupSpieler {
    width:136px;
    display: inline-block;
    font-size: 10pt;
    text-align: center;
    opacity: 1;
}

#DialogProtokollChange div.tab-content {
    background-color: transparent;
    margin:  0px;
    padding: 0px;
    clear:   both;
}

#DialogProtokollChangeSpieler  {
    background-color: transparent;
    padding: 0px;
}

#SelectTeam {
	float: left;
	margin-right: 40px;
}

#SelectGoal, #SelectReport {
	float: right;
	margin-right:0px;
}

.PopupTime div:nth-child(2) {
    margin-top: 55px;
    height: 140px;
    display: inline-block;
    min-width: 50%;
}

.PopupTime div:first-child, .PopupTime div:last-child {
    display: inline-block;
    max-height:140px;
    height: 140px;
    display: inline-block;
    min-width: 25%;
}

#DialogOffiziellerAdd table {
    width: 100%;
}

#DialogSpielerAdd table {
    width: 100%;
}

#DialogOffiziellerAdd table td:first-child {
    width: 8%;
}

#DialogSpielerAdd table td:first-child {
    width: 8%;
}

#DialogSpielerAddErrors, #DialogOffiziellerAddErrors, #DialogSpielerChangeErrors, #DialogOffiziellerChangeErrors {
    text-align: center;
    background-color: #ff0000;
    color: #FFffff;
    font-size: larger;
}

#DialogDoppelterSpieler2 {
    background: white;
}

#DialogDoppelterSpieler2 p {
    text-align: center;
    font-size: 14pt;
    color: red;
    background: white;
    width: 90%;
}

#DialogSpielerChange > div:first-child > div:nth-child(2) > div {
    padding-left: 50px;
}

#DialogSpielerChange div.ui-input-text {display:inline-block; width: 3em; }
#DialogSpielerChange > div > a { display: inline-block;}

#DialogOffiziellerChange > div > div > div.ui-input-text {display:inline-block; width: 3em; }

.rowSelected {
    background-color: greenyellow;
}

#neuesSpiel {
    display: inline-block;
    padding-left: 200px;
}

#SetTime > div:first-child > div:nth-child(2) {
    overflow: hidden;
    padding-top: 140px;
    height: 270px;
}

div.time
{
    display: inline-block;
    width:100px;
    vertical-align: middle;
}

div.timecolon {
    display:inline;
    font-size: 22pt;
    width: 20px;
}

div.time > div.ui-input-text
{
    display: inline-block;
}

div.time > div.ui-input-text input
{
    font-size: 32pt;
    text-align: center;
}

div.timedown, div.timeup {
    display: inline-block;
    width: 72px;
    height: 47px;
    font-size: 20pt;
    text-align: center;
    padding-top: 16px;
}

div.timedown {
    background-image:url("../images/back.png");
}

div.timeup {
    background-image:url("../images/forward.png");
}

.ungültigeEingabe {
    background-color: orangered !important;
}

#DialogOffiziellerChange #off2plyr div.ui-input-text {
    display: inline-block;
    width: 4em;
}

.topbar > * {
    /*display: inline;*/
}

.ui-btn-up-blauekarte { 
    background: rgb(50,50,255) ;
    color: #FFFFFF ;
}

.ui-btn-hover-blauekarte {  
    background: rgb(30,30,255) ;
    color: #FFFFFF ;
}

.ui-btn-down-blauekarte {  
    background: rgb(10,10,255) ;
    color: #FFFFFF ;
}

.ui-btn-up-rotekarte { 
    background: rgb(255,50,50) ;
    color: #FFFFFF ;
}

.ui-btn-hover-rotekarte {  
    background: rgb(255,30,30) ;
    color: #FFFFFF ;
}

.ui-btn-down-rotekarte {  
    background: rgb(255,10,10) ;
    color: #FFFFFF ;
}

#DialogTextHead {
	margin-top:10px;
	text-align: center;
}

#DialogTextHead .ui-btn { 
	height: 180px; 
	width: 127px; 
	font-size: 10px; 
	text-align: center;
	vertical-align: middle;
	margin: 20px 40px;
	line-height: 70px;
	padding-top: 0px;
}

#DialogTextHead .ui-btn-inner {
    padding-left: 10px;
    padding-right: 10px;
	vertical-align: middle;
}

#DialogTextHead .ui-btn-text {
	font-size: 32px; 
}

#DialogBerichtLarge {
    width: 800px; min-width: 800px;
    height: 500px; min-height: 500px;
    padding: 5px;
    word-wrap: break-word;
}

#DialogBerichtLarge h3 {
    text-align: center;
    background-color: #e0e0e0;
    height: 40px;
    line-height: 40px;
}