/* $Id: html_help.css,v 1.5 2008/12/11 17:21:10 philipp Exp $ */
@import url('fonts.css');
@import url(html_preview.css);

/* RESET */

body {
    font-family: Arial;
    font-size: 12px;
    margin: 0px;
    padding: 24px 7% 12px 7%;
    color: #000000;
}

p {
    margin-bottom: 15px;
}

.clear {
    clear: both;
    float: none;
}

#mainbody {
    position: relative;
    padding: 15px 0 0 0; /* Padding for the menu top right */
}

/* Welcome Page */
body#welcome-page-body {
    padding: 0px 0px 12px 0px;
}

body#welcome-page-body #mainbody {
    padding: 0px;
}

body#welcome-page-body .welcome-page {
    position: relative;
    min-height: 200px;
    padding: 0 0 0 17px;
}

body#welcome-page-body .welcome-page .meta {
    position: absolute;
    top: 220px;
    left: 146px;
    width: 200px;
}


h1 {
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;
    margin: 2px 0 2px 0px;
    color: #000000;
}

h2 {
    font-weight: normal;
    font-size: 21px;
    line-height: 25px;
    margin: 2px 0 2px 0px;
    color: #000000;
}

h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: bold;
    color: #535353;
    margin: 2px 0 2px 0px;
}

h4 {
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #535353;
    margin: 1px 0 2px 0px;
}

h5 {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    margin: 1px 0 2px 0px;
}

ul {
    margin: 0 0 0 26px;
}

ul li.no-list-bullet {
    list-style-type: none;
}

a:visited, a:active, a:hover {
    color: #4466aa;
}

a, a:link {
    color: #4466aa;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    font-style: normal;
    font-family: Arial;
}

a.url {
    color: #4466aa;
    text-decoration: none;
    outline: none;
    font-size: 12px;
    font-style: normal;
    font-family: Arial;
}

.key {
    color: #000;
    font-style: normal;
}

.figure img.img {
    max-width: 900px;
}

.welcome-page-image-container {
    margin-left: 460px;
    text-align: right;

}

.welcome-page-image {
}

.result table, 
.result table tr th,
.result table tr td {
    border: none;
}

div.result {
    margin-bottom: 15px;
    margin-top: -20px;
}

table.dl {
    width: auto;
}

table.dl tbody {
    background-color: transparent;
    border: none;
}

table.dl tr td.dt,
table.dl tr td.dd {
    vertical-align: center;
    border: none;
    background-color: transparent;
    padding: 0;
}

table.dl tr td.definition-line-sign {
    padding: 0 7px;
    vertical-align: center;
    border: none;
    background-color: transparent;
    float: none;
}

table {
    border-spacing: 0px !important;
    border-collapse: collapse;
    border: 1px solid #b6d0e3;
    margin: 0 0 10px 0;
}

table thead tr {
    background-color: #ebf2f7;
    color: #242424;
    font-weight: 700;
    border: none !important;
}

