#clusterDiv h1 {
	background: #e7eaef url(../images/bg.corner.left.top.FFF.png) no-repeat left top;
	color: #343c48;
	border-bottom: 1px solid #000;
	margin: 20px -10px;
    padding: .5em;
}

#clusterDiv h2 {
	background: #e7eaef url(../images/bg.corner.left.top.FFF.png) no-repeat left top;
	color: #343c48;
	border-bottom: 1px solid #000;
	margin: 20px -10px;
    padding: .5em;
}

#clusterDiv {
    background: #fff;
    margin-left: 2em;
}

/* The class to use for the More... node. (The default class for tree node labels
   is .ygtvlabel */
#clusterDiv .moreLabel {
    color:#4e5661;
    font-weight:bold;
    text-decoration:none;
}

#clusterDiv .moreLabel:link, #clusterDiv .moreLabel:visited, #clusterDiv .moreLabel:active, #clusterDiv .moreLabel:hover {
    color:#4e5661;
}

#clusterDiv .selectedCluster {
    color:#cc1e2a;
    font-weight:bold;
}

#clusterDiv .selectedCluster:link, #clusterDiv .selectedCluster:visited, #clusterDiv .selectedCluster:active, #clusterDiv .selectedCluster:hover {
    color:#bb5785;
}

#clusterDiv .selectedCluster:link, #clusterDiv .selectedCluster:visited, #clusterDiv .selectedCluster:active,
#clusterDiv .moreLabel:link, #clusterDiv .moreLabel:visited, #clusterDiv .moreLabel:active,
#clusterDiv .ygtvlabel:link, #clusterDiv .ygtvlabel:visited, #clusterDiv .ygtvlabel:active {
    text-decoration:none;
    cursor:pointer;
}

#clusterDiv .selectedCluster:hover, #clusterDiv .moreLabel:hover, #clusterDiv .ygtvlabel:hover {
    cursor:pointer;
}

#clusterDiv .ygtvitem {
    margin:3px 0 3px 0;
}

/* first or middle sibling, no children */
#clusterDiv .ygtvtn {
	background: transparent url(../images/cluster-icons.png) -40px 0 no-repeat;
}

/* first or middle sibling, collapsable */
#clusterDiv .ygtvtm {
	background: transparent url(../images/cluster-icons.png) 0 0px no-repeat;
}

/* first or middle sibling, collapsable, hover */
#clusterDiv .ygtvtmh {
	background: transparent url(../images/cluster-icons.png) 0 0px no-repeat;
}

/* first or middle sibling, expandable */
#clusterDiv .ygtvtp {
	background: transparent url(../images/cluster-icons.png) -20px 0 no-repeat;
}

/* first or middle sibling, expandable, hover */
#clusterDiv .ygtvtph {
	background: transparent url(../images/cluster-icons.png) -20px 0 no-repeat;
}

/* last sibling, no children */
#clusterDiv .ygtvln {
	background: transparent url(../images/cluster-icons.png) -40px 0 no-repeat;
}

/* Last sibling, collapsable */
#clusterDiv .ygtvlm {
	background: transparent url(../images/cluster-icons.png) 0 0px no-repeat;
}

/* Last sibling, collapsable, hover */
#clusterDiv .ygtvlmh {
	background: transparent url(../images/cluster-icons.png) 0 0px no-repeat;
}

/* Last sibling, expandable */
#clusterDiv .ygtvlp {
	background: transparent url(../images/cluster-icons.png) -20px 0 no-repeat;
}

/* Last sibling, expandable, hover */
#clusterDiv .ygtvlph {
	background: transparent url(../images/cluster-icons.png) -20px 0 no-repeat;
}

/* the style for the empty cells that are used for rendering the depth
 * of the node */
#clusterDiv .ygtvdepthcell {
	width:16px; height:22px;
	background: none 0 0 no-repeat;
}

@media print {
    #clusterDiv {
        display:none;
    }
}