@media print{@page {size: landscape} html, body{overflow:hidden !important; margin-left: -20px;} .r-tabs-nav, #share, .hideshare-list, .spacer, .box, #actionButtons {display: none !important;}  #intro{font-size: 60%;} #play-in-container{display:none;}  }

/*@media only print
{
    body * { display: none !important; }
    body:after { content: "Don't waste paper!"; }
}*/

body{background-image: url(../images/background2.jpg);
	background-repeat: repeat;
	background-color: #fff;
	background-position: top center;
	margin: 0 auto;
}
h1{
	margin: 0;
}
h2{
	/*font-family: 'Bree Serif', serif;
    font-weight: 400;
	font-size: 300%;*/
	margin: 0;
}

h3{
	font-family: 'Bree Serif', serif;
    font-weight: 400;
	font-size: 150%;
	margin: 0;
}
.h3{
	margin-bottom: 10px;
	font-size: 250%;
}
h4{
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
    font-weight: 700;
	font-size: 100%;
	margin: 5px 0;
	text-transform: uppercase;
}
a{
	text-decoration: none;
	color:#595959;
}
img {
	border: 0;
}

.headteam{
	font-family: 'Bree Serif', serif;
    font-weight: 400;
	font-size: 300%;*
}
#red a:hover{
	color:#B52304;
}
#blue a:hover{
	color:#2E5072;
}


small{
	font-size: 90%;
}

.slot, .slotnohover {
	width: 81px;
	height: 12px;
	padding: 0px 2px;
	border: 1px solid #f5f5f5;
	font: 10px Arial;
	background-color: #f9f9f9;
	margin-bottom: 2px;
	transition: all 0.3s ease 0s;
	overflow: hidden;
	white-space: nowrap;
}
.slotdeactivated, .slotdeactivatedright{
	width: 81px;
	height: 12px;
	padding: 0 2px;
	border: 1px solid #f9f9f9;
	font: 10px Arial;
	background-color: #fcfcfc;
	margin-bottom: 1px;
	color: #ccc;
}
.seed{
	/*color: #7d7d7d;*/
	width: 15px;
	display: inline-block;
	text-align: center;
	margin-right: 3px;
	border-right: 1px solid #CCC;
}
#col1 .slot, #col1 .slothover,#col1 .slotdeactivated, #col1 hr.brackethr,  .c12{margin-left: 20px;}

.slot:hover {
	cursor: pointer;
	color: #333;
	background: #F8DF7E;
	border: 1px solid #F1C40F;
 }

.c2, .c10 { margin-bottom: 23px }
.c3, .c9 { margin-bottom: 60px }
.c3b, .c9b { margin-top: 70px; margin-bottom: -10px }
.c4, .c8 { margin-bottom: 130px; }
.c5, .c7 { margin-top: 135px; }
.c6 { text-align: center; float: left; margin-right:2px;  text-align: center;  }

hr.brackethr { color: #f00; border: 0; height: 1px; width: 88px; margin-top: 3px; margin-bottom: 3px; border-top: 1px solid #cccccc; }
.spacer15 { height: 15px; }
.spacer2 { height: 10px; }
.spacer180 { margin-top: 132px !important;
 }
 #semi1{
margin-left: -15px;
 }
 #semi2{
	margin-right: -15px;
 }
#c5s2, #c7s2{

    margin-top: 294px;

}
.brandingbottom{
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

#infofinal{
	position: absolute;
	left: 99px;
	top: -27px;
}

#col1gameinfo{

	float: left;
	width: 20px;
	display: block;
}
.box{
		width: 11px;
		height: 10px;
		position: relative;
		cursor: pointer;
/*		margin-top: 9px;
*/		display: none;
/*		background: url(../images/statsicon.gif) no-repeat;
*/		z-index: 100;
		opacity: 0.6;
		font-family: 'QlikView Icons';
		font-size: 15px;
		font-weight: normal;
		font-style: normal;
		text-decoration: inherit;
}
.box:hover {
	/*background: rgb(241, 196, 15);*/
	opacity: 1;
	color: #00296B;
}

