/* ///// ADDITIONAL CLASSES for LAYOUT INTEGRATION ////// */
** {
    font-family: verdana, arial, helvetica;
    }

        body {
        background-image:url(../images/fiat_default.jpg); /* Change Site Background image here 
        if more than ONE Background image is required: logic need to be in the TMPL: pagetop.tmpl AND this line needs to be delete */
        background-position: center top !important;
        background-repeat:no-repeat;
        background-color: #ededed;
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;	
        }

        fieldset {
            border: 0px solid #fff;
            margin-top: 15px !important;
            padding-left: 0px;
            margin-left: 0px;            
        }
        
/* Model Specific Backgrounds */

/* Linea */
.d00_110
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_110_C.jpg) !important;
}

/* Tipo Sedane - Added 23/11/2016 ZC */
.d00_127
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_127_C.jpg) !important;
}

/* 500 */
.d00_150
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_150_C.jpg) !important;
}

/* Doblo Pan. */
.d00_152
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_152_C.jpg) !important;
}

/* Sedici */
.d00_189
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_189_C.jpg) !important;
}

/* Bravo */
.d00_198
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_198_C.jpg) !important;
}

/* Punto */
.d00_199, .d00_176
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_199_C.jpg) !important;
}

/* Qubo */
.d00_300
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_300_C.jpg) !important;
}

/* Panda */
.d00_319, .d00_141
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_319_C.jpg) !important;
}

/* 500L */
.d00_330
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_330_C.jpg) !important;
}

/* 500X */
.d00_334, .d00_347
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_334_C.jpg) !important;
}

/* Freemont */
.d00_345
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_345_C.jpg) !important;
}

/* 124 Spider */
.d00_348
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_348_C.jpg) !important;
}

/* 500L Living */
.d00_351
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_351_C.jpg) !important;
}

/* Tipo */
.d00_356, .d00_357, .d00_160
{
    background-image:url(/b10d8c1b/fiatlib/fiat/images/00_356_C.jpg) !important;
}


/* FIAT PROFESSIONAL */

/* N. Fiorino */
.d77_225
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_225_C.jpg) !important;
}  

/* Ducato 06 */
.d77_250
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_250_C.jpg) !important;
} 

/* Ducato Heavy 06 */
.d77_251
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_251_C.jpg) !important;
}

/* Fiorino - Added 23/11/2016 ZC */
.d77_255
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_255_C.jpg) !important;
}

/* Doblo Cargo */
.d77_263, .d77_223
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_263_C.jpg) !important;
} 

/* N. Scudo */
.d77_272
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_272_C.jpg) !important;
} 

/* Ducato */
.d77_290, .d77_280
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_290_C.jpg) !important;
} 

/* Ducato Heavy */
.d77_295
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_295_C.jpg) !important;
} 

/* Talento - Added 12/09/2016 ZC */
.d77_296, .d77_269
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_296_C.jpg) !important;
} 

/* N. Bravo Van */
.d77_298
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_298_C.jpg) !important;
} 

/* N. Punto 199 Van */
.d77_299
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_299_C.jpg) !important;
} 

/* Fullback - Added 12/09/2016 ZC */
.d77_502, .d77_503
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_502_C.jpg) !important;
} 

/* Panda Van */
.d77_519
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_519_C.jpg) !important;
} 

/* 500L Van */
.d77_530
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_530_C.jpg) !important;
} 

/* Nuova Strada */
.d77_578
{
    background-image:url(/b10d8c1b/fiatlib/fiatpro/images/77_578_C.jpg) !important;
} 
        

/* START Fixed Footer all browsers except IE */
        #content_container {
        padding-bottom:0em;
        text-align: center;
        }

        #footer {
        z-index: 100;
        position:fixed;
        bottom:0px;
        background: #8b8b8b;
        background-image:url(); /* Change Footer Background image here */
        background-repeat: repeat-x;
        height:24px;
        width:100%;
        }

        .footercontent {
        text-align:center;
        width: 100%;
        margin-top: 4px;
        margin-left: 0px;
        }

        .footerLink {
        /*font-family: cadillacSansBook;*/
        font-size: 13px;
        color: #FFF;
        text-decoration: none;
        }

