/* Customized version.
 *
 * Some attributes are ugly, but we set them to show that it'sa poosible ;-)
 */

.ui-dynatree-container
{
	font-family: tahoma, arial, helvetica;

	font-family: monospace;
	color: magenta;
	font-style: italic;

	line-height: 0;

	white-space: nowrap;

	padding: 3px;
	border:1px #000 dotted;
	background-color: #f9f9f9;
}

.ui-dynatree-container a,
.ui-dynatree-container a:visited
{
	text-decoration: none;
	color: black;
	outline: 0; /* @ Firefox, prevent dotted border after click */
}

.ui-dynatree-container a:hover
{
	text-decoration: underline;
}
.ui-dynatree-container a:focus
{
	text-decoration: none;
	border: dashed 1px blue;
}
.ui-dynatree-container a:active
{
	text-decoration: none;
	background-color: Gray;
}
.ui-dynatree-container img
{
	border-width: 0;
	width: 16px;
	height: 16px;
}
.tnLevelN
{
}
.ui-dynatree-folder
{
	font-weight: bold;
	color: graytext;
	vertical-align: middle;
/*	background-color:#DDDDDD;
	padding: 0;
	margin: 0;
	border-width: 0;*/
}