/*

*/
body {
    font-family: sans-serif;
    color: #000;
    background: #fbfaf9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABzCAYAAABZ/2hDAAAAmElEQVQoz+3IIU5DURRF0X32ff2/oQlp6yDB1CGYAAMgwTCMjhwMDoEr72KYAq5LLlhvHyROIS2hpdN/p1NwitWStGS0OKb0RMYyBVJctovsb6awpLiMjRx2CDsqP5Z93Ee+q4uxDjlskfduuZtIgvlYpn0ilU2Uz/u2nypkdRT9Enn+Cgkl/UrlsYNB+/gGAhJin89c/adf1hUppirdLEYAAAAASUVORK5CYII=) top left repeat-x;
    font-size: 85%;
}
#the {
    display: table;
/*    float: left;*/
	margin-right:auto;
	margin-left:auto;
/*    width: 99%;*/
	vertical-align:top;
	margin-bottom: 15px;
	clear: both;
	background: #fff;
	color: inherit;
	border: 1px solid #eee;
	box-shadow: 0 0 0.5em #999;
	border-radius: 2px;
	padding: 1.556em 2em 2em;	
}
#footer {
	bottom: 0px;
	
}

# pagetitle {
  display: block;
  font-size: large;
  text-align: center;
  width: 100%;
  text-wrap: clip;
}
.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
}
.tooltip:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000000;
    border-width: 9px;
    margin-left: 0px;
}
.tooltipr:after {
	right: 0%;
}
.tooltipl:after {
	left: 0%;
}
.info {
  text-align: center;
  width: 100%;
  text-wrap: clip;

}
.asivu {
/*   width: 50em;*/
	font-size: 1em;
}
.absivu {
   /*width: 115em;*/
}
.abcsivu {
   /*width: 65em;*/
}
.rowele {
    display: table-row;
/*    float: left;
    position: relative;*/
    width: 100%;
}
.odettime {
    margin: auto;
    /* padding-top: 2px; */
    height: 50%;
    display: inline-block;
    text-align: center;
    width: 100%;
}
.odetrank {
    float: left;
    height: 50%;
    margin-left: 2px;
}
.odetfaults {
    float: right;
    height: 50%;
    margin-right: 2px;
    font-size: 80%;
}
.rowele:hover {
	background-color: lightgray;
}
.orank1{
	background-color: #00ffd9;  /*#89ff00;*/
}
.rank1{
	background-color: #89ff00;
}
.orank2{
	background-color: #c4fff6;
}
.rank2{
	background-color: #d0ff99;
}
.orank3{
/*	background-color: #B2FF99;*/
}
.rank3{
/*	background-color: #FFB2B2;*/
}
.ar1, .ora1 {
    font-weight: bold;
}
.table {
	display: table;
}
.headele, .row {
	display: table-row;
}
.classele, .helea, .tele{
	display: table-cell;
}

.hele2 {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    display: table-cell;
}

.hele, .ele, .helea {
    /*display: block;*/
    /*float: left;*/
    /*position: relative;*/
	border: 1px solid black;
	display: table-cell;
	
}
.hele {
    /* padding: 2px; */
    padding-top: 1px;
}
.ele {
	padding-left: 3px;

}
.ele{
	/*height: 2.5em;*/
}
.hele {
    /*height: 3.7em;*/
}
.numele {
    /*width: 2em;*/
}
.snumele {
    width: 1em;
}
.numnum {
   width: 3em;
}
.rhorse {
    font-size: 85%;
}
.namele {
    /*width: 20em;*/
/*	max-width: 15em; */
	white-space: nowrap;
  /* width: calc(100% - 410px); */
	overflow-x: hidden;
	white-space: nowrap;
}

.aele {
    /*width: 3em;*/
	text-align: center;
	/*border-right: 3px solid black;*/
}
.babele {
    /* width: 3em; */
    padding: 1px;
    text-align: center;
}
.oele {
    /*width: 4em;*/
	text-align: center;
}
.orank, .rank {
    background-color: lightgray;
}
.res, .baft {
    border-left: 3px solid black;
}
.aft {
/*    border-left: 2px solid black;*/
	vertical-align: top;
}
.abaft {
/*	width: 4.8em;*/
}
.bbr {
     border-left: 3px solid black;
}
.hasf {
    background-color: lightpink;
}
.classele {
/*    display: block;
    float: left;*/
    font-weight: bold;
    overflow: hidden;
    width: auto;
	position: absolute;
	height: 1.2em;
}
.classrowele {
height: 1.5em;
display: table-row;
}
.classwide {
    width: 110em;
}
.hidden {
	display:none;
}

.windows8 {
position: relative;
width: 90px;
height:90px;
}

.windows8 .wBall {
position: absolute;
width: 86px;
height: 86px;
opacity: 0;
transform: rotate(225deg);
animation: orbit 7.15s infinite;
}

.windows8 .wBall .wInnerBall{
position: absolute;
width: 11px;
height: 11px;
background: #000000;
left:0px;
top:0px;
border-radius: 11px;
}

.windows8 #wBall_1 {
animation-delay: 1.56s;
}

.windows8 #wBall_2 {
animation-delay: 0.31s;
}

.windows8 #wBall_3 {
animation-delay: 0.62s;
}

.windows8 #wBall_4 {
animation-delay: 0.94s;
}

.windows8 #wBall_5 {
animation-delay: 1.25s;
}
.FIN {
    background-image: url(flags/16/FIN.png);
}
.SWE {
    background-image: url(flags/16/SWE.png);
}
.NOR {
    background-image: url(flags/16/NOR.png);
}
.EST {
    background-image: url(flags/16/EST.png);
}
.LAT {
    background-image: url(flags/16/LAT.png);
}
.DEN {
    background-image: url(flags/16/DEN.png);
}
.FIN,.SWE,.NOR,.DEN,.EST,.LAT {
    background-color: white;
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 100%;
}



@keyframes orbit {
0% {
opacity: 1;
z-index:99;
transform: rotate(180deg);
animation-timing-function: ease-out;
}

7% {
opacity: 1;
transform: rotate(300deg);
animation-timing-function: linear;
origin:0%;
}

30% {
opacity: 1;
transform:rotate(410deg);
animation-timing-function: ease-in-out;
origin:7%;
}

39% {
opacity: 1;
transform: rotate(645deg);
animation-timing-function: linear;
origin:30%;
}

70% {
opacity: 1;
transform: rotate(770deg);
animation-timing-function: ease-out;
origin:39%;
}

75% {
opacity: 1;
transform: rotate(900deg);
animation-timing-function: ease-out;
origin:70%;
}

76% {
opacity: 0;
transform:rotate(900deg);
}

100% {
opacity: 0;
transform: rotate(900deg);
}

}

.rwd-line {
    display: inline;
}
@media only screen and (max-width: 1080px) {
	.namele {
		max-width:150px;
	}
	#the {
		width: 99%;
	}
}
/* up to 979px screen width
********************************************************************/
@media only screen and (max-width: 900px) {
	.asivu {
	/*	font-size: 1.4em;*/
	}
	.rwd-line {
	 /*   display: block;*/
	}
	.namele {
		height: 100%;
	}
	#the {
		padding: 0px;
		width: 99%;
	}

}

@media only screen and (max-width: 640px) {
	.namele {
		max-width:30px;
	}

}