#cpanel{
	position: absolute;
	top: -1000px;
	left: 0!important;
	width:165px;
	background:#fff;
	border-top: 0;
}

#cpanel-wrapper{
	position:fixed;
	top:0;
	left:10px!important;
	z-index: 1000;
	font-size: 12px;
}

a#cpanel-toggle{
	display:block;						 
	position:absolute;
	left:10px;
	top:0; 
	overflow:hidden; 
	color:#fff;
	text-align:center;
	font-weight:bold;
	width:146px; 
	height:28px;
	text-transform:uppercase;
	font-size:12px;
	padding-top:5px;
}

#cpanel-toggle.open{

}

#wrapper1{
	padding:40px 0 15px 0;
}

#cpanel .wrapper2{
	padding:0 10px 5px 10px;
	}

p.title{
	text-transform:uppercase;
	font-size:11px;
	color:#eee;
	margin:10px 0!important;
	background:#666;
	padding:5px 10px;
}
	
p.panel-desc{
	padding-left:5px;
	font-size:11px;
	color:#656262;
	margin:10px 0 5px 0!important;
}

#cpanel ul li{
	padding-left:5px;
}

ul.links li{display:block;margin-right:5px;}
ul.links li a{display:block; font-size:11px; text-transform:capitalize; color:#656262;!important;}
ul.links li a:hover,
ul.links li a:active,
ul.links li a:focus{
	text-decoration:none;
	color:#333!important;
}

ul.colors li{display:block; float:left; margin:0 5px 5px 0; border:1px solid #333; }
ul.colors li a{display:block; width:24px; height:18px; text-indent:-999em; }

.blue{background:#04b1f1;}
.pink{background:#e4075d;}
.orange{background:#ff7400;}
.yellow{background:#f2b804;}
.green{background:#64b900;}
.red{background:#c40808;}
.purple{background:#871498;}
.grey{background:#666;}

.blue:hover{background:#03a6e2;}
.yellow:hover{background:#e1ab04;}
.green:hover{background:#5ca902;}
.red:hover{background:#b10606;}
.pink:hover{background:#c70651;}
.purple:hover{background:#730d82;}
.grey:hover{background:#444;}