ul.userTree{ 
    padding:3px 0; 
    margin:0; 
}


/** Toolbar **/
.userTreeToolbar{
	border-bottom : 1px solid #DDDDDD;
	border-top : 1px solid #DDDDDD;
	padding-top : 2px;	
}

.userTreeToolbar .userTreeIcons{
	border : 1px solid #F0F0F0;
}

.userTreeToolbar .userTreeIcons:hover{
	border : 1px solid #DDDDDD;
}

.userTreeToolbar .userTreeIcons.disabled{
	border : 1px solid #F0F0F0;
}

.userTreeToolbar .userTreeIcons.disabled:hover{
	border : 1px solid #F0F0F0;
}

.userTreeToolbar .separator{
	float : left;
	border-left : 2px solid #DDDDDD;
	margin-right : 5px;
	margin-left : 5px;
	margin-right : 6px;
	margin-top : 2px;
	width : 1px;
	cursor : default;
}


/** Tree **/

li.userTreeMainUser{
	background:top left no-repeat;
	display:block;
	list-style:none;
	padding:3px 20px; 
}

li.userTreeMinorUser{
	background:top left no-repeat;
	display:block;
	list-style:none;
	padding:3px 30px; 
}

span.userTreeMainUserCheckBox{
	float : left;
	width : 13px;
	height : 13px;
	margin-top : 2px;
	margin-left : 5px;
	margin-right : 5px;
	cursor : pointer;
	background : transparent url(../images/check.png) no-repeat;
	background-position : 0px -28px;
}

span.userTreeMainUserCheckBox:hover{
	background-position : 0px -70px;
}

span.userTreeMainUserCheckBox.check{
	background-position : 0px 0px;
}

span.userTreeMainUserCheckBox.check:hover{
	background-position : 0px -42px;
}

span.userTreeMainUserCheckBox.notallcheck{
	background-position : 0px -14px;
}

span.userTreeMainUserCheckBox.notallcheck:hover{
	background-position : 0px -56px;
}

span.userTreeMainUserCheckBox.uncheck{
	background-position : 0px -28px;
}

span.userTreeMainUserCheckBox.uncheck:hover{
	background-position : 0px -70px;
}

span.userTreeMainUserCheckBox.disabled{
	border : none;
	background-position : 0px -84px;
}

span.userTreeMainUserCheckBox.disabled:hover{
	background-position : 0px -84px;
}

span.userTreeMainUser, span.userTreeMinorUser{
	margin-left : 5px;
	height : 20px;
	cursor:pointer;
	padding : 2px;
}

span.userTreeMainUser.selected{
	background-color : #0094FF;
}

span.userTreeMainUser.checked{
	font-weight : bold;
	color : #0760A4;
	-moz-border-radius : 3px;
	-webkit-border-radius : 3px;
}

div.userTreeMainUser, div.userTreeMinorUser{
	padding : 3px;
}

input.userTreeMinorUser{
	float : left;
	margin-top : 3px;
	margin-left : 5px;
}

.userTreeCountChecked, .userTreeCountLoaded{
	float : right;
	margin-right : 5px;
	margin-top : 2px;
	color : #0760A4;
	cursor : default;
}

.userTreeMinorUser span.alert{
	color : #FF0000;
}

.loadingUserTree{
	cursor : default !important;
	background : transparent url(../images/loadingUserTree.gif) no-repeat center center !important;
}

/* Icones */

.userTreeIcons{
	float : left;
	background : transparent url(../images/userTree.png) no-repeat top left;
	width : 20px;
	height : 20px;
	cursor : pointer;
}

.mainUserClosed{
	background-position : 0 0;
}

.mainUserOpen{
	background-position : -21px 0;
}

.minorUser{
	background-position : -42px 0;
}

.userTreeSortASC{
	background-position : -63px 0;
}

.userTreeSortDESC{
	background-position : -84px 0;
}

.userTreeShowAll{
	background-position : 0 0;
}

.userTreeHideAll{
	background-position : -21px 0;
}

.userTreeShowOperateurs{
	background-position : -105px 0;
}

.userTreeShowNotOperateurs{
	background-position : -126px 0;
}

.userTreeShowHideLoaded{
	background-position : 0 -21px;
}

/* Hover */

.mainUserClosed:hover{
	background-position : -147px 0;
}

.mainUserOpen:hover{
	background-position : -168px 0;
}

.userTreeSortASC:hover{
	background-position : -210px 0;
}

.userTreeSortDESC:hover{
	background-position : -231px 0;
}

.userTreeShowAll:hover{
	background-position : -147px 0;
}

.userTreeHideAll:hover{
	background-position : -168px 0;
}

.userTreeShowOperateurs:hover{
	background-position : -252px 0;
}

.userTreeShowNotOperateurs:hover{
	background-position : -273px 0;
}

.userTreeShowHideLoaded:hover{
	background-position : -21px -21px;
}

.minorUser.hover{
	background-position : -189px 0;
}

/** Selected **/

.userTreeShowOperateurs.selected{
	background-position : -294px 0;
}

.userTreeShowNotOperateurs.selected{
	background-position : -315px 0;
}

.userTreeShowHideLoaded.selected{
	background-position : -42px -21px;
}

/** Disabled **/

.userTreeIcons.disabled{
	border : none;
	background-color : transparent;
}

.userTreeSortASC.disabled{
	background-position : -210px -21px;
}

.userTreeSortDESC.disabled{
	background-position : -231px -21px;
}

.userTreeShowHideLoaded.disabled{
	background-position : -63px -21px;
}

.userTreeShowAll.disabled{
	background-position : -147px -21px;
}

.userTreeHideAll.disabled{
	background-position : -168px -21px;
}

.userTreeShowOperateurs.disabled{
	background-position : -252px -21px;
}

.userTreeShowNotOperateurs.disabled{
	background-position : -273px -21px;
}
