@font-face {
	font-family: 'HelveticaNeueLTStd-Hv';
	src:url('../fonts/HelveticaNeueLTStd-Hv.eot?') format('eot'), 
		url('../fonts/HelveticaNeueLTStd-Hv.otf')  format('opentype'),
		url('../fonts/HelveticaNeueLTStd-Hv.woff') format('woff'), 
		url('../fonts/HelveticaNeueLTStd-Hv.ttf')  format('truetype'),
		url('../fonts/HelveticaNeueLTStd-Hv.svg#HelveticaNeueLTStd-Hv') format('svg');
}



@font-face {
    font-family: 'HelveticaNeueLTCom55Roman';
    src: url('../fonts/helveticaneueltcom-roman.eot') format('embedded-opentype'),
         url('../fonts/helveticaneueltcom-roman.woff') format('woff'),
         url('../fonts/helveticaneueltcom-roman.ttf') format('truetype'),
         url('../fonts/helveticaneueltcom-roman.svg#HelveticaNeueLTCom55Roman') format('svg');
}








* {max-height: 100000px;}
body {
	background:#ebf7fe;
	margin:0;
	font:500 15px/17px 'HelveticaNeueLTCom55Roman' , Arial,  Helvetica, sans-serif;
	color:#666;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	height: 100%;
	min-width:1024px;
}
a {
	text-decoration: none;
  color:rgb(27,164,221);;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #646463;
  font:600 ;
}
img {border-style: none;}
input, textarea, select {
	font: 100% Arial, Helvetica, sans-serif;
	vertical-align: middle;
	color: #221f1f;
}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
button::-moz-focus-inner {
	padding:0;
	border:0;
}
input[type="text"], input[type="submit"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], input[type="search"],  textarea {
	-webkit-appearance: none;
	border-radius:0;
	-webkit-border-radius:0;
}

input[type="radio"]{
	border-radius:0;
	-webkit-border-radius:0;
}

.hidebig {
  	display:none;
}

#main h1.hidebig {
  	display:none;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration { -webkit-appearance:none;}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
}
header, footer, section, article, nav, figure, aside, main {display: block;}
#wrapper {overflow:hidden;}
#header {
	background:#fff;
	overflow:hidden;
}
.header-holder {
	max-width:1024px;
	margin:0 auto;
}
.header-holder:after {
	display:block;
	content:'';
	clear:both;
}
.logo {
	max-width:32%;
	float:left;
	overflow:hidden;
	text-indent:-9999px;
	margin:25px 0 19px 0px;
}
.logo a img {
	display:block;
	width:100%;
	height:auto;
}
.header-right {
	float:right;
	width:62%;
}
.social-area {
	overflow:hidden;
	margin:0 3px 14px 0;
}
.social-area ul	{
	float:right;
	list-style:none;
	padding:0;
	margin:0;
	text-transform:uppercase;
	font-size:12px;
	line-height:14px; 
	font-weight:700;
}
.social-area ul li {
	float:left;
	margin:0 0 0 5px;
}
.social-area ul li a:hover{opacity:0.5;}
.social-area ul li a {
	position:relative;
	display:block;
}
.social-area ul li.facebook a {
	background:#3b5490;
	color:#fff;
	padding:4px 25px 2px 10px;
	position:relative;
}
.social-area ul li.facebook a:after {
	background:url(../images/sprite.png) no-repeat 0 0;
	position:absolute;
	right:13px;
	top:4px;
	width:6px;
	height:12px;
	content:'';
}
.social-area ul li.twitter a {
	background:#5283b8;
	color:#fff;
	padding:4px 27px 2px 9px;
	position:relative;
}
.social-area ul li.twitter a:after {
	background:url(../images/sprite.png) no-repeat 0 -23px;
	position:absolute;
	right:5px;
	top:5px;
	width:14px;
	height:11px;
	content:'';
}
.social-area ul li.google-plus a {
	background:#d44935;
	color:#fff;
	padding:4px 35px 2px 8px;
	position:relative;
}
.social-area ul li.google-plus a:after {
	background:url(../images/sprite.png) no-repeat 0 -44px;
	position:absolute;
	right:7px;;
	top:4px;
	width:17px;
	height:14px;
	content:'';
}
.act-logo {
	width:33.3%;
	float:right;
}
.act-logo a img {
	display:inline;
	width:49%;
	height:auto;
}
.act-logo a img:hover	{
	opacity:0.8;
}

#strapline{
  color:#666;
  float:right;
  font-weight:normal;
  padding:5px 0px 5px 0px;
  font-size:12px;
}






.navigation-area { background: rgb(22,142,206) ; }  /* IE9 */


.navigation-area {
	background: #1d7eb5  -moz-linear-gradient(top,  #1d7eb5 0%, #1e80b8 2%, #1882bb 5%, #1a86c1 9%, #0f86c2 12%, #168bc9 19%, #128dcb 21%, #168ece 30%, #158fce 33%, #0f8fce 35%, #168ece 37%, #168ece 91%, #0e8fcf 93%, #1890cf 95%, #128fcf 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d7eb5), color-stop(2%,#1e80b8), color-stop(5%,#1882bb), color-stop(9%,#1a86c1), color-stop(12%,#0f86c2), color-stop(19%,#168bc9), color-stop(21%,#128dcb), color-stop(30%,#168ece), color-stop(33%,#158fce), color-stop(35%,#0f8fce), color-stop(37%,#168ece), color-stop(91%,#168ece), color-stop(93%,#0e8fcf), color-stop(95%,#1890cf), color-stop(100%,#128fcf));
	background: -webkit-linear-gradient(top,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	background: -o-linear-gradient(top,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	background: -ms-linear-gradient(top,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	background: linear-gradient(to bottom,  #1d7eb5 0%,#1e80b8 2%,#1882bb 5%,#1a86c1 9%,#0f86c2 12%,#168bc9 19%,#128dcb 21%,#168ece 30%,#158fce 33%,#0f8fce 35%,#168ece 37%,#168ece 91%,#0e8fcf 93%,#1890cf 95%,#128fcf 100%);
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 0 16px rgba(0,0,0,.3); 
	box-shadow: 0 0 16px rgba(0,0,0,.3);
	position:relative;
	padding:0 0px;
	z-index:1;
}








.navigation-area:after {
	content:'';
	clear:both;
	display:block;
}
.navigation-holder {
	max-width:1024px;
	margin:0 auto;
	padding:0;
}
.navigation-holder:after {
	content:'';
	clear:both;
	display:block;
}
#nav {
	float:left;	
	position:relative;
	width:45%;
}
.opener{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:40px;
	background:#000;
	background:rgba(0, 0, 0, .5);
	position:relative;
	border-radius:3px;
	display:none;
}
.opener:before,
.opener:after,
.opener span{
	background:#fff;
	border-radius:4px;
	position:absolute;
	top:50%;
	left:25%;
	right:25%;
	height:4px;
	margin-top:-2px;
	transition:all 0.2s linear;
}
.opener:before,
.opener:after{
	content:'';
	top:30%;
}
.opener:after{top:70%;}
.active .opener span{opacity:0;}
.opener:hover{opacity:.9;}
.active .opener:after,
.active .opener:before{
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	top:50%;
	left:15%;
	right:15%;
}
.active .opener:after{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
#nav > .slide > ul {
	list-style:none;
	padding:0;
	margin:0;
	font:18px/20px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	
}
#nav > .slide {
	position:static;
	left:0;
	top:100%;
}
#nav > .slide:after{
	content:'';
	display:block;
	clear:both;
}
#nav .slide.js-slide-hidden{ position:static !important;}
#nav > .slide > ul > li {
	float:left;
	margin:0 30px 0 0;
	position:relative;
}
#nav ul > li.hover .dropdown {display:block;}
#nav ul > li.hover > a,
#nav ul > li > a:hover {color:#646463;}
.dropdown {
	background:url(../images/transparent.png) repeat;
	position:absolute;
	top:100%;
	left:0;
	width:210px;
	z-index:99;
	padding:0;
	display:none;
}
.dropdown ul {
	list-style:none;
	padding:0;
	margin:0;
}
.dropdown ul  li {
	float:none;
	padding:5px 10px;
	margin:0;
}
#nav .dropdown ul li a{
	color:#fff;
	padding:0;
}
#nav .dropdown ul li a:hover{ color:#646463;}
.dropdown-holder	{
	background:#00a7e2 !important;;
	padding:10px;
}
#nav ul > li > a {
	color:#fff;
	display:inline-block;
	padding:12px 0;
}
.navigation-holder .user {
	float:right;
	text-transform:capitalize;
	font:18px/20px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	color:#fff;
	padding:12px 0;
}
.navigation-holder .user a{
	font:18px/20px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	color:#fff;
}