.box.slotgameinfo, .box.slotgameinfor {
	display: block;
}
.box.playinbox {
	display: none;
}

.box.team1.team2 {
	display: block;
}

.slotgameinfo{
	/*margin-left: -20px;*/

}
.slotgameinfor{
	margin-right: -20px;

}
.spacergameinfo{
	height: 10px;
}
.spacergameinfoc2, .spacergameinfoc10{

	margin-top: -25px;
}
.spacergameinfoc2{
	float: left;
}
.spacergameinfoc10{
	float: right;
}
.spacergameinfoc3{
	margin-top: -44px;
}
.floatleft{
		float: left;
}
.right{
	float: right;
}

.spacergameinfoc32{
	margin-top: 26px;
}
.spacergameinfoc33{

	float: left;
	margin-top: 23px;
}
.spacergameinfoc4{
	margin-top: -81px;
}
.spacergameinfoc41{
	margin-top: -75px;
}
.spacergameinfoc5{
	margin-top: -4px;
}
.pad{
	padding: 20px;
}
.colorback{
	background-color: #F1F1F2;
}

#col1 { float: left; }
#col2, #col3, #col4, #col5, #col6, #col7, #col8, #col9, #col10, #col11 { margin-left: 5px; float: left; }
#col2, #col10 { position: relative; top:9px; }
#col3, #col9 { position: relative; top:27px; }
#col4, #col8 { position: relative; top:65px;  }
#col5, #col8 { margin-left: -65px; margin-right: 45px; z-index: 99; position: relative; }
#col8 { margin-right: 0px;}
#col7 { margin-left: 12px; position: relative; }
#col6 { margin-top: 40px; margin-left: -130px; margin-right: -100px; position: relative; top: 250px; z-index: 130; }

.vliner { border-right: 1px solid rgb(248,223,126) }
.vlinel { border-left: 1px solid rgb(248,223,126) }
/*#vlinec { background: url('../img/vlinec.gif') repeat-y center;}
*/
.winner { border: 1px solid rgb(241, 196, 15); background-color:rgb(248,223,126);  }
.winner:hover { border: 1px solid #999; cursor: auto; }

#firstfour { width: 885px; border-top: 1px dotted #CCC; padding-top: 5px; position: relative; z-index: 110 }
#firstfour .title { font: bold 13px Arial; text-align: center; margin: 0 0 5px 0;}
#firstfour .subtitle { font: 10px Arial; margin: 0 0 3px 4px; color: #999;}
.ffmodule { float: left; border-right: 1px dotted #ccc; padding-right: 10px; margin-right: 10px; }
.ffcol1 { float: left; }
.ffcol2 { float: left; margin: 8px 0 0 5px }

.rlabel { position: absolute; font: bold 13px Arial; color: #999;}
#r1 { top: 147px; left: 215px; }
#r2 { top: 450px; left: 215px; }
#r3 { top: 147px; left: 652px; }
#r4 { top: 450px; left: 652px; }
#final{
	font: bold 13px Arial;
	color: #999;
	top: -20px;
	position: absolute;
	left: 117px;
}

#c4s1 { z-index: 200; position: relative; }
#c4s2 { z-index: 201; position: relative; }
#c4s3 { z-index: 130; position: relative; }
#c4s4 { z-index: 203; position: relative; }
#c7s1 { z-index: 204; position: relative; }
#c7s2 { z-index: 205; position: relative; }
#c8s1 { z-index: 206; position: relative; }
#c8s2 { z-index: 207; position: relative; }
#c8s3 { z-index: 208; position: relative; }
#c8s4 { z-index: 209; position: relative; }

.rdate { font: 9px Arial; color: #999; margin-bottom: 3px }

#element_to_pop_up {
    background-color:#fff;
    border-radius:2px;
    color:#000;
    display:none;
    padding:30px 20px 10px;
    width:90%;
    max-width: 800px;
    /*min-height: 715px;*/
    position: fixed !important;
    max-height: 100%;
    overflow: scroll;
}
#howitworks {
    background-color:#fff;
    border-radius:2px;
    color:#000;
    display:none;
    padding:35px 20px 20px;
    min-width: 450px;
}
.b-close{
    position: absolute;
	right: 10px;
	top: 5px;
	background-color: #555;
	color: #fff;
	padding: 1px 7px;
	border-radius: 5px;
	text-align: center;
	z-index: 9999;
	cursor: pointer;
	border: 1px solid #000;
}
#content{
	width: 960px;
	margin: 0 auto;

}

