@import url('CommonConsumers.css');   


.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(255, 255, 255);
}

.divDialogMessageField p{
    margin-left: 20px;
    color: black;
}

body
{
	background-color: white/*RGB(237,224,206)*/; 
	text-align:left;	
	vertical-align:top;
	font-family: Verdana, sans-serif, 'Open Sans','Helvetica Neue', Helvetica, Arial;
    font-size:12px; 
    font-weight: 400;  
    margin:0 auto;
    width:100%;
    height:100%;
    margin-top:0px;   
}


.top {
    margin-top:15px;
}
/*label {
color:#bd8c00;
}*/
/********************   HEADER  *******************/
.header {
    width: 730px;
    height: 66px;
    margin: 15px auto 0px auto;
    background: url(../images/Consumers/testata750.gif) no-repeat #ffffff;
    padding-top: 10px;
    padding-left: 20px;
    color: #FFFFFF;
    text-align: left;
    border-color: #7fa7aa !important;
    border: solid;
    border-width: 1px;
    border-bottom-style: none;
}



/********************   BOTTOM  *******************/
.bottomstart
{
border:none;
width:750px;
height:18px;   
background:url(../Images/Consumers/bottomstart.gif) no-repeat #ffffff;
background-color:white;
border-color:#7fa7aa!important;
border:solid; 
border-width:1px;
border-top-style:none;

}

.bottom {
    border: none;
    width: 750px;
    height: 54px;
    padding-top: 0px;
    text-align: right;
    background: url(../Images/Consumers/bottom.gif) no-repeat #ffffff;
    background-color: white;
    border-color: #7fa7aa !important;
    border: solid;
    border-width: 1px;
    border-top-style: none;
}

.bottomThankYou
{
border:none;
width:750px;
height:44px;   
padding-top:10px;
text-align:right;
background:url(../Images/Consumers/bottom.gif) no-repeat #ffffff;
background-color:white; 
border-color:#7fa7aa!important;
border:solid; 
border-width:1px;
border-top-style:none;
}

/********************   TITLES  *******************/
.lblTitoloStep
{
    font-size:11pt;
	font-weight:bolder;
	color:#2c636e;
}
/*
.lblSottotitoloStep
{	
	color:#000000;
}
*/

/************** BUTTONS **************/
input[type="button"], input[type="submit"] {
filter: chroma(color:#000000);
}
.button_standard{
border:1px solid #237076;
padding:5px;
margin-top:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 35px;
background-color: #237076 ;
cursor:pointer;
text-align:center;
margin-right:20px; 
/*color:#e37626;*/
color:#FFFFFF;
font-weight:bold;
font-size:12px;
text-wrap:normal;
vertical-align:middle;
}

.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, sans-serif, 'Open Sans','Helvetica Neue', Helvetica, Arial;
}  

.txtSizeL
{
   width:370px!important;
}
/********************   CONTROLS  *******************/
.ListLanguages
{
   
border:1px solid #cccccc;
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;
}
     


/********************   CONTENT  *******************/
.fieldSetTitle {
    position: relative;
    top: -8px;
    left: 10px;
    float: left;
    background-color: White;
    color: #666666;
    font-size: 12px;
    padding-right: 5px;
    padding-left: 5px;
}
 

/********************   STEP 0  *******************/
.Step0Img1
{
width:53px; 
height:53px;
background:black;
background:url(../images/Consumers/Circle1.gif) no-repeat #ffffff;
float: left;   
}
.Step0Img2
{
width:53px; 
height:53px;
background:url(../images/Consumers/Circle2.gif) no-repeat #ffffff;
float: left;   
}
.Step0Img3
{
width:53px; 
height:53px;
background:url(../images/Consumers/Circle3.gif) no-repeat #ffffff;
float: left;   
}

