body, div { font-family: 'lucida grande', helvetica, verdana, arial, sans-serif }
img.logo { float: right; border:none; margin: 10px 10px 0 0 }
pre { margin-top: 2px }
form { padding: 15px; background-color: #ffe; border: 1px solid #ddd }
td { vertical-align: top; }
code.method { font-size: 150%; display: block; margin-top: 20px }
code.inline { background-color: #ffc }
p { margin: 10px 0 }
ul { padding-left: 10px; }
ul li { margin-left: 15px; }
h2 { padding: 10px; color: #800; margin: 0; padding-left:0; font-size: large; background-color: #fff }

#main { padding: 0 }
#main h1 { padding: 15px 10px 15px 0 }
dl { margin-top: 0 }
dt { color: #a00; font-weight: bold }
#api dt, #debugging dt { font-size: 120%; margin: 5px 0 }
dd { margin: 0 0 20px 0; color: #555 }
dl.options { margin: 10px 25px }

h1, h2 .anchors a, .sampleAnchors a { font-family: 'trebuchet ms', verdana, arial }

.anchors { background-color: #eee; border-bottom: 1px solid #ccc; zoom:1 }
.anchors, .sampleAnchors { list-style: none; margin: 0; padding: 0 0 1px; }
.anchors:after, .sampleAnchors:after { display: block; clear: both; content: " "; }
.anchors li { float: left; margin: 0 1px 0 0; }
.anchors a, .sampleAnchors a {
    display: block; position: relative; top: 1px; border: 1px solid #ccc;
    border-bottom: 0; z-index: 2; padding: 2px 9px 1px; color: #444; text-decoration: none;
}
.anchors .on a { padding-bottom: 2px; font-weight: bold; }
.anchors a:focus, .anchors a:active, .sampleAnchors a:focus, .sampleAnchors a:active { outline: none; }
.anchors .on a, .anchors a:hover, .anchors a:focus, .anchors a:active { background: #fff; }
.anchors .on a:link, .anchors .on a:visited {  cursor: text; }
.anchors a:hover, .anchors a:focus, .anchors a:active { cursor: pointer; }
.on { display: block; }
.anchors a h2 { padding:0; margin:2px }
.tabs-selected a { background-color: #fff; color: #000; font-weight: bold; border-bottom: 1px solid #fff; margin-bottom: -1px; overflow: visible }

.tabContent { padding: 10px 25px; clear: left; background-color: #fff; margin: 0 0 30px 0; zoom:1}
.sampleTabContent { padding: 10px 25px; clear: left; background-color: #fff; margin: 0 0 50px 0; border: 1px solid #ddd; zoom:1}
.tabs-hide { display: none; background-color: #fff }

.sampleAnchors a { display: block; }
.sampleAnchors li { float: left; margin: 0 1px 0 0; }
.sample-tab-selected a { background-color: #fff; color: #000; font-weight: bold; border-bottom: 1px solid #fff; margin-bottom: -1px; overflow: visible}


#footer { padding-top: 20px; margin-top: 30px; border-top: 1px solid #ddd; color: #888 }

#example2 thead, #example2 tfoot { background-color: #ff8 }
#example2 td { padding: 10px 15px }

.special { color: red; font-size: 150%; }
#example4 pre { background-color: #ffa; border: none; padding:0; margin:0 }
#debugging ul pre { border:none; background-color: #fff; margin-left: 20px }
#sample6 table, #sample7 table { background-color: #ffc; }
#example8 table td { padding: 2px 5px }

#debugging ul ul { margin-bottom: 10px }

div.note {
    margin: 5px 30px;
    padding: 10px 10px 0 10px;
    background-color: #ffc;
    border: 1px solid #ddd;
    font-style: italic;
}