#demo-controls{
    background: none repeat scroll 0 0 #fff;
    color: #333;
    font-size: 9pt;
    opacity: 0.05;
    position: fixed;
    right: 18px;
    top: 18px;
    width: 260px;
    z-index: 100;
}
#demo-controls:hover{
	opacity: 0.9;

	box-shadow:        0 0 6px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:   0 0 6px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:0 0 6px rgba(0, 0, 0, 0.7);
}
#demo-controls .demo-header{
	background:none repeat scroll 0 0 #333333;
}
#demo-controls h2{
    color: #6CC3E0;
    font-size: 12pt;
    margin: 0;
    padding: 6px 9px;
}
#demo-controls h3{
    font-size: 9pt;
    margin: 0 0 10px;
}
	#demo-controls-content h3.last{
		margin-left:10px;
	}
#demo-controls ul{
    list-style: none outside none;
    margin: 0 0 1.5em;
    padding: 0;
}
#demo-controls li{
    position:relative;
}
#demo-controls li input{
    left:0;
	position:absolute;
	top:2px;
}
#demo-controls li label{
    display:block;
	padding:0 0 0 20px;
}

#demo-controls .swap-labels{
    position: absolute;
    text-align: right;
    top: 0;
    width: 100%;
}
#demo-controls .swap-labels a:visited{
	color:blue;
}
#demo-controls .swap-labels a:hover{
	text-decoration:none;
}
#demo-controls .swap-labels i{
	color:#6CC3E0;
	display:block;
	height:23px;
	padding: 9px 9px 0 0;
}
#demo-controls #applied-classes{
    background:#666;
	color: lightgreen;
    display: block;
    padding: 10px;
}

#demo-controls .hr{
    border-top: 1px solid #E0E0E0;
    margin: 10px 0;
}

#demo-controls .block{
    margin: 10px;
}


















