﻿/*Alert popup message*/
.ui-icon.black { background-image: url(../Styles/jq/images/ui-icons_454545_256x240.png) !important; }
.ui-icon.white { background-image: url(../Styles/jq/images/ui-icons_ffffff_256x240.png) !important; }
.ui-icon.red { background-image: url(../Styles/jq/images/ui-icons_cd0a0a_256x240.png) !important; }
.ui-icon.blue { background-image: url(../Styles/jq/images/ui-icons_2e83ff_256x240.png) !important; }
.ui-icon.yellow { background-image: url(../Styles/jq/images/ui-icons_aba022_256x240.png) !important; }
.ui-icon.green { background-image: url(../Styles/jq/images/ui-icons_1d741d_256x240.png) !important; }

.divDialogMessageField{
    border: 1px solid #cccccc;
    margin-top:10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.divDialogMessageField h1{
    text-align: left;
    margin-left: 20px;
    margin-top: -10px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #666666;
}

.divDialogMessageField h1 span{
    background-color: rgb(245, 245, 245);
}

.divDialogMessageField p{
    margin-left: 20px;
    color: black;
}
/**/

body
{
	background-color:#f2f6f8; 	
	text-align:left;	
	vertical-align:top;
	font-family: Verdana,'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;
    margin:0 auto;
    width:100%;
    height:100%;
    margin-top:0px;     
    font-size:12px; 
    font-weight: 400;  
    color:#000000; 
    
}

img{
border:0px;
}
a{
text-decoration:underline;
color:#2184CC;
}

a:hover{
text-decoration:underline;
color:#014991;
}
ul {
    margin-top: 0px; 
    padding-top: 0px;                
}
.AlignRight
{
   float:right;   
}
.AlignLeft
{
   float:left;   
}

.lblDatoObbligatorio
{

font-size:8pt;
color:#2184CC;
}
.lblErroreValidazione
{	
	font-size:8pt;
	color:red;
	float:left;
	width:100%
}
.boldLabel
{
     font-weight:bold;
    }
.lblDatiLogon
{
font-size:11px;
/*letter-spacing:2px;*/
color:#051f63;
font-weight:bold;
}

.logoff {
background:none;
border:none;
padding:0;
margin:0;
cursor:pointer;
text-decoration:underline;
font-size:11px;
color:#051f63;
font-weight:bold;
font-family: Verdana,'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;

}

.logoff_container {
    width:100%;
}
/* *************** login *************** */

.imageLogin
{       
    height:800px;
    width:1000px;
    margin :50px auto 0px auto;
    background:url(../images/ConsumersAssociation/login_versione2.jpg) no-repeat #f2f6f8; 	        
    text-align:left;	
}
.DivLogin
{
     border:0px solid black;
     position:relative;
     line-height: 40px;
     top:260px;         
     left:75px;
     width:400px;
     height:40px;
}
.TitleLogin
{
     position:relative;          
     text-align:center;
     color:White;
     font-weight:bold;
}

.ContentLogin
{
    border:0px solid black;
    width:300px; 
    margin: 300px auto auto 120px;
    background: #ffffff;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom: 20px;
    min-height:170px;
    line-height: 18px;
    font-size:9pt;
    text-align:left;
}

.ContentLogin .desc_input{
    float:left;
    width:100px;
    height:20px;
    padding-top: 10px;
}

.ContentLogin .input
{
float:right;
width:180px;
padding-right:0px;
}

.txtinputLogin
{
width:170px;
border:1px solid #D7D7D7;
padding:4px;
background:#f6f6f6;
color:#666666;
margin:5px 5px 0px 0px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius:   5px 5px 5px 5px;
-moz-border-radius:   5px 5px 5px 5px;
/*text-transform:uppercase;*/
}
.lblLogin
{     
    font-weight:bold;
}
.btnLogin
{     
    background-color:  transparent;
    border:0;
    font-family: Verdana,'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;
    font-weight:bold;   
     cursor:pointer;
}

.lblForgotPassword
{     
      text-decoration:underline;
      cursor:pointer;
}

.loginLanguage
{
    padding-top:10px;
}

/********************   HEADER  *******************/
.header{
width:730px; 
height:66px;
margin:15px auto 0px auto;
background:url(../images/ConsumersAssociation/testata750.gif) no-repeat #ffffff;
padding-top:10px;
padding-left:20px;
color:#051f63;
text-align:left;	
}

.headerLabel1
{
font-size:19px;
letter-spacing:2px;
}

.headerLabel2
{
font-size:12px;
letter-spacing:2px;
}

/********************   CLEAR  *******************/
.clear{
clear:both;
}

/********************   CONTENT  *******************/
.contentHeader{
width:730px; 
margin:0 auto;
background: #ffffff;
padding-top:0px;
padding-left:10px;
padding-right:10px;
padding-bottom: 0px;
min-height:75px;
line-height: 18px;
font-size:9pt;
text-align:left;
}

.content{
width:730px; 
margin:0 auto;
background: #ffffff;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom: 20px;
border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius:  0px 0px 0px 0px;
min-height:415px;
line-height: 18px;
font-size:9pt;
text-align:left;
}

.paragraph{
    color:black;
    line-height:15pt;	
}


.content .left{
    float:left; 
    width:55%;
    border:1px solid #D7D7D7;
    padding:10px;
    /*background:#ECECEC;*/
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:   10px 10px 10px 10px;
    -moz-border-radius:   10px 10px 10px 10px;
}

.content .right{
float: right;
width: 32%;
background: #fff;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:   10px 10px 10px 10px;
-moz-border-radius:   10px 10px 10px 10px;
margin-right: 14px;
padding-right: 18px;
 
}

.content .desc_input{
float:left;
width:200px;
height:20px;
padding-top: 4px;
}

.content .desc_inputReset{
float:left;
width:100px;
height:20px;
padding-top: 4px;
}

.content .desc_inputChange{
float:left;
width:150px;
height:20px;
padding-top: 4px;
}

.content .inputReset
{
float:left;
width:300px;
}

.txtinput
{
width:170px;
border:1px solid #D7D7D7;
padding:4px;
background:#f6f6f6;
color:#666666;
margin:5px 5px 0px 0px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius:   5px 5px 5px 5px;
-moz-border-radius:   5px 5px 5px 5px;
text-transform:uppercase;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
}

 

.NoTransform
{
text-transform:none!important;
}

.txtSizeS
{
   width:230px;
}

.txtSizeM
{
   width:270px!important;
}

.txtSizeL
{
   width:370px!important;
}
.txtSizeXL
{
   width:500px!important;
}
.arrow
{
position: relative;
top: 30px;
left: -20px;
padding-top:0px;    
margin-top:-15px;
}     

.infoHelp
{
    padding-left:10px;
    margin-bottom:20px;
    padding-top:0px;    
    margin-top:5px;
    font-size:11px;    
 }
 
 .fieldSetTitle
{
    position: relative;
    top: -8px;
    left: 10px; 
    float:left;
    background-color:White;
    color:#666666;
    font-size:12px;    
    padding-right:5px;     
    padding-left:5px;     
}

.fieldSetRequiredFields
{
position: relative;top: -18px; right: 0px; float:right; 
}



/********************   TITLES  *******************/
.lblTitoloStep
{
    font-size:11pt;
	font-weight:bolder;
	color:#051f63;	
}
.lblSottotitoloStep
{
	color:#000000;
	font-weight:normal; /*bold*/
}
.lblTestoContenuti
{
	color:#000000;
	font-weight:normal; /*bold*/
}

/********************   CONTROLS  *******************/
.ListLanguages
{
   
border:1px solid #D7D7D7;
width:150px;
padding:8px;
background:#f6f6f6;
color:#666666;
margin:5px 5px 0px 0px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
float:right;
}

.fileUpload 
{
    width:180px;
    height:20px !important;
    float:left;
    border:1px solid #cccccc;
    padding:4px;
    background:#f6f6f6;
    color:#666666;
    margin:5px 5px 0px 0px;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:   5px 5px 5px 5px;
    -moz-border-radius:   5px 5px 5px 5px;
    text-transform:uppercase;
}     

.listAttach 
{
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:   5px 5px 5px 5px;
    -moz-border-radius:   5px 5px 5px 5px;
    border:1px solid #cccccc;
    width:180px;
    padding:6px;
    background:#f6f6f6;
    color:#666666;
    margin:5px 5px 0px 0px;
    float:right; 
}


 
.requiredField
{
    float:left;
    padding: 5px 0 5px 0;
    width:400px;
    font-size:8pt;
	color:red;
}       

.sfoglia{
margin-right:10px;
margin-top:20px;
}     
/************** BUTTONS **************/
.button_standard{
border:1px solid #2184CC;
padding:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 35px;
background:url(../Images/ConsumersAssociation/bg_button.jpg) repeat-x ;
cursor:pointer;
text-align:center;
margin-right:20px; 
color:#2184CC;
font-weight:bold;
font-size:12px;
text-wrap:wrap;
}

.BtnSizeS
{
width:110px;    
white-space:normal;
}

.BtnSizeM
{
width:140px;    
white-space:normal;
}

.BtnSizeL
{
width:200px;    
white-space:normal;
}

.button_link {
cursor:pointer;
background:none;
border:none;

}     

.ChangeImg {
background:none;
border:none;
padding:0;
margin:20px 0 25px 20px;
cursor:pointer;
text-decoration:underline;
font-size:11px;
color:#007ac0;
font-weight:bold;
font-family: Verdana,'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial;
}     
/********************   BOTTOM  *******************/
.bottomstart
{
border:none;
width:750px;
height:18px;   
background:url(../Images/ConsumersAssociation/bottomstart.gif) no-repeat #ffffff;
background-color:#f2f6f8; 
}

.bottom{
border:none;
width:750px;
height:54px;   
margin:0px auto 0px auto;
padding-top:10px;
text-align:right;
background:url(../Images/ConsumersAssociation/bottom.gif) no-repeat #ffffff;
background-color:#f2f6f8; 	
}
     
     
     /********************   RESET PASSWORD richiesta  *******************/
 

.box_reset_left{
float:left;
width:60%;
}

.box_reset_right{
float: left;
width: 34%;
padding: 11px;
margin-top: 46px;
background: #ECECEC;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:  10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
margin-right: 14px;
}

.box_reset_arrow
{
position: relative;
top: 30px;
left: -20px;
padding-top:0px;    
margin-top:-15px;
}    
  
  
/********************   STEP 0  *******************/
 .Step0Img1
{
width:53px; 
height:53px;
background:black;
background:url(../images/ConsumersAssociation/Circle1.gif) no-repeat #ffffff;
float: left;   
}
.Step0Img2
{
width:53px; 
height:53px;
background:url(../images/ConsumersAssociation/Circle2.gif) no-repeat #ffffff;
float: left;   
}
.Step0Img3
{
width:53px; 
height:53px;
background:url(../images/ConsumersAssociation/Circle3.gif) no-repeat #ffffff;
float: left;   
display:none;
}

.content .Step0Paragraph
{
	color:black;	 
	line-height:15pt;
	float: right;
    width: 650px;        
}

.content .Step0LeftChoice
{
	color:black;	 
	line-height:15pt;
	float: left;
    width: 550px;        
}
.content .Step0RightChoice
{
	color:black;	 
	line-height:15pt;
	float: right;
    padding-right:0px;
}

/********************   STEP 1  *******************/
.content .leftStep1{
float:left; 
width:68%;
}
.content .leftStep1 .column1
{
    float:left; 
    width:7%;
}
.content .leftStep1 .column2
{
    float:left; 
    width:7%;
}
.content .leftStep1 .column3
{
    float:left; 
    width:86%;
}

.content .rightStep1{
float: right;
width: 28%;
background: #fff  ;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
margin-right: 5px;
padding-right: 5px;
}




/********************   STEP 2  *******************/
 .content .leftStep2{
float:left; 
width:76%;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
/*background:#ECECEC;*/
margin-right: 0px;
padding-right: 0px;
}
.content .rightStep2{
float: right;
width: 20%;
background: #fff /* FBE6D7   #fdfefe */;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
margin-right: 5px;
padding-right: 5px;

}
.content .helpprovinceStep2{
float: right;
width: 100%;
background: #fff /* FBE6D7   #fdfefe */;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
margin-right: 5px;
padding-right: 5px;

}
.content .helpprovinceStep2 .infoHelp
{
    padding-left:20px;
    margin-bottom:5px;
    padding-top:0px;    
    margin-top:5px;
    font-size:11px;
 }
 .arrowprovince
{
position: relative;
top: 10px;
left: -20px;
float:left; 
}
 
 
 
.Step2lblDatoObbligatorio
{
font-family:Verdana;
font-size:8pt;
color:#2184CC;
}

.Step2lblEtichettaRigaRapportoCorsivo
{
	font-family:Verdana;
	font-style:italic;
	font-size:8pt;
	color:black;	
}
.Step2_Column1
{
    float:left;
    width:80px;
    height:18px;
    padding-top: 10px;
    padding-left:10px;
    font-size:11px; 
}
.Step2_Column2_4
{
    float:left;
    width:180px;
}
.Step2_Column3
{
    float:left;
    width:80px;
    height:18px;
    padding-top: 10px;
    padding-left:20px;
    font-size:11px;
}
.Step2_Column1_Colspan2
{
    float:left;
    width:270px;
    padding-top: 5px;
    padding-left:10px;
}
.Step2_Column3_Colspan2
{
    float:left;
    width:260px;
    padding-top: 5px;
    padding-left:10px;
}
.Step2_Column1_Colspan4
{
    float:left;
    width:520px;
    padding-top: 0px;
    padding-left:10px;
    font-size:11px;
}

.Step2_Column1_Checkbox
{
    float:left;
    width:30px;
    padding-top: 0px;
    padding-left:10px;
    font-size:11px;
}

.Step2_Column2_Checkbox
{
    float:left;
    width:490px;
    padding-top: 0px;
    padding-left:10px;
    font-size:11px;
}

.Step2Input {
border:1px solid #D7D7D7;
padding:4px;
background:#f6f6f6;
color:#666666;
margin:5px 5px 0px 0px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
font-size:12px;
text-transform:uppercase;
}
.Step2InputColspan1 
{
     width:90%;
}

.Step3InputNoTrasform
{
border:1px solid #D7D7D7;
padding:4px;
background:#f6f6f6;
color:#666666;
margin:5px 5px 0px 0px;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
font-size:12px;
}

/********************   STEP 3  *******************/
 .content .leftStep3{
float:left; 
width:76%;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
/*background:#ECECEC;*/
margin-right: 0px;
padding-right: 0px;
}
.content .rightStep3{
float: right;
width: 20%;
background: #fff /* FBE6D7   #fdfefe */;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
margin-right: 5px;
padding-right: 5px;

}

.Step3_Column1_Colspan4
{
    float:left;
    width:95%;
    padding-top: 5px;
    padding-left:15px;
    font-size:11px;
}
.Step3_Column1
{
    float:left;
    width:120px;    
    padding-top: 5px;
    padding-left:15px;
    font-size:11px; 
}
.Step3_Column2
{
    float:left;
    width:140px;
    font-size:11px; 
    padding-top: 5px;
}
.lblEtichettaDatoRiepilogato
{	
	color:blue;
	
}
.lblDatoRiepilogato
{
	color:black;
	text-transform:uppercase;	
}

 
.Step3lblDatoObbligatorio
{
font-family:Verdana;
font-size:8pt;
color:#2184CC;
}

.Step3lblEtichettaRigaRapportoCorsivo
{
	font-family:Verdana;
	font-style:italic;
	font-size:8pt;
	color:black;	
}
.browsefile
{
    
    margin-right:10px;
    float:left;
    width:500px;
    float:left;
    padding-top: 5px;
    padding-left:15px;
    font-size:11px;
}
.browsefileinput
{
     padding-top: 10px;
     padding-bottom:10px;
     background:white!important;
}
/********************   STEP 4  *******************/
 .content .leftStep4{
float:left; 
width:76%;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
/*background:#ECECEC;*/
margin-right: 0px;
padding-right: 0px;
}
.content .rightStep4{
float: right;
width: 20%;
background: #fff /* FBE6D7   #fdfefe */;
border: 1px solid #D7D7D7;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
margin-right: 5px;
padding-right: 5px;

}

.Step4_Column1_Colspan4
{
    float:left;
    width:95%;
    padding-top: 10px;
    padding-left:15px;
    font-size:11px;
}
.Step4_Column1
{
    float:left;
    width:120px;    
    padding-top: 5px;
    padding-left:15px;
    font-size:11px; 
}
.Step4_Column2
{
    float:left;
    width:140px;
    font-size:11px; 
    padding-top: 5px;
}
 
 


/* testata */
/* step 1*/
.TitleSteps
{
  color:#FFFFFF;  
  letter-spacing:1.5px;
}
.BackTitleStep1Active
{
border:none;   
height:19px;
width:200px;
background:url(../Images/ConsumersAssociation/TitleStep1Active.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}
.BackTitleStep1Inactive
{
border:none;   
height:19px;
width:200px;
background:url(../Images/ConsumersAssociation/TitleStep1Inactive.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}

/* step 2*/
.BackTitleStep2Active
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep2Active.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}
.BackTitleStep2Future
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep2Future.gif) no-repeat #ffffff;
float:left;
/* per centrare i testo */
display: inline-block;    
text-align: center;
}
.BackTitleStep2Inactive
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep2Inactive.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}

/* step 3*/
.BackTitleStep3Active
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep3Active.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}
.BackTitleStep3Future
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep3Future.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}
.BackTitleStep3Inactive
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep3Inactive.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}

/* step 4*/
.BackTitleStep4Active
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep4active.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}
.BackTitleStep4Future
{
border:none;   
height:19px;
width:144px;
background:url(../Images/ConsumersAssociation/TitleStep4Future.gif) no-repeat #ffffff;
float:left;
display: inline-block;    
text-align: center;
}

.block {
    display: inline-block !important;
    margin-bottom:-3px;
    
    /*for IE*/
    *zoom: 1;
    *display: inline;
    *text-indent:0 !important;
}

input[type=file]::-webkit-file-upload-button {
    width: 0;
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    border: none;
    border:0px;
}

 x::-webkit-file-upload-button, input[type=file]:after {
    content:'Browse...';
    left: 90px;
    position: relative;
    -webkit-appearance: button;
    padding: 3px 8px 2px;
    border:0px;
}