.benchmark{}
.benchmark label{
	width: 30%;
	display: inline-block;
}

.benchmark label[for=terms_and_conditions_accepted]{
	vertical-align: top;
	margin-top: 10px;
}
.benchmark #termsAndConditionsDiv{
	display: inline-block;
	margin-top: 10px;
}
.benchmark #termsAndConditionsDiv #terms_and_conditions_accepted{
	vertical-align: top;
	margin-top: -1px;
}
.benchmark #termsAndConditionsDiv .termsAndConditionsP{
	display: inline-block;
	font-size: 9px;
}

.benchmark .row{
	margin: 5px 0;
}
.benchmark input[type=text],
.benchmark textarea{
	display: inline-block;
	width: 290px;
	padding: 5px;
	border: 1px solid #d0cfcf;
}
.benchmark .downloadBtn {
	padding-top: 1px;
	margin-left: 30%;
	border: 0;
	cursor: pointer;
}

.benchmark .row p.red{
	padding-left: 30.5%;
	margin-bottom: 0;
}



.benchmark .button.start{
	margin: 18px 0 0 160px;
	padding: 07px 77px;
	width: 300px;
}
.benchmark h1{
	color: #a1a3a5;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
}

.benchmark .btnHolder{
	margin-top: 40px;
	display: inline-block;
	text-align: center;
	width: 80%;
}

.benchmark .button{
	margin: 0 10px;
	display: inline-block;
	width: 150px;
	padding-left: 0;
	padding-right: 0;
	line-height: 17px;
}
.benchmark .button.disabled{
	background: #bcbdc0;
	line-height: 17px;
}


.benchmark .questionsHolder label{
	width: 94%;
	font-size: 1.4em;
}
.benchmark p.questionNumber{
	font-size: 1.6em;
	border-bottom: 1px solid;
	margin-bottom: 30px;
	font-weight: bold;
	padding-bottom: 2px;
	width: 98%;
	margin-right: 2%;
}
.benchmark .questionsHolder h2{
	font-style: normal;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.3em;
}
.benchmark .questionsHolder .answerToQuestion{
	margin-top: 19px;
}
.benchmark .questionsHolder .answerToQuestion p{
	margin-bottom: 23px;
	line-height: 1.9em;
}






/* progress bar  */
.benchmark .progressHolder{
	position: relative;
	width: 100%;
	float: left;
	margin: 19px 0 72px;
}
.benchmark .progressHolder .ball{
	height: 54px;
	width: 54px;
	border-radius: 50%;
	float: left;
}
.benchmark .progressHolder .ball.lightBlue{
	background: #00b1d2;
}
.benchmark .progressHolder .ball.darkBlue{
	background: #004f59;
	float: right;
}
.benchmark .progressBar{
	height: 27px;
	float: left;
	text-align: center;
	width: 90%;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/progress-bar-strip.png") repeat-y;
	margin: 0;
	position: absolute;
	display: table;
	table-layout: fixed;
	left: 5%;
	top: 13px;
}
.benchmark .progressBar li{
	display: table-cell;
	position: relative;
}
.benchmark .progressBar span{
	position: absolute;
	width: 34px;
	height: 34px;
	top: -6px;
	border-radius: 50%;
	font-size: 1.8em;
	background-image: url("/themes/default/graphics/site/oliverwight-english/benchmark/progress-bar-strip.png");
	background-repeat: repeat-y;
	left: 50%;
	margin-left: -18px;
	font-size: 2em;
	line-height: 1.5em;
	color: #16c2f4;
	font-weight: bold;
	padding: 2px 3px 2px 1px;
}

