/* @override http://localhost:3000/stylesheets/cable/menu.css */

.cable_menu_wrapper {
	position: relative;
	height: 360px;
	overflow-x: scroll;
  overflow-y: hidden;
	margin-bottom: 1em;
	width:100%;
}

ul.cable_menu,
ul.cable_menu ul {
  position: absolute;
  left: 0;
  top: 0;
  height: 340px;  
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 2px 0px 2px 2px;
	margin: 0;
	width: 170px;
	background:#fff;	
}
.cable_menu_wrapper li.has-children {
	width: 129px;
	padding: 4px 20px 4px 4px;
}
.cable_menu_wrapper li:hover{
	background-color: #f4f4f4;
	cursor: pointer;
}
.cable_menu_wrapper li {
	width: 145px;
	padding: 4px 4px 4px 4px;
	white-space: nowrap;
	list-style: none;
	display: block;
	overflow: hidden;
	background-color: white;
	-webkit-border-radius: 3px;
	margin-bottom: 3px;
}
.cable_menu_wrapper li span.menu-zoom{
  display:inline-block;
  width:12px;
  height:12px;
  margin-top:2px;
	background: url(/images/cable/search.png) no-repeat right center;
	visibility:hidden;
	padding-right:6px;
}
.cable_menu_wrapper li:hover span.menu-zoom{
  visibility:visible;
}
.cable_menu_wrapper li span.menu-title{
  text-overflow: ellipsis;
  width:110px;
  overflow:hidden;
  display:inline-block;
}

.cable_menu_wrapper li.selected.last,
.cable_menu_wrapper li.selected.last.has-children{
  background-color: #2494fc;
	color: white;
}
.cable_menu_wrapper .selected {
	background: #ccc;
}

.current_selection {
	padding: 1em;	
	-webkit-border-radius: 4px;
	background: #ccc;
	margin-bottom: 1em;
}
.cable_menu_wrapper .ui-state-highlight{
  display:block;
  border: 2px solid #ffd47f;
  background: #ffbf3f;
  height: 10px;
	width: 141px;
}
.cable_menu_wrapper .has-children {
	background: #fff url(/images/cable/children.png) no-repeat right center;
}

.cable_menu_wrapper li.selected.has-children {
	background: #ccc url(/images/cable/children.png) no-repeat right center;
}

#add-menu{
  background-color:#eee;
  background-image:url(/images/cable/add.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding-left:35px;
	width: 114px; 
}
#add-menu:hover{
  background-color:#ddd;
}
::-webkit-scrollbar {
	height: 8px;
	width: 8px;
}

::-webkit-scrollbar-track-piece {
	margin-bottom: 10px;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

::-webkit-scrollbar-thumb:vertical {
	height: 25px;
	background-color: #ccc;
	-webkit-border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(255,255,255,1);
}

::-webkit-scrollbar-thumb:horizontal {
	width: 25px;
	background-color: #ccc;
	-webkit-border-radius: 4px;
}
ul.cable_menu.empty{
  background:url(/images/cable/empty-menu.png);
}
#save-tree{
  margin-bottom:1em;
}