﻿/* Metisoft style Orange */

/* Base color: EB8900 */  /* suggerito in email da Elica */
/* da sito Elica: */
/* #F18E00  (chiaro) */
/* #DE6809  (scuro) */
/* #EC3E00  (vivace) */

/* #FFF;		/* color 1 */  
/* #A0A0A0;		/* color 2 */ 
/* #A5A5A5;		/* color 2_b */ 
/* #A9A9A9;		/* color_2_c */
/* #C0C0C0;		/* color 3 */ 
/* #EAEFF2;		/* color xxx */ 
/* #FFE6AC;		/* color 4 */  /* Yellow */
/* #F18E00;		/* color 5 */  /* Orange Light */
/* #EB8900;		/* color 6 */  /* Orange */
/* #DE6809;		/* color 7 */  /* Orange Dark */
/* #EC3E00;		/* color 8 */  /* Orange WOW */
/* #BBBBBB;		/* color 10 */ 
/* #777777;		/* color 11 */ 
/* #000;		/* color 9 */ 

/* */

html
{
    background-color: #000;
    border-collapse: collapse;
}
      
    
body 
{
    margin:0;
    padding:0;
    font-size:8pt;
    font-weight:bold;
    background-color: #000;		/* color 1 */ 
    color: #FFF;		/* color 9 */ 
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
}

table 
{
    width:100%;
    border: none;
    border-collapse:collapse;
}

div ,span
{
    border-collapse:collapse;
    border: none;
    padding:0;
    margin:0;    
}

img
{    border:0;    border-collapse:collapse;  }

input
{
    font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
}

.center { text-align: center; }

.top  {	 vertical-align:top; }

.top_10	{ margin-top:10px; }



.scrollable
{
    overflow-y:auto; 
    overflow-x:hidden;
}

.caption
{
    color:Black;    
}

.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;}
.w300 {width:300px;}

.tableBorder
{
    border-top: solid 1px #C0C0C0;		/* color 3 */
    border-left: solid 1px #C0C0C0;		/* color 3 */
    border-right: solid 1px #BBBBBB;		/* color 10 */ 
    border-bottom: solid 1px #BBBBBB;		/* color 10 */ 
}

.tableSuggest 
{
	border-width: 2px;
	border-style:groove;
	border-right-color: #777777;		/* color 11 */ 
    border-bottom-color: #777777;		/* color 11 */ 
}

.borderColor_1
{
	border-style: solid;
	border-width: 1px;
	border-color: #FFF		/* color 1 */
}

.borderColor_10
{
	border-style: solid;
	border-width: 1px;
	border-color: #BBBBBB;		/* color 10 */ 
}

.borderColor
{
	border-style: solid;
	border-width: 1px;
	border-color: #EB8900;		/* color 6 */ 
}

