@charset "UTF-8";
/* CSS Document */

#chart {
	margin: 30px auto;
	width: 98%;
}
.player-box {
	background-color: #222; 
	padding: 0px 0px 8px 0px;
	margin-bottom: 8px;
	}

p.nameholder {
	text-align: left;
	font-weight: 600;
	color: #DDD;
	background-color: #00afb1;
	background-color: #303030;
	text-align: left;
	font-size: 1.4em;
	padding: 6px 10px;
	margin: 0px;
	margin-bottom: 10px;
}
p.pointsholder {
	text-align: left;
	color: #DDD;
	float: left;
	clear: left;
	font-size: 1.2em;
	padding: 0px 20px;
}
p.totalholder {
	text-align: left;
	color: #DDD;
	font-size: 1.2em;
	float: right;
	padding: 0px 20px 0px 20px;
}
p.totalholder span {
	font-weight: 600;
	font-size: 1.8em;
	color: #00afb1;
	color: #ffc600;;
}
div.barholder {
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	clear: both;
	background-color: #2b2b2b;
}
div.bar {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 20px;
	padding: 0px;
	/* Disable gradients to show animated gif. Height is 30px;
	background: grey url(../images/tiny-jouster-red.gif) center right no-repeat;*/
}
.yellow-bar {
	border: 2px solid #f5c400;
	background: #fff4bf; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff4bf 1%, #f5c400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fff4bf), color-stop(100%,#f5c400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fff4bf 1%,#f5c400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fff4bf 1%,#f5c400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fff4bf 1%,#f5c400 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fff4bf 1%,#f5c400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4bf', endColorstr='#f5c400',GradientType=0 ); /* IE6-9 */
}
.cyan-bar {
	color: #FFF;
	border: 2px solid #1e8aad;
	background: #56aac6; /* Old browsers */
	background: -moz-linear-gradient(top,  #56aac6 0%, #007b9e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56aac6), color-stop(100%,#007b9e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #56aac6 0%,#007b9e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #56aac6 0%,#007b9e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #56aac6 0%,#007b9e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #56aac6 0%,#007b9e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56aac6', endColorstr='#007b9e',GradientType=0 ); /* IE6-9 */
}
.magenta-bar {
	color: #FFF;
	border: 2px solid #d25193;
	background: #f188c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f188c8 0%, #bc0061 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f188c8), color-stop(100%,#bc0061)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f188c8 0%,#bc0061 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f188c8 0%,#bc0061 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f188c8 0%,#bc0061 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f188c8 0%,#bc0061 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f188c8', endColorstr='#bc0061',GradientType=0 ); /* IE6-9 */
}
.purple-bar {
	color: #FFF;
	border: 2px solid #8f85be;
	background: #cbabe8; /* Old browsers */
	background: -moz-linear-gradient(top,  #cbabe8 0%, #5d3d80 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbabe8), color-stop(100%,#5d3d80)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cbabe8 0%,#5d3d80 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cbabe8 0%,#5d3d80 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cbabe8 0%,#5d3d80 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cbabe8 0%,#5d3d80 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbabe8', endColorstr='#5d3d80',GradientType=0 ); /* IE6-9 */
}
.amber-bar {
	border: 2px solid #ff9600;
	background: #ffc987; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffc987 1%, #ff9600 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffc987), color-stop(100%,#ff9600)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffc987 1%,#ff9600 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffc987 1%,#ff9600 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffc987 1%,#ff9600 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffc987 1%,#ff9600 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc987', endColorstr='#ff9600',GradientType=0 ); /* IE6-9 */
}
.red-bar {
	color: #FFF;
	border: 2px solid #f18181;
	background: #ffaaaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffaaaa 0%, #cc0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffaaaa), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffaaaa 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffaaaa 0%,#cc0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffaaaa 0%,#cc0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffaaaa 0%,#cc0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffaaaa', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
}
.green-bar {
	color: #FFF;
	border: 2px solid #85bb5a;
	background: #a8d884; /* Old browsers */
	background: -moz-linear-gradient(top,  #a8d884 0%, #2e7801 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a8d884), color-stop(100%,#2e7801)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a8d884 0%,#2e7801 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a8d884 0%,#2e7801 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a8d884 0%,#2e7801 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a8d884 0%,#2e7801 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d884', endColorstr='#2e7801',GradientType=0 ); /* IE6-9 */
}
.blue-bar {
	color: #FFF;
	border: 2px solid #6166a8;
	background: #84b0d6; /* Old browsers */
	background: -moz-linear-gradient(top,  #84b0d6 0%, #1b238d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84b0d6), color-stop(100%,#1b238d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #84b0d6 0%,#1b238d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #84b0d6 0%,#1b238d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #84b0d6 0%,#1b238d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #84b0d6 0%,#1b238d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84b0d6', endColorstr='#1b238d',GradientType=0 ); /* IE6-9 */
}
.orange-bar {
	color: #FFF;
	border: 2px solid #fb784a;
	background: #ff9166; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9166 0%, #ff4300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9166), color-stop(100%,#ff4300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9166 0%,#ff4300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9166 0%,#ff4300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9166 0%,#ff4300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9166 0%,#ff4300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9166', endColorstr='#ff4300',GradientType=0 ); /* IE6-9 */

}
.black-bar {
	color: #FFF;
	border: 2px solid #666;
	background: #aaa; /* Old browsers */
	background: -moz-linear-gradient(top,  #aaa 0%, #444 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaa), color-stop(100%,#444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #aaa 0%, #444 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  #aaa 0%,#444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aaa 0%,#444 100%); /* IE10+ */
	background: linear-gradient(to bottom, #aaa 0%, #444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa', endColorstr='#444',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 520px) {
p.pointsholder {
	float: none;
}
p.totalholder {
	float: none;
}
}