/* CSS to Toolbar */

.toolbar {
	width: 40px;
	height: 100%;
	position: relative;
	float: left;
}

.toolbar .toolbar-group {
	padding: 2px;
	margin: 0px 2px 4px 2px;
	background: #404040;
	border-radius: 3px
}

.toolbar .toolbar-group .toolbar-button {
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	padding: 3px 1px;
}

.toolbar .toolbar-group .toolbar-button:hover {
	background: #777777;
}

.toolbar .toolbar-group .toolbar-button.active {
	background: #606060;
}

.toolbar .toolbar-group .toolbar-button.activeExclusive {
	background: #606060;
}

.toolbar .toolbar-group .toolbar-button.disable {
	opacity: 0.2;
}

.toolbar .toolbar-group .toolbar-button .toolbar-button-icon {
	height: 24px;
}

.toolbar .toolbar-group .toolbar-button .toolbar-button-icon img {
	width: 20px;
	height: 20px;
	opacity: 0.7;
}

.toolbar .toolbar-group .toolbar-button .toolbar-button-label {
	color: #c0c0c0;
	font-size: 8px;
}

.toolbar .toolbar-group .toolbar-button .toolbar-submenu {
	position: absolute;
	left: 36px;
	margin-top: -38px;
	z-index: 2;	
}

.toolbar .toolbar-group .toolbar-button .toolbar-submenu.disable {
	display: none;
}