/* In dieser Datei befindet sich das
 * Basis-Layout der Seite */

body {
 margin: 0;
 padding: 0;
 background-color: #003B80;
}


/* Der Container, welcher alle Elemente umfasst.
 * Funktionen:
 
 * - Gesamtbreite der Seite festlegen  */
div#mainContainer {
 /* wegen text-align in body */
 text-align: left;

}

/* --------- Eingeloggter User und Logout-Link --------- */
div#logout{
	text-align:right;
	color:#FFFFFF;
}


/* der Container umfasst
 * leftbar,content,rightbar,footer */
div#contentContainer{
 /*
 background-image: url(images/contentContainer_bg.gif);
 background-repeat: repeat-y;
 */
 background-color:#F9F7EE;
 min-height:600px;
 
 padding:10px 20px 10px 20px;
 clear:both;
}


div#leftbar {
 width: 197px;
 padding: 0px;
 float:left;
}


div#content {
 /*float: left;*/
}


div#rightbar {
 width: 190px;
 float: right;
}


div#header, 
div#footer, 
div#footerInfo,
div#mainContainer {

 width: 990px;

 /* wegen den 'float's von leftbar,conent,rightbar,
  * damit in den Browsern, die die Standards
  * korrekt umsetzen, das Container-Element
  * von '#contentContainer' den Hintergrund
  * bis  nach unten darstellt */

 clear: both;
}


/* Positionierung des Header-Blocks*/
div#header{
 background-image: url(images/header.gif);
 background-repeat:no-repeat;
}



/* Positionierung des Top-Navigations-Blocks*/
div#topNav{
 margin-top:20px;
 height:29px;
 background-color:#F9F7EE;
 border-bottom:1px solid #003B80;
 padding:2px;
 clear:both;
}

/* Positionierung des Sub-Navigations-Blocks*/
div#subNav{
 height:21px;
 background-color:#F9F7EE;
 border-bottom:1px solid #003B80;
 padding:2px;
 clear:both;
}


/* Container-Klasse der Menü-Einträge */

/* ----- nicht ausgewählte Tabs --------- */
.topNavMenu{
  	float: left;
	width: 150px;
	 
	margin: 1px 2px 1px 0px;
	padding:4px;
	text-align:center;
	
	border: 1px solid #FFFFFF;
	background-color: #F4E4BB;
}


/* Menü-Links */
.topNavMenu a:link, 
.topNavMenu a:visited,
.topNavMenu a:hover{
	
	color: #003B80;
	text-decoration: none;
	font-weight:bold;
	font-size:11pt;
}


/* Klasse des ausgewählten Menü-Eintrags */
.topNavMenuSelected,
.topNavMenu:hover{
	float: left;
	width: 150px;
	 
	margin: 1px 2px 1px 0px;
	padding:4px;

	text-align:center;

	border-top:1px solid #003B80;
	border-left:1px solid #003B80;
	border-right:1px solid #003B80;
	
	background-color:#FFFFFF;
}


.topNavMenuSelected a,
.topNavMenuSelected a:hover,
.topNavMenuSelected a:visited,
.topNavMenu:hover a{
 
	color: #003B80;
	text-decoration: none;
	font-size:12pt;
}

/* --------------------------- Sub-Navigation ------------------------ */


/* ----- nicht ausgewählte Tabs --------- */
.subNavMenu{
 	float: left;
 	margin: 1px 2px 1px 0px;
	padding:3px;

 	min-width: 100px;
 	text-align: center;
 
	border: 1px solid #FFFFFF;
	background-color: #F4E4BB;
}


/* Menü-Links */
.subNavMenu a:link, 
.subNavMenu a:visited,
.subNavMenu a:hover{
 	color: #003B80;
 	text-decoration: none;
 	font-weight:normal;
 	white-space:nowrap;
}


/* Klasse des ausgewählten Menü-Eintrags */
.subNavMenuSelected,
.subNavMenu:hover{
	float: left;
	margin: 1px 2px 1px 0px;
	padding:3px;
	
	min-width: 100px;
 	text-align: center;
 	
 	border-top:1px solid #003B80;
	border-left:1px solid #003B80;
	border-right:1px solid #003B80;
	
	background-color: #FFFFFF;
	white-space:nowrap;
}


