/* generic layout for dialogs */

#dialog-container { z-index: 19999; position:absolute; }
#menu-container { z-index: 9999; position:absolute; }
#replay-form { display:none; }
#login-form { display:none; }
#gamesettings-form { display:none; }
#trackerhelper { display:none; }
#grafix-form { display:none; }
#new-form { display:none; }
#reconnect-form { display:none; }
#message-modal { display:none; }
#narrbutton { display:none; }
#teufelbutton { display:none; }

#impressumslink { font-size:100%; color: #999; position: absolute; top: 1px; left: 300px;}
#impressumslink a:link {color: #999; text-decoration:none;}
#impressumslink a:visited {color: #999; text-decoration:none;}
#impressumslink a:hover {color: #333; text-decoration:none;}
#impressumslink a:active {color: #666; text-decoration:none;}

div.login_input_pair label { display:block; }
div.login_input_pair input.text { margin-bottom:12px; width:95%; padding: .4em; }
fieldset.invisible { border:0; }
form { padding:0; border:0; margin: 0; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }
.forgottenTips { border: 1px solid transparent; padding: 0.3em; display: inline-block; }
.warnicon { float:left; }
.warntext { display:list-item;list-style:none; margin-left:24px; }

#sound1 { width: 0px; height: 0px; }
#language { display:none; }

ul.ui-menu li.separator { border-bottom: solid 1px #000; }
ul.ui-menu li { font-size:160%; }
ul.ui-menu li.Xui-menu-item { display: block; }

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.context-menu { background-color: #f2f2f2; border: 1px solid #999; list-style: none; margin: 0; padding: 5px; font-size:180%;}
.context-menu a { display: block; padding: 3px; text-decoration: none; color: #333;}
.context-menu a:hover { background-color: #666; color: white; }
.context-menu li.separator { border-bottom: solid 1px #999; }
.context-menu li.anonymous { display:none }
.context-menu li.authorized { display:none }


#pAlist { list-style: none; background-color: #cccccc; margin: 0; position: absolute; left:100px;top:200px;padding:0; min-height:50px;min-width:50px;}
#pBlist { list-style: none; background-color: #cccccc; margin: 0; position: absolute; left:0;top:100px;padding:0;min-height:50px;min-width:50px;}
#pClist { list-style: none; background-color: #cccccc; margin: 0; position: absolute; left:100px;top:0;padding:0;min-height:50px;min-width:50px;}
#pDlist { list-style: none; background-color: #cccccc; margin: 0; position: absolute; left:200px;top:100px;padding:0;min-height:50px;min-width:50px;}
#pXlist { list-style: none; margin: 0; position: relative; padding:0; min-height:250px;min-width:50px;}

#color-scrollvertical .ui-slider-handle{width:10px;height:10px;margin:0;padding:0;left:0;background:darkgray;border:0 none;display:block;position:absolute;}
#color-scrollvertical .ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

#color-scrollpane { height:250px;width:350px;overflow:hidden;}
#color-scrollwrap {height:250px;background-color:#444444;position:relative;top:0px;left:0px;width:10px;float:left;}
#color-scrollvertical {height:250px;border:0 none;background:#444444;}
#color-scrollcontent {background-color:#888888;position:relative;top:0px;left:0px;width:60px;float:left;}
#listone {height:250px;background-color:#ffffff;position:relative;top:0px;left:0px;float:left;width:250px;}

#dlpartner { font-size: 2em; position: absolute; top:50px;left:25px;width:200px;text-align:center}
#dlgegner { font-size: 2em; position: absolute; top:110px;left:25px;width:200px;text-align:center}
#dlspieler { font-size: 2em; position: absolute; top:170px;left:25px;width:200px;text-align:center}


.sortimg { height: 50px; padding:0; margin:1px; }


.marble { z-index: 200; }

fieldset { border:1px solid #666; margin: 5px 10px; padding: 5px 0; }

legend {
  padding: 0 0.5em;
  color:#333;
  text-align:left;
  font-size: 110%;
  font-weight: bold;
  }

div.label_checkbox_pair input {
	display: block;
	float: left;
	clear: left;
	padding: 0;
	margin: 0 0 0 3px;
}
div.label_checkbox_pair label {
    display: block;
    clear: none;
    margin-left: 20px;
}

div.label_select_pair {
	padding: 3px 0 3px 5px;
	display:inline-block;
}
div.label_select_pair label {
	display:inline-block;
}
div.label_select_pair input {
	width: 20em;
}

div.right_gamesettings { float:right; }
div.left_gamesettings { float:left; }

#changelog-slider ul { list-style: none; padding:0; margin:0; }
#changelog-slider li { position: relative; width: 500px; height: 290px; overflow: hidden; }

/* #statistics .ui-dialog .ui-dialog-content, #statistics .ui-tabs { padding:0; } */
#statistics { padding:0; } 
#statistics-info { border:0; padding:0; } 

div.gamestatsbox {
margin:0 1% 1% 0;
float:left;
clear:none;
width:48%;
height:180px;
}

#gamestats {
	margin-left:auto; 
	margin-right:auto;
	color: #fff;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#gamestats th {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

#gamestats td {
	color: #000;
	padding: 4px;
	text-align: center;
	border: 1px #fff solid;
}
#gamestats tr.row1 {
	background-color: #ddd;
}
#gamestats tr.row0 {
	background-color: #bbb;
}

div.playerstatsbox {
margin:0 1% 1% 0;
float:left;
clear:none;
width:48%;
height:180px;
}

#playerstats, #playerrank, #playerhistgram {
	margin-left:auto; 
	margin-right:auto;
	color: #fff;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 80%;
}

#playerrank th {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

#playerstats th {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
	width: 50%;
}

#playerhistgram th {
	background-color: #666;
	color: #fff;
	padding: 0 4px 0 4px;
	text-align: left;
	border: 1px #fff solid;
	width: 1%;
}

