@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600);
/* ============================================
GENERAL CLEANUP
 ============================================ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
}
:focus {
  /*outline: 0;*/
}
html {
  height: 100%;
}
body {
  color: black;
  background: white;
  min-height: 101%;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
a img {
    border: 0px;
}
strong {
    font-weight: bold;
}
/* ============================================
 LAYOUT
 ============================================ */

body {
    background-color: #f0f0f0;
    margin: 0px;
    padding: 0px;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    position: relative;
}
samp {
    font-family: "Courier New", Courier, monospace;
    font-size: 105%;
}
#content ol, #content ul {
    margin: 0;
  /*  overflow: hidden;*/
  /*  padding: 1em 1em 1em 2em;*/
    margin: 0em;
}
#content p a {
    color: #111111;
}
#content a:hover {
    color: #025589;
}
p.p_p-ul + ul {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
    margin-top: 0em;
    margin-bottom: 0em;
}
p, .p {
    margin: 0.6em 0em 1.3em;
}
h3 + p, strong + p, .img_floatLeft + p, h4 + p {
    margin-top: 0em;
}
p.p_p-ul {
    margin-bottom: 0.4em;
}
p.p_ul-p {
    margin-top: 0.4em;
}
cite, q {
    font-style: italic;
}
code {
    font-family: monospace;
    font-size: 115%;
    white-space: pre-wrap;
}
h1, h2, h3, h4 {
    font-weight: normal;
}
h1 {
    font-size: 180%;
    color: #231F20;
    margin-bottom: 0.6em;
}

.header_h1 {
    font-family: Arial, Sans;
    font-size: 28pt;
    color: #ffffff;
    text-align: left;
    margin-bottom: 0.0em;
}
h1 > span, h2 > span, h3 > span {
    font-size: 80%;
}
h1 > br + span {
    font-size: 65%;
    font-weight: normal;
    line-height: 150%
}
h2, .h2 {
    font-size: 140%;
    color: #231F20;
    margin-top: 1.3em;
    margin-bottom: 0.4em;
    border-bottom: 1px solid #f0f0f0;
    clear: left;
    overflow: hidden;
}
h1 + h2 {
    margin-top: 0em;
}
h3 {
    font-size: 130%;
    color: #231F20;
    margin-top: 1.3em;
    margin-bottom: 0.2em;
}
h3:first-child {
    margin-top: 0em;
}
h4 {
    font-size: 110%;
    margin-top: 0.5em;
    margin-bottom: 0.2em;
}
h5 {
    font-weight: bold;
    margin: 1em 0 0.3em 0;
}
.tabcontent form {
    margin-top: 1em;
}
input, textarea, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}
input, textarea {
    padding: 0.2em 0.2em;
}
input[type=submit] {
    padding: 0.1em 0.7em 0em 0.8em;
    margin-bottom: 0.3em;
    margin-left: 1em;
    cursor: pointer;
    color: #025589;
    font-size: 130%;
    background-color: #eff3f4;
    border: 1px outset #025589;
}
input[type=submit]:hover {
    color: #000;
}
input[type=submit]:focus {
    border-style: inset;
    color: #025589;
}
input[type=submit] + input[type=submit] {

    margin-bottom: 0.3em;
}
/*Kode satt inn her*/

input[name=url] {
    width: 96%;
}

input[name=file] {
    width: auto;
}

input[type=button] {
    padding: 0.1em 1.7em 0em 0.8em;
    width: 7.0em;
    margin-bottom: 0.3em;
    cursor: pointer;

}
input[type=button]:hover {
    color: #000;
}
input[type=button]:focus {
    border-style: inset;
    color: #025589;
}
input[type=button] + input[type=submit] {
    margin-right: 0.4em;
    margin-bottom: 0.3em;
}
/****************************************************/
button {
    font-family: Arial, Helvetica, sans-serif;
}
.lastrow input[type=submit] {
    margin-top: 0.2em;
    margin-bottom: 0;
}
select {
/*    font-size: 0.9em; */
}
input.full {
    width: 98%;
}

dl, .dl {
    margin: 1em 0em;
}
dt, .dt {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0;
}
.glossary dt {
    font-size: 100%;
}
dd, .dd {
    margin-bottom: 2em;
}
dd p, .dd p {
    margin: 0.2em 0.2em 0.2em 0.7em;
}
th {
    font-weight: bold;
    font-size: 90%;
    border-bottom: 1px solid #000;
}
th, td {
    padding: 0em 0.5em;
}
th + th, td + td {
    border-left: 1px solid #CCCCCC;
}
td p {
    margin: 0.3em 0;
}
a {
    text-decoration: underline;
    color: #000;
}
a[name] {
    background: none !important;
    padding: 0px !important;
    margin: 0px !important;
}
a:focus, a:focus *, .f_expandHead:focus, .f_expandHead:focus a:hover, .f_expander a:focus, .f_expander a:focus:hover {
    background-color: #025589 !important;
    color: #fff !important;
}
a[href]:hover {
    text-decoration: underline !important;
    color: #025589;
}
blockquote {
    margin-left: 2em;
}
blockquote.noBlockquote {
    margin-left: 0em;
}
acronym, abbr {
    border-bottom: 1px dotted #666;
}
acronym, abbr, .help {
    cursor: help;
}
#page_container {
    display: block;
    /*overflow: hidden;*/
    width: 82em;
    max-width: 100%;
    margin: 0em auto;
}
#page_container > div {
    padding-left: 5px;
}
#headerContainer, #footerContainer {
    padding-right: 8px; /* TODO: Remove? */
}
#header {
    background: #00486e;
    padding: 15px 20px;
    margin: 10px 0px 0em 0px;
}
#headerqatar {
    background: #89042b;
    padding: 15px 20px;
    margin: 10px 0px 0em 0px;
}
#headerContainer + div, #footerContainer + div, #mainWrapper + div {
    padding-right: 8px; /* TODO: Remove? */
}
#headerContainer + div div, #footerContainer + div div, #mainWrapper + div div {
    height: 8px; /* TODO: Refactor away */
}
#logo {
    padding-top: 5px;
}
#mainWrapper {
    clear: both;
    padding-right: 8px; /* TODO: Remove? */
}
#mainContainer {
/*    background: #FFF url(/images/bg_maincontent.gif) no-repeat bottom right;*/
    background: #FFF;
    padding: 0.5em 20px 1em 20px;
    z-index: 1;
  /*  overflow: hidden;*/
}
#footer {
    background: #e0e0e0;
    padding: 25px 20px;
    text-align: center;
    color: #808080;
}
#footer ul {
    margin: 0em;
    padding: 0em;
}
#footer li {
    list-style-type: none;
    display: inline;
}
#footer a {
    color: #000000;
    text-decoration: none;
}
#footer a:hover {
    color: #000000;
    text-decoration: underline;
}
#mainmenu {
    display: block;
    overflow: hidden;
    margin-top: 0.5em;
    float: left;
    position: relative;
    z-index: 100;
}
#mainmenu ul {
    margin: 0em;
    padding: 0em;
}
#mainmenu li {
    float: left;
    border-bottom: 1px solid #f0f0f0;
    list-style-type: none;
}
#mainmenu li div {
    background: #F2F2F2 url(/static/images/mainmenu_delimiter.gif) no-repeat right bottom;
    padding: 0.4em 2.3em 0em 0.5em;
}
#mainmenu li a {
    background: #F2F2F2;
    display: block;
    overflow: hidden;
    padding: 0.2em;
    font-size: 120%;
    text-decoration: none;
    color: #025589; /*#8F001C;*/
}
#mainmenu li.active a {
    color: #025589;
    background: #FFF;
}
#mainmenu li.first div {
    padding-left: 18px;
}
#mainmenu li.active {
    border-bottom: 1px solid #FFF;
}
#mainmenu li.active div {
    background: #FFF url(/static/images/mainmenu_delimiter_active_grey.gif) no-repeat right bottom;
    background-color: #FFF !important;
}
#mainmenu li.preactive div {
    background: #F2F2F2 url(/static/images/mainmenu_delimiter_preactive.gif) no-repeat right bottom;
}
#mainmenu li.last {
    background: transparent url(/static/images/mainmenu_delimiter_last_grey.gif) no-repeat right bottom;
    padding-right: 2.3em;
}
#mainmenu li.last.active {
    background-image: url(/static/images/mainmenu_delimiter_last_active.gif);
}
#mainmenu li.last div {
    background: #F2F2F2;
    padding-right: 0;
}
#submenuWrapper {
    float: left;
    width: 28%;
    font-size: 95%;
    position: relative;
    left: -20px;
}
#submenu_container {
    background: #EFF3F4;
    overflow: hidden;
    position: relative;
}
#submenu_container .submenu {
    padding: 0 0 1px 0;
}
.submenu ul {
    margin: 0em;
    padding: 0em;
}
.submenu li.current ul {
    margin-top: 0.2em;
}
.submenu li ul {
    margin-left: 20px;
    padding-left: 0.7em;
    margin-top: 0em;
    margin-bottom: 0.7em;
    border-left: 1px solid #e0e0e0;
}
.submenu li li ul {
    margin-left: 5px;
    margin-bottom: 0.6em;
}
#content .submenu li ul {
    padding-bottom: 0em !important;
}

