body {
color: #333;
background: #F5F7F1;
font-size: 14px; 
font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
}
h1 {
color: #333;
background: #fff;
font-size: 18px;
margin: 10px 10px 0px 10px;
}
h2 {
color: #333;
background: #EAF2FF;
font-size: 16px;
padding: 7px 5px 7px 5px;
margin: 15px 10px 25px 10px;
border: 1px solid #666;
font-family: Arial, sans-serif;
}
h3 {
color: #C60;
background: #fff;
font-size: 16px;
margin: 30px 0px 5px 10px;
}
h4 {
color: #333;
background: #fff;
font-size: 14px;
margin: 20px 0px 5px 10px;
}
h5 {
color: #444;
background: #fff;
font-size: 11px;
margin: 20px 0px 5px 10px;
}
h6 {
color: #555;
background: #fff;
font-size: 11px;
margin: 18px 0px 8px 10px;
}

p {
color: #333;
background: #fff;
font-size: 11px;
line-height: 150%;
margin: 0px 10px 10px 10px;
}
:link, :visited { 
text-decoration: underline; 
font-size: 11px;
}
:link:focus, :visited:focus { 
color: #000; 
font-size: 11px;
}
:link { 
color: #000; 
font-size: 11px;
}
:visited { 
color: #000; 
font-size: 11px;
}
:link:hover, :visited:hover { 
color: #9C6;
font-size: 11px;
}
:link:active, :visited:active { 
color: #9C6;
font-size: 11px;
}

.docs-container {
color: #333;
background: #fff;
width: 650px;
text-align: left;
padding: 20px 20px 20px 20px;
margin: 10px auto 10px auto;
border: 1px solid #666;
}

.menu  {
margin-left: 5px;
font-size: 12px;
font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
}


.note {
color: #333;
background: #fff;
font-size: 10px;
margin-bottom: 5px;
font-family: Arial, sans-serif;
}

.step {
color: #FFF;
background: #9C6;
font-size: 11px;
font-weight: bold;
padding: 1px 4px 1px 4px;
text-transform: uppercase;
margin-right: 3px;
}

.toc {
color: #333;
background: #fff;
margin: 30px 20px 0px 20px; 
padding-left: 5px;
font-size: 14px; 
font-weight: bold;
list-style: none;
}
.listsub {
color: #999;
background: #fff;
margin-left: 65px;
font-weight: normal;
list-style-type: disc;
}
.listno {
margin-left: 0px;
list-style: none;
}

ul {
padding: 0;
margin-left: 20px;
margin-right: 30px;
}
li {
color: #9C6;
background: #fff;
margin-bottom: 10px;
margin-left: 35px;
font-weight: normal;
list-style-type: disc;
}

.kb li, ol {
color: #333;
background: #fff;
margin-bottom: 10px;
font-weight: normal;
list-style-type: disc;
}


.num li {
color: #333;
background: #fff;
margin-bottom: 10px;
margin-left: 20px;
font-weight: normal;
list-style-type: decimal;
line-height: 150%;
}

dl, dt, li {
font-size: small;
}
dt {
color: #777;
background: #fff;
margin-top: 15px;
margin-left: 15px;
font-weight: bold;
font-size: 11px;
}
dd {
margin: 5px 25px 10px 25px;
font-size: 11px;
line-height: 140%;
}
dl {
margin-bottom: 20px;
}

hr { 
color: #ccc; 
background: #fff;
}

.example {
color: #333;
background: #F5F7F1;
margin: 10px 25px 10px 25px;
border: 1px solid #C3CFDB;
padding: 10px;
font-family: courier, "courier new", sans-serif;
font-size: 11px;
line-height: 125%;
}

.example h5 {
color: #333;
background: #F5F7F1;
line-height: 150%;
font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
margin: 0;
padding: 0;
font-weight: bold;
}

.example p {
color: #333;
background: #F5F7F1;
line-height: 150%;
font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
margin: 0 0 10px 0;
padding: 0;
}

code {
color: #333;
font-size: small;
line-height: 150%;
font-family: courier, "courier new", sans-serif;
font-weight: normal;
}

