@charset "UTF-8";
/**
 * Stylesheet für Sunnny Webbox Assistant mit Formatangaben,
 * die der Assistant zusätzlich zur Sunny Webbox Formatierung
 * benötigt.
 *
 * Ordnung des Stylesheets: grob von global nach speziell und
 * von oben nach unten / links nach rechts bezogen auf das
 * Seitenlayout.
 *
 * @author aldebaran Programmierung & IT-Lösungen GmbH
 *
 */

/*------------ Globales und einmal vorkommendes ------------*/

#headerbox {
	background: #E8E8E8 url(/Tools/images/wizard/wizard/bg_statusbar_wizard.gif) bottom right no-repeat;
}

/* linkes, Applikationslogo */
img#explorerlogo {padding-top:13px;margin-right:13px;}


/* Seitenüberschrift */
/*h2 {
	padding:0;
	margin-bottom:20px;
}*/

/* globales disabled styling, important wird für die Wertanzeige im Displaymodus gebraucht */
/*div.disabled, div.disabled *, .disabled, .disabled *, .disabled span {color:#808080 !important;}*/
/* extra für ie7: ggf. auslagern */
/*.disabled input.inputText {background-color:#EFEFEF;}

div.separated, tr.separated td {
	border-bottom:1px dotted #C8C8C8;
}*/

/* body styles weitergeben: */
/*p, div, label {
	font-family: inherit;
}
div.preferences label {
	font-weight:normal;
}
input.fileName {width:200px;}
*/

/* wird bei Bedarf in label elementen gesetzt, wenn dieses gleichzeitig Überschrift ist: */
/*label.bold {font-weight:bold  !important;}*/

/*------------ Bereiche im Seitenlayout ------------*/

/* sorgt dafür, dass zwischen Hilfe und Dialog ein grauer Rand läuft: */

ul.menu {
	float:left;
	padding:0;
	margin:0;
}
ul.menu, ul.submenu {
	list-style-type:none;
	padding:0;
	margin:0;
	color:#808080;
	line-height:140%;
}
li.menuitem {
	float:left;
	background:url(/Tools/images/wizard/head_navtrenner.gif) 0 0 no-repeat;
	padding-left:2px;
	position:relative;
}
li.menuitem div.outer {
	display:none;
	position:absolute;
	top:48px;
	right:-4px;
	width:100px;
	padding:0 0px 0 0;
	background:transparent url("/Tools/images/wizard/wizard/shadow_vertical-right.png") top right repeat-y;
}
li.menuitem div.inner {
	padding:0 0 0 0px;
	background:transparent url("/Tools/images/wizard/wizard/shadow_vertical-left.png") 1px 0 repeat-y;
}
li.menuitem div.lower {
	background:transparent url("/Tools/images/wizard/wizard/shadow_hor.png") bottom left repeat-x;
	padding:0 0 4px 0;
	position:absolute;
	bottom:-4px;
	right:3px;
	height:4px;
	width:152px;
}
li.menuitem:hover div.outer {display:block;}
ul.submenu {
	background:#fff;
/*	border-bottom:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;*/
}
ul.submenu a, ul.submenu span {display:block;padding:7px 14px 7px 14px;font-weight:normal;}
ul.submenu li.first a, ul.submenu li.first span {padding-top:11px}
ul.submenu li.last a, ul.submenu li.last span {padding-bottom:13px}
ul.submenu a {color:#0166a9;}
ul.submenu li a.checked {
	background:transparent url("/Tools/images/wizard/wizard/selected.png") 4px 8px no-repeat;
	padding-left:20px;
}
ul.submenu a:hover, ul.submenu a.checked:hover {background-color:#0166a9;color:#fff}

/* Gemeinsames für Dialogbereich und Hilfebereich */
div.wizard #WizContent, #wizardinfo {
	display:block;
	overflow-y:hidden;
	overflow-x:hidden;
	overflow:auto;
	background:#fff;

	padding:15px 20px 20px 20px;
}

/* Dialogbereich */
#WizContent {
	font-size:12px;
	border-width:1px 1px 1px 0;
	position: relative;
	top: 0px;
	overflow: hidden !important;
}
#WizContent img.webbox_connect_crossover_png {
	margin:-16px 0 20px 0;
}

