/*
** -------------------------------------------------------------------------------- 
** Generic FIELDSET settings
** -------------------------------------------------------------------------------- 
*/
fieldset {
	background-color:#E7E7E7;
	border:1px solid #D7D7D7;
	padding:5px 5px 5px 5px;
	margin:5px 0 10px 0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
legend {
	font-weight:bold;
	color:#000000;
	border:1px solid #D7D7D7;
	background-color:#EEEEEE;
	padding-left:7px;
	padding-right:7px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
label { float:left;	width:140px; display:block; vertical-align:middle; padding-right:10px; }
label.wide { width:164px; }


/*
** -------------------------------------------------------------------------------- 
** Specific FIELDSET settings
** -------------------------------------------------------------------------------- 
*/

/*
** Fieldset innerhalb eines Fieldset
*/
fieldset fieldset { margin:10px 0 10px 0px; background-color:#E3E3E3; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
fieldset fieldset label { width:138px; }
fieldset fieldset label.wide { width:158px; }


/*
** Fieldset innerhalb einer Table-Cell
*/
td fieldset { margin-left:5px; }
.even td fieldset { margin-left:5px; }
.odd td fieldset { margin-left:5px; }


/*
** -------------------------------------------------------------------------------- 
** Beschreibungstexte
** -------------------------------------------------------------------------------- 
*/
fieldset p.desc { margin-bottom:8px; margin-top:2px; margin-left:152px!important; font-size:0.87em; color:#999999; line-height:1.2em; }
fieldset p.desc_wide { margin-bottom:8px; margin-top:2px; margin-left:176px!important; font-size:0.87em; color:#999999; line-height:1.2em;}
fieldset fieldset p.desc { margin-left:151px!important; }
fieldset fieldset p.desc_wide { margin-left:171px!important; }

fieldset .desc { margin-bottom:8px; margin-top:2px; margin-left:152px!important; font-size:0.87em; color:#999999; line-height:1.2em; }
fieldset .desc_wide { margin-bottom:8px; margin-top:2px; margin-left:176px!important; font-size:0.87em; color:#999999; line-height:1.2em;}
fieldset fieldset .desc { margin-left:151px!important; }
fieldset fieldset .desc_wide { margin-left:171px!important; }


/*
** -------------------------------------------------------------------------------- 
** fieldset-collection
** -------------------------------------------------------------------------------- 
*/
fieldset.fieldset-collection { background-color:#E9E9E9; border:1px solid #D7D7D7; padding:0 5px 5px 5px; margin:5px 0 0 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.fieldset-collection fieldset fieldset {background-color:#DEDEDE;}
.fieldset-collection td fieldset { margin-left:5px; }
.fieldset-collection .even td fieldset { margin-left:5px; }
.fieldset-collection .odd td fieldset { margin-left:5px; }
.fieldset-collection fieldset fieldset .desc { margin-left:151px!important; }
.fieldset-collection fieldset fieldset .desc_wide { margin-left:171px!important; }
.fieldset-collection fieldset fieldset p.desc { margin-left:151px!important; }
.fieldset-collection fieldset fieldset p.desc_wide { margin-left:171px!important; }
.fieldset-collection .fieldset-collection {background-color:#E3E3E3;}



/*
** -------------------------------------------------------------------------------- 
** button-bar - meist innerhalb einer fieldset-collection oder eines <fieldset>
** fuer Buttons wie:
** - Speichern
** - Abbrechen
** - Aktualisieren etc.
** -------------------------------------------------------------------------------- 
*/
.button-bar {
	background-color:#E1E1E1;
	border-top:1px solid #D7D7D7;
	padding:8px 5px 8px 5px;
	margin:10px -5px -5px -5px;
	height:24px;
	-webkit-border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-right-radius:6px;
	border-bottom-left-radius:6px;
}
.button-bar span.left { float:left; text-align:left; }
.button-bar span.right { float:right; text-align:right;}
.button-bar div.left { float:left; text-align:left; }
.button-bar div.right { float:right; text-align:right;}


/*
** -------------------------------------------------------------------------------- 
** Environment
** -------------------------------------------------------------------------------- 
*/
#environment span { margin-left:13px; margin-right:4px; }


/*
** -------------------------------------------------------------------------------- 
** NUBatchNavigator
** -------------------------------------------------------------------------------- 
*/
.batch-navigator {
	width:100%;
	margin:0;
	padding:2px;
	display:block;
}
.batch-navigator div.left {
	float:left;
	font-weight:bold;
}
.batch-navigator div.right {
	float:right;
	font-weight:bold;
}
.batch-navigator div.right span {
	margin:0;
	padding:0;
	padding-left:2px;
	padding-right:2px;
}


/*
** -------------------------------------------------------------------------------- 
** NUOnlineHelp
** -------------------------------------------------------------------------------- 
*/
.help { float:right; margin-right:0px; margin-top:-8px; display:block; }
fieldset .help { float:right; margin-right:0px; margin-top:-8px; display:block; }
.fieldset-collection fieldset .help { float:right; margin-right:0px; margin-top:-8px; display:block; }
fieldset fieldset .help { float:right; margin-right:0px; margin-top:-8px; display:block; }
.fieldset-collection fieldset fieldset .help { float:right; margin-right:0px; margin-top:-8px; display:block; }


/*
** -------------------------------------------------------------------------------- 
** NUMonthCalendar
** -------------------------------------------------------------------------------- 
*/
table#month-calendar {
        border-collapse: collapse;
    background: white;
    border: 1px solid #999999;
}

table#month-calendar td {
    text-align: center;
    vertical-align: middle;
    padding: 2px;
 }

td#calendar_header {
    font-size: 13px;
    font-weight: bold;
}

table#month-calendar td.day_letter {
    font-size: 10px;
    background: gainsboro;
}

table#month-calendar td.day_number {
    width: 22px;
    height: 20px;
    font-size: 12px;
    font-weight: lighter;
    color: #333333;
    text-align: center;
    border: 1px solid #999999;
}

table#month-calendar td.locked {
    background: #c4d3ea;
}

table#month-calendar td.weekend {
    color: red;
}

table#month-calendar td.normal_light {
    color: #999999;
}

table#month-calendar td.weekend_light {
        color: #FF9999;
}

