/* rules that need to be a bit more specific */
.sly-form .rbac-article-tree, .sly-form .rbac-mediacategory-tree {
	padding: 0;
	width: 797px;

	label {
		margin-left: 2px;
		cursor: pointer;
	}
}

/* simple rules */
.rbac-article-tree, .rbac-mediacategory-tree {
	.header {
		padding: 7px;
		border-bottom: 1px dotted #ACA9A9;
		background: #D9D9D9;
		color: white;
	}

	li {
		list-style: none;

		ul {
			padding-left: 20px;
		}
	}

	input {
		margin: 0;
		vertical-align: middle;
	}

	.chk {
		float: right;
		background: none;
		text-align: center;
		width: 70px;

		&.inherit {
			width: 20px;
		}
	}

	.inheriter {
		background: url(inherit.png) 3px 4px no-repeat;
		display: block;
	}

	ul .inherit:hover {
		background-color: #E5E5E5 !important;
	}

	.is-all, .leaf {
		.inheriter {
			visibility: hidden;
		}

		.inherit:hover {
			cursor: default !important;
		}
	}

	& > div > ul {
		overflow: hidden;
		.border-bottom-radius(4px);
	}

	ul div {
		line-height: 28px;
		padding-left: 7px;
	}

	.odd > div {
		background-color: #F5F5F5;
	}
}

.rbac-article-tree {
	ul div {
		&:hover {
			background-color: #E5E5E5;

			.chk:hover {
				background-color: #D5D5D5;
				cursor: pointer;
			}
		}
	}

	ul.highlight {
		background: #E5E5E5;

		div {
			background: none !important;
		}
	}
}
