@charset "utf-8";

form {
	padding:0;
	margin: 0;
}


.Col2Left {
	margin-right: 410px;
}

.Col2Right {
	float:right;
	width: 400px;
}


.Col2LeftFieldset {
	margin-right: 510px;
}

.Col2RightFieldset {
	float:right;
	width: 500px;
}

.ReverseCol2Left {
	float:left;
	width: 400px;
	
}

.ReverseCol2Right {
	margin-left: 410px;
}


.Col3Left {
	float:left;
	width:33%;
}
.Col3Middle {
	margin-left: 33%;
	margin-right: 33%;
	padding-left:10px;
	padding-right:10px;
}

.Col3Right {
	float:right;
	width:33%;
}

.Col2LeftEqual {
	float:left;
	width:50%;
}
.Col2RightEqual {
	margin-left: 50%;
	padding-left: 10px;
}

.Col245Percent {
	float:left;
	width:45%;
	overflow: hidden;
}
.Col255Percent {
	margin-left: 45%;
	padding-left: 10px;
}

.leftContainer2Column {	
	float:left; 
	width:67%
}

.rightContainer2Column {
	margin-left:67%; 
	padding-left:10px;
}

.alignRight {
	text-align:right;	
}

.alignCenter {
	text-align:center;	
}
.col3 {
	float:left;	
	min-width:200px;
	margin-right:20px;

}


.Col2LeftStartView {
	width:255px;
}

.Col2RightStartView {
	float:right;
	width: 900px;
}


input[type="file"] {
	font-size:10px;
}

div.col {
	float: left;
	margin-right: 10px;
	margin-top: 10px; 
	width: 380px;
	display: table !important
}

div.searchOptions {
	float: left;
	margin-right: 10px;
	margin-top: 10px; 
	width: 380px;
}
	
img#barcode_img{
	max-width: 350px;
}

div.col2 {
	float: left;
	/* width: 580px; */
	min-width: 450px;
	margin-right: 10px;
	margin-top: 10px;
}
div.minCol2 {
	/*float: left;
	min-width: 580px; */
	margin-right: 10px;
	margin-top: 10px;
}
div.minCol {
	float: left;
	min-width: 380px;
	margin-right: 10px;
	margin-top: 10px;
}
fieldset {
	margin:0px 0px 10px 0px;
	padding: 10px 10px 5px 10px; 
}

fieldset legend {
	padding:3px;
	margin-left:5px;
	color: #7ba41c;
	/*
	color: #b6b3b2;*/
}

fieldset legend img {
	 vertical-align:middle;
}

div.block{
	margin: 5px 0px 15px 0px;
}

div.labelLeft {
	color: #7ba41c;
}

div.labelLeft label {
	font-weight: bold;
	float:left;
	padding: 0px 0px 5px 0px;
}

div.labelLeft span.required, div.labelLeft span.requiredAjax {
	padding-left: 3px;
	font-size: 1.3em;
}

div.inputRight {
	clear: both;
}

div.inputRight input,
div.inputRight textarea,
div.inputRight select,
form.filter input#searchField,
input.tableTextfield{
	margin: 0;
	color: #333;
	font-size: 1.0em;
	border: 1px solid #e7e7e8;
	padding: 4px;
	width: 85%;
}
textarea {
    resize: none;
}

div.inputRight input.acfield {
	width: 85%;
}

div.inputRight select.selectButton{
	width: 85%;
	float: left;
}

div.inputRight input.selectButton{
	width: 24px;
	height: 24px;
	margin-left: 5px;
	margin-top: 2px;
	border: none;
	background: #fff url("../../images/icons/downArrow24x24.png") no-repeat;
}

div.inputRight select.saveButton{
	width: 85%;
	float: left;
	border: none;
}

div.inputRight input.saveButton{
	width: 24px;
	height: 24px;		
	margin-left: 5px;
	margin-top: 2px;
	border: none;
	background: #fff url("../../images/icons/save.png") no-repeat;
}

.numeric{
	text-align: right;
}

div.inputRight input.mail {
	background: #fff url("../../images/formular/envelope.png") no-repeat 4px;
	padding-left: 24px;
	width: 84.5%;
}

div.inputRight input.phone {
	background: #fff url("../../images/formular/phone-icon.jpg") no-repeat 4px;
	padding-left: 24px;
	width: 84.5%;
}

div.inputRight input.mobile {
	background: #fff url("../../images/formular/mobile_phone.png") no-repeat 4px;
	padding-left: 24px;
	width: 84.5%;
}

div.inputRight input.invalid {
	background: #fff url("../../images/table/stop_round2.png") no-repeat;
	background-position: right;
	padding-right: 24px;
	width: 80%;
}


p.instruct {
	display: none;
	max-width: 400px;
}

p.theFocus p.instruct {
	display: block;
}

div.inputRight select {
	width: 93%;
}

div.inputRight option {
	padding: 2px 0 2px 4px;
}

div.inputRight option.urlCallerOption{
	color:#7ba41c;
}

/* -------------- hover, focus ---------------- */

div.inputRight input:hover,
div.inputRight textarea:hover,
div.inputRight select:hover,
form.filter input#searchField,
input.tableTextfield{
	border: 1px solid #7ba41c;	
}


div.inputRight input:focus,
div.inputRight textarea:focus,
div.inputRight select:focus,
form.filter input#searchField,
input.tableTextfield {
	border: 1px solid #7ba41c;
	background-color: #f4f4f5;
	color: #333;
}

div.inputRight input[readOnly] {
	border: 1px solid #E7E7E8;
}

/* ------------- Button --------------- */

