body {
	font-family: "Arial", sans-serif;
	font-size: 12px;
}
.n {text-align: right !important;}
input, select, textarea{
	border: 1px solid #ADADAD;
}

input[type=button], input[type=submit], input[type=reset]{
	background: url(images/button_bg.gif) repeat-x bottom;
}
a{	
	text-decoration: none;
}a:hover{	
	text-decoration: underline;
}
.sep{
	clear: both;
	margin-bottom: 4em;
	}
.positive{
	background-color: #6F6;
}
.negative{
	background-color: #f06;
}
tr.credit_note td,tr.credit_note th{
	color: #f00;
}
.wentUp{
	color: #0000FF;
}
.wentDown{
	color: #FF0000;
}
.no-br{
	white-space: nowrap;
}
	
#header{
	width: 100%;
}
#header h1{
	font-family: "Tahoma", sans-serif;
	font-size: 10px;
	color: #05694D;
	font-weight: bold;
	border: 0;

	width: 190px;
	background: url(images/logo.jpg) no-repeat;
	padding: 50px 0 0 0;
	text-align: right;
	float: left;
	margin: 0 0 15px 0;
}

#header h1.novetis {

	width: 280px;
	background: url(images/logo-novetis.jpg) no-repeat;

}
#header h1.acquadellelba {
	width: 180px;
	background: url(images/logo-acquadellelba.png) no-repeat;
}
#search{
	float:right;
	padding-left: 25px;
	background: url(images/search_ico.gif) no-repeat;
	margin: 1em 1em 0 0;
}
#wrapper{
	clear: both;
}
#shortcuts, #shortcuts a{
	color: #E4E4E4;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	text-decoration: none;
}
 #shortcuts a:hover{
 text-decoration: underline;
 }
#shortcuts{
	background: #0E977C;
	height: 2em;
	padding-top: 6px;
}
#shortcuts div{
	margin-left: 70px;
	background:  url(images/shortcuts_ico.gif) no-repeat;
	padding-left: 25px;
	
}
#shortcuts .tl_round{
	float: left;
	height: 7px;
	width: 7px;
	background: url(images/shortcuts_tl_bg.gif) no-repeat;
	margin-top: -6px;
}
#shortcuts .tr_round{
	float: right;
	height: 7px;
	width: 7px;
	background: url(images/shortcuts_tr_bg.gif) no-repeat;
	margin-top: -6px;
}

#sideMenu{
	float: left;
	background: #F2F2F2;
	width: 260px;
	margin-right: 1em;
	height: 100%;
	padding: 10px 2px;
	min-height: 500px;
	font-weight: bold;
}
#sideMenu a{
	text-decoration: none;
	font-weight: normal;
	color: #000;
}
#SLAP_System_Menu ul li img, #SLAP_System_Menu li img[alt="-"]{
	margin-bottom: -8px;
	}
#sideMenu a:hover{
	text-decoration: underline;
}
#sideMenu .hl a{font-weight: bold;}
#sideMenu .hl a span{color: red;}
#SLAP_System_Menu{
	list-style: none;
	margin:0; padding: 0;
}
#SLAP_System_Menu ul{
	list-style: none;
	margin: 0 0 0 16px; padding: 0;
}
#SLAP_System_Menu ul li{
	min-height: 24px;
	}
#main{
	float: right;
	margin-left: -280px;
	width: 100%;
}
#mainBody{
	margin-left: 280px;
}
#path{margin: 1em 0;}
#path, #path a{
color: #333333;

}
#path a{
font-weight: bold;
text-decoration: none;
}
#path a:hover{
text-decoration: underline;
}
	
#path .path_delim{
margin-bottom: -2px;margin: 0 0.5em;
}



/*FORMS*/
.apForm{
width: 100% !important;
}
.apForm .field, .apForm .field.required{
	background: none !important;
	
padding-left: 0 !important;
margin-left: 0 !important;
}
.apForm .fieldLabel{
	width: 200px !important;
	padding-left: 2px !important;
}
.apForm .active{
max-width: 300px !important;
border: 1px solid #A9A9A9 !important;
}
.apForm fieldset{
padding: 0; margin: 0; border: none !important;
margin-bottom: 1em !important;
clear: both;
}
.apForm legend{
	font-size: 14px !important;
	color: #666666 !important;
	font-weight: bold !important;
	font-variant: normal !important;
	}