.benchmark .progressBar.items10{}
.benchmark .progressBar.items10 span.i1{
	background-position-x: -56px;
}
.benchmark .progressBar.items10 span.i2{
	background-position-x: -126px;
}
.benchmark .progressBar.items10 span.i3{
	background-position-x: -196px;
}
.benchmark .progressBar.items10 span.i4{
	background-position-x: -266px;
}
.benchmark .progressBar.items10 span.i5{
	background-position-x: -336px;
}
.benchmark .progressBar.items10 span.i6{
	background-position-x: -406px;
}
.benchmark .progressBar.items10 span.i7{
	background-position-x: -476px;
}
.benchmark .progressBar.items10 span.i8{
	background-position-x: -546px;
}
.benchmark .progressBar.items10 span.i9{
	background-position-x: -616px;
}
.benchmark .progressBar.items10 span.i10{
	background-position-x: -676px;
}
/* end progress bar */
.benchmark .progressBar.items1 span.selected,
.benchmark .progressBar.items2 span.selected,
.benchmark .progressBar.items3 span.selected,
.benchmark .progressBar.items4 span.selected,
.benchmark .progressBar.items5 span.selected,
.benchmark .progressBar.items6 span.selected,
.benchmark .progressBar.items7 span.selected,
.benchmark .progressBar.items8 span.selected,
.benchmark .progressBar.items9 span.selected,
.benchmark .progressBar.items10 span.selected,
.benchmark .progressBar.items11 span.selected,
.benchmark .progressBar.items12 span.selected,
.benchmark .progressBar.items13 span.selected,
.benchmark .progressBar.items14 span.selected,
.benchmark .progressBar.items15 span.selected,
.benchmark .progressBar.items16 span.selected,
.benchmark .progressBar.items17 span.selected,
.benchmark .progressBar.items18 span.selected,
.benchmark .progressBar.items19 span.selected,
.benchmark .progressBar.items20 span.selected{
	background: white;
	border: 2px solid;
	padding: 0 1px 0 0;
	color: #009dba;
}



.benchmark .typeRadio{
	width: 4%;
	float: left;
}
.benchmark input[type=radio]{
	vertical-align: top;
}



.benchmark .graph{
	width: 16%;
	position: relative;
	margin-top: 24px;
	margin-bottom: 20px;
	float: left;
	margin-left: 90px;
}

.benchmark .graph .phase1{
	position: absolute;
	left: -62px;
	top: 50%;
	width: 11px;
}
.benchmark .graph .phase2{
	position: absolute;
	left: -62px;
	top: 40px;
	width: 11px;
}
.benchmark .graph .transition{
	position: absolute;
	left: -83px;
	top: 22%;
	width: 12px;
}
.benchmark .graph .questionsText{
	position: absolute;
	left: 47%;
	bottom: 20px;
}



.benchmark.results{}
.benchmark.results .title{
	font-style: italic;
	color: #a7a9ab;
}
.benchmark.results>h1{
	color: #67686b;
	border-bottom: 1px solid #67686b;
	line-height: 1.5em;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-style: normal;
	font-size: 1.4em;
	font-weight: bold;
}
.benchmark.results .report{
	color: #7a7b7e;
	font-size: 1.3em;
	margin-bottom: 10px;
}
.benchmark.results .answerTitle{
	font-weight: bold;
	width: 6.5%;
	display: inline-block;
	vertical-align: top;
}
.benchmark.results .answerReport{
	width: 92.5%;
	display: inline-block;
}
.benchmark.results .answerReport .answerReportQuestion{
	font-weight: bold;
	font-size: 100%;
}
.benchmark.results .answerReport span{
	width: 100%;
	display: inline-block;
	font-size: 90%;
}



.benchmark .graph .grid{
	width: 100%;
	height: 307px;
	position: relative;
	left: 0;
	border-spacing: 0;
	float: left;
}
.benchmark .graph .grid tr td{
	border: 1px solid #eaeaeb;
	border-spacing: 0px;
	padding: 0;
	border-collapse: collapse;
	position: relative;
}


