.pagination a.currentsmall {
    background-color: #FFFFFF;
    color: #1A415D;
    font-weight: bold !important;
}

#pageAlreadyLoaded {
    display: none;
}

.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;
}

.languageselector ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#surveyheader p {
    padding: 0px;
    margin: 0px;
}

.connectedtextbox {
    clear: none;
    margin-left: 10px;
    margin-top: 2px;
}

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

input.submit {
    clear: none;
}

input.right {
    float: right;
}

.printpreview {
    float: left;
}

#inner_buttoncontainer {
    float: left;
}

body.dijit_a11y h2 {
}

div.loading {
    background-image: url(../../../../images/icons/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
}

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;
    cursor: pointer;
}

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);
}

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;
    color: black;
    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: unset;
}

#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: unset;
    border-spacing: unset;
}

#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: unset;
    border-spacing: unset;
}

* 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;
}

#submittedbox p {
    margin-top: 10px;
    margin-bottom: 10px;
}

#copyright .standards {
    margin: auto 5px;
}

#wcaglogo {
    display: none;
    margin: -10px auto;
    width: 95px;
}

#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 .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: unset !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: unset !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 .item.dual .questiontext {
    display: block
}

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;
}

body.contrastmode .type_scala .inputarea label.hidden {
    display: inherit;
    position: inherit;
    clip: inherit;
    overflow: inherit;
    visibility: visible;
    color: inherit;
}

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;
    }
}

@media screen and (max-width: 690px) {
    .hidden.display_on_small_screen {
        position: static;
    }
}

.contrastmode .hidden.display_on_small_screen {
    position: static;
}

.subtitle-dropdown-button {
    float: none;
    border: none;
    cursor: pointer;
    margin: 0px;
}

.dropdown {
    position: relative;
    display: inline;
    vertical-align: middle;
}

.subtitle-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.subtitle-dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.subtitle-dropdown-content a:hover {
    background-color: #ddd
}

.showSubtitles {
    display: block;
}

.exam_errortext {
    font-weight: bold;
    color: red;
    text-align: center;
    border-bottom-style: none !important;
}

.exam_warningtext {
    padding: 1em;
    width: 90%;
}

.warning_border {
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid black;
    border-collapse: collapse;
    margin-top: 2em;
    width: 90%;
}

select > option.filteredNode.hidden:disabled {
    display: none;
}

#custom-alert-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

#custom-alert-box {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 20px;
    max-width: 450px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    font-family: sans-serif;
}

#custom-alert-box p {
    margin: 0 0 20px;
    font-size: 16px;
}