table tr th {
    text-align: left;
    padding: 7px 5px;
    border-bottom: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

table tr td {
    padding: 7px 5px 7px 5px;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    vertical-align: top;
    background-color: #fff !important;
}

table tfoot tr th {
    border-bottom: none;
}

/* Last in a row */
table tr th.last,
table tr td.last {
    border-right: none;
}

/* Last row */
table tr.last-row th,
table tr.last-row  td {
    border-bottom: none;
}

table thead tr th p,,
table tfoot tr th p {
    margin: 0px;
}

.figure {
    margin: 18px 0 0 0;
}

.figure .subtitle {
    font-size: 11px;
    color: #797979;
    font-style: normal;
}

.menupath .me {
    font-style: normal;
}



/* Top left menu (Zoom in and out) */
div.header-top-left {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
}


.zoom-out-button {
    background: transparent url('icon_zoom_out.png') no-repeat left bottom;
    float: left;
    cursor: pointer;
    display: block;
    width: 17px;
    height: 17px;
}


.zoom-in-button {
    background: transparent url('icon_zoom_in.png') no-repeat left bottom;
    margin-left: 40px;
    cursor: pointer;
    display: block;
    width: 17px;
    height: 17px;
}

/* Top right menu (Expand/Collapse) */
div.header-top-right {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 10;
}

div.header-top-right div span a {
    color: #000;
}

div.header-top-right div span:hover {
    cursor: pointer;
}

div.header-top-right .collapsible {
    float: right;
    margin: 0 26px 0 0;
}
div.header-top-right .collapsible span {
    color: #000;
    padding: 0 0 0 22px;
    height: 16px;
    display: block;
}


div.header-top-right .expand span {
    background: transparent url('icon_expand_all.png') no-repeat left center;
}

/* IE 6 needs this to not move the button when you click expand all */
div.header-top-right .collapse span {
    background: transparent url('icon_collapse_all.png') no-repeat left center;
    display: none;
    margin-right: 21px;
}

div.header-top-right .print span a {
    display: block;
    height: 16px;
    padding: 0 0 0 22px;
    background: transparent url('icon_print.png') no-repeat left center;
}
div.header-top-right .print {
    float: right;
}

div.chm-go-to-top {
    padding-top: 15px;
}

.chm-breadcrumb a:visited, .chm-breadcrumb a:link,.chm-breadcrumb a:hover, .chm-breadcrumb a:active {
    color:#800000;
}

.chm-breadcrumb_table {
    font-family : Arial Unicode MS, Arial, Helvetica, sans-serif;
    font-size : 10pt;
    width: 100%;
    line-height : 12pt;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom : 11pt;
    /*margin-top: 11pt;*/
    border: none;
    background-color : #CCCCCC;
    border: 0px solid #999999; 
}

.breadcrumb_table {
    background-color : #CCCCCC;
}

.td_breadcrumb_left {               
    border: solid;
    border-width: 1px;
    text-align: left;
    border-color: #AAAAAA;
}

.td_breadcrumb_right {
    border: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #AAAAAA;
}

/* Overriding margins for CHM */

.title_block h1,
.title_block h2,
.title_block h3,
.title_block h4,
.title_block h5 {
    text-transform: none;
    font-family: Arial;
    color: #000000;
    font-size: 23px;
    line-height: 26px;
    font-weight: normal;
    margin: 32px 0 25px 0;
}

.block_element {
    margin: 0 0 35px 0px; /* Before margin: 0 0 38px 30px; */
}

.block_element_collapsable {
    margin: 0 0 35px 0px; /* Before margin: 0 0 20px 30px; */
}

.title_block  {
   margin-top : 0px;
   margin-bottom : 16px;
}

.result table tr td.arrow {
    vertical-align: top;
}
.result table tr td p {
    margin: 0;
}

/* Deffination lists */
.dl .dd p {
    display: inline;
}

.meta_block_top {
    width: auto;
    background: transparent;
    padding: 0px;
}

/* Show/Hide block content */
.block_element_collapsable h2.subtitle_collapsable {
    cursor: pointer;
    background: transparent url('icon_expand_block.png') no-repeat left 6px;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
}

.block_element_collapsable h2.collapsed {
    background: transparent url('icon_collapsed_block.png') no-repeat left 6px;
}

.block_element_collapsable .block_element_content {
    padding: 0 0 0 20px;
    margin-top: 15px;
}

.block_element_content .block_subtitle {
    font-size:  12px;
    font-weight: bold;
}

/* Footer */
.footer {
    border-top: 1px solid #777777;
    margin: 50px 0 0 0;
    padding: 10px 0 10px 0;
    color: #777777;
    font-size: 11px;
}

.footer a {
    font-style: normal;
}

.footer .footer-nav ul {
    margin: 0px;
    padding: 0px;
    float: left;
}

.footer .footer-nav ul li {
    list-style: none;
    list-style-image: none;
    list-style-type: none;
    float: left;
    padding: 0 10px 0 0;
}

.footer .footer-text {
    padding: 6px 0 0 0;
}

.footer .footer-text a {
    text-decoration: none;
}

.footer .copyright {
    padding: 12px 0 0 0;
    width: 100%;
}

.footer .copyright p { 
    float: left;
}


.footer .doc-number {
    float: none;
    width: auto;
    margin-left: 60px;
}


ul {
    padding: 0 0 0 0;
    margin: 0;
}

.ul ul {
    padding: 0 0 0 56px;
    margin: 0;
}

ul li {
    list-style-position: outside;
    list-style-type: square;
    padding: 0 0 0 20px; 
    margin-top: 0;
    margin-bottom: 5px;
}

ul li p, ol li p {
    margin: 0 0 17px 0;
    padding: 0;
}

li ol, li ul {
    padding: 5px 0 5px 20px;
}

ul li ul li {
    list-style-type: disc;
}

.status-draft {
    font-size: 20px;
    color: red;
    width: auto;
    height: auto;
    position: absolute;
    right: 250px;
    top: -2px;
    z-index: 9999;
}           

.welcome-logo {
    width: 92px;
    position: absolute;
    top: 25px;
    left: 25px;
}

.welcome-title-container {
    position: absolute;
    top: 24px;
    left: 153px;
    color: #9a9a9a;
    width: 340px;
}

.welcome-title-container .welcome-main-title {
    font-size: 40px;
}

.welcome-title-container .welcome-sub-title {
    font-size: 60px;
}

.meta_block_inner_top.cover_ {
    width: 340px;
    font-size: 14px;
}

.meta_block_inner_top.cover_ a {
    font-size: 14px;
}

.cover_instructions {
    background: none;
}

.related-information {
    display: inline-block;
    margin: 0;
}

.related-information a {
    display: block;
    float: left;
    clear: left;
    padding-top: 4.25pt;
}