#main { /* min-width:958px; */}

/* Positionierung des Dialogbereiches mit blauen Buttons (ohne=WizContentFull=default): */
div.wizard div.WizContent {	/* mit, setzt sich aber ohne !important nicht gegen #WizContent durch! */

}

/* Hilfebereich */
#wizardinfo {
	float:right;
	margin-left: 14px;
	width:280px;
	border-width: 1px 0 1px 1px;
	padding:15px 20px 20px 20px;

}
#wizardinfo h2 {
	background:transparent url(/Tools/images/wizard/wizard/wizard-info-icon.gif) 0 6px no-repeat;
	padding:5px 0 0 30px;
	height:32px;
}
#wizardinfo div, #wizardinfo h3, #wizardinfo p {
	/*font-family:Verdana,sans-serif;*/
	font-size:12px;
	line-height:19.2px;
	margin:0;
	padding:0;
}
#wizardinfo div.entry {
	padding-bottom:16px;
}
#wizardinfo h3 {
	font-weight:bold;
}

/* Bild fuer den Fall, dass wizardinfo leer ist */
#wizardinfo-empty {
	position: fixed;
	bottom: 63px;
	right: 76px;
	z-index: 1;
	display: block;
}

/* Fusszeile */
.wizard #statusbar {
	background: #E8E8E8 url(/Tools/images/wizard/wizard/bg_statusbar_wizard.gif) top right no-repeat;
	z-index:1;	/* ganz hinten */
}

/*------------ Unterelemente im Dialogbereich ------------*/

/* 1 - 6 Leiste im Setup-Wizard */
ul.wizard-tabs {
	position:relative;
	height:30px;
	white-space:nowrap;
	overflow:visible;
	width:100%;
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
}
ul.wizard-tabs li {
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	height:30px;
	width:12.25%;
}
/*ul.wizard-tabs li.active, ul.wizard-tabs li.done {
	width:18%;
}*/
ul.wizard-tabs li.active {
	width:14.25%;
}
ul.wizard-tabs li div {
	position:relative;
	height:30px;
}
ul.wizard-tabs li div.wizard-tab {
	background:transparent url(/Tools/images/wizard/wizard/tab-bg.gif) bottom left repeat-x;
}
ul.wizard-tabs li div.wizard-tab div.inner {
	background:transparent url(/Tools/images/wizard/wizard/tab-inactive-right.png) bottom right no-repeat;
}
ul.wizard-tabs li div.wizard-tabdone div.outer {
	background:transparent url(/Tools/images/wizard/wizard/tab-done-left.png) bottom left no-repeat;
}
ul.wizard-tabs li div.wizard-tabactive {
	background:transparent url(/Tools/images/wizard/wizard/tab-active-bg.gif) bottom left repeat-x;
}
ul.wizard-tabs li div.wizard-tabdone {
	background:transparent url(/Tools/images/wizard/wizard/tab-done-bg.gif) bottom left repeat-x;
}
ul.wizard-tabs li div.wizard-tabactive div.inner {
	background:transparent url(/Tools/images/wizard/wizard/tab-active-right.gif) bottom right no-repeat;
}
ul.wizard-tabs li div.wizard-tabactive div.outer {
	background:transparent url(/Tools/images/wizard/wizard/tab-active-left.gif) bottom left no-repeat;
}
ul.wizard-tabs li.last div.wizard-tab div.inner {
	background:transparent url(/Tools/images/wizard/wizard/tab-inactive-last-right.gif) bottom right no-repeat;
}
ul.wizard-tabs li.first .wizard-tabactive div.outer {
	background:transparent url(/Tools/images/wizard/wizard/tab-active-first-left.gif) bottom left no-repeat;
}
ul.wizard-tabs li.first .wizard-tabdone div.outer {
	background:transparent url(/Tools/images/wizard/wizard/tab-done-first-left.gif) bottom left no-repeat;
}
ul.wizard-tabs li.last .wizard-tabactive div.inner {
	background:transparent url(/Tools/images/wizard/wizard/tab-active-last-right.gif) bottom right no-repeat;
}
ul.wizard-tabs li.last .wizard-tabdone div.outer {
	background:transparent url(/Tools/images/wizard/wizard/tab-done-left.png) bottom left no-repeat;
}
ul.wizard-tabs li.last .wizard-tabdone div.inner {
	background:transparent url(/Tools/images/wizard/wizard/tab-done-last-right.gif) bottom right no-repeat;
}
ul.wizard-tabs li div {
	margin:0 auto 0 auto;		/* text-align center auf Block Elemente übertragen */
}
/* Ausgleich der unterschiedlichen Platzierung der HG Grafik (Zentrierung der Zahl) */
ul.wizard-tabs img {
	padding-right:16px;
}
ul.wizard-tabs li div.wizard-tabactive img, ul.wizard-tabs li div.wizard-tabdone img {
	padding-right:0;
}
ul.wizard-tabs li div.wizard-tabdone img {
	padding-left:12px;
}
ul.wizard-tabs li.first div.wizard-tabactive img {
	padding-right:6px;
}


