

/* initialise the tab panels (visibility of panels) to prevent jumping of content
on script initialation
! revert the ""display:none" settings another style sheet and load this after 
the script initialisation is finished (necessary for opera9 - it will otherwise 
ignore the inline "display:block" settings !
*/

.tabContentContainer > div + div,
.panelsWrapper > div + div,
.accordionWrapper .occurrenceListContent,
#resultDetailsWrapper, #resultDetails,
#resultSummary {
    display: block;
}



/* styles for tabs and panels that are only needed if scripting is active */

.invisibleIfJS {
    position: absolute;
    top: -1000px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}

.panel {
    padding-left: 0;
}
.tabContentContainer {
    border: 1px solid #C3CED1;
    position: relative;
    padding: 0.5em 1em 1em 1em;
}

.tabpanelTabs {
    margin: 0em;
    padding: 0em;
    overflow: hidden;
}
.tabpanelTabs li {
    list-style-type: none;
    float: left;
    overflow: hidden;
    position: relative;
    margin-left: -1.7em;
}
.tabpanelTabs li.first {
    margin-left: 0em !important; 
}
.tabpanelTabs .level0 {z-index: 2000;}
.tabpanelTabs .level1 {z-index: 1999;}
.tabpanelTabs .level2 {z-index: 1998;}
.tabpanelTabs .level3 {z-index: 1997;}
.tabpanelTabs .level4 {z-index: 1996;}
.tabpanelTabs .level5 {z-index: 1995;}
.tabpanelTabs li a {
    display: block;
    text-decoration: none;
    padding-right: 2.2em;
    overflow: hidden;
    color: #025589 !important;
    background: url(/static/images/tab_bg.gif) no-repeat bottom right;
    margin-top: 0.4em;
}
.tabpanelTabs li a.fs_expandStarted {
    margin-top: 0;
}
.tabpanelTabs li a span {
    display: block;
    padding: 0.2em 0em 0.1em 2.3em;
    background: url(/static/images/tab_start.gif) no-repeat top left;
}
.tabpanelTabs li a.fs_expandStarted span {
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    background-color: #970036;
}
.tabpanelTabs li a.fs_expandStarted {
    color: #FFF !important;
    background-image: url(/static/images/tab_bg_active.gif) !important;
}
.tabpanelTabs li a.fs_expandStarted:hover {
    text-decoration: none !important;
    cursor: text;
}
.tabpanelTabs li.first a span {
    padding-left: 0.9em;
    background-image: none;
}
.tabpanelTabs li.last a {
    background-image: url(/static/images/tab_bg_last.gif);
}
.tabpanelTabs li:focus a, .tabpanelTabs a:focus, .tabpanelTabs li a.fs_expandStarted:focus, .tabpanelTabs li a.fs_expandStarted:focus {
    background-image: url(/static/images/tab_bg_focus.gif) !important;
    background-color: transparent !important;
}
.tabpanelTabs li:focus a span, .tabpanelTabs a:focus span, .tabpanelTabs li.fs_expandStarted a:focus span, .tabpanelTabs li a.fs_expandStarted:focus span {
    background-color: #025589 !important;
}
.tabpanelTabs.widgetdepth0 span {
    font-size: 120%;
}
.tabpanelTabs.widgetdepth0 li a {
    padding-right: 2.6em;
}
.tabpanelTabs.widgetdepth0 li {
    margin-left: -2.2em;
}
.tablist.anchorblock {
    background: none;
    padding: 0;
    border: 0;
}
.tablist.anchorblock li {
    padding: 0;
}
.tablist.anchorblock a.lnk_anchor {
    background-position: bottom right;
    border-left: 0;
    border-right: 0;
    font-weight: normal;
    padding-left: 0;
}

