/* basic styles for the checker2 without javascript /*

/* overwrite global styles */
h4 {
    font-size: 120%;
    border-bottom: 1px dashed #B2B2B2;
    margin-top: 2em;
}
h5 {
    font-size: 110%;
    font-weight: normal;
    margin: 1.5em 0 0.7em 0;
}
h5.first {
    margin-top: 0.7em;
}
.infobox {
    margin: 1em 0 !important;
}
.infobox.error {
    margin: 2em 0 !important;
    border-color: #AA0000;
}

/* new styles */
.checker2Fail, .checker2Fail * {
    color: #A20000;
}
.checker2Fail a.lnk_anchor {
    color: #A20000 !important;
}
.checker2Verify, .checker2Verify * {
    color: #824800;
}
.checker2Verify a.lnk_anchor {
    color: #824800 !important;
}
.checker2Fail a.lnk_anchor:focus,
.checker2Verify a.lnk_anchor:focus,
.checker2Pass a.lnk_anchor:focus {
    color: #FFF !important;
}
.checker2Pass, .checker2Pass * {
    color: #086800;
}
.checker2Pass a.lnk_anchor {
    color: #086800 !important;
}
.iconInLine {
/*    vertical-align: bottom; */
    position: relative;
    left: 2px;
}
.checker2FailXX .iconInLine {
    display: none;
}
.iconStartLine {
    position: relative;
    top: -4px;
    vertical-align: bottom;
}
.criterionTree dl {
    margin: 1.4em 0;
    border-bottom: 2px solid #970036;
    padding-bottom: 1.3em;
}
dl.criterionTree.simplified, .criterionTree.simplified dl {
    margin: 0;
    padding: 0;
}
.criterionTree.simplified .h {
/*    font-size: 100%; */
    color: #333;
}
.criterionTree.simplified dl .h {
    font-weight: normal;
}
.criterionTree.simplified dl dl dt {
    background: none;
    padding-left: 0;
    border-bottom: 1px dashed #CCC;
}
.criterionTree.simplified dd, .criterionTree.simplified dt {
    padding-left: 0;
}
.criterionTree.simplified dl {
    border-bottom: 0;
    margin-left: 0.5em;
}
#testlistInWCAG .criterionTree.simplified dl {
    margin-bottom: 1em;
}
#testlistInWCAG .criterionTree.simplified dl dl dd {
    margin: 1.3em 0;
}
#testlistInWCAG .criterionTree.simplified dl dl dd .h a {
    font-weight: bold !important;
    color: #000;
}
.criterionTree dl dl, .testTree {
    border-bottom: 0;
    padding-bottom: 0;
}
.criterionTree dl dl dl, .testTree dl {
    margin: 0 0 2.2em;
}
.criterionTree dt, .testTree dt {
    font-size: 100%;
    font-weight: normal;
    border-bottom: 1px dashed #ADADAD;
    padding-bottom: 0.3em;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}