.subNavMenuSelected a,
.subNavMenuSelected a:hover,
.subNavMenuSelected a:visited,
.subNavMenu:hover a{
	
	color: #003B80;
	text-decoration: none;
}


/* Info-Feld unterhalb Content-Bereich */
div#footer{
    background-color:#F4E4BB;
}
div#footerInfo{
 padding:20px;
 text-align:center;
}




/*--------------------------------------------------------------
			Style-Angaben
-------------------------------------------------------------- */
/* Diese Datei beinhaltet grundlegende Styles,
 * welche auf der gesamten Seite zum Einsatz kommen */

body,td,p,div,a,li,textarea{
 font-family: Verdana;
 font-size: 9pt;

}


/* ------------------------------------------------------------------
					Überschriften
------------------------------------------------------------------ */
h1{
 font-size:14pt;
 color:#003B80;
 margin:10px 0px 5px 0px;
}

h2,legend{
 font-size:12pt;
 color:#003B80;
 margin:8px 0px 2px 0px;
}

h3{
 font-size:10pt;
 color:#003B80;
 margin:8px 0px 2px 0px;
}

.specialHeader{
	margin-top:20px;
	border-bottom:1px solid #42b4e6;
}

/* ------------------------------------------------------------------
					Links
------------------------------------------------------------------ */
a{
 font-weight:bold;
 color: #42b4e6;
}

a:hover, a:active{
 color: #42b4e6;
}

a img{
	border:0px !important;
}

/* ------------------------------------------------------------------
					weitere Standard-Tags
------------------------------------------------------------------ */
p{
 margin:5px 0px 5px 0px;
 padding:0px;
}

hr{
 size:1px;
 height:1px;
 color: #73A145;
 border:0px;
}

.highlightText{
 color:#F84527;
 font-weight:bold;
}

.boldText{
 font-weight:bold;
}

.editCol{
 width:25px;
 margin:1px;
 vertical-align:top;
 align:middle;
}


/* ------------------------------------------------------
*				Listen-Tabellen
* Darstellung von Artikeln usw.
* ----------------------------------------------------- */

.listTable{
 width: 575px;
 table-layout:fixed;
 border-collapse: collapse;
 
}


/* border über border-collapse zusammenlegen und dann für jede einzelne Zelle border setzen */
.listTable tr td{
 border: 1px solid #003B80;
 margin:0px;
 vertical-align:top;
}

.listTable a{
 text-decoration: none;
}

.listTableHeader{
 padding: 6px 3px 6px 3px;
 border-top: 1px solid #003B80;

 vertical-align: middle;

 color:#FFFFFF;
 background-color: #003B80;
 font-weight: bold;
}

.listTableHeaderLeft{
 width:120px;
 padding: 4px 3px 4px 3px;
 
 vertical-align: top;
 font-weight: bold;
}

.listTableHeaderFirstField{
 border-left: 1px solid #ECF2E4;
}

.listTableHeader a, .listTableHeaderLeft a{
 color: #FFFFFF;
}

.listTableHeader img, .listTableHeaderLeft img{
 border: none;
 margin-left: 0px;
}

/* --- Zwischen-Überschrift --- */
td.listTableSubHeading{
 font-size:11pt;
 font-weight:bold;
 color:#003B80;

 padding:20px 0px 2px 0px;
 border-left:0px !important;
 border-right:0px !important;
}

.listTableRow1, .toggle1{
 background-color: #FDFCF8;
}

.listTableRow2, .toggle2{
 background-color: #f3feff; 
 background-color: #eaf4f5; 
}

.listTableContent{
 padding: 2px;
 margin: 0px;
 vertical-align:top;
 color: #000000;
}

.listTableContent a{
 color: #629cb7;
}

.listTableContentCentered{
 text-align: center;
}



.currentClothes .listTableHeader{
			background-color: #528900;
		}
		
.currentClothes .toggle2{
	background-color: #F1F7E8;
}
		
		

