body{font-family:Arial, Helvetica, sans-serif;	font-size:12px;	color:#333;	margin:0; padding:0; background-image:url('../images/wr_bg_taalperfect.gif'); background-position:center;	background-repeat:repeat-y;}

#wrapper{margin:0 auto;	width:990px; background-color:#52ae39; background-image:url('../images/wrapper_bg_taalperfect.jpg'); background-repeat:repeat-y; padding-bottom:20px;}
#header{background-image:url('../images/header_taalperfect.jpg'); width:967px;	height:185px; position:relative;}
#header a.home-url{	display:block;	width:210px; height:140px;	position:absolute; bottom:0px; left:30px; border:0px;}
#header .header-image{ width:400px;	height:170px; position:absolute; right:10px;bottom:12px; text-align:right;}
#header .header-image img {	position:absolute; bottom:0; right:0;}

#container{	background:url('../images/bg_taalperfect.jpg') repeat-y; position:relative;}
#container.wide {background-image:url('../images/bg_taalperfect_wide.jpg');}
#container .arch {background:url('../images/arch_taalperfect.jpg') no-repeat left top; width:173px; min-height:793px; height:auto !important; height:793px; padding-top:35px; float:left; position:relative;}

#itemform h2{margin:0 0 0 10px;}
.item_intro,
.item_text,
.item_question{
	margin:0 0 20px 0;
}
#choices{width:100%;}
div.answer label{padding-left:5px; float:left; display:block; width:auto; clear:right; }
li.answer label{padding-left:5px; float:left; display:block; width:auto; clear:right;}
#choices li.answer label{width:90%; padding-bottom:7px;}
.answer input{clear:left; vertical-align:middle;}
div.answer.multimulti { width:100%; padding:0 0 7px 0; margin:0; }
#container a.menu-item, #container a.menu-item-extra{
	display:block;
	background-image:url('../images/button_taalperfect.png');
	background-repeat:no-repeat;
	width:125px;
	height:26px;
	margin:4px 0 0 10px;
	padding:7px 0 0 15px;
	text-transform:lowercase;
	font-variant:small-caps;
	color:#000;
	text-decoration:none;
	font-size:12px;
	letter-spacing:1px;
	cursor:pointer;
}

#container a.menu-item-extra{
	background-image:url('../images/button_green_dark.png');
	color:#FFF;
}

#container a.menu-item:HOVER{background-image:url('../images/button_taalperfect_hover.png');}

#container .corner{
	background-image:url('../images/corner_taalperfect.jpg');
	background-repeat:no-repeat;
	width:8px;
	height:10px;
	position:absolute;
	top:-1px;
	right:20px;
}

#container #contents {
	width:563px;
	min-height:300px;
	background-image:url('../images/text_top_taalperfect.jpg');
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
	position:relative;
	/*overflow:hidden;*/
}

#container.wide #contents {	background-image:url('../images/text_top_taalperfect_wide.jpg'); width:787px;}
/* toetsspeler */

#contents.overview-wrp div.qualification-wrapper { padding:20px; }

div.qualification-test-overview h3 { font-size:1.3em; margin:1em 0 0.5em 0; }
div.qualification-test-overview table { background-color:#fff; }
div.qualification-test-overview table td { border-top:solid #EDEDED 1px; }
div.qualification-test-overview table td, th { padding:3px 6px; }
div.qualification-test-overview table td img { vertical-align:top; }
div.qualification-test-overview table tr.divider td { border-top:solid #333 1px; }

#container #contents div.text{padding:30px 10px 30px 12px;}
#container #contents .text fieldset{padding :4px;}
#container #footer {	background:url('../images/footer_taalperfect.jpg') no-repeat; width:986px; height:38px; position:relative;}
#container.wide #footer {	background-image:url('../images/footer_taalperfect_wide.jpg');}

#right{	float:left;	width:233px; /*text-align:center;*/	position:relative;	z-index:1;}
#right img{margin:10px 10px 0 10px;}
#right .theory{
	margin:10px auto;
	background-image:url('../images/theory.jpg');
	background-repeat:no-repeat;
	width:214px;
	height:84px;
	z-index:1;
}

#right div.demo { background:transparent url('../images/right_one_default.jpg') 0 0 no-repeat; width:215px; height:126px; margin:10px auto;}
#right .demo {background:transparent url('../images/taalperfect-demo-btn.png') 0 0 no-repeat;	width:215px; height:126px; z-index:1; display:block;}
#right a.demo:hover { background-position:0 -126px;}


#right .cefs {
	margin:10px 10px 0px 10px;
	background-image:url('../images/cefs.jpg');
	background-repeat:no-repeat;
	width:214px;
	height:225px;
	z-index:1;
}

#right .item-right{
	margin:10px 10px 0px 10px;
	position:relative;
	width:214px;

}

#right .item-right .top{
	background-image:url('../images/right_item_top.jpg');
	background-repeat:no-repeat;
	height:12px;
	background-color:#e8eaf4;
}

#right .item-right .body{ 
	position:relative;
	min-height:52px;
	height:auto !important;
	height:52px;
	background-color:#e8eaf4;
}



#right .item-right .bottom{
	background-image:url('../images/right_item_bottom.jpg');
	background-repeat:no-repeat;
	height:14px;
}

#right .item-right .modules-list{
	text-align:left;
	font-size:16px;
	padding-left:10px;
	line-height:150%;
}

#right .item-right .modules-list a			{text-decoration:none; color:#5589b3;}
#right .item-right .modules-list a:hover	{color:#000000}


/* GENERAL */

h1{
	margin:0 0 10px 0;
	padding:0px;
	font-size:18px;
	letter-spacing:1px;
	color:#6da1cb;
}

h2{
	margin:0px;
	padding:0px;
	font-size:16px;
	letter-spacing:1px;
	color:#fff;
}

h3{
	padding:0;
	margin:0;
	font-size:16px;
}

