.bg-colour,
	.artwork,
	.main_container{
	max-width: 930px;
	}

	.bg-colour,
	.artwork,
	.main_container{
	max-width: 1024px;
	}







	.result_scale .result_scale_bar,
	.result_scale .result_scale_indicator {
	background-color: #ff0000;
	}

	.result_bar .result_bar_fill{
	background-color: #ff0000;
	}
	.result_bar {
	background-color: rgba(255, 0, 0, 0.4);
	}
			.result_entry:not(.user_choice) .result_bar .result_count {
		color: #FFFFFF;
		}
	
	.user_choice .result_bar .result_bar_fill{
	background-color: ;
	}
	
	.result_scale .result_scale_answer{
	color: #ff0000;
	}
	.result_scale .result_scale_answer:after{
	border-top-color: #ff0000;
	}



	/* #########################################################
	DARK
	#########################################################*/

	.social li.facebook .icon,
	.social li.twitter .icon,
	.social li.googleplus .icon{ background-position: 0 100%; }
	.desktop .social li.facebook a:hover .icon,
	.desktop .social li.twitter a:hover .icon,
	.desktop .social li.googleplus a:hover .icon{ background-position: 0 0; }

	.CAPTCHA_row .captcha_holder .captcha_options .captcha_audio_holder img.up{ display: none; }
	body.desktop .CAPTCHA_row .captcha_holder .captcha_options .captcha_audio_holder:hover img.up{ display: block !important; }

	.CAPTCHA_row .captcha_holder .captcha_options .captcha_audio_holder img.over{ display: block; }
	body.desktop .CAPTCHA_row .captcha_holder .captcha_options .captcha_audio_holder:hover img.over{ display: none !important; }

	.CAPTCHA_row .captcha_holder .captcha_options .captcha_refresh_button img.up{ display: none; }
	body.desktop .CAPTCHA_row .captcha_holder .captcha_options .captcha_refresh_button:hover img.up{ display: block !important; }

	.CAPTCHA_row .captcha_holder .captcha_options .captcha_refresh_button img.over{ display: block; }
	body.desktop .CAPTCHA_row .captcha_holder .captcha_options .captcha_refresh_button:hover img.over{ display: none !important; }



/* #########################################################
TEXT
#########################################################*/