pre {
color: #888;
background: #fff;
margin: 0px 0px 20px 25px;
font-size: 11px;
font-family: courier, "courier new", sans-serif;
}
pre a:link {
color: #333;
background: #FFF;
font-size: 11px;
font-family: courier, "courier new", sans-serif;
}
pre a:visited {
color: #333;
background: #FFF;
font-size: 11px;
font-family: courier, "courier new", sans-serif;
}
pre a:hover {
color: #333;
background: #FFF;
font-size: 11px;
font-family: courier, "courier new", sans-serif;
}
pre a:active {
color: #333;
background: #FFF;
font-size: 11px;
font-family: courier, "courier new", sans-serif;
}

.tip {
color: #333;
background: #F5F7F1;
padding: 10px;
margin: 15px 25px 15px 25px;
font-size: 11px;
border: 1px solid #C3CFDB;
}
.tip-title {
color: #996;
background: #F5F7F1;
margin-bottom: 5px;
font-size: 12px;
font-weight: bold;
}
.tip p {
color: #333;
background: #F5F7F1;
margin: 0px 0px 5px 0px;
font-size: 11px;
}
.tip pre {
color: #333;
background: #F5F7F1;
margin: 5px 0px 5px 30px;
font-size: 11px;
font-family: courier, "courier new", sans-serif;
}
.tipquote p {
color: #666;
background: #F5F7F1;
font-size: 11px;
margin-left: 20px;
margin-right: 5px;
margin-bottom: 5px;
}

a.top:link {
color: #CC6600;
font-size: 11px;
text-decoration: none; 
}
a.top:visited {
color: #CC6600;
font-size: 11px;
text-decoration: none; 
}
a.top:hover {
color: #9C6;
font-size: 11px;
text-decoration: none; 
}
a.top:active {
color: #CC6600;
font-size: 11px;
text-decoration: none; 
}

a.term:link {
color: #333;
font-size: 11px;
border-bottom: 1px dotted #222;
font-style: normal;
text-decoration: none; 
}
a.term:visited {
color: #333;
font-size: 11px;
border-bottom: 1px dotted #222;
font-style: normal;
text-decoration: none; 
}
a.term:hover {
color: #333;
font-size: 11px;
border-bottom: 1px dotted #222;
font-style: normal;
text-decoration: none; 
}
a.term:active {
color: #333;
font-size: 11px;
border-bottom: 1px dotted #222;
font-style: normal;
text-decoration: none; 
}

.toc a:link {
color: #333;
background: #FFF;
font-size: 11px;
font-size: medium;
text-decoration: none; 
}
.toc a:visited {
color: #333;
background: #FFF;
font-size: 11px;
font-size: medium;
text-decoration: none; 
}
.toc a:hover {
color: #333;
background: #FFF;
font-size: 11px;
font-size: medium;
text-decoration: none; 
}
.toc a:active {
color: #333;
background: #FFF;
font-size: 11px;
font-size: medium;
text-decoration: none; 
}

.content {
float: left;
width: 410px;
padding-top: 5px;
}
.content h1 {
color: #333;
background: #fff;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
margin-top: 25px;
}
.content p {
}

.side {
float: right;
}
.side p {
padding: 0px;
}
.footer {
text-align: right;
}
#nav { 
margin: 0px;
}
#nav h2 {
font-family: "Trebuchet MS", Trebuchet, verdana, arial, sans-serif; 
font-size: 11px;
font-weight: bold;
text-decoration: none; 
color: #fff;
background: #A0BDEB;
margin: 0;
border: 0;
padding: 5px 0px 4px 5px;
width: 225px; 
}
#nav ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#nav li {
margin: 0;
list-style-type: none;
}
#nav a {
width: 215px; 
display: block;
padding: 5px 8px 5px 8px;
color: #336699;
background: #fff;
font-size: 11px;
text-decoration: underline;
}
#nav a:link, #nav a:visited {
color: #336699;
background: #fff;
font-size: 11px;
text-decoration: underline;
}
#nav a:hover {
color: #336699;
background: #EAF2FF;
text-decoration: underline;
}

.navx { 
width: 231px;
border: 1px solid #A0BDEB;
}

.navx p { 
padding: 5px 8px 0px 8px;
margin: 0;
}

.textbox {
margin-left: 10px;
}