.hidden {
	display: none;
}

.half{
	width: 48%;
	height: 100%;
	padding:10px 0;
}
#half1{
	color:#4477AA;
}
#half2{
/*	border-left: 1px solid #fefefe;*/
	color:#F93F17;
}
#title{
	text-align: center;
	font-family: 'Bree Serif', serif;
    font-weight: 400;
	font-size: 300%;
	color: #fff;
	text-transform: uppercase;
	margin:0 0 -14px 0;
}
#intro{
 margin-top: 20px;
 font-family: 'Open Sans', sans-serif;
 font-style: normal;
 font-weight: 400;
 color: #fff;
}
.introtext{
	display: block;
	text-align: center;
	color: #A7C4EC;
	font-family: 'Open Sans', sans-serif;
	padding: 15px 0 0;
	font-size: 110%;
}

/*#################################################################*/
/* ######                  tabs                    #################*/
/*##################################################################*/

#tab-1{
	height: 745px;
	padding: 10px 0px 5px 18px;
}
#actionButtons button{
	margin-right: 5px;
}
#tab-4{
	min-height: 620px;
}
#tab-5{
	min-height: 1100px;
}
#tab-2{
	z-index: -20;
	padding: 20px 20px 10px;
}
#tab-3{
	min-height: 920px;
	padding: 20px;
}

.r-tabs {
	position: relative;
	/*
	background-color: #172B60;
	border-top: 1px solid #172B60;
	border-right: 1px solid #172B60;
	border-left: 1px solid #172B60;
	border-bottom: 4px solid #172B60;
	border-radius: 4px;*/
	font-family: 'Open Sans', Arial;

}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
/*	background-color: #172B60;
*/}

/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 10px 12px;
	text-decoration: none;
	/*font-size: 14px;
	font-weight: bold;*/
	color: #fff;
}
.soft{
	/* color: blue; */
}


/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #172B60;
	text-shadow: none;
	background-color: #fff;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Tab panel */
.r-tabs .r-tabs-panel {
	background-color: #fff;
	border-bottom: 4px solid #fff;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-bottom: 10px;

}
.footer{
	text-align: right;
	padding: 0 10px;
}
#credits{
	font-size: 80%;
	color:#555;
	margin-bottom: 20px;
}

/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	background-color: #172B60;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	/*text-shadow: 0 1px rgba(0, 0, 0, 0.4);*/
	font-size: 14px;

	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	background-color: #fff;
	color: #172B60;
	text-shadow: none;
}

/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}

#help{

	width: 130px;
	border-radius: 3px;
	color: rgb(167,196,236);
	padding: 4px 5px;
	cursor: pointer;
	text-align: center;
	box-sizing: border-box;
	margin-top: -35px;
	float: right;
	display: none;
	/*display: inline-block;*/
}
@-moz-document url-prefix() {
  #help {
     margin-top: 0px;
  }
}
#help:hover{

	background-color: rgb(0,91,162);
	color: #fff;
}
.howitworks{
	font-family: 'Bree Serif', serif;
	font-weight: 400;
	padding-right: 5px;
}

#divider{
	height: 100%;
	width: 2%;
	float: left;
	overflow: hidden;
}
.clear{
	display: block;
	overflow: hidden;
}
#Team1Name{
	color: white;
	background:#4477AA;
	border: 0;
    height: 50px;
    width: 140px;
    border-radius: 4px;
    margin-right: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;

}
#Team2Name{
	color: white;
	background:#F93F17;
	border: 0;
    height: 50px;
    width: 140px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
}
.side1, #team1chance{
	color:#4477AA;
	font-weight: bold;

}
.side2, #team2chance{
	color:#F93F17;
	font-weight: bold;

}
#red .kpirow{
	/*margin-bottom: -15px;*/
	color: #F93F17;
}
#blue .kpirow{
	/*margin-bottom: -15px;*/
	color: #4477AA;
}
.kpi_icon{
	position: relative;
	display: inline-block;
	width: 3em;
	height: 3em;
	line-height: 3em;
	vertical-align: middle;
/*	background: url(../images/statsicon.gif);
*/	border-radius: 50px;

	margin-right: 10px;
	float: left;
	margin-top: 15px;
}
.kpih3{
	font-size: 1.8rem;
	font-family: 'Bree Serif', serif;
	font-weight: 400;
	display: block;
	color: #fff;
}
.kpih4{
	display: block;
	color: #555;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
}