.subtitle {
    font-size: 130%;
    margin-top: -0.5em;
    font-weight: normal;
    display: block;
}
.subtitle strong {
    font-weight: normal;
}
.subtitle strong.strong {
    font-weight: bold;
}
.submenu li {
    list-style-type: none;
/*    margin-bottom: 0.2em;*/
    clear: both;
    background: #eff3f4;
    border-top: 1px solid #e0e0e0;
}
.submenu li li {
    background: none;
    border-top: 0px;
    padding: 0;
    margin-left: -5px;
}
.submenu li a, .submenu li.current li a, .submenu li.active.current li a {
    text-decoration: none;
    color: #025589;
    display: block;
    font-weight: normal;
    background: none;
}
.submenu li a {
    padding: 0.3em 7px 0.3em 20px;
}
.submenu li li a {
    padding: 0.1em 7px 0.2em 5px;
}
.submenu li.active > a.hasSubmenu {
    color: #025589;
    font-weight: bold;
}
.submenu li.current a, .submenu li.active.current a {
    background: #00486e;
    color: #FFF;
    font-weight: normal;
}
.cols2col {
    width: 50%;
    float: left;
}
.cols2col.col0 .colContent {
    margin-right: 1em;
}
.cols2col.col1 .colContent {
    margin-left: 1em;
}
.cols3col {
    width: 33.3%;
    float: left;
}
.cols3col.col0 .colContent {
    margin-right: 1em;
}
.cols3col.col1 .colContent {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.cols3col.col2 .colContent {
    margin-left: 1em;
}
.cols2maincol {
    width: 60%;
    float: left;
}
.cols2sidecol {
    width: 40%;
    float: right;
}
.cols2maincol .colContent {
    margin-right: 1em;
}
.cols2sidecol .colContent {
    margin-left: 1.5em;
}
.submenu li a span {
    display: block;
    overflow: hidden;
    position: relative;
    padding-left: 0.5em;
    text-indent: -0.5em;
}
.submenu li a:focus {
    border-color: #FFF !important;
    background: #025589 !important;
    color: #FFF !important;
}
.submenu a {
    cursor: pointer;
}
.submenu a.hasSubmenu span {
    padding-right: 8px;
    background: transparent url(/static/images/ar_down_blue_small.gif) no-repeat right center;
}
.submenu a.hasSubmenu:hover span {
    background-image: url(/static/images/ar_down_blue_small_over.gif);
}
.submenu a.hasSubmenu:focus span {
    background-color: #025589;
    background-image: url(/static/images/ar_down_small_over.png);
}
.submenu .current > a.hasSubmenu span {
    background-image: url(/static/images/ar_down_small.png);
}
.submenu .current > a.hasSubmenu:hover span {
    background-image: url(/static/images/ar_down_small_over.png);
}
.submenu li .indicatorHasSubmenu {
    background: transparent url(/static/images/ar_ttb_red.gif) no-repeat left center;
}
.submenu li.current .indicatorHasSubmenu {
    background: transparent url(/static/images/ar_ttb_black.gif) no-repeat left center;
}
.submenu li.current .indicator {
    background: transparent url(/static/images/ar_ltr_black.gif) no-repeat left center;
}
.breadcrumbWrapper {
    overflow: hidden;
}
#breadcrumbContainer {
    border-bottom: 1px solid #f0f0f0;
    font-size: 95%;
    background: #FFF;
/*    width: 73%;
    float: right;
}
#breadcrumbContainer.noSubmenu {
    width: 100%;*/
}
#breadcrumb {
    padding: 0.8em 20px 0.8em 10px;
}
.noSubmenu #breadcrumb {
    padding-left: 0;
    padding-right: 0;
}
#breadcrumb ul {
    display: inline;
    margin: 0em;
    padding: 0em;
}
#breadcrumb a {
    color: #3B3B3B;
    padding: 0em 0.2em 0em 0.05em;
}
#breadcrumb a:hover {
    color: #000;
}
.content_container, #content_container {
    float: right;
    width: 72%;
}
.content, #content {
    padding-top: 1em;
}
.content_container .content, #content_container #content {
    padding-right: 13px;
}
#breadcrumb li {
    display: inline;
    list-style-type: none;
}
#switchlanguageContainer {
    position: relative;
    z-index: 100;
}
#switchlanguage {
    font-size: 90%;
    float: right;
    margin-right: 9px;
    margin-top: 0.7em;
}
#switchlanguage ul {
    margin: 0;
}
#switchlanguage li {
    list-style-type: none;
}
#switchlanguage a {
    color: #025589;
    text-decoration: none;
}
#switchlanguage strong {
    float: left;
    display: block;
    padding: 0.3em 0.4em 0em 0em;
}
#switchlanguage .linkSelectionBox {
    float: left;
    border: 1px solid #231F20;
    background: #FFF;
}
#switchlanguage .linkSelectionBox .first, #switchlanguage .linkSelectionBox ul {
    float: left;
}
.lang_en {
    background: transparent url(/static/images/flagGB.gif) no-repeat left center;
    padding-left: 20px;
}
.lang_nb {
    background: transparent url(/static/images/flagNO.gif) no-repeat left center;
    padding-left: 20px;
}
.linkSelectionBox .first {
    padding: 0.2em 0em 0.2em 0.4em;
    overflow: hidden;
}
.linkSelectionBox .first span {
    float: left;
    display: block;
}
.linkSelectionBox .first span.expander {
    float: right;
}
.linkSelectionBox ul {
    margin: 0em;
    padding: 0.1em 0em 0em 0em;
}
.linkSelectionBox li {
    list-style: none;
    position: relative;
}
.linkSelectionBox li a {
    display: block;
    padding: 0.1em 0.3em 0.1em 1em;
    color: #025589;
    text-decoration: none;
}

#mainmenu form label, #mainmenu form input, #mainmenu form select {
    font-size: 90%;
}