div.buttonInputRight{
	clear: both;
	 height: 35px; 
}

div.buttonInputRight input.button, 
form.filter input.button, 
input.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	width: auto;
/*	border-left: 1px solid #9CBB55;
	border-top: 1px solid #9CBB55;
	border-right: 1px solid #3E520E;
	border-bottom: 1px solid #3E520E; */
	border: 1px solid #7BA41C;
	padding-left:5px;
	padding-right: 5px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	line-height: 1.45em;
	color: #FFFFFF;
	background-color: #7ba41c;
	overflow: visible;
}



div.buttonInputRight a.squarebutton:link, a.squarebutton:visited,
a.squarebutton:link, a.squarebutton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
 	font-weight: bold;
 	text-decoration: none;
 	width: auto;
 	background-color: #7ba41c;
 	color: #FFFFFF;
 	/*border-left: 1px solid #9CBB55;
	border-top: 1px solid #9CBB55;
	border-right: 1px solid #3E520E;
	border-bottom: 1px solid #3E520E; */
	border: 2px solid #7BA41C;
 	float: left;
 	padding: 2px 7px 3px 7px;
	margin: 0px;
 }
 
/* Button Hack für IE 7 

*+html input.button {
	padding: 5px 5px 5px 5px;
}
*html input.button {
	padding: 5px 5px 5px 5px;
}*/

div.buttonInputRight a.squarebutton:hover,
div.buttonInputRight input.button:hover,
form.filter input.button:hover,
input.button:hover, a.squarebutton:hover
{
	/*
	color: #DCDCDC;  */
	border-left: 1px solid #e8a127;
	border-top: 2px solid #e8a127;
	border-right: 1px solid #e8a127;
	border-bottom: 2px solid #e8a127;
	
	background-color:#F0A729;
	text-decoration: none;
	cursor: pointer;
 }
 
 
 div.buttonInputRight a.invisiblebutton:link, a.invisiblebutton:visited,
a.invisiblebutton:link, a.invisiblebutton:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
 	font-weight: bold;
 	text-decoration: none;
 	width: auto;
 	background-color: #CCCCCC;
 	color: #666666;
 	/*border-left: 1px solid #9CBB55;
	border-top: 1px solid #9CBB55;
	border-right: 1px solid #3E520E;
	border-bottom: 1px solid #3E520E; */
	border: 1px solid #666666;
 	float: left;
 	padding: 2px 7px 3px 7px;
	margin: 2px;
 }

div.inputRight input.selectButton:hover{
	border: none;
	background-position: 1px 1px;
}

div.inputRight input.selectButton:focus{
	border: none;
}

/* --------------- wrong ------------------ */

div.wrong input{
	background: #fff url("../../images/formular/stop_round.png") no-repeat 4px;
	padding-left: 24px;
}

div.wrong textarea {
	background: #fff url("../../images/formular/stop_round.png") no-repeat 4px 4px;
	padding-left: 24px;
	width: 75.5%;
}

div.wrong select{
	background: #fff url("../../images/formular/stop_round.png") no-repeat 4px 4px;
	padding-left: 24px;
	width: 93%;
}

/* -- for offerLines Table -- */
input.wrong{
	background: #fff url("../../images/formular/stop_round.png") no-repeat 4px;
}

/* ------------------- Search Field --------------------- */

form.filter{
	margin-bottom:10px;
}

form.filter input#searchField{
	width: 200px;
}

/* -------------- Checkbox --------------- */

div.checkboxInputRight {
	width: 100%;
	padding: 0px;
	margin: 5px 0;
}

div.checkboxInputRight label {
	padding-left: 4px;
}

div.checkboxInputRight input {
	width: 10px;
}

/* -------------- Radio Buttons ---------- */
div.labelLeftRadio{
	height: auto;
	margin: 0;
}

div.labelLeftRadio p{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

div.inputRightRadio{
	padding: 3px 0px 0px 5px;
	margin: 7px 0;
}


/* ------------ error fieldsets ----------- */
a img {
	text-decoration: none;
	border: 0px;
}

fieldset.clientSideErrorFieldset {
	display: none;
}

fieldset.errorFieldset legend {
	font-weight: bold;
}

fieldset.errorFieldset p {
	margin: 10px;
}

/* -------------- text in forms -----------*/
div.formtext{
}

div.formtext h4{
	border-bottom: 1px solid #b6b3b2;
}

/* -------------- slidebox --------------- */

div.slideBoxSpacer{
	height: 5px;
	width: 100%;
}

div.slideLinks{
	border: 1px solid #7ba41c;
	margin: 0px 0px 0px 0px;
}

div.slideLinks a:link, div.slideLinks a:visited{
	display:block;
	padding:3px;
	background-color: #f4f4f5;
	
}

div.slideLinks a.up:link, div.slideLinks a.up:visited{
	background-image: url("../../images/icons/downArrow2.png");
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	color:#7ba41c;
}

div.slideLinks a.down:link, div.slideLinks a.down:visited{
	background-image: url("../../images/icons/acrossArrow2.png");
	background-position: 5px;
	background-repeat: no-repeat;
	padding-left: 25px;
	color:#7ba41c;
}

div.slideContent{
	background-color: #f4f4f5;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #7ba41c;
	border-right: 1px solid #7ba41c;
	border-bottom: 1px solid #7ba41c;
	overflow: hidden;
}

input.invisible{
	display: none;
}

div.confirmChange{
	background-color: #f4f4f5;
	padding: 5px 10px 0px 10px;
	margin: 5px 26px 0px 0px;
	display: none;
}

.wrong div.confirmChange input{
	background-image: none;
}