#playerhistgram span {
	padding-left: 2px;
}
#playerstats td {
	color: #000;
	padding: 4px;
	text-align: center;
	border: 1px #fff solid;
	width: 25%;
}

#playerrank td {
	color: #000;
	padding: 4px;
	text-align: center;
	border: 1px #fff solid;
}

#playerhistgram td {
	color: #000;
	padding: 0 4px 0 4px;
	text-align: left;
	border: 1px #fff solid;
}
#playerstats tr.row1, #playerrank tr.row1, #playerhistgram tr.row1 {
	background-color: #ddd;
}
#playerstats tr.row0, #playerrank tr.row0, #playerhistgram tr.row0 {
	background-color: #bbb;
}
#playerstatspoints {
	font-size: 9px;
}


.fp0,.fp1,.fp2,.fp3,.fp4,.fp5,.fp6,.fp7,.fp8,.fp9,.fp10,.fp11,.fp12,.fp13,.fp14,.fp15,.fp16,.fp17,.fp18,.fp19,.fp20,.fp21,.fp22,.fp23,.fp24,.fp25,.fp26,.fp27,.fp28,.fp29,.fp30,.fp31,.fp32,.fp33,.fp34,.fp35,.fp36,.fp37,.fp38,.fp39,.fp40,.fp41,.fp42,.fp43,.fp44,.fp45,.fp46,.fp47,.fp48,.fp49,.fp50,.fp51,.fp52,.fp53,.fp54,.fp55,.fp56,.fp57,.fp58,.fp59,.fp60,.fp61,.fp62,.fp63,.fpB1,.fpB2,.fpB3,.fpB4,.fpG1,.fpG2,.fpG3,.fpG4,.fpR1,.fpR2,.fpR3,.fpR4,.fpS1,.fpS2,.fpS3,.fpS4,.fpsG1,.fpsG2,.fpsG3,.fpsG4,.fpsB1,.fpsB2,.fpsB3,.fpsB4,.fpsR1,.fpsR2,.fpsR3,.fpsR4,.fpsS1,.fpsS2,.fpsS3,.fpsS4,.fpR6,.fpS6,.fpB6,.fpG6,.fpX, .fpY { position:absolute; }


.ui-tooltip-tactip {
	-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);
	box-shadow:4px 4px 5px rgba(0,0,0,0.4);
}

margin:0 1% 1% 0;
float:left;
clear:none;
width:48%;
height:180px;
}

#gamestats {
	margin-left:auto; 
	margin-right:auto;
	color: #fff;
	background-color: #666;
	border: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#gamestats th {
	background-color: #666;
	color: #fff;
	padding: 4px;
	text-align: left;
	border: 1px #fff solid;
}

