﻿/* Metisoft style Acqua */

/* #FFF;		/* color 1 */  
/* #F5F5F5;		/* color 2 */ 
/* #DCDCDC;		/* color 2_b */		  
/* #E6E6FA;		/* color_2_c */	
/* #E5E5E5;		/* color 3 */	
/* #EAEFF2;		/* color xxx */ 
/* #FFE6AC;		/* color 4 */  /* Yellow */
/* #F18E00;		/* color 5 */  /* Orange Light */
/* #3B9C9C;		/* color 6 */  /* Dark Turquoise */
/* #20B2AA;		/* color 7 */  /* LightSeaGreen  */
/* #ADD6D6;		/* color 10 */ 
/* #48D1CC;		/* color 11 */		 /* #777777;		/* color 11 */	 
/* #000;		/* color 9 */ 


html
{
    background-color: #FFFFFF;
    border-collapse: collapse;
}
      
    
body 
{
    margin:0;
    padding:0;
    font-size:8pt;
    font-weight:bold;
    background-color: #FFF;		/* color 1 */ 
    color: #000;		/* color 9 */ 
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
}

table 
{
    width:100%;
    border: none;
    border-collapse:collapse;
}

/*table td {padding:0;}	*/	/*  table td { padding:0; border:0; border-collapse:collapse; }  */
table td {border-collapse: collapse; }

div ,span
{
    border-collapse:collapse;
    border: none;
    padding:0;
    margin:0;    
}

img
{    border:0;    border-collapse:collapse;  }



.center { text-align: center; }

.top  {	 vertical-align:top; }

.top_10	{ margin-top:10px; }   

.spaced {margin: 10px;}

.scroll, .scrollable
{
    overflow-y:auto; 
    overflow-x:hidden;
}								  


.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}

.w5 {width:5px;}
.w10 {width:10px;}
.w20 {width:20px;}
.w35 {width:35px;}
.w50 {width:50px;}
.w80 {width:80px;}
.w120 {width:120px;}
.w200 {width:200px;}
.w230 {width:230px;}
.w280 {width:280px;}
.w300 {width:300px;}
.min300 {min-width:300px;}
.bigMP{margin:50px;padding:50px}
.tableBorder
{
    border-top: solid 1px #DCDCDC;		/* color 2_b */
    border-left: solid 1px #DCDCDC;		/* color 2_b */
    border-right: solid 1px #BBBBBB;		/* color 10 */ 
    border-bottom: solid 1px #BBBBBB;		/* color 10 */ 
}

.tableSuggest 
{
	border-width: 2px;
	border-style:groove;
	border-right-color: #48D1CC;		/* color 11 */ 
    border-bottom-color: #48D1CC;		/* color 11 */ 
}

.borderColor_1
{
	border-style: solid;
	border-width: 1px;
	border-color: #FFF		/* color 1 */
}

.borderColor_7
{
	border-style: solid;
	border-width: 1px;
    border-color: #ACA87E; 
}


.borderColor_10
{
	border-style: solid;
	border-width: 1px;
	border-color: #ADD6D6;		/* color 10 */ 
}

.borderColor
{
	border-style: solid;
	border-width: 1px;
	border-color: #3B9C9C;		/* color 6 */
}