.verticalTabs {
    overflow: hidden;
}
.verticalTabs .tabArea {
    float: left;
    width: 45%;
}
.verticalTabs .panelArea {
    width: 55%;
    float: right;
}
.verticalTabs .panelsWrapper {
    margin-left: 1.5em;
}
a.lnk_anchor {
    font-weight: normal;
}
/*
#resultDetailsWrapper a.lnk_anchor {
    background-image: url("/images/ar_right_blue.gif");
    background-position: right center;
    padding-right: 22px;
    padding-left: 0;
}
*/
.tablist.testlist.anchorblock a.lnk_anchor {
    padding: 0.3em 0.3em 0.3em 0.5em;
    color: #000 !important;
    border: 1px solid transparent;
    background-image: none;
    margin-right: 22px;
    position: relative;
    border-top-color: #CCC;
}
ul.criterionTree ul {
    margin: 0;
}
.tablist.testlist.anchorblock li:first-child a.lnk_anchor {
    border-top-color: #FFF;
}
.tablist.testlist.anchorblock a.lnk_anchor:hover, .tablist.testlist.anchorblock .fs_hover a.lnk_anchor {
    border-color: #025589 !important;
    color: #025589 !important;
}
.tablist.testlist.anchorblock a.lnk_anchor:focus {
    color: #FFF;
}
.tablist.testlist.anchorblock a.lnk_anchor.fs_expandStarted,
ul.criterionTree .tablist.testlist.anchorblock .fs_selected a.lnk_anchor,
ul.criterionTree .tablist.testlist.anchorblock .fs_last a.lnk_anchor,
.tablist.testlist.anchorblock li:first-child a.lnk_anchor.fs_expandStarted {
    border-color: #970036;
}
.tablist.testlist.anchorblock .fs_focus a.lnk_anchor.fs_expandStarted,
ul.criterionTree .tablist.testlist.anchorblock .fs_selected.fs_focus a.lnk_anchor,
ul.criterionTree .tablist.testlist.anchorblock .fs_last.fs_focus a.lnk_anchor {
    background-color: #025589;
}
.tablist.testlist.anchorblock .fs_focus a.lnk_anchor.fs_expandStarted .tabIndicator,
ul.criterionTree .tablist.testlist.anchorblock .fs_selected.fs_focus a.lnk_anchor .tabIndicator,
ul.criterionTree .tablist.testlist.anchorblock .fs_last.fs_focus a.lnk_anchor .tabIndicator {
    background-image: url(/static/images/ar_right_white.png);
}
.tablist.testlist.anchorblock .fs_focus a.lnk_anchor.fs_expandStarted *,
ul.criterionTree .tablist.testlist.anchorblock .fs_selected.fs_focus a.lnk_anchor *,
ul.criterionTree .tablist.testlist.anchorblock .fs_last.fs_focus a.lnk_anchor * {
    color: #FFF;
}
ul.criterionTree .tablist.testlist.anchorblock a.lnk_anchor {
    color: #025589 !important;
    border-top-color: transparent;
}
/*
.tablist.testlist.anchorblock a.lnk_anchor.fs_expandStarted,
ul.criterionTree .tablist.testlist.anchorblock .fs_last a.lnk_anchor {
    padding-right: 27px;
}
*/
/*
ul.criterionTree ul li:first-child > *:first-child:before {
    height: 0.8em;
    top: 0;
}
ul.criterionTree .anchorblock .h {
    padding-left: 0;
}
*/
.testlist .tabIndicator, 
ul.criterionTree .testlist .fs_expandStarted .tabIndicator {
    float: right;
    background: transparent url("/static/images/indicatorVerticalTabs.gif") no-repeat center center;
    display: block;
    height: 16px;
    width: 8px;
    margin-left: 0.7em;
    margin-top: 0;
    position: static;
}
.testlist a:hover .tabIndicator {
    background-image: url("/static/images/indicatorVerticalTabs_over.gif");
}
.testlist a:focus .tabIndicator {
    background-image: url("/static/images/ar_right_white.png");
}
.testlist a.fs_expandStarted .tabIndicator,
ul.criterionTree .testlist .fs_expandStarted.fs_last .tabIndicator {
    background-image: url("/static/images/ar_right_xl.gif") !important;
    background-color: #FFF !important;
}
.testlist .fs_expandStarted .tabIndicator,
ul.criterionTree .testlist .fs_last .tabIndicator {
    height: 24px;
    position: absolute;
    float: none;
    right: -23px;
    top: 50%;
    margin-top: -12px;
    width: 23px;
}
/*ul.criterionTree ul.anchorblock li > *:first-child:before {
    height: 1.3em !important;
    top: -0.3em !important;
}*/
.verticalTabs .panelArea .panel h3 {
    margin-left: 0;
}
.panel h3:first-child {
    margin-top: 0.7em;
    margin-bottom: 0.5em;
}
.verticalTabs .panelArea .panel h4 {
    font-weight: bold;
}
.tabContentContainer .testOccurrenceList dt {
    font-size: 100%;
}