.criterionTree dd p, .testTree dd p {
    margin-left: 0;
    margin-right: 0;
}
.criterionTree dl dt {
    padding-bottom: 0.2em;
}
.criterionTree dl dl dt {
    padding-bottom: 0;
    border-bottom: 0;
    padding-left: 15px;
    background: transparent url(/images/listDot.gif) no-repeat center left;
    margin-bottom: 0.3em;
}
.criterionTree dl dl dl dt, .testTree dl dt {
    background: none;
    padding-left: 0;
    margin-top: 0.7em;
}
.criterionTree dd {
    padding-left: 0.5em;
    margin-bottom: 0;
}
.criterionTree dl dl dd {
    padding-left: 15px;
}
.criterionTree dl dl dl dd, .testTree dl dd {
    padding-left: 31px;
}
.criterionTree .h, .testTree .h {
    font-size: 120%;
}
ul.criterionTree.simplified .h {
    font-size: 100%;
}
ul.criterionTree.simplified .level1 .h {
    font-size: 110%;
}
ul.criterionTree.simplified .level2 .level1 .h,
ul.criterionTree.simplified .level1 ul .h {
    font-size: 100%;
    font-weight: normal;
}
ul.criterionTree.simplified .level1 .h .tooltipPopup {
    font-size: 85%;
}
ul.criterionTree.simplified .level2 .level1 .h .tooltipPopup,
ul.criterionTree.simplified .level1 ul .h .tooltipPopup {
    font-size: 100%;
    font-weight: normal;
}
ul.criterionTree.simplified .level2 .level1 .h {
    font-weight: bold;
}
ul.criterionTree.simplified .level3 .h .tooltipPopup {
    font-size: 75%;
}
ul.criterionTree.simplified .level2 .h .tooltipPopup {
    font-size: 85%;
}
ul.criterionTree.simplified .level2 .level1 .h .tooltipPopup {
    font-size: 100%;
}
ul.criterionTree.simplified .level3 > .h {
    font-size: 120%;
    border-bottom: 1px dashed #C3CED1;
}
ul.criterionTree.simplified .level3 {
    margin-bottom: 1em;
}
ul.criterionTree.simplified .level2 .h {
    font-size: 110%;
}
.criterionTree dl .h {
    font-size: 110%;
    font-weight: bold;
}
.criterionTree dl dl .h, .testTree dl .h {
    font-size: 100%;
}
ul.criterionTree, ul.criterionTree ul {
    margin: 0;
    padding: 0;
}
ul.criterionTree {
    margin-left: 0.2em;
}
ul.criterionTree li {
    list-style-type: none;
    position: relative;
}
ul.criterionTree ul li {
    /*
    background: transparent url(/images/dirLinkVert.gif) repeat-y left top;
    margin-left: 6px;
    padding-left: 15px !important;
    */
}
ul.criterionTree ul li:last-child {
    background-image: url(/images/dirCornerEnd.gif);
}

ul.criterionTree ul ul li {
}
/*
ul.criterionTree ul li > *:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    background: transparent url(/images/dirCorner.gif) no-repeat left bottom;
    display: block;
    width: 10px;
    margin-right: 0.5em;
}
ul.criterionTree ul li > *:first-child:before {
    height: 1.4em;
    top: -0.7em;
}
ul.criterionTree ul li:first-child > *:first-child:before {
    height: 1em;
    top: -0.4em;
}
ul.criterionTree ul.anchorblock li > *:first-child:before {
    height: 1.3em;
}
*/
ul.criterionTree .h {
    display: block;
}
ul.criterionTree ul li {
    width: 100%;
    margin-left: -15px;
    padding-left: 15px !important;
    background: transparent url(/images/dirCornerInside.gif) no-repeat 20px -14px;
}
ul.criterionTree ul li .h {
    padding-left: 20px;
    padding-top: 7px;
}
ul.criterionTree ul ul li {
    background-position: 40px -14px;
}
ul.criterionTree ul ul li .h {
    padding-left: 40px;
}
ul.criterionTree ul ul ul li {
    background-position: 60px -14px;
}
ul.criterionTree ul ul ul.anchorblock li:first-child {
    background-position: 60px -6px;
}
ul.criterionTree ul ul ul li .h {
    padding-left: 60px;
}
ul.criterionTree .anchorblock {
    background: none;
    border: 0;
    margin: 0;
}
ul.criterionTree .anchorblock li:first-child {
    background-position: 20px -6px;
    padding-top: 0.7em;
}
ul.criterionTree .anchorblock li:last-child {
    padding-bottom: 0.7em;
}
ul.criterionTree.isStatic li.level1 + li {
    margin-top: 1em;
}

.testTree dl dt {
    font-weight: bold;
}
.testTree dd {
    padding-left: 0.5em;
}
.testTree dl dt {
    font-size: 100%;
    padding-bottom: 0;
    border-bottom: 0;
}
.testTree dl dd {
    margin-bottom: 1em;
}

