/**
 * Antenna Software New Documentation Gateway Stylesheet File
 */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800');

@media screen {
    
    html {
        overflow: hidden !important; /* IE */
        
    }
    
    body {
        background-color: white;
        margin: 0px;
        padding: 0px;
        
/*	font-family: 'Lucida Grande', 'Segoe UI', Tahoma, Helvetica, sans-serif; */

font-family: 'Open Sans', sans-serif;
        font-size: 12px;
        color: black;
        overflow: hidden !important;
    }
    
    
    /**********/
    /* HEADER */
    /**********/
    
    div#header {
        background: #fff;
        width: 100%;
        height: 60px;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fafafa;
        font-size: 8pt;         
        font-weight: normal;
        color: #000;
        padding:0px;
        white-space: nowrap;
        position: fixed;
        left:0px;
        top:0px;
    }
    
    h1#site_title {
        font-size: 14pt;
        font-weight: normal;
        color: #000;
        position: fixed;
        left: 277px;
        top: 20px;
        z-index: 10002;
        white-space: nowrap;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }
    
    div.logo {
        vertical-align: top;
        text-align: left;
        padding: 3px;
        position: relative;
        z-index: 10006;
        width: 300px;
        float: left;
    }
    div.logo img {
    margin-left: 8px;
/*        height: 46px; */
    }
    
    
    /*****************************/
    /* HEADER LINKS (RIGHT SIDE) */
    /*****************************/
    
    div#headerNavi {

        width: 405px;
        height: 60px;
        padding-left: 45px;
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 10010 !important;
    }
    
    div#headerNavi div.headerNaviContainer {
        width: 405px;
        height: 55px;
        padding: 0px;
        margin: 0px;
        padding-top: 5px;
    }
    
    div#headerNavi a {
        color: #000;
        line-height: 20px;
        padding: 2px 10px 2px 20px;
        text-decoration: none;
        background-position: 0% 50%;
        background-repeat: no-repeat;
    }

    div#headerNavi .search-dropdown{
	color: #000;
}
    
    div#headerNavi a:hover {
        text-shadow: none;
        -moz-text-shadow: none;
        color: #000;
    }
    
    div#headerNavi a.sg-link {
        margin-left: 4px;
        background-image: url('../graphics/common/header-ico-sg-n.png');
    }
    
/*    div#headerNavi a.sg-link:hover {
        background-image: url('../graphics/common/header-ico-sg-h.png');
    } */
    
    div#headerNavi a.kb-link {
        background-image: url('../graphics/common/header-ico-kb-n.png');
    }
/*    
    div#headerNavi a.kb-link:hover {
        background-image: url('../graphics/common/header-ico-kb-h.png');
    }
  */  
    
    /*****************/
    /* HEADER SEARCH */
    /*****************/
    
    div#headerSearch {
        margin: 5px 10px 0 0;
    }
    
    div#headerSearch form {
        margin: 0px;
        padding: 0px;
    }
    
    div#headerSearch a {
        background: none;
    }
    
    div#headerSearch div.input {
        border-radius: 2px;
        -moz-border-radius: 2px;
        border: 1px solid #e1e1e1;
        height: 24px;
        float: left;
        box-sizing: padding-box;
    }
    
    div#headerSearch div.searchbutton {
        border-radius: 2px;
        -moz-border-radius: 2px;
        height: 24px;
        float: left;
        box-sizing: padding-box;
        margin-left: 10px;
        width: 93px;
    }
    
    div#headerSearch div.input input {
        height: 22px;
        background: #fff ;
        display: block;
        margin: 0;
        float: left;
        width: 100px;
        border: 0;
        border-top-left-radius: 2px;
        -moz-border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
        -moz-border-bottom-left-radius: 2px;
    }
    
    
    /**************************/
    /* Search dropdown button */
    /**************************/
    
    div#headerSearch div.input a.search-dropdown,
    div#headerSearch div.input a.search-dropdown-active {
        height: 24px;
        line-height: 24px;
        position: relative;
        background: #e1e1e1;
        padding: 0 0px 0 5px;
        display: block;
        margin: 0;
        float: left;
        width: 180px;
    }
    
    
    div#headerSearch div.input a.search-dropdown span,
    div#headerSearch div.input a.search-dropdown-active span {
        display: block;
        margin-right: 3px;
        background: transparent url('../graphics/common/ico-down-small-gray.png') right center no-repeat;
        text-align: left;
        border-top-right-radius: 2px;
        -moz-border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
    }
    
    div#headerSearch div.input a.search-dropdown span span,
    div#headerSearch div.input a.search-dropdown-active span span {
        display: block;
        width: 160px;
        white-space: nowrap;
        overflow: hidden;
        background: none;
    }
    div#headerSearch div.input a.search-dropdown:hover span span,
    div#headerSearch div.input a.search-dropdown-active:hover span span {
        background: none;
    }
    
    div#headerSearch div.input .search-dropdown:hover #searchbutton-right,
    div#headerSearch div.input .search-dropdown-active:hover #searchbutton-right {
        background: transparent url('../graphics/common/ico-down-small-h.png') 100% 50% no-repeat;
    }
    
    
    /********************************/
    /* SearchButton dropdown button */
    /********************************/
    
    div#headerSearch div.searchbutton .searchbutton-dropdown-left {
        height: 24px;
        line-height: 24px;
        position: relative;
        background: #FF7F00;
        border: 0;
        padding: 0 0px 0 0px;
        display: block;
        margin: 0;
        float: left;
        width: 70px;
        border-left: none;
        color: fff;
        text-align: right;
        border-radius: 2px 0px 0px 2px;
        -moz-border-radius: 2px;
    }
    
    .searchbutton-dropdown-left a {
        color: #fff !important;
    }
    
    div#headerSearch div.searchbutton .searchbutton-dropdown-left #searchbutton-left{
        display: block;
        float: left;
        padding: 0px;
        padding-left: 24px;
        padding-top: 2px;
        width: 22px;
        background: transparent url('../graphics/common/header-ico-search.png') 4px 4px no-repeat;
    }
    
    div#headerSearch div.searchbutton .searchbutton-dropdown-right,
    div#headerSearch div.searchbutton .searchbutton-dropdown-right-active {
        height: 24px;
        line-height: 24px;
        position: relative;
        background: #FF7F00;
        border: 0;
        padding: 0;
        border-left: 1px solid #fff;
        display: block;
        margin: 0;
        float: left;
        width: 22px;
        color: black;
        text-align: right;
        border-top-right-radius: 2px;
        -moz-border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
    }
    
    div#headerSearch div.searchbutton .searchbutton-dropdown-right #searchbutton-right,
    div#headerSearch div.searchbutton .searchbutton-dropdown-right-active #searchbutton-right {
        display: block;
        float: left;
        height: 17px;
        margin: 0px;
        padding: 0px;
        padding-top: 4px;
        padding-left: 8px;
        padding-right: 8px;
        width: 6px;
        background: transparent url('../graphics/common/ico-down-small-n.png') center no-repeat;
    }

