/** Add css rules here for your application. */

.header {
	width: 100%;
	height: 72px;
	background: #333;
	color: #FFF;
}

.header-left-panel {
	padding-top: 8px;
	padding-left: 8px;
	width: 175px;
	height: 100%;
	color: #FFF;
}

.header-menu-button {
	margin: 6px 6px 4px 0px;
	font-size: 10pt;
	background: #333;
	border-bottom: solid 1px #c0c0c0;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #fff;
	cursor: hand;
	cursor: pointer;
}
.header-menu-button:active {
	color: #c0c0c0;
}
.header-menu-button:hover {
	color: #c0c0c0;
}
.header-menu-button[disabled] {
	cursor: default;
	color: #888;
}
.header-menu-button[disabled]:hover {
	 
}

.header-right-panel {
	float: right;
	width: 156px;
	height: 60px;
	color: #FFF;
	background: url(/data/art/bg-player.png) no-repeat;
}

.header-user-button {
	margin: 6px 3px 6px 3px;
	font-size: 10pt;
	background: transparent;
	border-bottom: solid 1px #c0c0c0;
	border-top: none;
	border-left: none;
	border-right: none;
	color: #fff;
	cursor: hand;
	cursor: pointer;
}
.header-user-button:active {
	color: #c0c0c0;
}
.header-user-button:hover {
	color: #c0c0c0;
}
.header-user-button[disabled] {
	cursor: default;
	color: #888;
}
.header-user-button[disabled]:hover {
	
}

.header-menu-bar {
  	cursor: hand;
	width: 152px;
	text-align: center;
}
.header-menu-bar td {
	font-size: 10pt;
	font-weight: bold;
}
.header-menu-item {
  	cursor: hand;
}
.header-menu-item td {
	background: #6cd931;
	font-size: 10pt;
	font-weight: bold;
}
.header-menu-bar-horizontal {
	background: #6cd931;
	border: 1px solid #000;
}