/*------------ Buttons im Dialogbereich ------------*/

/* Gemeinsames für Bearbeitungs- und Navigationsbuttons */
span.webbox-button, div#wizard-buttons span {
	height:28px;
	display:block;
	float:left;
	margin:0;
	padding:0 15px 0 0;
}
span.webbox-button input, div#wizard-buttons span input {
	font-family: inherit;
	font-weight:bold;
	border:none;
	height:28px;
	line-height:24px;
	cursor:pointer;
	padding:0 0 4px 15px;
	margin:0;
	position:relative;
	bottom:0;
	display:block;
}
/* -> gemeinsame hovers zum Schluss */

/* Bearbeitungsbuttons */
div.webbox-buttons {float:none;position:relative;padding-top:15px;height:58px;}
span.webbox-button {
	background: transparent url('/Tools/images/wizard/wizard/webbox-button-right.png') no-repeat scroll top right;
}
/* buttons, die als zweites auf dem Bildschirm erscheinen: */
span#testButton, span#printButton, span#cancelButton {margin-left:10px;}
span.webbox-button input {
	background:transparent url('/Tools/images/wizard/wizard/webbox-button-left.png') no-repeat;
	color:#0166a9;
}

/* Navigationsbuttons */
#wizard-buttons {
	/* min-width: 582px; */
	height:30px;
	background:#fff;
	padding:0 0 0 0;

}
#wizard-buttons div.cancel {
	left:0px;
}
#wizard-buttons div.prev-next {
	right:0;
	float:right;
}
#wizard-buttons div.prev-next span {
	margin-left:10px;
	float:right;
}
#wizard-buttons span:hover input {
	color:#fff;
}
#wizard-buttons span:hover input.next-disabled {
	color:#ccc;
}
/* "normale" Buttons, also alle, erstmal */
#wizard-buttons span {
	background: transparent url('/Tools/images/wizard/wizard/wizard-button-right.png') no-repeat scroll top right;
}
#wizard-buttons input {
	background:transparent url('/Tools/images/wizard/wizard/wizard-button-left.png') no-repeat;
	color:#bfd5e9;
	min-width:50px;
}
#wizard-buttons input.next-disabled {
	background:transparent url('/Tools/images/wizard/wizard/wizard-button-left-disabled.png') no-repeat;
	color:#ccc;
	cursor:default;
}
/* "weiter" Buttons */
#wizard-buttons span.next {
	background:transparent url(/Tools/images/wizard/wizard/wizard-button-next-right.png) no-repeat scroll top right;
	padding-right:24px;
}
#wizard-buttons span.next-disabled {
	background:transparent url(/Tools/images/wizard/wizard/wizard-button-next-right-disabled.png) no-repeat scroll top right;
}
#wizard-buttons span.next-disabled {
	background:transparent url(/Tools/images/wizard/wizard/wizard-button-next-right-disabled.png) no-repeat scroll top right;
	padding-right:24px;
}
/* "zurück" Buttons */
#wizard-buttons input.previous {
	background:transparent url(/Tools/images/wizard/wizard/wizard-button-previous-left.png) no-repeat scroll top left;
	padding-left:24px;
}
/* "weiter"/"zurück" Buttons, minimale Breite */
#wizard-buttons span.next input {
	min-width:40px;
}
#wizard-buttons span.previous input {
	min-width:50px !important;
}