/*    
    div#headerSearch div.searchbutton .searchbutton-dropdown-right #searchbutton-right:hover,
    div#headerSearch div.searchbutton .searchbutton-dropdown-right-active #searchbutton-right:hover {
        background: transparent url('../graphics/common/ico-down-small-h.png') center 2px no-repeat;
    }
  
  */  
    
    /********************************/
    /* Search - common hover styles */
    /********************************/
    
    div#headerSearch div.input a.search-dropdown:hover,
    div#headerSearch div.searchbutton .searchbutton-dropdown-left:hover,
    div#headerSearch div.searchbutton .searchbutton-dropdown-right:hover,
    div#headerSearch div.input a.search-dropdown-active,
    div#headerSearch div.searchbutton .searchbutton-dropdown-right-active {

    }
    
    
    
    /*******************/
    /* Search Dropdown */
    /*******************/
    
    #search-dropdown-list {
        margin: 0px;
        position: absolute;
        top: 51px;
        z-index: 10020;
        width: 185px;
        max-height: 400px;
        background: #fafafa;
        padding: 0px;
        border: 1px solid #bbb;
        /* box-shadow: 0px 2px 5px #ddd;
        -webkit-box-shadow: 0 2px 5px #ddd; */
        display: none;
    }
        
    #search-dropdown-content {
        text-align: left;
        overflow: auto;
        max-height: 380px;
        width: 145px;
        padding: 10px;
        padding-right: 20px;
        padding-left: 20px;
    }
        
    #search-dropdown-content div {
        padding-bottom: 3px;
    }
    
    
    /****************************/
    /* Dropdown content folding */
    /****************************/
    
        /* Titles */
        #search-dropdown-content div a {
            display: block;
            white-space: nowrap;
            color: #333;
            font-size: 8pt;
            text-decoration: none;
        }
            
        #search-dropdown-content div a.title-closed {
            color: #333;
            font-size: 8pt;
            padding: 2px;
            margin-left: -17px;
            padding-left: 19px;
            background: url('../graphics/common/ico-dropdown-right.png') left center no-repeat;
            font-weight: bold;
        }
        
        #search-dropdown-content div a.title-opened {
            color: #333;
            font-size: 8pt;
            padding: 2px;
            margin-left: -17px;
            padding-left: 19px;
            background: url('../graphics/common/ico-dropdown-down.png') left center no-repeat;
            font-weight: bold;
        }
        
        /* Groups of options */
        div.search-dropdown-groupcontent-closed {
            display: none;
        }
        div.search-dropdown-groupcontent-opened {
            display: block;
        }
        
        /* Options */
        #search-dropdown-content div a.option {
            color: #666;
            font-size: 8pt;
            padding: 2px;
            text-decoration: none;
        }
        
        #search-dropdown-content div a.option:hover {
            color: #333;
        }
        
        #search-dropdown-content div a.option-selected {
            color: #fff;
            text-decoration: none;
            display: inline-block;
            line-height: 16px;
            background-color: #24609D;
            padding: 2px 4px 2px 4px;
            border: 0;
            border-radius: 2px;
            -moz-border-radius: 2px;
        }
        

    /*************************/
    /* SearchButton Dropdown */
    /*************************/
    
    #searchbutton-dropdown-list {
        margin: 0px;
        position: absolute;
        top: 51px;
        z-index: 10020;
        width: 205px;
        max-height: 400px;
        background: #fafafa;
        padding: 0px;
        border: 1px solid #bbb;
        /* box-shadow: 0px 2px 5px #ddd;
        -webkit-box-shadow: 0 2px 5px #ddd; */
        display: none;
        height: 28px;
        right: 18px;
        width: 115px;
        padding: 0px;
    }
        
    #searchbutton-dropdown-content {
        text-align: left;
        overflow: auto;
        height: 380px;
        width: 165px;
        padding: 10px;
        padding-right: 20px;
        padding-left: 20px;
    }
    
    #searchbutton-dropdown-content {
        padding: 10px;
        padding-top: 8px;
        height: 18px;
        width: 95px;
    }
    
    #searchbutton-dropdown-content div {
        padding-bottom: 3px;
    }
    
    #searchbutton-dropdown-content a {
        display: block;
        white-space: nowrap;
        color: #333;
        font-size: 8pt;
        text-decoration: none;
    }
    
    #searchbutton-dropdown-content a {
        color: #666;
    }
    #searchbutton-dropdown-content a:hover {
        color: #333;
    }
        
    
    /**************/
    /* BREADCRUMB */
    /**************/
    
    ul#breadcrumbs {
        display: block;
        font-size: 9pt;
        font-family: 'Open Sans', sans-serif;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000;
/*        border-width: 1px 0;
        border-style: solid;
        border-color: #b63500; */
        height: 28px;
        line-height: 28px;
        position: fixed;
        left: 0px;
        top: 62px;
        z-index: 10000;
        overflow: hidden;
    }
    
    ul#breadcrumbs li {
        font-weight: normal;
        display: block;
        float: left;
        margin-left: -15px;
        background: #30a4d1;
    }
    
    ul#breadcrumbs li a {
        display: block;
        padding: 0 20px 0 25px;
        line-height: 28px;
        background: transparent url('../graphics/common/breadcrumb-inside-start.png') 0% 50% no-repeat;
    }
    
    ul#breadcrumbs li a, ul#breadcrumbs li, ul#breadcrumbs li div {
        color: #fff;