.navigation-holder .user span {
  text-transform:none;
}
	





.navigation-holder .user a:hover { color:#646463;}



#main {
	max-width:971px;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	padding:42px 39px 46px 40px;
	position:relative;
	-webkit-box-shadow: 0 0 3px 0 rgba(1,1,1,0.2);
	box-shadow: 0 0 3px 0 rgba(1,1,1,0.2);
}
#main h1 {
	margin:0 0 15px 0;
	color:#1490cf;
	display:block;
	word-spacing:-3px;
	font:32px/34px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}
#main .pagination {
	position:absolute;
	right:43px;
	top:51px;
	font-style:italic;
	font-size:21px;
	font-weight:700;
	color:#5b5e5f;
}
#main .content {
	overflow:hidden;
	margin:0 0 18px;
}
#main .content .alignright {
	float:right;
	margin:0 4px 0 30px;
	width:38.9%;
}
#main .text{
	color:#646463;
	font-size:14px;
	line-height:16px;
	overflow:hidden;
	padding:20px 0 0 2px;
}
#main .text p:first-child	{
	font-size:16px;
	line-height:18px;
	color:#1e96d4;
}
#main .text p {
	margin:0 0 10px;
}
#main .buttons {margin:0;}
#main .buttons:after	{
	content:'';
	clear:both;
	display:block;
}


.delete {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:0px 4px 0px 4px;
	color:#fff;
	border:3px solid #fff;
	font:italic 9pxpx/10px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
  cursor:pointer;
  margin:-150px 0px 0px 20px;
  width:22px;
  font-weight:bold;
}

.delete:hover {
	color:#666666;

}






#main .buttons .back {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	float:left;
	position:relative;
	padding:4px 13px 6px 124px;
	color:#fff;
	border:3px solid #fff;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
  width:47px;
   cursor:pointer;
}



#main .buttons .back:after {
	background:url(../images/sprite.png) no-repeat 0 -113px;
	width:32px;
	height:32px;
	position:absolute;
	left:10px;
	top:13px;
	content:''; 
}



#main .buttons .back.study span {
  display:inline-block;
  width:150px;
  text-align:right;

}


#main .buttons .back.study {
	padding:4px 13px 6px 46px;
  width:150px;
  float:none;
  display:inline-block;
}

#main .buttons .next.study {
 
}


#main .buttons .back.dashboard {
	padding:4px 13px 6px 50px;
  width:92px;

}

#main .buttons .next.study {

    width:150px !important;;


}


#main .buttons .next.study span {
  display:inline-block;
    width:150px !important;;
  text-align:left;

}














#main .buttons .next {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 52px 6px 12px;
	color:#fff;
  cursor:pointer;
	border:3px solid #fff;
	float:right;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  width:120px
}



#homepageexpand  .homebutton {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
display:inline-block;
	padding:4px 52px 6px 12px;
	color:#fff;
  cursor:pointer;
	border:3px solid #fff;
	float:right;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  width:120px;
  margin-bottom:20px;
}

#homepageexpand  .homebutton:after {
	background:url(../images/sprite.png) no-repeat 0 -146px;
	width:32px;
	height:32px;
	position:absolute;
	right:-5px;
	top:13px;
	content:'';
}











#main .buttons button.next 
{
width:200px !important;
padding:4px 67px 6px  7px; 

}


#main .buttons button.back {
	width:200px;
  padding:4px 3px 6px  87px;
}




#main .buttons .fixedwidth {
width:200px;
}









