










.btn-primary {
	background-color: #0088CC;

	//background: rgb(0, 109, 204); /* Old browsers */
	background-image: -moz-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% );// repeat-x scroll 0 0 #006DCC; /* FF3.6+ */
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, rgba(0, 136, 204, 1) ), color-stop(100%, rgba(0, 68, 204, 1) ) );
	/* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% ); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% ); /* IE10+ */
	background-image: linear-gradient(rgba(0, 136, 204, 1),
		rgba(0, 68, 204, 1) ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#0088CC',
		endColorstr='#0044CC', GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */

}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
	background-color: #0044CC;
}

body {
	font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
	color: #006DCC;
	background: url('//portal.optimumhq.com/oesp/assets/img/client_default_background.jpg') repeat center center;
}
h1.surveyLogo {
	height: 75px;
	background: url('//portal.optimumhq.com/oesp/assets/img/client_default_header.png') no-repeat center center;
	background-size: contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#divSurveyWrapper {
	border: 2px solid #006DCC;

	/* Gradient Background */

	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* IE10+ */
	background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#FFFFFF',
		endColorstr='#E5E5E5', GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}

.questionContainer {
	border: 2px solid #006DCC;
	
	/* Gradient Background */

	background: rgb(255, 255, 255); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 1) ), color-stop(100%, rgba(229, 229, 229, 1) ) );
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* IE10+ */
	background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%,
		rgba(229, 229, 229, 1) 100% ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#FFFFFF',
		endColorstr='#E5E5E5', GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}

.progress {
	width: 150px;
	border: 1px solid #E5E5E5;
	position: relative;
	background-image: none;
	background-color: #FFFFFF;
}

.progress div.bar {
	background-color: #006DCC;

	//background: rgb(0, 109, 204); /* Old browsers */
	background-image: -moz-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% );// repeat-x scroll 0 0 #006DCC; /* FF3.6+ */
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0%, rgba(0, 136, 204, 1) ), color-stop(100%, rgba(0, 68, 204, 1) ) );
	/* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% ); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% ); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(center top, rgba(0, 136, 204, 1) 0%,
		rgba(0, 68, 204, 1) 100% ); /* IE10+ */
	background-image: linear-gradient(rgba(0, 136, 204, 1),
		rgba(0, 68, 204, 1) ); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#0088CC',
		endColorstr='#0044CC', GradientType=1 );
}

.progress span.indicator {
	position: absolute; 
	left: 0px; 
	z-index: 2; 
	text-align: center; 
	width: 100%;
	color: #006DCC;
}

.badge {
	background-color: #0088CC;
}

bdo[dir="rtl"] p,
bdo[dir="rtl"] li,
bdo[dir="rtl"] td,
bdo[dir="rtl"] label {
	text-align: right;
}