#gamestats td {
	color: #000;
	padding: 4px;
	text-align: center;
	border: 1px #fff solid;
}
#gamestats tr.row1 {
	background-color: #ddd;
}
#gamestats tr.row0 {
	background-color: #bbb;
}


.fp0,.fp1,.fp2,.fp3,.fp4,.fp5,.fp6,.fp7,.fp8,.fp9,.fp10,.fp11,.fp12,.fp13,.fp14,.fp15,.fp16,.fp17,.fp18,.fp19,.fp20,.fp21,.fp22,.fp23,.fp24,.fp25,.fp26,.fp27,.fp28,.fp29,.fp30,.fp31,.fp32,.fp33,.fp34,.fp35,.fp36,.fp37,.fp38,.fp39,.fp40,.fp41,.fp42,.fp43,.fp44,.fp45,.fp46,.fp47,.fp48,.fp49,.fp50,.fp51,.fp52,.fp53,.fp54,.fp55,.fp56,.fp57,.fp58,.fp59,.fp60,.fp61,.fp62,.fp63,.fpB1,.fpB2,.fpB3,.fpB4,.fpG1,.fpG2,.fpG3,.fpG4,.fpR1,.fpR2,.fpR3,.fpR4,.fpS1,.fpS2,.fpS3,.fpS4,.fpsG1,.fpsG2,.fpsG3,.fpsG4,.fpsB1,.fpsB2,.fpsB3,.fpsB4,.fpsR1,.fpsR2,.fpsR3,.fpsR4,.fpsS1,.fpsS2,.fpsS3,.fpsS4,.fpR6,.fpS6,.fpB6,.fpG6,.fpX, .fpY { position:absolute; }


.ui-tooltip-tactip {
	-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);
	box-shadow:4px 4px 5px rgba(0,0,0,0.4);
}


.fp0,.fp1,.fp2,.fp3,.fp4,.fp5,.fp6,.fp7,.fp8,.fp9,.fp10,.fp11,.fp12,.fp13,.fp14,.fp15,.fp16,.fp17,.fp18,.fp19,.fp20,.fp21,.fp22,.fp23,.fp24,.fp25,.fp26,.fp27,.fp28,.fp29,.fp30,.fp31,.fp32,.fp33,.fp34,.fp35,.fp36,.fp37,.fp38,.fp39,.fp40,.fp41,.fp42,.fp43,.fp44,.fp45,.fp46,.fp47,.fp48,.fp49,.fp50,.fp51,.fp52,.fp53,.fp54,.fp55,.fp56,.fp57,.fp58,.fp59,.fp60,.fp61,.fp62,.fp63,.fpB1,.fpB2,.fpB3,.fpB4,.fpG1,.fpG2,.fpG3,.fpG4,.fpR1,.fpR2,.fpR3,.fpR4,.fpS1,.fpS2,.fpS3,.fpS4,.fpsG1,.fpsG2,.fpsG3,.fpsG4,.fpsB1,.fpsB2,.fpsB3,.fpsB4,.fpsR1,.fpsR2,.fpsR3,.fpsR4,.fpsS1,.fpsS2,.fpsS3,.fpsS4,.fpR6,.fpS6,.fpB6,.fpG6,.fpX, .fpY { position:absolute; }


.qtip-tactip {
	-webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.4);
	-moz-box-shadow:4px 4px 5px rgba(0,0,0,0.4);
	box-shadow:4px 4px 5px rgba(0,0,0,0.4);
}

.qtip-tactip .qtip-titlebar {
	background-color:#b06a23;
	color:#FFFFFF;
	border:0 dashed transparent;
}

.qtip-tactip .qtip-content {
	background-color:#FF9933;
	color:#FFFFFF;
	border:0 dashed transparent;
	padding:6px 10px;
}

.qtip-tactip .qtip-icon {
	border-color:#b36b24;
}

.qtip-tactip .qtip-titlebar .ui-state-hover {
	color:#e0862d;
	border-color:#e0862d;
}
.qtip-rounded,
.qtip-rounded .qtip-content {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

.qtip-rounded .qtip-titlebar {
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
}

.qtip-rounded .qtip-titlebar + .qtip-content {
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
}

html, body {
  overflow: hidden;
}

body { -webkit-overflow-scrolling: touch; }