/*
- ranking.css
*/

#header {
	background-color:  #454545;
	box-shadow:         0px 1px 30px 0px rgba(121, 123, 52, 0.56);
	-webkit-box-shadow: 0px 1px 30px 0px rgba(121, 123, 52, 0.56);
	-moz-box-shadow:    0px 1px 30px 0px rgba(121, 123, 52, 0.56);

/* debug:  outline:1px solid cyan;   */
}


#navcontainer ul li a
{
color: #ddd;
background-color: #454545;
}
#navcontainer ul li a:hover
{
color: #eee;
background-color: #454545;
}


#content {
	margin-top:77px;
	margin-left:10px;
}



.container {
	width:95%;
	margin-right: 10px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px;
}

.container-rounded {
	border-radius: 16px;
	
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
	
	border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
	
	border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
}

.container-shadow {
	box-shadow:         0px 3px 22px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 3px 22px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 3px 22px 0px rgba(0, 0, 0, 0.5);
}


table.ranking {
	background-color: #FFE4C4;
}
table.ranking th{
	background-color: #D2B48C;
}
table.ranking td{
	background-color: #DEB887;
	color: #000;
}
table.ranking th.gesammt{
	color: #000;
}


tr.active {
	outline: 2px dotted #8B4513;
}
tr.active td{
	background-color: #D2B48C;
	box-shadow:         0px 4px 12px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 4px 12px 0px rgba(0, 0, 0, 0.5);
}


.medals {
text-align:left;
padding-left:7px;
width:60px;
}

.tendenz {
text-align:center;
padding-left:7px;
}

.playerinfo {
	position: absolute;
	left: 620px;
	top: 295px;
    
}



table#player1 {
	width:600px !important;
	margin: auto !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
}

table#player2 {
	width: 99% !important; 
	margin: 5px!important;
}


td.gesammt, th.gesammt {
	font-size: 120%;
}
td.gesammt{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	
}

span.serdat {
	font-size:95%; 
	padding-right: 5px; 
	padding-left: 3px;
	padding-top: 2px; 
	padding-bottom: 2px; 
	border-radius: 3px;
	
	color:#ddd; 
	background-color:#454545; 
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}


span.serdat:hover {
	color:#eee; 
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

span.active {
	background-image: linear-gradient(#FCFEE0 13%, #BCDA76 90%);
	background-image: -webkit-linear-gradient(#FCFEE0 13%, #BCDA76 90%); 
	background-image: -moz-linear-gradient(#FCFEE0 13%, #BCDA76 90%); 
	color: #454545;
	opacity: 1;
	filter: alpha(opacity=100);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

span.active:hover {
	color: #454545;
	text-decoration:none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	transition: 		opacity 0.35s linear;
	-webkit-transition: opacity 0.35s linear;
}

a.serdat:hover {
	text-decoration:none;
}