#main .buttons .next:after {
	background:url(../images/sprite.png) no-repeat 0 -146px;
	width:32px;
	height:32px;
	position:absolute;
	right:-5px;
	top:13px;
	content:'';
}
#main .buttons .next:hover,
#main .buttons .back:hover  { opacity:0.8}
#footer	{
	background:#fff;
	position:relative;
}
.footer-menu {
	background: #1a7eb5;
	background: -moz-linear-gradient(left,  #1a7eb5 0%, #178ecd 26%, #148fcf 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1a7eb5), color-stop(26%,#178ecd), color-stop(100%,#148fcf));
	background: -webkit-linear-gradient(left,  #1a7eb5 0%,#178ecd 26%,#148fcf 100%);
	background: -o-linear-gradient(left,  #1a7eb5 0%,#178ecd 26%,#148fcf 100%);
	background: -ms-linear-gradient(left,  #1a7eb5 0%,#178ecd 26%,#148fcf 100%);
	background: linear-gradient(to right,  #1a7eb5 0%,#178ecd 26%,#148fcf 100%);
	-webkit-box-shadow: 0 0 16px rgba(0,0,0,.3); 
	-moz-box-shadow: 0 0 8px  0 rgba(0,0,0,.3); 
	box-shadow: 0 0 8px 0 rgba(0,0,0,.3);
	overflow:hidden;
	padding:13px 0 14px;
}
.footer-menu-holder {
	max-width:1024px;
	margin:0 auto;
	overflow:hidden;
}
.footer-menu-holder ul {
	list-style:none;
	padding:0;
	margin:0;
	font:18px/20px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif ;
	
	padding:0 0 0 2px;
	float:left;
}
.footer-menu-holder .sign-up { float:right;}
.footer-menu-holder .sign-up li {
	margin:0;
	position:relative;
	padding:0 0 0 10px;
}
.footer-menu-holder .sign-up li:first-child:after {display:none;}
.footer-menu-holder .sign-up li:after {
	position:absolute;
	left:0;
	content:'/';
	top:0;
	color:#fff;
}
.footer-menu-holder .sign-up li a {color:#fff;}
.footer-menu-holder ul li {
	float:left;
	margin:0 28px 0 0;
}
.footer-menu-holder ul li:last-child {margin:0;}
.footer-menu-holder ul li a {color:#fff;}
.footer-menu-holder ul li a:hover {color:#646463;}
.footer-holder	{
	max-width:1024px;
	margin:0 auto;
}
.footer-holder:after {
	display:block;
	content:'';
	clear:both;
}
.footer-holder .add-banner {
	float:left;
	width:71.3%;
	padding:42px 0;
}
.footer-holder .add-banner a img {
	width:100%;
	display:block;
	height:auto;
}
.social-holder {
	float:right;
	width:35%;
  margin-left:0px;
}


.social-area ul li.language a {
    text-transform: capitalize;
    padding: 4px 25px 2px 10px;
}



.social-holder .find-us {
	position:relative;
	font-size:19px;
	line-height:30px;
	font-weight:700;
	letter-spacing:-1px;
	text-transform:uppercase;
	padding:0 35px 0 0;
	color:#3c5999;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 2px 22px 0;
}
.social-holder .find-us:hover{color:#000;}
.social-holder .find-us:after {
	background:url(/images/sprite.png) no-repeat 0 -68px;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	content:'';
	top:0;
}
.social-holder .social-blog {
	width:100%;
	list-style:none;
	padding:0;
	margin:0 0 38px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	text-align:right;
}
.social-holder .social-blog:after {
	content:'';
	clear:both;
	display:block;
}
.footer-holder .social-blog li {
	display:inline-block;
	vertical-align:top;
	margin:0 0 0 2px;
}
.footer-holder .social-blog li a:hover {
	opacity:0.8;
}
.footer-holder .social-blog a {
	position:relative;
	display:block;
}
.footer-holder .social-blog li.facebook a {
	background:#3b5490;
	color:#fff;
	padding:4px 25px 0 10px;
	position:relative;
}
.footer-holder .social-blog li.facebook a:after {
	background:url(/images/sprite.png) no-repeat 0 0;
	position:absolute;
	right:13px;
	top:4px;
	width:6px;
	height:12px;
	content:'';
}
.footer-holder .social-blog li.twitter a {
	background:#5283b8;
	color:#fff;
	padding:4px 27px 0 9px;
	position:relative;
}
.footer-holder .social-blog li.twitter a:after {
	background:url(/images/sprite.png) no-repeat 0 -23px;
	position:absolute;
	right:5px;
	top:5px;
	width:14px;
	height:11px;
	content:'';
}
.footer-holder .social-blog li.google-plus a {
	background:#d44935;
	color:#fff;
	padding:4px 35px 0 8px;
	position:relative;
}
.footer-holder .social-blog li.google-plus a:after {
	background:url(/images/sprite.png) no-repeat 0 -44px;
	position:absolute;
	right:7px;;
	top:4px;
	width:17px;
	height:14px;
	content:'';
}
.social-holder .brands{
	margin:0;
	list-style:none;
	padding:0;
	text-align:right;
	width:100%;
}
.social-holder .brands:after	{
	content:'';
	clear:both;
	display:block;
}
.brands li {
	display:inline-block;
	margin:0 6px 0 9px;
}
.brands li a{
	width:119px;
	height:21px;
	display:block;
}

















/*
	JC
*/



 .plainbuttons {
    margin:0;
    padding:0;
    text-align:center;
}
 .plainbuttons:after	{
	content:'';
	clear:both;
	display:block;
}

.plainbuttons a{
    display:inline:block;
    width:160px;
}





 .plainbuttons .back {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	float:left;
	position:relative;
	padding:4px 13px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
	cursor:pointer;
}




.plainbuttons .next {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);

	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	position:relative;
	padding:4px 12px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	float:right;	
  cursor:pointer;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}


.plainbuttonsorange  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
   width:90%;	float:left;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  text-align:center;
  	cursor:pointer;
}

.plainbuttonsred  {
	background: url(../images/red-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
  width:90%;
  text-align:center;	
  cursor:pointer;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}

.plainbuttonsyellow  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
  width:90%;
  text-align:center;	
  cursor:pointer;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}




.plainbuttonsgreen  {
	background: url(../images/green-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
  width:280px;	
  cursor:pointer;
  text-align:center;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;

}

.plainbuttonsstart  {
	background: url(../images/start-button-bg.png) repeat-x !important;
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	position:relative;
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
	float:left;
  width:90%;
  text-align:center;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
}




.startbutton  {
 	-webkit-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 8px rgba(0,0,0,.25); 
	box-shadow: 0 5px 8px rgba(0,0,0,.25);
	padding:0px 12px 0px 12px;
	color:#fff;
	border:3px solid #fff;
  width:140px;
  text-align:center;
  display:inline-block;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
  margin-right:10px;
}


.startbutton.plainbuttonsstart  {
	background: url(../images/start-button-bg.png) repeat-x !important;
}

.startbutton.plainbuttonsgreen  {
	background: url(../images/green-button-bg.png) repeat-x !important;
  width:320px;
}
.startbutton.plainbuttonsred  {
	background: url(../images/red-button-bg.png) repeat-x !important;
}
.startbutton.plainbuttonsorange  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
}

.startbutton.plainbuttonsyellow  {
	background: url(../images/orange-button-bg.png) repeat-x !important;
}




td.examperson{
width:200px;
padding-right:10px;
}
td.examamount{
text-align:right;
}


.examstagebuttonsmall,.examstagesmall{
display:none;
}

.examstagestudysmall{
display:none;
}




 .plainbuttons .next.exam{ 
	background: url(../images/startbg.png) repeat-x !important;
}


 .plainbuttons .next.examresume{ 
	background: url(../images/orange-button-bg-tall.png) repeat-x  !important;
}

.plainbuttons .next.examfail{ 
	background: url(../images/red-button-bg-large.png) repeat-x  !important;
}

.plainbuttons .next.exampass{ 
	background: url(../images/green-button-bg-large.png) repeat-x  !important;
}

.plainbuttons .next.save{ 
	background: url(../images/savebg.png) repeat-x !important;
  width:200px !important;
  padding:4px 27px 6px  7px !important; 
  float:none !important;	

  text-align:center;
}

.buttonholder .plainbuttons{
  text-align:center;
  width:100%
}



 .plainbuttons .next:hover,
 .plainbuttons .back:hover  { 
  opacity:0.8; 
  background: #efa012;
}

.plainbuttons .next.fixedwidth,.plainbuttons .back.fixedwidth{
    width:180px;
}


.buttonholder{
float:left;
width:33%;
}









.clear{clear:both;}
.warning{color:red;}
.requiredfield {font-style:italic}

/* CHECK BOX Switch Styles */
.toggle {
    background:url("../images/checkbox.png") top left;
    display:inline-block;
    width:43px;
    height:39px;
}
.toggle.checked {
    background-position: left bottom;
}










 /***********************************/
/* client logos at the bottom of the page */
/***********************************/

#client-logo-wrapper {
	float: left;
	width: 240px;
	padding: 0;
	font-size: 0.86em;
	text-align: right;
}
#client-logo-wrapper p {
	margin: 0;
	padding: 0 0 5px 0;
}
#client-logos {
	position: relative;
	margin-left: 15px;
	margin-right: -15px;
	height: 63px;
}

#client-logos div {
	position: absolute;
	width: 120px;
}

#client-logos div img {
	display: block;
	margin: 0 auto;
}

#client-logos #sponsor1 {
	right: 0px;
}

#client-logos #sponsor2 {
	right: 120px;
}