.intro {
    font-weight: bold;
    margin-bottom: 1em;
}
.area {
    border: 1px solid #f0f0f0;
    padding: 1.3em 1.8em;
}
.area.placedInside {
    padding: 0.3em 0.5em;
}

ul.area {
    margin: 0em;
    padding: 0em;
}
.resultOverviewWrapper .area {
    border: 0px;
    background: transparent;
    padding: 0px;
}
.area .row, .singleform .area .row {
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 0.2em !important;
}
.resultOverviewWrapper .area .row {
    border-bottom: 1px solid #e0e0e0 !important;
}
.row {
    display: block;
    overflow: hidden;
}
li.row {
    list-style-type: none;
    margin: 0em;
    padding: 0em;
}
.area .lastrow,
.area .row.lastrow {
    border-bottom: 0px !important;
}

.r_label.f_unify-width {
    display: inline-block;
    margin-right: 0.5em;
}
.r_label {
    background: #F5F5F5;
    padding: 0.5em 0.5em;
    float: left;
    font-weight: bold;
    display: block;
    overflow: hidden;
}
.resultOverviewWrapper .r_label,
.resultOverviewWrapper label,
.resultOverviewWrapper label * {
    font-weight: normal;
}
.r_content {
    float: left;
    padding: 0.5em;
    display: block;
    /* overflow: auto; */
}

.f_unify .r_content {
    float: none;
}
.r_content input {
    margin-top: 0.1em;
}
.r_content textarea {
    margin-top: -0.2em;
}
.r_content input.itext {
    width: 20em;
}
.r_reposition input {
    margin-top: -0.3em;
}

.singleform fieldset, .fieldset {
    border: 1px solid #C3CED1;
    background: #F5F5F5;
    padding: 0.8em 1em 0.5em 1em;
    margin-bottom: 1.3em;
    overflow: hidden;
}
fieldset.unmarked {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
fieldset.spaceBottom {
    margin-bottom: 1em !important;
}
fieldset.nameGroup {
    margin-top: 0.7em;
}
fieldset.nameGroup legend {
    font-weight: bold;
}
fieldset.nameGroup label, fieldset.nameGroup input {
    float: left;
    margin-top: 0.2em;
    font-weight: normal;
    width: auto;
}
legend {
    overflow: hidden;
}
form p {
    margin: 0.2em 0;
}
.singleform legend, form .legend {
    background: #60707C;
    color: #fff;
    margin-left: -0.85em;
    padding: 0.2em 1em;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
legend.posAside {
    margin-right: 1em;
}
.legend-followup {
    position: relative;
    top: -0.5em;
}
.singleform .row, .singleform .lastrow {
    padding: 0.3em 0em !important;
}
.singleform .area .rowpad {
    padding: 0.5em !important;
}
.singleform .lastrow {
    text-align: right;
}

.singlerow {
    float: left;
    padding-top: 0.3em;
}


form .itemgroup {
    margin-right: 1.5em;
    float: left;
}

.simpleform {
    margin-top: 1.2em;
}
.simpleform fieldset {
    border-bottom: 1px solid #9F9F9F;
    margin: 0.5em 0em;
    padding: 0.5em 0em 0.1em 0em;
}
.simpleform fieldset.last {
    border-bottom: 0px;
}
.simpleform fieldset hr {
    border: 0px;
    border-top: 1px solid #9F9F9F;
    height: 0em;
}
.simpleform .mainfieldset {
    padding: 0.2em 0.7em 0em 0.7em;
    border: 1px solid #f0f0f0;
}
.mainfieldset {
  display: flex;
}
.simpleform legend {
    font-size: 110%;
    color: #231F20;
}
.simpleform.printTestResult .relativeToLegend {
    float: left;
}
.simpleform.printTestResult blockquote.relativeToLegend {
    margin-bottom: 0.5em;
}
.simpleform.printTestResult .f_expandBody.relativeToLegend {
    padding-left: 1.5em;
}
.simpleform.printTestResult .relativeToLegend .block {
    float: left;
}
.simpleform .mainfieldset {
    background: #EEE;
}
.simpleform .mainfieldset.single {
    background: #FFF;
}
.simpleform .mainfieldset > legend {
    font-size: 110%;
    padding: 0.1em 0.7em 0.1em 0.3em;
    margin-left: -0.1em;
    border: 1px solid #f0f0f0;
    background: #60707C;
    color: #FFF;
}
.simpleform .mainfieldset .mainfieldset > legend {
    font-size: 95%;
    font-weight: bold;
    margin-left: -0.7em;
    padding-right: 0.7em;
    background: #FFF;
    color: #000;
}
.simpleform label {
    font-weight: normal;
}
.simpleform .f_expandHead {
    overflow: hidden;
    margin-top: -0.2em;
}
.simpleform .f_expandHead > div {
    float: left;
    margin-right: 0.5em;
}
.simpleform .f_expand a, .simpleform .f_reduce a {
    display: block;
    height: 1.65em;
}
form *[tabindex]:focus {
    background-color: #025589;
    color: #fff;
}
label {
    font-weight: bold;
    padding-right: 0.2em;
}
.editform label {
    margin-top: 0.7em;
    display: block;
}

.description {
    font-size: 95%;
}
.function-btns {
    float: right;
    display: block;
    overflow: hidden;
    margin-top: 0.5em;
}
.function-btns input {
    :erflow: hidden;
}
.function-btns a.lnk_anchor {
    display: block;
    margin-top: 0.5em;
}
div + a.lnk_anchor {
    display: block;
    position: relative;
    top: 1em;
}
.function-btns a.lnk_continue {
    margin-top: 0.7em;
    margin-right: 0.5em;
}
.r_content .function-btns a.lnk_continue {
    margin-top: 0;
}
.function-heading {
    float: left;
}
.function-heading + .function-btns {
    margin-top: 0.7em;
}
.filelist ul {
    margin: 0em !important;
    padding: 0em !important;
}
.filelist li {
    list-style-type: none;
}
.filelist p {
    margin-top: -0.3em;
}
.filelist a {
    color: #025589 !important;
    text-decoration: none;
}
.filelist a:focus {
    color: #fff !important;
    text-decoration: underline;
}
.filelist img {
    position: relative;
    top: 2px;
}
.filelist .listelementHeading {
    background: #EBF1F2;
    border-bottom: 1px solid #AAA;
    padding: 0.1em;
    margin-bottom: 0.5em;
}

ul.anchorblock {
    margin: 0em;
    padding: 0em;
    background: #F7F9FA;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: 0.5em 0.5em;
}
.anchorblock li {
    list-style-type: none;
    padding: 0.1em 0em;
}
.anchorblock a.lnk_anchor {
    font-weight: normal;
    display: block;
    background-position: 0em 0.4em;
    padding-left: 1em;
    border-left: 0.5em solid #F7F9FA;
    border-right: 0.5em solid #F7F9FA;
}
a.lnk_anchor, a.lnk_jump {
    color: #025589 !important;
    background: transparent url(/static/images/lnk_anchor_blue.gif) no-repeat left center;
    padding-left: 11px;
    font-weight: bold;
    text-decoration: none;
    border-left: 0.2em solid transparent;
    border-right: 0.2em solid transparent;
}
a.lnk_anchor:focus, a.lnk_jump:focus {
    background-image: url(/static/images/lnk_anchor_blue_w.gif);
    border-left-color: #025589;
    border-right-color: #025589;
    color: #FFF !important;
}
a.small {
    font-weight: normal;
    font-size: 90%;
}
a.lnk_anchor:hover, a.lnk_jump:hover {
    text-decoration: underline;
}
a.lnk_special {
    color: #025589 !important;
}
a.lnk_special:focus {
    color: #FFF !important;
}
a.lnk_top {
    color: #025589 !important;
    background: transparent url(/static/images/lnk_top_blue.gif) no-repeat left center;
    padding-left: 11px;
    font-weight: bold;
    text-decoration: none;
    font-size: 90%;
    border-left: 0.2em solid #FFF;
    border-right: 0.2em solid #FFF;
}
a.lnk_top:focus {
    background-image: url(/static/images/lnk_top_blue_w.gif);
    border-left-color: #025589;
    border-right-color: #025589;
    color: #FFF !important;
}
a.lnk_top:hover {
    text-decoration: underline;
}
a.lnk_external, .lnk_external a, a .lnk_external, .lnk_w3, .lnk_highPriority .lnk_w3 {
    background: transparent url(/static/images/lnk_external_b.gif) no-repeat 2px 1px;
    color: #111111;
    padding-left: 17px;
    font-size: 90%;
}
.lnk_highPriority .lnk_w3 {
    background-image: url(/static/images/lnk_externalB_over.gif);
}
a.lnk_external:hover, a:hover .lnk_external, .lnk_external a:hover, .lnk_w3:hover {
    background-image: url(/static/images/lnk_externalB_over.gif);
    color: #025589;
    text-decoration: underline;
}
a.lnk_external:focus, a:focus .lnk_external, .lnk_external a:focus, .lnk_w3:focus {
    background-image: url(/static/images/lnk_external_w.gif) !important;
}
.lnk_view img {
    visibility: hidden;
}
.lnk_view.notext img {
    display: none;
}
.lnk_view.notext {
    padding-left: 20px;
}
a.lnk_view {
    text-decoration: none !important;
}
a.lnk_view {
    background: url(/static/images/lnk_viewB.gif) no-repeat left center;
    padding: 0.1em;
    padding-left: 25px;
}
a.lnk_view:hover {
    background-image: url(/static/images/lnk_viewB_over.gif);
}
a.lnk_view:focus {
    background-image: url(/static/images/lnk_viewB_focus.gif);
}
.linklist {
    margin: 0em;
    padding: 0em !important;
}
.linklist li {
    list-style-type: none;
    padding: 0.1em 0.2em;
}
a.lnk_continue, a .lnk_continue, .linklist a {
    color: #025589 !important;
    background: transparent  no-repeat left center;
    padding-left: 9px;
    border-left: 0.2em solid #FFF;
    border-right: 0.2em solid #FFF;
    text-decoration: none;
    font-size: 100%;
}
.linklist a {
    font-size: 100%;
    font-weight: bold;
}
a.lnk_continue:hover, a:hover .lnk_continue, .linklist a:hover {
    text-decoration: underline;
}
a.lnk_continue:focus, a:focus .lnk_continue, .linklist a:focus {
    color: #fff !important;
    background: transparent url(/static/images/lnk_continue_blue_w.gif) no-repeat left center;
    border-left-color: #025589;
    border-right-color: #025589;
}
a.lnk_back, a .lnk_back {
    color: #025589 !important;
    background: transparent url(/static/images/lnk_back_blue.gif) no-repeat left center;
    padding-left: 9px;
    text-decoration: none;
    font-size: 90%;
}
a.lnk_back:hover, a:hover .lnk_back {
    text-decoration: underline;
    background-image: url(/static/images/lnk_back_blue_over.gif);
}
a.lnk_back:focus, a:focus .lnk_back {
    color: #fff !important;
    background-image: url(/static/images/lnk_back_w.gif);
}
a.lnk_highPriority, .lnk_highPriority * a, a .lnk_highPriority, a .lnk_highPriority * {
    color: #025589 !important;
    text-decoration: none !important;
    background: transparent;
}
a.lnk_highPriority:hover, .lnk_highPriority a:hover, a:hover .lnk_highPriority, a:hover .lnk_highPriority * {
    text-decoration: underline !important;
}
a.lnk_highPriority:focus, .lnk_highPriority a:focus, a:focus .lnk_highPriority, a:focus .lnk_highPriority * {
    color: #fff !important;
}
.lnk_highPriority a.lnk_external, a .lnk_highPriority .lnk_external, a .lnk_external .lnk_highPriority {
    background: transparent url(/static/images/lnk_external.gif) no-repeat 0px 1px;
}
.lnk_highPriority a.lnk_external:hover, a:hover .lnk_highPriority .lnk_external, a:hover .lnk_external .lnk_highPriority {
    background: transparent url(/static/images/lnk_external_over.gif) no-repeat 0px 1px;
}
p + a.lnk_highPriority {
    display: block;
    margin-top: -0.7em;
    margin-bottom: 1em;
}


.clear {
    clear: both;
    display: block;
    overflow: hidden;
    height: 0px;
}
.none {
    display: none !important;
}
.print {
    display: none !important;
}
.invisible {
    position: absolute;
    top: -1000px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
}
#skipnav {
    position: absolute;
    top: 0px;
}
#skipnav ul {
    margin: 0px;
    padding: 0px;
}
#skipnav li {
    display: inline;
    list-style-type: none;
}
#skipnav a {
    display: block;
    padding: 0.5em;
    margin-top: -50em;
    float: left;
    font-weight: bold;
    font-size: 110%;
}
#skipnav a:focus {
    margin-top: 0em;
}

