body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea{font-family:Verdana,Helvetica,Arial,sans-serif;font-size:11px;line-height:14px;letter-spacing:+0.2px;}
body{color:#fff;background-color:#111111;}
h1,h2,h3,h4,h5,h6{font-family:Verdana,Helvetica,Arial,sans-serif;margin:0;padding:9px 0;color:#fff;}
h1{font-weight:normal;font-size:1.5em;}
h2{font-weight:normal;font-size:1.4em;}
h3{font-weight:normal;font-size:1.3em; background-color:#2d2d2d;}
h4{font-weight:normal;font-size:1.2em;background-color:#2d2d2d;}
h5{font-weight:normal;font-size:1.1em;}
h6{font-weight:bold;font-size:1.0em;}
p{margin:0 0 18px 0;}
p.last{margin-bottom:0;}
p img{float:left;margin:18px 18px 18px 0;padding:0;}
p img.top{margin-top:0;}
ul,ol{margin:1px 0 1px 1px;list-style-type:disc;}
ul.nav { margin: 0; padding: 0; list-style: none; }
ul.nav li { margin: 0; padding: 0 2px 0 0; display: inline; }
dt{ font-weight: bold;}
dd{ padding: 0; margin: 0 0 10px 0;}
li{line-height:18px;}
ol{list-style-type:decimal;}
a{color:#ccc;text-decoration:underline;outline:none;}
a:visited{color:#ccc;}
a:hover{color:#fff;}
blockquote{margin:18px 0 18px 23px;font-size:0.9em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{margin-bottom:18px;line-height:18px;background:#eee;padding:8px;border:1px solid #ddd;}
code{font:0.9em Monaco,monospace;}
hr{border:none 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;height:2px;}
hr.clear{float:none;clear:both;visibility:hidden;height:1px;outline:0;padding:0;margin:0;}
table{margin:0;}
td.center{text-align:center;}
td.right{text-align:right;}
.small,.small p{font-size:10px;}
.large,.large p{font-size:14px;}
.quiet,.quiet p{color:#666;}
.hide{display:none;}
.invisible{visibility:hidden;}
.left{float:left;}
.right{float:right;}
.cleft{clear:left;}
.cright{clear:right;}
.cboth{clear:both;}
.cnone{clear:none;}
/* ------- Custom Styles ------- */
ul#breadcrumbs{
  margin-bottom: 4px;
}
#footer {
  margin-top: 28px;
}
#footer ul {
  margin: 0; padding: 0;
  list-style: none;
}
#footer ul li {
  margin: 0; padding: 0 6px 0 0;
  display: inline;
  color: #666;
}
#footer ul li a {
  margin-right: 6px;
  color: #666;
  text-decoration: none;
  text-transform: capitalize;
}
#footer ul li a:hover {
  color: #494949;
  text-decoration: none;
}
div.section{ width: 720px;}
div.section-title{;}
div.section-intro{padding-left:10px;padding-right:10px;}
ol.toc{background-color: #191919; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-top:10px; padding-bottom:10px; list-style-type:none;}
ol.toc li{background-color: #191919;list-style-type:none;}
div.topic{clear: both; margin-top:30px; background-color: #191919; border-bottom: 1px solid #333;}
div.topic.large{width:900px;}
div.topic p{ /*padding-left: 10px; */}
h2.section-title{background-color:#eee;color:#000;margin-bottom:10px;padding-left:10px;}
h3.topic-title{clear: both; padding-left:10px; margin-bottom: 10px;}
h4.topic-subtitle{clear: both; padding-left:10px; padding-top:2px; padding-bottom:2px; margin-top:10px; margin-bottom:10px;}
div.topic-content{clear: both; padding: 0 10px 0 10px;}
div.topic-content p{clear: both;}
div.topic-instructions{
  clear: both;
/*  border: 1px solid green;*/
}
div.step{
  clear: both;
  padding-top: 10px;
  border-top: 1px solid #333;
  width: 700px;
}
div.step img {
  vertical-align: middle;
}
div.step-position{
  float: left;
  width: 90px;
  margin-right: 10px;
/*  border: 1px solid red;*/
}
div.step-diagram{
  float: left;
  width: 310px;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 10px;
/*  border: 1px solid green;*/
}
div.step-text{
  float: left;
  font-size: 1.0em;
  width: 280px;
}