@import url(reset.css);

/* Global */

body { font: 12px/1.2 Tahoma, sans-serif; }
ul { list-style: disc outside; padding: 10px 0 25px 50px; color: #656565; font-size:14px; }
ul ul { list-style: circle outside; padding: 0 0 0 20px; }
a:link, a:visited { color: #2086f3; outline: none; text-decoration: none; }
a:hover, a:active { color: #ee8800; outline: none; text-decoration: underline; }
strong { font-weight: bold; }

/* Local */

.main { list-style: disc outside; color: #656565; font-size:14px; }
.grouptitle { margin: 8px 0 2px 0; font-weight: bold; }
.level1 { border-bottom: 1px solid #ffb891; }
.level1 .navigation { background: #2086f3; height: 20px; padding: 1px 0 2px 0; }
.level1 .navigation a { color: #ffffff; }
.level1 .language { color: #ffb891; float: right; margin: 2px 8px 0 0; }
.level1 .title { position: relative; top: -1px; margin: 0 0 12px 0; padding: 12px; color: #2086f3; border-top: 1px solid #2086f3; font-size: 28px; }
.level1 .indent { margin: 0 0 12px 16px; }
.level1 .toc { margin: 16px 0 0 16px; }
.level1 .logo { margin: 15px 0 15px 35px; }
.level1  ul { max-width: 1024px; }
.level1  li { width: 240px; margin: 2px 0 2px 0; padding: 0 0 0 4px; border-left: 4px solid #ee8800; display: inline-block; }

.level2 { padding: 15px 0 16px 0; border-bottom: 1px solid #eaeaea; margin-left: 20px; }
.level2 .title { margin: 24px 0 6px 30px; font-size: 16px; }
.level2 .indent { margin: 0 0 0 32px; }
.level2 .logo { margin: 0 0 0 20px; float: left; }
.level2 .subtitle { margin: -3px 0 0 30px; color:#8c8c8c; font-size: 12px; padding: 5px; }

.extra { margin: 0 0 0 8px; font-size: 10pt; }
.private { color: #ff0000; }
.extends { color: #888888; }

.static { color: #888888; font-style: italic; }
.see { margin: 0 8px 0 0; font-weight: bold; }

.code { margin: 0 32px 8px 0; padding: 8px; border: 1px solid #cccccc; font: 12pt/1.2 Consolas, monospace; }
.symbol { width: 14px; height: 14px; border-radius: 4px; font-size: 10px; text-align: center; display: inline-block; }
.symbol-opt { background: #eeee00; }
.symbol-req { background: #ff8888; }
.symbol-ret { background: #00ff88; }

.param { min-width: 120px; padding: 0 8px 0 2px; color: #888888; display: inline-block; }
.paramname { font-weight: bold; }
.defaultlabel { font-weight: bold; }
.defaultvalue { font-style: italic; }

.totop { margin: 0 10px 0 0; float: right; }
.footer { padding: 30px; text-align: center; font: 11px  Arial, sans-serif; }

ul.withlogo { padding-left: 350px; }

@media only screen and (max-device-width: 600px) {
  .level1 .logo { width: 90%; margin: 15px 5% 15px 5%; }
  .level2 .logo { margin: 0; display: block; float: none; }
  ul.withlogo { padding-left: 20px; }
}