.error, .error a, .error h2, .alert {
    color: #900000 !important;
    background: #FFF;
}
.error a:focus {
    color: #FFF !important;
}
.error h2 {
    margin: 0.2em 0;
}
.error p {
    margin: 0.5em 0;
}
#content ul.error, #content .error ul {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
div.error {
    margin: 1em 0;
    background-color: #fff8f8;
    border: 1px solid #c08080;
    padding: 0.25em 0.75em;
}
.error li {
    padding: 0.1em 0;
}
.success {
    color: #007700;
}
/*  ---  ---  */

/*
.f_expand a {
    background: transparent url(/static/images/lnk_expand_open.gif) no-repeat center right;
    padding-right: 11px;
}
.f_expand a:hover {
    background: transparent url(/static/images/lnk_expand_open_over.gif) no-repeat center right;
}
.f_reduce a {
    background: transparent url(/static/images/lnk_expand_close.gif) no-repeat center right;
    padding-right: 11px;
}
.f_reduce a:hover {
    background: transparent url(/static/images/lnk_expand_close_over.gif) no-repeat center right;
}
*/

.f_expand a span {
    background: transparent url(/static/images/ar_down_blue.gif) no-repeat center center;
}
.f_expand a:hover span, .f_expandHead:hover .f_expandFunc2Head .f_expand a span {
    background: transparent url(/static/images/ar_down_blue_over.gif) no-repeat center center;
}
.f_expand a:focus span, .f_expander:focus .f_expand a span, .f_expandHead:focus .f_expand a span {
    background: #025589 url(/static/images/ar_down_over.png) no-repeat center center !important;
}
.f_reduce a span {
    background: transparent url(/static/images/ar_up_blue.gif) no-repeat center center;
}
.f_reduce a:hover span, .f_expandHead:hover .f_expandFunc2Head .f_reduce a span {
    background: transparent url(/static/images/ar_up_blue_over.gif) no-repeat center center;
}
.f_reduce a:focus span, .f_expander:focus .f_reduce a span, .f_expandHead:focus .f_reduce a span {
    background: #025589 url(/static/images/ar_up_over.png) no-repeat center center !important;
}
.f_expand a img, .f_reduce a img {
/*    visibility: hidden;*/
}

