/*--General-----------------------------------------------------------------------------------------*/

* {
    font-family: Helvetica,Arial,sans-serif;
}

html, body {
    margin:0;
    padding:0;
    line-height: 1.5em;
}

a {
    outline: 0;
}

/*--Page Structure----------------------------------------------------------------------------------*/

#ocdoc_mainContainer{
    padding-top: 140px;
    min-height:100%;
}

#ocdoc_topSection{
    position:absolute;
    font-size: 13px;
    top:0;
    left:0;
    padding:0;
    z-index:1000;
    box-sizing: border-box;
    width:100%;
}

#ocdoc_contentWrapper{
    float: left;
    width: 100%;
}

#ocdoc_contentColumn{
    margin-left: 0;
    padding: 20px;
}

#ocdoc_tocColumn{
    float: left;
    width: 329px;
    margin-left: -100%;
    padding:30px 20px 20px 20px;
}

#ocdoc_divider{
    display: none;
    position: absolute;
    left:320px;
    top:0;
    z-index:500;
    width: 9px;
    height: 100%;
    background-color:white;
    cursor: col-resize;
}

#ocdoc_divider_line{
    background-color:#BDB2BF;
    height:100%;
    margin-left:4px;
    width:1px;
}

/*--Header------------------------------------------------------------------------------------------*/

#ocdoc_header{
    display:block;
    background-image:url("../images/metaswitch-logo.png");
    background-repeat:no-repeat;
    background-position: 38px 31px;
    width:100%;
    height:100px;
    background-color: #00274B;
}

/*--Button A (stripy type)-------------------------------------------------------------------------*/

a.ocdoc_buttonA{
    font-family: sans-serif;
    display:inline-block;
    line-height:40px;
    height:40px;
    color: white;
    padding: 0 30px;
    background-color: transparent;
    text-decoration: none;
    border-right: 1px solid #404040;
    border-left: 1px solid #8c8c8c;
    margin-left: -4px;
}

a.ocdoc_buttonA:first-child {
    border-left: none;
    margin-left: 0;
}

@-moz-document url-prefix() {
    a.ocdoc_buttonA{
        line-height:40px;
    }
}

a.ocdoc_buttonA:hover{
    background-color: #808080;
}

/*--Button B (blue type)---------------------------------------------------------------------------*/

a.ocdoc_buttonB{
    background-color: #E5F7FA;
    border: 1px solid #5FC7EE;
    border-radius: 3px;
    display: inline-block;
    line-height:22px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
}

a.ocdoc_buttonB:hover{
    background-color: #CEDEE1;
}

/*--Button C (next / previous type)----------------------------------------------------------------*/

a.ocdoc_buttonC{
    background-color: #E5F7FA;
    border: 1px solid #5FC7EE;
    border-radius: 3px;
    margin-right: 6px;
    font-size: 12px;
    line-height:22px;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
}

a.ocdoc_buttonC:hover{
    background-color: #CEDEE1;
}

/*--Next / Previous--------------------------------------------------------------------------------*/

.ocdoc_npDivider {
    width: 100%;
    border-bottom: 1px solid #ddddd8;
    margin-bottom: 15px;
}

/*--Toolbar-----------------------------------------------------------------------------------------*/

#ocdoc_toolbar{
    height:40px;
    background-color: #666666;
    width:100%;
    overflow:hidden;
}

/*--Main navigation menu---------------------------------------------------------------------------*/

#ocdoc_nav_group{
    white-space:nowrap;
    border-right: 1px solid #8c8c8c;
    display: inline-block;
}

/*--Developer options------------------------------------------------------------------------------*/

#ocdoc_dev_options {
    padding: 0 0 0 8px;
    display: inline-block;
}

/*--Search------------------------------------------------------------------------------------------*/

#ocdoc_search{
    display:none;
    padding: 8px 8px 0 0;
    float: right;
}

input#ocdoc_search__text{
    border: none;
    outline: none;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    padding: 1px 30px 0 10px;
    background-color: none;
    background-repeat: no-repeat;
    background-position: 176px 6px;
    color: #333333;
    width: 200px;
    background-image:url("../icons/search.png");
}

/*--Revision toolbar--------------------------------------------------------------------------------*/