.apForm .fieldBody{
width: 300px !important;
}
.apForm .oneline .fieldBody {
	display: inline;
}
.apForm .infoMessage{
	float: left;
//	padding-left: 180px !important;
	width: 300px !important;
}
.apForm .active.tiny{
width: 50px !important;
}
.apForm .active.small{
width: 120px !important;
}
.apForm .buttons{
margin-left: 180px !important;
width: 320px;
clear: both;
}
.apForm .submitButton, .apForm .resetButton, .apForm .customButton, .apForm .backButton{
background: transparent url(/res/images/button_submit.gif) left bottom no-repeat !important;
padding-bottom: 2px;
border: 1px solid #D2D2D2 !important;
cursor: pointer;
padding-left:21px;
}
.apForm .submitButton{
	font-weight: bold;
}
.apForm .resetButton{
background-image: url(/res/images/button_reset.gif)  !important;
}
.apForm .customButton{
background: url(/res/images/button_bg.gif) repeat-x !important;
}
.apForm .customButton.cancel{
background: url(/res/images/button_cancel.gif) no-repeat !important;
}
.apForm .customButton.delete{
background: url(/res/images/button_reset.gif) no-repeat !important;
}
.apForm .backButton{
	background: url(/res/images/button_cancel.gif) no-repeat !important;
}

.apForm .buttons .fieldButton:last-child{
float: right;
margin-right: 14px;
}
.apForm .buttons .fieldButton:first-child{
float: left;
}

.apForm .field.error{
	border: 1px solid #FF0101 !important;
	background-color: #FDF7F7 !important;
	background-image: none !important;
	width: 500px;
}
.apForm .active.error{
	border: 1px solid #FF0101 !important;
		
}
.apForm .field.error .errorMessage{
text-align: left;
color: #000;
padding-left: 1em;
}

.apForm fieldset.packed + fieldset.packed {
	border-left: 1px solid #ADADAD !important;
	padding-left: 1em;
}
.apForm fieldset.packed {
	float: left;
	width: 220px;
	clear: none;
}
.apForm fieldset.packed.double{
	width: 450px;
}
.apForm fieldset.packed .error{
	width: 220px;
	}
.apForm fieldset.stacked{
	float: left;
	clear: none;
//	width: 390px;
}
.apForm fieldset.stacked.wider{
//	width: 590px;
}
.apForm fieldset.stacked .fieldLabel{
//	width: 60px !important;
//	text-align: right;
	margin-right: 0 !important;
	padding-right: 10px;
}
.apForm fieldset.stacked .fieldBody{
	width: 308px !important;
}
.apForm fieldset.stacked.wider .fieldBody{
	width: 508px !important;
}
.apForm fieldset.stacked legend{
	font-size: 12px !important;
	color: #000 !important;
	font-weight: bold !important;
}
.apForm fieldset.stacked .active{
	max-width: 310px !important;
}
.apForm fieldset.stacked.wider .active{
	max-width: 510px !important;
}
.apForm fieldset.stacked .infoMessage{
	max-width: 310px !important;
//	padding-left: 70px !important;
}
.apForm fieldset.stacked.wider .infoMessage{
	max-width: 510px !important;
	width: 510px !important;
}
.apForm fieldset.stacked .errorMessage{
	width: 380px;
	margin-right: -1em;
}
.apForm fieldset.stacked.wider .errorMessage{
	width: 580px;
}
.apForm fieldset.packed .fieldLabel{
	width: 140px !important;
}
.apForm fieldset.packed .fieldBody{
	width: 80px !important;
}
.apForm fieldset.packed.double .fieldBody{
	width: 300px !important;
}
.apForm fieldset.packed legend{
	font-size: 12px !important;
	color: #000 !important;
	font-weight: bold !important;
}
.apForm fieldset.packed .active{
	max-width: 80px !important;
}
.apForm fieldset.packed.double .active{
	max-width: 330px !important;
	width: 330px !important;
}
.dealerProfitBar{
	font-size: 17px;
	text-align: center;
	line-height: 6em;
}