p 				{margin-top:0; }
a				{color:#EF037F; }

h2 a{text-decoration:none;}
a:hover			{color:#000;}
h2 a:hover 		{color:#000}
a img			{border:0px;}

.spacer-40		{margin-top:40px;}
.clear			{clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}

/* temp */
.module-link{
	border:1px solid #EEEEEE;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	float:left;
	width:230px;
	margin:0 30px 20px 0;
	height:300px;
}

.module-link .image{
	text-align:center;
	height:61px;
	margin:5px;

}

.module-link .description a{
	display:block;
	text-decoration:none;
	font-size:11px;
	line-height:140%;
	color:#333333;
	padding:10px;
	background-color:#e7e8f3;

	-moz-border-radius-bottomright:10px;
	-moz-border-radius-bottomleft:10px;

	-webkit-border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;

	border-radius-bottomright:10px;
	border-radius-bottomleft:10px;

	margin:5px;
	height:204px;
}

.module-link .description a:HOVER{background-color:#c9ebf3;}


/* table theory */

table.spelperfect-spelling-table{	border:1px dotted #CCCCCC;}

.spelperfect-spelling-table thead{	text-align:center;	background-color:#EEEEEE;}
.spelperfect-spelling-table .count{padding-right:5px;	font-size:18px;	font-weight:bold;}
.spelperfect-spelling-table .abc{padding-left:7px;	font-size:14px;	font-weight:bold;}
.spelperfect-spelling-table .abc-sentence{padding-left:10px; line-height:150%;}
.spelperfect-spelling-table .no-pv{	font-size:11px;	width:40%;}

span.red{color:#FF0000;}
span.blue{color:#0070c0;}

.theory{background-color:#ffffff;}
.theory .contents{height:470px;	overflow:auto;	padding:30px 30px 50px 30px;}

#footer a.tremani	{
	position:absolute;
	bottom:-10px;
	right:17px;
	color:#CCC;
	font-size:11px;
	text-decoration:none;
}
a.taalperfect 	{color:#0000FF;}
a.woordperfect	{color:#33CCCC}
a.spelperfect	{color:#339966}
a.stijlperfect	{color:#993366;}
a.ontleedperfect{color:#FF9900;}


/* aform */


form.aform tbody.header td 		{padding-top:10px; color:#0668a9; font-weight:bold; font-size:12px; letter-spacing:1px;}
form.aform tbody.sub-header td 	{color:#000; text-transform:none; word-spacing:1px; letter-spacing:1px;}

form.aform input,textarea 		{
	border:1px dotted #CCC;
	background-color:#EFEFEF;
	width:300px;
	padding:3px;
	font-size:1em;
	letter-spacing:1px;
	font-family:Arial, Helvetica, sans-serif;
}
form.aform input.small-text		{width:75px;}
form.aform textarea				{height:100px;}
form.aform .feedback			{color:#FF0000;}

form.aform input.input-checkbox{
	border:0px;
	width:20px;
	height:20px;
	margin-left:-4px;
	padding:0px;
}

form.aform input.input-radio{
	width:20px;
	border:0px;
	margin-left:-2px;
}

form.aform td {padding:3px 5px;}
form.aform input[type="submit"]{
	padding:0px;
	height:22px;
	border:0px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
	background:#0668a9;
}

form.aform .error {background-color:#ffffbb;}


/* faq */

.faq{	padding:10px 0;	border-top:1px dotted #0a713a;}
.faq h2{font-size:12px;	font-weight:bold;margin:0; padding:0;}

/* licenses */

table.licenses-left-overview {
	font-size:12px;
}

table.licenses-left-overview th {
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	padding:5px;
}

table.licenses-left-overview tr {
	vertical-align:top;
}

table.licenses-left-overview td {
	border-bottom:1px dashed #CCCCCC;
	padding:5px;
}

/* messenger */

.messenger {
}

.messenger span {
	display:block;
	font-size:12px;
	background-position:5px 6px;
	background-repeat:no-repeat;
	padding:5px 5px 5px 25px;
	margin:0 0 5px 0;
}

.messenger span a.messenger-link-ok {
	float:right;
}

.messenger-actions span {
	color:#006300;
	background-color:#DFFEDF;
	background-image:url('../images/plugins/messenger/files/action.gif');
	border:1px solid #9CB19C;
}

.messenger-actions span a.messenger-link-ok,
.messenger-actions span a.messenger-link-ok:visited,
.messenger-actions span a.messenger-link-ok:hover,
.messenger-actions span a.messenger-link-ok:active {
	color:#006300;
}

.messenger-errors span {
	color:#B20000;
	background-color:#FEDFDF;
	background-image:url('../images/plugins/messenger/files/error.gif');
	border:1px solid #B19C9C;
}

.messenger-errors span a.messenger-link-ok,
.messenger-errors span a.messenger-link-ok:visited,
.messenger-errors span a.messenger-link-ok:hover,
.messenger-errors span a.messenger-link-ok:active {
	color:#B20000;
}

.messenger-infos span {
	color:#12127D;
	background-color:#DFE7FE;
	background-image:url('../images/plugins/messenger/files/info.gif');
	border:1px solid #9CA2B1;
}

.messenger-infos span a.messenger-link-ok,
.messenger-infos span a.messenger-link-ok:visited,
.messenger-infos span a.messenger-link-ok:hover,
.messenger-infos span a.messenger-link-ok:active {
	color:#12127D;
}

/* protoload */

.waiting {
	background-image:url('../images/plugins/protoload/files/waiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:white;
}

.bigWaiting {
	background-image:url('../images/plugins/protoload/files/bigWaiting.gif');
	background-repeat:no-repeat;
	background-position:center 20%;
	background-color:white;
}

.blackWaiting {
	background-image:url('../images/plugins/protoload/files/blackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

.bigBlackWaiting {
	background-image:url('../images/plugins/protoload/files/bigBlackWaiting.gif');
	background-repeat:no-repeat;
	background-position:center center;
	background-color:black;
}

/* taalperfect */


html body span.grey {
	color:#C4C4C4;
}

/**
 * MODULE OVERVIEW
*/
.display-results-module, .module-license-expired{
	background-color:#E7E8F3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	margin-bottom:20px;
	position:relative;
	min-height:73px;
	height:auto !important;
	height:73px;
}

.display-results-module .license-expiration-date{
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:3px 10px;
	font-size:11px;
	color:#666666;
	letter-spacing:1px;
	width:168px;
	float:right;
}

.module-license-expired{background-color:#EEEEEE;}

.display-results-module h2{	margin-bottom:5px;}
.display-results-module .text-status{line-height:150%; float:left; width:430px;	margin-bottom:15px;}
.display-results-module .current-level{
	background-color:#C9EBF3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:10px;
	font-size:54px;
	float:right;
	width:50px;
	height:50px;
	border:1px solid #FFF;
	position:relative;
}

.module-license-expired .current-level{	background-color:#CCCCCC;}
.module-license-expired .license-expired{
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#FFFFFF;
	color:#FF0000;
	padding:5px;
	margin-top:5px;
	letter-spacing:1px;
}

.display-results-module .current-level p {position:absolute; top:3px; left:1px;}
.display-results-module a.option{
	color:#0A51A1;
	text-decoration:none;
	background-image:url('../images/arrow_green.png');
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding:3px 3px 3px 18px;
	font-size:13px;
	line-height:160%;
}

.display-results-module a.emphasis{
	font-size:1.2em;
	font-weight:bold;
	background-position:3px 4px;
}


table#last-results-lister{
	width:100%;
	background-color:#FFFFFF;
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-top:15px;
	font-size:11px;
	color:#666666;
}

table#last-results-lister thead{
	font-weight:bold;
	color:#333333;
}

table#last-results-lister td.head{
	border-bottom:1px dashed #CCC;
}


a#profile-print {
	position:absolute;
	top:34px;
	right:11px;
	border: 1px solid red;
}
.display-results-module .table-wrapper {
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:1px 5px;
}

.display-results-module table {
	width:100%;
	padding:3px;
	margin-top:8px;
	margin-bottom:2px;
	font-size:11px;
	color:#666666;
}
.display-results-module table div.answer.multimulti { font-size:12px; }
.display-results-module table .promotion{color:#696; font-weight:bold;}
div.display-results-module table thead th{
	font-weight:bold;
	color:#333333;
	/*border-bottom:1px dashed #CCC;*/
	text-align :left;
	padding-bottom:7px;
}

div.display-results-module table th.head-name {
	width:377px;
	padding-bottom:7px;
	/*border-bottom:1px dashed #CCC;*/
}
div.display-results-module table th.head-level {
	width:175px;
}
div.display-results-module th.title{width:335px;}
div.display-results-module th.level{width:82px;}
div.display-results-module th.result{width:85px;}
table#stats-modules-lister {
	width:100%;
	background-color:#FFFFFF;
	padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:15px;
	font-size:11px;
	color:#666666;
}

table#stats-modules-lister thead{
	font-weight:bold;
	color:#333333;
}

table#stats-modules-lister td.head-name {
	width:375px;
	border-bottom:1px dashed #CCC;
}

table#stats-modules-lister td.head-level {
	border-bottom:1px dashed #CCC;
}


.module-no-license{
	background-color:#EEEEEE;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:7px 10px 7px 10px;
	margin-bottom:20px;
	position:relative;	 
}

.module-no-license .no-license{
	position:absolute;
	top:7px;
	right:10px;
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3px 10px;
	font-size:11px;
	color:#666666;
	letter-spacing:1px;
}


.module-has-license {
	background-color:#E7E8F3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:12px 10px 7px 10px;
	margin-bottom:20px;
	position:relative; 
	line-height:160%;
}

.module-has-license .current-level {
	background-color:#C9EBF3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-size:50px;
	width:75px;
	height:60px;
	float:right;
	border:1px solid #FFF;
	line-height:60px;
	text-align:center;
	position:relative;
	padding:0;
}

.module-has-license h2{font-size:14px; margin-bottom:3px;}

.module-has-license div.test-links-wrapper {
	display:block;
	text-align:right;
	padding:0 0 3px 0;
}

.module-has-license a.go {
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:12px;
	color:#000000;
	letter-spacing:1px;
	background-image:url('../images/arrow_green.png');
	background-position:3px 5px;
	background-repeat:no-repeat;
	text-decoration:none;
	padding:4px 10px 3px 20px;
	margin:0 0 0 10px;
}


.module-has-license .select_test_cef_wrapper {
	display:inline;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-size:12px;
	color:#000000;
	letter-spacing:1px;
	padding:3px 10px 3px 10px;
	margin:0 0 0 10px;
}
.module-has-license a.go:HOVER{
	color:#abda4e;
}


/**
 * TEST APPLICATION:DEFAULT QUESTION STYLES
*/

body#player-test div#test {
	margin:0 10px;
	background-repeat:no-repeat;
	position:relative;
}
div.woorddossiercontainer h2 { color:#000; margin:8px 0;}
div.woordperfect, div.woorddossiercontainer{

}

div.woordperfect .cancel,
div.spelperfect .cancel,
div.ontleedperfect .cancel,
div.stijlperfect .cancel,
div.taalperfect .cancel,
div.taalvaria .cancel { text-indent:-9999px; display:inline-block; width:22px; height:22px;
	background:url('../images/icon-delete.png') no-repeat center center; border-top-right-radius:5px; }

/*div.woordperfect .cancel { background-color:#01B8D1; }
div.spelperfect .cancel { background-color:#39ae3f; }
div.ontleedperfect .cancel { background-color:#FF9E44 ; }
div.stijlperfect .cancel { background-color:#BE005B; }
div.taalperfect .cancel { }
div.taalvaria .cancel { background-color:#8D1092; }
*/
 *+html div.spelperfect .cancel { margin-top:36px;}
div.ontleedperfect{

}

div.stijlperfect{

}
#test #question .blank {
	/* background-color:#a3a740; */
	padding:0px 10px;
	border-bottom:2px dotted black;
	font-weight:bold;
	width:inline-block;
}
#test #test-feedback-answers .blank {
	/* background-color:#a3a740; */
	padding:0px 10px;
	border-bottom:2px dotted black;
	font-weight:bold;
	width:inline-block;
}

#test #question .emphasize {
	font-weight:bold;
}
#test #test-feedback-answers .emphasize {
	font-weight:bold;
}


/**
 * TEST APPLICATION:DEFAULT STYLES
*/
h1 {
	min-height:1px;
}

#blanket {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
	width:500px;
	height:500px;

	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}

#testplayer-test #test {


	width:540px;
	/*height:550px;
	 top:0; gets overruled by js */
	/*left:0; gets overruled by js */

	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:6px solid #00a0c6;
	border:none;*/
	cursor:default;
}


.userlevel-progress
{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding :1px 1px;
	border :1px solid #666;
	display:inline-block;
	margin :0px 2px;
	vertical-align :middle;
	height :15px;
	width :15px;
	text-align :center;
	font-size :14px;
	font-weight :bold;
}
#busy {
	position:absolute;
	z-index:4;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
	padding:0;
	margin:0;
}

#busy img {
	position:absolute;
	top:50%;
	left:50%;
	margin:-16px 0 0 -16px;
}



#testplayer-test #test .title{
	text-transform:uppercase;
	letter-spacing:2px;
	color:#999999;
	font-size:16px;
	position:absolute;
	top:45px;
	left:105px;
}


/**
 * TEST APPLICATION:DEFAULT QUESTION STYLES
*/

.item_intro{
	font-size:1em;
	color:#333333;
	letter-spacing:1px;
	background-image:url('../images/tip.png');
	background-repeat:no-repeat;
	padding:2px 0 5px 20px;
	min-height:1px;
}
.item-footer{
	min-height:30px;
}
#test #question-container {
	margin:0px 0px 0px 0px;
	padding-top:0px;
	width:100%;
}

#test .grey-container{

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#eeeeee;
	padding:10px 10px 10px 10px;
}
#test .grey-container.white { background-color:#fff; }

.item_answers td{
	padding:10px 0 10px 16px;
	color:#333333;
	border-left:4px dotted #999999;
}
#question-container .item_text { margin-bottom:15px;}
.item_text{
	font-size:1.2em;
	padding:10px 10px;
	border:2px solid #dddddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:white;
	color:#333333;

	min-height:1px;
	margin:0 0 8px 0;
}

#test #message{
	margin:0;
	background-color:#EEEEEE;
	padding:10px;
	margin:0 0 0 0;
}

#test #choices {

	/*	 width:300px; */
	padding:10px;
	padding-left:10px;
	float:left;
	/*
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
	*/
	color:#333333;
	border-left:2px dotted #999999;
	margin:0;
	clear:both;
}

#test #choices li {
	list-style:none;
	font-size:1.1em;
	margin:0;
	padding:0;
	margin-bottom:5px;
	padding-left:0;
}
#test #choices li span {
	cursor:pointer;
}

#test #choices span:hover {
	text-decoration:underline;
}