.tableBold tr td{
 font-weight:bold;
}

/* ------------------------------------------------------------------
					Eingabe-Tabellen
------------------------------------------------------------------ */
.inputTable, .editTable{
 width:575px;
 margin:0px;
 border-collapse:collapse;
}


.inputTable tr td, .editTable tr td{
 vertical-align:top;
}/* margin und padding darf hier nicht global gesetzt werden! */

/* --- Zwischen-Überschrift --- */
td.inputTableSubHeading, td.editTableSubHeading{
 padding:1px;

 font-size:11pt;
 font-weight:bold;
 color:#003B80;

 border-bottom: 1px solid #003B80;
 padding:20px 0px 2px 0px;

}

td.inputTableHeader, td.editTableHeader{
 margin:2px;
 padding:1px;

 font-weight:bold;
 width:150px;
 vertical-align:top;
 padding:2px 0px 2px 0px;
}

td.inputTableContent, td.editTableContent{
 margin:2px;
 padding:1px;

 vertical-align:top;
 padding:2px 0px 2px 0px;
}




/* -------------------------------------------------
*				 Formular-Elemente
* -------------------------------------------------- */
.formRadioButton{

}

.formCheckbox{
 margin:0px;
 padding:0px;
}


.formTextField{
 width:240px;

 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 padding:1px;
 margin: 0px;
}

input.formTextField{
  height:17px;
}

textarea.formTextField{
 height:100px;
}

.formSelectBoxVariable{
 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;
}


.formSelectBox{
 width:240px;
 
 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;
}

.formSwitchBox{
 width:260px;
 height:150px;
}

.formOrderBox{
 width:260px;
 height:150px;

 border-width:1px;
 border-color: #73A145 #CCE1B8 #CCE1B8 #73A145;
 background-color: #FDFCF8;

 color: #336633;

 font-size:0.9em;
}

.formOrderBoxButton{
 margin: 2px;
 padding: 0px;

 width:20px;
 height:20px;

 border-style:solid;
 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;

 background-color: #80B24D;

 text-align:center;
 vertical-align:middle;
}


.formButton{
 height: 20px;
 
 font-size: 8pt;
 font-weight: bold;
 
 /* 
 width: 80px;
 background-color: #42b4e6;

 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;
 background-color: #42b4e6;
 
 color: #ffffff;*/
}

input.switchBoxButton{
	width:40px !important;
	height:40px;
}

.linkAsButton{
 margin: 2px;
 padding: 0px;

 color:#FFFFFF;

 border-style:solid;
 border-width:1px;
 border-color: #9BC373 #405927 #405927 #9BC373;

 background-color: #80B24D;

 text-align:center;
}

.linkAsButton a{
 color:white;
}

.linkAsButtonInactive{
 margin: 2px;
 padding: 0px;

 color:#FFFFFF;

 border-style:solid;
 border-width:1px;
 border-color: #DCDFD9 #B5CAA5 #B5CAA5 #DCDFD9;

 background-color: #DCDFD9;

 text-align:center;

}

/* ------------ flexible Selectbox mit Bildern ------------- */
.formSelectboxFlexible{
	border: 1px solid;
	border-color: #000000 #DDDDDD #DDDDDD #000000;
	background-color:#FDFCF8;
	overflow:hidden;
}

.formSelectboxFlexible table{
	background-position: center right;
}

.formSelectboxFlexible table td{
	padding-right:25px;
}

.formSelectboxFlexible .listID{
	padding:5px;
	min-height:40px;
}



