/* Body
================================================================== */
	html, body  {
	    margin: 0;
	    width: 100%;
	    font-size: 12px;
	    font-family: arial,sans-serif;
	    cursor: default !important;
	    -webkit-user-select: none;
		height: 100%;
	}

	html { overflow-y: auto; }
	header { -webkit-user-select:none; }
	
/* Menu
================================================================== */
	[class^="m_icon-"],[class*=" m_icon-"] {
		background-image: url("../img/menu/menu-icons.png");
	}

	#playlist .menu-item:not(.deactive-item):hover {
		color: #2C3033;
		cursor: pointer;
		
		-webkit-box-shadow: 0 2px 1px #2C3033;
			-moz-box-shadow: 0 2px 1px #2C3033;
				box-shadow: 0 2px 1px #2C3033;
	}

	.bg {
		font-weight: bold;
		font-size: 11px;
		border: 1px solid #2C3033;
		background-color: #E5AD69;
		border-color: #2C3033 #2C3033 #2C3033 #2C3033;
		
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#2C3033,EndColorStr=#2C3033);
		background-image: -moz-linear-gradient(top,#2C3033 0,#2C3033 100%);
		background-image: -ms-linear-gradient(top,#2C3033 0,#2C3033 100%);
		background-image: -o-linear-gradient(top,#2C3033 0,#2C3033 100%);
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#2C3033),color-stop(100%,#2C3033));
		background-image: -webkit-linear-gradient(top,#2C3033 0,#2C3033 100%);
		background-image: linear-gradient(to bottom,#2C3033 0,#2C3033 100%);
		
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.45), rgba(153, 153, 153, 0.8) 0px 2px 3px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.45), rgba(153, 153, 153, 0.8) 0px 2px 3px;
		box-shadow: inset 0 1px 0 rgba(255,255,255,.45), rgba(153, 153, 153, 0.8) 0px 2px 3px;
	}

/* Canvas
================================================================== */

	.showLayer { 
		border: 2px dashed #2C3033 !important;
	}

	

/* Layerlist
================================================================== */
	#layeroverview .selectedLayer,
	#layeroverview .showListItem,
	#layeroverview li:hover {
		border-left-color: #2C3033;
		background-color: #FFF1E4;
	}
	
	#layeroverview li:hover .layer_title,
	#layeroverview .selectedLayer .layer_title,
	#layeroverview .showListItem .layer_title {
		color: #2C3033;
	}

/* Layerstyle
================================================================== */
	/* Border Styles */
	#borderStyles button.active {
		border-color: #2C3033;
	}


	/* Border Radius */
	#radiusPreview button.active {
		font-weight: 700;
		color: #2C3033;
	}

/* Input Slider
================================================================== */
	input[type="range"]::-webkit-slider-thumb {
		background-color: #E5AD69;
		background-image: -moz-linear-gradient(top, #2C3033, #2C3033);
		background-image: -ms-linear-gradient(top, #2C3033, #2C3033);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2C3033), to(#2C3033));
		background-image: -webkit-linear-gradient(top, #2C3033, #2C3033);
		background-image: -o-linear-gradient(top, #2C3033, #2C3033);
		background-image: linear-gradient(top, #2C3033, #2C3033);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2C3033', endColorstr='#2C3033', GradientType=0);
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
		line-height: normal;
		border: 1px solid #CCC;
		border-color: #2C3033 #2C3033 #2C3033 #2C3033;
	}
	
	#navigation li a { 
		color: #fff;
	}