@charset "utf-8";
/* CSS Document */
body {
background-color: #f4f0ec;
background-image:url(../images/backgrounds/field.png);
background-size:cover;
}

#logo {
	display:block; margin:auto; width:100%; max-width:300px; max-height:300px; margin-bottom:40px; min-height:200px; min-width:200px;
}
table {
	max-width: 550px;
	width:100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em;
}

#accordion {
	max-width:900px;
	margin:auto;
	}
.chart	{
	border:2px solid #000;
	border-collapse:collapse;
	font-family:Arial, Sans-Serif;
	font-size:12px;
	text-align:center;
	border-spacing:0;
	margin:auto;
	}
	
.chart th	{
	border:1px solid #333;
	padding:3px 6px;
	color:#FFF;
	background-color:#F60;
	font-size:16px;
	}

.chart td {
	border:1px solid #999;
	padding:3px 6px;
	}
	
.neg	{
	color:red;
}

.white	{
	color:white;
}

.pos	{
	color:green;
}
.division {
	font-weight:bold;
	font-size:24px;
}	

@media only screen and (max-width: 768px) {
	#turnover, tr td:nth-child(9)		{ display:none; visibility:hidden; }
}

@media only screen and (max-width: 420px) {
	#yhigh, tr td:nth-child(5)			{ display:none; visibility:hidden; }
	#ylow, tr td:nth-child(6)			{ display:none; visibility:hidden; }
	#turnover, tr td:nth-child(9)		{ display:none; visibility:hidden; }
}

@media only screen and (max-width: 320px) {
	#yhigh, tr td:nth-child(5)			{ display:none; visibility:hidden; }
	#ylow, tr td:nth-child(6)			{ display:none; visibility:hidden; }
	#dhigh, tr td:nth-child(7)			{ display:none; visibility:hidden; }
	#dlow, tr td:nth-child(8)			{ display:none; visibility:hidden; }
	#turnover, tr td:nth-child(9)		{ display:none; visibility:hidden; }
}

/* Allow Font Awesome Icons in lieu of jQuery UI and only apply when using a FA icon */
.ui-icon[class*=" fa-"] {
    /* Remove the jQuery UI Icon */
    background: none repeat scroll 0 0 transparent;
    /* Remove the jQuery UI Text Indent */
    text-indent: 0; 
    /* Bump it up - jQuery UI is -8px */
    margin-top: -0.5em;
}

/* Allow use of icon-large to be properly aligned */
.ui-icon.icon-large {
    margin-top: -0.75em;
}

.ui-button-icon-only .ui-icon[class*=" fa-"] {
    /* Bump it - jQuery UI is -8px */
    margin-left: -7px;
}
#accordContainer {
	max-width: 900px;
	margin: auto;
	min-height: 600px;
}

div.ui-body h1,
.tabhead {
	font: 2.5em Oswald, Geneva, sans-serif;
	letter-spacing: 0.0em;
	}
div.ui-body h3,
.tabhead {
	font: 1.5em Oswald, Geneva, sans-serif;
	letter-spacing: 0.0em;
	}
h4 {
font: 1em Oswald, Geneva, sans-serif;
letter-spacing: .01em;
}
#etz_pp_widget_pv #panel_nav {
font-size: 14px;
width: 200px;
right: 350px;
}

.center {
	text-align:center;
	display:block;
	margin-left: auto;
  margin-right: auto;
	font: 1.5em Oswald, Geneva, sans-serif;
	letter-spacing: 0.0em;
}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 60%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tourn_iframe
{
	width: 100%;
	height: 850px;
	border: 0px;
}