#testlistIntro {
    display: block;
    padding-top: 0.6em;
    background: transparent url(/static/images/ar_left_big.gif) no-repeat center left;
    min-height: 133px;
    position: relative;
    padding-left: 100px;
    margin-top: 3em;
}
#testlistIntro p {
    height: 1.5em;
    position: absolute;
    left: 105px;
    top: 50%;
    margin-top: -0.8em;
}
.f_panelHead .h, .testOccurrenceList .h {
    border-bottom: 1px dashed #B2B2B2;
}
.f_panelHead.fs_hover .h {
/*    border-bottom: 1px solid #025589; */
}
.accordionButton {
    padding: 0.1em;
    border: 1px solid #025589;
    background: #FFF;
}
.accordionButton {
    float: right;
    margin-right: 0.3em;
}
.occurrenceList .accordionButton {
    margin-top: -1.7em;
}
.testOccurrenceList .accordionButton {
    margin-top: -1.4em;
}
.criterionTree .accordionButton {
    margin-top: -1.4em;
}
.fs_focus .criterionTree .accordionButton {
    border-color: #025589;
}
ul.criterionTree .accordionButton {
    margin-top: 0;
    float: none;
    position: absolute;
    top: 0.45em;
    left: 2px;
}
ul.criterionTree ul .accordionButton {
    left: 37px;
    top: 11px;
}
ul.criterionTree ul ul .accordionButton {
    left: 57px;
    top: 9px;
}
ul.criterionTree ul li {
    background-position: 22px -14px;
}
ul.criterionTree li .h {
    padding-left: 18px;
}
ul.criterionTree.isStatic .level1 .h {
    padding-left: 0.2em;
}
ul.criterionTree.isStatic .level1 li .h {
    padding-left: 19px;
}
ul.criterionTree ul li .h {
    padding-left: 18px;
    padding-top: 3px;
}
ul.criterionTree ul ul li .h {
    padding-left: 38px;
}
ul.criterionTree ul li .h .tab {
    padding-left: 20px;
    padding-top: 4px;
    border: 1px solid transparent;
}
.fs_hover .accordionButton {
/*    padding: 0.2em;*/
}
ul.criterionTree .fs_hover .accordionButton {
    padding: 0.1em;
}
.fs_focus .accordionButton {
/*    border-color: #FFF; */
}
.fs_hover .accordionButton {
/*    margin-top: -1.8em;
    margin-right: 0.2em;*/
}
ul.criterionTree .fs_hover ul .accordionButton, 
ul.criterionTree .fs_focus .fs_hover ul .accordionButton, 
ul.criterionTree .fs_focus ul .accordionButton, 
ul.criterionTree .fs_hover .fs_focus ul .accordionButton {
    background: #FFF;
}
.fs_hover .accordionButton, 
.fs_focus .accordionButton, 
ul.criterionTree .fs_hover .fs_focus .accordionButton, 
ul.criterionTree .fs_focus .fs_hover .accordionButton {
    background: #025589;
}
ul.criterionTree .h {
    border: 1px solid transparent;
    padding: 0.2em;
    margin-right: 23px;
    display: block;
}
ul.criterionTree .anchorblock .h {
    padding-right: 0;
    margin-right: 0;
}
/*
ul.criterionTree .anchorblock {
    margin: 0.2em 0;
}
*/
ul.criterionTree .anchorblock li:last-child {
    padding-bottom: 0;
}
ul.criterionTree ul .anchorblock li:last-child {
    padding-bottom: 0.7em;
}
ul.criterionTree .anchorblock .h {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
ul.criterionTree .anchorblock li {
    background-position: 24px -14px;
}
ul.criterionTree .anchorblock li:first-child {
    background-position: 24px -16px;
    padding-top: 0;
}
ul.criterionTree ul ul ul.anchorblock li:first-child {
    background-position: 63px -14px;
}
ul.criterionTree ul ul ul li,
ul.criterionTree ul ul ul.anchorblock li {
    background-position: 63px -14px;
}
ul.criterionTree ul ul li {
    background-position: 42px -14px;
}
ul.criterionTree ul li.anchorblock .h {
    padding-top: 0;
    padding-bottom: 0;
}
ul.criterionTree.isStatic .level1.fs_selected > .h,
ul.criterionTree .fs_selected > .h .tab,
ul.criterionTree.simplified .level3.fs_selected > .h {
    border-color: #970036;
    border-style: dashed;
}
ul.criterionTree.isStatic .level1.fs_focus > .h,
ul.criterionTree.isStatic .level1.fs_selected.fs_focus > .h,
ul.criterionTree .fs_focus > .h .tab,
ul.criterionTree .fs_selected.fs_focus > .h .tab,
ul.criterionTree.simplified .level3.fs_selected.fs_focus > .h{
    border-color: #025589;
    border-style: solid;
}

ul.criterionTree li:focus,
.tablist.testlist.anchorblock a.lnk_anchor,
.occurrenceList .f_panelHead:focus {
    outline: 0;
}
ul.criterionTree .anchorblock .fs_selected > .h,
ul.criterionTree .anchorblock .fs_selected > .h .tab {
    border-color: transparent;
}

.occurrenceList .h, .criterionTree.accordionWrapper .h {
    padding-right: 2em;
    display: block;
}
.accordionWrapper.occurrenceList li + li {
    margin-top: 0;
}
.accordionWrapper.occurrenceList li .f_panelHead {
    margin-top: 0.7em;
}
.accordionWrapper .occurrenceListContent {
    margin-bottom: 1.8em;
    padding-top: 0.2em;
}
.accordionWrapper .f_panelHead {
    border: 1px solid transparent;
}
#resultsByOccurrence .accordionWrapper .f_panelHead.fs_selected {
    border-color: #970036;
    border-style: dashed;
}
#resultsByOccurrence .accordionWrapper .f_panelHead.fs_selected.fs_focus,
#resultsByOccurrence .accordionWrapper .f_panelHead.fs_selected.fs_hover,
.accordionWrapper .f_panelHead.fs_hover, 
.accordionWrapper .f_panelHead.fs_focus {
    border-color: #025589;
    border-style: solid;
}
/*
.f_panelHead.fs_focus {
    background: #025589;
}
.f_panelHead.fs_focus * {
    color: #FFF !important;
}
*/

