/*******************************************************************************
 * 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");
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-image: url("http://datacat.cbrdi.ca/digitalbasin/dynatree/src/skin-custom/tundra_folderclosed.gif");
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-image: url("http://datacat.cbrdi.ca/digitalbasin/dynatree/src/skin-custom/tundra_folderopened.gif");
}

span.dynatree-checkbox
{
	margin-left: 3px;
	background-image: url('http://datacat.cbrdi.ca/digitalbasin/dynatree/src/skin-custom/spritecheckbox.gif'); /* checkbox sprite image */
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0;
	/* unchecked */
	background-position: -16px;
}
span.dynatree-checkbox:hover
{
	background-position: -112px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -128px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: 0px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -96px;
}
/*******************************************************************************
 * Node titles
 */

span.dynatree-has-children a
{
	font: 14px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	color: #666 !important;
	font-style: oblique !important; 
}

span.dynatree-selected a
{
	color: #666;
/*	font-style: italic;
*/}

span.dynatree-active a,
span.dynatree-active a:hover
{
	/*border: 1px solid maroon;*/
	background-color: #fff !important; /* was reddish */
	color: #666 !important;
}
span.dynatree-node a
{
	font: 10px/12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666 !important;
}

/*******************************************************************************
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: #ffffbb;
	color: maroon;
}
span.custom1 span.dynatree-icon
{
    background-position: 0 0;
	background-image: url("http://datacat.cbrdi.ca/digitalbasin/dynatree/src/skin-custom/customdoc2.gif");
}

span.custom2 a
{
	font-weight: bold;
	background-color: silver;
	color: navy;
}
span.custom2 span.dynatree-icon
{
    background-position: 0 0;
	background-image: url("http://datacat.cbrdi.ca/digitalbasin/dynatree/src/skin-custom/folder_page.gif");
}