/*Main layout*/
body {
    background: none repeat scroll 0 0 #EEEEEE;
    color: #333333;
    font-family: Verdana, "Trebuchet MS", Tahoma, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 67%;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'CA Sans Web', Verdana, Geneva, 'DejaVu Sans', sans-serif;
}

a {
    color: #006daf;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.anchor {
    display: block;
    position: relative;
    top: -113px;
    visibility: hidden;
    height: 0;
}

.indent {
    padding-left: 15px;
}

.italicize {
    font-style: italic;
}

.code {
    overflow-x: auto;
    max-height: 700px;
}

.code pre {
    padding: 0;
    margin: 0;
}

table.properties-table {
    border: solid #666666 1px;
    border-radius: 5px;
}
table.properties-table > tbody > tr > th {
    text-align: left;
    border-bottom: solid #aaaaaa 2px;
    padding: 5px 3px 3px 3px;
}

table.properties-table > tbody > tr > td {
    border-bottom: solid #aaaaaa 1px;
    padding: 5px 3px 3px 3px;
}

table.properties-table > tbody > tr:first-child > td {
    padding-top: 3px;
}

table.properties-table > tbody > tr:last-child > td {
    border-bottom: none;
}

/* This selects the first td in the table */
table.properties-table > tbody > tr > td:first-child {
    font-weight: bold;
    white-space: nowrap;
    vertical-align: top;
}

table.properties-table > tbody > tr > td, table.properties-table > tbody > tr > th {
    border-right: solid #aaaaaa 1px;
}

table.properties-table > tbody > tr > td:last-child, table.properties-table > tbody > tr > th:last-child {
    border-right: none;
}

table.api-example {
    width: 871px;
    table-layout: fixed;
    border: solid #666666 1px;
    border-radius: 5px;
    background-color: #EEEEEE;
}

table.api-example caption {
    text-align: left;
    font-style: italic;
}

table.api-example > tbody > tr > td {
    border-bottom: solid #aaaaaa 1px;
    padding: 5px 3px 3px 3px;
}

table.api-example > tbody > tr > td:first-child {
    vertical-align: top;
}

table.api-example > tbody > tr > td:not([colspan]) {
    background-color: #f8f8f8;
}

table.api-example > tbody > tr > td[colspan] {
    border-bottom: solid #666666 2px;
    font-weight: bold;
}

table.api-example > tbody > tr:not(:nth-child(2)) > td[colspan] {
    padding-top: 5px;
}

table.api-example > tbody > tr:last-child > td {
    border-bottom: none;
}

table.api-example > tbody > tr:last-child > td:first-child {
    border-bottom-left-radius: 5px;
}

table.api-example > tbody > tr:last-child > td:last-child {
    border-bottom-right-radius: 5px;
}

table.api-example > tbody > tr > td:first-child:not([colspan]) {
    white-space: nowrap;
    border-right: solid #aaaaaa 1px;
}

table.api-example > tbody > tr:first-child {
    visibility: hidden;
}

table.api-example > tbody > tr:first-child td {
    padding: 1px 0 0 0;
}

table.api-example > tbody > tr:first-child > td:first-child {
    width: 150px;
}

#top-container {
    width: 100%;
    background: none repeat scroll 0 0 #F8F8F8;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    padding: 113px 0 4em;
}

#top-container #header-container {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.06);
    font-size: 14px;
    height: 83px;
    left: 0;
    padding: 15px 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2500;
}

/* header */
.header .logo {
    background-size: 100% auto;
    height: 78px;
    float: left;
    background: url("logo-lg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    left: 20px;
    position: absolute;
    text-indent: -3000px;
    top: 0;
    width: 94px;
}

/* body */
.header h1 {
    color: #14AA13;
    font-size: 2.2em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 38px;
    margin: 0;
    padding: 20px 0 0 200px;
}

.container {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
    width: 1165px;
    margin: 0 auto;
}

#content-container {
    font-size: 1.2em;
    margin: 30px auto 0;
    overflow: auto;
    position: static;
    z-index: 2;
}

#content-container #content {
    overflow: auto;
    padding-right: 294px;
}

#content-body {
    margin: 0 -294px 0 auto;
    min-height: 100px;
    float: right;
    width: 100%;
}

/* menu */
#content-menu {
    min-height: 100px;
    width: 280px;
    float: left;
    position: fixed;
    top: 150px;
    bottom: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

#content-menu .menu-wrapper {
    background: none repeat scroll 0 0 #E0E0E0;
    border-radius: 5px;
    height: 100%;
}

#content-menu .menu-wrapper .menu {
    padding: 1em 0;
}

#content-menu .menu-wrapper ul {
    margin-top: 0;
    padding: 0;
}

#content-menu .menu-wrapper ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#content-menu .menu-wrapper ul li a {
    color: #3C3C3C;
    margin-left: 4px;
    padding: 2px 4px;
    text-decoration: none;
    font-size: 90%;
}

#content-menu .menu-wrapper ul li a:hover {
    color: #00B0CA;
}

/* body */
#content-body h1 {
    color: #14AA13;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 38px;
    margin: 0;
}

#content-body {
    font-size: 1.2em;
}

/* The print style. Remove the menu and header. */
@media print {
    #top-container {
        padding: 0;
    }

    #content-menu, #header-container {
        display: none;
    }

    #content-container {
        margin: 0;
        width: 100%;
    }

    #content-container #content {
        padding-right: 0;
    }

    #content {
        padding: 0;
    }

    #content-body {
        margin: 0;
        float: none;
    }
}