table#month-calendar td.bold {
    font-weight: 900;
    font-size: 10pt;
}


/*
** -------------------------------------------------------------------------------- 
** allgemeine Klassen
** -------------------------------------------------------------------------------- 
*/
.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
.justify { text-align:justify; }





/****************************************/
body { margin: 0px; padding: 0px; }
p { margin: 0 0 16px 0; }
ul {
	margin: 0 0 16px 0;
	padding: 0 8px 0 8px;
}
ul ul { margin: 0 0 0 16px; }
li {
	margin: 0 0 0 16px;
	padding:0px;
}
blockquote { margin:0 0 16px 16px; }
hr {
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #AAAAAA;
	height:1px;
	clear:both;
}
form { margin: 0px; padding: 0px; }
caption { text-align:left; font-weight:bold;}
img { border:0px; }
tr, th { vertical-align:top; text-align: left; }
h1 {
	font-size: 135%;
	line-height: 133%;
	font-weight: normal;
	margin: 8px 0px 8px 0px;
}
h2 {
	font-weight:bold;
	font-size: 100%;
	margin:0;
}
h3 {
	font-size: 100%;
	font-weight: normal;
	margin:0px 0px 0px 10px;
}
h4 {
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
}
h5 {
	font-size: 90%;
	font-weight: normal;
	margin:0px 0px 0px 16px;
}
h6 {
	font-size: 90%;
	font-weight: normal;
	margin:0px 0px 0px 30px;
}