.blue{
	background-color: #4477AA;
}
.bluef{
	color: #4477AA;
	font-size: 80%;
}
.red{
	background-color: #F93F17;
}
.redf{
	color: #F93F17;
	font-size: 80%;
}
.spacer{
	clear: both;
	height: 20px;
	display: block;
}
.row{
	/*margin-bottom: 20px;*/
}

.clearbutton{
	background: #87BD34;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow : 0 0 4px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
    box-shadow:0 0 4px rgba(0, 0, 0, 0.15) inset;
    border: none;
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 7px;
    text-shadow: none;
    transition: all 0.3s ease 0s;
    float: right;
    cursor: pointer;
    color: #fff;

}
.clearbutton:hover{

    background: #F1C40F;
    /*-webkit-box-shadow : 0 0 4px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;*/
}

.clearbuttonBlue{
	border-radius: 3px;
	padding: 2px 5px;
	background-color: #F9F9F9;
	border: 1px solid #f5f5f5;
	display: block;
	cursor: pointer;
	margin-top: 20px;
	text-align: center;
	font-size: 90%;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	color:#4477AA;
    transition: all 0.3s ease 0s;
}
.clearbuttonBlue:hover{
	color: #87BD34;
}
.clearbuttonRed{
	border-radius: 3px;
	padding: 2px 5px;
	background-color: #F9F9F9;
	border: 1px solid #f5f5f5;
	display: block;
	cursor: pointer;
	margin-top: 20px;
	text-align: center;
	font-size: 90%;
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	color:#F93F17;
    transition: all 0.3s ease 0s;
}
.clearbuttonRed:hover{
	color: #87BD34;
}

.AgainstT2{
	cursor: pointer;
	text-decoration: underline;
	color: #4477AA;
	font-size: 80%;
	padding: 0 10px;
}
.AgainstT1{
	cursor: pointer;
	text-decoration: underline;
	color: #F93F17;
	font-size: 80%;
	padding: 0 10px;
}
/*qlik hacks*/
.qv-st-column-picker-popover, .qv-listbox-popover {
	z-index: 9999;
}
.selections-data-area-ui{
	z-index: 9999;
}
article.qvobject{
    position:absolute;
    overflow: hidden;
    padding: 10px;
}

.sel-toolbar-card {
           position: fixed!important;
           z-index: 9990;
        }
.qvt-chart-tooltip {
          z-index: 9999;
        }


/* social*/


.hideshare-wrap {
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.hideshare-wrap .hideshare-list {
  position: absolute;
  top: 15;
  left: -90;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
  background-color: #F9F9F9;
	border: 1px solid #f5f5f5;
	color: #777;
  border-radius: 3px;
  z-index: 200;
  padding-bottom: 7px;
}
.hideshare-wrap li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 10px 5px 0;
}
.hideshare-wrap span {
  display: none;
}
#share{
	position: absolute;
	left: 100px;
	top: 30px;
}
.share{
	border-radius: 3px;
	padding: 2px 5px;
	background-color: #F9F9F9;
	border: 1px solid #f5f5f5;
	color: #777;
}
.share:hover{
	opacity: .8;

}
#powered{
	position: absolute;
	left: 50px;
	top: 280px;
}



