* {
margin:0;
padding:0;
}
html, body {
background:#FFFFFF none repeat scroll 0 0;
height:auto !important;
min-height:100%;
text-align:center;
}





.lineDivide {
border-bottom:1px dotted #333333;
clear:both;
height:1px;
line-height:1px;
margin-bottom:20px;
}
.lineDivideSolid {
border-bottom:2px solid #CCCCCC;
clear:both;
height:1px;
line-height:1px;
margin-bottom:20px;
}
#pageContent {
height:100%;
margin:0 auto;
width:500px;
}
#tag {
background-color:#464548;
color:#F4F4F4;
font-size:1.1em;
padding:3px 0 5px;
}
#description {
background-color:#F4F4F4;
color:#6E6E6E;
font-size:2.2em;
font-weight:normal;
margin:1px 0;
padding:15px;
}
.roundbox {
background:#6E6E6E none repeat scroll 0 0;
clear:both;
color:#FFFFFF;
margin-bottom:20px;
text-align:left;
width:100%;
}
.roundbox h3 {
border-bottom:1px dotted #E8E8E8;
clear:both;
font-size:1.55em;
margin-bottom:10px;
padding:15px 15px 10px;
}
.roundbox p {
font-size:1.5em;
padding:0 15px 15px 16px;
}
.roundbox ul, .anchor ul {
font-size:1.5em;
padding:0 15px 15px 16px;
}
.roundbox ul li, .anchor ul li {
list-style-image:none;
list-style-position:inside;
list-style-type:circle;
padding:2px 0;
}
p.changeDate {
font-size:1.1em;
font-weight:bold;
padding:0 15px 0 16px;
}
#donate p, #qa p, #support p {
font-size:1.5em;
padding:0 15px 15px 16px;
text-align:left;
}
.anchors {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 10px;
}
.anchors li {
float:left;
margin:0 2px 0 0;
}
.anchors a {
background:#CE1400 none repeat scroll 0 0;
border-top:2px solid #FFFFFF;
display:block;
font-size:1.55em;
padding:1px 9px 2px;
text-decoration:none;
}
div.greyTabs .anchors a {
background:#868686 none repeat scroll 0 0;
}
.anchors .on a {
border-bottom:2px solid #970F00;
border-top:2px solid #970F00;
font-weight:bold;
}
div.greyTabs .anchors .on a {
border-bottom:2px solid #6E6E6E;
border-top:2px solid #6E6E6E;
}
.anchors .on a, .anchors .on a:hover, .anchor, .anchors a:focus, .anchors a:active {
background:#970F00 none repeat scroll 0 0;
border-top:2px solid #970F00;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
overflow:hidden;
}
div.greyTabs .anchors .on a, div.greyTabs .anchors .on a:hover, div.greyTabs .anchor, div.greyTabs .anchors a:focus, div.greyTabs .anchors a:active {
background:#6E6E6E none repeat scroll 0 0;
border-top:2px solid #6E6E6E;
}
.anchors a:hover {
background:#FF3E28 none repeat scroll 0 0;
border-top:2px solid #FF3E28;
}
div.greyTabs .anchors a:hover {
background:#4E4E4E none repeat scroll 0 0;
border-top:2px solid #4E4E4E;
}
.anchors .on a:link, .anchors .on a:visited {
cursor:text;
}
.anchors a:hover, .anchors a:focus, .anchors a:active {
cursor:pointer;
}
.anchor {
clear:both;
color:#FFFFFF;
display:none;
margin-bottom:20px;
text-align:left;
width:100%;
}
.anchor p {
color:#FFFFFF;
font-size:1.5em;
padding:5px 15px 15px;
text-align:left;
}
#navigation {
border-top:2px solid #CCCCCC;
clear:both;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:center;
}
#navigation li {
display:inline;
font-size:1.6em;
line-height:30px;
list-style-type:none;
padding:7px 20px 7px 15px;
}
* html #navigation li {
padding:3px 13px 7px 15px;
}
#navigation li.divide {
border-right:2px solid #CCCCCC;
}
#navigation li a {
margin-top:5px;
}
#qa dl dd {
font-size:1.5em;
margin-bottom:5px;
margin-top:10px;
text-align:left;
}
#qa dl {
border-bottom:1px dotted #CCCCCC;
margin:0 15px;
padding-bottom:10px;
}
pre.tabscode {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
height:300px;
margin:15px;
overflow:auto;
padding:1em;
text-align:left;
}
* html pre.tabscode {
width:90%;
}
code {
color:#333333;
font-size:1.4em;
line-height:1.4;
}
pre.normal {
background-color:#CCCCCC;
margin:0 15px 15px;
overflow:auto;
padding:1em;
}
* html pre.normal {
width:90%;
}
pre.exampleCode {
background-color:#CE1400;
margin:5px 15px 10px;
overflow:auto;
padding:0.5em;
}
pre.exampleCode code {
color:#FFFFFF;
font-size:1em;
}
.javascript .comment {
color:green;
}
.javascript .string {
color:red;
}
.javascript .keywords {
color:navy;
font-weight:bold;
}
.javascript .global {
color:#009900;
}
.javascript .brackets {
color:navy;
font-weight:bold;
}
.css .comment {
color:gray;
}
.css .properties {
color:navy;
}
.css .selectors {
color:maroon;
}
.css .units {
color:red;
}
.css .urls {
color:green;
}
.html .tag {
color:purple;
font-weight:bold;
}
.html .comment {
color:gray;
font-style:italic;
}
.html .string {
color:navy;
}
.html .doctype {
color:teal;
}
.toggleBtn {
background-color:#FFFFFF;
color:#F4C20A;
display:block;
float:right;
font-weight:normal;
height:11px;
line-height:13px;
margin-top:13px;
text-align:right;
width:11px;
}
h2 a.toggleBtn:link, h2 a.toggleBtn:visited, h2 a.toggleBtn:active {
color:#F4C20A;
}
h2 a.toggleBtn:hover {
color:#CE1400;
}
* html .toggleBtn {
height:1px;
line-height:11px;
}
.BTT a {
font-size:1.1em;
}
#overview a.BTT:link, #overview a.BTT:visited, #overview a.BTT:active, #examples a.BTT:link, #examples a.BTT:visited, #examples a.BTT:active {
color:#4A8EBC;
}
#overview a.BTT:hover, #examples a.BTT:hover {
color:#316080;
}
#credits {
font-size:1.1em;
margin:50px 0 500px;
}
#credits p {
padding:0 15px 15px;
}
.hfivepadding {
margin-top:5px;
}
.answer {
color:#CE1400;
}
#examples img {
border:2px solid #FFFFFF;
}
.callout {
border-bottom:2px dotted #F4C20A;
color:#FFFFFF;
}