#test #choices input {
	cursor:pointer;
}

#test #restart {
	background-color:#00A0C6;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-decoration:none;
	padding:6px 12px;
	position:absolute;
	right:0px;
	/* right:100px; gets done with JS */
	bottom:30px;
	color:#FFF;

	cursor:pointer;
}

#test #fwd-btn,
#test #back-btn,
#test #stop-btn,
#test #restart-btn{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	/*border:none;*/
	padding:6px 12px;
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	border-radius: 4px;
}
#start_test #fwd-btn { margin:0 10px; }
#test #fwd-btn,
#test #stop-btn,
#test #restart-btn {
	bottom:0px;
	width: auto;
}

#test #fwd-btn:active,#test #stop-btn:active,#test #restart-btn:active { bottom:-1px; }
#test .item-footer #fwd-btn,#test .item-footer #stop-btn,#test .item-footer #back-btn,#test .item-footer #restart-button{bottom:10px;}

.woordperfect input.play,.woordperfect #fwd-btn,.woordperfect #back-btn,.woordperfect #stop-btn,.woordperfect #restart-btn{background-color:#00a0c6;}

.woordperfect input.play,.woordperfect #fwd-btn,.woordperfect #back-btn,.woordperfect #stop-btn,.woordperfect #restart-btn{
border-radius:5px; border:1px solid #01B8D1; text-shadow:-1px -1px 1px #01B8D1; font-weight:bold;
background:#01B8D1; /* Old browsers */
background:-moz-linear-gradient(top, #01B8D1 0%, #009fc6 75%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#01B8D1), color-stop(75%,#009fc6)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* IE10+ */
background:linear-gradient(to bottom, #01B8D1 0%,#009fc6 75%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#01B8D1', endColorstr='#009fc6',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3) ;
box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.woordperfect input.play:hover, .woordperfect #fwd-btn:hover, .woordperfect #back-btn:hover, .woordperfect #stop-btn:hover,.woordperfect #restart-btn:hover {
background:#01B8D1; /* Old browsers */
background:-moz-linear-gradient(top, #01B8D1 0%, #009fc6 75%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#01B8D1), color-stop(75%,#009fc6)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* IE10+ */
background:linear-gradient(to bottom, #01B8D1 0%,#009fc6 75%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#01B8D1', endColorstr='#009fc6',GradientType=0 ); /* IE6-9 */
}
.woordperfect input.play:active, .woordperfect #fwd-btn:active, .woordperfect #back-btn:active, .woordperfect #stop-btn:active,.woordperfect #restart-btn:active {
background:#01B8D1; /* Old browsers */
background:-moz-linear-gradient(top, #01B8D1 0%, #009fc6 75%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#01B8D1), color-stop(75%,#009fc6)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #01B8D1 0%,#009fc6 75%); /* IE10+ */
background:linear-gradient(to bottom, #01B8D1 0%,#009fc6 75%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#01B8D1', endColorstr='#009fc6',GradientType=0 ); /* IE6-9 */
}	

.spelperfect input.play,.spelperfect #fwd-btn,.spelperfect #back-btn,.spelperfect #stop-btn,.spelperfect #restart-btn{
background:#339B38; border-radius:5px; border:1px solid #227d2d; text-shadow:-1px -1px 1px #2A7F2C; font-weight:bold;
background:-moz-linear-gradient(top, rgba(80,170,81,1) 0%, rgba(51,155,56,1) 61%, rgba(42,127,44,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(80,170,81,1)), color-stop(61%,rgba(51,155,56,1)), color-stop(100%,rgba(42,127,44,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(80,170,81,1) 0%,rgba(51,155,56,1) 61%,rgba(42,127,44,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(80,170,81,1) 0%,rgba(51,155,56,1) 61%,rgba(42,127,44,1) 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, rgba(80,170,81,1) 0%,rgba(51,155,56,1) 61%,rgba(42,127,44,1) 100%); /* IE10+ */
background:linear-gradient(to bottom, rgba(80,170,81,1) 0%,rgba(51,155,56,1) 61%,rgba(42,127,44,1) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#50aa51', endColorstr='#2a7f2c',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3) ;
box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.spelperfect input.play:hover, .spelperfect #fwd-btn:hover, .spelperfect #back-btn:hover, .spelperfect #stop-btn:hover,.spelperfect #restart-btn:hover {
background:rgb(93,193,93); /* Old browsers */
background:-moz-linear-gradient(top, rgba(93,193,93,1) 0%, rgba(80,170,81,1) 61%, rgba(51,155,56,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(93,193,93,1)), color-stop(61%,rgba(80,170,81,1)), color-stop(100%,rgba(51,155,56,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(93,193,93,1) 0%,rgba(80,170,81,1) 61%,rgba(51,155,56,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(93,193,93,1) 0%,rgba(80,170,81,1) 61%,rgba(51,155,56,1) 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, rgba(93,193,93,1) 0%,rgba(80,170,81,1) 61%,rgba(51,155,56,1) 100%); /* IE10+ */
background:linear-gradient(to bottom, rgba(93,193,93,1) 0%,rgba(80,170,81,1) 61%,rgba(51,155,56,1) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dc15d', endColorstr='#339b38',GradientType=0 ); /* IE6-9 */
}
.spelperfect input.play:active, .spelperfect #fwd-btn:active, .spelperfect #back-btn:active, .spelperfect #stop-btn:active,.spelperfect #restart-btn:active {
background:rgb(34,102,35); /* Old browsers */
background:-moz-linear-gradient(top, rgba(34,102,35,1) 0%, rgba(21,77,28,1) 61%, rgba(17,63,23,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(34,102,35,1)), color-stop(61%,rgba(21,77,28,1)), color-stop(100%,rgba(17,63,23,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(34,102,35,1) 0%,rgba(21,77,28,1) 61%,rgba(17,63,23,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(34,102,35,1) 0%,rgba(21,77,28,1) 61%,rgba(17,63,23,1) 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, rgba(34,102,35,1) 0%,rgba(21,77,28,1) 61%,rgba(17,63,23,1) 100%); /* IE10+ */
background:linear-gradient(to bottom, rgba(34,102,35,1) 0%,rgba(21,77,28,1) 61%,rgba(17,63,23,1) 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#226623', endColorstr='#113f17',GradientType=0 ); /* IE6-9 */
}	

.ontleedperfect input.play,.ontleedperfect #fwd-btn,.ontleedperfect #back-btn,.ontleedperfect #stop-btn,.ontleedperfect #restart-btn{
border-radius:5px; border:1px solid #F45D00; text-shadow:-1px -1px 1px #F45D00; font-weight:bold;
background:#ff933f; /* Old browsers */
background:-moz-linear-gradient(top, #ff933f 0%, #f97906 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff933f), color-stop(100%,#f97906)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #ff933f 0%,#f97906 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #ff933f 0%,#f97906 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #ff933f 0%,#f97906 100%); /* IE10+ */
background:linear-gradient(to bottom, #ff933f 0%,#f97906 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff933f', endColorstr='#f97906',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3) ;
box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.ontleedperfect input.play:hover, .ontleedperfect #fwd-btn:hover, .ontleedperfect #back-btn:hover, .ontleedperfect #stop-btn:hover,.ontleedperfect #restart-btn:hover {
background:#ff933f; /* Old browsers */
background:-moz-linear-gradient(top, #ff933f 0%, #f97906 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff933f), color-stop(100%,#f97906)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #ff933f 0%,#f97906 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #ff933f 0%,#f97906 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #ff933f 0%,#f97906 100%); /* IE10+ */
background:linear-gradient(to bottom, #ff933f 0%,#f97906 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff933f', endColorstr='#f97906',GradientType=0 ); /* IE6-9 */
}
.ontleedperfect input.play:active, .ontleedperfect #fwd-btn:active, .ontleedperfect #back-btn:active, .ontleedperfect #stop-btn:active,.ontleedperfect #restart-btn:active {
background:#ff933f; /* Old browsers */
background:-moz-linear-gradient(top, #ff933f 0%, #f97906 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff933f), color-stop(100%,#f97906)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #ff933f 0%,#f97906 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #ff933f 0%,#f97906 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #ff933f 0%,#f97906 100%); /* IE10+ */
background:linear-gradient(to bottom, #ff933f 0%,#f97906 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff933f', endColorstr='#f97906',GradientType=0 ); /* IE6-9 */
}	

.stijlperfect input.play,.stijlperfect #fwd-btn,.stijlperfect #back-btn,.stijlperfect #stop-btn,.stijlperfect #restart-btn{
border-radius:5px; border:1px solid #961977; text-shadow:-1px -1px 1px #961977; font-weight:bold;
background:#be005b; /* Old browsers */
background:-moz-linear-gradient(top, #be005b 0%, #980049 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#be005b), color-stop(100%,#980049)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #be005b 0%,#980049 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #be005b 0%,#980049 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #be005b 0%,#980049 100%); /* IE10+ */
background:linear-gradient(to bottom, #be005b 0%,#980049 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#be005b', endColorstr='#980049',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3) ;
box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
.stijlperfect input.play:hover, .stijlperfect #fwd-btn:hover, .stijlperfect #back-btn:hover, .stijlperfect #stop-btn:hover,.stijlperfect #restart-btn:hover {
background:#be005b; /* Old browsers */
background:-moz-linear-gradient(top, #be005b 0%, #980049 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#be005b), color-stop(100%,#980049)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #be005b 0%,#980049 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #be005b 0%,#980049 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #be005b 0%,#980049 100%); /* IE10+ */
background:linear-gradient(to bottom, #be005b 0%,#980049 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#be005b', endColorstr='#980049',GradientType=0 ); /* IE6-9 */
}
.stijlperfect input.play:active, .stijlperfect #fwd-btn:active, .stijlperfect #back-btn:active, .stijlperfect #stop-btn:active,.stijlperfect #restart-btn:active {
background:#be005b; /* Old browsers */
background:-moz-linear-gradient(top, #be005b 0%, #980049 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#be005b), color-stop(100%,#980049)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, #be005b 0%,#980049 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, #be005b 0%,#980049 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, #be005b 0%,#980049 100%); /* IE10+ */
background:linear-gradient(to bottom, #be005b 0%,#980049 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#be005b', endColorstr='#980049',GradientType=0 ); /* IE6-9 */
}	

#test.taalperfect input.play,#test.taalperfect #fwd-btn,#test.taalperfect #back-btn,#test.taalperfect #stop-btn,#test.taalperfect #restart-btn{
border-radius:5px; border:1px solid #0A51A1; text-shadow:-1px -1px 1px #0A51A1; font-weight:bold;
background:#eeeeee; /* Old browsers */
background:-moz-linear-gradient(top,  #eeeeee 0%, #0869d6 0%, #0a51a1 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(0%,#0869d6), color-stop(100%,#0a51a1)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* IE10+ */
background:linear-gradient(to bottom,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#0a51a1',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3) ;
box-shadow:inset 0px 1px 1px 0px rgba(250, 250, 250, 0.3), 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}
#test.taalperfect input.play:hover, #test.taalperfect #fwd-btn:hover, #test.taalperfect #back-btn:hover, #test.taalperfect #stop-btn:hover,#test.taalperfect #restart-btn:hover {
background:#eeeeee; /* Old browsers */
background:-moz-linear-gradient(top,  #eeeeee 0%, #0869d6 0%, #0a51a1 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(0%,#0869d6), color-stop(100%,#0a51a1)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* IE10+ */
background:linear-gradient(to bottom,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#0a51a1',GradientType=0 ); /* IE6-9 */
}
#test.taalperfect input.play:active, #test.taalperfect #fwd-btn:active, #test.taalperfect #back-btn:active, #test.taalperfect #stop-btn:active,#test.taalperfect #restart-btn:active {
background:#eeeeee; /* Old browsers */
background:-moz-linear-gradient(top,  #eeeeee 0%, #0869d6 0%, #0a51a1 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(0%,#0869d6), color-stop(100%,#0a51a1)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* IE10+ */
background:linear-gradient(to bottom,  #eeeeee 0%,#0869d6 0%,#0a51a1 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#0a51a1',GradientType=0 ); /* IE6-9 */
}	

.ontleedperfect input.play,.ontleedperfect #fwd-btn,.ontleedperfect #back-btn,.ontleedperfect #stop-btn,.ontleedperfect #restart-btn{background-color:#FA8100;}
.stijlperfect input.play,.stijlperfect #fwd-btn,.stijlperfect #back-btn,.stijlperfect #stop-btn,.stijlperfect #restart-btn{background-color:#A51658;}
.taalvaria input.play,.taalvaria #fwd-btn,.taalvaria #back-btn,.taalvaria #stop-btn,.taalvaria #restart-btn{background-color:#76046d;}
#test #fwd-btn.disabled {
	cursor:default;
	color:#999;
	border:1px solid #999; text-shadow:0px 0px 0px #000 !important; font-weight:bold;
	background:#eeeeee; /* Old browsers */
	background:-moz-linear-gradient(top, #eeeeee 0%, #dbdbdb 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #eeeeee 0%,#dbdbdb 100%); /* IE10+ */
	background:linear-gradient(to bottom, #eeeeee 0%,#dbdbdb 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}

#test #fwd-btn.disabled:active,#test #stop-btn.disabled:active,#test #restart-btn.disabled:active { bottom:0; }

#test #gray { color:white; }


/*----- define styles for jquery keypad plug-in -----------*/
button.keypad-trigger{width:25px; padding:0px}
img.keypad-trigger{margin:2px; vertical-align:middle}
#keypad-div{display:none; z-index:10; margin:0; padding:0; border:1px solid #888; color:#000; background-color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:14px}
.keypad-keyentry{display:none}
.keypad-inline{border:1px solid #888; background-color:#f4f4f4}
.keypad-disabled{position:absolute; z-index:100; background-color:white; opacity:0.5; filter:alpha(opacity=50)}
.keypad-rtl{direction:rtl}
.keypad-prompt{clear:both; width:100%; text-align:center}
.keypad-row{clear:both; float:left; width:100%}
.keypad-space{float:left; margin:2px; width:24px}
* html .keypad-space{/* IE6 */margin:0px; width:28px}
.keypad-half-space{float:left; margin:1px; width:12px}
* html .keypad-half-space{/* IE6 */margin:0px; width:14px}
.keypad-key{float:left; margin:2px; padding:3px 0px 1px 0px; width:24px; background-color:#f4f4f4; text-align:center; cursor:pointer}
.keypad-key[disabled]{border:2px outset}
.keypad-key-down{}
.keypad-spacebar{width:164px}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift{width:52px; color:#fff; font-weight:bold}
.keypad-clear{background-color:#a00}
.keypad-back{background-color:#00a}
.keypad-close{background-color:#0a0}
.keypad-shift{background-color:#0aa}
.keypad-cover{display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:125px; height:200px}
/*------------- //end styles for keypad plug-in -------------------*/

#test .timeRunningLow {
  font-weight:bold;
  color:#D00 !important;
}
#test #warningMessage {
  font-weight:bold;
  background-color:#A00;
  color:#FFF;
  padding:.5em;
  margin:.5em 0;
}

/**
 * TEST APPLICATION:DEFAULT RESULT STYLES
*/
.resultset {  }
.resultset p { padding:0 0px 5px 0px; line-height:24px; }
.resultset td { line-height:16px; }

.answers-commentation{
	font-size:14px;
}

span.answers-correct{
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:1px;
	color:#006600;
}

span.answers-incorrect{
	font-weight:bold;
	font-size:1.1em;
	color:#990000;
}

#test-feedback-answers{
	margin:20px 0 0 0;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:5px 10px 10px 10px;
}

#test-feedback-answers table.explanation {
	margin:0 0 10px 0;
	border-bottom:1px dashed #CCCCCC;
	padding:1px 0 3px 20px;
	letter-spacing:1px;
	font-size:11px;
	/*background-image:url('../images/info.png');
	background-repeat:no-repeat;
	background-position:left;
	background-position:0 -1px;*/
}

#test-feedback-answers table.explanation{
	min-height:14px;
	height:auto !important;
	height:29px;
	/*
	background-image:url('../images/arrow_green.png');
	background-repeat:no-repeat;
	background-position:0 2px;
	*/
	padding:2px 0 2px 15px;
	margin-bottom:5px;
}

#test-feedback-answers table.explanation tr {
	vertical-align:top;
}

#test-feedback-answers table.explanation th,
#test-feedback-answers table.explanation td {
	padding:0 5px 5px 0;
}


#test-feedback-answers table.explanation th {
	width:120px;
	font-weight:normal;
	font-style:italic;
	text-align:left;
}

tr.spacer td {
	border-bottom:1px dashed #CCCCCC;
}

#test-feedback-answers table.explanation tr.instruction td {
	color:#666666;
	font-style:italic;
}

#test-feedback-answers table.explanation tr.question td {
	font-size:1.2em;
	padding:0 0 5px 0;
}

#test-feedback-answers table.explanation tr.wrong-answer td {
	color:#B20000;
}

#test-feedback-answers table.explanation tr.right-answer td {
	color:#008E00;
}



.entry-level-results-container .description{
	float:left;
	width:400px;
	line-height:160%;
	font-size:1.1em;
}

.entry-level-results-container .cef-result{
	float:left;
	width:50px;
	font-size:32px;
	letter-spacing:1px;
	background-color:#FFFFFF;
	padding:9px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
}

.new-level-reached{
	background-color:#FFFFFF;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:20px;
	font-size:1.1em;
	letter-spacing:1px;
	position:relative;
	height:21px;
}

.new-level-reached .cef{
	background-color:#EEEEEE;
	padding:4px;
	text-align:center;
	font-size:22px;
	position:absolute;
	top:3px;
	right:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}





/* points */
.points-container{
	background-color:#E7E8F3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:12px 0px 12px 10px;
	margin-bottom:20px;
	position:relative;
	line-height:130%;
}

.points-container .explanation{
	width:313px;
	float:left;
	padding-right:20px;
}

.points-container .display-points{
	float:left;
	width:195px;
}

.points-container h2{font-size:14px; margin-bottom:3px;}

.points-container .points{
	background-color:#FFFFFF;
	width:60px;
	height:60px;
	background-image:url('../images/point_neutral.jpg');
	background-position:5px 5px;
	background-repeat:no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	margin-right:5px;
}

.points-container .points-plus		 {
	background-color:#FFFFFF;
	width:60px;
	height:60px;
	background-image:url('../images/point_plus.jpg');
	background-position:5px 5px;
	background-repeat:no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	margin-right:5px;
}

.points-container .points-min{
	background-color:#FFFFFF;
	width:60px;
	height:60px;
	background-image:url('../images/point_min.jpg');
	background-position:5px 5px;
	background-repeat:no-repeat;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	float:left;
	margin-right:5px;
}

.points-container .points-ammount{
	color:#EF037F;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	font-size:1.2em;
}


/* users */
.logout { line-height:2em;}
.login {	color:#000000; letter-spacing:1px; font-weight:bold; width:180px;}
.login input { margin:2px 0;}
.login p { line-height:1.2em; margin:3px 0 8px 0;}
#container-for-login {background-image:url('../images/right_item_arrow.jpg'); background-repeat:no-repeat; background-position:right 6px; padding:10px; margin-right:10px;}
#container-for-login .logged-in {font-size:11px; font-weight:normal;	position:static; margin:0 0 0 10px;}
.arch #container-for-login {background-image:url('../images/login-bg.png'); min-height:217px; margin-top:-30px;}
#container-for-login ul {list-style:none; margin:0; padding:0; margin:1em 0;}
#container-for-login li {margin:2px; padding:2px 5px; background-color:#FFF; background-color:rgba(255,255,255,0.5); color:#063775; 
	-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; 
}
.arch #container-for-login .logged-in {margin:0 0 0 0;}

.organisation {-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; overflow: hidden; background-color: #fff; padding:10px; height: 92px;}
.organisation img {max-width:100%; height: auto; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; } 

.login-trigger{	cursor:pointer;	text-align:left; padding-right:20px; font-size:2em;}
.login-trigger.unfolded{}
.login-form, 
.login-password-reset{background-color:#e8eaf4;	width:194px; padding:10px; color:#000;	margin-top:10px; z-index:500; text-align:left; margin-left:-10px; font-size:11px;}
.login-form a, 
.login-password-reset a{color:#333;}
p#password_new-account a { display:block;}
p#password_new-account a.form-switch { margin:15px 0 8px 0; }

p.feedback{	font-weight:normal!important; margin :3px 0 10px 0}
#userinfo-form {font-weight :bold;}
#save_info input {padding :1px 2px!important; margin :3px; width :300px;}
#save_info .sys_msg { display:block; }
.login-form .success,
.login-password-reset .success,
#users-reset-password .success{
	color:green;
}

.login-form .error,
.login-password-reset .error,
#users-reset-password .error{
	color:red;
}

.method-description{
	color:#666;
	font-size:11px;
	margin:0 0 25px 0;
	line-height:150%;
}

.register-license-code{
	float:left;
	width:330px;
	background-color:#E7E8F3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-right:15px;
	padding:15px 10px 15px 15px;
}

.register-license-code .feedback{
	color:#FF0000;
	letter-spacing:1px;
	padding:3px 3px 3px 22px;
	background-image:url('../images/error.png');
	background-repeat:no-repeat;
}

.register-license-code h2{
	color:#0A51A1;
	font-size:16px;
	font-weight:bold;
}

table#license-code td.label{
	padding-right:10px;
	font-size:1.0em;
	color:#333333;
	letter-spacing:2px;
}

table#license-code td.align-right-submit{
	text-align:right;
	padding-right:8px;
}

form#enter-license-code input#code{
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:20px;
	height:35px;
	letter-spacing:1px;
	margin:10px 0;
	padding:10px 3px 0 5px;
	width:180px;
}

form#enter-license-code #code.error{
	border:1px solid #FF0000;
	background-color:#f1dade;
}

.register-license-code .short-links{
	margin-top:25px;
}

.register-license-code .short-links .link{
	margin-top:1px;
}

.register-license-code .short-links .link a{
	background-image:url('../images/arrow_green.png');
	background-repeat:no-repeat;
	background-position:left;
	font-size:10px;
	color:#666666;
	text-decoration:none;
	padding:2px 0 2px 15px;
}

.register-license-code .short-links .link a:hover{
	color:#0A51A1;
	text-decoration:underline;
}

.register-license-code .short-links .link a.active{
	font-weight:bold;
	color:#000000;
	font-weight:11px;
	background-image:url('../images/arrow_green_down_small.png');
}

.register-existing-user{
	float:left;
	width:150px;
	color:#333;
	line-height:160%;
	padding:7px 7px 30px 7px;
	background-color:#C9EBF3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	position:relative;
	letter-spacing:1px;
}

.register-existing-user .arrow{
	background-image:url('../images/arrow_green.png');
	background-repeat:no-repeat;
	width:12px;
	height:14px;
	position:absolute;
	bottom:15px;
	right:15px;
}

.register-existing-user h2{
	color:	#333333;
	padding:0 0 4px 0;
	margin:0;
	font-size:16px;
	font-weight:bold;
	font-variant:small-caps;
	line-height:110%;
}

.activate-lisense-form{
	background-color:#E7E8F3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-right:15px;
	padding:10px 10px 30px 10px;
}

.activate-lisense-form div.description{
	padding:10px 10px 10px 67px;
	line-height:150%;
	background-image:url('../images/arrow_green_down.png');
	background-repeat:no-repeat;
	background-position:10px 20px;
	background-color:#C9EBF3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin-bottom:10px;
}

#lisense-form td.label{
	font-size:17px;
	letter-spacing:1px;
	padding-right:15px;
}

#lisense-form td.license{	
	color:#0A51A1;
	font-size:16px;
	letter-spacing:2px;
}

#lisense-form input.name{
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:16px;
	height:30px;
	letter-spacing:1px;
	padding:8px 3px 0 5px;
	width:320px;
}

#lisense-form input.error{
	border:1px solid #FF0000;
	background-color:#f1dade;
}

#lisense-form .feedback-mail, #lisense-form .feedback-name{
	color:#FF0000;
	letter-spacing:1px;
	padding:3px 3px 3px 22px;
	background-image:url('../images/error.png');
	background-repeat:no-repeat;
}

#lisense-form td.code .display-code{
	font-size:18px;
	color:#CCCCCC;
	background-color:#FFF;
	padding:4px;
	border:1px solid #CCCCCC;
	height:30px;
	padding:8px 3px 0 5px;
	width:160px;
}

.lisence-forgot-password{
	text-align:right;
	padding-right:17px;
	margin-top:1px;
}
.lisence-forgot-password a{
	font-size:11px;
	color:#333333;
	text-decoration:none;
	background-image:url('../images/arrow_green.png');
	background-repeat:no-repeat;
	background-position:0 3px;
	padding:3px 0 3px 15px;
}

.lisence-forgot-password a:hover{
	color:#0A51A1;
	text-decoration:underline;
}


.lisence-forgot-password a.active{	
	font-weight:bold;
	color:#000000;
	font-weight:11px;
	background-image:url('../images/arrow_green_down_small.png');
}

div.register-help{
	background-color:#C9EBF3;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px 10px 20px 60px;
	margin:15px 0;
	background-image:url('../images/arrow_green_large.png');
	background-repeat:no-repeat;
	background-position:10px 10px;
	min-height:60px;
	height:auto !important;
	height:60px;
	line-height:150%;
	position:relative;
}

div.register-help .exit{
	position:absolute;
	top:4px;
	right:8px;
	font-size:25px;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
	font-style:italic;
	cursor:pointer;
}

.register-help h3{
	margin:0;
	padding:0;
	color:#0A51A1;
	font-size:14px;
	font-weight:bold;
}

#forgot-password .login-password-reset{
	background-image:none;
	width:400px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

#forgot-password input.input-text{
	border:1px solid #CCCCCC;
	color:#333333;
	width:300px;
	height:30px;
	padding:5px 4px 0 5px;
	font-size:18px;
}

/*
			font-weight:bold;
		color:#000000;
		font-weight:11px;
		background-image:url('../images/arrow_green_down_small.png');
*/






/* xlister */

/**
 * Exceptional row classes
*/
table#lister tr.disabled td {
	color:#B20000 !important;
}

/**
 * Lister loading layer/message
*/
div.lister-loading-layer {
	z-index:99998;
	display:block;
	position:absolute;
	background:#FFFFFF;
}

div.lister-loading-message {
	z-index:99999;
	display:block;
	position:absolute;
	font-size:12px;
	background:#FFFFFF;
	background-position:9px 9px;
	background-repeat:no-repeat;
	background-image:url('../images/plugins/xlister/files/loading.gif');
	border:1px solid #C4C4C4;
	padding:10px 10px 10px 30px;
}


/**
 * Lister controls
*/
#lister-controls {
	position:relative;
}

#lister-controls #lister-pages {
	float:left;
	padding:2px 0; /* IE fix */
	margin:0 0 1px 0;
}

#lister-pages a.pagelink,
#lister-pages a.pagelink:visited {
	float:left;
	display:block;
	width:23px;
	text-align:center;
	background:#EFEFEF;
	border:1px solid #C4C4C4;
	color:#000000;
	font-size:12px;
	padding:2px 0;
	margin:3px 3px 3px 3px;
}

#lister-pages a.pagelink:hover,
#lister-pages a.pagelink:active {
	color:#59B159;
	background:#DFFEDF;
	border:1px solid #59B159;
}

#lister-pages a.active,
#lister-pages a.active:visited,
#lister-pages a.active:hover,
#lister-pages a.active:active {
	color:#FFFFFF;
	background:#809FFE;
	border:1px solid #00248E;
}

#lister-pages a.pagelink-break,
#lister-pages a.pagelink-break:visited,
#lister-pages a.pagelink-break:hover,
#lister-pages a.pagelink-break:active {
	clear:both;
}

#lister-controls #lister-amount {
	float:right;
}

/**
 * Lister grid
*/
#lister {
	border:1px solid #C4C4C4;
}

#lister th {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	background-color:#809FFE;
	padding:4px 0 3px 5px;
}

#lister th.sortable {
	cursor:pointer;
}

#lister th.sorting_asc,
#lister th.sorting_desc {
	color:#555555;
	background-color:#E4E4FE;
	background-position:2px 5px;
	background-repeat:no-repeat;
	padding-left:20px;
}