/* START Star-HTML-Hack for Internet Explorer: Fixed Footer */

        * html, * html body {
        background-image:url(../images/p_desktopCadillac.jpg); /* Change Site Background image here 
        if more than ONE Background image is required: logic need to be in the TMPL: pagetop.tmpl AND this line needs to be delete */
        background-position: center top !important;
        background-repeat:no-repeat;
        width: 100%;
        margin: 0px;
        padding: 0px;
        overflow:hidden;
        }

        * html #content_container {
        padding:0;
        height:90%;
        overflow:auto;
        text-align: center;
        }

        * html #footer {
        background-image:url(../images/bgFooterDesktop.jpg); /* Change Footer Background image here */
        background-repeat: repeat-x;
        height:5%;
        padding-top:1%;
        }

        .footerText {
        text-align:right;
        color: #FFF;
        font-weight: 100;
        font-style: normal;
        }
/* END Star-HTML-Hack for Internet Explorer: Fixed Footer */
        
        #header { /* Can be used for Survey Title */
	font-family:arial, helvetica;
        color: #666666;
        width: 860px;
        padding-top: 85px;
        margin-left: 35px;
        letter-spacing: 0.60006px;
        text-align: right;
        }
	
#headlineText {
        text-align: left;
	font-family:arial, helvetica;
        font-size:14px;
        line-height: 20px;
        color: #393939;
	font-weight:normal;
        width: 890px;
	padding-top: 28px;
}
 
        form {
        display:block;               
        }

 
 
        #surveyBox { /* only in use if the SurveyBox is detached from the Site Background image (as a seperate DIV on top of the Background image) */ 
        z-index: 2;
        width: 100%; /* width of Surevey Area */
        }
 
        #surveyContent { /* fallback style for questionnaire text (in use if non-decorated text is found) */ 
        z-index: 3;
        width: 800px;  /* width of Surevey Area */
        padding-left: 0px;
        font-family:verdana, arial, helvetica;
        font-size:13px;
        text-align: left;
        color:#000000;
        margin-left: auto; /* To center the survey content */
        margin-right: auto; /* To center the survey content */
        }

         
        #survey { /* defines the white space around the questionnaire */
        padding-top: 425px;
        padding-bottom:46px;
        padding-right: 0px;
        margin-right: 24px;
        margin-left: 20px;
        }
 
        #buttonBox {
        z-index: 5;
        width: 100%;
        padding-top: 50px; /* space between question end and button box start */
        padding-bottom: 50px;
        padding-left: 0px; /* starting point of ButtonBox from the left */
        padding-right: 0px;
        text-align: center;
        }
 
        .button#Next { /* style for Button type SUBMIT /// first color value is defines gardient top, second color value defines gradient bottom (all value pairs) */            
        border: solid 1px #a40038;
        background: #a40038;
        background: -webkit-gradient(linear, left top, left bottom, from(#a40038), to(#a40038));
        background: -moz-linear-gradient(top,  #a40038,  #a40038);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a40038', endColorstr='#a40038');
        padding-left:  40px;
        padding-right:  40px;
        padding-top:  6px;
        padding-bottom:  10px;
        margin-bottom: 20px;
        margin-right: 18px;
        border-radius: 4px;
            -moz-border-radius: 4px; 
            -webkit-border-radius: 4px;
        behavior: url(ie-css3.htc);  /* Enables rounded corners (border-radius) for Internetexplorer (file: ie-ccs3.htc needs to be in studyfolder on root level */
        box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        color: white;
        font-size: 14px;
        text-align: center;
        /*font-family:Arial, Sans-serif;*/
        font-weight: normal;
        text-decoration: none;
        vertical-align: top;
        width: auto;
        height: 30px;
        }

        .button#Next:hover { /* additional staements for mouse hover */            
        border: solid 1px #7c002a;
        background: #7c002a;
        background: -webkit-gradient(linear, left top, left bottom, from(#7c002a), to(#7c002a));
        background: -moz-linear-gradient(top,  #7c002a,  #7c002a);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c002a', endColorstr='#7c002a');
        color: #FFFFFF;
        }

        .button#Previous { /* style for Button type SUBMIT /// first color value is defines gardient top, second color value defines gradient bottom (all value pairs) */            
        border: solid 1px #666666;
        background: #666666;
        background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#666666));
        background: -moz-linear-gradient(top,  #666666,  #666666);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#666666');
        padding-left:  40px;
        padding-right:  40px;
        padding-top:  6px;
        padding-bottom:  10px;
        margin-bottom: 7px;
        margin-right: 360px;
        border-radius: 4px;
            -moz-border-radius: 4px; 
            -webkit-border-radius: 4px;
        behavior: url(ie-css3.htc);     /* Enables rounded corners (border-radius) for Internetexplorer (file: ie-ccs3.htc needs to be in studyfolder on root level */
        box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
            -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        color: #FFFFFF;
        font-size: 14px;
        text-align: center;
        /*font-family:Arial, Sans-serif;*/
        font-weight: normal;
        text-decoration: none;
        vertical-align: top;
        width: auto;
        height: 30px;
        }

        .button#Previous:hover { /* additional staements for mous hover */           
        border: solid 1px #333333;
        background: #333333;
        background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
        background: -moz-linear-gradient(top,  #333333,  #333333);
        filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333');
        color: #FFFFFF;
        }
 
       textarea {
                width: 360px;
                height: 130px;
        }
 
        #probingBox {
                z-index: 4;
                width: 316px;
                height: 212px;
                /*top: 605px;*/ /* starting point of Probing Box from the TOP */
                left: 57.5%; /* starting point of Probing Box from the LEFT */
                background-image:url(../images/bgSmartProbe.png); /* change background image for Probing Box here */
                background-repeat:no-repeat;
                position:absolute;
                margin-top: 20px;
        }
 
        #probing { /* style for Probing Message */
                font-family:verdana, arial, helvetica;
                font-size:14px;
                font-weight: bold;
                color: #b20c34;
                padding-top: 21px;
                padding-left: 110px;
                padding-right: 12px;
        }

        .probingHeadline {
                font-size: 13px;
                color: white;
                float: right;
        }
        
        .main_text {
        /*font-family:Arial, Sans-serif;*/
        color: #4b4b4b;
        font-size: 13px;
        font-weight: bold;
        margin-right:2%;
        margin-bottom: 14px; /* changed from percentage to pixel*/
	    }

	    .instr_text {
        /*font-family:Arial, Sans-serif;*/
        color: white;
        font-size: 10pt;
        font-style:  italic;
        font-weight: normal;
        margin-right:2%;
        margin-bottom: 6px; /* changed from percentage to pixel*/
	    }

        .label_text {
        /*font-family:Arial, Sans-serif;*/
        color: black;
        font-size: 10pt;
        font-weight: normal;
        margin-right:2%;
        margin-bottom: 14px; /* changed from percentage to pixel*/
	    }
	
        .privacy_text {
        /*font-family:Arial, Sans-serif;*/
        color: black;
        font-size: 10pt;
        font-weight: normal;
        margin-right:2%;
        margin-bottom: 14px; /* changed from percentage to pixel*/
	    }
        
        .colorrow {
        background-color: transparent;
        }
        
        fieldset textarea {
        margin-left:0px;
        margin-top:15px;
        width:60%;
        }        
        
        .secondary_text {
        color:#000000;
        margin-left: 35px;
        }
        
        .secondary_text input {
        color:#000000;
        }

        .ten_pt_header_left {
        vertical-align: bottom;
        text-align: left;
        color: #000000;
        font-size: 10pt;
        /* font-style:  italic; */
        font-weight: 300;   
        }

        .ten_pt_header_right {
        vertical-align: bottom;
        text-align: right ;
        color: #000000;
        font-size: 10pt;
        /* font-style:  italic; */
        font-weight: 300;   
        padding-right: 0px;
        }
		
        .langselect {
        /*color: white;*/
        font-size: 8pt;
        font-weight: normal;
        margin-right:-9.2%;
		margin-top: -555px;
        margin-bottom: 14px; /* changed from percentage to pixel*/
        float:right;
        padding-top: 15px;
        }

        #probe_m {
        color: #FF9900;
        font-size:14px;
        font-weight:normal;
        text-align:center
        margin-left: auto;
        margin-right: auto;
        display: none;
        }

/* STATUS BAR CLASSES */

        #statusBarBox {
        z-index: 1000;
        width: 160px;
        padding-top: 16px;
        margin-left: 33px;
            float: left;
        margin-bottom: 0px;
        }

        #statusBar {
        /*margin-bottom: 24px;*/ /*Moved to #statusBarBox*/
        font-size: 13px;
        width: 100%;
        }

        #statusBarSmall {
        color: #FFFFFF; 
        font-weight: normal; 
        float: right; 
        font-size: 0.8em; 
        margin-top: 0px;
        }

        .meter { 
        height: 13px;                /* Can be anything */
        position: relative;
        font-size: 10pt;
        margin: 10px 0x 0 0;          /* Spacing entire status bar */
        background: #FFFFFF;         /* background color status bar box */
        border: 1px solid #52616a;   /* border statements status bar box */
            -moz-border-radius: 0px;     /* Rounded corners status bar box START */
            -webkit-border-radius: 0px;  
        border-radius: 0px;         /* Rounded corners status bar box END */
        behavior: url(ie-css3.htc);  /* Enables rounded corners (border-radius) for Internetexplorer (file: ie-ccs3.htc needs to be in studyfolder on root level */
        padding: 2px;
            -webkit-box-shadow: inset -1px -3px 6px 4px rgba(0,0,200,0);
            -moz-box-shadow   : inset -1px -3px 6px 4px rgba(0,0,200,0);
        box-shadow        : inset -1px -3px 6px 4px rgba(0,0,200,0);
        }

        .meter > span {
        display: block;
        height: 100%;
            -webkit-border-top-right-radius: 0px; /* Rounded corners status bar progress bar START */
            -webkit-border-bottom-right-radius: 0px;
            -moz-border-radius-topright: 0px;
            -moz-border-radius-bottomright: 0px;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
            -webkit-border-top-left-radius: 0px;
            -webkit-border-bottom-left-radius: 0px;
            -moz-border-radius-topleft: 0px;
            -moz-border-radius-bottomleft: 0px;
            border-top-left-radius: 0px;
            border-bottom-left-radius: 0px; /* Rounded corners status bar progress bar END */
        background-color: rgb(134, 134, 134);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0, rgb(134, 134, 134)),
            color-stop(1, rgb(134, 134, 134))
        );

        background-image: -moz-linear-gradient(
        center bottom,
        rgb(134, 134, 134) 37%,
        rgb(134, 134, 134) 69%
        );

        -webkit-box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0),
        inset 0 -2px 6px rgba(0,0,0,0);
        -moz-box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0),
        inset 0 -2px 6px rgba(0,0,0,0);
        box-shadow: 
        inset 0 2px 9px  rgba(255,255,255,0),
        inset 0 -2px 6px rgba(0,0,0,0);
        position: relative;
        overflow: hidden;
        }

        .meter > span:after, .animate > span > span {     /*  Annimation progress bar  */
        content: "";
        position: absolute;
        top: 0; left: 0; bottom: 0; right: 0;
        background-image: 
            -webkit-gradient(linear, 0 0, 100% 100%, 
            color-stop(.25, rgba(255, 255, 255, .2)), 
            color-stop(.25, transparent), color-stop(.5, transparent), 
            color-stop(.5, rgba(255, 255, 255, .2)), 
            color-stop(.75, rgba(255, 255, 255, .2)), 
            color-stop(.75, transparent), to(transparent)
        );
            
        background-image: 
        -moz-linear-gradient(
          -45deg, 
          rgba(255, 255, 255, .2) 25%, 
          transparent 25%, 
          transparent 50%, 
          rgba(255, 255, 255, .2) 50%, 
          rgba(255, 255, 255, .2) 75%, 
          transparent 75%, 
          transparent
       );
            
        z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            -webkit-animation: move 3s linear infinite; /*   Speed of annimation -> higher value = slower */
            -webkit-border-top-right-radius: 8px;
            -webkit-border-bottom-right-radius: 8px;
            -moz-border-radius-topright: 8px;
            -moz-border-radius-bottomright: 8px;
            border-top-right-radius: 8px;
            border-bottom-right-radius: 8px;
            -webkit-border-top-left-radius: 20px;
            -webkit-border-bottom-left-radius: 20px;
            -moz-border-radius-topleft: 20px;
            -moz-border-radius-bottomleft: 20px;
            border-top-left-radius: 20px;
             border-bottom-left-radius: 20px;
        overflow: hidden;
        }

        .animate > span:after {
        display: none;
        }

        @-webkit-keyframes move {
        0% {
        background-position: 0 0;
        }
        100% {
        background-position: 50px 50px;
        }
        }

        .status > span {                  /* Color of progress bar */
        background-color: #666666;
        background-image: -moz-linear-gradient(top, #666666, #666666);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #666666),color-stop(1, #666666));
        background-image: -webkit-linear-gradient(#666666, #666666); 
        }

        .nostripes > span > span, .nostripes > span:after { /* Surpresses annimation */
            -webkit-animation: none;
        background-image: none;
        }

        .boxes_row input[type="radio"]:checked + label, .fld_boxrow input:checked + label, .scale_boxes input:checked + label {
          background: #a40038;
          border: 1px solid #000000;
        }

	.fld_boxes, .fld_other_boxes {
	  width: 98%;
	  margin-left: 0px;
	}
	
	legend#dropdown select {
	  margin-left: 15px;
	  height: 34px;
	  width: 96%;
	}
	
	input[type="text" i]:disabled {
	  background-color: #FFFFFF;
	}
	
	.scale_header_left, .scale_header_right {
	  font-size: 12px;
	}
	
	.button {
	  font-weight: bold;
	}

	.five_pt_single .boxes_row label {
	  font-size: 12px;
	}
	
	.boxes_row label {
	  font-weight: normal;
	}
	
	.error {
	  /*font-family:Arial, Sans-serif;*/
	}
	
	legend {
	  color: #000000; /*Because IE*/
	}
	
/* ------------------------------ Exit page ------------------------------ */

.exitLargeText {
  font-size: 14px;
  font-weight: bold;
}
.exitContainer {
  width: 100%;
  height: 300px;
  margin: 0 auto;
}
.exitInnerDiv {
  width: 33%;
  float: left;
}
.exitLinks {
  text-decoration: none;
  color: inherit;
}
.exitHomepage, .exitOwners, .exitService {
  max-width: 300px;
  max-height: 190px;
}
#exitLinkDiv, #exitSocialLinkDiv img {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
#exitSocialLinkDiv img {
  height: 50px;
}
#exitLinkDiv img:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
#exitSocialLinkDiv img:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#exitLinkDiv:hover {
  font-weight: bold;
}

