.treeView {
	margin:0;
	width:450px;
	display:inline-block;
}
.treeView ul {
	margin: 5px 0 5px 0;
}
#content .treeView ul ul 
{
    margin: 0 0 0 -16px;
}
#content .treeView ul li 
{
    position: relative;
	line-height: 18px;
	list-style: none none outside;
	margin-bottom: 0;
    padding: 2px 0 2px 16px;
	min-width: 220px;
}
#content .treeView ul.root > li
{
    padding-top: 2px;
    padding-bottom: 2px;
}
#content .treeView ul.root > li.expanded
{
    padding-bottom: 0px;
}
#content .treeView ul li.expanded li
{
    border-width: 0;
}
#content .treeView ul li li
{
    width: auto;
    padding-left: 48px;
}
#content .selectLeafNodesOnly.treeView ul li li {
    padding-left: 52px;
}
#content .treeView ul li.leaf
{
    padding-left: 16px;
    padding-right: 5px;
    margin-left: 0;
}
#content .selectLeafNodesOnly.treeView ul.root > li.leaf {
    padding-left: 0;
}
#content .selectLeafNodesOnly.treeView ul.root > li.hasChildren {
    padding-left: 20px;
}
#content .treeView ul li li.leaf
{
    padding-left: 32px;
}
#content .treeView ul li ul {
    display: none;
}
#content .treeView ul li.expanded ul, #content .treeView ul li.expanded a {
    background-color: #F2F2F2;
}
#content .treeView ul li.expanded > ul {
    display: block;
    clear: both;
}
.treeView ul li i
{
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 5px;
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-backface-visibility: hidden;
}
.treeView ul li li i
{
    left: 32px;
}
.treeView ul li.leaf i
{
    display: none;
}
.treeView ul li.expanded div
{
    border-width: 1px 0 0 0;
    border-color: #999999;
    border-style: solid;
    margin: 10px 0 0 -16px;
}
.treeView ul li li div
{
    display: none;
}
.treeView ul li.hasChildren.collapsed i {
    background-image: url("Images/treeview_expand.gif");
}
.treeView ul li.expanded i {
    background-image: url("Images/treeview_collapse.gif");
}
.treeView ul li.expanded li
{
    background: url("Images/dashed.gif") no-repeat 23px 0;
}
.treeView ul li.expanded li:last-child
{
    background: url("Images/dashed-last.gif") no-repeat 23px -200px;
}
.treeView span {
    background: transparent;
    border:0;
    cursor:pointer;
    text-align:left;
    display: block;
    margin-right: 3em;
}
.treeView ul.root > li > sup 
{
    padding-top: 8px;
}
.treeView li sup
{
    position: absolute;
    right: 0;
    margin-right: 0.5em;
    top: 4px;
    color: #009900;
    font-style: normal;
    font-weight: bold;
}
.treeView ul li a
{
    display: none;
}
.treeView.selectLeafNodesOnly ul li.expanded a
{
    margin-left: -16px;
    padding-left: 16px;
    display: block;
    font-size: 11px;
    cursor: pointer;
    background-color: #F2F2F2;
}
.treeView.selectLeafNodesOnly ul li.collapsed a
{
    display: none;
}
.showCheckboxes ul li span, .selectLeafNodesOnly ul.root li.leaf span {
    background:url("Images/checkbox_unselected.gif") no-repeat scroll 3px 3px transparent;
    padding-left:20px;
}

.showCheckboxes ul.root span:hover, .showCheckboxes ul.root .selected span:hover {
    background-color:#c8ced8;
}
.showCheckboxes ul.root li.hasSelectedDescendents > span {
    background: url("Images/checkbox_has_selected_descendent.gif") no-repeat scroll 3px 3px transparent;
}
.showCheckboxes ul.root li.selected > span,
.showCheckboxes ul.root li.mappingHigherScope.selected > span {
    background: url("Images/checkbox_selected.gif") no-repeat scroll 3px 3px transparent;
}
#content .showCheckboxes ul li li.leaf {
    padding-left: 48px;
}
#content .showCheckboxes.selectLeafNodesOnly ul li li.leaf {
    padding-left: 32px;
}

/* Multilingual object editing */
li.mlDisabled div.treeView ul li.hasChildren {
    background: transparent url("Images/treeview_disabled.gif") no-repeat 0 3px;
}
li.mlDisabled div.treeView ul li ul {
    display: none;
}
.mlDisabled .showCheckboxes ul.root > span {
    background-image: url("Images/checkbox_greyedout.gif");
    color:#999;
}
.mlDisabled .showCheckboxes ul.root .selected > span, 
.showCheckboxes ul.root li.notSelectable > span,
.showCheckboxes ul.root li.mappingHigherScope > span {
    background-image: url("Images/checkbox_selected_greyedout.gif");
}
.mlDisabled .showCheckboxes ul.root span:hover, 
.mlDisabled .showCheckboxes ul.root .selected span:hover {
    background-color:transparent;
}
.mlDisabled .showCheckboxes ul.root li.hasSelectedDescendents > span, 
.showCheckboxes ul.root li.hasSelectedDescendents.notSelectable > span, 
.showCheckboxes ul.root li.hasSelectedHigherScopeDescendents > span {
    background-image: url("Images/checkbox_has_selected_descendent_greyedout.gif");
}
li.mlDisabled div.treeView .toggleAllTreeNodes {
    display:none;
}


.showCheckboxes ul.root li.explicit > span { background: url("images/checkbox_selected.gif") no-repeat scroll 3px 3px transparent; }
.showCheckboxes ul.root li.explicitCascade > span { background: url("images/checkbox_indirect_selected.gif") no-repeat scroll 3px 3px transparent; }
.showCheckboxes ul.root li.implicit > span { background: url("images/checkbox_has_selected_descendent.gif") no-repeat scroll 3px 3px transparent; }
.showCheckboxes ul.root li.implicitCascade > span { background: url("images/checkbox_indirect_selected.gif") no-repeat scroll 3px 3px transparent; }
.selectLeafNodesOnly ul.root li span, .selectLeafNodesOnly ul.root li.hasChildren > span
{
    background-image: none;
    padding-left: 0;
}
/*
.showCheckboxes ul.root li.explicitCascade li > span { background: url("images/checkbox_selected.gif") no-repeat scroll 3px 3px transparent; }
*/

.treeView ul.root li span.nodeDescription
{
    background: none;
}

/* Start treeview with dummy root */
#content .treeView ul ul.root > li
{
    padding-top: 2px;
    padding-bottom: 2px;
}

.treeView ul ul.root > li.hasChildren.collapsed > i, 
.treeView ul ul.root > li.expanded > i {
    margin-top: 0px;
}
.treeView ul ul.root > li > sup {
    padding-top: 0;
}
/* End treeview with dummy root */