/* gemeinsame hovers für Bearbeiten- und Navigationsbuttons: */
span.webbox-button:hover, div#wizard-buttons span:hover {
	background-position:bottom right;
	background-repeat:no-repeat;
}
span.webbox-button:hover input, div#wizard-buttons span:hover input {
	background-position:bottom left;
	background-repeat:no-repeat;
}

/* disabled wizard buttons */
#wizard-buttons span:hover input.next-disabled {
	background-position:top left;
}
#wizard-buttons span.next-disabled:hover {
	background-position:top right;
}

input#forward-invisible-for-enter-key {
	width: 1px;
	height: 1px;
	border: none;
}

/*------------ Steuerelemente und deren Container im Dialogbereich ------------
	Es gibt Abschnitte im Tablayout (Webbox) und im preferences-Layout (Wizard) für den
	Dialogbereich
*/

/*---- Layout-unabhängig ----*/
/* time / datepicker */
div.left {clear:both;}
div.datepicker {z-index:99;}	/* ganz nach vorne holen */


/*---- Tab-Layout ----*/
/* ein Unterabbschnitt im Tab-Layout, z.B. "Proxy" */
#WizContent .tabelleFull .tabWizContent {
	padding: 5px 0 0 0;
	margin:0;
}
/* checkboxen im "Tab (Webbox)" Layout */
.colValue .editMode input.checkbox {margin-left:0;}


/* oneclick Selection Steuerelement */
.oc-selectables {
	position:relative;
	height:127px;
	overflow-y:scroll;
	padding-right:6px;
}
.oc-selectable a {
	display:block;
	color:#000;
	padding:15px 0 16px 9px;
	font-weight:normal;
}
.oc-selectables a.selected {background:#e0eaf4;}

/** Zusammenfassung(en) von außen nach innen, normale Ansicht */
div.summary div.tabWizContent {
	padding:0 0 4px 0 !important;
	margin:0;
	background:url(/Tools/images/wizard/tab_bottom.gif) bottom left repeat-x;
	color:#000;
	display:block;
	height:182px;
}
div.summary #table {
	height:181px;
	border-right:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	margin:0;padding:0;
}
div.summary div.tabrahmen {
	border:none !important;
	margin-right:6px;
	padding-right:0 !important;
	border-right:none !important;
}
div.summary #table div.tabelle {
	padding:0;margin:0;
	background-image:none !important;
	height:180px;
	overflow-y:scroll;
	overflow-x:hidden;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

/*---- preferences-Layout ----*/
/* Formularabschnitte im "preferences" layout, d.h. ohne Schatten, Tabheader etc. */
.preferences {margin-top:13px;}
.preferences input.checkbox {margin-left:0;}
.preferences label {margin-left:5px;}