/* Text Colors */
input,
select,
textarea,
.selectric-wrapper .selectric .button,
.btn a,
.prize a,
.prize,
.btn label,
.button,
.pagination li a,
.box,
.complete_comp .friends a,
.question_images li.selected a,
.progress_bar,
.desktop .question_images li a:hover,
.progress_bar-pagination,
.privacy_button_holder a, .legal_button_holder a,
.results__display-votes .votes-label { color: #FFFFFF; }

.result_scale_average:before {border-bottom-color: #FFFFFF !important; }

.results__display-votes svg { fill: #FFFFFF; }

.selectric-wrapper .selectric .button:after{ border-top-color: #FFFFFF; }

.apptype--ugc .main_container{
color: #ffffff;
}

	input,
	select,
	.selectric-wrapper.selectric-open .selectric-items .selectric-scroll ul li,
	textarea{ color: #000000; }

/*.desktop .btn a:hover,
.desktop .button:hover,
.button.active,
.desktop .btn label:hover,
.navigation li.selected .btn a,*/
.desktop .pagination li a:hover,
.pagination li.active a,
.desktop .complete_comp .friends li a:hover .tooltip .copy,
.box.story_view .copy p{ color: #000000; }

.gallery_full .textarea textarea,
.gallery_full .copy,
.box.story_view .copy{ background-color: #FFFFFF; }



/* #########################################################
HIGHLIGHT
#########################################################*/

/* Text Color */
a { color: #000000; }
body,
.active,
.question_images li a{ color: #00AEEF; }

/* Background Color */
html.ie7 .hr_top div,
html.ie7 .hr_bottom div,
html.ie8 .hr_top div,
html.ie8 .hr_bottom div,
.desktop .btn_close a:hover,
.desktop .pagination li a:hover,
.pagination li.active a,
.prize_container,
.progress_bar .progress,
.desktop .answers.video .video_container .overlay:hover .icon_bk,
.desktop .complete_comp .friends li a:hover .tooltip .copy,
.desktop .gallery .bk1:hover .bk2 .story,
.desktop .winners .bk1:hover .bk2 .story { background-color: #00AEEF; }

.rc-slider-handle:hover, .rc-slider-handle:focus { background-color: #00AEEF !important; }


.desktop .answers li.btn label:hover,
.navigation li.selected .btn a,
.desktop .complete_comp .friends li a:hover .tooltip,
.desktop .gallery .bk1:hover,
.desktop .winners .bk1:hover,
.desktop .question_images li a:hover,
.question_images li.selected a{ background: #444444; }

/* Border Color */
.box.question_quiz .countdown .icon.play{ border-left-color: #FFFFFF; }
.desktop .box.question_quiz .countdown .icon.play:hover,
.desktop ul.bjqs-controls li.bjqs-next a:hover span,
ul.bjqs-controls li.bjqs-next a span{ border-left-color: #FFFFFF; }
.desktop ul.bjqs-controls li.bjqs-prev a:hover span,
ul.bjqs-controls li.bjqs-prev a span{ border-right-color: #FFFFFF; }
.desktop .btn_close a:hover,
.desktop .pagination li a:hover,
.pagination li.active a{ border-color: #444444; }
.desktop .complete_comp .friends li a:hover .tooltip .arrow{ border-bottom-color: #444444; }
.desktop .pagination li.last a:hover,
.desktop .arrow_rhs a:hover{ border-left-color: #444444 !important; }
.desktop .pagination li.first a:hover,
.desktop .arrow_lhs a:hover{ border-right-color: #444444 !important; }



/* Horizontal Rule Gradient */
.hr_top div,
.hr_bottom div{
background: #00AEEF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,7db9e8+100&0+0,1+50,0+100 */
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, #00AEEF 50%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,#00AEEF 50%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,#00AEEF 50%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}



.flat_checkbox{
border-color: #00AEEF;
}
.flat_checkbox{
background-color: #FFFFFF;
}

.flat_checkbox.checked:after{
background-color: #00AEEF;
}




/* #########################################################
PAGE
#########################################################*/

/* Background Color */
.bg-colour,
.selectric-wrapper .selectric,
.btn_close a,
.box.question_quiz .countdown .icon_bk,
.gallery .bk1 .bk2 .story,
.winners .bk1 .bk2 .story,
.answers.scale_text .scale .noUi-handle:before,
.answers.scale_text .scale .noUi-handle:after{ background-color: #FFFFFF; }


input,
select,
textarea,
.selectric-wrapper.selectric-open .selectric-items .selectric-scroll ul li,
.button:hover,
.gallery .bk1,
.winners .bk1,
.question_images li a,
.answers.scale_text .scale .noUi-target,
.answers.scale_text .scale .noUi-handle{ background-color: #FFFFFF; }

.box.question_quiz .countdown .timer_bk{
background-color: #FFFFFF;
}

.flat_checkbox.checked:after,
.flat_checkbox {
border-color: #FFFFFF !important;
}

.question_multi_choice .row .field_radio span,
.question_multi_choice .row .field_radio div{
background: #FFFFFF;
}

.question_multi_choice .row .field_radio.selected span{
background: #00AEEF;
}

.progress_bar .bar{
background-color: #FFFFFF;
}

.question_quiz_time,
.timer--bar{
background-color: #FFFFFF;
}

.question_quiz_time .track,
.timer--bar__track{
background-color: #FFFFFF;
}

.question_quiz_time .bar,
.timer--bar__bar{
background-color: #444444;
}

/* Border Color */
.selectric-wrapper .selectric,
.selectric-wrapper.selectric-open .selectric,
.selectric-wrapper.selectric-open .selectric-items,
.btn_close a,
.pagination li a{ border-color: #FFFFFF; }
.pagination li.last a,
.arrow_rhs a{ border-left-color: #FFFFFF !important; }
.pagination li.first a,
.arrow_lhs a{ border-right-color: #FFFFFF !important; }

/* Header Fade Gradient*/


.artwork__fade, .fade{
background: #FFFFFF;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,7db9e8+100&0+0,1+100 */

background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #FFFFFF 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}



.test {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 4s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
  0%   {background-color:red; left:0px; top:0px;}
  25%  {background-color:yellow; left:200px; top:0px;}
  50%  {background-color:blue; left:200px; top:200px;}
  75%  {background-color:green; left:0px; top:200px;}
  100% {background-color:red; left:0px; top:0px;}
}

.box .error,
.box .error a,
.error,
a.error,
.error a{
color: #ff0000;
}


.box.question_quiz .countdown .icon.bonus,
.box.question_quiz .countdown .icon.question .mark{
color: #FFFFFF;
}


.f_hi_primary{color: #00AEEF;}
.b_hi_primary{background-color: #00AEEF;}
.f_hi_secondary{color: #444444;}
.b_hi_secondary,
.progress_bar .progress.b_hi_secondary{background-color: #444444;}
.bdr_hi_primary{border-color: #00AEEF;}
.bdr_hi_secondary_hover:hover{border-color: #444444;}
.b_hi_secondary_hover:hover{background-color: #444444;}
.f_whitecolor{ color: #FFFFFF; }
.f_blackcolor_hover:hover{ color: #000000; }
.f_blackcolor{ color: #000000; }




	/*default style_modifier configuration */

	.btn a,
	.btn label,
	.selectric-wrapper.selectric-open .selectric-items .selectric-scroll ul li:hover,
	.button{ background-color: #00AEEF; }

	.desktop .button:hover,
	.desktop .btn a:hover,
	.desktop .btn label:hover,
	.button.active{
	background-color: #444444;
	}

			.btn a,
		.btn label,
		.button{
		border-color:#444444;
		}

		.desktop .button:hover,
		.desktop .btn a:hover,
		.desktop .btn label:hover,
		.button.active,
		.navigation li.selected .btn a{
		border-color: #FFFFFF;
		}
	




/* Quiz Question Box */


	.box_title,
	.box.complete_quiz h1,
	.box.question_quiz h1,
	.complete_header .headerbox h1{
	background-color: #ffffff;
	}
	.box_title,
	.box.complete_quiz h1,
	.box.question_quiz h1,
	.complete_header .headerbox h1{
	color: #000000;
	}

/* Quiz Question Box */



/* Progress Bar */
	.timer--bar,
	.progress_bar{
	background-color: #ffffff;
	}

	.progress_bar .label_0, .progress_bar .label_100{
	color: #000000;
	}

	.timer--bar__track,
	.progress_bar .bar{
	background-color: #CBCBCB;
	}

	.timer--bar__bar,
	.progress_bar .progress{
	background-color: #000000;
	}

/* Progress Bar */

/* Vote Button */


	.progress_bar_paginated .progress_bar-pagination {
	color: #000000;
	}

	.progress_bar_paginated .dots li .dot {
	background-color: #cbcbcb;
	}

	.progress_bar_paginated .dots li .dot.active{
	background-color: #000000;
	}