th.sly-icon img {
	vertical-align: middle; /* for Opera */
}

/* Tabellen-Framework */

.devutils-ac-results {
	background: white;
	border: 1px solid #D9D9D9;
	cursor: pointer;
	font-size: 13px;

	ul li {
		list-style: none;
		color: #4D4646;
		padding: 5px 3px;

		&:hover {
			background-color: #EEE;
			color: black;
		}
	}
}

/* Documentation */

#sly-page-devutilsdocs {
	.articletype, .module {
		border-top: 1px dotted #999;
		padding: 10px 0;

		&.num0 {
			border-top: 0 none;
			padding-top: 0;
		}
	}

	.module p {
		margin-bottom: 0;
		margin-left: 15px;
	}

	.articletype p {
		margin-left: 15px;
	}

	.sly-area-content {
		dl {
			margin-left: 15px;
		}

		dt {
			font-style: italic;
			float: left;
			padding-right: 5px;
		}

		dd {
			margin: 0 10px;
		}
	}

	/* mark menu elements that are not really active (the doc links that share
	all the same 'page' param) as links */
	#sly-navi-page ul li.devutils-inactive a.sly-active {
		color: #1F9EB5;
	}
}

/* GeSHi */

.devutils-highlighted {
	font-family: monospace;
	margin: 0 10px 5px;
	padding: 3px;
	border: 1px solid #4D4646;
	line-height: 16px;

	&.lang-xml {
		.sc3  { color: black; }
		.sc-1 { color: #999; }
		.re1  { color: blue; }
		.re2  { color: blue; }
		.re0  { color: #007700; }
		.st0  { color: #990000; }
	}

	&.lang-php {
		span.re0 { color: #990000; }
		span.st_h { color: #FF0000; }
		span.st0 { color: #FF0000; }
		span.kw1 { color: #0000FF; font-weight: bold; }
		span.kw2, span.kw4 { color: #0000FF; }
		span.coMULTI { color: #ff9900; }
		span.co1 { color: #008000; }
	}

	&.lang-javascript {
		span.re0 { color: #990000; }
		span.nu0 { color: #007777; }
		span.me1 { color: #990000; }
		span.st0 { color: #FF0000; }
		span.kw1, span.kw2, span.kw4 { color: #0000FF; }
		span.kw3 { color: #009900; }
		span.coMULTI { color: #999; }
		span.co1 { color: #999; }
	}
}

/* CSS für die Tooltips mit den Beschreibungen der Module */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #4D4646;
	background-color: #FFF;
	padding: 3px 5px;
	opacity: 0.85;

	h3, div {
		margin: 0;
	}
}

/* Widescreen-Layout für Sally */

body.devutils-widescreen {
	#sly-wrapper { width: 1397px; }
	#sly-page    { width: 1600px; }
}

body.devutils-2ndtitle {
	#sly-pagehead:first-child {
		display: none;
	}
}

/* Log-Viewer */

.devutils-logcontainer {
	width: auto;
	margin: 0;
	height: 400px;
	padding: 0;
	overflow: auto;

	.sly-table {
		margin: 0;

		th { padding: 4px 4px 9px 4px;   }
		td { padding: 2px; height: auto; }
	}

	body.devutils-widescreen & {
		height: 550px;
	}

	.loading, .more {
		text-align: center;
		padding: 10px;
		line-height: 15px;
	}

	.loading {
		display: none;
	}
}

/* jquery.wvToggleFieldset */

.wv-collapsed {
	+border-radius(4px);
}

fieldset:last-child .wv8-collapsed {
	+border-bottom-radius(0);
}

.wv-hidden {
	margin-bottom: 20px;

	.sly-form-wrapper {
		margin-bottom: 0;
	}

	.sly-form-row {
		display: none;

		&.wv-dont-hide {
			display: block;
			border-top: 0 none;
		}
	}
}

.wv-fieldsettoggle {
	float: right;
	margin-top: 1px;
	margin-right: 8px;
	cursor: pointer;
}

/* multi-row input */

.form-multiple-button {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin: 4px 2px;
	background-position: left top;
	background-repeat: no-repeat;
}

.form-multiple-delete {
	background-image: url(../../../../../../backend/assets/file_del.png);
	margin-left: 10px;
}

.form-multiple-append {
	display: none;
	background-image: url(../../../../../../backend/assets/file_add.png);
}

.form-multiple-top {
	background-image: url(../../../../../../backend/assets/file_top.png);
}

.form-multiple-up {
	background-image: url(../../../../../../backend/assets/file_up.png);
}

.form-multiple-down {
	background-image: url(../../../../../../backend/assets/file_down.png);
}

.form-multiple-bottom {
	background-image: url(../../../../../../backend/assets/file_bottom.png);
}

.form-multiple-container {
	line-height: 23px;
	margin-left: 140px;

	&.single {
		.form-multiple-delete,
		.form-multiple-top,
		.form-multiple-up,
		.form-multiple-down,
		.form-multiple-bottom {
			visibility: hidden;
		}
	}
}

.form-multiple-row {
	padding: 5px;
	&:first-child  {
		.form-multiple-top, .form-multiple-up { visibility: hidden }
	}

	&:last-child {
		.form-multiple-down, .form-multiple-bottom { visibility: hidden }
		.form-multiple-append { display: inline-block }
	}

	&.odd {	background-color: #f7f7f7 }
}
