.pagination a.currentsmall
{
	background-color: #FFFFFF;
	color:#1A415D;
	font-weight:bold !important;
}
.pagination ul {
    margin: 0; 
    padding: 0;
}
.pagination ul li {
    list-style: none;
    margin: 0; padding: 0;
    float: left;
}
.type_scala .abstention label {
	display: inline;
}
.pagination a:focus { background-color: #F1DA36 !important; color: black; -webkit-box-shadow: 0px 0px 4px 2px #cbb625; box-shadow: 0px 0px 4px 2px #cbb625; outline: none; }
.pagination a.current { border-bottom: 1px solid white; }
.pagination a.current:focus { background-color: #F1DA36 !important; color: black; outline: none;}
.pagination a.current.marked { background-color: #f3f3ff !important;}
.pagination a.marked:focus,
.pagination a.current.marked:hover,
.pagination a.current.marked:focus { background-color: #f3f3ff !important;}
.pagination a.marked { background-color: #3fa7c3 !important;}
.pagination.multirows { padding: 2px 0px 2px 0px }
.pagination.multirows .inner { margin: 0px; }
.pagination.multirows a,
.pagination.multirows a.current { width:20px; height: 20px; padding: 2px; margin: 2px; border-left: 1px solid #666; border-right: 1px solid #666; margin-top: 0px !important}
.item p { display: inline; }

/* compensate wcag changes */
.languageselector ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#surveyheader p {
	padding: 0px;
	margin: 0px;
}

.errors li a,
.errors h3 {
	color: red;
}

/* necessary due to a fix for a correct taborder - the submit-button needed to be on the same line
   as the previous-page button... therefore the clear: both had to be changed to clear:none */
input.submit {
	clear: none; 
}
input.right { float: right; }
.printpreview {	float: left; }

#inner_buttoncontainer {
	float: left;
}
body.dijit_a11y h2 {
	
}

span.numbered_label {
	display: block;
}
span.itemoption {
	display: block;
}
span.charcounter {
	display: block;
}
#container_toggleContrastmode {
	float: right; 
}
#container_toggleContrastmode span{
	margin: 1px 1px 5px 20px;
	display: block;
	padding: 5px 10px;
	border-radius: 5px;
  	border: 1px solid #C0C0C0;
  	color: #6C6C6C;
}
#toggleContrastmode {
	color: black;
	margin-right: 5px;
}
body.textgfxoff .dijitSliderImageHandleH {
	border: 2px solid white;
}
body.textgfxoff .dijitSliderImageHandleH:focus {
	border: 2px solid blue;
	background-color: blue !important;
	display: block;
}
body.textgfxoff .manyoptions.withextpoles .inputarea {
	text-align: left;
	width: 350px;
}
body.textgfxoff .fewoptions.withextpoles .inputarea {
	text-align: left;
	width: 250px;
}
body.textgfxoff .type_scala label.hidden {
	display: inline;
	height: auto;
    left: auto;
	float: none;
    overflow: visible;
	padding-top: 2px;
	position: static !important;
    clip: rect(1px 350px 50px 1px); 
	clip: rect(1px, 350px, 50px, 1px);
}
body.textgfxoff .type_scala .abstention {
	width: 100px;
	font-size: 1em;
}
* html body.textgfxoff .type_scala .abstention {
	width: 70px;
	clip: rect(1px 85px 50px 1px); 
	clip: rect(1px, 85px, 50px, 1px);
}
body.textgfxoff .type_scala .abstention {
	clear: both;
	padding-left: 0;
	width: auto !important;
	border-left: 0;
}
body.textgfxoff .type_scala .abstention .hidden .hidden {
	position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}
/*.type_matching .inputarea .itemoption .bigradiobutton,
.type_matching .inputarea .itemoption input, 
.type_scala .inputarea .itemoption input,
.type_scala .inputarea .itemoption .bigradiobutton*/
body.textgfxoff .type_scala span.fld,
body.textgfxoff .type_scala span.itemoption {
	display: block;
	clear: both;
	border: none !important;
	width: auto !important;
	text-align: left !important;
}
body.textgfxoff .bigradiobutton,
body.textgfxoff .type_scala label,
body.textgfxoff .type_scala input {
	float: left !important;
}
body.textgfxoff .type_scala .itemoption .bigradiobutton {
	padding-left: 0px !important;
	margin-left: 0px !important;
	margin-right: -30px !important;
}
body.textgfxoff .type_scala input {
	margin-left: 0px !important;
	margin-top: 0px !important;
	margin-right: -30px !important;
}

body.textgfxoff .itemoption label,
body.textgfxoff .itemoption input {
	margin-top: 0 !important;
}
body.textgfxoff .type_pole_def,
body.textgfxoff .type_ext_pole_def,
body.textgfxoff .type_scala .leftpole,
body.textgfxoff .type_scala .rightpole {
	display: none;
}
body.textgfxoff .type_scala .itemoption > .hidden {
	clip: auto;
	position: inherit;
}
.languageselector ul li {
	display: block;
	float: left;
}

#tableSurveyList{
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    border-radius:10px;
	background: white;
    border: 1px solid #aaaaaa;
    font-size: 1em;
    margin: auto;
    width: 70%;
    max-width: 100%;
	-moz-box-shadow: 0px 2px 3px 1px #aaaaaa;
	-webkit-box-shadow: 0px 2px 3px 1px #aaaaaa;
	box-shadow: 0px 2px 3px 1px #aaaaaa;
	border-spacing: none;
}
#tableSurveyList tr {
	border:0;
	padding: 0;
	margin: 0;
	height: 40px;
}
#tableSurveyList tr {
	border:0;
	padding: 0;
	margin: 0;
}
#tableSurveyList tr:hover {
	background: white;
}
#tableSurveyList tr td {
	border-bottom: 1px solid #aaaaaa;
	border-right: none;
	padding: 2px 4px;
	margin: none;
	border-spacing: none;
}
#tableSurveyList tr td.right {
	border-left: 1px solid #aaaaaa;
}
#tableSurveyList tr.bottom td {
	border-bottom: none;
}
#tableSurveyList thead th {
	padding-top: 15px;
}