.f_expander a {
    color: #025589 !important;
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
    display: block;
    position: relative;
}
.f_expander a:focus, .f_expandHead:focus .f_expander a {
    color: #FFF !important;
}
.f_expandHead:focus .f_expand a span, .f_expandHead:focus .f_reduce a span {
    background-color: transparent !important;
}
.f_expander .arrow a span {
    display: block;
    height: 16px;
    width: 22px;
    position: absolute;
    top: 0;
    left: 0;
}
.f_expander .hasText a span {
    display: inline-block;
}
.f_expander .hasText a img {
    visibility: hidden;
}
.f_expander .hasText.expanderRepos0 {
    margin-top: -1.5em;
}

.f_expander a:hover {
    text-decoration: underline;
    color: #025589 !important;
    text-decoration: underline;
}
.f_expander a img {
/*    margin-left: 0.1em;*/
    position: relative;
}
.f_expander .arrow a img {
    margin-left: 0;
}

.h2special .f_expander a {
    color: #E3EFCC !important;
    background: transparent url(/static/images/lnk_expand_wr_open.gif) no-repeat center right;
    padding-right: 11px;
}
.h2special .f_expander a:hover {
    color: #fff !important;
    background: transparent url(/static/images/lnk_expand_wr_open_over.gif) no-repeat center right;
}
.fr_slider-open .h2special .f_expander a {
    background: transparent url(/static/images/lnk_expand_wr_close.gif) no-repeat center right;
}
.fr_slider-open .h2special .f_expander a:hover {
    background: transparent url(/static/images/lnk_expand_wr_close_over.gif) no-repeat center right;
}
.test-passed .h2special .f_expander a {
    background: transparent url(/static/images/lnk_expand_wg_open.gif) no-repeat center right;
}
.test-passed .h2special .f_expander a:hover {
    background: transparent url(/static/images/lnk_expand_wg_open_over.gif) no-repeat center right;
}
.test-passed .fr_slider-open .h2special .f_expander a {
    background: transparent url(/static/images/lnk_expand_wg_close.gif) no-repeat center right;
}
.test-passed .fr_slider-open .h2special .f_expander a:hover {
    background: transparent url(/static/images/lnk_expand_wg_close_over.gif) no-repeat center right;
}



.example_fail, .example_pass {
    padding: 0.3em;
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
    background: #f5f5f5;
    overflow: hidden;
}
.example_fail .icon, .example_pass .icon {
    display: table-cell;
    float: left;
}
.example_fail .block, .example_pass .block {
    display: table-cell;
    padding-left: 10px;
}
.example_fail {
    border: 1px solid #A90000;
    margin-bottom: 0.5em;
}
.example_pass {
    border: 1px solid #105F00;
}

.linkedlist a.lnk_external {
    color: #025589 !important;
    background: transparent url(/static/images/lnk_external.gif) no-repeat 0px 1px;
    padding-left: 16px;
    text-decoration: none;
}
.linkedlist a.lnk_external:hover {
    background: transparent url(/static/images/lnk_external_over.gif) no-repeat 0px 1px;
    font-weight: bold;
}
.linkedlist a.lnk_external:focus {
    background: transparent url(/static/images/lnk_external_w.gif) no-repeat 0px 1px;
    color: #fff !important;
}
.linkedlist li {
    list-style-type: none;
    padding: 0.2em 0em;
}


.table-list .row1.lastOverviewRow td, .table-list .row1.lastOverviewRow th {
    border-bottom: 1px solid #000 !important;
    padding-bottom: 0.2em;
}
.table-list .firstRow td, .table-list .firstRow th {
    padding-top: 0.4em;
}
.table-list td, .table-list th {
    padding: 0.2em 0.4em;
}
.table-list.strong-list td {
    padding: 0.7em 0.4em;
}
.table-list_minPad td, .table-list_minPad th {
    padding: 0.1em 0;
}
.table-list th {
    border-bottom: 1px solid #000;
    margin-bottom: 0.2em;
    font-weight: bold;
    font-size: 90%;
}
.table-list .align-right {
    text-align: right;
}
.table-list .align-center {
    text-align: center;
}
.table-list .row0 {
    background: #EFF3F4;
    border-bottom: 1px solid #EFF3F4 !important;
}
.table-list .row1 {
    background: #F7F9FA;
    border-bottom: 1px solid #EFF3F4 !important;
}

.table-list .f_highlight, .table-list .f_highlight {
    background: #d5e3e7;
}
.table-list .row0 td.f_highlight {
    background: #e4ecee;
}
.table-list .row1 td.f_highlight {
    background: #d5e3e7;
}
.table-list tbody tr:first-child td {
    padding-top: 0.5em;
}
.table-list tbody tr:last-child td {
    padding-bottom: 0.5em;
}
.table-list tfoot td {
    font-weight: bold;
    border-top: 1px solid #000;
}

.userInput {
    background: #EFF3F4;
    border: 1px solid #C3CED1 !important;
    padding: 0.5em 1em;
}
.userInput h2 {
    font-size: 115%;
    margin-top: 0;
}
.userInput .r_label {
    background: none;
    font-weight: normal;
    padding: 0.3em 0;
}
.userInput .r_content {
    padding: 0.3em 0;
}

.nobr {
    white-space: nowrap;
}

.paginator {
    text-align: center;
    font-weight: bold;
}
.paginator ul {
    display: inline;
    margin: 0em 0.7em !important;
    padding: 0em;
}
.paginator li {
    list-style-type: none;
    display: inline;
    padding: 0em;
    vertical-align: middle;
}
.paginator a {
    font-weight: normal;
    color: #606060 !important;
}
.paginator span {
    padding: 0.1em 0.2em;
}
.paginator a:hover {
    color: #025589 !important;
    font-size: 1em;
}
.paginator a:focus {
    color: #fff !important;
}

.img {
    overflow: hidden;
}
.img, .img_floatLeft {
    display: block;
    border: 1px solid #AAA;
    padding: 0.5em;
}
.img_floatLeft {
    float: left;
    margin: 0.1em 1.5em 1.5em 0em;
}
.img_floatLeft220 .img_floatLeft {
    width: 220px;
}
.img a {
    display: block;
    text-decoration: none;
    overflow: hidden;
}
.img_floatLeft.img a {
    display: inline;
}
.img a:hover {
    text-decoration: none !important;
}
.img a:hover .imgtext {
    text-decoration: underline !important;
}
.img .imgtext {
    display: block;
    margin: 0.2em 0em 0.5em 0em;
    font-size: 95%;
}
.img img {
    float: left;
    margin-right: 1em;
}
.img .imgtext strong {
    display: block;
    font-size: 110%;
    margin-bottom: 0.5em;
}
.img .imgtext strong:before {
    content: attr(title);
}
.img_floatLeft img {
    float: none;
    margin-right: 0em;
}
.img_floatLeft .imgtext {
    margin-bottom: 0.2em;
}
.img_floatLeft .imgtext strong {
    display: inline;
}
.img_floatLeft .imgtext strong:before {
    content: "";
}
.articleBlocks dt {
    font-weight: normal;
}
.simpleSubtitle {
    display: block;
    clear: both;
}
strong.simpleSubtitle span {
    font-weight: normal;
}
h1 + .simpleSubtitle, .split + .simpleSubtitle {
    position: relative;
    top: -0.8em;
    margin-bottom: 0.7em;
}
h2 + .simpleSubtitle {
    margin-top: -0.3em;
}



.ccms_atcNoShow, .ccms_atcNoShow *, .ccms_atcNoShow a {
    color: #666 !important;
    font-style: italic;
}

.ccms_adminOnly, .ccms_adminOnly * {
    font-style: italic;
}