.fld_boxes {
  width: 101.7% !important;
}

.fld_other_boxes {
  width: 101.6%;
  margin-bottom: 8px;
}  

.instruct {
  color: #b20c34;
  font-size: 11px;
  margin-left: 0px;
  margin-bottom: 8px;
}  

.boxes {
  width: 101.7%;
  margin-left: 0px;
}  

.scale_header_table {
  width: 101%;
  margin-left: 0px;
}  

.boxes_exception {
  margin-left: 0px;
  font-size: 12px;
}  

.fld_boxes .fld_boxrow label {
  width: 100%;
}

.ten_pt_single {
  margin-left: 0px;
}

.fld_boxrow input[type="checkbox"] {
  margin-left: -13px;
} 

.boxes_row label:hover, .fld_boxrow label:hover, .scale_boxes label:hover {
  background: #f0f0f0;
}

#dealer {
  max-width: 650px;
}

        .privacy_text {
       //font-family: tahoma, arial;
       font-family:verdana, arial, helvetica;
       color: black;
       font-size: 10pt;
       font-weight: normal;
       margin-right:2%;
       margin-bottom: 14px; /* changed from percentage to pixel*/
    }
    
 .boxText
{
    font-family: arial, helvetica;
    color: #606a73;
    font-size: 14px;
    line-height: 19px;
    width: 639px;
    padding-top: 10px;
    background-color: #ffffff;
}

.boxTop
{
    width: 674px;
}

.boxLeft
{
    background-image:url(../images/boxBGleft.jpg) !important;
    background-repeat: repeat-y;
    width: 26px;
}

.boxRight
{
    background-image:url(../images/boxBGright.jpg) !important;
    background-repeat: repeat-y; 
}    

.aobold .scale_header_left, .aobold .scale_header_right {
  font-weight: bold !important;
}  

.multibox .fld_other_boxes {
  width: 101.4% !important;
}  

a:-webkit-any-link {
  color: #38c !important;
} 

.scale_boxes label {
  color: black;
  font-weight: normal;
}