#client-logos #sponsor3 {
	right: 240px;
}



/***********************************/
/* cookie */
/***********************************/



#cookie-alert {

	border-top:solid #fff 2px;
	display: none;
	position:fixed;
	left:0;
	bottom:0;
	text-align:center;
	width:100%;
 	background: rgba(0,0,0,.8);
	color:#ffffff;
	z-index:1000;
	min-height:40px;
	line-height:40px;
	font-size:12px;
	padding:0;
	/* text-align:center; */
	transition: height 1s;
	-moz-transition: height 1s; /* Firefox 4 */
	-webkit-transition: height 1s; /* Safari and Chrome */
	-o-transition: height 1s; /* Opera */
}

#cookie-alert p{
  display:inline-block;
}


#cookie-alert a {
	font-weight:bold;
	text-decoration:underline;
}

#cookie-alert a.allow {
	color:#ffffff;
	background-color:#00a0c3;
	border:solid 1px #fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	cursor:pointer;
}

#cookie-alert a.cookiemore {

	background-color:#00a0c3;
	border:solid 1px #fff;
	padding:5px 10px;
	margin-left:10px;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}
#cookie-alert:hover {
	transition: height 1s;
	-moz-transition: height 1s; /* Firefox 4 */
	-webkit-transition: height 1s; /* Safari and Chrome */
	-o-transition: height 1s; /* Opera */
	/* height:60px; */
}



 /***********************************/
/* home page */
/***********************************/


#headerbackground { 
position:absolute; top: 0px; 
left: 0; 
margin: 0 ; 
padding:0px; 
width:100%; 
height:100%; 
overflow:hidden; 
z-index: -5;}

#home-top{

}



#home-top-left{
width:730px;
height:205px;
padding-top:110px;

}

#home-top-left img{
float:left;
margin:30px 25px 0px 0px;
}

#home-top-buttons {
float:right;
padding-top:210px;
margin-right:0px;
}

#home-header{
  max-width:1400px; 
	margin-left: auto ;
  margin-right: auto ;
	position:relative;
  padding:0px;
  margin-top:-1px;
  border-top:solid rgb(22,142,206) 1px;
}



#home-header-inner{
  max-width:1024px; 
	margin-left: auto ;
  margin-right: auto ;
	position:relative;
  padding:0px;
}




#main.mainhome{
    padding:20px 20px 20px 20px;
    max-width:100%;
    background:#fff;
    margin:0 ;
}

.homepagearticle{
  max-width:1024px; 
	margin-left: auto ;
  margin-right: auto ;
	position:relative;
  padding:0px;
}


.homepagearticle a {
	text-decoration: none;
	color: rgb(27,164,221);
	outline: none;
}
.homepagearticle a:hover {
	text-decoration: none;
	color: #ff9933;
}



.homepagearticleleft  {
width:50%;
border-right:solid 3px rgb(220,229,244);
float:left;
position:relative;
padding:0px 10px  0px 0px;
color:rgb(27,164,221);
font-size:19px;
font-weight:bold;
line-height:24px;
margin:-8px; 0 20px 0;

}

.homepagearticleright  {
width:45%;
float:left;
position:relative;
padding:0px;
line-height:16px;
padding-left:20px;
margin-bottom:20px;
}


.homepagearticleright:after {
	clear:left;
}




.homepagearticleinner {
background: #ebf7fe url(../images/homeh2.png) repeat-x;
text-align:center;
width:100%;


}



.homepagearticleinnercenter {
  max-width:1024px;
  position: relative;
  margin: 0 auto;
  text-align:left;
}



h2.expander{	
}


.expander-content{
background:rgb(238,245,251);
padding: 10px 10px 10px 10px;
}
.expander-content-white{
background:#fff;
padding: 0px 0px 0px 0px;
}





.homepagearticleinner h2{
height:47px;
width:100%;
color:#fff;
padding:0px 0px 0 0px ;
margin:0px;
font-size:19px;
}

.homepagearticleinner h2 span{
height:40px;
width:auto;
background:url(../images/cog.png) 0 8px no-repeat;
padding:8px 0px 0 0px;
display:block;

}

.homepagearticleinner h2 span span{
padding-left:37px;
display:block;
position:relative;
}



h2.expander span span {
	clear: left;
	background: url(/images/arrow-down.png) 100% 9px no-repeat !important;
	cursor: pointer;
  padding-right:100px;

}
h2.expander-active span span{
	background: url(/images/arrow-up.png) 100% 9px no-repeat !important;
}

#homepagefooter{
height:25px;
background:#fff;
border:solid #fff 1px;
width:100%;
}



 /***********************************/
/* register page */
/***********************************/

div.stateview{
opacity: 0;
height:1px;
display:inline-block;;
padding:0px !important;
margin:0px !important;
margin-top:-1px;
}

div.stateview label{
text-indent:-5000px;
height:1px;
float:none;
font-size:1px;
color:#fff;
padding:0px !important;
margin:0px !important;

}
#register div.stateview input#State{
text-indent:-5000px;
height:1px;
float:none;
font-size:1px;
color:#fff;
padding:0px !important;
margin:0px !important;
}