.tabs, #content ul.tabs {
    margin: 0em;
    padding: 0em;
    overflow: hidden;
}
.tabs li {
    list-style-type: none;
    float: left;
    overflow: hidden;
    position: relative;
    margin-left: -1.7em;
    margin-top: 0.2em;
}
.tabs li.f_expanded {
    margin-top: 0;
}
.tabs li.first {
    margin-left: 0em;
}
.tabs .level0 {z-index: 2000;}
.tabs .level1 {z-index: 1999;}
.tabs .level2 {z-index: 1998;}
.tabs .level3 {z-index: 1997;}
.tabs .level4 {z-index: 1996;}
.tabs .level5 {z-index: 1995;}
.tabs 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;
}
.tabs li a span {
    display: block;
    padding: 0.2em 0em 0.1em 2.3em;
    background: url(/static/images/tab_start.gif) no-repeat top left;
}
.tabs li.f_expanded a span {
    padding-top: 0.4em;
    background-color: #00486e;
}
.tabs li.f_expanded a {
    color: #FFF !important;
    background-image: url(/static/images/tab_bg_active.gif) !important;
}
.tabs li.f_expanded a:hover, .tabs li.f_expanded:hover a {
    text-decoration: none !important;
    cursor: text;
}
.tabs li.first a span {
    padding-left: 0.9em;
    background-image: none;
}
.tabs li.last a {
    background-image: url(/static/images/tab_bg_last.gif);
}
.tabs li:focus a, .tabs a:focus, .tabs li.f_expanded a:focus, .tabs li.f_expanded:focus a {
    background-image: url(/static/images/tab_bg_focus.gif) !important;
    background-color: transparent !important;
}
.tabs li:focus a span, .tabs a:focus span, .tabs li.f_expanded a:focus span, .tabs li.f_expanded:focus a span {
    background-color: #025589 !important;
}

.tabcontent {
    border: 1px solid #C3CED1;
    padding: 0em 0.7em 0.7em 0.7em;
/*    overflow: hidden; */
}

.feedbackRequest {
    border-top: 1px solid #606060;
    padding: 0.5em 0.7em;
    margin: 3em 0 1em 0;
    color: #505050;
}
.descriptionblock .feedbackRequest {
    border-top: 0;
    padding: 0;
    margin: 1em 0;
}
.feedbackRequestSection .feedbackRequest {
    border-bottom: 1px solid #606060;
    margin-bottom: 3em;
}
.feedbackRequestBelow .feedbackRequest {
    border-bottom: 1px solid #606060;
    border-top: 0;
    margin-top: 1em;
    margin-bottom: 3em;
}
.feedbackRequest a, #content .feedbackRequest a {
    color: #505050;
}
.feedbackRequest p {
    margin: 0.2em 0;
}
.fail {
    color: #A20000;
}
.pass {
    color: #086800;
}
.verify {
    color: #824800;
}
.highlight {
    background: #ff0;
}
code strong.highlight {
    font-weight: normal;
}
.highlightMissing {
    background: #fa5a5a;
}