/* -------------------------------------------------
*				 Listen-Navigation
* -------------------------------------------------- */
.queryNavigationBox{
	margin-bottom: 5px;
}

	.queryNavigation{
		width:70%;
		float:left;
		margin: 10px 0px 0px 0px;
	 	
	}
	
	.queryNavigation .queryNavigationPagesInner{
		display:inline-block;
		background-color:#FBFAF8;
		height:16px;
		overflow:hidden;
		padding:0px;
		position:relative;
	}
	
	
		.queryNavigation .queryNavigationPagesInner img{
			position:relative;
			top:0px;
		}
		
		.queryNavigation .queryNavigationPagesInner .queryNavigationPage{
			display:inline-block;
			padding: 0px 8px 0px 8px;
			margin:0px;
			border-right: 1px solid #C6A5B0;
			font-size:9pt;
			position:relative;
			top:-3px;
		}
	
		.queryNavigation .queryNavigationPagesInner .queryNavigationPageSelected{
			font-weight:bold;
			color: #003B80;
			text-decoration:none;
		}
	
	.queryNavigation .queryNavigationInfoRow{
		color:#a45373;
	}
		
	.queryNavigationObjectsPerPage{
		width:30%;
		float:right;
		margin: 15px 0px 0px 0px;
		text-align:right;
	}
	
	
	
	
	.queryNavigationOrderBy{
		margin: 0px 0px 0px 0px;
		font-size:0.9em;
	}

	
/* ----------------------------------------------------------
				Info-Boxen
------------------------------------------------------------ */


/* editInfo wird verwendet, wenn Eingabehilfen angzeigt werden */
.editInfo{
 background: url("images/info.gif") no-repeat;
 padding:1px 1px 1px 20px;

}

.editInfo, .editInfo a{
 font-size:8pt;
 font-weight:normal;
 color:#555555;
}

/* ------------ Layout der info-Boxen function displayInfo() -------- */

.infoBox{
 margin:10px 0px 10px 0px;
 border: 1px solid #B7D49A;
}

.infoBoxHeader{
 margin:0px;
 padding:2px;
 background-color:#FFF5B3;
 color:#006600;
 font-weight:bold;
}

.infoBoxContent{
 margin:0px;
 padding:2px;
 background-color:#FFFFFF;
 color:#006600;
}

/* --------- Layout der infoUpdate-Boxen function displayUpdateInfo() ------ */
.updateInfoBox{
 margin:10px 0px 10px 0px;
 border: 1px solid #73A145;
}

.updateInfoBoxHeader{
 margin:0px;
 padding:2px;

 background-color:#73A145;
 color:#E7F2DD;
 font-weight:bold;
}

.updateInfoBoxContent{
 margin:0px;
 padding:2px;
 background-color:#E7F2DD;
 color:#006600;
}


/* ----------------------------------------------------------
			Popup-Boxen für Autocomplete
---------------------------------------------------------- */
input.james{
	padding-left:20px;
	background-image: url(images/jamesBG.gif);
	background-repeat:no-repeat;
	packground-position:center left;
}

.ul_james {
	margin: 0;
	padding: 0px;
	height:400px;
	overflow:auto;
	min-width:300px;
	width:expression("300px");	/*IE-Hack*/
	
	border-color: #629cb7;
	border-width: 1px 1px 1px 10px;
	border-style:solid;
    list-style-position: outside;
    list-style: none;
	background-color:#FFFEFC;
}

.li_james {
	padding:2px;
	cursor: pointer;
	white-space:nowrap;    
}

.li_james pre{
	margin:0px;
	padding:0px;
}

.li_james_hovered {
    padding:2px;
	background-color:#f8f5f0;
}

/* Zwischenüberschrift bei DropDown */
.ul_james .listHeader{
	font-weight:bold;
	background-color:#d3bbc4;
	text-align:center;
	border-bottom:1px solid #742542;
	margin-top:5px;
	cursor:default;
}



/* ----------------------------------------------------------
			Sonstiges
---------------------------------------------------------- */

/*
*	wird bei Fehlermeldungen (z.B. Formularfeldern mit ungültigem Inhalt) angehängt
*	 myField.className += " redBorder";
*/
.redBorder {
 border: 1px solid #ff0000;
}

.redBG{
	background-color: #ff9999;
}

.active{
 color:#009900;
}

.inactive{
 color:#FF0000;
}


.smallText{
 color:#999999;
 font-size:0.9em;
}


.tableLikeListing span{
	display: -moz-inline-box;;
	display: inline-block;
	MARGIN: 0px;
	WIDTH: 200px;
}

fieldset{
	border: 1px solid #003B80;
	padding:5px;
}

