html {
    height: 100%;
}

body {
    font: 14px Verdana, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    background-color: #96D4E3;
    background-image: -webkit-linear-gradient(#96D4E3, #E5F3F6 300px);
    background-image: linear-gradient(#96D4E3, #E5F3F6 300px);
    background-attachment: fixed;
    counter-reset: example 0;
}

h2, h3 {
    clear: both;
}

a {
    color: #444;
}

a:visited {
    color: #444;
}

a:active {
    color: #444;
}

h3 > a {
    text-decoration: none;
}

header {
    display: block;
    margin: 10pt;
    font-weight: bold;
}

body > header {
    /*
    background-color: ghostwhite;
    background-image: -webkit-linear-gradient(#CDEAF0, #E5F3F6);
    background-image: linear-gradient(#CDEAF0, #E5F3F6);
    */
    color: #0B6078;
    margin: 0;
    padding: 10pt;
}

body > header > h1 {
    margin: 0;
}

article {
    margin: 10pt;
}

article.tutorial {
    counter-reset: chapter 0 subchapter 0;
}

article.tutorial h2 {
    counter-reset: subchapter 0;
}

article.tutorial h2::before {
    counter-increment: chapter;
    content: counter(chapter) ". ";
}

article.tutorial h3::before {
    counter-increment: subchapter;
    content: counter(chapter) "." counter(subchapter) ". ";
}

article.tutorial h5 {
    margin: 8px 0;
}

.class-description {
    font-style: italic;
    font-family: Verdana, sans-serif;
    font-size: 130%;
    line-height: 140%;
    margin-bottom: 1em;
    margin-top: 1em;
}

#main {
    width: 78%;
    margin: 0;
    padding: 0;
    float: right;
    border: 1pt solid #96D4E3;
    border-right: none;
    background-color: white;
}

div.app-title {
    float: left;
    margin-left: -5pt;
    color: #0b6078;
}

div.app-title h1 {
    font-size: 2.2em;
    font-weight: normal;
    float: left;
    margin-top: 0;
}

div.app-title p {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

img.app-logo {
    float: left;
}

h1.page-title {
    margin-top: 0.3em;
    float: right;
    padding-right: 1em;
}

section {
    display: block;
    background-color: #fff;
    padding: 12px 24px;
    border-bottom: 1px solid #ccc;
    margin-right: 240px;
}

.variation {
    display: none;
}

.optional::before,
.optional::after,
.repeatable::after {
    color: #aaa;
}

.optional::before {
    content: "[";
}

.optional:after {
    content: "]";
}

.repeatable:after {
    content: "...";
}

nav {
    display: block;
    width: 20%;
    padding-left: 0.5em;
    padding-top: 0.5em;
    float: left;
    color: black;
}

nav ul {
    font-family: Verdana, sans-serif;
    font-size: 100%;
    line-height: 17px;
    padding:0;
    margin:0;
    list-style-type:none;
}

nav h2 a, nav h2 a:visited {
    color: #0B6078;
    text-decoration: none;
}

nav h3 {
    margin-top: 12px;
}

nav ul {
    margin-left: 6px;
}

nav li {
    margin-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

nav a,
nav a:visited,
nav a:active,
nav h2,
nav h3, 
nav h4, 
footer {
    color: black;
}

footer {
    display: block;
    padding: 6px;
    padding-top: 12px;
    font-style: italic;
    font-size: 90%;
}

footer a,
footer a:visited,
footer a:active {
    color: gray;
}

h1 {
    font-size: 200%;
    font-weight: bold;
    margin: 6px 0 9px 0;
}

h2 {
    font-size: 200%;
    font-weight: normal;
    margin: 6px 0 3px 0;
}

h3 {
    font-size: 150%;
    font-weight: normal;
    margin: 30px 0 3px 0;
}

article > * > dt,
h4 {
    font-size: 125%;
    margin-top: 16px;
    margin: 18px 0 3px 0;
    color: #0B6078;
    clear: both;
}

article > * > dd {
    margin-bottom: 40px;
}

dd:empty {
    display: none;
}

h4 {
    font-weight: normal;
}

h5, .container-overview .subsection-title,
dl.property h5 {
    font-size: 100%;
    font-weight: bold;
    margin: 8px 0 3px -16px;
}

h6 {
    font-size: 100%;
    margin: 6px 0 3px 0;
    font-style: italic;
    font-weight: normal;
}

h3 + dl {
    margin-left: 1em;
}

.ancestors { color: #999; }
.ancestors a {
    color: #999 !important;
    text-decoration: none;
}

.important {
	border-left: solid red;
	padding-left: 8pt;
}

.yes-def {
    text-indent: -1000px;
}

.type-signature {
    color: #aaa;
}

.name, .signature {
    font-family: Consolas, "Lucida Console", Monaco, monospace;
}

.details { margin-top: 14px; border-left: 2px solid #DDD; }
.details dt { width:120px; float:left; padding-left: 10px;  padding-top: 6px; }
.details dd { margin-left: 50px; }
.details ul { margin: 0; }
.details ul { list-style-type: none; }
.details li { margin-left: 40px; padding-top: 6px; }
.details .object-value { padding-top: 0; }

.summary {
    margin-left: -16px;
    font-style: italic;
}

.description {
    margin-bottom: 1em;
    margin-left: -16px;
    margin-top: 1em;
}

.code-caption {
    font-style: italic;
    font-family: Verdana, sans-serif;
    font-size: 107%;
    margin: 0;
}

pre code {
    border: 1px solid #ddd;
    width: 80%;
    overflow: auto;
    font-family: Consolas, 'Lucida Console', Monaco, Courier, monospace;
    font-size: 100%;
    line-height: 18px;
    display: block;
    padding: 4px 12px;
    margin: 0;
    background-color: #fff;
    color: #000;
    border-left: 3px #ddd solid;
}

.params, .props {
    border-spacing: 0;
    border: 0;
    border-collapse: collapse;
}

article.tutorial table.params tr td:first-child,
.params .name, .props .name, .name code {
    color: #0B6078;
    font-family: Consolas, 'Lucida Console', Monaco, Courier, monospace;
    font-size: 100%;
}

article.tutorial table.params tr td:nth-child(2),
.params td, .params th, .props td, .props th {
    border: 1px solid #ddd;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    padding: 4px 6px;
    display: table-cell;
}

.params thead tr, .props thead tr,
article.css-properties th {
    background-color: #ddd;
    font-weight: bold;
}

.params .params thead tr, .props .props thead tr {
    background-color: #fff;
    font-weight: bold;
}

.cssPropertyTable {
	border-collapse: collapse;
	border: solid #ddd thin;
}

.cssPropertyTable tr td{
	border-bottom: solid #ddd thin;
}

.cssPropertyTable tr td:first-child {
    xwidth: 1%;
    padding-right: 8pt;
    white-space: nowrap;
	font-style:italic;
}

.cssPropertyTable tr:first-child td {
    background-color: #ddd;
	border: solid thin #ddd;
	font-weight: bold;
}
/*
.params th, .props th { border-right: 1px solid #aaa; }
*/

.params thead .last, .props thead .last { border-right: 1px solid #ddd; }

article.tutorial table.params tr td:nth-child(3) {
    font-family: Consolas, 'Lucida Console', Monaco, monospace;
    font-size: 100%;
}

.disabled {
    color: #454545;
}

div.code {
    margin: 3mm 0mm 3mm 5mm;
    padding: 0.2cm;
    page-break-before: avoid;
    page-break-inside: avoid;
    border: 0.3mm dashed #43617D;
}

div.code > p {
    white-space: pre;
    margin: 0;
    font-family: monospace;
    font-weight: bold;
    color: #43617D;
    font-size: 1em;
}

nav .subnav,
nav .hideSubnav {
    display: none;
}

nav .showSubnav,
nav .hideSubnav {
    padding-left: 0.5em;
    cursor: pointer;
}

nav div.subnav {
    padding-left: 8px;
    margin-bottom: 16px;
    border-left: 1pt dotted black;
}

.description .note,
.description .important {
    border: 0.3mm solid #43617D;
    border-left: 1mm solid #43617D;
    width: 80%;
    overflow: auto;
    padding: 2mm;
    margin: 0;
    background-color: #EDF1F8;
    color: #000;
    font-weight: normal;
    page-break-inside: avoid;
    page-break-before: avoid;
}

.description .note::before,
.description .important::before {
    border-bottom: 1px solid #43617D;
    color: #43617D;
    font-weight: bold;
    padding: 2px;
}

.description .important::before {
    content: "Important:";
}

.description .note::before {
    content: "Note:";
}

h1.exampletitle::before,
h2.exampletitle::before,
h3.exampletitle::before,
h4.exampletitle::before,
h5.exampletitle::before {
    content: "Example " counter(example) ": ";
    counter-increment: example;
}

h1.example::before,
h2.example::before,
h3.example::before,
h4.example::before,
h5.example::before {
    content: "Example " counter(example);
    counter-increment: example;
}

dl.values dt {
    font-weight: bold;
}

dl.values dd {
    margin-bottom: 0.5em;
}

.deprecated .description::before {
    content: "Deprecated! ";
    font-weight: bold;
}
article.css-properties th {
    text-align: right;
}

ul.jsonTree {
    border: 1px dotted;
}

ul.jsonTree, ul.jsonTree ul {
    list-style-type: disc;
    padding-left: 20px;
    border-left: 1px dotted;
}

ul.jsonTree ul,
ul.jsonTree ul ul ul,
ul.jsonTree ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul ul ul ul ul ul ul {
    background: #B7E2E9;
}

ul.jsonTree,
ul.jsonTree ul ul,
ul.jsonTree ul ul ul ul, 
ul.jsonTree ul ul ul ul ul ul, 
ul.jsonTree ul ul ul ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul ul ul ul ul ul,
ul.jsonTree ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
    background: #E5F3F6;
}

.floatingImage {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em;
}

.em1 {
    color: green;
}

.em2 {
    color: purple;
}

.attrib {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    margin-left: 1em;
    padding: 2px 5px;
    background-color: #0B6078;
    color: white;
    border-radius: 3px;
    text-transform: uppercase;
}

.returnValue::before {
    content: " : ";
}

.argument {
    font-style: italic;
}

.rest-api dd dt {
    font-style: italic;
}

.rest-api h2::before,
.rest-api h3::before {
    content: none !important;
}

.rest-api h4,
.rest-api h5 {
    margin-left: -16px !important;
}