.hugeNum{
	font-size: 30px;
	display: block;
	color: #fff;

	font-family: 'Bree Serif', serif;
	font-weight: 400;
	background: #16A086;
}
.video{
	display: block;
	font-size: 90%;
}
.video a{
	color:#0068B1;

}
.video a:hover{
	opacity:0.8;
}
.howwe{
	margin-top:60px;
	background:#e1e1e1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	position:relative;
	padding-top:45px;
}
.howwe.notfeatured{
	opacity:1;
}
.howwe.featured{
	opacity:1;
}
.howwe:hover,.howwe.notfeatured .step, .howwe.notfeatured li:last-child a, .howwe .step, .howwe li:last-child a, .compare-order li:not(:first-child) a,.compare-heading li span, .hosting-types .col-sm-4 .step,.hosting-types .col-sm-4.featured .step, .hosting-types .col-sm-4, .hosting-types .col-sm-4.featured, .hosting-types .col-sm-4.featured:after, .hosting-types .col-sm-4:after {
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	opacity:1;
}
.howwe.notfeatured .step, .howwe.notfeatured li:last-child a{
	background:#595d5d !important;
}
.howwe .step{
	display:block;
	position:absolute;
	top:-40px;
	left:50%;
	margin-left:-40px;
	border-radius:200px;
	background:rgba(241,196,15,1);
	font-size:30px;
	font-weight:bold;
	color:#fff;
	padding:16px 0;
	width:80px;
	height:80px;
	box-sizing:border-box;
	text-align:center;
}
.howwe h3{
	margin:0;
	padding:0;
	font-size:30px;
/*	text-transform:uppercase;
*/	font-family: 'Bree Serif', serif;
	color:#555;
	text-align:center;
	padding:10px 0 5px 0;
}
.howwe small{
	display:block;
	color:#333;
	font-size:15px;
	font-weight:normal;
	position:relative;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	overflow:hidden;
	padding-bottom:30px;
}

.howwe ul{
	list-style:none;
	padding:0;
	margin:0;
}
.howwe ul li{
	display:block;
	background:#fafafa;
	padding:15px 30px;
	color:rgba(0,0,0,0.8);
	font-family: 'Open Sans', sans-serif;
	min-height: 40px;
}
.howwe ul li:nth-child(even){
	background:#eee;
}
.howwe ul li:last-child{
	text-align:center;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	padding:0;
	background:none !important;
}
.howwe ul li:last-child a{
	display:block;
	background:#4477be;
	color:rgba(255,255,255,0.9);
	font-size:16px;
	text-transform:uppercase;
	font-family: 'Open Sans', sans-serif;
	padding:15px 15px;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	text-align:center;
}
.howwe ul li:last-child a:hover{
	color:rgba(255,255,255,1);
	text-decoration:none;
	background:#4c85d4;
}
.howwe ul li span{
	padding-right:7px;
}
.howwe ul li:last-child a{
	background:rgb(135,189,52);
}
.howwe ul li:last-child a:hover{
	background:#F1C40F;
}

#actionButtons{
	margin-right: 20px;
}
.actBut{
	border-radius: 3px;
	padding: 5px;
	background-color: #F9F9F9;
	border: 1px solid #f5f5f5;
	color: #777;
    text-shadow: none;
    transition: all 0.3s ease 0s;
    float: right;
    font-size: 10px;
    /*font-family: 'Bree serif',serif;*/

}
.actBut:not(.disabled):hover{
	cursor: pointer;
    color: #87BD34;
    /*-webkit-box-shadow : 0 0 4px rgba(0, 0, 0, 0.5) inset;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset;*/
}



.wl{
	display: block;
	border-radius: 4px;
	box-sizing: border-box;
	text-align: center;
}
.wltext{
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	color: white;
}


/*DropDowns*/

.selections{
	display: block;
	border-bottom: 1px solid #eee;
	height: 40px;
	margin-bottom: 20px;

}

.selectionsRow{

	height: 30px;

}
.search-select{
	padding: 5px;
}
option{

}
option.teamdroplistoption{
	font-family: 'Open Sans', sans-serif;
	font-size: 120%;
}
select{
	font-family: 'Open Sans', sans-serif;
	border: 0px solid;
	background-color:  #eee;
}

#savebookmark.disabled, #activatebookmark.disabled {
	opacity: 0.6;
}

.hide{
	display: none !important;
}