.apForm fieldset.header{
	width: 200px !important;
	float: left;
	clear: none;
	margin-right: 3em;
}
.apForm fieldset.header.title{
	text-align: center;
	font-size: 14px;
}
.apForm fieldset.header .fieldBody, .apForm fieldset.header .active{
	width: 200px !important;
	clear: none !important;
	display: clock !important;
}

.apForm fieldset.header .active.tiny{
width: 50px !important;
}
.apForm fieldset.header .active.small{
	width: 120px !important;
	
}
.apForm fieldset.header .fieldLabel{
	/*float: none !important;*/
	font-size: 10px;
	font-weight: normal;
	color: #666666;
}
.apForm fieldset.header .field{
	padding:0;
}

.apForm table.table .active.compact{
width: 100% !important;         
}
.apForm fieldset.header .field.error{
	width: 200px;
	}
/** Tabs **/
.tabList{
	list-style: none; display: block;  margin: 0; padding: 0;
	height: 40px;
	background: url(images/tabs_bg.gif) left bottom no-repeat;
}
.tabList li{
	display: block; float: left; margin: 0 1em; padding: 0.1em 1em; min-width: 100px; text-align:center; border: 1px solid #AFAFAF; background-color: #F0F0F0;
	height: 17px;
}
.tabList li.active{
	background: white;
	border-bottom: 1px solid white;
}
.tabList a{
	color: #000;
}



/** TABLES **/
table.table thead tr td input,table.table thead tr td select{
	width: 100%;
}
table.table tbody td{
	text-align: center;
}
table.table tbody td.noresuts{
	color: gray;
}

table.table .repeatableLink{
	margin-right: -9px;
	float: right;
}

table.table.productList tfoot tr td{
	border-color: #666;
	border-top: 5px solid #fff !important;
	color: #fff;
	background-color: #666;
	text-align: left;
	padding: 3px 1px;
}
table.table.productList tfoot.tbody tr td{
	border-color: #666;
	border-top: 5px solid #fff !important;
	color: #000 !important;
	background-color: #999;
	text-align: left;
	padding: 3px 1px;
	font-size: 12px;
text-align: center;	
}
table.table.productList tbody tr,table.table.productList tfoot.tbody tr{
background: #999;
}
table.table.productList tbody tr td,table.table.productList tfoot.tbody tr td{
border: 1px solid #999;
border-bottom: 1px solid #fff;
padding: 3px 1px;
}
table.table.productList tbody tr.autoRow{
background: #fff;
}
table.table.productList tbody tr.autoRow td{
border: 1px solid #E2E0E0;
padding: 3px 1px;
}
table.table.productList tbody tr td .active,table.table.productList tfoot.tbody tr td .active{
border-color: #666666 !important;
}
table.table.productList tbody tr td .active[disabled],table.table.productList tfoot.tbody tr td .active[disabled]{
border-color: transparent !important;
background-color: transparent !important;
color: #000 !important;
text-align: center;
}
table.table.productList tr td .active.secondary{

	background-color: #ccc !important;
}
table.table.productList tbody tr td  .active.error.secondary{
	background-color:#FFD5AF !important;
}

table.documentFooter th{
	text-align: left; font-weight: bold;
}
table.documentFooter th.center{
	text-align: center; 
}
table.documentFooter td{
	text-align: left !important;
}
table.table.highlight tbody tr:hover{
background-color: #F0F0F0 !important;
border-collapse: separate;
}
table.table.highlight tbody tr:hover td{
border-collapse: separate;
}
table.table.highlight tbody tr:hover td:FIRST-CHILD,table.table.highlight tbody tr:hover th:FIRST-CHILD{
	border-left: 1px solid black;
}
table.table.highlight tbody tr:hover td:last-child, table.table.highlight tbody tr:hover th:last-child{
	border-right: 1px solid black;
}
table.table.highlight tbody tr+tr:hover td,
table.table.highlight tbody tr:hover td,table.table.highlight tbody tr:hover th{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}


table.table.simple th{
 border-right: 1px solid #aaa;
 background-color: #EEE;
 margin: 0;
 padding: 0 1em 0 1em;
 text-align: center;
}
table.table.simple tr td{
 padding-left:0.5em;
 padding-right:0.5em;
 padding-top: 0.2 em;
 padding-bottom:0.2 em;
	text-align:left;
}