.galleryteaser {
    display: block;
    overflow: hidden;
    float: left;
    font-size: 90%;
    margin: 0em 1.5em 1em 0em;
    border: 1px solid #aaa;
    padding: 0.5em;
}
.galleryteaser .lnk_continue {
    font-size: 100%;
    display: block;
    float: right;
}
.gallerythumbs {
    margin: 0em;
    padding: 5px 0em;
    overflow: hidden;
    clear: both;
}
.gallerythumbs li {
    list-style-type: none;
    display: block;
    float: left;
}
#content ul.gallerythumbs {
    border-top: 1px dotted #AAA;
    border-bottom: 1px dotted #AAA;
    margin: 1em 0em;
    padding: 1em 0em;
}
.gallerythumbs li {
    margin-left: -1px;
}
.gallerythumbs li.first {
    margin-left: 0px;
}
.gallerythumbs .thumb {
    display: table-cell;
    width: 80px;
    border-right: 1px dotted #AAA;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    text-align: center;
    overflow: hidden;
    padding-left: 1px;
    margin-left: -1px;
}
.gallerythumbs .thumb .img {
    height: 80px;
    width: 80px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.gallerythumbs a:hover {
    text-decoration: none;
}
.gallerythumbs a:hover .thumb .text {
    text-decoration: underline;
}
.gallerythumbs .current .thumb {
    border: 1px solid #999;
    background: #f0f0f0;
}
.gallerythumbs a.thumb:hover {
    border: 1px solid #025589;
    padding-left: 0px;
    background: #fff;
}
.gallerythumbs .current a.thumb:hover {
    border: 1px solid #025589;
    padding-left: 1px;
    background: #fff;
}
.thumb .img img {
    float: none;
    margin-right: 0em;
}
.thumb .img {
    padding: 0em;
    border: 0px;
}
.galleryimage {
    margin-bottom: 1em;
    overflow: hidden;
}
.galleryimage img {
    display: block;
    margin-right: 2em;
}
.galleryimage .imagearea {
    float: left;
}
.galleryimage_caption {
    background: #484848;
    color: #eee;
    float: left;
    font-size: 89%;
}
.galleryimage_caption .caption {
    padding: 0.2em 1em;
    background: #484848;
    float: left;
    display: block;
}
.galleryimage_caption .btn_prev, .galleryimage_caption .btn_next {
    display: block;
    float: left;
    width: 1.3em;
    height: 0.8em;
    color: #777;
    font-size: 140%;
    text-align: center;
    font-weight: bold;
    padding-bottom: 0.4em;
    text-decoration: none;
}
.galleryimage_caption .btn_prev {
    border-right: 1px dotted #777;
}
.galleryimage_caption .btn_next {
    border-left: 1px dotted #777;
    background-repeat: no-repeat;
    background-position: bottom right;
}
.galleryimage_caption a {
    color: #fff !important;
    background-color: #025589;
}
.galleryimage_caption a:hover {
    color: #fff;
    background-color: #025589;
}
.galleryimage_caption a.btn_prev:hover {
    border-right: 1px dotted #999;
}
.galleryimage_caption a.btn_next:hover {
    border-left: 1px dotted #999;
}
span.btn_prev:before {
    content: "<";
}
span.btn_next:before {
    content: ">";
}
.galleryimage ul {
    overflow: hidden;
}
.imagearea + p {
    margin-top: 0em;
}
.alertbox {
    float: right;
    width: 30%;
    border: 1px solid #025589;
    background: #fff;
    padding: 0.5em 0.8em;
    margin-right: -1.5em;
    font-size: 110%;
}
.alertbox a.lnk_external {
    color: #025589;
    background-image: url(/static/images/lnk_externalB_over.gif);
    text-decoration: none;
}
p.alertbox {
    float: none;
    width: auto;
    border: 1px solid #025589;
    background: #EEE;
    margin-right: 0em;
    font-size: 100%;
}
.linklist a span {
    color: #000;
    font-weight: normal;
    font-size: 85%;
}
.showUntilLoaded {
    display: none;
}

.loading {
    font-size: 120%;
    text-align: center;
    padding: 1em 0em;
}
.loading img {
    vertical-align: middle;
    margin-right: 0.7em;
}
#previewPanel .iframecontainer {
    border: 2px outset #ccc;
    margin: 0px 0px 0.4em 2px;
}
#previewPanel button {
    margin-right: 1em;
    float: right;
}
#previewPanel h2 + button {
    margin-top: -2.4em;
}
.codeextracts code {
    display: block;
    border: 1px solid #777;
    background: #f5f5f5;
    padding: 0.3em 0.5em;
    font-family: "Courier New", Courier, monospace;
    font-size: 90%;
    margin-bottom: 0.1em;
    overflow: hidden;
    clear: right;
}
.tooltipContainer {
/*    white-space: nowrap;*/
}
.tooltipWrapper {
    position: relative;
/*    display: inline;*/
    white-space: normal;
    float: left;
    z-index: 999;
}
dt .tooltipWrapper {
/*    font-size: 90%;*/
}
h2.feedbacked {
    padding-right: 2em;
}
.h2feedback {
    margin-top: -0.2em;
}
.h2feedback .tooltipWrapper, .h3feedback .tooltipWrapper, .h4feedback .tooltipWrapper, .h5feedback .tooltipWrapper,
.h2feedback .feedbackButton, .h3feedback .feedbackButton, .h4feedback .feedbackButton, .h5feedback .feedbackButton {
    float: right;
    margin-top: -2em;
    margin-right: 0.2em;
}
.feedbackedText, .feedbackedText .r_content {
    overflow: visible;

}
.feedbackedText .tooltipWrapper {
    float: none;
    display: inline-block;
}
.feedbackedText .tooltipTrigger {
    margin: -0.2em 0 0 0.4em;
}
.feedbackedText.noReposition .tooltipTrigger {
    margin-top: 0;
}
.feedbackedText .f_tooltipContent {
    top: 0;
}
.feedbackedText h3 {
    float: left;
}
#content .majorFeedback .infobox {
    border-color: #00486e;
    margin-top: 1em;
}
.majorFeedback .infobox strong, .majorFeedback .infobox p {
    margin: 0.5em 0;
    display: block;
}
.infobox .feedbackRequest {
    padding: 0;
    margin: 0;
    border: 0;
    color: #000;
}
.infobox-warning {
    background-color: #fee;
    font-weight: bold;
    font-size: 105%;
}
.infobox-error {
    background-color: #fcc;
    font-weight: bold;
    font-size: 105%;
}
.tooltipTarget {
    display: block;
    float: left;
    margin-right: 0.4em;
}
.tooltipTrigger {
    font-family: serif;
    font-weight: bold;
    font-size: 100%;
    display: inline-block;
    color: #025589 !important;  /* #025589 */
    text-align: center;
    vertical-align: middle;
    width: 1.1em;
    height: 1.1em;
    line-height: 1.1em;
    text-decoration: none;
    background: #D7FF9B;
    border: 1px solid #025589;
/*    cursor: help;*/
    z-index: 1001;
    position: relative;
}
.infoTooltip.tooltipTrigger {
    height: 15px;
    width: 15px;
    background: #FFF url(/static/images/info.gif) no-repeat center center;
    overflow: hidden;
    display: none;
}
.infoTooltip.tooltipTrigger:hover, .infoTooltip.tooltipTrigger:focus {
    background-image: url(/static/images/info_w.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.infoTooltip.tooltipTrigger img {
    position: absolute;
    top: -1000px;
}
ul.links {
    margin: 0;
    padding: 0;
}
ul.links li {
    list-style-type: none;
    padding: 0.1em 0;
}
a.tooltipTrigger:hover {
    text-decoration: none !important;
}
.feedback .tooltipTrigger {
    font-family: sans-serif;
    font-size: 100%;
}
.feedback .tooltipTrigger, .feedback .tooltipWrapper, .feedback .f_tooltipContent, .feedback .tooltipContent {
    display: block;
}
.feedback a, #content .feedback a {
    color: #025589;
    font-weight: bold;
}
.tooltipTrigger:hover {
    color: #FFF !important;
    background: #025589;
}
.f_tooltipContent {
    position: absolute;
    top: 0.2em;
    right: 25%;
    text-align: left;
    width: 14em;
    font-weight: normal;
    cursor: help;
    padding: 0.8em;
    z-index: 1000;
}
.f_tooltipContent .tooltipContent {
    padding-right: 8px;
    background: #FFF;
    border: 1px solid #333;
    padding: 0.5em 1em;
}
.f_tooltipContent p {
    margin: 0.1em 0;
}
.tooltipContent {
    color: #000;
}
.jsActive .tooltipGlossary {
    display: none;
}

.scoreWrapper {
    vertical-align: middle;
    white-space: nowrap;
}
.scoreColour {
    display: inline-block;
    margin-top: -0.2em;
    padding-right: 0.2em;
}
td .scoreColour {
    margin-top: 0.1em;
}
.scoreColour img {
    border: 1px solid #000;
}
.scoreValue {
    display: inline-block;
    min-width: 2.9em;
    text-align: right;
    vertical-align: top;
}
.scoreValue.singleScore {
    width: auto;
}
.floatLeft {
    float: left;
    margin-right: 1em;
}

.fakeInput {
    border-top: 1px solid #abadb3;
    border-right: 1px solid #abadb3;
    border-bottom: 1px solid #e2e3ea;
    border-left: 1px solid #e2e3ea;
    padding: 0.1em 0.2em;
    overflow: hidden;
}

.colorBox {
    display: block;
    width: 1em;
    height: 1em;
    border: 1px solid #000;
    color: #FFF;
    text-align: center;
    margin-left: 0.25em;
}
.colorBox span {
    font-size: 0.75em;
    font-weight: bold;
    font-family: Verdana;
}
.colorBox.displayZero {
    background-image: url(/static/images/hook_small.png);
    background-repeat: no-repeat;
    background-position: center center;
}
#content ul.keyData {
    margin: 0;
    padding: 0;
}
.keyData li {
    list-style-type: none;
    height: 1.2em;
}
.keyData span {
    white-space: nowrap;
}
.graphCol {
    width: 61%;
    float: right;
    margin-top: -4.9em;
}
.block + .block {
    margin-top: 3.2em;
}
#content .moreInfo {
    margin: 0.3em 0;
    padding: 0;
    overflow: hidden;
}
#content .moreInfo.forBlock {
    margin: 1em 0;
}
a.moreInfo {
    display: block;
}
.moreInfo li {
    list-style-type: none;
    float: left;
}
.moreInfo li + li:before {
    content: "|";
    float: left;
    margin: 0 0.5em;
}
.infoboxWrapper {
    overflow: hidden;
}
.infobox {
    border: 1px solid #B3B3B3;
    padding: 0.5em 0.7em;
    margin: 2em 0 2em 0 !important;
}
.infobox ul {
    padding: 0 !important;
}
.infobox ul.list {
    margin: 0.2em 0 0.2em 1.5em;
    padding: 0 0 0 1em;
}
.infobox ul.list li {
    list-style-type: disc;
    margin: 0 !important;
}
h2 + .infobox {
    margin-top: 1em;
}
.cols2sidecol .infobox {
    margin-top: 0.7em;
}
.infobox.place li {
}
.cols2maincol .infobox {
    margin: 1.3em 0;
}
.infobox li {
    list-style-type: none;
}
.infobox li + li {
    margin-top: 0.4em;
}
.infobox ul.moreInfo li + li {
    margin-top: 0;
}
.infobox .floatList {
    overflow: hidden;
}
.infobox .floatList strong, .infobox .floatList ul {
    float: left;
    padding-right: 0.5em;
}
.percBar {
    display: block;
    width: 10em;
    border: 1px solid #333;
    height: 0.7em;
}
.percBar.float {
    float: left;
    margin-right: 0.5em;
    margin-top: 0.2em;
}
.perc {
    display: block;
    height: 0.7em;
    background: #A90000;
    border-right: 1px solid #333;
    float: left;
}
.percBar + strong, .percBar + span {
    display: block;
    overflow: hidden;
}
.percBar + div {
    margin-left: 10.5em;
}

.failPercCol {
    width: 14.3em;
}

