body{

}
div,p,li{font-size:12px}
li{margin-left:16px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{
	position: relative;
	float: none;
	display: inline;

}
.buttons div{
	color:#0080FF;
	cursor:default;
	font:10px Verdana;
	background-image: url(lightpurpcircle.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	height: 30px;
	position: fixed;
}
.buttons div.active, .buttons div:hover{
	color:#fff;
	background-image: url(purpcircle.jpg);
	background-repeat: no-repeat;
	height: 30px;
}#hover {
	background-color: #0FF;
	position: absolute;
	top: 250px;
}
#circles {
	position: relative;
	height: 27px;
	float: left;
	display: inline;
	width: 25px;

}
#triangle {
	position: relative;
	height: 30px;
	width: 25px;
	float: left;
	display: inline-block;
}
#handles8_more {
	height: 27px;
	width: 125;
	display: inline-block;
	float: left;
	margin-left: 32px;
}
.buttons div:hover {
	color:#fff;
	background-image: url(greycircle.jpg);
	background-repeat: no-repeat;
	height: 30px;
}
#copyhandles8 {
	height: 30px;
	display: inline;
	float: right;
}
#stop8 {
	position: relative;
	height: 30px;
	float: left;
	display: inline;
	width: 25;
}
#play8 {
	position: relative;
	height: 30px;
	float: left;
	display: inline;
	width: 25;
}