.benchmark .graph .verticalBorder{
	width: 9px;
	left: -9px;
	position: absolute;
	height: 100%;
	top: 0px;
	z-index: 2;
	background-color: rgb(11, 121, 191);
}
.benchmark .graph .verticalBorder.bespoke{
	width: 18px;
}
.benchmark .graph .verticalBorder div{
	float: left;
	width: 100%;
}
.benchmark .graph .verticalBorder .blueBar{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/blue-bar.png") repeat-x top center;
	height: 194px;
	position: relative;
}
.benchmark .graph .verticalBorder .blueBar img{
	position: absolute;
	width: 50%;
	right: 0;
}
.benchmark .graph .verticalBorder .blueBar img.white1{
	bottom: 0;
	height: 67px;
}
.benchmark .graph .verticalBorder .blueBar img.white2{
	bottom: 76px;
	height: 53px;
}
.benchmark .graph .verticalBorder .blueBar img.white3{
	bottom: 138px;
	height: 51px;
}
.benchmark .graph .verticalBorder .orangeBar{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/orange-bar.png") repeat-x top center;
	height: 126px;
	position: relative;
	margin-top: -4px;
}
.benchmark .graph .verticalBorder .orangeBar img{
	position: absolute;
	width: 50%;
	right: 0;
}
.benchmark .graph .verticalBorder .orangeBar img.white1{
	bottom: 5px;
	height: 52px;
}
.benchmark .graph .verticalBorder .orangeBar img.white2{
	top: 10px;
	height: 51px;
}



.benchmark .graph .column.headers{
	width: 50px;
	height: 100%;
	z-index: 4;
	left: -60px;
	position: absolute;
	top: 0;
}
.benchmark .graph .column.headers .row{
	background: none;
	border-right: none;
	position: absolute;
}
.benchmark .graph .column.headers .row span{
	color: #636468;
	font-weight: bold;
	font-size: 1.2em;
	text-align: right;
	position: absolute;
	top: -11px;
	right: 5px;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/question-mark.png") no-repeat right center;
	padding-right: 14px;
}




.benchmark .graph .graphHolder{
	height: 81px;
	width: 100%;
	margin-left: 0;
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: -80px;
}
.benchmark .graph .graphHolder .base{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/base-small.png") repeat-y left top #004852;
	position: absolute;
	bottom: 0;
	left: 0%;
	width: 100%;
	height: 10px;
	z-index: 0;
	top: 0;
}
.benchmark .graph .graphHolder .base.bespoke{
	/*height: 20px;*/
	height: 10px;
}
.benchmark .graph .graphHolder .base .endBase{
	position: absolute;
	right: -4px;
	height: 100%;
	width: 1.6%;
	background: #00505a;
	z-index: 1;
}

.benchmark .graph .graphHolder .base .baseWhite{
	position: relative;
	width: 8.4%;
	height: 50%;
	float: left;
	margin: 0 .8%;
}
.benchmark .graph .graphHolder .base .baseWhite.first{
	margin-left: 0;
	width: 9.2%;
}
.benchmark .graph .graphHolder .base .baseWhite.last{
	margin-right: 0;
	width: 9.2%;
}
.benchmark .graph .graphHolder .column .answer{
	display: none;
	position: absolute;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/diamond-info-box.png");
	width: 170px;
	z-index: 160;
	bottom: 100%;
	padding: 12px 20px;
	border-radius: 15px;
	left: -60px;
}
.benchmark .graph .graphHolder .column .answer h2{
	font-size: 1.2em;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 0;
}
.benchmark .graph .graphHolder .column .answer p{
	line-height: 1.2em;
}
.benchmark .graph .graphHolder .column .row .answerHotspot,
.benchmark .graph .diamondScore{
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	left: 100%;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/diamond.png") no-repeat center top;
	margin-top: -20px;
	margin-left: -20px;
	z-index: 3;
}



.benchmark .graph .column{
	float: left;
	width: 10%;
	height: 100%;
	position: relative;
}
.benchmark .graph .column .row{
	float: left;
	width: 100%;
	margin: 0 0 0 -1px;
	position: absolute;
}




