body
{
	background-color: #E7E7E7;
}

.page_header
{
	background-color: #00B9CE;
	margin: 0px;
	padding: 10px;
	padding-top: 20px;
	color: white;
	font-size: 25px;
	border-bottom: 10px solid #D5DE26;
	height:80px;
}

.text_nav_button
{
    background-color: #6F6E66;
	color: #ffffff;
	border-width: 0;
}

.page
{
	margin-top: 10px;
	padding: 0px;
}

.header1
{
	font-weight: bold;
}

.alt_color1
{
	background-color: #DADADA;
}

.alt_color2
{
	background-color: #FFFFFF;
}

.page_footer
{
	border-bottom: 2px solid #D5DE26;
	margin: 0px;
	padding: 5px;
	color: #6F6E66;
}

.progress_bar_inner
{
	background-color: #B4543D;
}

.highlight, .highlight td
{
	background-color: #D5DE26 !important;
}

input, textarea
{
	padding: 3px;
	font-family: arial;
}

.page_error
{
	padding-left: 20px
}

.server_verification_error .question_errors
{
	padding-left: 20px;
}

/* Slider */

.slider_control .ui-slider-handle
{
	background-image: url(handle_bg.png);
	background-position:center;
	background-repeat: no-repeat;
	background-color: #DBDBDB;
	border: 1px solid #666;
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	border-color:#666;
	width:16px;
	height:16px;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.3);
}

.slider_control .ui-slider-handle:hover
{
	border-color: #a2600b;
	background-image:url(handle_bg_hover.png);
	background-repeat:no-repeat;
}

.ui-slider-horizontal {
	background-image: url(bar_bg.png);
	background-position:center;
	background-repeat: repeat-x;
	background-color:#eaeaea;
	border-color:  #666;
	height:11px;

}

.carousel_prev 
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15167 -2035 24 28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1 %7B fill: %23ff992a; %7D%3C/style%3E%3C/defs%3E%3Cpath id='Left_task_arrow' data-name='Left task arrow' class='cls-1' d='M-15143-2035v28l-24-13.917z'/%3E%3C/svg%3E");
}

.carousel_next 
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-15123 -2035 24 28'%3E%3Cdefs%3E%3Cstyle%3E.cls-1 %7B fill: %23ff992a; %7D%3C/style%3E%3C/defs%3E%3Cpath id='Right_task_arrow' data-name='Right task arrow' class='cls-1' d='M-15123-2035l24 13.917-24 14.083z'/%3E%3C/svg%3E");
}

.nav_dot.active 
{
    border-color: #D5DE26;
}

/*CBC Best*/
.cbc_concept.best .best_button,
.cbc_concept.discrete.best .task_select_button,
.dual_response_none_button.would_button.selected,
.custom_position_none.best .best_button
{
    background-color: #1DD13E;
    border-color: #1DD13E;
}

.cbc_concept.best
{
    border-color: #1DD13E;
}

.nav_dot.best
{
    background-color: #1DD13E;
}

/*CBC Worst*/
.cbc_concept.worst .worst_button,
.dual_response_none_button.would_not_button.selected,
.custom_position_none.worst .worst_button
{
    background-color: #FF2A2A;
    border-color: #FF2A2A;
}

.cbc_concept.worst
{
    border-color: #FF2A2A;
}

.nav_dot.worst
{
    background-color: #FF2A2A;
}