#register div.registercheckboxcontact{
width:100% ;
}


#register div.registercheckboxcontact label{
width:60% ;
padding-top:17px;
}

#register div.registerprivacy,#register div.registerdisplay {
	margin-top:40px;
}



span.normal{
font-weight:normal;
}


#register label{
width:250px;
border:solid white 1px;
float:left;
font-weight:bold;
margin-right:5px;

}


#register label.fullwidth{
display:none;
}

#register showlabelwide label.fullwidth{
display:none;
}

#register  input[type="text"],#register  input[type="password"]{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  border: 2px solid #646363;
 	padding:10px 0 6px 10px !important;
  font-size:1.2em !important;
  line-height:1.3em !important;
  margin-bottom:5px;
  width:50%;
}


#register  select{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: #fff;
  border: 2px solid #646363;
 	padding:10px 0 6px 10px !important;
  font-size:1.2em !important;
  line-height:1.3em !important;
  margin-bottom:5px;
  width:52%;
}




#tocbox #TOCwrapper{
    position: relative;
    left: 50px;
    top: -24px;
}


#tocbox label{
display:inline-block;
float:none;
font-weight:bold;
width:auto;

height:30px;
}

#tocbox h2.expander span span {
	clear: left;
	background: url(/images/arrow-down.png) 100% 9px no-repeat !important;
	cursor: pointer;
  padding-right:35px; 
}


#tocbox div.expander-contentwhite{

}

#tocbox a.toggle{

}


.paypalticked{
display:none;
}

div.isactive  .paypalticked{
display:block;
}

div.isactive .paypalunticked{
display:none; 
}

.ccticked{
display:none;
}


div.isactive  .ccticked{
display:block;
}

div.isactive .ccunticked{
display:none; 
}

 .promounticked{
display:block;
}

 .promoticked{
display:none;
}


div.isactive  .promoticked{
display:block;
}

div.isactive .promounticked{
display:none;
}






 .plainbuttons .backdisabled {
	background: #1b8fcf  -moz-linear-gradient(top,  #1b8fcf 0%, #1689c7 20%, #1989c5 22%, #1487c3 27%, #1786c1 29%, #137cb3 51%, #1577ac 63%, #1175a9 68%, #1574a7 71%, #1172a5 76%, #146d9d 93%, #106d9d 95%, #146c9a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b8fcf), color-stop(20%,#1689c7), color-stop(22%,#1989c5), color-stop(27%,#1487c3), color-stop(29%,#1786c1), color-stop(51%,#137cb3), color-stop(63%,#1577ac), color-stop(68%,#1175a9), color-stop(71%,#1574a7), color-stop(76%,#1172a5), color-stop(93%,#146d9d), color-stop(95%,#106d9d), color-stop(100%,#146c9a));
	background: -webkit-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -o-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: -ms-linear-gradient(top,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	background: linear-gradient(to bottom,  #1b8fcf 0%,#1689c7 20%,#1989c5 22%,#1487c3 27%,#1786c1 29%,#137cb3 51%,#1577ac 63%,#1175a9 68%,#1574a7 71%,#1172a5 76%,#146d9d 93%,#106d9d 95%,#146c9a 100%);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.25); 
	box-shadow: 0 5px 15px rgba(0,0,0,.25);
	float:left;
	position:relative;
	padding:4px 13px 6px 12px;
	color:#fff;
	border:3px solid #fff;
	font:italic 18px/32px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	border-radius:2px;
}


























#register input[type="radio"]{
 width:auto;
text-align:left !important;
padding:0px;

}
#register nodisplay{
display:none !important;

}

.registercheckbox label{
display:none;
}

div.registercheckbox {
 width:50%;
margin:10px 10px 10px 255px;
}


#PayPalbox,		 #creditbox, #offerbox , #loginbox,#tocbox{

border:solid #666 2px;
padding:10px;
margin:10px 0px 10px 0px;
}



 /***********************************/
/*  start exam */
/***********************************/


#main.examstart{
    padding:20px 20px 20px 20px;
    max-width:100%;
    background:#fff;
    margin:0 ;
}


#main.examstart .examstartinner{

  max-width:1024px; 
	margin-left: auto ;
  margin-right: auto ;
	position:relative;
  padding:0px;
}



div.examsection{
padding:0px 10px 0px 0px;
margin: 0px 0px 10px 0px;
width:100%;
}


div.examsectionpic{
height:60px;
width:50px;
margin: 0px 0px 10px 0px;
float:left;
}


div.examsectionbody{
float:left;
width:95%;
}


#examsection_workshop{
	background: url(/images/section_icons.png) 0 12px no-repeat ;
}

#examsection_torque{
	background: url(/images/section_icons.png) 0 -58px no-repeat ;
}

#examsection_lubricant{
	background: url(/images/section_icons.png) 0 -130px no-repeat ;
}

#examsection_tyres{
	background: url(/images/section_icons.png) 0 -215px no-repeat ;
}

#examsection_bs{
	background: url(/images/section_icons.png) 0 -290px no-repeat;
}

#examsection_delivery{
background: url(/images/section_icons.png) 0 -366px no-repeat ;
}

#examsection_health{
	background: url(/images/section_icons.png) 0 -449px no-repeat ;
}

#examsection_legislation{
	background: url(/images/section_icons.png) 0 -524px no-repeat ;
}




div.examsection h2{
width:99%;
padding:10px 10px 0px 10px;
font-style:italic;
text-transform:lowercase;
padding:0px;
margin:0px 0px 5px 0px;
color:#0057a4;
}

div.examstagebutton {
  float:right;
  margin-top:-3px;

}

div.examstagestudy {
  float:right;
  margin: 4px 0px 0px 20px;
}
.studysection {
font-size:9px;
}



div.examstagebackgroundsmall {
display:none;
}


div.examstagebackground {
	background: url(/images/progress_bar_background.png) top right repeat-x !important;
  height:30px;
  width:510px;
  color:#fff;
  font-style:italic;
  margin:6px 0px 0px 0px;
}

div.examstagebackground div {
padding: 7px 0px 0px 10px;
height:23px;
}

div.examstageten {
width:50px;
	background: url(/images/progress_bar_foreground.png) top right repeat-x !important;
}

div.examstagehundred {

	background: url(/images/progress_bar_foreground.png) top right repeat-x !important;
}







div.examstage {
  
	background: url(/images/progress_bar_foreground.png) top right repeat-x !important;
}

div.examstagezero{}




 /***********************************/
/*  start exam */
/***********************************/


div.popupshell{
background:  url(/images/popup_background.png) top right repeat !important;
width:900px;
}
div.popupheader{
text-align:right;
margin:0px 0px 0px 0px;
padding:10px 40px 0px 0px;
height:30px;
}