.Step0PFImg1
{
width:53px; 
height:53px;
background:black;
background:url(../images/Consumers/Circle1.gif) no-repeat #ffffff;
float: left;   
}
.Step0PFImg2
{
width:53px; 
height:53px;
background:url(../images/Consumers/Circle2.gif) no-repeat #ffffff;
float: left;   
}
.Step0PFImg3
{
width:53px; 
height:53px;
background:url(../images/Consumers/Circle3.gif) no-repeat #ffffff;
float: left;   
}
/********************   STEP 1  *******************/
.content .rightStep1{
float: right;
width: 28%;
background: #fff ;
border: 1px solid #cccccc;
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 .rightStep2{
float: right;
width: 85%;
background: #fff ;
border: 1px solid #cccccc;
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;

}


.Step2PrimaRigaRapporto
{
	vertical-align:bottom;
	border-bottom:solid 1px #bd8c00;
	text-align:left;
}
.Step2SecondaRigaRapporto
{
	vertical-align:bottom;
	border-bottom:solid 1px #bd8c00;
	text-align:right;
}
.Step2lblNumeroRigaRapporto
{

font-size:12pt;
color:#bd8c00;
}

.Step2lblDatoObbligatorio
{

font-size:8pt;
color:#bd8c00;
}



/********************   STEP 3  *******************/
.content .leftStep3 {
    float: left;
    width: 76%;
    border: 1px solid #cccccc;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    margin-right: 0px;
    padding-right: 0px;
}

 .content .rightStep3{
float: right;
width: 20%;
background: #fff ;
border: 1px solid #cccccc;
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 .rightStep3Empty{
float: right;
width: 20%;
background: #fff ;
border: 0px solid #cccccc;
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 .helpprovinceStep3{
float: right;
width: 100%;
background: #fff ;
border: 1px solid #cccccc;
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 .helpprovinceStep3 .infoHelp
{
    padding-left:20px;
    margin-bottom:5px;
    padding-top:0px;    
    margin-top:5px;
    font-size:11px;
 }
.content .documentsStep3 {
    float: left;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    margin-right: 0px;
    padding-right: 0px;
}

 
 
.Step3lblDatoObbligatorio
{
font-family:Verdana,sans-serif;
font-size:8pt;
color:#bd8c00;
}


.Step3Input {
border:1px solid #cccccc;
padding:4px;
background:#f6f6f6;
color:#000001;
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;
}

.Step3InputNoTrasform
{
border:1px solid #cccccc;
padding:4px;
background:#f6f6f6;
color:#000001;
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 4  *******************/
.content .leftStep4 {
    float: left;
    width: 76%;
    border: 1px solid #cccccc;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    margin-right: 0px;
    padding-right: 0px;
}
.content .rightStep4{
float: right;
width: 20%;
background: #fff ;
border: 1px solid #cccccc;
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;
}

.Step4lblNumero
{
	color:#bd8c00;
}
.Step4Input {
border:1px solid #cccccc;
padding:4px;
background:#f6f6f6;
color:#000001;
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;
}


/********************   STEP 5  *******************/
.lblThankYou
{
    color:White;
    font-size:19px;
    font-style:italic;
    margin-right:100px;    
    margin-bottom:0px;     
}


/* testata */
/* step 1*/
.TitleSteps
{
  color:#FFFFFF;  
  letter-spacing:1.5px;
}
.BackTitleStep1Active {
    border: none;
    height: 19px;
    width: 150px;
    background: url(../Images/Consumers/TitleStep1Active.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
}
.BackTitleStep1Inactive {
    border: none;
    height: 19px;
    width: 150px;
    background: url(../Images/Consumers/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/Consumers/TitleStep2Active.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
}
.BackTitleStep2Future {
    border: none;
    height: 19px;
    width: 144px;
    background: url(../Images/Consumers/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/Consumers/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/Consumers/TitleStep3Active.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
}
.BackTitleStep3Future {
    border: none;
    height: 19px;
    width: 144px;
    background: url(../Images/Consumers/TitleStep3Future.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
}
.BackTitleStep3Inactive {
    border: none;
    height: 19px;
    width: 144px;
    background: url(../Images/Consumers/TitleStep3Inactive.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
    color: #FFFFFF;
}

/* step 4*/
.BackTitleStep4Active {
    border: none;
    height: 19px;
    width: 144px;
    background: url(../Images/Consumers/TitleStep4active.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
}
.BackTitleStep4Future {
    border: none;
    height: 19px;
    width: 144px;
    background: url(../Images/Consumers/TitleStep4Future.gif) no-repeat #ffffff;
    float: left;
    display: inline-block;
    text-align: center;
  
}