div.documentTools{
	width: 740px;
	text-align: right;
	margin: 0 5px;
}

h2{font-size: 14px; color: #666666;}

.toPrint{margin-bottom: 2em;}
.toPrint div{clear: both;margin-bottom: 2px;}
.toPrint label{width: 290px;float: left;}
.toPrint input[type=text]{width: 40px;text-align: right;}
.toPrint input[type=checkbox]{margin-left: 0}



/* Windows
---------------------------------------------------------------- */

.mocha {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	overflow: hidden;	
}

.mocha.isFocused {	
}	

.mochaOverlay {
	position: absolute;
	top: 0;
	left: 0;	
}
	
.mochaTitlebar {
	width: 100%;
	overflow: hidden;	
}

.mochaTitlebar h3 {
	font-size: 12px;
	line-height: 15px;	
	font-weight: bold;
	margin: 5px 10px 4px 12px;
	padding: 0;
	color: #888;
}

.mocha.isFocused .mochaTitlebar h3 {
	color: #141414;
}

.mochaToolbarWrapper {
	width: 100%; /* For IE */
	position: relative;
	height: 29px;
	background: #f1f1f1;	
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
}

div.mochaToolbarWrapper.bottom {
	border: 0;
	border-bottom: 1px solid #d9d9d9;
}

.mochaToolbar {
	width: 100%; /* For IE */
	border-top: 1px solid #fff;
}

.mochaContentBorder {
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.mochaContentWrapper { /* Has a fixed height and scrollbars if required. */
	font-size: 12px;
	overflow: auto;
}
	
.mochaContent {
	padding: 10px 12px;
}

.mocha .handle {
	position: absolute;
	background: #0f0;
	width: 3px;
	height: 3px;
	z-index: 2;
	opacity: .0;
	filter: alpha(opacity=0);
	-moz-opacity: .0;
	overflow: hidden;
	font-size: 1px; /* For IE6 */
}

.mocha .corner { /* Corner resize handles */
	background: #f00;
	width: 10px;
	height: 10px;
}

.mocha .cornerSE { /* Bottom right resize handle */
	background: #f00;
	width: 20px;
	height: 20px;
}

.mochaCanvasHeader {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	z-index: -1;
	display: none;
	overflow: hidden;
}

.mochaControls {
	position: absolute;
	width: 52px;
	top: 8px;
	right: 8px;
	height: 14px;
	z-index: 4;
	background: transparent;
}

.mochaCanvasControls {
	position: absolute;	
	top: 8px;
	right: 8px;	
	z-index: 3;
	background: transparent;
}

/*
	To use images for these buttons:
	1. Set the useCanvasControls window option to false.
	2. If you use a different button size you may need to reposition the controls.
	   Modify the controlsOffset window option.		
	2. Add background images to each button.

*/
.mochaMinimizeButton, .mochaMaximizeButton, .mochaCloseButton {
	float: right;
	width: 14px;
	height: 14px;
	font-size: 1px;	
	cursor: pointer;
	z-index: 4;
	background: #f00;
	margin-left: 5px;
}

.mochaMinimizeButton {
	margin-left: 0;
}

.mochaMaximizeButton {
}

.mochaCloseButton {
}

.mochaSpinner{
	visibility: hidden;	
	position: absolute;
	bottom: 7px;
	left: 6px;
	width: 16px;
	height: 16px;
	background: url(../images/spinner.gif) no-repeat;
}

.mochaIframe {
	width: 100%;
}  
		
/* Fix for IE6 select z-index issue */
.zIndexFix {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 100px;
	height: 100px;
	border: 1px solid transparent;
}




.commentinput{}

.commentinput tr{
	display:none;
	cursor:pointer;
}
.commentinput tr.header{
	display: table-row;
	background-color:#EEEEEE;
}
.commentinput tr.header td{
border:1px solid #CCCCCC;	
}

.commentinput.open tr{
	display: table-row !important;
}
.commentinput .inactive td{color:gray}





.l{
	text-align: left !important;
}
.r{
	text-align: right !important; 
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}