/* Tabelle mit Klasse "control" ist ebenfalls Bestandteil des "preferences"-Layouts

/* Cursor "pointer" (aus styles.css) zurücksetzen: */
table.control label {cursor:auto;margin-left:0;}
tr.control td {
	vertical-align:top;
	padding-bottom:6px;
	padding-top:6px;
}
tr.control td.text {padding-left:4px;}
tr.control td.input {padding-left:20px;width:20px;}
tr.control td.input input {margin-left:0;}
tr.control p {margin:0;}
/* verschachtes mit weniger white-space: */
tr.control tr.control td {
	padding-bottom:3px;
	padding-top:0;
}
tr.control tr.control td.input {
	padding-left:10px;
}


/*------------ View spezifische Formatierungen ------------*/
div.selectWebbox #WizContent .tabelle .summary-tabrahmen {
	padding:0 1px 1px 0;
}

div.login input.password1 {
	width:200px;
}
div.login select {
	width:205px;
}

div.basicInfo ol li, div.test * {
    font-family: inherit;
    font-size: 12px;
}

.oc-selectable a.directory, .oc-selectable a.file, .oc-selectable a.emptyFilelist {
	padding:6px 0 6px 52px;
}
.oc-selectable a.directory, .oc-selectable a.file {
	background-repeat:no-repeat;
	background-position:32px 3px;
}
.oc-selectable a.directory {
	background-image:url(/Tools/images/wizard/wizard/browse-folder.png);
}

.oc-selectable a.file {
	background-image:url(/Tools/images/wizard/wizard/browse-file.png);
}


/*------------ Feldspezifische Formatierungen ------------*/
div.timepickerControl {white-space:nowrap;}
div.editMode {display:inline-block;}

/*------------ Neue", "noch nicht einsortierte Formatierungen ------------*/
/* noch ein Problem in der Schwebe", "bis das Design für den File browser
	entschieden ist. Folgender Code verhindert bis dahin", "dass bei überlangen Pfaden in
	der Zeile mit dem Pfad die öffnen/neu Buttons verrutschen:
*/
input.ascend {
	background:transparent url(/Tools/images/wizard/wizard/browse-folder-up.png) 0 0 no-repeat;
	position:absolute;
	right:42px;
	margin-top:5px;
	border-style: none;
	padding: 0;
	width: 25px;
	height: 22px;
	cursor: pointer;
}
input.mkdir {
	background:transparent url(/Tools/images/wizard/wizard/browse-folder-new.png) 0 0 no-repeat;
	position:absolute;
	right:74px;
	margin-top:5px;
	border-style: none;
	padding: 0;
	width: 25px;
	height: 22px;
	cursor: pointer;
}
input.saveIcon{	background:transparent url(/Tools/images/wizard/wizard/browse-save.png) 0 0 no-repeat;border:none;height:16px;width:16px;margin-left:6px;}
div.errors {
	background:transparent url(/Tools/images/wizard/status_error32.png) 0 3px no-repeat;
	padding-left:38px;
	padding-top:10px;
	line-height:17px;
	min-height:29px;
}
iframe.license {
	position:relative;
	width:100%;
	height:227px;
	border:1px solid #989898;
}
.license label {margin:0;}
.license td.input {width:20px;}

table.about tr.heading td {padding-top:12px;font-weight:bold;}
table.about th {font-weight:normal;}





th.level1{padding-left:10px;}
th.level2{padding-left:17px;}
th.level3{padding-left:27px;}
th.level4{padding-left:37px;}
th.level5{padding-left:47px;}

th.unselected {background-color:#eeeeee;}

/* Pfeil und Einrueckung fuer Headline */
.valueTable th span.opened, .valueTable th span.closed
{
	font-weight:normal;
	margin-left:2px;
}

.valueTable th span.opened
{
	/*margin-left:10px;*/ /* Einruecken des Headers, laut Designvorlage nicht notwendig */
	padding-left:10px;
	background:url(/Tools/images/wizard/pfeil.gif) 0 -40px no-repeat;
	color:#000;
}

.sum span.closed a {
color:#000;
padding-left:0;
margin-left:0;
background-position:10px -20px;
}