#ocdoc_revision_toolbar{
    height:36px;
    width:100%;
    padding-left:10px;
    overflow:hidden;
    border-bottom:1px solid #BDB2BF;
    background-color:#FFFFCC;
}

span.ocdoc_progress_spinner{
    position:relative;
    top:3px;
    width:16px;
    height:16px;
    background-image:url("../images/spinner.gif");
    background-repeat:no-repeat;
    display: inline-block;
}

span.ocdoc_progress_message{
    color:#505050;
    margin-left:10px;
    line-height:36px;
    height:36px;
}

span.ocdoc_mode_title{
    color:#505050;
    line-height:36px;
    height:36px;
}

span.ocdoc_devModeMessage{
    color:white;
    line-height:36px;
    height:36px;
}

a.ocdoc_devModeLink, a.ocdoc_devModeLink:visited{
    color:white;
    line-height:26px;
}

/*--Validation Issues Message----------------------------------------------------------------------*/

span.ocdoc_issue_count{
    display: none;
    background-color: red;
    padding: 0 15px;
    border-radius: 4px;
    margin-left: 6px;
}

span.ocdoc_issue_count:hover {
    background-color: #cc0000;
}

span.ocdoc_issue_count a:link,
span.ocdoc_issue_count a:visited,
span.ocdoc_issue_count a:hover,
span.ocdoc_issue_count a:active{
    color:white;
    text-decoration:none;
}

/*--View Source-------------------------------------------------------------------------------------*/

div.ocdoc_viewSource{
    width:100%;
    height:100%;
}

pre.ocdoc_viewSource__data{
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace;
    border:none;
    width:100%;
    padding:10px;
    height:100%;
}

/*--Metadata----------------------------------------------------------------------------------------*/

pre.ocdoc_metadata__data{
    padding:10px;
}

/*--Link Helper-------------------------------------------------------------------------------------*/

div#ocdoc_linkHelper{
    display:none;
    position:fixed;
    top:60px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index:10000;
    background-color:#EBF5FF;
    border: 1px solid #989898;
    box-shadow: 10px 10px 5px #888888;
    max-width:1600px;
    width:90%;
    padding: 20px 20px 30px 30px;
}

div#ocdoc_linkHelper > a{
    float:right;
}

div#ocdoc_linkHelper > label{
    margin-top:10px;
    display:block;
}

div#ocdoc_linkHelper > input{
    display:block;
    margin-top:5px;
    width:100%;
    padding:3px 5px;
}

div#ocdoc_linkHelper__background{
    display:none;
    position: fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:9999;
    background-color: black;
    opacity: 0.5;
}

/*--devMode refresh---------------------------------------------------------------------------------*/

/*http://www.softicons.com/web-icons/web-grey-buttons-by-axialis-team*/

div#ocdoc_refresh{
    position:fixed;
    opacity:0;
    bottom:0;
    right:5px;
    width:32px;
    padding-top:20px;
    height:140px;
}

div#ocdoc_refresh:hover{
    opacity:1;
}

div#ocdoc_refresh > button{
    border: 0;
    padding: 0;
    margin: 0;
    height:32px;
    width:32px;
}

button#ocdoc_gotoTop{
    background-image: url("../images/up-arrow.png");
}

button#ocdoc_refreshTree{
    background-image: url("../images/page.png");
}

button#ocdoc_refreshPage{
    background-image: url("../images/doc.png");
}

/*--product-----------------------------------------------------------------------------------------*/

.ocdoc_product{
    margin-bottom:20px;
    line-height:18px;
    color: #00274B;
    margin-left:26px;
}

.ocdoc_product > span{
    display:block;
}

/*--Tree Controls-----------------------------------------------------------------------------------*/

div#ocdoc_toc{
    display: none;
}

/*--Sticky Sidebar----------------------------------------------------------------------------------*/

.ocdoc_sticky {
    position: fixed;
    top: 20px;
}

/*--Handling small screens--------------------------------------------------------------------------*/

html, body {
    min-width: 800px;
}

@media screen and (max-width: 1300px) {
    #ocdoc_search{
        position: absolute;
        top: 32px;
        right: 20px;
    }
    #ocdoc_dev_options {
        position: absolute;
        top: 40px;
        right: 238px;
    }
}