/*
** -------------------------------------------------------------------------------- 
** Tabellen
** -------------------------------------------------------------------------------- 
*/
table.tabelle1 {
	width:100%;
	margin:8px 0 8px 0;
	font-size: 85%;
	border-bottom: 1px solid #CCCCCC;
}
table.tabelle1 td  {
	padding:3px 8px 3px 8px;
	border-top: 1px solid #CCCCCC;
	line-height:133%;
}
table.tabelle1 th {
	padding:3px 8px 3px 8px;
	border-top: 1px none #CCCCCC;
	background-color:#E0E3E0;
	line-height:133%;
}
table.tabelle1 table { border-bottom: 1px none #CCCCCC; margin: 0 0 0 0;}
table.tabelle1 table td  { border-top: 1px none #CCCCCC; padding:2px 0 4px 0;}
table.tabelle1 table th { border-top: 1px none #CCCCCC; background-color:transparent; padding:2px 0 4px 0;}
table.tabelle2 {
	margin-bottom:16px;
	font-size: 85%;
	margin-top:4px;
	border-bottom: 1px solid #CCCCCC;
}
table.tabelle2 td  {
	padding:2px 8px 4px 8px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	line-height:133%;
}
table.tabelle2 th {
	padding:0;
	border-top: 1px none #CCCCCC;
	border-left: 1px none #CCCCCC;
	line-height:133%;
}

.Marginalie {
	font-size: 90%;
	line-height:133%;
	font-weight:normal;
}
.form-button { width:auto; }
.mager { font-weight:normal;}
.ausgrauen { color: #777777; }
.ausgrauen a, .ausgrauen a:link, .ausgrauen a:visited { color: #777777; }
.ausgrauen input { color:#777777; }
.ausgrauen select { color:#777777; }



/* Ergebnis in einer Tabelle ausgeben */
.result-set {  margin:10px 0 10px 0; width:100%; }
.result-set th {  border-bottom:1px solid #999999; font-size:80%; font-weight:normal; padding:0 8px 0 0px; }
.result-set td { border-bottom:1px solid #999999; border-right:1px none; padding:0 8px 0 0px; }
.result-set td.lightred { background-color:#FF9999; }
.result-set tr.table-split td { padding-top:8px; background-color:transparent!important; }
.result-set td.table-split { padding-top:8px; background-color:transparent!important; }
.result-set tr.last-row td { border-style:none; padding-top:2px; }


/* Derzeit nur bei der Darstellung der Ligen */
.matrix {  margin:16px 0 16px 0; width:100%; border-left:1px solid #999999; /* border-top:1px solid #999999; */ font-size:90%;  }
.matrix caption { margin-top:16px; margin-bottom:-8px; }
.matrix th {  border-right:1px solid #999999; font-weight:bold; padding:0; background-color:#efefef; }
.matrix td { border-bottom:1px solid #999999; border-right:1px solid #999999; padding:0; margin:0; width:20%; }
.matrix hr { color:#999999; border-color:#999999; }
.matrix h2 { background-color:#efefef; padding:0 4px 0px 4px; margin:0 0 0px 0; white-space:nowrap; border-bottom:1px solid #999999; border-top:1px solid #999999; clear:both; }
.matrix ul { padding:4px 0px 20px 0; margin:0px 0 0px 0; clear:both; width:100%; }
* html .matrix ul { padding:4px 0px 10px 0; }
.matrix li { clear:both; padding:0px 16px 0px 4px; margin:0 0px 0px 0px; /* NE 7.1 bug bei overflow:hidden; */ list-style:none; }
.matrix span { display:block; float:left; padding:0 0 0 0; width:auto; }
span.matrix-relegation { text-align:right; float:right; padding:0 0 0 0; width:2.3em; }
span.matrix-relegation-more { display:inline; float:none; padding:0 0.5em 0 0; width:inherit; }

/* Spielklassen nach oben oder unten wechseln 
uses: liga-layer-up,liga-layer-down
*/
.liga-layer { background-color:#e0e0e0; padding:4px; }
.liga-layer p { padding-left:16px; }
.liga-layer ul{ margin:0; padding:0; padding-left:16px; }
.liga-layer li { display: inline; list-style: none; padding:0 6px 0 0; margin:0 4px 0 0; background-image:url(/images/bullet.gif); background-repeat:no-repeat; background-position:right center; }
.liga-layer li:first-child { }
.liga-layer li:last-child { background-image:url(/images/empty.gif); }
.liga-layer-up { background-image: url(/images/up_11x11.gif); background-position:left center; background-repeat:no-repeat; padding-left:16px; }
.liga-layer-down { background-image: url(/images/down_11x11.gif); background-position:left center; background-repeat:no-repeat; padding-left:16px;  }

/* Neues Objekt am Seitenende anlegen */
.insert-object { margin-top:4px; padding-top:4px; }
.insert-object input { margin-top:4px; }

/* Eingabefelder */
/*.edit-object div { float:left; width:100%; }*/
.edit-object input { margin:2px 3px 2px 0 }
.edit-object textarea { margin:2px 0 2px 0 }
.edit-object select { margin:2px 0 2px 0 }
.edit-object br { clear:both; }
.edit-object tr.border-top td { border-top:1px solid #999999; }
.edit-object tr.table-split td { padding-top:8px; background-color:transparent!important; }
.edit-object td.table-split { padding-top:8px; background-color:transparent!important; }
.edit-object pre code { font-size:11px; font-family:"Courier New", Courier, mono; padding-left:23px; display:block; }


/* Eingabefelder Tabelle */
.edit-object {  margin:16px 0 16px 0; width:100%; }
.edit-object th {  border-bottom:1px solid #999999; font-size:80%; font-weight:normal; padding:0 8px 0 0px; }
.edit-object td { border-bottom:1px solid #999999; border-right:1px none; padding:0 8px 0 0px; }
.edit-object caption { font-size:10px; }

.edit-object-noborder {  margin:16px 0 16px 0; width:100%; }
.edit-object-noborder th {  border-bottom:1px solid #999999; font-size:80%; font-weight:normal; padding:0 8px 0 0px; }
.edit-object-noborder td { padding:0 8px 0 0px; }
.edit-object-noborder caption { font-size:10px; }

/* Abfrage bzw. Login */
.query { margin-bottom:16px; margin-right:16px; }
/*.query fieldset { border:1px dotted #C5C4B9; padding:8px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }*/
.query label { float:left; width: 140px; margin:3px 0 0 0; }
.query label.smallLabel { width: 6em; }
.query input { margin:2px 0 2px 0; }
.query textarea { margin:2px 0 2px 0; }
.query select { margin:2px 0 2px 0; }
.query br { clear:both; }
.query div.options { margin:8px 0 0 1px;  }
.query input.button { margin-top:16px;  }

/* Suchanfrage 
uses: button
*/
.search-query h2 { /*background-color:#BCBCB9;*/ padding:2px 0 2px 8px; border-bottom:1px dotted #C5C4B9; }
.search-query input { margin:2px 3px 2px 0 }
.search-query input.button { margin-top:8px; }
.search-query textarea { margin-bottom:4px; }
.search-query select { margin:2px 0 2px 0 }
.search-query br { clear:both; }

// alternierende Farben f�r Zeilen
tr.even { padding:0 8px 0 0px; font-size:10pt; }
tr.even:hover { background:#D0D0D0; }
tr.even td { border:none; vertical-align:middle; font-size:10pt; }
tr.odd {padding:0 8px 0 0px; background:#DDDDDD; font-size:10pt; }
tr.odd:hover { background:#D0D0D0; }
tr.odd td { border:none; vertical-align:middle; font-size:10pt; }
/*
** -------------------------------------------------------------------------------- 
*/

/* Listenobjekte hinzufuege */
.add-list-object { margin-left:8px!important; padding-left:8px!important;  background-color:#efefef; font-size:100%!important; /* */}

/* Formularfeld mit L�schen Button */
.delete-objects { }

/* Fortschrittanzeige */
ol.progress { 
	margin:0;
	padding:0;
	background-color:#F5F5F5;
}
ol.progress li { 
	background-color:#E3E3E3;
	background-image:url(/images/progress.gif);
	background-position:top right;
	background-repeat:no-repeat;
	list-style-position:inside;
	float:left;
	font-size:10px;
	padding:2px 16px 2px 4px;
	margin:0 0 16px 0;
}
li.progress-last { 
	background-image:url(../img/spacer.gif)!important;
}
br.progress { clear:both; height:0; line-height:0; font-size:0; }
li.progress-selected { 
	background-color:#A2B9C2 !important;
	background-image:url(/images/progress-selected.gif) !important;
}
li.progress-last-selected { 
	background-color:#A2B9C2 !important;
	background-image:url(../img/spacer.gif) !important;
}

.controll-buttons { width:100%; }
.controll-buttons .align-left { float:left; width:75% }
.controll-buttons .align-right { float:right; width:25%; text-align:right; }

/* Elemente bei Bedarf ausblenden, Platz der versteckten Elemente bleibt erhalten */
.hidden { visibility:hidden; }

/* Anmerkungen, Informationen als Beifuegung */
.info { color: #999999; }

/* Fehlermeldungen */
.error-msg { color:#FF0000; }

/* PDF Pictogramm fuer download */
.picto-pdf { background-image:url(../img/picto-pdf.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }
.picto-pdf-disabled { background-image:url(../img/picto-pdf-disabled.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }

/* CSV Pictogramm fuer download */
.picto-csv { background-image:url(../img/picto-csv.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal; }
.picto-csv-disabled { background-image:url(../img/picto-csv-disabled.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }

/* DOC Pictogramm fuer download */
.picto-doc { background-image:url(../img/picto-doc.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }
.picto-doc-disabled { background-image:url(../img/picto-doc-disabled.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }

/* DOC Pictogramm fuer download */
.picto-xml { background-image:url(../img/picto-xml.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }
.picto-xml-disabled { background-image:url(../img/picto-xml-disabled.gif); background-repeat:no-repeat; background-position:left 2px; padding:2px 0 2px 20px; line-height:160%; font-weight:normal;  }

.picto-download {
    background-image:url("../img/ic_file_download_black_18dp.png");
    background-repeat:no-repeat;
    background-position:left 2px;
    padding:2px 0 2px 20px;
    line-height:160%;
    font-weight:normal;
}

.login { width:90%; }
.login fieldset { border:1px dotted #C5C4B9; padding:8px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.login label { float:left; width:110px; }
.login input { margin-bottom:4px; }
.login textarea { margin-bottom:4px; }
.login br { clear:both; }

/* Formularfeld mit L�schen Button */
.delete-objects { }

/* Hinzuf�gen-, Wegnehmenfelder */
.shift-object td { padding-right:8px; }
.shift-field { width:300px; }

/* Bankleitzahlenvalidierung */
.auto_complete ul {
	max-height: 100px;
	overflow: auto;
	background: white;
	border: 1px solid grey;
	position:absolute;
	left:-1px; 
	padding:0px; 
	list-style:none;
	background:white; 
	z-index:1000; 
	line-height:1.5em; 
	margin:0px;
	width:99%;
}
.auto_complete ul li {
	margin:0;
	padding:2px;
	display:block;
	list-style-type:none;
	cursor:pointer; 
}
.auto_complete ul li:hover { background: #D9EEFE; }
.auto_complete ul li.selected { background: #D9EEFE; }

.checkboxMatrix td {
	border: none;
}

/* Konfliktbehebung (EditConflictMeetingComponent) */
.active-conflict-meeting-overview-day-row {
	background: white;
	border: 2px solid #999999 !important;
	font-weight: bold !important;
}

.capacity-table-cell {
	padding: 0px 4px 0px 4px !important;
	width: 30px;
}

.conflict-meeting-first-group-table-cell {
	border-left: 1px solid #999999;
}

.conflict-meeting-matrix-table {
	border-collapse: collapse !important;
}

.conflict-meeting-matrix-table-first-headers {
	border-bottom: none !important;
}

.conflict-meeting-overview-day-first_weekday-row {
	border-top: 2px solid #999999 !important;
}

.conflict-meeting-overview-marker-container {
	border-radius: 3px;
	height: auto;
	text-align: center;
	width: auto;
}

.conflict-meeting-overview-marker-container-good-alternative {
	background-color: rgba(204, 255, 153, 0.5);
}

.conflict-meeting-overview-marker-container-lock {
	background-color: rgba(255, 153, 153, 0.5);
}

.conflict-meeting-overview-marker-container-not-so-good-alternative {
	background-color: rgba(255, 255, 178, 0.6);
}

.day-table-cell {
	padding: 0px 4px 0px 0px !important;
}

.meeting-with-conflict-row {
	background-color: rgba(255, 153, 153, 0.5);
}

.meeting-with-multi-row td,
.meeting-with-multi-row th {
	border-bottom:none;
}

td.horizontal-line {
	font-size:0; 
	line-height: 0
}

.meetings-table-cell {
	padding: 0px 4px 0px 4px !important;
	width: 40px;
}

.remarks-table-cell {
	padding: 0px 4px 0px 8px !important;
}

.round-table-cell {
	text-align: center;
}

.week-table-cell {
	text-align: center;
}