body {
	background: #FFF6E8; 
	margin: 0 0 0 5px;
	padding: 0;
	color: #3E1111;
	font: 70%/1.5 Georgia, "Times New Roman", serif;
}

.formular label
{
    float:left;
    width:12em;
    padding:2px 0 0 0;
    margin:0;
}

.formular input, .formular select
{
    width:20em;
}

    
.formular input[disabled], .formular textarea[disabled]
{
	background-color: #F4F4F4;
	color: #000 !important;
	border: 1px solid gray;
	text-decoration: none;
}
    
.formular input[type="checkbox"]
{
    width:1em;
}

.formular input.preis
{
	text-align:right;
}


div.uMeldungen
{
	background-color:Red;
	color:White;
	}


/*
	Modal Popup
*/

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#FFF4DD;
	border-width:2px;
	border-style:solid;
	border-color:Gray;
	padding:0px;
	width:450px;
}

.modalPopupArtikel {
	width:650px;
}

.modalPopup div.modalPopupTitelBar
{
	color: #fff;
	background-color:#CC9A00;
	padding:.1em 0 .1em 0; 
	margin:0 0 3px 0;
	height:1.5em;
}

.modalPopup div.modalPopupTitelBar input.windowClose
{
	font-size: 10px;
	font-weight: bold;
	padding:0px;
	border: 1px solid black;
	margin:0;
} 

.modalPopup div.modalPopupTitelBar span.close
{
	float:right;
	font-weight: bold;
	border: 1px solid black;
} 

.modalPopup div.modalPopupTitelBar span.heading
{
	padding: 1px 0 0 1px;
	float:left;
} 

.modalPopup div.modalPopupContent {
	padding:2px;
}

.modalPopup div.modalPopupContent input.btnSmall{
	width:8em;
	border:1px solid black;
	padding:0 0 0 0;
}

.modalPopup div.modalPopupContent input.txtSmall{
	width:8em;
	border:1px solid black;
}



div.processMessage {
	position: fixed;
	top: 30%;
	left: 500px;
	padding: 10px;
	width: 300px;
	z-index: 1001;
	background-color: #fff;
	border: solid 1px #000;
}

/*
	Progress Panel
*/
div.progressBackgroundFilter {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 1000;
}

table.statistik > thead > tr > th
{
	font-weight:bold;
	border-bottom:1px solid black;
	padding-left:5px;
	}
	
table.statistik > tbody > tr > td
{
	text-align:right;
}
	
table.statistik > tbody > tr > td
{
	text-align:right;
	padding: 2px 2px 2px 10px;
	border-right:1px  solid  #c0c0c0;
}
	
table.statistik > tbody > tr.high {
	background-color: #FDFAFA;
}

table.statistik > tfoot > tr > td {
	font-weight:bold;
	text-align:right;
	border-top:1px solid black;
	border-right:1px  solid  #c0c0c0;
	padding: 2px 2px 2px 10px;
}


/*
    Formular zweispaltig mit extra zelle
    
    */
table.two {
    font-size: 10px;
}

table.two th:first-child{
    width: 120px;
}
table.two th{
    width: 120px;
}


table.two tr th {
    text-align: right;
}
table.two input, table.two select {
    width: 160px;
}

table.two textarea {
    width: 100%;
    font-size: 10px;
}

table.two td[colspan='4'] input[type='text'] {
    width: 100%;
}

tr.high {
	background-color: #FDFAFA;
}



.ui-autocomplete a {
    vertical-align: middle;
    display:block;
    width:500px;
}

.ui-autocomplete li a div {
    float: left;
    width: 50px;
    padding-right: 20px;
}
.ui-autocomplete li a img {
    border:1px solid #ccc;
    margin-right: 20px;
    vertical-align: middle;
    float: left;
}

.ui-autocomplete li a span.text {
    font-size: 90%;
}