.occurrenceList {
    margin: 0;
    padding: 0;
}
.occurrenceList li {
    list-style-type: none;
}
.occurrenceList li + li {
    margin-top: 2.5em;
}
.occurrenceList .h {
    font-weight: bold;
    display: block;
    margin-bottom: 0.35em;
    padding-left: 31px;
    margin-top: -18px;
}
.occurrenceList .hSubtext {
    margin-bottom: 0.7em;
    font-size: 95%;
}
.occurrenceListContent {
    padding-left: 31px;
}
.occurrenceList p {
    margin: 0.2em 0;
}
.occurrenceList dt {
    font-size: 95%;
    font-weight: bold;
    clear: left;
    float: left;
}
.occurrenceList dt:after {
    content: ':';
    margin-right: 0.5em;
}
.occurrenceList dd {
    margin: 0;
/*    font-size: 95%;*/
    margin-bottom: 0.15em;
    margin-left: 1em;
/*    overflow: hidden; */
    min-width: 40%;
}
.occurrenceList dl {
    margin: 1em 0 0 0;
    padding: 0.5em 0.7em 0.35em;
    border: 1px solid #CCC;
    background: #EEE;
/*    overflow: hidden; */
    font-size: 95%;
    overflow-x: scroll;
}
.occurrenceList dl dl {
    margin: 0;
    padding: 0.5em 0.7em;
    border: 0;
    background: none;
    overflow-x: visible;
}
.occurrenceList .heading4SubDetail {
    float: none;
}
.occurrenceList dd + .heading4SubDetail {
    margin-top: 1em;
}
.occurrenceList .heading4SubDetail + dd + dt {
    margin-top: 0.3em;
}
.occurrenceList .heading4SubDetail + dd + dt + dd {
    margin-top: 0.4em;
}
.occurrenceList .heading4SubDetail + dd + dt.heading4SubDetail + dd {
    margin-top: 0;
}
.occurrenceList dd code {
    display: block;
    line-height: 135%;
    white-space: pre-line;
    margin-top: 0.1em;
}
.occurrenceList .supplementLinks {
    display: block;
    padding: 0;
    margin: 1em 0;
}
.occurrenceList .supplementLinks ul {
    margin: 0.3em 0;
    padding: 0;
}
.occurrenceList .lnk_highPriority li {
    margin: 0;
}
.occurrenceList .lnk_highPriority li + li {
    margin-top: 0.2em;
}
.testOccurrenceList > dd {
    margin-left: 31px;
}
.testOccurrenceList > dt {
    margin-top: 1em;
}
.testOccurrenceList dd p {
    margin: 0.7em 0;
}
.testOccurrenceList .occurrenceList {
    margin: 1.2em 0 1.2em 1em;
}
.testOccurrenceList .occurrenceList li {
    list-style-type: disc;
}
.testOccurrenceList .occurrenceList .h {
    margin-top: 0;
    padding-left: 0;
}
.testOccurrenceList .occurrenceListContent {
    padding-left: 0;
}
.testOccurrenceList li + li {
    margin-top: 1em;
}
.occurrenceListContent ol, .occurrenceListContent ul {
    margin: 0 0 0 1.7em;
    padding: 0;
}
.occurrenceListContent ol li {
    list-style-type: decimal !important;
}
.occurrenceListContent li + li {
    margin-top: 0.2em;
}
.lnk_w3, .how2repair a {
    color: #025589;
    background: transparent url(/images/lnk_externalB_over.gif) no-repeat 2px 1px;
    padding-left: 17px;
    text-decoration: none;
}
.lnk_w3:focus, .how2repair a:focus, q a:focus {
    background-image: url(/images/lnk_external_w.gif);
}
.lnk_w3:hover, .how2repair a:hover, q a:hover {
    text-decoration: underline;
}
q a {
    background: transparent url(/images/lnk_external_b_over.gif) no-repeat 2px 1px;
    padding-left: 17px;
}
.testCriterionTree dt {
    font-size: 100%;
    margin-bottom: 0.2em;
}
.testCriterionTree dd {
    margin-bottom: 0;
}
.testCriterionTree a {
    display: inline-block;
}
.testCriterionTree dd.gdl, .testCriterionTree dt.scr {
    margin-left: 2em;
}
.testCriterionTree dd.scr, .testCriterionTree dt.tec {
    margin-left: 4em;
}
.testCriterionTree dd.tec {
    margin-left: 6em;
}
.testCriterionTree dd + dt {
    margin-top: 0.8em;
}
.testCriterionTree .dirCorner {
    background: transparent url(/images/dirCorner.gif) no-repeat left bottom;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.5em;
    margin-left: 0.3em;
    position: relative;
    margin-top: -0.5em;
    display: block;
    float: left;
}
.testCriterionTree .tec ul {
    margin: 0.3em 0 0.3em 1em;
    padding: 0;
    list-style-type: disc;
}
.testCriterionTree .tec ul a {
    display: inline;
}
.testCriterionTree .tec li {
    list-style-type: disc;
    margin: 0.4em 0;
}

