@charset "utf-8";

/* Global */

img, object, embed, video {max-width: 100%;}
.ie6 img {width:100%;}
html, body {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
body {
	font-family: "FuturaStdMediumCondensed", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;
	font-smooth: always !important;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	background: #000;
}
div {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
}

.spa { display: block; clear: both;}
.cer1 { height: 1px; }
.cer2 { height: 2px; }
.cer5 { height: 5px; }
.cer10 { height: 10px; }
.cer20 { height: 20px; }
.cer50 { height: 50px; }

.div25 { float: left; width: 25%; }
.div50 { float: left; width: 50%; }

.arrow_box {
	position: relative;
	background: #ffffff;
	z-index: 5;
}
.arrow_box:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	left: 50%;
	margin-left: -15px;
}

/* Style */

#app {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

/* appHeader */
#app .appHeader {
	width: 100%;
	display: block;
}
#app .appHeader .title {
	background: #fff;
	color: #0f5208;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}
#app .appHeader .jury {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
}
#app .appHeader .jury.Number {
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	box-shadow: inset -1px 0 0 rgba(0,0,0,0.25), inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
}
#app .appHeader .match {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
}
#app .appHeader .match.Number {
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25) inset 1px 0 0 rgba(0,0,0,0.25), inset -1px 0 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25) inset 1px 0 0 rgba(0,0,0,0.25), inset -1px 0 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25) inset 1px 0 0 rgba(0,0,0,0.25), inset -1px 0 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25) inset 1px 0 0 rgba(0,0,0,0.25), inset -1px 0 0 rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25), inset 1px 0 0 rgba(0,0,0,0.25), inset -1px 0 0 rgba(0,0,0,0.25);
}
#app .appHeader .match.Decrement,
#app .appHeader .match.Increment {
	background: rgba(255,255,255,0.075);
}
#app .appHeader .match.Decrement:hover,
#app .appHeader .match.Decrement:active,
#app .appHeader .match.Increment:hover,
#app .appHeader .match.Increment:active {
	background: rgba(255,255,255,0.15);
}
#app .appHeader .match.Decrement a,
#app .appHeader .match.Increment a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
}
#app .appHeader .contestantName {
	clear: both;
	background: rgba(255,255,255,0.075);
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
}



/* appContent */
#app .appContent {
	width: 100%;
	display: block;
}
#app .appContent .set {
	display: table;
	text-align: center;
	width: 100%;
	height: 100px;
	margin: 0;
	padding: 0;
}
#app .appContent .set li {
	display: table-cell;
	vertical-align: middle;
}
#app .appContent .set li.category {
	width: 50px;
}
#app .appContent .set li.category img {
	width: 30px;
	height: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
	border: 1px solid #b2b2b2;
}
#app .appContent .set li.points {
	width: 80px;
	font-size: 25px;
}
#app .appContent .set li.selections {
	width: auto;
	-webkit-box-shadow: inset 2px 0 0 rgba(0,0,0,0.25), inset -2px 0 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 2px 0 0 rgba(0,0,0,0.25), inset -2px 0 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 2px 0 0 rgba(0,0,0,0.25), inset -2px 0 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 2px 0 0 rgba(0,0,0,0.25), inset -2px 0 0 rgba(0,0,0,0.25);
	box-shadow: inset 2px 0 0 rgba(0,0,0,0.25), inset -2px 0 0 rgba(0,0,0,0.25);
}
#app .appContent .set li.selections .numberPoints {
	display: table;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
