.bodychartlegend {
	width: 300px;	
	overflow: hidden;
}

.roCanvasColorPicker
{
    text-decoration:none;
    display:block;
    width:280px;
    height:25px;
    margin-left:3px;
	padding-left: 10px;
	text-align: left;
	border-radius: 3px;
	text-decoration: none;
	padding-top: 3px;
}

.activeColorPicker, .roCanvasColorPicker:hover {
	background: #004C68;
	color: #fff;
	text-decoration: none;
}

.roCanvasThickness {
	display: block;
	float: left;
	width: 36px;
	height: 36px;	
		
}

.roCanvasThickness img {
	margin-left: 2px;
	margin-top: 3px;	
}

.activeThicknessPicker, .roCanvasThickness:hover {
	border: 2px solid #004C68;
	width: 32px;
	height: 32px;
	background: #fff;
}

.roCanvasShape {
	display: block;
	float: left;
	width: 42px;
	height: 42px;	
}

.roCanvasShape img {
	margin-left: 5px;
	margin-top: 5px;	
}

.activeCanvasShape, .roCanvasShape:hover {
	border: 2px solid #004C68;
	width: 38px;
	height: 38px;
	background: #fff;
}