#lister th.sorting_asc {
	background-image:url('../images/plugins/xlister/files/down.gif');
}
#lister th.sorting_desc {
	background-image:url('../images/plugins/xlister/files/up.gif');
}

#lister th.rowcount {
	text-align:center;
	padding-left:0;
}

#lister th.hover {
	color:#555555;
	background-color:#E4E4FE;
}

#lister tr {
	vertical-align:top;
}

table#lister tr.hover {
	background:#DFE7FE !important;
}

#lister tr.row_alternative {
	background:#F5F5F5;
}

#lister td.no-data {
	color:#787878;
	font-style:italic;
	padding-left:10px;
}

#lister td.rowcount {
	color:#ABABAB;
	text-align:center;
}

#lister td a.actionlink,
#lister td a.actionlink:visited {
	color:#3E4D7B;
	text-decoration:underline;
	display:block;
	margin-bottom:1px;
}

#lister td a.actionlink:hover,
#lister td a.actionlink:active {
	color:#FF9900;
	text-decoration:underline;
	display:block;
	margin-bottom:1px;
}
#lister-footer {
	color:#555555;
	display:block;
	text-align:right;
	font-style:italic;
	margin:2px 0 0 0;
}
/*input.starttest{
	text-align:left;
	width:400px;
	padding-right:15px;
	border:none;
	background-color:#fff;
	color:#666;
	font-size:1em;
	cursor:pointer;
	height:16px;
}*/
table.leveltests input.starttest { width:100%; }
/* New style */
div.qualification-wrapper input.starttest{ position:relative; background-color:#e8ebf4; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:7px; color:#333; border:1px solid #e0e4ef; font-weight:bold; margin:1em 0; width:auto; height:auto; }
div.qualification-wrapper input.starttest:hover {border:1px solid #666;}

table.qualification-result { border:solid #ccc 1px; }
table.qualification-result *{ font-size:12px; }
table.qualification-result tr th { color:#000; background-color:#D3D7E9; font-weight:bold; }
table.qualification-result tr:last-child td { color:#000; font-weight:bold; }

/*input.starttest:hover,
input.starttest.hover{
	color:#fff;
	background-color:#666;
	background-image:url('/images/test-availability_arrow-submit.gif');
	background-repeat:no-repeat;
	background-position:98% 50%;
}*/
input.disabled{
	text-align:left;
	width:325px;
	padding-right:15px;
	border:none;
	background-color:#ccc;

	cursor:default;
}
input.disabled:hover,
input.disabled.hover{
	background-color:#ccc;
	background-image:none;
	color:#666;
}
input.locked,input.locked:hover{
	text-align:left;
	width:auto;
	padding-right:15px;
	border:none;
	background-color:#f66;
	color:#fff;
	font-size:1em;
	cursor:default;
	background-image:none;
}
input.leveltest{
	color:#696;

}
input.leveltest:hover{
	color:#696;
	background-color:#6f6;
	cursor:pointer;
}
img.cef{vertical-align:middle;}
/* xrow */

/**
 * Custom
*/
form.row table {
	width:100%;
}

form.row table .input-text,
form.row table .input-password,
form.row table select {
	width:70%;
}

/**
 * Default
*/
.notification{
	background-color:#fe6;
	padding:15px;
	margin:0 0 20px 0;
	border:2px solid red;
}
form.row label {
	display:block;
	cursor:pointer;
}

form.row label.inline {
	display:inline;

}

form.row span.errormessage {
	display:block;
	font-size:12px;
	color:#FF0000;
	padding:2px;
	margin:2px 0 2px 0;
}

form.row span.okmessage {
	display:block;
	font-size:12px;
	color:#005500;
	padding:2px;
	margin:2px 0 2px 0;
}

form.row .has-error {
	background:#FFCCCC;
}

form.row td.row-result {
	width:16px;
	padding:4px 0 0 10px;
}

form.row img.row-help {
	cursor:help;
}
div.row-tooltip {
	position:absolute;
	background:#EEEEEE;
	border:1px solid #333333;
	padding:4px;
	z-index:999999;
}

.dealer-settings, .dealer-fairs{
	border:1px solid #EEEEEE;
	width:400px;
	height:36px;
	background-image:url('../images/dealer_settings.jpg');
	background-repeat:no-repeat;
	background-position:0px 3px;
	position:relative;
	margin-bottom:20px;
}	

.dealer-fairs									{background-image:url('../images/dealer_events.jpg');}
.dealer-settings a, .dealer-fairs a				{position:absolute; left:40px; top:9px; font-size:15px;}
.dealer-settings a:HOVER, .dealer-fairs a:HOVER	{color:#000;}


/* yintranet */

/**
 *
*/
#lister td a.lister-action-licenses,
#lister td a.lister-action-licenses:visited,
#lister td a.lister-action-licenses:hover,
#lister td a.lister-action-licenses:active {
	line-height:16px;
	text-decoration:none;
	background:url('../images/plugins/yintranet/files/licenties.gif');
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	margin-bottom:2px;
}

#lister td a.lister-action-userstats,
#lister td a.lister-action-userstats:visited,
#lister td a.lister-action-userstats:hover,
#lister td a.lister-action-userstats:active {
	line-height:16px;
	text-decoration:none;
	background:url('../images/plugins/yintranet/files/stats.gif');
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	margin-bottom:2px;
}

#lister td a.lister-action-edituser,
#lister td a.lister-action-edituser:visited,
#lister td a.lister-action-edituser:hover,
#lister td a.lister-action-edituser:active {
	line-height:16px;
	text-decoration:none;
	background:url('../images/plugins/yintranet/files/edituser.gif');
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	margin-bottom:2px;
}

#lister td a.lister-action-edit,
#lister td a.lister-action-edit:visited,
#lister td a.lister-action-edit:hover,
#lister td a.lister-action-edit:active {
	line-height:16px;
	text-decoration:none;
	background:url('../images/plugins/yintranet/files/edit.gif');
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	margin-bottom:2px;
}

#lister td a.lister-action-delete,
#lister td a.lister-action-delete:visited,
#lister td a.lister-action-delete:hover,
#lister td a.lister-action-delete:active {
	line-height:16px;
	text-decoration:none;
	background:url('../images/plugins/yintranet/files/delete.gif');
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
	margin-bottom:2px;
}


/**
 *
*/
table#published-licenses th {
	text-align:left;
	border-bottom:1px solid #CCCCCC;
	padding:4px;
}