#app .appContent .set li.selections .numberPoints > li {
	display: inline-block;
	margin: 5px;
	padding: 0;
}
#app .appContent .set li.selections .numberPoints > li > a {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	font-family: "FuturaStdMediumCondensed", Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #532;
	-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-ms-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-o-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	background: #ffcc00;
	background: -webkit-linear-gradient(top,  #ffcc00 0%,#ff9900 100%
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff9900));
	background: -moz-linear-gradient(top,  #ffcc00 0%, #ff9900 100%););
	background: -o-linear-gradient(top,  #ffcc00 0%,#ff9900 100%);
	background: -ms-linear-gradient(top,  #ffcc00 0%,#ff9900 100%);
	background: linear-gradient(to bottom,  #ffcc00 0%,#ff9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 );
}
#app .appContent .set li.selections .numberPoints > li > a:active {
	background: #ff9900;
	background: -webkit-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ffcc00));
	background: -moz-linear-gradient(top,  #ff9900 0%, #ffcc00 100%);
	background: -o-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
	background: -ms-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
	background: linear-gradient(to bottom,  #ff9900 0%,#ffcc00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffcc00',GradientType=0 );
}

/* appTotal */
#app .appTotal {
	width: 100%;
	text-align: center;
}
#app .appTotal span {
	display: block;
	margin: 10px 0;
	font-family: "FuturaStdBoldCondensed", Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	background: rgba(255,255,255,0.075);
	-webkit-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-ms-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	-o-box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.25), inset 0 -2px 0 rgba(0,0,0,0.25);
}
#app .appTotal .customBtn,.scoreboard_status .customBtn{
	width: 90%;
	height: auto;
	margin: 10px auto 20px;
	padding: 10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-family: "FuturaStdMediumCondensed", Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	color: #532;
	-webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-moz-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-ms-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	-o-text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	text-shadow: 0 1px 0 rgba(255,255,255,0.5);
	border: 1px solid #532;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
	background: #ffcc00;
	background: -webkit-linear-gradient(top,  #ffcc00 0%,#ff9900 100%
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(100%,#ff9900));
	background: -moz-linear-gradient(top,  #ffcc00 0%, #ff9900 100%););
	background: -o-linear-gradient(top,  #ffcc00 0%,#ff9900 100%);
	background: -ms-linear-gradient(top,  #ffcc00 0%,#ff9900 100%);
	background: linear-gradient(to bottom,  #ffcc00 0%,#ff9900 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff9900',GradientType=0 );
}
#app .appTotal .customBtn:active {
	background: #ff9900;
	background: -webkit-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ffcc00));
	background: -moz-linear-gradient(top,  #ff9900 0%, #ffcc00 100%);
	background: -o-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
	background: -ms-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
	background: linear-gradient(to bottom,  #ff9900 0%,#ffcc00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9900', endColorstr='#ffcc00',GradientType=0 );
}


.selected-score{
    background: #fff !important;
}



.bxslider .contestantName {
	clear: both;
	
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	
	color:#fff;
}

.clearme{
	clear: both;
}


/* custom
 *
 *cyrus edited
 */
#app{
	background:#000 !important;
}
.bx-wrapper {
    margin: 0 auto 5px !important;
}

.bxslider{
	color:#333; text-align:center; padding:0; background:none; margin:0;
}
.bx-wrapper .bx-viewport {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    left: 0 !important;
    transform: 0 !important;
    color:#fff !importtant !important;
}

.outside p span a{
    color:#fff !importtant !important;
    padding:0 !important;
    text-decoration:none !important;
}

.points, .total_score{
	color:#fff;
}
.total_score{
	display: block; margin-bottom:5px;
}


.bx-next{
color:#fff;
  position:absolute;
  right:0;
  margin-top:7px;
  z-index:9999999999;
  margin-right:10px;
}

.bx-prev{
	color:#fff;
  position:absolute;
  margin-top:7px;
  left:0;
  z-index:9999999999;
  margin-left:10px;
}

.bx-next:hover,.bx-prev:hover, .bx-next:active, .bx-prev:active{
	color:#fff;
}


.sendScore{
	font-weight:bold; padding-top:10px; padding-bottom:10px; font-size:1.1em;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}

.category-title{
	border-bottom:2px solid #eee;
	border-top:2px solid #eee;
	color:#fff;
	padding-top:5px;
	text-align:left;
	padding-left:10px;
}