/*        text-shadow: 1px 1px #b63500; */
        text-decoration: none;
    }
    
    ul#breadcrumbs li div {
        display: none;
    }
    
    ul#breadcrumbs li.docRoot, ul#breadcrumbs li.docLast  {
        text-align: right;
        padding: 0 10px;
        background: transparent;
    }
    
    ul#breadcrumbs li.docRoot {
        width: 160px;
        background: transparent;
    }
    
    ul#breadcrumbs li.docRoot a {
        background: none;
    }
    
    ul#breadcrumbs li.docLast {
        margin-left: -20px;
        padding-left: 0;
        padding-right: 20px;
        background: #000;
    }
    
    ul#breadcrumbs li.docLast div {
        display: block;
        padding: 0;
        line-height: 28px;
        text-indent: 25px;
        margin-left: 0;
        background: transparent url('../graphics/common/breadcrumb-inside-ending.png') 0px 50% no-repeat;
        font-weight: bold;
    }
    
    ul#breadcrumbs li.docLast0 {
        margin-left: -20px;
        padding-left: 0;
        background: #000;
    }
    
    ul#breadcrumbs li.docLast0 div {
        display: block;
        padding: 0;
        line-height: 28px;
        text-indent: 25px;
        margin-left: 0;
        background: transparent url('../graphics/common/breadcrumb-level0-start.png') 0px 50% no-repeat;
        font-weight: bold;
    }
    
    #level0breadcrumb-link {
        background: transparent url('../graphics/common/breadcrumb-inside-normal.png') 0px 50% no-repeat !important;
    }
    
    
    /************************/
    /* LEFT-SIDE NAVIGATION */
    /************************/
    
    /****************************/
    /* Navigation bar container */
    /****************************/
    
    div#navigation-bar {
        width: 276px;
        padding: 0px;
        overflow:hidden;
        position: fixed;
        top: 92px;
        left: 0px; 
        z-index: 9999;
        font-size: 12px;
        background: white;
    }
    
    /******************/
    /* Navitems - bar */
    /******************/
    
    .navitem {
        display: block;
        width: 100%;
        height: 23px;
        background: #e1e1e1;
        border: 1px solid #fff;
        line-height: 23px;
        text-decoration: none;
        color: #000;
        font-weight: bold;
        margin: 0px;
        margin-top: -1px;
        padding: 0px;
        font-size: 12px;
        outline: none;
    }
    .navitem:hover {
        background: #24609D;
        color: white;
    }
    
    .navitem.button {
        border-top: none;
    }
    
    .navitem-closed span,
    .navitem-opened span {
        font-weight: normal;
    }
    
    /* Closed navitem */
    .navitem-closed {
        width: 100%;
        height: 22px;
        box-sizing: border-box;
        padding-left: 10px;
    }
    .navitem-closed a {
        font-weight: bold;
        display: block;
        width: 100%;
        height: 100%;
        color: inherit;
        margin-top: -1px;
        white-space: nowrap;
        overflow: hidden;
    }
    .navitem-closed a:hover {
        color: black;
    }
    
    .navitem-opened {
        width: 100%;
        height: 22px;
        box-sizing: border-box;
        padding-left: 10px;
        color: #000;
        font-weight: 700;
    }

    .navitem-opened:hover {
    color: #fff;
    }
    
    .accordion {
        width: 100%;
    }
    
    .box {
        display: -moz-box;
        display: -webkit-box;
        display: box;
        -o-box-orient: vertical;
        -moz-box-orient: vertical;
        -webkit-box-orient: vertical;
        box-orient: vertical;
        width: 100%;
        overflow: hidden !important;
        max-height: 100% !important;
        height: 100%;
    }
    
    .navitem-inner {
        -o-box-flex: 1.0;
        -moz-box-flex: 1.0;
        -webkit-box-flex: 1.0;
        box-flex: 1.0;
        box-sizing: border-box;
        height: 90%; /*fix for IE*/
        max-height: 90%; /*fix for IE*/
        
        width: 100%;
        padding: 10px;
        overflow-y: auto;
        overflow-x: hidden;
    }
    @-moz-document url-prefix() { /*fix for firefox*/
    .navitem-inner {
        height: 0; 
    }
    }
    .navitem2 {
        display: block;
        width: 100%;
        text-decoration: none;
        color: #666;
        font-weight: bold;
        margin: 0px;
        margin-top: -1px;
        padding: 0px;
        font-size: 12px;
        outline: none;
    }
    .navitem2:hover {
        color: #d6d6d6;
    }
    
    .navitem2-closed {
        display: inline-block;
    }
    
    .navitem2-icon-closed {
        display: inline-block !important;
        background: url('../graphics/common/ico-right-big-gray.png') left 3px no-repeat;
    }
    .navitem2-icon-opened {
        display: inline-block !important;
        background: url('../graphics/common/ico-down-big-orange.png') left 3px no-repeat;
    }
    
    .hidden {
        height: 0px !important;
    }
    
    /**************/
    /* Filter box */
    /**************/
    
    .filter {
        padding: 2px 2px 2px 30px;
/*        border-bottom: solid 1px #888888; */
        font-size: 12px;
        color: #000;
        overflow: hidden;
        white-space: nowrap !important;
        padding: 7px;
        padding-left: 70px;
        background: #f1f1f1;
        padding-top: 30px;
    }
    
    
    /******************************/
    /* Fold all/unfold all button */
    /******************************/
    
    div.foldbutton {
        border-radius: 2px;
        -moz-border-radius: 2px;
        height: 16px;
        float: left;
        box-sizing: padding-box;
        margin-right: 10px;
        width: 18px;
        margin-top: -20px;
        margin-left: -60px;
    }
    
    div.foldbutton div {
        height: 16px;
        display: block;
        margin: 0;
        float: left;
        width: 18px;
        border: 0;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
    div.foldbutton div a {
        height: 16px;
        line-height: 20px;
        position: relative;
        background: #red;
        border: 0;
        padding: 0px;
        display: block;
        margin: 0;
        float: left;
        width: 18px;
        color: #666;
        line-height: 18px;
        /* text-shadow: 0px 1px #fff;
        -moz-text-shadow: 0px 1px #fff; */
        text-decoration: none;
        font-size: 9px;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
    div.foldbutton div a:hover {
        color: black;
    }
    
    /* Action: fold all */
    .foldbutton-link-fold {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-fold-n.png') 2px center no-repeat;
    }

/*    .foldbutton-link-fold:hover {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-fold-h.png') 2px center no-repeat;
    }
  */  
    /* Action: unfold all */
    .foldbutton-link-unfold {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-unfold-n.png') 2px center no-repeat;
    }
    
    /* .foldbutton-link-unfold:hover {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-unfold-h.png') 2px center no-repeat;
    }
       
       */ 
    
    /**********/
    /* Filter */
    /**********/
    
    .filter .filter-input-div {
        float: left;
        border-radius: 2px;
        -moz-border-radius: 2px;
        border: 1px solid #969696;
        height: 16px;
        box-sizing: padding-box;
        margin-top: -20px;
        margin-left: -30px;
        padding-right: 20px;
        width: 100%;
    }
    
    .filter .filter-input-div.active {
        border-color: #30A4D1;
    }
    
    
    .filter .filter-input-div div {
        width: 100%;
        float: left;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
    
    .filter .filter-input-div div input {
        height: 14px;
        background: #fff;
        display: block;
        margin: 0;
        float: left;
        border: 0;
        font-size: 10px;
        width: 100%;
    }
    
    .filter .filter-input-div div input.active {
        background: #fff url('../graphics/common/header-search-input-active.png') top left repeat-x;
    }
    
    .filter .filter-input-a {
        height: 16px;
        background: #969696;
        border: 0;
        padding: 0px;
        display: block;
        margin: 0;
        float: right;
        width: 18px;
        
        position: absolute;
        right: 16px;
        margin-top: -19px;
        z-index: 10;
    }
           
    .filter .filter-input-a:hover {
/*        background-image: url('../graphics/common/header-search-menu-h.png'); */
    }
    
    .filter .filter-input-a.active {
        background: #30A4D1;
        border-left: 1px solid #30A4D1;
    }
    .filter .filter-input-a.active:hover {
    /*    background-image: url('../graphics/common/header-search-menu-ah.png'); */
    }
    
    .filter .filter-input-a span {
        display: block;
        width: 10px;
        height: 10px;
        padding: 2px;
        padding-top: 6px;
        background: transparent url('../graphics/common/filter-clear.png') 100% 50% no-repeat;
        border: 0;
        border-top-right-radius: 2px;
        -moz-border-bottom-right-radius: 2px;
    }
    
    .filter .filter-input-div a span.active {
        background: transparent url('../graphics/common/filter-clear-active.png') 100% 50% no-repeat;
    }
    
    
    /*********/
    /* PARTS */
    /*********/
    
    /* Closed part link */
    div.partnavitem-closed {
        line-height: 18px;
        background: url('../graphics/common/ico-right-big-gray.png') left 3px no-repeat;
    }
    div.partnavitem-closed div {
        display: block;
        padding-left: 15px;
        text-indent: -15px;
    }
    div.partnavitem-closed div a {
        color: #000;
        text-decoration: none;
    }
    div.partnavitem-closed div a div {
        display: inline;
    }
    
    /* Closed active part link */
    div.partnavitem-closed-active {
        line-height: 18px;
        background: url('../graphics/common/ico-right-big-orange.png') left 3px no-repeat;
    }
    div.partnavitem-closed-active div {
        display: block;
        padding-left: 15px;
        text-indent: -15px;
    }
    div.partnavitem-closed-active div a {
        color: #30A4D1;
        text-decoration: none;
    }
    div.partnavitem-closed-active div a div {
        display: inline;
    }
    
    /* Opened part link*/
    div.partnavitem-opened {
        line-height: 18px;
        background: url('../graphics/common/ico-down-big-gray.png') left 4px no-repeat;
    }
    div.partnavitem-opened div {
        display: block;
        padding-left: 15px;
        text-indent: -15px;
    }
    div.partnavitem-opened div a {
        color: #000;
        text-decoration: none;
    }
    div.partnavitem-opened div a div {
        display: inline;
    }
    
    /* Opened active part link */
    div.partnavitem-opened-active {
        line-height: 18px;
        background: url('../graphics/common/ico-down-big-orange.png') left 4px no-repeat;
    }
    div.partnavitem-opened-active div {
        display: block;
        padding-left: 15px;
        text-indent: -15px;
    }
    div.partnavitem-opened-active div a {
        color: #30A4D1;
        text-decoration: none;
    }
    div.partnavitem-opened-active div a div {
        display: inline;
    }
    
    /* Dead part text */
    div.partnavitem-dead, div.partnavitem-dead-closed{
        background: url('../graphics/common/ico-down-big-gray.png') left 4px no-repeat;
        padding-left: 15px;
        color: #5E5F61;
        display: none;
        font-weight: bold;
        line-height: 18px;
        opacity: 0.6;
    }
    
    /* Dead active part text */
    div.partnavitem-dead-active, div.partnavitem-dead-opened-active {
        background: url('../graphics/common/ico-down-big-orange.png') left 4px no-repeat;
        padding-left: 15px;
        color: #30A4D1;
        display: none;
        font-weight: bold;
        line-height: 18px;
        opacity: 0.6;
    }
        
    /* Article links container */
    div.level4container {
        margin-left: 20px;
        font-size: 12px;
        line-height: 1.5;
        display: none;
        margin-right: 0px;
        padding-right: 0px;
    }
    
    /*******************************/
    /* Links - navigation elements */
    /*******************************/
    
    div.navelement,
    a.navelement,
    a.navheaderelement {
        color: #000;
        text-decoration: none;
    }
    
    a.navelement.selected {
        font-weight: bold;
        text-decoration: none;
        color: #23609D;

    }

    a.navelement:hover,
    a.navelement-active:hover {
        color: #24609d;
    }

    
    div.navelement-active,
    a.navelement-active {
        color: #2C7FBD;
        text-decoration: none;
    }
        
    div.activeArticle {
        width: 100%;
        min-height: 18px;
    }
    
    div.activeArticle a {
        display: inline-block;
        color: #fff;
        line-height: 16px;
        background-color: #24609D;
        padding: 1px;
        padding-left: 4px;
        padding-right: 4px;
        margin-left: -4px;
        border: 0;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
    div.activeArticle a:hover{
	color: #fff;
    background-color: #FF7F00;
    }
    
    
    /****************/
    /* MENU RESIZER */
    /****************/
    
    div#menuResize {
        display: block;
        width: 6px;
        float: left;
        margin-top: 1px;
        background: #e1e1e1;
        margin-right: 10px;
        text-decoration: none;
        overflow: hidden;
        position: absolute;
        top: 91px;
        left: 277px;
        z-index: 9999;
    }
    
    div#menuResize div {
        display: block;
        border-left: 1px solid transparent;
        height: 100%;
        background: transparent url('../graphics/common/menu-icon-resize.png') 40% 50% no-repeat;
        cursor: pointer;
    }
    
    div#menuResize:hover {
background: #ccc; 
    }
    
    
    /**************************/
    /* MAIN CONTENT CONTAINER */
    /**************************/

    div.article, div.part, div.book, div.set, div.setindex {
        padding: 65px 60px 0px 20px;
        position: fixed;
        top: 103px;
        left: 290px; 
        z-index: 1000;
        overflow: auto;
        
        color: #333;
        margin: 0px !important;
    }
    /* fixes IE bugs with overflow */
    #content-margin-bottom { 
        padding: 0px;
        margin: 0px;
        height: 20px;
        width: 100%;
    }
    
    
    /****************************/
    /* CONTENT CONTAINER HEADER */
    /****************************/
       
    #articleTitlepage {
        position: fixed;
        top: 91px;
        left: 286px;
        z-index: 1000;
        background: white;
        height: 61px;
        border-bottom: solid 1px silver;
        white-space: nowrap;
        overflow: hidden;
        background: #fff;
        color: #000;
        width: 100%;
    }
        
    #articleTitlepageFade {
        position: fixed;
        top: 92px;
        right: 225px;
        width: 45px;
        height: 61px;
        z-index: 100;
        background: transparent url('../graphics/common/articleTitlepage-fade.png') top left no-repeat;   
    }

    #articleTitlepageFadeIndex {
        position: fixed;
        top: 92px;
        width: 45px;
        height: 61px;
        z-index: 1000000;
        background: transparent url('../graphics/common/articleTitlepage-fadeindex.png') top left no-repeat;   
    }
    
    #articleTitlepage div div {
        padding: 0px;
    }
            
    #articleTitlepage div.titleContainer {
        float: left;
        height: 31px !important;
        width: 100%;
        margin-left: 20px;
        position: relative;
        z-index: 10;
    }
    
    /* Header level 1*/
    .article h1.title,
    .part h1.title,
    .book h1.title,
    .set h1.title,
    .setindex h1.title {
        font-size: 2.5em;
        text-color: #000;
        overflow: hidden;
font-weight: normal;
    }
    
    .article h1.deprecated {
        background: transparent url('../graphics/common/deprecated.gif') left center no-repeat;
        font-size: 2.5em;
        overflow: hidden;
        padding: 0px;
        margin: 5px 0;
        margin-top: 15px;
        color: #000;
        font-weight: bold;
        padding-left: 140px;
    }
       
    div.titlepage hr {
        display: none !important;
        clear:both;
        background: transparent;
        overflow: hidden;
        height: 0px !important;
        border: 0;
        border-top: 1px solid silver;
        padding: 0 !important;
        margin: 0px !important;
        margin-top: 61px !important;
    }
    
    
    /**********************************************************/
    /* #pageSettings - zoom button and print button container */
    /**********************************************************/
    
    #articleTitlepage div#pageSettings {
        float: left;
        width: 215px;
        height: 23px;
        margin: 0px;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 28px;
        overflow: hidden;
        position: fixed;
        right: 18px;
        top: 91px;
        background: #fff;
        z-index: 100;
    }
       
    #articleTitlepage div#pageSettings div.container {
        float: right;
        overflow: hidden;
        white-space: nowrap;
        width: 185px;
        padding-left: 30px;
        padding-bottom: 2px;
        position: relative;
        z-index: 1;
    }
    
    
    /***************/
    /* Zoom button */
    /***************/
    
    div.zoombutton {
    margin-top: 0px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        height: 24px;
        float: left;
        box-sizing: padding-box;
        width: 100px;
        background: #969696;
    }
    
    div.zoombutton div {
        height: 18px;
        background: #fff;
        display: block;
        margin: 0;
        float: left;
        width: 25px;
        border: 0;
        float: left;
    }
    
    div.zoombutton div a {
        height: 24px;
        line-height: 24px;
        position: relative;
        background: #969696;
        border: 0;
        padding: 0px;
        border-left: 1px solid #fff;
        display: block;
		margin: 0;
        float: left;
        width: 25px;
        color: #fff;
        line-height: 18px;
        text-decoration: none;
        font-size: 8pt;
    }
    
