.realurl2dbg-info {
	color: #777;
	float: right;
	margin-right: 5px;
	font-size: 11px;
	line-height: 11px;
	padding-top: 3px;

	&.with-fragment {
		border-bottom: 1px dotted #888;
		cursor: help;
	}
}

#sly-linkmap .realurl2dbg-tree {
	.sly-area-content > ul {
		+clearfix;
	}

	li {
		position: relative;
	}

	span.wrapper {
		position: absolute;
		top: 0;
		right: 0;
		width: 650px;
		background: none;
		font-size: 12px;
		text-align: right;
	}

	a {
		display: inline;
		background-image: none !important;
		padding-left: 0;
		padding-right: 5px;
	}

	span {
		&.fragment {
			font-weight: bold;
		}

		&.skipped {
			font-style: italic;
		}
	}

	li {
		clear: both;

		&.empty {
			height: 21px;
		}
	}

	.odd > span.wrapper {
		background-image: linear-gradient(right, white 100%, #E5E5E5 0%) !important;
		background-image: -o-linear-gradient(right, white 100%, #E5E5E5 0%) !important;
		background-image: -moz-linear-gradient(right, white 100%, #E5E5E5 0%) !important;
		background-image: -webkit-linear-gradient(right, white 100%, #E5E5E5 0%) !important;
		background-image: -ms-linear-gradient(right, white 100%, #E5E5E5 0%) !important;
		background-image: -webkit-gradient(linear, right bottom, left bottom, color-stop(1, white), color-stop(0, #E5E5E5)) !important;
	}

	.even > span.wrapper {
		background-image: none;
	}
}
