@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);

/* Getting the new tags to behave */
/*article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, sponsors {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}*/

#abscContent { 	 
	font-family: Arial, Helvetica, sans-serif ;
	font-size:12px; 
	line-height:19px;
	position:relative;
	min-height:300px;
}

.knockout{border-collapse:collapse;text-align: center; min-width:100px; margin:0 auto;}
.knockout .round{min-width: 100px; vertical-align: top; padding:0px; margin: 0px -1px; display:inline-block !important}
.knockout .round .title{text-align: center; color:#FFFFFF; background-color:#00327d; position:sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0}
.knockout .round .match{background-color: #eaeaea; border: 1px solid;float:left;width:100%}
.knockout .round .match .playerrow{overflow:visible;}
.knockout .round .match .player{float:left; text-align:left; padding:0 2px}
.knockout .round .match .score{background-color: #dadada; float:right; min-width:20px}
.knockout .round .spacer{height:10px;clear:left;display:block;overflow:hidden}
.prevRd {float: left;}
.nextRd {float: right;}
.reallyHide {display: none !important;}

.groupHeader{font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#000; line-height: 17px; font-weight: bold;}

.ranking{font-size:11px; white-space:nowrap}
.ranking td{padding:0em 0em !important}
.ranking th{ font-size:12px; white-space:normal; vertical-align:middle; padding:0em 0em !important; width:50px; position:sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 0}
.rankingPrev{font-size:9px}
.latestComp{border-right:1px solid #BB0000 !important; }
.fixed{height:300px}

table.fr{color : #000000; font-family: "Arial", serif;font-size: 11px; padding:5px; background-color:#CCCCFF; border: 1px solid #333399 }

.fr tr:nth-child(even) td:nth-child(odd), .fr tr:nth-child(odd) td:nth-child(even) {
	background-color: #d4d4ff;
}
.fr tr:not(:last-child) {
	border-bottom: 1px solid #bbbbff;
}

#headlines {
	flex-direction: row;
	align-items: stretch;
}

#headlines div {
	display: flex;
}

#headlines div a {
	display: flex;
	align-items: center;
}

#sponsors {
	margin: 20px auto;
	padding: 5px;
	background-color: #CCCCCC;
	border-radius: 11px;
}

#sponsors div {
	text-align: center;
}

#sponsors img {
	border: 1px solid #888888;
}


/*****************************Gridview*************************************/
table.Gridview{border:solid 1px #113650; border-collapse:collapse; width:auto}
tr.Gridview{color: Black; background-color: white; text-align:left}
tr.GridviewHighlight{color: Black; background-color: #ff0000; text-align:left}
tr.GridviewAlt{color: Black; background-color: #eaeaea; text-align:left}
.Gridview th{color:#FFFFFF;border-right-color:#abb079;border-bottom-color:#abb079;
    padding:0.5em 0.5em 0.5em 0.5em;text-align:center; background-color:#00327d; font-size:larger}
.Gridview td{border-bottom-color:#f0f2da;border-right-color:#f0f2da; vertical-align: top;
    padding:0.5em 0.5em 0.5em 0.5em;}
.GridviewAlt td{border-bottom-color:#f0f2da;border-right-color:#f0f2da; vertical-align: top;
    padding:0.5em 0.5em 0.5em 0.5em;}
.GridviewHighlight td{border-bottom-color:#f0f2da;border-right-color:#f0f2da; vertical-align: top;
    padding:0.5em 0.5em 0.5em 0.5em;}

.GridviewTable{border:none;}
.GridviewTable td{margin-top:0;padding: 0; vertical-align:middle }
.GridviewTable tr{color: White; background-color: #00327d; height: 30px; text-align:center}

tr.NoPadV,th.NoPadV,td.NoPadV{padding-top:0em !important; padding-bottom:0em !important; vertical-align:middle}

input,textarea,select{font-size: 12px;color:#2e2e2e;  display: inline-block;background:#f4f4f4;
 padding:4px; font-family: Arial, Helvetica, sans-serif; border:solid 1px #6e6e6e;border-radius:5px}
checkbox{border:0}

.table-responsive{border: none !important;}

.txt_uppercase{text-transform:uppercase;}
.txt_al{text-align:center;}
.bold{font-weight:bold;}
.txt_norm{ text-transform:none !important;}
.txt-al-r{text-align:right;}
.txt-al-l{text-align:left;}
.font-17{font-size:17px;line-height:25px;}
.font-13{font-size:13px;line-height:19px;}
.font-14{font-size:15px;line-height:18px;color:#0e0e0e;}
.font-16{font-size:16px;color:#0d0d0d;line-height:20px;}

/*****************************Ranking tabs*************************************/

.rankingTabs ul.nav {list-style-image:none; display:inline-block;padding-bottom:1px; overflow:hidden;}

.rankingTabs ul.nav li {font-size:12px; line-height:17px;background:#d0d0d0;
font-family: Arial, Helvetica, sans-serif;display: inline-block;width:76px;float:left;
border-radius:3px;font-weight:bold; margin:3px}

#tab-3{width:101px;margin-right:3px;}

.rankingTabs ul.nav li a {color:#686867;display:block;padding:5px 0 4px 0;text-align:center;}

.rankingTabs ul.nav li.selected, .rankingTabs ul.nav li:hover {
background: #113650; /* Old browsers */
background: -moz-linear-gradient(top,  #113650 0%, #1276a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113650), color-stop(100%,#1276a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #113650 0%,#1276a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #113650 0%,#1276a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #113650 0%,#1276a0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #113650 0%,#1276a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#113650', endColorstr='#1276a0',GradientType=0 ); /* IE6-9 */
}

.rankingTabs ul.nav li.selected a, .rankingTabs ul.nav li:hover a{color:#fff;}


@keyframes spinner-line-fade-more {
  0%, 100% {
    opacity: 0; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-quick {
  0%, 39%, 100% {
    opacity: 0.25; /* minimum opacity */
  }
  40% {
    opacity: 1;
  }
}

@keyframes spinner-line-fade-default {
  0%, 100% {
    opacity: 0.22; /* minimum opacity */
  }
  1% {
    opacity: 1;
  }
}