div.popupheader a{
color:#fff;
font-size:18px;
cursor: pointer;

}

div.popupcontent{
background:  #fff;
margin:0px 40px 40px 40px;
padding:10px;
}


div.popupcontent h1 ,div.popupcontent h2,div.popupcontent h3{
  color:#1490cf;
	font-style:italic;
   text-transform:lowercase;
}


div.popupfooter{
height:100px;
margin:0px 40px 0px 40px;
}


 /***********************************/
/*  the exam */
/***********************************/

#examcopyright{
font-size:9px;
line-height:10px;
margin-top:20PX;
}

div.buttons.question{
padding:0px 0px 10px 0px;
}


div.question  {
margin:0px 0px 25px 0px;
}

div.question::first-letter {

}







div.answer {
display:block;
margin:0px 0px 45px 0px;
color:#1490cf;
font-size:18px;
font-style:italic;	
cursor: pointer;
font-weight:bold;
}

.popupcontent div.answer {
cursor:auto;
}

.wronganswer{
float:right;
padding-right:40px;
cursor:auto;
margin-top:-7px;
}



.answerradio{
float:right;
padding:0px;
margin-top:-10px;
}

.answerradio:after{
clear:both;
}

div.answer span{
margin-right:20px;
}

.saveexam {
text-align:center;
margin:auto;
width:200px;
margin-top:-58px;
}

#questionlist{
width:80%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}

#questionlist p{
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
}

#questionlist span{
width:26px;
height:18px;
margin: 2px 1px 0px 0px;
color: #fff;
padding: 4px 2px 3px 1px;
display:inline-block;
text-align:center;
}


#questionlist a{
color:#fff;
}



#questionlist .selectedstudy{
background: #158ecd;
width:46px;
}




#questionlist .selected{
background: #158ecd;
}

#questionlist .unselected{
background: #b5cfe5;
}

#questionlist .current{
background: #53a932;
}


#questionimage{

margin-bottom:10px;
}

#questionimage img {
    display: block;
    margin-left: auto;
    margin-right: auto;padding: 15px;
  border:solid rgb(99,100,103) 3px;
}



div.fail .buttons,div.pass .buttons{
padding-top:40px;
}

div.fail  h1,div.pass  h1{
    color:#168ece;
    text-align:center;
}

div.fail  h1 span,div.pass  h1 span{
   color:#646363;
   text-transform:lowercase;
}


p.progress{text-align:right;}



div.fail .score{
    background: #de0d14;
    width:250px;
    height: 250px;
    border-radius: 50%;
    text-align:center;
    float:left;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.60); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.60); 
	 box-shadow: 0 5px 15px rgba(0,0,0,.60);
}

.pass div.middle{
text-align:center;

}

div.pass .score{
    background: #5eac31;
    width:250px;
    height: 250px;
    border-radius: 50%;
    text-align:center;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.60); 
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,.60); 
	 box-shadow: 0 5px 15px rgba(0,0,0,.60);
   display:inline-block;
}







div.fail .score div, div.pass .score div{
    padding:120px 0px 0px 0PX ;
    color:#fff;
    font-size:80px;	
    font-style:italic;
    font-weight:bold;
    letter-spacing:-3px;
}

span.one{
    letter-spacing:-14px;
}
span.zero{
    letter-spacing:-8px;
}




div.fail .correct{
    font-size:18px;
    float:right;
    width:33%;
    line-height:22px;
padding-top:40px;
}

div.fail .wrong{
    font-size:18px;
    float:right;
    width:33%;
    line-height:22px;
    padding-top:40px;
    
}
.yougot{
 color:#168ece;
}
.wrongquestion{
 color:#de0d14;
}

.rightquestion{
 color:#5EAC31;
}



.wrongquestion span{
display:inline-block; 
width:50px ;
}




.wrongquestion a,.rightquestion a{
 color:#646363;
}

.qnumber{
font-weight:bold;
}  



#main h1.question{
margin-bottom:10px ;
}

#main h2.question{
	margin:0 0 10px 0;
	color:#1490cf;
	display:block;
	word-spacing:-3px;
	font:28px/30px 'HelveticaNeueLTStd-Hv' , Arial, Helvetica, sans-serif;
	font-style:italic;
}

.text ul ul{
list-style: none;
}


p.studyimagecenter {
text-align: center;
}

p.studyimageleft {
text-align: left;
}

p.studyimageright {
text-align: right;
}

div.videoplayerwrapper{
  width:100%; 
  text-align: center;
}

div.videoplayer{
   width:640px;
   margin:auto;
}

p.studyheader{
font-style:italic;
font-size:110%;
color:#646463  !important;;
}

h1.studytitle{
  text-transform:none;
}





table.studytable {
border:solid #646463 1px;
border-collapse: collapse;
}

table.studytable td {
border:solid #646463 1px;
padding: 5px 5px 5px 5px; 
text-align:right;
}
table.studytable td.header {
font-size:110%;
text-align:left;
}

table.studytable td.item {
text-align:left;
}

table.studytable td.topheader {
font-size:110%;
text-align:right;
}



table.studytable td.item {
padding: 5px 5px 5px 20px; 
}




.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}



div.congratulations{
  background:url(../images/congratulations_fr.png) no-repeat 0 0;
  width:971px;
  height:410px
}


div.congratulations div{
  width:420px;
  padding-top:130px;
}

#act-logo-footer {
	display:none;
}


span.hover{
  color:#1490cf;
  font-weight:bold;
  cursor:pointer;
  position: relative;  
}

span.hover .hovertext{
  display:none;
}

span.hoverwrapper:hover .hovertext{
  display:block;
  background:#fff ;
  border:solid #1490cf 2px;
  display: inline-block;
  padding:10px;
  position: absolute;
  width: 280px;
  top: -10px;
  left:30px;
}






@media (max-width: 1024px) {  
  #nav{padding-left:10px;}
  .header-holder{padding-left:10px;}
  .footer-menu{padding-left:10px;}
  #home-top-left img{
    float:right;
    margin:30px 15px 0px 10px;
    }
  .act-logo {
  	padding-right:10px;
  }
 .navigation-holder{
    padding-right:10px;
  }
  #strapline{
    padding:5px 10px 5px 0px; 
  }
}










@media (max-width: 1024px) {  
  #nav{padding-left:10px;}
  .header-holder{padding-left:10px;}
  .footer-menu{padding-left:10px;}
  #home-top-left img{
    float:left;
    margin:30px 15px 0px 10px;
    }
  .act-logo {
  	padding-right:10px;
  }
 .hidebig {
  	display:none;
  }
}




@media (max-width: 1023px) {  
    body	{
    		min-width:1024px;
    	}
    
    #act-logo-footer {
    	display:none;
    }
    
}