.panel {
    padding-left: 1em;
}
.panel h3:first-child {
    margin-top: 1.3em;
}
.panel h4:first-child {
    margin-top: 1em;
}
.panel p {
    margin: 0.5em 0;
}
.verticalTabs .panelArea .panel h3 {
    margin-left: -0.7em;
}
.panel .occurrenceList {
    margin-top: 1em;
}

dt.checker2Fail, dt.checker2Verify, dt.checker2Pass {
    position: relative;
}
dt.checker2Fail .iconStartLine, dt.checker2Verify .iconStartLine, dt.checker2Pass .iconStartLine {
    position: absolute;
    top: 3px;
    left: 0;
}
dt.checker2Fail .h, dt.checker2Verify .h, dt.checker2Pass .h {
    display: block;
    padding-left: 20px;
    padding-top: 3px;
    padding-right: 2em;
}
#testlistIntro {
    display: none;
}
dt .feedbackButton {
    float: right;
    margin-right: 0.2em;
    margin-top: -1.4em;
    display: block;
}
#occurrenceList .feedbackButton, .testOccurrenceList .feedbackButton {
    float: right;
    margin-right: 0.35em;
}
ul.criterionTree.isStatic .level1 .h {
    border-bottom: 1px dashed #B2B2B2;
}
ul.criterionTree.isStatic .level1 ul .h {
    border-bottom: 0;
}
.tooltipPopup q {
    display: block;
    margin: 0.5em 0;
}
.tooltipPopup cite {
    font-size: 120%;
    font-style: normal;
    font-weight: bold;
    padding: 0;
    color: #025589;
}
.tooltipPopup {
    white-space: normal;
}

.resultOverviewWrapper .r_label {
    width: 7.5em;
}
.resultOverviewWrapper .row table {
    margin-top: 0.3em;
}
.resultOverviewWrapper .row table td + td {
    padding-left: 1em;
    padding-right: 0.5em;
}
.messagebar {
    font-size: 130%;
    margin-bottom: 0.7em;
    padding: 0.2em 0.5em;
    color: #FFF;
}
.messagebar.fail {
    background: #A20000;
}
.messagebar.pass {
    background: #086800;
}

.messagebar.na {
    background: #ff9b00;
}
#input_url {
    margin-top: -0.2em;
    width: 95%;
}
.lnk_top {
    float: right;
}
.rstFail code strong.highlight {
    font-weight: bold;
    background: #FBA6A6;
}
.rstVerify code strong.highlight {
    font-style: italic;
    background: #FAFA8F;
}
#logo {

}
#language_form {
    color: white;
    float: right;
}
