.section{overflow:auto}
hr{width:100%;clear:both;height:4px;margin:2.5em 0;background:transparent}
#overview{margin-top:0;margin-bottom:45px;}
#overview+* h2{margin-top:0}
#content .section+hr{background:#33383c}
.section demo {

}
#topborder{position:fixed;top:0;left:0;right:0;height:1em;background-color:#4b5158;margin:0}
#sidebar{position:fixed;top:38px;left:20px;width:230px}
* html #sidebar{top:38px;left:20px;width:230px;position:absolute}
#sidebar p{margin-top:0;font-size:0.9em}
#content{margin:0 15% 5em 280px}
#content p{margin:1em 0}
p.lead{font-size:1em;color:#fff}
p.lead em{color:#1d7ffc;font-style:normal}
a:link{color:#fff}
.section a:link{text-decoration:underline}
.section a:focus{outline:1px dotted invert}
strong{ font-weight:bold}
cite,em{font-style:italic}
acronym{border-bottom:1px dotted #999;cursor:help}
var{font-family:Monaco,"Lucida Console",monospace;border-bottom:1px solid #162636;padding:2px;font-size:12px}
tt{font-family:Monaco,"Lucida Console",monospace;font-size:110%}

h1,h2,h3{font-family:"Century Gothic","Trebuchet MS",sans-serif;line-height:130%;margin:0.8em 0;clear:both}
h1{font-size:2.3em}
h1 em{color:#1ea4fd;font-style:normal}
#sidebar h1{margin-bottom:0}
#sidebar a{color:#fff}
#sidebar h1 a{color:#1d7ffc;font-weight:500;text-shadow:#1d7ffc 2px 2px 2px}
#sidebar h1 a:hover{}
h2{font-size:1.5em;letter-spacing:0.4pt;text-transform:uppercase;color:#fccc69}
h3{
	font-size:1.1em;
	letter-spacing:0.2pt;
	text-transform:uppercase;
	color:#0099CC;
	padding-top: 20px;
}
code{font-size:10px;font-family:Monaco,Verdana,sans-serif;background-color:#191919;color:#fde9bb;padding:0.3em 0.4em}
pre{display:block;margin:1em 0;padding:0.4em 0.7em;border:1px solid #222;background-color:#1b1b1b;overflow:auto}
pre>code{display:block;padding:0;margin:0;background:0;color:silver;padding-left:1.2em}
#nav{list-style:none;margin:2em 2em 2em 0}
#nav a{display:block;height:2.0em;padding:0.3em 0.2em 0.2em 0.8em;padding:0.5em 1em;margin-bottom:1px;color:#eee;background-color:#181818;border:1px solid #1a1a1a}
#nav a:hover{color:#eee;background-color:#222;border:1px solid #2a2a2a}
label{margin-bottom:2px;margin-right:3px;padding-left:0.5em}

/* fancyform styles */
.demo label{
	display:block;
	padding:0.5em;
	padding-left:32px;
	background-position:8px center;
	background-repeat:no-repeat;
	clear:both;
	cursor:pointer;
	border: 1px solid #CCCCCC;
}
.checked{
	background-color:#CCFF00;
	background-image:url(../images/chk_on.png)
}
.unchecked{
	background-color:#FFFFFF;
	background-image:url(../images/chk_off.png)
}
.selected{
	background-color:#222;
	background-image:url(../images/rdo_on.png)
}
.unselected{
	background-color:#1c1c1c;
	background-image:url(../images/rdo_off.png)
}
.leftcol{
	float:left;
	clear:left;
	width:50%
}
.rightcol{
	float:left;
	clear:right;
	width:50%
}
#formboxmargin {
	padding: 10px;
}
.formboxmidashi {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 5px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 15px;
	background-color: #DDE6E8;
}
.formboxtext {
	padding-left: 15px;
	margin-left: 5px;
}