@media (max-width: 768px ) {  
 	body {
		min-width:481px;
		max-width:768px;
	}   
  #main {
    	padding:10px;
  }
 
  #main .pagination {
  	top:auto;
  }

  .navigation-holder {
  	max-width:768px;
  	margin:0 10px 0 0;
  	padding:0;
  }
  
   #home-header{

}

  #home-welcome{display:none;}

  .hidebig {
  	display:none;
  }
  
  .footer-holder .add-banner{
  width:100%;
  }
  
  .social-holder{
  width:100%;
  margin-right:10px;
  
  }
  
  div.popupshell{
  width:90%;
  }

  div.examstagebackground {

    display:block;
  }
  
  div.examstagebutton{
    width:100%;
    margin-bottom:10px;
    margin-top:10px;
    display:block;
  }

  div.examstagestudy {
    float:left;
    margin: 4px 20px 0px 530px;
  }

  .act-logo {
  	width:50.3%;
  	float:right;
  }
  .act-logo a img {
  	display:inline;
  	width:49%;
  	height:auto;
  }


}





  










@media (max-width: 580px) { 
	body {
		min-width:320px;
	}
	.logo {
		width:100%;
		margin:8px 0 10px;
	}

  div.dropdown.hidebig{
      display:block;
  
   }



    

  div.videoplayer{
    width:100%;
  }

  h2.studytitle{
  	line-height:22px;
   margin-bottom:0px;
  }


  p.studyimagecenter img{
  width:100%;
  }
  
  p.studyimageleft img{
  width:100%;
  }
  
  p.studyimageright img{
  width:100%;
  }


  #main .buttons .back.study {
  	padding:4px 13px 6px 46px;
    width:119px;
    float:none;
    display:inline-block;
  }
  

   .hidebig {
    	display:block;
    }

	.header-holder {
		width:100%;
		padding:10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.logo-holder {
		width:100%;
		margin:0 0 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}
	.navigation-area {
		padding:12px 10px;
	}
	.social-area ul {
		text-align:center;
		float:none;
	}


	.header-right .social-area{
    display:none;
   }

    
  .act-logo {
  	width:33%;
  	float:right;
  }

  #ownlogo{
  display:none;
  }
  #clientlogo{
  width:100%;
  }

  .act-logo a img {
  	display:inline;
  	width:100%;
  	height:auto;
margin-top:10px;
  }

 #strapline{
   display:none;
  }

	#act-logo-footer {
	display:none;
	}

   #home-header{display:none;}


	#nav .slide.js-slide-hidden{ position:absolute !important;}
	#nav {float:none; }
	.opener {display:block;}
	#nav ul {width:100%;}
	#nav ul li {
		width:100%;
		padding:5px 0;
	}
	#nav ul > li > a {
		padding:0;
	}
	.social-area ul li {
		display:inline-block;
		float:none;
		vertical-align:top;
		padding:5px;
	}
	#nav .slide {
		position:static;
		padding:10px 0;
	}
	#nav .dropdown {
		width:100%;
		background:none;
	}
	.dropdown-holder {
		background:none;
	}
	#nav .dropdown ul	{
		font-weight:normal;
		font-size:16px;
		line-height:18px;
		margin:0;
	}
	#nav .dropdown ul li {
		padding:5px 10px;
		position:relative;
	}
	#nav .dropdown ul li:hover:after	{
		background:#646463;
	}
	.navigation-holder .user {
		float:right;
		margin:9px 0;
		padding:0;
		position:relative;
		z-index:2;
	}



	#main	{padding:10px;}
	#main h1 {
		font-size:22px;
		margin:0 0 10px;
	}
	#main .pagination {
		font-size:14px;
		top:18px;
		right:10px;
    text-align:right !important;
	}
	#main .content {
		margin:0 0 20px;
	}
	#main .content .alignright {
		width:100%;
		margin:0 0 15px;
	}
	#main .text-holder {width:100%;}
	#main .two-columns {margin:0 0 50px;}
	#main .buttons .back {padding:4px 14px 6px 60px;}
	#main .buttons .next {padding:4px 30px 6px 10px;}
	.footer-menu-holder {
		width:100%;
		text-align:center;
		padding:0 10px;
		-moz-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
	}


	.footer-menu-holder ul {
		margin:0 0 10px 0;
		width:100%;
		overflow:hidden;
	}
	.footer-menu-holder ul li {
		float:none;
		display:block;
		margin:0 0 10px 0;
    padding:0px;
	}
  .footer-menu{
    padding-left:0px;
  }

.social-holder  { 
    margin-right:0px;
  }



	.footer-menu-holder .sign-up {float:none;}
	.footer-menu-holder .sign-up li:after {display:none;}
	.footer-menu-holder .sign-up li {margin:0 0 10px;}
	.social-holder {width:100%;}
	.footer-holder .add-banner {display:none;}

	.social-holder .brands {display:none;}
	.social-holder .social-blog {text-align:center;}
	.social-holder .social-blog {text-align:center;}
  #questionlist {display:none;}


  .social-holder div {
    text-align:center;
    width:100%;
  }

  .social-holder .find-us {
     display:inline-block;
     position:relative;	
    float:none;
  }

  





#register  input[type="text"],#register  input[type="password"]{
      width:90% ;
    }
    
#register  select{
    width:90% ;
    }
    

   .saveexam {
  float:left;
   margin-top:-8px;
  }

    
    div.registercheckbox {
       width:90%;
      margin:10px 10px 10px 0px;
    }
    
    #OfferCode{
    margin-top:0px !important;
    width:250px !important;
    }
}  



 /***********************************/