/*    div.zoombutton div a:hover {
        background: #eee;
        color: black;
    }
 */
    
    /* Zoom: MINUS */
    #zoomminusbutton, #zoomminusbutton a {
        border-top-left-radius: 2px !important;
        -moz-border-top-left-radius: 2px !important;
        border-bottom-left-radius: 2px !important;
        -moz-border-bottom-left-radius: 2px !important;
        border: none;
    }
    
    a#zoomminusbutton-link span {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-sizedec-n.png') center center no-repeat;
    }

/*    a#zoomminusbutton-link span:hover {
        background: transparent url('../graphics/common/doc-sizedec-h.png') center center no-repeat;
    }
  */  
    /* Zoom: PLUS */
    #zoomplusbutton, #zoomplusbutton a {
        border-top-right-radius: 2px !important;
        -moz-border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
        -moz-border-bottom-right-radius: 2px !important;
    }
    
    a#zoomplusbutton-link span {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-sizeinc-n.png') center center no-repeat;
    }

   /*  a#zoomplusbutton-link span:hover {
        background: transparent url('../graphics/common/doc-sizeinc-h.png') center center no-repeat;
    }
    */
    /* Zoom: LABEL */
    div#zoomlabel {
        width: 49px;
    }

    div#zoomlabel a {
        width: 49px;
        text-align: center;
        padding-top: 3px;
        height: 21px;
    }
        
    
    /****************/
    /* Print button */
    /****************/
    
    div.printbutton {
    margin-top: 0px;
        border-radius: 2px;
        -moz-border-radius: 2px;
        height: 24px;
        float: left;
        box-sizing: padding-box;
        margin-left: 10px;
        width: 66px;
        background: #23609D;
    }
    
    div.printbutton div {
        height: 24px;
        background: #fff;
        display: block;
        margin: 0;
        float: left;
        width: 66px;
        border: 0;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
    div.printbutton div a {
        height: 24px;
        line-height: 24px;
        position: relative;
        background: #23609D;
        border: 0;
        padding: 0px;
        display: block;
        margin: 0;
        float: left;
        width: 66px;
        color: #fff;
        line-height: 18px;
        text-decoration: none;
        font-size: 8pt;
        border-radius: 2px;
        -moz-border-radius: 2px;
    }
    
/*    div.printbutton div a:hover {
        background: #eee url('../graphics/common/header-search-menu-h.png') top left repeat-x;
        color: black;
    }
 */   
    
    div.printbutton div a span {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        
        background: transparent url('../graphics/common/doc-print-n.png') 4px 4px no-repeat;
    }
    
   
    
/*    div.printbutton div a span:hover {
        display: block;
        width: 100%;
        height: 100%;
        padding: 0px;
        margin: 0px;
        background: transparent url('../graphics/common/doc-print-h.png') 4px center no-repeat;
    }
  */  
    div.printbutton div a span span,
    div.printbutton div a span:hover span {
        display: block;
        padding-left: 27px;
        padding-top: 3px;
        width: 38px;
    }
        
    
    /*************************/
    /* COMMON CONTENT STYLES */
    /*************************/
    
    h2.title, h3.title {
        font-size: 14px !important;
    }
    
    /* Paragraphs, text */
    p {
        line-height: 17px !important;
    }
    .article p {
        font-size: 100%;
        line-height: 100%;
    }
    .article p, .article li.listitem p,
    .part p, .part li.listitem p,
    .book p, .book li.listitem p,
    .set p, .set li.listitem p {
        margin: 10px;
        margin-left: 0px;
        margin-right: 0px;
        color: #000;
        font-weight: normal;
    }

    table.common p,
    table.common li.listitem p {
        color: #444;
    }
    
    table.common p:first-child {
        margin-top: 0px;
    }
    
    table.common li.listitem:last-child p:last-child {
        margin-bottom: 0px;
    }
    
    td > :last-child {
        margin-bottom:0px;
    }
    
    table.common td ol,
    table.common td ul {
        margin: 0px;
    }
    
    strong, .guibutton {
        color: #000;
        font-weight: bold;
    }
    span.guilabel {
        color: #000;
        font-style: italic;
    } 
    .shade {
        background-color: #eeeeee;
        color: inherit;
        text-align: center;
    }
    .required {
        font-weight: bold !important;
    }
    dt {
        font-weight: bold;
    }
    
    .article h1.title, .set h1.title, .setindex h1.title, .book h1.title, .part h1.title
    {
    	
    	padding: 0px;
    	margin: 5px 0;
    	margin-top: 10px;
    	color: #000;

    }
    /* Headers */
    .article h2.title, .article h3.title, .article h4.title, .article h5.title, .article h6.title,
    .part h2.title, .part h3.title, .part h4.title, .part h5.title, .part h6.title,
 	.book h2.title, .book h3.title, .book h4.title, .book h5.title, .book h6.title,
    .set h2.title, .set h3.title, .set h4.title, .set h5.title, .set h6.title,
    .setindex h2.title, .setindex h3.title, .setindex h4.title, .setindex h5.title, .setindex h6.title {
        padding: 0px;
        margin: 5px 0;
        margin-top: 15px;
        color: #23609D;
        font-weight: bold;
    }
    
    /* Fix for H2 with question mark icon */
    h2.title a {
        text-decoration: none;
    }
    h2.title a span img {
        border: none;
    }
    
    /* Links */
    .index a,
    .article a,
    .part a,
    .book a,
    .set a {
        color: #2C7FBD;
    }
    
    a.external {
        background: url(../graphics/common/icon_external_orange.png) center right no-repeat;
        padding-right: 13px;
    }
    
    
    /* List item */
    li {
        font-weight: bold;
        color: #999;
    }
    
    /* Notes, tips, cautions */
    div.note, div.tip, div.caution {
        border: 1px solid #ddd;
        border-radius: 2px;
        -moz-border-radius: 2px;
        margin: 5px 0px;
        padding: 0;
        background-color: #f6f6f6;
        background-position:14px 35px;
        background-repeat: no-repeat;
    }
    
    div.note {
        background-image: url('../graphics/common/ico-note-note.png'); 
    }
    div.tip {
        background-image: url('../graphics/common/ico-note-tip.png');  
    }
    div.caution {
        background-image: url('../graphics/common/ico-note-caution.png');  
    }
            
    div.note h3.title {
        color: #23609d;
        font-size: 10pt;
    }
    div.tip h3.title {
        color: #ff7f00;
        font-size: 10pt;
    }
    div.caution h3.title {
        color: #ea4e39;
        font-size: 10pt;
    }
    
    div.note h3.title, div.tip h3.title, div.caution h3.title {
        display: block;
        margin: 0 !important;
        padding: 3px 10px;
        background: #e1e1e1;
        border-radius: 2px 2px 0 0 ;
        -moz-border-radius: 2px 2px 0 0 ;
        font-size: 13px !important;
    }
    
    div.note p, div.tip p, div.caution p {
        padding-left: 40px !important;
        padding-right: 20px;
    }
    
    /*custom android note*/
    div.android {
        background-image: url('../graphics/common/ico-note-android.png');
    }
    div.android h3.title {
        color: #668113;
        font-size: 10pt;
    }

    /*custom ios note*/
    div.ios {
        background-image: url('../graphics/common/ico-note-apple.png');
    }
    div.ios h3.title {
        color: #595959;
        font-size: 10pt;
    }
    
    /* Inline codes */
    code.code, 
    code.filename,
    code.parameter,
    code.uri,
    span.property,
    span.package,
    span.markup {
        border-radius: 2px;
        background-color: #fafafa;
        border: 1px solid #eee;
        font-size: 110%;
        padding: 0 3px;
        color: #000;
    }
    
    code.code span {
        font-style: italic;
    } 
    
    /* Mediaobject, images etc. */
    div.mediaobject {
        text-align: center;
        padding: 10px;
    }
    a img {
        color: white;
        background-color: inherit;
        text-decoration: none;
    }
    
    div.informalexample-title {
        width: 100%;
        border: solid 1px #bbb;
        border-bottom: none;
        border-radius: 2px 2px 0px 0px;
        -moz-border-radius: 2px 2px 0px 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        
        background: #e1e1e1;        
        color: #000;
        
    }
    
    div.informalexample-title div {
        text-indent: 35px;
        background: url('../graphics/common/ico-note-code.png') 10px center no-repeat;
        display: block;
        min-height: 6px;
        min-width: 20px;
        color: #11630d;
    }
    div.example {
      margin-top: 15px;
      margin-bottom: 15px;
    }

    br.example-break {
      display:none;
    }
    
    /**********/
    /* Tables */
    /**********/
       
    table {
        font-family: 'Open Sans', sans-serif;
        color: black;
        font-size: 10pt;
        line-height: 11pt;  
        margin: 0px;
        padding: 0px;
        width: 98%;
        border-width: 1px;
        border-color: #e0e0e0;
        border-style: solid;
    }
    
    table.navigation {
        width:100%;
        font-weight: bold;
    }
    
    table.treelist {
        width: 80%;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0;
        padding: 0;
        border-width: 0px;
    }
    
    table.treelist tr {
        white-space: nowrap;
    }
    
    table.treelist td {
        /*font-size: 14px;*/
        font-weight: normal;
        vertical-align: middle;
        padding: 0;
        border: none;
        white-space: nowrap;
    }
    
    table.treelist img {
        margin: 0;
        padding: 0px 0px 0px 0px;
        vertical-align:text-top; 
    }
    
    table.simplelist {
        padding-top: 0px;
        margin-top: 0px;
        border-width: 0px;
        color: #666666;
    }
    
    .simplelist td{
        padding: 0px;
        margin: 0px;
    }
        
    /* Common table */
    table.common,
    table.reference,
    table.shadow {
        margin-top:5px;
        border-collapse: collapse;
        width: 100%;
                
        color: #000;
        
        border: none !important;
    }
    
    dd table.common,
    dd table.shadow {
        margin-bottom: 10px;
    }
    
    table.common th,
    table.reference thead th,
    table.shadow th,
    table.shadow thead th {
        vertical-align: top;
        text-align: left;
        color: inherit;
        padding: 5px 10px;
        border: solid 1px #bbb;
        background: #e1e1e1;
        font-size: 12px;
    }
    
    table.common thead tr,
    table.reference thead tr,
    table.shadow thead tr, {
        border: none !important;
    }
    
    table.common tr.even,
    table.reference tbody tr.even {
        background: #ffffff;
        border: none !important;
    }
    
    table.common tr.odd,
    table.reference tbody tr.odd {
        background: #f7f7f7;
        border: none !important;
    }
    
    table.shadow th td,
    table.shadow tr td,
    table.shadow thead th td,
    table.reference thead th td,
    table.reference tbody tr td {
        vertical-align: top;
        padding:3px;
        padding: 5px 10px;
        border: solid 1px #bbb;
        font-size: 12px;
        font-weight: normal;
    }
    
    table.common th td,
    table.common tr td {
        vertical-align: baseline;
        padding: 10px;
        border: solid 1px #bbb;
        font-size: 12px;
        font-weight: normal;
    }
    
    /************/
    /* SETINDEX */
    /************/
    
    div.setindex div.index {
        margin: 0px !important;
        padding-left: 20px;
    }
    
    div.indexdiv dt {
        font-size: 12px;
        line-height: 17px;
        font-weight: normal !important;
    }
    
    div.setindex hr {
        display: none;
    }
    
    div.indexdiv h3 {
        display: block;
        padding-top: 10px;
    }
        
    /******************************/
    /* Setindex alphabetical menu */
    /******************************/
    
    #indexAdditionalContainer {   
margin-top: 2px;
        height: 30px;
        width: 1000px;
        padding: 0px !important;
        margin: 0px !important;
        padding-right: 30px !important;
        
        overflow: hidden;
        
        clear: both;
        
        float: right;
        
        position: relative;
        z-index: 1001;
        background: #fff;
    }
    
    #indexAdditionalContainer a {
        display: block; 
        float: left;
        padding: 2px;
        padding-left: 4px;
        padding-right: 4px;
        
        height: 22px;
        line-height: 20px;
        background: #f1f1f1;
        
        border-bottom: none;
        border-radius: 2px 2px 0px 0px;
        -moz-border-radius: 2px 2px 0px 0px;
        
        margin: 0;
        
        min-width: 16px;
        color: #666;
        line-height: 18px;
        
        
        font-weight: bold;
        text-decoration: none;
        font-size: 8pt;
        
        height: 16px;
        margin-right: 5px;
        text-align: center;
        float: right;
        clear: none;
        position: absolute;
        top: 5px;
    }
    
    #indexAdditionalContainer a:hover {
        height: 22px;
        color: black;
        top: 2px;
    }
    
    
    /*************************/
    /* TOC (set, book, part) */
    /*************************/
    
    .toc dl {
        margin: 0px;
        font-size: 14px !important;
    }
    
    .toc dl dt {
        margin: 0px;
        font-weight: normal !important;
        padding: 5px;
    }
    
    .toc dl dt .book,
    .toc dl dt .part,
    .toc dl dt .article {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 10px;
    }
    
    
    /********************************/
    /* NAVIGATION TABLE (TUTORIALS) */
    /********************************/
    
    table.navtable, table.navigation {
        border-collapse:separate;
        margin: 0 !important;
        margin-top: 20px !important;
        padding: 2px 10px;
        background: #f1f1f1;
        border-color: #f1f1f1;
        border-radius: 0 0 2px 2px;
        -moz-border-radius: 0 0 2px 2px;
        width: 100%;
    }
    
    table.navtable tr, table.navigation tr {
        background: none !important;
    }
    
    table.navtable tr td, table.navigationtr td {
        width: 33% !important;
        padding: 3px;
        border: none;
        background: none;
    }
    
    table.navtable tr td a, table.navigation tr td a {
        text-decoration: none;

    }
      
    
    /******************/
    /* WHAT'S NEW BOX */
    /******************/
    
    div#whatsnew {
        position: fixed;
        right: -300px;
        z-index: 0;
        width: 50px;
        height: 335px;
        z-index: 10;
    }
    
    div#whatsnewShowbutton {
        margin-top: 75px;
        margin-bottom: 75px;
        width: 50px;
        height: 185px;
        float: left;
    }
    
    div#whatsnewShowbutton a div {
        width: 50px;
        height: 185px;
        background: url('../graphics/common/whatsnew.png') left center no-repeat;
    }
    
    div#whatsnewHidebutton {
        width: 100%;
        height: 16px;
        text-align: right;
        padding: 5px;
        padding-bottom: 0px;
    }

    div#whatsnewHidebutton a {
        display: block;
        width: 16px;
        height: 16px;
        display: block;
        position: absolute; right: 5px;
        background: url('/docs/whatsnew/imgs/whatsnew-close.png') right center no-repeat;
        width: 16px;
        height: 16px;
        margin-top: 10px;
        margin-right: 5px;
    }
    
    div#whatsnewBox {
        background: #e9e9e8;
        opacity: 1.0;
        border: solid 1px #cccccc;
        border-right: none;
        margin-left: 0px;
        height: 100%;
        width: 100%;
        display: none;
        position: absolute;
        z-index: 10020;
    }
    
    div#whatsnewContent {
        overflow-x: hidden;
        overflow-y: auto;
        width: 100%;
        margin-top: 30px;
    }
        
    
    /****************/
    /* NoScript box */
    /****************/
    
    #noscript {
        position: absolute;
        left: 0px;
        top: 93px;
        width: 250px;
        height: 36px;
        z-index: 10000;
        padding: 10px;
        padding-left: 25px;
        color: #b63500;
        border: solid 1px #c0c0c0;
        border-left: none;
        text-align: center;
        font-weight: bold;
        background: #f0f0f0 url('../graphics/common/ico-note-caution.png') 5px center no-repeat;    
    }
            
    
    /**********/
    /* FOOTER */
    /**********/
    
    #siteInfo {
        font-size: 8pt;
        color: #fff;    
        margin: 0px;
        white-space: nowrap;
        position: fixed;
        bottom: 0px;
        width: 100%;
        background: #000;
        z-index: 10001;
        overflow: hidden;
        border-top: solid 1px white;
        border-right: solid 1px white;
    }
    #siteInfo div {
        padding: 5px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px;
        height: 11px;
    }
    
    #siteInfo a {
        color: #fff;
    }

    /**************/
    /* WHAT'S NEW */
    /**************/

    div.whatsnewInstance {
	border: solid 1px #999;
	border-radius: 2px;
	-moz-border-radius: 2px;
	background: #fff;
	font-size: 14px;
	width: 100%;
	opacity: 1.0 !important;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
    }
	
    div.whatsnewInstance div {
	padding: 20px;
    }
	
    div.whatsnewInstance a {
	color: #2C7FBD;
    }
	
	
    div.whatsnewInstance h1.title {
	font-size: 2em;
        color: #000;
	overflow: hidden;
	padding-left: 20px;
    }
		
    div.whatsnewInstance h3 {
	color: #2C7FBD;
	border-bottom: solid 3px #e2e2e2;
	padding-left: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
    }
	
    div.whatsnewInstance table {
	font-size: 12px !important;
	padding-left: 20px;
    }
	
    div.whatsnewInstance table tr {
	padding: 0px;
	padding-bottom: 20px;
    }
	
    div.whatsnewInstance table tr td {
	font-size: 13px !important;
	line-height: 18px;
	color: #666;
	padding: 5px;
	margin: 0px;
	vertical-align: top;
    }
	
    div.whatsnewInstance b {
	color: #000;
    }
	
    div.whatsnewInstance table tr td img {
	margin: 5px;
	display: block;
	margin-bottom: 10px;
    }
	
    div.number {
	background: #ccc;
	padding: 0px !important;
	padding-right: 5px !important;
	width: 75px;
	height: 80px !important;
	border-radius: 40px;
	-moz-border-radius: 40px;
	font-size: 85px !important;
	line-height: 100px !important;
	color: #fff !important;
	font-weight: bold;
	font-family: Consolas, 'Lucida Console', 'Lucida Grande', 'DejaVu Sans Mono', 'Segoe UI', monospace;
	text-align: right;
	margin-top: 15px;
    }

    div.twodigits {
	font-size: 70px !important;
	letter-spacing: -6px;
    }

}