.benchmark .graph .grid .row{
	height: 20%;
	float: left;
	width: 10%;
	background: yellow;
	margin: 0;
	position: absolute;
	bottom: 0;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/diamond.png") no-repeat center top;
	margin-left: 5%;
}


.benchmark .questions{
	width: 91%;
	margin-left: 9%;
	position: relative;
	margin-top: 9px;
}
.benchmark .questions span{
	width: 10%;
	float: left;
	text-align: right;
	position: relative;
	left: 9px;
	font-size: 1.4em;
}



.benchmark .graph .column.headers .row div.phase {
	display: none;
	position: absolute;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/phase-info-box.png");
	width: 450px;
	z-index: 5;
	top: -70px;
	padding: 12px 20px;
	border-radius: 15px;
	left: 68px;
}
.benchmark .graph .column.headers .row div.phase.blue{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/phase-1-info-box.png");
	color: white;
}
.benchmark .graph .column.headers .row div.phase.blue h1{
	color: white;
}

.benchmark .graph .column.headers .row div.phase p,
.benchmark .graph .column.headers .row div.phase li{
	font-size: 11px;
	margin-bottom: 3px;
	line-height: 1.2em;
}
.benchmark .graph .column.headers .row div.phase ul{
	margin-left: 24px;
}

.benchmark .graph .column.headers .row div.phase h1{
	font-size: 1em;
	margin-bottom: -3px;
	color: #48474c;
	font-style: normal;
	font-weight: bold;
}
.benchmark .questions span div.question{
	display: none;
	position: absolute;
	width: 130px;
	bottom: 60px;
	z-index: 5;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/question-info-box.png");
	padding: 12px 20px;
	border-radius: 15px;
	font-size: .8em;
	text-align: left;
	color: black;
	font-weight: bold;
	left: 50%;
	margin-left: -57px;
}
.benchmark .questions span div.question .questionNumber{
	font-weight: normal;
	margin-bottom: 0;
}
.benchmark .questions span div.question p{
	line-height: 1.2em;
	font-size: 12px;
}


.benchmark.results .nextStep{
	background: #c7eafc;
	padding: 10px 9%;
	width: 82%;
	margin: 40px 0;
	position: relative;
	float: left;
}
.benchmark.results .nextStep .tickbox{
	position: absolute;
	left: 30px;
	top: 40px;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/box-unchecked.png") no-repeat left top;
	width: 23px;
	height: 23px;
}
.benchmark.results .nextStep .tickbox.checked{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/box-checked.png") no-repeat left top;
}

.benchmark.results .nextStep .title{
	color: #6d6e71;
	font-size: 14pt;
	font-weight: bold;
}
.benchmark.results .button{
	width: auto;
	padding: 7px 20px;
}
.benchmark.results .successBox,
.benchmark.results .loading{
	background-color: #EAFCD8;
	color: green;
	padding: 10px 10%;
	width: 70%;
	margin: -30px 5% 0;
	border-radius: 10px;
	text-align: center;
	display: none;
	float: left;
}
.benchmark.results .loading{
	background-color:#6d6f71;
	float: left;
}


.benchmark.results .lineLcl,
.benchmark.results .lineUcl,
.benchmark.results .lineAverage{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.benchmark.results .lineLcl{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/green-graduation-btm.png") repeat-x left bottom;
}
.benchmark.results .lineUcl{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/green-graduation-tp.png") repeat-x left top;
}
.benchmark.results .lineAverage{
	padding: 3px 0;
	right: 0;
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/red-line.png") repeat left top;
}

.benchmark.results .transitionText{
	background: url("/themes/default/graphics/site/oliverwight-english/benchmark/results-box-graduation.png") repeat left top;
	padding: 19px 5% 12px;
	width: 90%;
	margin-left: 0;
	margin-top: 30px;
}
.benchmark.results .overallScoreText{
	margin-top: 20px;
	font-size: 90%;
	text-transform: uppercase;
	line-height: 1.2em;
	font-weight: bold;
}