/*  narrow */
/***********************************/
@media (max-width: 580px) { 
	#main  h1 {
		font-size:18px;
		line-height:20px;
		word-spacing:0;
		padding:0 53px 0 0;
	}
	#main  .pass h1 {
		padding:0 0 0 0;
	}


	#main  .fail h1 {
		padding:0 0 0 0;
	}



	#main .pagination {
		top:10px;
		font-size:18px;
		line-height:20px;
	}


  .hidesmall{display:none;}


  div.homepagearticleleft{
  width:100%;
  border:none;
  height:auto;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  }

  div.homepagearticleright{
   width:100%;
    height:auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }


  .examstagebackground{
    display:none;
  }
  
  .examstagebutton{
  display:none;
  }
  
  .examstagebuttonsmall{
  display:block;
  }
  
  .examstagestudy{
  display:none;
  }
  
  .examstagestudysmall{
  display:block;
  }

  div.examstagebackground {
      display:none;
  }
  
  div.examstagebutton{
    display:none;
  }


  div.examsection{
  padding:0px 10px 0px 30px;
  margin: 0px 0px 10px 0px;
  }
  


  div.examsectionpic{
    display:none;
    }

  
  #examsection_workshop{
  	background: none;
  }
  
  #examsection_torque{
  	background: none;
  }
  
  #examsection_lubricant{
  	background: none;
  }

  #examsection_tyres{
  	background: none;
  }
  
  #examsection_bs{
  	background: none;
  }
  
  #examsection_delivery{
  	background: none;
  }
  
  #examsection_health{
  	background: none;
  }
  
  #examsection_legislation{
  	background: none;
  }
  .examstagesmall{
  display:none;
  }
  div.examsection h2{
  font-style:italic;
  text-transform:lowercase;
  padding:0px;
  margin:10px 0px 6px 0px;
  color:#0057a4;
  width:100%;
  }
  
  div.examsection{
  padding:0px 0px 0px 0px;
  margin: 10px 0px 10px 0px;
  }
  
  .saveexam {
  text-align:center;
  margin:auto;
  width:200px;
  }
  
  div.fail .score{
  margin:auto;  
  display:block;
  clear:both;
  margin:auto;
  }

  div.fail .score{
  margin:auto;  
  display:block;
  clear:both;
  margin:auto;
  }
  
  div.fail .correct{
  display:block;
  float:left;
  width:100%;
  }
  
  div.fail .wrong{
  display:block;
  float:left;
  width:100%;
  padding-top:10px;
  }




  div.popupshell{
  background:  url(/images/popup_background.png) top right repeat !important;
  width:90%;
  }



  
  .plainbuttons .next.fixedwidth,.plainbuttons .back.fixedwidth{
     float:none;
     display:block;
     margin: 5px 0px 0px 5px;
      width:90%;
  }
   div.popupfooter{
      height:120px;
      margin:0px 40px 0px 40px;
  }

  

     .saveexam {
    float:left;
     margin-top:-8px;
    }




  .homepagearticleinner h2{
  font-size:15px;
  
  }
  
  h2.expander span span{
  padding-right:10px;
  }


  div.congratulations{
    background:none;
    width:100%;
    height:auto
  }
  
  
  div.congratulations div{
    width:100%;
    padding-top:0px;
  }
  
  div.congratulations h1.hidebig{
      width:100% !important;
      padding-top:0px !important;
      display:block !important;
      font-style: italic !important;
      font-weight:bold !important;
      font-size:28px !important;
      color:rgb(7,80,164) !important;
      line-height:23px !important;
  }
  
  div.dropdown.hidebig{
      display:block;
  
   }
    #questionimage {
   margin: 10px 15px 105px 5px;
    }
    #questionimage img{
    width:95%;
    }

      .buttonsouterwrapper{
      text-align:center;  
      }
      
      .buttonsouter{
      margin:auto;
      
      }
      
      .buttonholder{
      display:block;  
      text-align:center;  
      width:100%;
      }
      .buttonholder button{
      margin:auto;
      float:none;
      }

      .buttonholder .buttons{
      margin:auto;
      float:none;
      width:90%;
      }



      .buttons.question{
        width:100%;
        text-align:center;
         float:none;
      }
          



      #main .buttons .back{
      float:none;
      display:block;    
       margin:auto;
          }
      #main .buttons .next{
      float:none;
      display:block;
          margin:auto;
      }    

      #main .buttons .study.back{
      float:left;
      }


      .buttonholder .plainbuttons{
        text-align:left;
        width:100%
      }


.startbutton.plainbuttonsgreen{
  width:90%;
  margin-top:0px;
  margin-bottom:0px;
}





  #main .buttons .next.study{
   float:right;
  }

  div.fail .score,  div.fail .wrong, div.fail .correct{
   float:none;
  }
  div.fail .wrong{
   float:none;
    text-align:center;
  }
  div.fail .correct{
      float:none;
      text-align:center;
  }


  
  div.examstagebackgroundsmall {
  	background: url(/images/progress_bar_background.png) top right repeat-x !important;
    height:30px;
    width:95%;
    color:#fff;
    font-style:italic;
    margin:6px 0px 5px 3px;
    display:block;
    float:left;
  }
  
  div.examstagebackgroundsmall div {
  padding: 7px 0px 0px 10px;
  height:23px;
  }








}

 /***********************************/
/*  end narrow  */
/***********************************/



@media (max-width: 480px) { 
 
.buttonsouter{
text-align:center;  
}


.videoplayer{
  width:100%;
}





#main .buttons{
    width:90%;
    margin:auto;
}


  #main .buttons .next{
  
/*  margin-right:40px; */ 
  }

 #main .buttons .back {
 
/*  margin-right:80px; */ 
  }



 #main .buttons .next.study{
  float:none;
  display:inline-block;
  margin-right:0px;
  padding:4px 51px 6px 12px;
  width:119px !important;
  }

 #main .buttons .back.study{
  width:123px !important;
  margin-left:1px;
  }

  #main .buttons .study.back{
  float:none;
  }


 
 
  #main .buttons .study.back{
    margin-right:0px !important;
  }

  div.examstagebackgroundsmall {
    width:95%;
    padding-right:10px;
  }
  .examstagesmall{
  display:none;
  }  

  div.examstagehundred {
  padding-right:0px !important;
  width:100%;
  }


}






/***********************************/
/* cookie */
/***********************************/



 @media (max-width: 470px) {
  #cookie-alert {
  padding:5px 10px 5px 10px;
 	font-size: 100%;
  text-align: center;
  line-height:20px;; 		width:calc(100% - 15px) !important;
  }


#cookie-alert p {
   display: block;
 	margin:0px 0px 5px 0px;
	padding:0px;
}


  #cookie-alert a.allow {
	display:inline-block;
	text-align:center;
	font-weight:bold;
	padding:0px 5px;
	height:auto;;
	line-height:20px;;
	margin:0px 10px 5px 0px;
  }

#cookie-alert a.cookiemore {
	display:inline-block;
	text-align:center;
	padding:0px 5px;
	margin:0px 0px 5px 0px;
	font-weight:bold;
	line-height:20px;;
	height:auto;;
 }

 }



@media (max-width: 580px) {
    /***********************************/
  /* cookie */
  /***********************************/
  #cookie-alert {
      line-height: 30px;
  }
#cookie-alert p {
    	margin:0px 0px 3px 0px;
}
  #cookie-alert a.allow {
      	margin:5px 10px 0px 10px;
  }

	#cookie-alert a.cookiemore {
	    	margin:5px 0px 3px 0px;
	 }
 }




 @media (max-width: 560px) {
  #cookie-alert {
      line-height: 20px;
  }
  #cookie-alert a.allow {
      	margin:0px 10px 3px 0px;
  }

	#cookie-alert a.cookiemore {
	    	margin:0px 0px 3px 0px;
	 }
 }