.panel h3 + .simpleSubtitle {
    position: relative;
    top: -0.5em;
}

.criterionTree .tooltipWrapper {
    float: none;
    color: #000;
/*    position: absolute;
    top: 0.3em;
    right: 2.2em;*/
    display: inline-block;
    margin-left: 0.5em;
    position: relative;
    top: -0.1em;
}
.criterionTree .tooltipTrigger {
    background-color: #FFF;
}
.criterionTree .tooltipTrigger:hover, .criterionTree .tooltipTrigger:focus {
    background-color: #025589;
}
.checker2Pass .tooltipContent,
.checker2Verify .tooltipContent,
.checker2Fail .tooltipContent {
    color: #000;
}
ul.criterionTree .h {
    padding-right: 1.7em;
}
/*
ul.criterionTree.isStatic .h {
    padding-left: 0.3em;
}
*/
ul.criterionTree q {
    font-weight: bold;
}
.infobox.rstMessage {
    font-size: 95%;
    font-weight: bold;
    color: #555;
    background: #FFFFDD;
}
#resultsByTest .tabArea .infobox.rstMessage {
    margin-right: 23px !important;
}
.viewOptionList {
    overflow: hidden;
    padding: 0.5em 1em;
    background: #F8F8F8;
    width: 100%;
    margin-left: -1em;
}
/*
#resultsByTest .viewOptionList.main {
    right: auto;
    width: 100%;
    float: none;
    border-left: 0;
}
*/
.tabArea .viewOptionList {
    float: none;
    border: 1px solid #C3CED1;
    margin: 0.7em 22px 1.5em 0;
    width: auto;
}
.viewOptionList.main {
    overflow: hidden;
    position: relative;
    top: -0.4em;
    border-bottom: 1px solid #C3CED1;
    width: 100%;
}
#resultsByGuideline .viewOptionList.main {
    overflow: hidden;
    position: relative;
    top: -0.4em;
    right: -1em;
    border-bottom: 1px solid #C3CED1;
    width: auto;
    float: right;
    border-left: 1px solid #C3CED1;
}
.viewOptionList legend {
    float: left;
    margin-top: 0.2em;
    margin-right: 0.5em;
    font-weight: bold;
}
.viewOptionList div {
    overflow: hidden;
    display: inline;
}
.viewOptionList label {
    font-weight: normal;
}
.viewOptionList fieldset + fieldset {
    margin-top: 0.2em;
}
.viewOptionAddons {
    float: right;
}
.printBtn {
    background: transparent url(/static/images/lnk_print_blue.gif) no-repeat left center;
    padding: 0.2em 0 0.2em 24px;
    border: 0;
    color: #025589;
    cursor: pointer;
}
.printBtn:hover, .exportBtn:hover, .bookmarkBtn:hover {
    text-decoration: underline;
}
.printBtn:focus {
    background-image: url(/static/images/lnk_print_white.gif);
    background-color: #025589;
    color: #FFF;
}
.bookmarkBtn {
    background: transparent url(/static/images/lnk_iconLink.gif) no-repeat -5px center;
    padding: 0.2em 0 0.2em 25px;
    border: 0;
    color: #025589;
    cursor: pointer;
}
.bookmarkBtn:focus {
    background-image: url(/static/images/lnk_iconLink_white.gif);
    background-color: #025589;
    color: #FFF;
}