fieldset legend{
	font-weight:bold;
}

fieldset form, fieldset div{
	margin:10px;
}

/* weitere Links auf der Detailseite */
.moreLinks{
	clear:both;
	margin:10px 0px 0px 0px; 
	border-top:1px solid #CCCCCC;
	padding:2px;
	background-color:#EEEEEE;
}

.moreLinks a{
	text-decoration:none;
}

.stateOK:link, .stateOK:hover, .stateOK:active, .stateOK:visited{
	color:#339933;
}

.stateSTOP:link, .stateSTOP:hover, .stateSTOP:active, .stateSTOP:visited{
	color:#FF0000;
}



/* ************* jQuery-Elemente *********************** */

/* für input-Felder, um sie als Eingabefelder kenntlich zu machen */
input.editable,
select.editable,
textarea.editable{
	background: url(images/transparency50.png);
	padding:0px 0px 0px 16px;*/
	background-color:transparent;
	border:1px solid #dddddd;
	 
	margin:0px;
	padding:1px;
	width:100%;	
}

select.editable{
	border:expression("1px solid #f6f5ff");	/*IE-Hack*/
	background-color:expression("#f6f5ff");	/*IE-Hack*/
}

selectbox.editable option{
	border:0px;
	padding:0px;
	margin:0px;
}

/* aktive Eingabefelder: bei Focus und Mouseover*/
input.editableOn, 
input.editableMouseOver,
textarea.editableOn, 
textarea.editableMouseOver{
	background-color:#FFFFFF;
	border:1px solid #c3c3e5;
	border-style:inset;
}

/* ------------- selektierbare Box ------------------- */
.selectableBox{
	width:100px; 
	float:left; 
	text-align:center;
	padding:4px;
	margin:2px;
	background-color:#f4efeb;
	border: 1px solid #E8E3DF;
	cursor:pointer;
}


.selectableBoxSelected{
	background-color:#d3bbc4;
	border: 1px solid #742542;
}
/* -------------------------------------------------
*				 Popup
* -------------------------------------------------- */
#popupInfo{
	display:none;
	position:fixed;   
	_position:absolute; /* hack for internet explorer 6*/  
	width:300px;
	height:50px;
	z-index:2;   
	padding:13px 13px 13px 50px;   
	font-size:15px;
	font-weight:bold;
}

.popupInfoOK{
	border:2px solid #336633;
	color: #336633;
	background: url(images/updateOK.gif) 7px center  no-repeat;
	background-color: #CCE5BC;   
}

.popupInfoError{
	border:2px solid #CB0606;
	color: #CB0606;
	background: url(images/updateError.gif) 7px center  no-repeat;
	background-color: #FFDADA;   
}


/* ------------------------------------------------------------------
					Edit-Handler
------------------------------------------------------------------ */
.edithandlerIFrame{
	width:100%;
	height:350px;
	frameborder:0px;
	border:0px;
	margin:0px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #f4efea;
}

body.edithandler{
	background-color:#F8F1D8;
}


.iFrameclothes{	height:500px;}
.iFramedistrict{height:500px;}
.iFramejob{		height:500px;}
.iFramewearer{	height:500px;}

/* Kopie der Klasse ui-widget-content aus ui.theme.css */
.edithandlerContainer{
	border:0px;
	margin:0px;
	height:100%;
	padding:0px;
	background-color:#F8F1D8;
	color: #383838;	
}


.edithandlerContainer form{
	margin:0px 10px 0px 10px;
}

/* -------------- Markierung auf Kleidung für Reparatur ------------ */
.marker{
	width:25px;
	height:25px;
	margin:0px;
	background-image: url(images/transparency50.png);
	border:2px solid red;
	position:absolute;
	top:0px;
	left:0px;
}

.dateSelect{
	width:80px;
}


/* ---------------------- Auftrag darstellen ------------------- */
.jobSheet{
	background-color:#FFFFFF;
	border: 1px solid #AAAAAA;
	padding:10px;
	position:relative;
}

	.jobSheet .date{
		position:absolute;
		top:10px;
		right:10px;
	}