/* Basic code - don't modify */
 
.JTreeEpsilon { display: block; margin: 0; padding: 0; position: relative; }
.JTreeEpsilon li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
.JTreeEpsilon a { display: block; }
.JTreeEpsilon ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html .JTreeEpsilon ul { line-height: 0; } /* IE6 "fix" */
.JTreeEpsilon ul a { zoom: 1; } /* IE6/7 fix */
.JTreeEpsilon ul li { float: none; }
.JTreeEpsilon ul ul { top: 0; }
.JTreeEpsilon ul.more-col { left: 100%  ; color:Red }
    
/* Essentials - configure this */

.JTreeEpsilon ul { width: 100%; }
.JTreeEpsilon ul ul { top: 5px; left: 100%; }



/* Everything else is theming */
 
.JTreeEpsilon 
{ 
    height: 26px; 
    background-color: #f7f7f7;
}
.JTreeEpsilon *:hover { background-color: none; }

.JTreeEpsilon a 
{ 
    display : block;
    color: #c6bfb8; 
    font-weight: bold;
    font-size: 1.1em; 
    padding: 6px 65px;
}

.JTreeEpsilon ul a
{    
    font-weight: normal;
    font-size: 1em; 
    padding: 6px; 
}

.JTreeEpsilon li.hover a { background-color: #c6bfb8; }

.JTreeEpsilon ul 
{
    /*display: inline;*/
    border-bottom: 1px solid #c6bfb8; 
}

.JTreeEpsilon ul li
{
    /*display: inline;*/
	border: none;
    border-top: 1px solid #c6bfb8; 
	border-left: 1px solid #c6bfb8; 
    background-color: #f7f7f7; 
    list-style-image:none;
    list-style-type:none;
}

.JTreeEpsilon li a
{
	color:#888;
}
.JTreeEpsilon li ul a
{

}
.JTreeEpsilon li ul a:hover
{
    background-color: #f7f7f7;
}

.JTreeEpsilon li.hover,
.JTreeEpsilon li.hover a
{
	color:#444;
    background-color: #f7f7f7; 
}

.JTreeEpsilon ul.double{
    width: 200%;
    overflow:hidden;
}
.JTreeEpsilon ul.double li {
    float:left;
    display:inline;
    width:49%;
    padding-left: 0;
    padding-right: 0;
}