@import "jscrollpane.mod.css";
 
#naviGatorWrapper {
	overflow-y:hidden;
}
	
/*Top level container - set the width, height and border here*/
.containerobj {
  border: 1px solid #E4E4E4;
  height:120px;
  overflow-x:auto;
  overflow-y:hidden;
  width: 245px;
  white-space:nowrap;
}
/*Div containing an individual level of the menu hierarchy*/
.containerobj div {
  height:100%;
  overflow-y:scroll;
  overflow-x:hidden;
  float:left;
  min-width:150px;
}
/*Link*/
.containerobj a {
  display:block;
  clear:both;
  padding-left:8px;
  white-space:normal;
}
.scroll-pane a:hover {
  display:block;
  clear:both;
  padding-left:8px;	
}

.containerobj a canvas{
  padding-left:1em;
}
/*A bottom-level element (the furthest down in the hierarchy) is displayed as a 
link, but could be overriden*/
.containerobj .feature {
  min-width:200px;
}
.containerobj .feature a {
  white-space:normal;
}
/*If you want to display links as folders vs. files, you can apply styles to the
.hasChildMenu class*/
.containerobj .hasChildMenu {
}
.containerobj .active {
  background-color:#3671cf;
  color:#fff;
}
/*You can override the color of the triangles here*/
.containerobj .hasChildMenu .widget{
  color:#808080;
  float:right;
  text-decoration:none;
  font-size:0.7em;
  padding-right:5px;
}
#naviGatorInnerWrapper {
	width:740px;
  overflow: auto;
  white-space: nowrap;	
}