.color_1 {color: #FFF;			/* color 1 */}

.color_5 {color: #F18E00;		/* color 5 */}
.color_6 {color: #3B9C9C;		/* color 6 */}
.color_7 {color: #D1001C;		/* color 7 */} 
.color_9 {color: #000;			/* color 9 */}

.bgColor_1 {    background-color: #FFF;			/* color 1 */ }
.bgColor_2 {    background-color: #F5F5F5;		/* color 2 */ }
.bgColor_2_b {  background-color: #F0F0F0;		/* color 2_b */}
.bgColor_3 {    background-color: #E5E5E5;		/* color 3 */ }
.bgColor_3_b {    background-color: #FFF; /* color 3_b */}

.bgColor_5 {    background-color: #F18E00;		/* color 5 */ }
.bgColor_6 {	background-color: #3B9C9C;		/* color 6 */ }
.bgColor_7 {    background-color: #20B2AA;		/* color 7 */ }
.bgColor_10 {    background-color: #A8ADB1;		/* color 10 */ }

/*  div message  */

.barLeft { background: url("Images/Customized/barLeft.gif") no-repeat; width:10px; }
.barRight { background-color: White; background: url("Images/Customized/barRight.gif") no-repeat; width:10px; }
.barCenter { background: url("Images/Customized/barCenter.gif") repeat-x; height:20px; font-size:9pt; font-weight:bold; text-align:center; padding-top:2px }

.barCenter img { margin-top:-2px;}

/* non usati
.barLeft_Warning { background: url("Images/Customized/barLeft_Warning.gif") no-repeat; width:10px; }
.barRight_Warning { background: url("Images/Customized/barRight_Warning.gif"); width:10px; }
.barCenter_Warning { background: url("Images/Customized/barCenter_Warning.gif") repeat-x; height:20px; color:#222222; font-weight:bold; text-align:center; }

.barLeft_Error { background: url("Images/Customized/barLeft_Error.gif"); width:10px; }
.barRight_Error { background: url("Images/Customized/barRight_Error.gif"); width:10px; }
.barCenter_Error { background: url("Images/Customized/barCenter_Error.gif") repeat-x; height:20px; color:#FFFFFF;font-size:11pt; font-weight:900; text-align:center; }
*/

.textbox, select, SELECT /*, input*/
{
	font-size: 8pt;
	color:#414141;
	border: solid 1px #868C92;		/* color 7 */
	/*border-left: solid 1px #20B2AA;	*/	/* color 7 */
	/*border-top: solid 1px #20B2AA;	*/	/* color 7 */
}

.textbox_highlight
{
	background-color: #FEF2CB;		/* color 2_b */
	width: 100%;
	font-size: 8pt;
	border: solid 1px #48D1CC;		/* color 11 */
}


.button /*,button*/ {
	border:solid 1px #EEEEEE;
	border-right: solid 1px #868C92;		/* color 10 */ 
	border-bottom: solid 1px #868C92;		/* color 10 */ 
	font-size:8pt; 
	font-weight:bold;
	color:#868C92;		/* color 7 */
	background:url("Images/Customized/bgButton_h20_wHover.gif") repeat-x;
	background-position:top;
	background-color:#868C92;		/* color fixed */ 
	height:20px;
	/*padding-top:0px;*/
	vertical-align: middle;
	cursor: pointer;
}

.button img /*, button img*/ {vertical-align:middle; height:16px; padding-right:0px; margin-top:-2px;}

.button:hover, button:hover, .button_over { /* IE6: No, IE7, Firefox: Yes */
	background-position:0 -21px;
	color: #FFF;		/* color 9 */
	/*border:solid 2px #FFE6AC;	*/	/* color 4 */
} 
.button:disabled {
	border:solid 1px #EEEEEE;
	border-right: solid 1px #ADD6D6;		/* color 10 */ 
	border-bottom: solid 1px #ADD6D6;		/* color 10 */ 
	font-size:8pt; 
	font-weight:bold;
	color:#BBBBBB;		/* color 7 */
	background:url("Images/Customized/bgButton_h20_wHover.gif") repeat-x;
	background-position:top;
	background-color:#DDDDDD;		/* color fixed */ 
	height:20px;
	/*padding-top:0px;*/
	vertical-align: middle;
	cursor:none;
}


.tr_title
{
    /*white-space:nowrap;*/
    background-color: #D1001C;		/* color 6 */
    /*background:url("Images/Customized/bgTitle.gif") repeat-x;*/
    color: #FFF;		/* color 1 */
    font-size: 10pt;
    font-weight:bold;
    text-align:left;
    height:23px;
}
.tr_title td { white-space:nowrap;}

#basketRoot tr.tr_title {   background-color: #868C92;}
#ordersRoot tr.tr_title { background-color: #868C92;}
#SPList tr.tr_title {background-color: #868C92;}

.tr_title_2 {
    /*white-space:nowrap;*/
    background-color: #D1001C; /* color 6 */
    color: #FFF; /* color 1 */
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    height: 23px;
    text-indent: 4px;
}

.tr_title_3
{
    /*white-space:nowrap;*/
    background-color: #868C92;		/* color 6 */
    /*background:url("Images/Customized/bgTitle.gif") repeat-x;*/
    color: #FFF;		/* color 1 */
    font-size: 10pt;
    font-weight:bold;
    text-align:left;
    height:23px;
    text-indent:4px;
}

.tr_subtitle {
    background-color: #D1001C; /* color 6 */
    /*background:url("Images/Customized/bgSubtitle.gif") repeat-x; */
    color: #FFF; /* color 1 */
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    height: 18px;
    text-indent: 4px;
}


.tr_content 
{
    font-weight:bolder;
    color:#7F7F7F;#7F7F7F
    /*background-color: #3d82f4;		/* color 2 */
    /*color:#EEEEEE;*/
}

.tr_product
{
    /*font-weight:bolder;*/
    font-size:9px;
    /*background-color: #3d82f4;		/* color 2 */
    /*color:#EEEEEE;*/  
}

.tr_product a 
{   
    color:#868C92;		/* color 9 */
    text-decoration:none;  
}

.tr_content_label td
{
    padding:0 4px;
    background-color: #E5E5E5;		/* color 3 */
    color: #000;		/* color 9 */     
}

.tr_buttons td
{
	text-align: center;
}


.td_label { background-color:#F0F0F0;		/* color 2_b */  }


.alternate { background-color: #220066; }

.selected 
{
    color:#48D1CC;		/* color 11 */ 
}

.tr_title td, .tr_subtitle td, .tr_content td
{
    padding-left: 7px;
    padding-right: 7px;  
}

.tr_title td, .tr_subtitle td
{
    white-space:nowrap; 
}

.tr_title td
{
    padding-top:2px;
    padding-bottom:2px;    
}

/* per eliminare quel fastidiosissimo border che mantengono le td annidate */		  
.nopadding
{
    padding:0;
}

.nowrap { white-space:nowrap;}

.nopadding_td td
{ padding:0;}

.noborder ,.noborder td ,.noborder table td {border:0;}

.f9 {font-size:9pt;}
.f10 {font-size:10pt;}
.f11{font-size:11pt;}
.f12 {font-size:12pt;}

.error
{
    color: Red;
    font-size:10pt;
    font-weight:bold;
}

.label {color: #7F7F7F; /* color 6 */}

a.impressum, a.impressum:visited {color:  #FFFFFF;}
a.impressum:hover {color:#DCDCDC;}

.borderError {    border: solid 1px Red;	}

.valSummary
{
    /*background-color: #FFF;  */
    padding:5px;
}


  
a, a:visited
{
    color:#000;	/* color 9 */
    text-decoration:none;
}



a:hover
{
    /*color: #20B2AA;*/		/* color 8 */
    color: #CF2D23;
}

.tr_title a, .tr_title a:visited
{
    color:#000;		/* color 9 */
    text-decoration:none;  
}

.tr_title a:hover
{
	color: #20B2AA;		/* color 8 */ 
	/*color: Blue;	  */
}

.gridRowForBasket  /*** modify in accord with var "rowHeight" in JS/EsplosoRicambi.js ***/
{
    height: 18px;
}


   
.textEvidence
{
    color: #20B2AA;		/* color 8 */
}    

.valError
{
    color: Red;
    font-weight:500;
    font-size:9pt;
}



.inputUpload
{
    height:auto;
}

.option_title
{
    background-color: #20B2AA;		/* color 7 */  
    color: #FFF		/* color_1 */
}


/*select {elevation:higher;}*/  /* che fa ??? */


/*  special objects  */				   

/* non usato
.btnLogin_2 
{
    border-left:solid 1px #EEEEEE;
	border-right: solid 1px #777777;
	border-bottom: solid 1px #777777;    
    background: url("../../Images/Customized/bg_Button_80.jpg") repeat-x;
    background-color:#DDDDDD;
    color:#000;		/* color 9 
    font-weight:bold;
    text-align: center;
    cursor:pointer;
    width: 80px; 
    height:20px;
    /*border:0;
}

*/

.btnLogout
{
    background-color:#CF2D23;		/* color 1 */    
    color:#000;		/* color 9 */
    font-weight:bold;
    margin:1px;
    padding:0 2px;
    text-align: center;
    vertical-align: middle;
    border: solid 1.5px #555555;
} 

.btnLanguage
{
    background-color:#FFF;		/* color 1 */
    
    /*background-image:url("Images/Customized/campo_lingua.png");*/
    /*color:#000;*/		/* color 9 */	
    color:#414141;
    font-weight:bold;
    margin:1px;
    padding:0 2px;
    text-align: center;
    vertical-align: middle;
    border: solid 1.5px #555555;
} 


.btnGo
{
    height:16px;
    /*vertical-align: middle;*/
    cursor: pointer;
    /*margin: auto;*/
}

.bottomLogo 
{
    position:absolute; bottom:5px;
}

.hand
{
    cursor: pointer; 
}



/* Customized for company */

.divHeaderInfo
{
	/*background-image:url("Images/Customized/bg_HeaderInfo_h20.jpg");*/
	/*background-color: #3B9C9C;*/		/* color 6 */
	background-color: #D1001C;
	/*color: #FFF;*/
	color: #FFFFFF;			/* color 9 */		
	height:20px;
	vertical-align:middle;	
}

.divHeaderInfo img
{
	vertical-align:middle;
}

.divPageTitle
{
	background-color:#888888;
	height:18px;
	color:#FFF;		/* color 1 */
	font-size: 10pt;
	text-align:center;
	/*vertical-align:text-bottom;*/
	padding-top:2px;
}

.docsPageTitle {
    background-color: #D1001C;  
    height: 18px;
    color: #FFF; /* color 1 */
    font-size: 10pt;
    text-align: center;
    /*vertical-align:text-bottom;*/
    padding-top: 2px;
}


.divToolBar
{
	/*background:url("Images/Customized/bgToolbar_2.gif") repeat-x;*/
    background-color:#C6C9CC;
	color:#FFF;		/* color 1 */
	height:18px;
	/*vertical-align:middle;*/
	padding-top:2px;
}

.divToolBar input { vertical-align:middle; }	
	

.divToolBar img, .divToolBar .divToolBar img  {vertical-align: middle;}

.divToolBar a, .divToolBar a:visited
{
	color:#20B2AA;		/* color 7 */
} 

.divToolBar a:hover
{
	color:#20B2AA;		/* color 7 */
}




/* Classe per il div che contiene l'elemento AJAX UpdateProgress */
/* Alfredo Sanfilippo 07/01/2008 */
.divUpdateProgress
{
	float:left;
	position:relative;
	padding: 0 0 0 5px;
	height:20px;
	width:25px;
	text-align:left;
	background-color:Transparent;
	z-index: 1000;
}
.divToolBarWithUpdateProgressExternalDiv
{
	position:relative;
	height:30px;
}



/* Alessandro: for tracing output */
span.tracecontent table
{
    background-color:#dfdfdf;
}

span.tracecontent th { color:#dd6633; }



/*******************************************/ 
/* Classi per AJAX UPDATE PROGRESS (Wait)  */
/*           Alfredo Sanfilippo 23/04/2008 */
/*******************************************/ 
div.divGrey
{
	position:absolute; 
	left:0; top:0; 
	height:100%; width:100%; 
	background-color:Silver; 
	z-index:10;
	opacity: 0.5; 
	filter: alpha(opacity=50, style=0);
}

div.divExt
{
	position:absolute;
	top:50%; left:50%;
	z-index:999;
}

div.divInt
{
	position:relative;
	top:-75px; left:-150px;
	height:150px; width:300px;
	background-color: #FEFEFE;
	border: solid 2px #A8ADB1;		/*	color 7	*/
}

img.imgWait
{
	position:relative;
	top:25px; left:100px;
}


.menu table { width:auto; }
/* Root */
  .menu_Root   , .menu_Root a:visited, .menu_Root a:hover      {  color:#D1001C; font-weight:bold; font-size:10pt; }
 /* Modules */
 .menu_Parent , .menu_Parent a:visited , .menu_Parent a:hover   {    color:#414141; font-weight:bold;  }
 /* Pages */
 .menu_Leaf   , .menu_Leaf a:visited     {   color:#888888; font-weight:normal;	  padding-right:3px;  }   
 .menu_Leaf a:hover {color: #D1001C; padding-left:5px;} 


/*******************************************/ 
/* PROVA PER header fisso nelle griglie   */
/*           Milena 2/3/2009             */
/*****************************************/ 
/* So the overflow scrolls */
.fixheader {overflow-x:hidden;overflow-y:auto;}

/* Keep the header cells positioned as we scroll */
.fixheader table th {position:relative;}

/* For alignment of the scroll bar */
.fixheader table tbody {overflow-x:hidden;overflow-y:auto;}