table#published-licenses tr td {
	border-bottom:1px dashed #CCCCCC;
	padding:4px;
}

/**
 * CSV Import
*/
table#admin-import-index tr {
	vertical-align:top;
}

table#admin-import-index th {
	background:#565656;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	padding:5px;
}

table#admin-import-index td {
	padding:5px 5px 10px 5px;
}

table#admin-import-index tr.rowclass1 td {
	background:#EEEEEE;
}

table#admin-import-index tr.rowclass2 td {
	background:#FAFAFA;
}

a#profile-print{
	background-image:url('../images/printer.jpg');
	background-repeat:no-repeat;
	padding:5px 0 5px 30px;
}
ul.sys_msg{
	margin:24px 1px 0 1px;
	border-top:1px solid #6DA0CB;
	padding:0;
	list-style-type:none;
}
ul.sys_msg li{
	background:#efe url(../images/icons/sys-msg_success.png) no-repeat 10px 50%;
	padding:3px 0 3px 30px;
	text-align:left;
	border-bottom:1px solid #6DA0CB;
	font-size:1em;
}
ul.sys_msg li.error{

	background:#FFF0F0 url(../images/icons/sys-msg_error.png) no-repeat 10px 50%;
	color:#2D2D2D;
}
/*debug*/
span.backtrace {font-weight :bold;}
.select {color:black;}
.update {color :green;}
.insert {color :blue;}
.delete {color :red;}
.other{	color :purple;	font-style:italic;}
div#debug {padding:6px 0; color:#666666; border-top:1px solid #333; background-color :white; border-top :1px solid black; margin:5px 0px; padding :5px;}
ol.query_log li { padding :10px 4px; border-bottom :1px dashed #444;}
div#debug div.critical{	color :red;}
div#debug div.body{	display :none;}
ul.postvars span.key { font-weight :bold; }
div.scrl{padding:20px;height:375px;overflow:auto;margin-top:85px;}
.vertical_table th,.vertical_table td{padding:5px;}
.hidden{display:none;}
.legenda td, .legenda.th{
	padding:0 3px 0 0;
	vertical-align:middle;
}
.size30{
	width:450px;
}
.size60{
	width:450px;
}
#userinfo_extra {background-color:#216db8; display:none;}
.js-active #userinfo_extra {display:none;}
#userinfo_extra_inner {height:24px; margin:0 0 0px 0px; padding:10px 24px 10px 0; width:854px; margin:0 auto; text-align:right; }
*+html #userinfo_extra_inner {height:101%; }
#userinfo form,
#userinfo_extra form {float:right; display:inline;}
.emphasise{
	color:#f00;
}
/*WORDFILE*/
.woorddossier{
	background-color:#fff;
	border:1px solid #fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:5px;
	margin:10px 0 10px 0;
	position:relative;
	color:#666;
}
.woorddossier span{ color:#666; }
#test.woorddossiercontainer div .title{
	width:360px;
	top:40px;
}

#game { color:#000; }
#game tr td{vertical-align:top; padding:4px;}
#game tr.odd td{background-color:#E7E8F3;}
#game ul li { color:#000; }
input.play{
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:none;
	padding:6px 12px;
	
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	/*background-color:#00a0c6;*/
	margin:10px 0 10px 0;
}
.right{
	position:absolute;
	right:10px;
}
.img{vertical-align:middle;}

/* CONDITIONS */
.conditions { font-size:11px; background-color:#fff; color:#666; border:1px solid #fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	padding:5px; margin:5px 0 10px 0; position:relative; }
.conditions table { padding:0; border:none;}
.conditions p { line-height:1.4em; }


/* Product overzichtpagina */	
ul.tabs { height:25px; list-style:none; margin:3em -10px 0 7px; padding:0; }
ul.tabs li { float:left; /* width:99px; */ min-width:119px; list-style:none; text-align:center; margin:0 3px; padding:0; border-bottom:none; font-size:1em;}
ul.tabs li a { text-decoration:none; /* width:92px; */ padding:0 7px 0 0; margin:0; font-weight:bold; color:#063775; background:transparent url(../images/tabs.png) no-repeat 100% -30px; display:block; height:24px; line-height:24px; border-bottom:1px solid #e9ebf4; }
ul.tabs.no_links li a { cursor:default; }
ul.tabs li a span { background:transparent url(../images/tabs.png) no-repeat 0% 0px; padding:0 0 0 7px; display:block; height:24px;}
ul.tabs.links li a:hover,
ul.tabs.links li a:active,
ul.tabs.links li.current a {color:#fff; }
ul.tabs.links li a:focus {outline:none;}

ul.tabs li.tab1 a:hover {background-position:100% -90px; }
ul.tabs li.tab1 a:hover span {background-position:0% -60px;}
ul.tabs li.tab2 a:hover {background-position:100% -150px;}
ul.tabs li.tab2 a:hover span {background-position:0% -120px;}
ul.tabs li.tab3 a:hover {background-position:100% -210px;}
ul.tabs li.tab3 a:hover span {background-position:0% -180px;}
ul.tabs li.tab4 a:hover {background-position:100% -270px;}
ul.tabs li.tab4 a:hover span {background-position:0% -240px;}
ul.tabs li.tab5 a:hover {background-position:100% -330px;}
ul.tabs li.tab5 a:hover span {background-position:0% -300px;}
ul.tabs li.tab7 a:hover {background-position:100% -450px;}
ul.tabs li.tab7 a:hover span {background-position:0% -420px;}

.color ul.tabs li { height:25px; }
.color ul.tabs li a{ height:25px; }
.color ul.tabs.links li a { border:none;}
.color ul.tabs.no_links li a { color:#fff; }
.color ul.tabs.links li a span,
.color ul.tabs.no_links li a span { height:25px;}
.color ul.tabs.links li a:active {background-position:100% -390px;}
.color ul.tabs.links li a:active span {background-position:0% -360px;}


.overview-wrp ul.tabs li.tab1 a {background-position:100% -90px;}
.overview-wrp ul.tabs li.tab1 a span {background-position:0% -60px;}
.woordperfect-wrp ul.tabs li.tab2 a {background-position:100% -150px;}
.woordperfect-wrp ul.tabs li.tab2 a span {background-position:0% -120px;}
.spelperfect-wrp ul.tabs li.tab3 a {background-position:100% -210px;}
.spelperfect-wrp ul.tabs li.tab3 a span {background-position:0% -180px; }
.ontleedperfect-wrp ul.tabs li.tab4 a {background-position:100% -270px;}
.ontleedperfect-wrp ul.tabs li.tab4 a span {background-position:0% -240px;}
.stijlperfect-wrp ul.tabs li.tab5 a {background-position:100% -330px; }
.stijlperfect-wrp ul.tabs li.tab5 a span {background-position:0% -300px;}
.taalvaria-wrp ul.tabs li.tab7 a {background-position:100% -450px;}
.taalvaria-wrp ul.tabs li.tab7 a span {background-position:0% -420px;}


.color .display-results-module {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; padding:0;}
.color .display-results-module p { color:#666; }
.color .display-results-module h3 { color:#fff; }
.color .display-results-inner {padding:20px 10px;}
.color .display-results-module a {color:#666;}
.color .license-expiration-date {padding:0; width:auto; text-align:right; margin:5px 12px 5px 7px;}
.display-results-module .logo-wrp { }
.display-results-module h2.logo { margin-top:-14px; position:relative; height:42px; background-repeat:no-repeat; background-position:0 -14px;}
.display-results-module h2.logo.woordperfect { background-image:url(../images/logo-woordperfect.png);  }
.display-results-module h2.logo.spelperfect { background-image:url(../images/logo-spelperfect.png); }
.display-results-module h2.logo.ontleedperfect { background-image:url(../images/logo-ontleedperfect.png); }
.display-results-module h2.logo.stijlperfect { background-image:url(../images/logo-stijlperfect.png); }
.display-results-module h2.logo.taalvaria { background-image:url(../images/logo-taalvaria.png); }
* html .display-results-module .logo-wrp {margin:-2px auto 1px 9px; }
*+html .display-results-module .logo-wrp {margin:-2px auto 1px 9px; }
.display-results-module .logo-wrp img {margin-top:-10px;}

.overview-wrp .display-results-module .last-results a { color:#009FC6; }

.color .display-results-module .theory {padding:1px 2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.overview-wrp .display-results-module .theory {color:#185CA9;}
.overview-wrp .display-results-module a,
.overview-wrp .display-results-module p {color:#fff;}
.overview-wrp .display-results-module .grey-container a,
.overview-wrp .display-results-module .grey-container p {color:#000;}
.woordperfect-wrp .display-results-module .theory {color:#009fc6;}
.spelperfect-wrp .display-results-module .theory {color:#299236;}
.ontleedperfect-wrp .display-results-module .theory {color:#f97906;}
.stijlperfect-wrp .display-results-module .theory {color:#980049;}
.taalvaria-wrp .display-results-module .theory {color:#76046d;}

.color .display-results-module .theory:hover {color:#fff; text-decoration:none;}
.overview-wrp .display-results-module .theory:hover {background-color:#185CA9;}
.woordperfect-wrp .display-results-module .theory:hover {background-color:#009fc6;}
.spelperfect-wrp .display-results-module .theory:hover {background-color:#299236;}
.ontleedperfect-wrp .display-results-module .theory:hover {background-color:#f97906;}
.stijlperfect-wrp .display-results-module .theory:hover {background-color:#980049;}
.taalvaria-wrp .display-results-module .theory:hover {background-color:#76046d;}

.color .display-results-module .theory:active {background-color:#EF037F;}

.display-results-module table { border-collapse:collapse;}
.display-results-module table td,
.display-results-module table th { padding:2px 6px;}

.display-results-module table tr.cat_head { padding:3px;}
.woordperfect-wrp .display-results-module table tr.cat_head { background-color:#9EBEC6; }
.spelperfect-wrp .display-results-module table tr.cat_head { background-color:#D4E9D7; }
.ontleedperfect-wrp .display-results-module table tr.cat_head { background-color:#F9DFC7; }
.stijlperfect-wrp .display-results-module table tr.cat_head { background-color:#987988; }
.overview-wrp .display-results-module table tr.cat_head { background-color:#9EBEC6; }
.display-results-module table tr.cat_head h4 { padding:0px; color:#333; font-size:12px; }
.display-results-module table tr.cat_head td:first-child {
	-moz-border-top-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	padding-right:0px;
}
.display-results-module table tr.cat_head td:last-child {
	-moz-border-top-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	padding-left:0px;
} 
.display-results-module table tr.cat_head:before {
	padding-bottom:10px; background-color:red;
}
.display-results-module table tr.cat_footer td { padding-bottom:10px; }

.conditions .head-wrapper {
	-moz-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-right-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border-radius:5px;
	padding:3px 6px;
	margin:15px 0 4px 0;
	color:#333;
	font-size:12px;
}
.woordperfect-wrp .conditions .head-wrapper { background-color:#8AD3E4; }
.spelperfect-wrp .conditions .head-wrapper { background-color:#D4E9D7; }
.ontleedperfect-wrp .conditions .head-wrapper { background-color:#F9DFC7; }
.stijlperfect-wrp .conditions .head-wrapper { background-color:#D69FB9; }
.taalvaria-wrp .conditions .head-wrapper { background-color:#AD88CA; }

.conditions .head-wrapper.first { margin-top:0; }
.conditions p { padding:0 6px; }
.conditions table { margin:3px 0 10px 0; }
.conditions table.leveltests th { border-bottom:1px dashed #CCC; }

.display-results-module {background:transparent url(../images/display-results_top_bottom.png) no-repeat 0 -999em; }
.display-results-inner {background:transparent url(../images/display-results_top_bottom.png) no-repeat 0 -999em; }
.display-results-inner .table-wrapper { padding-top:4px; margin-top:3px;}

.searchForm { margin:10px 0; }
.searchForm input {
	padding:6px 10px;
	border-radius: 3px;
	border:none;
}
.searchForm input[type="text"] {
	background-color:#fff;
}
.searchForm input[type="submit"] {
	padding:6px 15px;
	background-color:#ddd;
}

.display-results-corner {display:none; height:8px; width:441px; float:right; background-repeat:no-repeat;}
.wide .display-results-corner {display:block;}
.r-corner-t {background-position: right top;}
.r-corner-b {background-position: right bottom; margin-top:-8px;}

.overview-wrp .display-results-module {background-color:#185ca9; background-position:0 0;} 				/* dark blue */  /* uses 'display-results_top_bottom.png' */
.woordperfect-wrp .display-results-module {background-color:#009fc6; background-position:-1200px 0;} 	/* cyan */
.spelperfect-wrp .display-results-module {background-color:#299236; background-position:-2400px 0;} 	/* Dark green */
.ontleedperfect-wrp .display-results-module {background-color:#f97906; background-position:-3600px 0;}  /* orange */
.stijlperfect-wrp .display-results-module {background-color:#980049; background-position:-4800px 0;} 	/* Burgandy */
.taalvaria-wrp .display-results-module {background-color:#76046d; background-position:-6000px 0;} 		/* Purple */

.overview-wrp .display-results-inner { background-position:-600px 100%;}			/* dark blue */  /* uses 'display-results_top_bottom.png' */
.woordperfect-wrp .display-results-inner { background-position:-1800px 100%;}		/* cyan */
.spelperfect-wrp .display-results-inner { background-position:-3000px 100%;}		/* Dark green */
.ontleedperfect-wrp .display-results-inner { background-position:-4200px 100%;}		/* orange */
.stijlperfect-wrp .display-results-inner { background-position:-5400px 100%;}		/* Burgandy */
.taalvaria-wrp .display-results-inner { background-position:-6600px 100%;}			/* Purple */


.display-results-inner .conditions p { font-style:italic;}
.woordperfect-wrp .conditions p { color:#009FC6; }  	/* cyan */
.spelperfect-wrp .conditions p { color:#299236; } 		/* Dark green */
.ontleedperfect-wrp .conditions p { color:#f97906; } 	/* orange */
.stijlperfect-wrp .conditions p { color:#980049; } 		/* Burgandy */
.taalvaria-wrp .conditions p {color:#76046d;} 			/* Purple */

.overview-wrp .display-results-corner {background-image:url(../images/display-results_top_bottom-overview.png);}
.woordperfect-wrp .display-results-corner {background-image:url(../images/display-results_top_bottom-woordperfect.png);} 
.spelperfect-wrp .display-results-corner {background-image:url(../images/display-results_top_bottom-spelperfect.png);} 
.ontleedperfect-wrp .display-results-corner {background-image:url(../images/display-results_top_bottom-ontleedperfect.png);} 
.stijlperfect-wrp .display-results-corner {background-image:url(../images/display-results_top_bottom-stijlperfect.png);}
.taalvaria-wrp .display-results-corner {background-image:url(../images/display-results_top_bottom-taalvaria.png);} 
 

/* Matchitem */
/*
canvas._jsPlumb_endpoint { z-index:110; cursor:pointer; position:absolute; }
canvas._jsPlumb_connector { z-index:100;}
canvas.dragActive { border:2px dotted black; }
canvas.dropHover {filter:alpha(opacity=30); -moz-opacity:0.3;	-khtml-opacity:0.3; opacity:0.3; }

.match_container {width:100%}
.match_container .sources,
.match_container .targets{width:100px;}
.match_container .sources .element,
.match_container .targets .element{width:80px;}
.match_container.wide .sources {width:215px;}
.match_container.wide .targets {width:440px;}
.match_container.wide .sources .element{width:130px;}
.match_container.wide .targets .element{width:160px;}
.sources {position:relative; float:left; background:#eee;border:1px solid grey}
.targets {position:relative; float:right; background:#d7d7d7;border:1px solid grey}
.element {border:1px solid gray; position:relative; margin:10px; padding:20px; background:white; width:40px}
.element .detach{ display:none; position:absolute; top:0px; left:0px; width:20px; height:20px;}
.sources .element .detach{ left:auto; right:0px }
.element .detach_show{ display:block}

.colors {display:none}
.color_source {color:#007E7A}
.color_target {color:#00BBB5}
.color_good_1 {color:#B6F23E}
.color_good_2 {color:#D3F78B}
.color_wrong_1 {color:#E80000}
.color_wrong_2 {color:#F66565}

body#admin.results .element .detach_show{ display:none}
body#admin.assess .element .detach_show{ display:none}*/

/*----- define styles for jquery keypad plug-in -----------*/
button.keypad-trigger{width:25px; padding:0px}
img.keypad-trigger{margin:2px; vertical-align:middle}
#keypad-div{display:none; z-index:10; margin:0; padding:0; border:1px solid #888; color:#000; background-color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:14px}
.keypad-popup button { border:solid #000 1px; width:27px; height:27px; }
.keypad-keyentry{display:none}
.keypad-inline{border:1px solid #888; background-color:#f4f4f4}
.keypad-disabled{position:absolute; z-index:100; background-color:white; opacity:0.5; filter:alpha(opacity=50)}
.keypad-rtl{direction:rtl}
.keypad-prompt{clear:both; width:100%; text-align:center}
.keypad-row{clear:both; float:left; width:100%}
.keypad-space{float:left; margin:2px; width:24px}
* html .keypad-space{/* IE6 */margin:0px; width:28px}
.keypad-half-space{float:left; margin:1px; width:12px}
* html .keypad-half-space{/* IE6 */margin:0px; width:14px}
.keypad-key{float:left; margin:2px; padding:3px 0px 1px 0px; width:24px; background-color:#f4f4f4; text-align:center; cursor:pointer}
.keypad-key[disabled]{border:2px outset}
.keypad-key-down{}
.keypad-spacebar{width:164px}
.keypad-clear, .keypad-back, .keypad-close, .keypad-shift{width:52px; color:#fff; font-weight:bold}
.keypad-clear{background-color:#a00}
.keypad-back{background-color:#00a}
.keypad-popup .keypad-close{background-color:#0a0; margin:2px; padding:2px; width:auto; height:auto; cursor:pointer; }
.keypad-shift{background-color:#0aa}
.keypad-cover{display:none; display/**/:block; position:absolute; z-index:-1; filter:mask(); top:-4px; left:-4px; width:125px; height:200px}
.keypad-popup { z-index:1000; background-color:#fff; padding:2px; border:solid #666 1px; }

/*------------- //end styles for keypad plug-in -------------------*/


.white { color:#fff !important;}
.grey { color: #bbb !important;}
.color p.noresults { color:#fff; margin:20px 0 5px 10px;  }

div#candidate-certificate-overview {margin:0; text-align:left; padding-bottom:10px; }
div#candidate-certificate-overview h2 {color:rgb(109, 161, 203); margin-bottom:10px;}
div#candidate-certificate-overview h3 {font-size:14px; margin-top:10px; color:#333; }
div#candidate-certificate-overview a { color:#333; }
div#candidate-certificate-overview .exercise {width:500px;}
div#candidate-certificate-overview .level {width:100px;}.grey { color:#bbb !important;}

/*--test code blokken naast elkaar--*/
.brandingheader {background-color: white; margin:0 auto; float:none; width:100%; text-align: center; padding:10px 0px;}
.containerboxwrapper {display: flex; background-color: #009fc6; margin-top: 30px; border-radius: 6px; }
.form, #column2 {flex:1; width: 50%; min-height: 300px; }
.form{ order: 2; padding: 30px 20px;}
#column2{ order: 1; padding: 0px; position: relative; overflow: hidden; }
.loginafbeelding{ position: absolute; border-radius: 0px 6px 6px 0px; transform: scaleX(-1); height: 100%; left:-1px; }

.containerboxwrapper.mfa #totp {
	width:140px;
	font-size: 140%;
	letter-spacing: 3px;
	text-indent: 8px;
}

/*--einde test code blokken naast elkaar--*/

body#loginForm { background:#edf1f4; font-family: "museo-sans",sans-serif;font-size:100%; color: #595959; }
#loginForm #wrapper { background: none; margin-top:10px; }
#loginForm #wrapper #container { background: none; }
#loginForm #wrapper #container #contents { background: none; width:100%; margin: 0 auto; float:none; }

#loginForm ul.sys_msg { border-top: solid #116111 3px; border-radius: 6px; background-color: #efe; }
#loginForm .error ul.sys_msg { border-top: solid #f14538 3px; border-radius: 6px; background-color: #fee; }
#loginForm ul.sys_msg li { background: none; border:none; margin:15px 20px; padding:0px; padding-bottom:15px; }
#loginForm .branding { margin:0 auto; float:none; width:100%; text-align: center; background-color: red}
#loginForm .container { }
#loginForm footer { background-color:none; color:#689fcd; text-align: center; margin-top:40px;}
#loginForm footer a { color:#689fcd ;margin: 0 15px; text-decoration: none;}
#loginForm footer span { margin:0 15px; }
#loginForm footer span a { margin:0; }
#loginForm footer .container { width:auto; }
#loginForm .blockright h2 { text-align: center; margin:10px 0; color:#ffffff; font-size: 120%;}
#loginForm form { padding:15px 15px 10px 15px; border-radius:6px; }
#loginForm form p { margin:0 0px 1em 0px; color:#fff; line-height: 1.5em; font-size: 90%;}
#loginForm form label { width:100%; margin:0; font-weight: normal; color:#fff; }
#loginForm form label,
#loginForm form div.submit { box-sizing: border-box; width:100%; padding:10px 0px 0px 0px; display: block;}
#loginForm form input { width:100%; padding:5px 7px; box-sizing: border-box; box-shadow:none; border-radius: 4px; border:none; margin:3px 0 8px 0; }
#loginForm form input:focus { border-color:#ce3786; }
#loginForm form input.input-button { margin-top:15px; padding:8px 20px; }
#loginForm form .btn { color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size:0.875em; font-weight: 300; }
#loginForm form .btn.primary { background: #ce3786; border:none; }
#loginForm .submit input { max-width: 40%;}

#loginForm .sys_msg li { font-size:0.9em; line-height: 1.4em; }

#loginForm .toggleButtons { margin-top:25px; padding:0px 15px;}
#loginForm .toggleButtons div { border:solid #ffffff 2px; border-radius: 3px; display: inline-block; padding: 8px 12px; cursor: pointer; color:#ffffff; }
#loginForm .hide { display:none; }

div.buttons {
	display: flex;
	justify-content: flex-end;
	margin:15px 0 0 0;
}
div.buttons div.button { text-align: left; }
div.buttons #back-btn,
div.buttons #fwd-btn { float: none; margin-left:10px; }

.overview-wrp .display-results-module .moreResults {
	border-radius: 6px;
	padding: 10px 15px;
	background-color: #185ca9;
	font-weight:bold;
	font-size: 1em;
	color:#fff;
	margin: 15px 0;
	border:none;
	cursor:pointer;
	display: inline-block;
}

#start_test .horizontal_table td {
	vertical-align: middle;
	padding-top: 6px;
	padding-bottom: 6px;
}

#kt-result-feedback {
	border-bottom:solid #999 1px;
	border-top:solid #999 1px;
	height:700px;
	width:100%;
	overflow-y: scroll;
}
#kt-result-feedback.fullHeight {
	height:100%;
	overflow: auto;
	border: none;
}
#kt-result-feedback.hide {
	display: none;
}
#kt-result-feedback h2 {
	margin-top:15px;
	font-size: 160%;
}

#kt-result-feedback .results {
	padding-top: 10px;
	page-break-inside: avoid;
}
#kt-result-feedback table.vertical_table p {
	color: #000;
}
#kt-result-feedback table.vertical_table {
	border-collapse: collapse;
	border: none;
	background-color: #fff;
	margin: 5px 0;
}
#kt-result-feedback table.vertical_table th {
	font-weight: bold;
}
#kt-result-feedback table.vertical_table th,
#kt-result-feedback table.vertical_table td {
	border: none;
}
#kt-result-feedback table.vertical_table .question p:first-child {
	margin-top: 0;
}
#kt-result-feedback table.vertical_table .question p:last-child {
	margin-bottom: 0;
}
#kt-result-feedback table.vertical_table .correctAnswer th,
#kt-result-feedback table.vertical_table .correctAnswer td {
	border-top: solid #ccc 1px;
}
#kt-result-feedback table.vertical_table td {
	border: none;
	color:#000;
}
#kt-result-feedback table.vt_col1 th {
	width: 25%;
	color:#000;
}
#kt-result-feedback th,
#kt-result-feedback td {
	padding: 6px 13px !important;
}

#kt-result-feedback .intro {
	font-style: italic;
	margin-bottom:10px;
}
#kt-result-feedback .text {
	font-weight: bold;
}
#kt-result-feedback p.question {
	border-left: dashed #666 1px;
	padding-left:7px;
	margin: 8px 0px;
}
#kt-result-feedback strong {
	font-weight: bold;
}