.color_1 {color: #FFF;			/* color 1 */}

.color_5 {color: #F18E00;		/* color 5 */}
.color_6 {color: #EB8900;		/* color 6 */}
.color_7 {color: #EC3E00;		/* color 8 */}  /* yes, color 8*/
.color_9 {color: #000;			/* color 9 */}

.bgColor_1 {    background-color: #FFF;			/* color 1 */ }
.bgColor_2 {    background-color: #A0A0A0;		/* color 2 */ }
.bgColor_2_b {  background-color: #A5A5A5;		/* color 2_b */}
.bgColor_3 {    background-color: #C0C0C0;		/* color 3 */ }

.bgColor_5 {    background-color: #F18E00;		/* color 5 */ }
.bgColor_6 {	background-color: #EB8900;		/* color 6 */ }
.bgColor_7 {    background-color: #DE6809;		/* color 7 */ }
.bgColor_10 {    background-color: #BBBBBB;		/* 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;}

.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;
	border: solid 1px #777777;			/* color 11 */
	/*border-left: solid 1px #DE6809;	*/	/* color 7 */
	/*border-top: solid 1px #DE6809;	*/	/* color 7 */
}

.textbox_highlight
{
	background-color: #FEF2CB;		/* color 2_b */
	width: 95%;
	font-size: 8pt;
	border: solid 1px #777777;			/* color 11 */
}


.button /*,button*/ {
	border:solid 1px #EEEEEE;
	border-right: solid 1px #BBBBBB;		/* color 10 */ 
	border-bottom: solid 1px #BBBBBB;		/* color 10 */ 
	font-size:8pt; 
	font-weight:bold;
	color:#EC3E00;		/* color 8 */
	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: 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;
	border:solid 2px #FFE6AC;		/* color 4 */
} 


.tr_title
{
    /*white-space:nowrap;*/
    background-color: #EB8900;		/* color 6 */
    background:url("../Images/Customized/Orange/bgTitle.gif") repeat-x;
    color: #FFF;		/* color 1 */
    font-size: 9pt;
    font-weight:bold;
}
.tr_title td { white-space:nowrap;}

.tr_subtitle 
{
    background-color: #EB8900;		/* color 6 */
    background:url("../Images/Customized/Orange/bgSubtitle.gif") repeat-x;
    color: #FFF;		/* color 1 */
    font-size:8pt;
    font-weight:bold;
}


.tr_content 
{
    font-weight:bolder;
    background-color:White;
    /*background-color: #3d82f4;		/* color 2 */
    color:#000000;
}

.tr_content_noBackground 
{
    font-weight:bolder;
    /*background-color: #3d82f4;		/* color 2 */
    color:#000000;
}

.tr_content_label td
{
    padding:0 4px;
    background-color:  #C0C0C0;		/* color 3 */ 
    color: #000;		/* color 9 */     
}

.tr_buttons td
{
	text-align: center;
}


.td_label { background-color:#A5A5A5;		/* color 2_b */  }


.alternate { background-color: #220066; }

.selected 
{
    color:#777777;		/* 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: #777777;		/* color 11 */  }

.borderError {    border: solid 1px Red;	}

.valSummary
{
    /*background-color: #FFF;  */
    padding:5px;
}


  
a, a:visited
{
    color:#000;		/* color 9 */ 
    text-decoration:none;
}

a:hover
{
    color: #EC3E00;		/* color 8 */
}



.gridRow td a, .gridRowAlternate td a
,.gridRow td a:visited, .gridRowOver td a:visited, .gridRowSelected td a:visited
{
    color: Black;
    margin:0 5px;
    vertical-align:middle;
}

.gridRow td a:hover, .gridRowAlternate td a:hover, .gridRowOver td a:hover, .gridRowSelected td a:hover
{
    color:#EC3E00;		/* color 8 */
}

.tr_title a, .tr_title a:visited
{
    color:#000;		/* color 9 */
    text-decoration:none;  
}

.tr_title a:hover
{
	color: #EC3E00;		/* color 8 */ 
	/*color: Blue;	  */
}

.gridRowForBasket  /*** modify in accord with var "rowHeight" in JS/EsplosoRicambi.js ***/
{
    height: 18px;
}


   
.textEvidence
{
    color: #EC3E00;		/* color 8 */
}    

.valError
{
    color: Red;
    font-weight:500;
    font-size:9pt;
}



.inputUpload
{
    height:auto;
}

.option_title
{
    background-color: #DE6809;		/* color 7 */  
    color: #FFF		/* color_1 */
}


/*select {elevation:higher;}*/  /* che fa ??? */


/*  special objects  */				   


.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:#FFF;		/* 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;
} 

.btnGeneric_80
{
    background-color:#F18E00;		/* color 5 */
    color:#000;		/* color 9 */
    background: url("../Images/Customized/bg_Button_80.jpg");
    font-weight:bold;
    margin:0px;
    text-align: center;
    cursor:pointer;
    width: 80px; 
    height:20px;
    
    border-top: solid 1.5px #CCCCCC;
    border-left: solid 1.5px RGB(140,170,170);
    border-right: solid 1.5px RGB(40,70,70);
    border-bottom: solid 1.5px RGB(40,70,70);
}

.btnGeneric_120
{
    background-color:#F18E00;		/* color 5 */ 
    color:#FFF;		/* color 1 */
    font-weight:bold;
    margin:0px;
    padding:1px 4px 1px 4px;
    cursor:pointer;
    width: 120px; 
    font-size: small;
    height:auto;
    
    border-top: solid 1.5px RGB(140,170,170);
    border-left: solid 1.5px RGB(140,170,170);
    border-right: solid 1.5px RGB(40,70,70);
    border-bottom: solid 1.5px RGB(40,70,70);
}

/*.btnGeneric_120:hover
{
    color: #EC3E00;		
}*/

.btnGeneric_150
{
    background-color:#F18E00;		/* color 5 */ 
    color:#FFF;		/* color 1 */
    font-weight:bold;
    margin:0px;
    padding:1px 4px 1px 4px;
    cursor:pointer;
    width: 150px; 
    font-size: small;
    height:auto;
    
    border-top: solid 1.5px RGB(140,170,170);
    border-left: solid 1.5px RGB(140,170,170);
    border-right: solid 1.5px RGB(40,70,70);
    border-bottom: solid 1.5px RGB(40,70,70);
}

.btnGeneric_200
{
    background-color:#F18E00;		/* color 5 */
    color:#FFF;		/* color 1 */
    font-weight:bold;
    margin:0px;
    padding:1px 5px 1px 5px;
    cursor:pointer;
    width: 200px; 
    font-size: small;
    height:auto;
    
    border-top: solid 1.5px RGB(140,170,170);
    border-left: solid 1.5px RGB(140,170,170);
    border-right: solid 1.5px RGB(40,70,70);
    border-bottom: solid 1.5px RGB(40,70,70);
}

.btnGo
{
    height:16px;
    /*vertical-align: middle;*/
    cursor: pointer;
    /*margin: auto;*/
}

.bottomLogo 
{
    position:absolute; bottom:5px;
}

.hand
{
    cursor: pointer; 
}

.scroll
{
	overflow:auto;
}


/* Customazed for Elica */

.divHeaderInfo
{
	background-image:url("../Images/Customized/bg_HeaderInfo_h20.jpg");
	background-color: #EB8900;		/* color 6 */
	/*color: #FFF;*/
	color: #000;			/* color 9 */		
	height:20px;
	vertical-align:middle;	
}

.divHeaderInfo img
{
	vertical-align:middle;
}

.divPageTitle
{
	background:url("../Images/Customized/Orange/bgPageTitle.gif") repeat-x;
	height:18px;
	color:#FFF;		/* color 1 */
	font-size: 10pt;
	text-align:center;
	/*vertical-align:text-bottom;*/
	padding-top:2px;
	/* padding: 0px 5px; */
}


.divToolBar
{
	background:url("../Images/Customized/Orange/bgToolbar_2.gif") repeat-x;
	color:#FFF;		/* color 1 */
	height:24px;
	/*vertical-align:middle;*/
	padding-top:2px;
}

.divToolBar input  
{
    vertical-align:middle; 
    font: bold 100% 'trebuchet ms',helvetica,sans-serif; 
    /*color:black;
    font: bold 100% 'trebuchet ms',helvetica,sans-serif;   
    background-color:white;   
    border: 1px solid;   
    border-color: black;   */
}	
	

.divToolBar img, .divToolBar .divToolBar img  {vertical-align: middle;}

.divToolBar a, .divToolBar a:visited
{
	color:#EC3E00;		/* color 8 */
} 

.divToolBar a:hover
{
	color:#DE6809;		/* color 7 */
}



/* Alessandro: for tracing output */
span.tracecontent table
{
    background-color:#dfdfdf;
}

span.tracecontent th { color:#dd6633; }


/* 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;
}



/* Classe per gli inputbox delle gridview */
/* Alfredo Sanfilippo 07/01/2008 */
.GridViewInputBox
{
	width:90%;
}

/* Classe per la sezione filtri */
/* Alfredo Sanfilippo 07/01/2008 */
.FilterSection
{
	padding: 5px 0 5px 0;
}
.ld{border-left:dashed 1px #C0C0C0;}
.mp{margin-top:10px;padding-top:10px;}
.lr{margin:0px 10px 0px 10px;padding:0px 10px 0px 10px;}
.bt{border-top:solid 1px #C0C0C0;}
.ca{color:#359696; /*#992137 #A0C73F*/}
.pm10{height:80px;margin:20px 0px 10px 0px;padding:20px 0px 10px 0px;border-bottom:dashed 1px #C0C0C0;}


.autocomplete_completionListElement
{
	background-color:White;
	max-height:300px;
	overflow:auto;
}
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}