@charset "utf-8";

/* menuTree.css for softmake page 
version: 1.0   version date: 25 Oct 2005 10:37 */

ul.menuTreeCommands 
{
    margin-top: 30px;
    padding: 0;
}

.menuTreeCommands li.spacer{
   margin-left: 20px;
}

.menuTreeCommands li {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
}

.menuTreeCommands a
{
	font-size: 0.7em;
	color: #000;
	text-decoration: none;
	padding: 2px 5px;
	border: 1px solid #ccc;  
	letter-spacing: 0;
}

.menuTreeCommands a:hover {
    background-color: #e2e0ef;
    text-decoration: none;
}

.menuTree
{
    /* You can allow the font from your main style sheet to be 
        inherited here. */
    clear: both;
	margin: 5px 0 0 0;
	padding: 10px 0px 10px 0;
}

.menuTree, ul.menuTreeCommands
{
    margin-left: 0;
}

.menuTree li {
	background: url(images/menuTree/leaf.gif) no-repeat 5px 0.35em;
	list-style-type: none;
	line-height: 1.5em;
	/* Uncomment the white-space declaration to force text in nodes on one line */
	/* white-space: nowrap; */
}

.menuTree ul li, .menuTree li
{
    padding: 0;
}

/* Menus below the first level */
.menuTree li ul {
	margin-left: 20px;
	padding: 0px;
}

/* Start: For IE 6 */
.menuTree li a
{
	background-color: transparent; 
	font-size: 1em;
	margin-left: 17px;
	padding: 0 3px 0 3px;
	text-decoration: none; 
    /* For IE */
	height: 1.5em;
}


.menuTree li.selected a  {
    font-weight: bold;
}


.menuTree li a:hover  {
    padding: 0 2px 0 2px;
    border: 1px solid #808080;
    background-color: #f5f5f5;
}
.menuTree li a:visited  {
    font-style: italic;
}

.menuTree li.selected a:visited  {
    font-style: normal;
}

/* End: For IE 6

/* Start: Tweaks For Modern Browsers like Firefox */
/* Remarks: these rely on settings for IE 6 above */


.menuTree>li a 
{
    background-color: transparent;
	margin-left: 0;
	padding: 0 3px 0 17px;
}

/* Prevent the outline from appearing in Firefox */
.menuTree>li a:focus
{
    outline: none;
}

.menuTree>li a:hover {
    background-color: transparent; 
    border: 0;
}

.menuTree>li a span 
{
    padding: 0 3px;
}

.menuTree>li a:hover span {
    margin-left: 15px;
    padding: 0 2px;
    border: 1px solid #808080;
    background-color: #f5f5f5;
}
/* End: Tweaks For Modern Browsers like Firefox */



/*  You might like to differentiate the actuator.
    An actuator is the node you click to expand or collapse a sub menu 
.menuTree li a.actuator {
    
}

.menuTree li a.actuator:hover {

} */


.menuTree li.parent 
{
   background: url(images/menuTree/expanded.gif) no-repeat 5px 0.35em;
}

.menuTree.colorGuides li, .menuTree.colorGuides li.parent {
    background-color: #afb0ff;
}

.menuTree.colorGuides li.parent li  {
    background-color: #bfc0ff;
}

.menuTree.colorGuides li.parent li li{
    background-color:  #cfd1ff;
} 

.menuTree.colorGuides li.parent li li li {
    background-color:  #dfe1ff;
} 

.menuTree.colorGuides li.parent li li li li {
    background-color:  #eff0ff;
} 

@media print
{
    .menuTree, .menuTreeCommands
    {
        display: none;
    }
}