.sortBtn {
    display: block;
    text-align: center;
    padding: 0.3em 0;
    height: 9px;
    border-top: 1px solid #AAA;
    margin-top: 0.3em;
}
.sortBtn + .sortBtn {
    margin-top: 0;
}
.sortBtn.asc {
    background-image: url(/static/images/sort_asc.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.sortBtn.asc:hover, .sortBtn.asc:focus {
    background-color: #025589;
    background-image: url(/static/images/sort_asc_w.gif);
}
.sortBtn.desc {
    background-image: url(/static/images/sort_desc.gif);
    background-position: center center;
    background-repeat: no-repeat;
}
.sortBtn.desc:hover, .sortBtn.desc:focus {
    background-color: #025589;
    background-image: url(/static/images/sort_desc_w.gif);
}
.sortBtn.sorted, .sortBtn.sorted:hover {
    background-color: #00486e;
}
.sortBtn.sorted.asc {
    background-image: url(/static/images/sort_asc_w.gif);
}
.sortBtn.sorted.desc {
    background-image: url(/static/images/sort_desc_w.gif);
}
dt.floating {
    float: left;
    margin-right: 0.5em;
}

strong.block {
    display: block;
    margin: 0.5em 0 0.2em 0;
}

.graphWrapper {
    position: relative;
    width: 100%;
    min-height: 110px;
}
.graphWrapper .loader {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    width: 100%;
}
.graphWrapper .graph {
    position: relative;
    width: 100%;
    height: 100%;
}
/*
.scoreDevelopmentGraphWrapper .graph {
    max-height: 27em;
}
*/
.scoreComparisonGraphWrapper .graph {
    max-height: 37em;
}
.graphCol .scoreDistributionGraphWrapper .graph {
    max-height: 17em;
}
.colContent .scoreDistributionGraph {
    height: 13.4em;
    margin-top: 0.5em;
}
.wholePage .scoreDistributionGraph {
    height: 26em;
    margin-top: 0.5em;
}
.colContent .mapNorwayGraph {
    height: 24em;
}
.wholePage .mapNorwayGraph {
    height: 50em;
}
.colContent .scoreDistribution select#detaillevel {
    width: 8.5em;
}
.fillArea {
    display: block;
    width: 100%;
    height: 100%;
    background: #FFF;
    position: relative;
}
#scoreDistributionGraphContainer .fillArea {
    min-height: 100px;
}
.graphDescription + object {
    margin-top: 0.7em;
}
.imgTooltip {
    position: relative;
    z-index: 2;
}
.imgTooltip .f_tooltipContent {
    right: 0;
    top: 0;
}
.imgTooltip .f_tooltipTrigger {
    text-decoration: none !important;
}
.imgTooltip span {
    float: right;
}
.scoreDevelopmentGraphWrapper .graph img {
    margin-top: -1em;
}
.infoTooltip {
    cursor: help;
}



optgroup {
    font-style: normal;
    padding-top: 0.3em;
    padding-left: 0.1em;
}
optgroup option:first-child {
    margin-top: 0.3em;
}

.forwardInfo p {
    margin: 0.3em 0;
}

.inlineImg {
    vertical-align: middle;
}

input.readonly {
    background: #CCC;
}

.continuous {
    white-space: pre-wrap;
    display: inline-block;
}
input:focus {
    outline: 2px solid #025589;
}

.feedbackButton {
    overflow: hidden;
    margin-bottom: -0.5em;
}

.hideIfNoJS {
    display: none;
}
.hint {
    color: #808080;
    font-style: italic;
}
.hint a {
    color: #808080;
}
div#footerLogo {
    text-align: center;
}
img#tingtunLogo {
    margin-top: 25px;
}
input[type="file"] {
color: #000000;
}

input[type="image"], input[type="file"] {

padding: initial;
border: initial;
-webkit-appearance: textfield;
padding: 1px;

}

.score-square {
  width:10px;
  height:10px;
  background:#fff;
  border:1px solid black;
  display:inline-block;
}

.desc::after {
  content: "▼";
}
.asc::after {
  content: "▲";
}

.pagination{
    padding: 2em;
}

.pagination-current {
    border-style: solid;
    border-color: #6E6E6E;
    color: #3D3D3D;
    border-width: 1px;
}
.pagination-steplinks {
    color: #025589;
    text-decoration:none;
    padding: 1em;
}
.fieldsetbenchmarking {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #BFBFBF;
    border-radius: 7px;
    font-size: 95%;
}
.legendbenchmarking {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
}
.skiptocontent {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}
    a.skiptocontent:active,
    a.skiptocontent:focus,
    a.skiptocontent:hover {
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        overflow: visible;
    }


/* Begin - Search stuff */

.searchbox {
 float: right;
 margin-right: 1em;
 margin-top: 1em;
 margin-bottom: 0.2em;
}

.searchbox input {
    border-radius: 5px;
    border: 1px ridged;
}

.keyword{
  font-weight: bold;
  background-color: #aaddee;
  color: black;
}

.searchlabel {
    display: none;
}

.searchbutton {
    display: inline-block;
    margin-left: 0.5em;
}

/* Search results page CSS */

.searchtabs {

    float:right;
    padding: 10px 15px 10px 15px;
    background-color: #cde3f4;
    margin-top: -10px;
    border-radius: 5px;
    font-family: Sans-serif;

}

.viewresults {
    padding-bottom: 5px;
    border-bottom: 1px dotted black;
}

.nodec {
    text-decoration: none;
}

.searchtext {
    margin-left: 3em;
    margin-top: 1em;
    display: inline;
}

.searchquestion {
    margin-left: 2em;
    margin-top: 1.2em;
    display: inline;
    font-weight: bold;
}

.searchanswer {
    margin-left: 2em;
    margin-top: 1em;
    display: block;
    font-weight: normal;
}

.similarresults {
  display: block;
  margin-left: 0em;
  font-size: 90%;
  font-style: italic;
}

/* Autocomplete for search */
.ui-menu, .ui-autocomplete {
  background-color: #efefef;
  border: solid 1px silver;
  /* Width should be same as the input text box */
   width: 50px;
   color: black;
   overflow-x: hidden;
}


.ui-corner-all {
    margin-left: 0em;
    color: #000000;
}

.ui-menu-item {

  width: 10em;
  margin-left: -3em;
  margin-top: 0.1em;
  border-bottom: groove 0.1px grey;
  font-size: 90%;
  list-style: none;
}

.ui-menu-item > a {
  text-decoration: none;
}


#ui-active-menuitem {
  background-color:silver;
}

/* End - AC for search */
/* End - Search stuff */

#ul-appliedtests {
  padding: 0;
  list-style-type: none;
}

.tooltip,.arrow:after{background:#111;background:rgba(0,0,0,0.9)}
span.tooltip{position:absolute;right:200px;top:90px;color:#fff;z-index:9999}

span.tooltip[aria-hidden='true'] {
   display: none;
}
span.tooltip[aria-hidden='false'] {
   display:block ;
}

.hidden {display:none;}

.hidden {
  display: none;
}

.testrunform_block {
    display: inline-block;
    width: 350px;
    text-align: right;
}

.nodec {
    text-decoration: none;
    color: #ffff;
}

.user {

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
    line-width: 16px;
    font-size: 8pt;
    min-width: 70px;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    float: right;
    margin-right: 2em;
    margin-top: 1.2em;
    font-color: #fff;
    padding: 0px 5px 0px 5px;
}

.site_score {
    white-space: nowrap;  /* keep score icon & number on same line always */
}
#language_form {
    color: white;
    float: right;
}
#language_form select{
    color: black;
    font: 400 13.3333px Arial;
}

.site_django_messages {
  list-style-type: none;
  color: white;
}