.exportBtn {
    display: block;
    background: transparent url(/static/images/lnk_iconExport.gif) no-repeat -6px center;
    padding: 0.2em 0 0.2em 27px;
    color: #025589;
    text-decoration: none;
}
.exportBtn:focus {
    background-image: url(/static/images/lnk_iconExport_white.gif);
    background-color: #025589;
}
#resultsByTest .exportBtn {
    display: inline;
    display: inline-block;
    margin-left: 0.7em;
}
#resultsByTest .printBtn {
    margin-left: 1.5em;
}
#resultsByOccurrence .exportBtn {
    margin-left: 1.5em;
}
#resultsByOccurrence .occurrenceList,
#resultsByGuideline .criterionTree {
    margin-top: 1.5em;
}
.controlButtons {
    padding: 1.2em 0 0.5em 0;
}
.controlButtons p {
    margin: 0;
}
#principleAccordion .f_panelHead .h {
    padding-top: 0.2em;
}

.infoTooltip.tooltipTrigger {
    display: inline;
    display: inline-block;
    vertical-align: bottom;
}

/* tooltips */
.tooltipPopup {
    display: none;
    overflow: hidden;
}
.tooltipPopupContent {
    box-shadow: #999 0.2em 0.2em 0.2em;
    -moz-box-shadow: #999 0.2em 0.2em 0.2em;
    -webkit-box-shadow: #999 0.2em 0.2em 0.2em;
    width: 35em;
    padding: 0.5em 1.2em 0.7em 1.2em;
    margin: -1px 0 0 0;
    border: 1px solid #333;
    position: relative;
    z-index: 1;
    background: #FFFAF5;
}
.tooltipPopupConnector {
    background: transparent url(/static/images/tooltipConnector.gif) no-repeat top left;
    width: 12px;
    height: 6px;
    position: relative;
    z-index: 2;
}
/* / tooltips */

.fs_selected {
/*    background: #FF0 !important;*/
}
.hideIfNoJS {
    display: block;
}
.feedbackButton + p {
    margin-right: 2.2em !important;
    margin-top: 0 !important;
}
.testOccurrenceList > dd {
    padding-top: 0.4em;
}

.fs_highlightJump {
    background: #FFFF00; /* #069dfb; /* #EFF3F4; */
}
#testlist .h {
    display: block;
    overflow: hidden;
}
.viewOptionList fieldset {
    padding: 0.3em 0.5em;
    margin-left: -0.5em;
}

#rstTestlist .testtitle {
    background: url("/static/images/indicatorVerticalTabs.gif") no-repeat scroll -3px 0.2em transparent;
    padding-left: 10px;
}
#rstTestlist .fs_expandStarted .testtitle {
    background: none;
    padding-left: 0;
}
#rstTestlist .testtitle .continuous {
    float: right;
    margin-left: 0.7em;
}
#rstTestlist .tabIndicator {
    display: none;
}
#rstTestlist .fs_expandStarted .tabIndicator {
    display: block;
}

a.lnk_jump {
    background: url("/static/images/indicatorVerticalTabs.gif") no-repeat scroll -5px 0.2em transparent;
    padding-left: 6px;
}
.dialogClose {
    position: absolute;
    top: -3em;
    left: 0;
    z-index: 100000;
}
.dialogClose:focus {
    top: 0;
    left: 0;
    outline: 0.3em solid #025589;
}