#tableSurveyList a:link,
#tableSurveyList a:visited,
#tableSurveyList a:hover{
    color: #000088;
    text-decoration: none;
}
#tableSurveyList a:hover,
#tableSurveyList a:active{
    background-color: #CCCCCC;
}

* html #tableSurveyList {
	font-size: 1em;
    margin: auto;
	width: 70%;
	border-collapse: collapse;
}
* html #tableSurveyList tr td {
	padding: 5px 10px;
	margin: none;
	border-spacing: none;
}

* html #tableSurveyList {
	border: none;
	background: none;
}
* html #tableSurveyList td {
	border: none;
}
* html #tableSurveyList tr td.left{
	background-position: left;
}
* html #tableSurveyList tr td.right{
	background-position: right;
	width: 20%;
}
* html #tableSurveyList td {
	border-bottom: 1px solid #aaaaaa;
	background-image: url(surveylist.png);
}
* html #tableSurveyList tr.top td.left {
	background-position: top left;
}
* html #tableSurveyList tr.top td.right {
	background-position: top right;
}
* html #tableSurveyList tr.bottom td.left {
	background-position: bottom left;
}
* html #tableSurveyList tr.bottom td.right {
	background-position: bottom right;
}
* html #tableSurveyList tr.bottom td {
	border-bottom: none;
}

* html .contrastmode h2,
* html .contrastmode p,
* html .contrastmode .item label { color: white !important; }

#submittedbox { margin-bottom: 30px; height: auto !important; padding-bottom: 20px !important; }

#copyright .standards { margin: auto 5px;}
#wcaglogo { display: none; margin: 5px auto; }
#wcaglogo { border: none; }

body.contrastmode { background: black; color: white; }

body.contrastmode *,
body.contrastmode #main,
body.contrastmode #main *,
body.contrastmode #submittedbox,
body.contrastmode #tableSurveyList a:link,
body.contrastmode #tableSurveyList a:visited,
body.contrastmode #tableSurveyList a:hover,
body.contrastmode #copyright,
body.contrastmode #copyright * { background: black !important; color: white; }

body.contrastmode.dijit_a11y .dijit * { color: white !important; }

body.contrastmode input.text,
body.contrastmode select,
body.contrastmode textarea,
body.contrastmode #main select,
body.contrastmode #main textarea { border: 1px solid white !important; background: black; color: white; }

body.contrastmode input.next, 
body.contrastmode input.prev, 
body.contrastmode input.back, 
body.contrastmode input.submit, 
body.contrastmode input.btnsubmit, 
body.contrastmode input.btntempsave, 
body.contrastmode input.btnprintpreview, 
body.contrastmode input.btnclosewindow, 
body.contrastmode #main button, 
body.contrastmode #btntempsave,
body.contrastmode #divFormcontent { border: 1px solid white; }
body.contrastmode .odd.item,
body.contrastmode .even.item { filter: -; }

