/*******************************************************************************
 * Sample for a Dynatree custom stylesheet.
 * This is expected to be included after the standard ui.dynatree.css, thus
 * overridung the defaults. 
 */
.dynatree-has-children span.dynatree-icon
{
	/*
	 * 
    background-position: 0 0;
	background-image: url("doc_with_children.gif");
	 */
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	/*
	 * 
	background-image: url("folder_docs.gif");
	 */
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	/*
	 * 
	background-image: url("folder_images.gif");
	background-position: -48px -48px;
	 */
	background-position: -64px -16px;
}


/*******************************************************************************
 * Node titles
 */
ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	/*
	 *  After twisted out
	 * 
	 * 
	background-color: #000055;
	 */
	background-color: #EEEEEE;
}

span.dynatree-has-children a
{
	color: #33aaff;  /*  blue */
	color: #008000;  /* green */
	color: #555555; /* grey */
	font-style: oblique;
}

span.dynatree-selected a
{
	color: #33aaff;  /*  blue */
	color: #E0E0E0;  /* almost white */
	font-style: italic;
}


span.dynatree-active a,
span.dynatree-active a:hover
{
	border: 1px solid #000000;  /* dark blue */
	background-color: #33aaff !important; /* blue */
	background-color: #AAAAAA !important; /* light grey */
	color: white !important; /* @ IE6 */
}
ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	border-color: #0055bb; /* darker light blue */
	background-color: #33aaff; /* light blue */
	background-color: #BBBBBB; /* light grey */
}
	/*
	 */