@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: #ECECEC;
    color: #5a6772;
    text-align: left;
    vertical-align: top;
    font-family: Verdana,'Open Sans', sans-serif, '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:#E97313;
}*/
/********************   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;
}



/********************   BOTTOM  *******************/
.bottomstart {
    border: none;
    width: 750px;
    height: 18px;
    background: url(../Images/Consumers/bottomstart.gif) no-repeat #ffffff;
    background-color: #ECECEC;
}

.bottom {
    border: none;
    width: 750px;
    height: 54px;
    padding-top: 10px;
    text-align: right;
    background: url(../Images/Consumers/bottom1.gif) no-repeat #ffffff;
    background-color: #ECECEC;
}

.linkPolicy {
    font-size: 8pt;
    text-decoration: none !important;
    color: #5a6772;
}

.bottomPolicy {
    border: none;
    width: 750px;
    height: 54px;
    padding-top: 10px;
    text-align: left;
    font-size: 8pt;
    text-decoration: none;
}

/********************   TITLES  *******************/
.lblTitoloStep {
    font-size: 11pt;
    font-weight: bolder;
    color: #5a6772;
}

.lblTitoloStepPolicy {
    font-size: 11pt;
    font-weight: bolder;
    color: #CA9A57;
}
/*
.lblSottotitoloStep
{	
	color:#000000;
}
*/

/************** BUTTONS **************/
input[type="button"], input[type="submit"] {
    filter: chroma(color:#000000);
}

.button_standard {
    border: 0px solid #F9C692;
    padding: 5px;
    /*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
    height: 35px;
    background: url(../Images/Consumers/bg_button.gif) repeat-x;
    cursor: pointer;
    text-align: center;
    margin-right: 20px;
    /*color:#e37626;*/
    color: white;
    font-weight: normal;
    font-size: 12px;
    text-wrap: wrap;
    text-transform: uppercase;
}

.ChangeImg {
    background: none;
    border: none;
    padding: 0;
    margin: 20px 0 25px 20px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 11px;
    color: #CA9A57;
    font-weight: bold;
    font-family: Verdana,'Open Sans', sans-serif, '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  *******************/
/* ereditato
   .content 
   .content .left{  
   .content .Step0Paragraph
   .content .Step0LeftChoice
    .content .Step0RightChoice
    paragraph
    .content .leftStep1
 
}

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


/********************   STEP 0  *******************/
.Step0Img1 {
    width: 53px;
    height: 53px;
    background: black;
    background: url(../images/Consumers/Circle1e.png) no-repeat #ffffff;
    float: left;
}

.Step0Img2 {
    width: 53px;
    height: 53px;
    background: url(../images/Consumers/Circle2e.png) no-repeat #ffffff;
    float: left;
}

.Step0Img3 {
    width: 53px;
    height: 53px;
    background: url(../images/Consumers/Circle3.gif) no-repeat #ffffff;
    float: left;
    display: none;
}

.Step0PFImg1 {
    width: 53px;
    height: 53px;
    background: black;
    background: url(../images/Consumers/Circle1e.png) no-repeat #ffffff;
    float: left;
}

.Step0PFImg2 {
    width: 53px;
    height: 53px;
    background: url(../images/Consumers/Circle2e.png) 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: #FDF1E8 ;*/
    /* FBE6D7   #fdfefe */
    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 #CA9A57;
    text-align: left;
}

.Step2SecondaRigaRapporto {
    vertical-align: bottom;
    border-bottom: solid 1px #CA9A57;
    text-align: right;
}

.Step2lblNumeroRigaRapporto {
    font-size: 12pt;
    color: #CA9A57;
}

.Step2lblDatoObbligatorio {
    font-size: 8pt;
    color: #CA9A57;
}



/********************   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 .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;
    }



.Step3lblDatoObbligatorio {
    font-family: Verdana;
    font-size: 8pt;
    color: #CA9A57;
}


.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: #CA9A57;
}

.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;
}

/* 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;
}