body.contrastmode input.next:focus, 
body.contrastmode input.prev:focus, 
body.contrastmode input.back:focus, 
body.contrastmode input.submit:focus, 
body.contrastmode input.btnsubmit:focus, 
body.contrastmode input.btntempsave:focus, 
body.contrastmode input.btnprintpreview:focus, 
body.contrastmode input.btnclosewindow:focus, 
body.contrastmode #main button:focus, 
body.contrastmode #btntempsave:focus,
body.contrastmode #startExamButton:focus,
body.contrastmode #main input:focus,
body.contrastmode #main select:focus,
body.contrastmode #main textarea:focus,
body.contrastmode #main a:focus { border: 1px solid #F1DA36 !important; color: white !important;}
body.contrastmode #main .itemoption { margin-bottom: 2px; margin-right: 2px; }
body.contrastmode #main .type_scala .itemoption { width: 100% !important; }
body.contrastmode #main .soria .dijitSliderProgressBarH { background: #666666 !important; background-image: none !important; }
body.contrastmode #main .soria .dijitProgressBarTile { background: white !important; }
body.contrastmode #progressbar,
body.contrastmode #surveyprogress,
body.contrastmode #progressbar_label{ background: transparent !important; color: #999999 !important; }
body.contrastmode .pagination a { color: white !important; border: 1px solid white !important; margin-top: 2px !important;}
body.contrastmode a.current:focus { border-top: 3px dotted #444444 !important; border-left: 3px dotted #444444 !important; border-right: 3px dotted #444444 !important; margin-top: 0px !important;}
body.contrastmode .pagination a.current { background: #666666 !important; color: white !important; border-top: 3px solid white !important; border-left: 3px solid white !important; border-right: 3px solid white !important; margin-top: 0px !important;}
body.contrastmode .pagination .groupdisabled,
body.contrastmode .pagination a.groupdisabled { color: #bbbbbb !important; border: none !important; }
body.contrastmode #main #organizationheader { background-color: none !important; }
body.contrastmode #surveyheader { background-image: none !important; }
body.contrastmode span.bigradiobutton input.radio,
body.contrastmode span.bigcheckbox input.checkbox { opacity: 1; }
body.contrastmode.noblackberry span.bigcheckbox,
body.contrastmode.noblackberry span.bigradiobutton { background-image: none !important; }
body.contrastmode.noblackberry span.bigcheckbox input.checkbox,
body.contrastmode.noblackberry span.bigcheckbox input.checkbox,
body.contrastmode.noblackberry span.bigradiobutton input.radio,
body.contrastmode.noblackberry span.bigradiobutton input.radio {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0;opacity: 1.0; background-image: none; }

body.contrastmode #surveyheaderBottomBg,
body.contrastmode #surveyheaderTopBg { display: none; }
body.contrastmode .dijitSliderMoveable.dijitSliderMoveableH { background-color: none !important; background-image: none !important; }

body.contrastmode .bigbuttons .type_scala .inputarea { height: auto; }

body.contrastmode span.bigcheckbox input.checkbox, 
body.contrastmode span.bigradiobutton input.radio,
body.contrastmode .item span.bigradiobutton { height: auto; }
body.contrastmode .bigbuttons .type_scala.optcnt2 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt3 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt4 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt5 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt6 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt7 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt8 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt9 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt10 .inputarea span.inner,
body.contrastmode .bigbuttons .type_scala.optcnt11 .inputarea span.inner { padding-left: 30px; }
body.contrastmode .bigbuttons form.numeration .type_scala .abstention { margin-top: 1px; }

a:focus,
#matrikel_id_input:focus,
#markpage:focus,
.hiddenlink:focus,
input.btntempsave:focus,
input.textinput:focus,
input.submitbutton:focus,
input.submit:focus,
input.next:focus,
button:focus,
#toggleContrastmode:focus,
#btntempsave:focus,
#startExamButton:focus,
.languageselector a:focus img,
body.contrastmode #main .focused {
    -webkit-box-shadow: 0px 0px 4px 3px #cbb625;
	box-shadow: 0px 0px 4px 3px #cbb625;
}

body.contrastmode #main .focused label { background: none !important; }

.invisible { visibility: hidden; }
.onequestionperpage form .es_displaygroup { min-height: 300px; margin-top: 55px; margin-bottom: 10px; }
.onequestionperpage form .es_displaygroup .item { min-height: 150px; padding-top: 15px;}
.onequestionperpage form .es_displaygroup .type_scala { min-height: 200px;}
@media (max-width: 740px) {
	.onequestionperpage form .es_displaygroup { min-height: auto; margin-top: 10px; }
}
#markpage_outer { float: left; display: block; width: auto; margin-top:10px; text-align: center;}

span.itemoption.correctly_marked,
.correctly_marked { border: 1px solid green !important; padding-top: 1px;}
span.itemoption.error_not_marked,
.error_not_marked { border: 1px dashed green !important; padding-top: 1px;}
span.itemoption.error_marked,
.error_marked { border: 1px solid red !important; padding-top: 1px;}
span.itemoption.correctly_not_marked,
.correctly_not_marked {  padding: 1px 1px 2px 1px;}
label.correctness_marker_label {margin: 0px !important;}
.correctness_marker { display: block; margin-left:4px; margin-top: 7px; position: absolute; }
.type_matching .correctness_marker { display: block; margin-left:0px; margin-top: -1px; position: absolute; }
.correctness_hints { border: 1px solid #cccccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; opacity: 0.8; padding: 5px; margin: 10px 5px; background: #ffffff; clear: both; }
.correctness_hints .referencetext { border-top: 1px dashed #999999; margin-top: 5px; padding-top: 1px;}
#label_markpage { padding-right: 2px; margin-right: 10px; }
#label_markpage.marked { border-right: 10px solid #3fa7c3; }

@media screen\0 {
    .correctness_marker { margin-right:0px; }
}