* { font-size: 14px; color: #242424; line-height: 20px; }

div#adsl-choose-disponibility-container div.datePicker { z-index: 1; }

ul li { background: none; }

/****************************************************************/
/*                          FORMS                               */
/****************************************************************/

div.nic-form-line { width: 100%; height: 100%; overflow: hidden; margin: 5px 0; }

div.nic-form-line label.nic-form-label,
div.nic-form-line span.nic-form-label {
    display: block;
    width: 90px;
    line-height: 30px;
    text-align: right;
    margin-right: 15px;
}

div.nic-form-line label.nic-form-label span.nic-form-label-required-span,
span.nic-form-label-required-span { 
    display: inline-block;
    background: url(/images/order/adsl/new/validite-champs.png) no-repeat bottom;
    width: 18px;
    height: 14px;    
}
div.nic-form-line label.nic-form-text-error-label span.nic-form-label-required-span { background-position: 0 -19px; }
div.nic-form-line label.nic-form-text-valid-label span.nic-form-label-required-span { background-position: top; }

div.nic-form-line div.nic-form-input-text { 
    border: 1px solid #d9d9d9; 
    height: 32px;
}
div.nic-form-line div.nic-form-input-text, 
div.nic-form-line div.nic-form-input-text input {
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    border-radius: 5px;
    background-color: #fffff0;
}
div.nic-form-line div.nic-form-input-text .nic-form-input-image,
span.nic-form-input-image { width: 23px; height: 23px; background: url(/images/order/adsl/new/ask.png) no-repeat 0px -30px; margin: 3px 2px 0 0; }
div.nic-form-line div.nic-form-text-error .nic-form-input-image, span.nic-form-input-image-error { background-position: 0px 0px; }
div.nic-form-line div.nic-form-input-text input { border: 0px; height: 30px; padding-left: 5px; }
div.nic-form-line div.nic-form-input-very-small { width: 67px; }
div.nic-form-line div.nic-form-input-very-small input[type=text], div.nic-form-line div.nic-form-input-very-small input[type=password] { width: 62px; }
div.nic-form-line div.nic-form-input-small { width: 100px; }
div.nic-form-line div.nic-form-input-small input[type=text], div.nic-form-line div.nic-form-input-small input[type=password] { width: 95px; }
div.nic-form-line div.nic-form-input-middle { width: 305px; }
div.nic-form-line div.nic-form-input-middle input[type=text], div.nic-form-line div.nic-form-input-middle input[type=password] { width: 298px; }
div.nic-form-line div.nic-form-input-half { width: 200px; }
div.nic-form-line div.nic-form-input-half input[type=text], div.nic-form-line div.nic-form-input-half input[type=password] { width: 195px; }
div.nic-form-line div.nic-form-input-big { width: 515px; }
div.nic-form-line div.nic-form-input-big input[type=text], div.nic-form-line div.nic-form-input-big input[type=password] { width: 510px; }

div.nic-form-line div.nic-form-input-default input { color: #BBBBBB; font-style: italic; }
div.nic-form-line div.nic-form-text-error { border-color: #f80207; }
div.nic-form-line div.nic-form-text-error input { color: #f80207; }

div.nic-form-line div.nic-form-input-readonly input { background: url(/images/order/adsl/new/readonly-field.png); }
div.nic-form-line div.nic-form-input-small input.nic-form-input-with-image { width: 67px; }
div.nic-form-line div.nic-form-input-half input.nic-form-input-with-image { width: 170px; }
div.nic-form-line div.nic-form-input-middle input.nic-form-input-with-image { width: 275px; }
div.nic-form-line div.nic-form-input-big input.nic-form-input-with-image { width: 485px; }

div#nic-tech-pwdStrength {
    width: 197px;
    height: 29px;
    background: url(/images/order/adsl/new/security-level.png) no-repeat 0 0;
}
div#nic-tech-section_password div.nic-form-pwd-strength-very-low { background-position: 0 -34px }
div#nic-tech-section_password div.nic-form-pwd-strength-low { background-position: 0 -68px }
div#nic-tech-section_password div.nic-form-pwd-strength-middle { background-position: 0 -102px }
div#nic-tech-section_password div.nic-form-pwd-strength-good { background-position: 0 -136px }
div#nic-tech-section_password div.nic-form-pwd-strength-very-good { background-position: 0 -170px }

.nic-form-section,
div.delivery-nic-resume,
li.group-list-item-install,
li.group-list-item-yearly,
li.group-list-item-monthly { background: url(/images/order/adsl/new/form-section-border.png) repeat-x bottom; padding: 5px 0; }

div.nic-form-edit-mandatory-legend { padding: 5px 0; }

div.nic-form-input-radio { line-height: 30px; }
div.nic-form-input-radio label { margin-right: 30px; }

div.nic-form-line .nic-form-loader { display: none; width: 15px; height: 30px; margin-left: 10px; background: url(/images/main/ajax-loader.gif) 50% 50% no-repeat; vertical-align: middle; }

/****************************************************************/
/*                          MAIN STYLES                         */
/****************************************************************/

.order-subtitle { font-size: 16px; font-weight: bold; color: #0651A0; }
h2.order-subtitle { margin: 5px 0; }
.order-bold { font-weight: bold; }
.order-italic { font-style: italic; }
.order-small { font-size: 10px; }
.order-light { color: #545454; }
.order-green { color: #69b815; font-style: italic; }
.order-blue { color: #0651A0; }
.order-price { color: #FA0208; }
a.order-nic-edit { background: url(/images/order/adsl/new/editer.png); width: 35px; height: 33px; display: block; }
.order-alt-row { background-color: #ededed !important; }
.order-total { 
    background: #fbfadc; 
    border: 1px solid #e1e1e1;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    margin: 15px 0;
}
.order-big-bold { font-weight: bold; font-size: 18px; color: #545454; }
.adsl-order-included { padding-left: 15px; }

/****************************************************************/
/*                          BOXES                               */
/****************************************************************/
.order-main-box { width: 655px; min-height: 450px; }
.order-box { 
    border: 1px solid #F4F4F4;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    -moz-box-shadow: 0 11px 15px -7px #3A4142;
    -webkit-box-shadow: 0 11px 15px -7px #3A4142;
    -o-box-shadow: 0 11px 15px -7px #3A4142;
    box-shadow: 0 11px 15px -7px #3A4142;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#3a4142, Direction=180, Strength=15);
    margin-bottom: 25px;
    background-color: #eee;
    height: auto !important;
}
.order-box-title {
    /* Anciens navigateurs */
    background: #3a3a3a url("gradient-bg.png") repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #3a3a3a;
    background: #3a3a3a\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF5d5d5d, endColorstr=#FF3a3a3a);
    /* Navigateurs récents */
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#5d5d5d),
        to(#3a3a3a)
    );
    background-image: -webkit-linear-gradient(
        top,
        #5d5d5d,
        #3a3a3a
    );
    background-image: -moz-linear-gradient(
        top,
        #5d5d5d,
        #3a3a3a
    );
    background-image: -o-linear-gradient(
        top,
        #5d5d5d,
        #3a3a3a
    );
    background-image: linear-gradient(
        top,
        #5d5d5d,
        #3a3a3a
    );
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 4px 20px;
}
.order-box-title h1 { font-size: 20px; color: #FFFFFF; font-weight: bold; }
.order-box-content {
    height: auto !important;
    /* Anciens navigateurs */
    background: #eeeeee repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #eeeeee;
    background: #eeeeee\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFfcfcfc, endColorstr=#FFeeeeee);
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#fcfcfc),
        to(#eeeeee)
    );
    background-image: -webkit-linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    background-image: -moz-linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    background-image: -o-linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    background-image: linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    border: 1px solid #EFEFEF;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 14px;
}
.nic-form-choices { text-align: center; }

div.order-box-side {
    border: 1px solid #F4F4F4;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    -moz-box-shadow: 0 11px 15px -7px #3A4142;
    -webkit-box-shadow: 0 11px 15px -7px #3A4142;
    -o-box-shadow: 0 11px 15px -7px #3A4142;
    box-shadow: 0 11px 15px -7px #3A4142;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#3a4142, Direction=180, Strength=15);
    margin-bottom: 25px;
}
div.order-box-side-title {
    border: 1px solid #ececec;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #E6E6E6;
    padding: 5px;
}
.order-box-side-title h1 { font-size: 20px; color: #545454; font-weight: bold; }
.order-box-side-content {
    border: 1px solid #f6f6f6;
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    /* Anciens navigateurs */
    background: #eeeeee repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #eeeeee;
    background: #eeeeee\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFfcfcfc, endColorstr=#FFeeeeee);
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#fcfcfc),
        to(#eeeeee)
    );
    background-image: -webkit-linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    background-image: -moz-linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    background-image: -o-linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
    background-image: linear-gradient(
        top,
        #fcfcfc,
        #eeeeee
    );
}

/****************************************************************/
/*                          OTHER                               */
/****************************************************************/

#nic-tech-section_password { background: url(/images/order/adsl/new/cadena.png) no-repeat 20px 0px; padding-left: 105px; }
#nic-tech-section_password label.nic-form-label { width: 196px; }

#box-client-yet-title, #box-logged-client-title { color: #084a9c; font-size: 22px; height: 40px; line-height: 40px; padding-left: 45px; }
#box-client-yet-title { background: url(/images/order/adsl/new/ask-big-blue.png) no-repeat; }
#box-client-yet-title input { margin-left: 25px; }
#box-client-yet-title label { font-weight: normal; }
#box-logged-client-title { background: url(/images/order/adsl/new/user-big-blue.png) no-repeat; }

#mondial-relay-gmap-container { width: 530px; height: 400px; margin: 0px auto; }
.mondial-relay-list-container { width: 33%; height: 400px; }

.order-box-content ul li ul li.group-item-list-item,
.order-box-content ul li ul li.total-line { padding-left: 30px; background: none; }

#iban-fill-container .nic-form-input-very-small { margin-right: 5px; }

table.many-lines-table { width: 450px; margin: 5px auto; }
table.many-lines-table hr { width: 100%; margin: 15px 0; }
#et_iaq_address_validate_wrapper { margin-top: 10px; }
table.new-order-bottom-steps { margin: 0 auto 15px auto; }

#bic-fill-container label { width: 140px; }
#search-line-content label.nic-form-label { width: 200px; }
#search-line-content div.nic-form-line { margin: 15px 0; }

#adsl-order-call-support { 
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #545454;
    background-color: #e6e6e6;
    border: 1px solid #fafafa;
    padding: 5px 0;
}

#adsl-order-eligibility-line div.nic-form-input-container { margin: 0 auto; }
#adsl-order-eligibility-line div.nic-form-input-container input { font-size: 16px; font-weight: bold; color: #0651A0; width: 475px; }
#et_result_main_ok { 
    width: 275px; 
    border: 1px solid #ececec;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    margin : 10px auto;
}
#et_result_main_ok h2 { background: url(/images/order/adsl/new/ill-test-ok.png) no-repeat; padding-left: 48px; line-height: 43px; }
#et_main_form_input_resetter { background: url(/images/order/adsl/new/btn-test-a-zero.png) no-repeat; width: 24px; height: 24px; cursor: pointer; }
div.nic-form-input-radio input { margin-right: 10px; }

#adsl-order-resume h2.resume-offer-name {
    cursor: pointer;
    background: url(/images/order/adsl/new/icn-depliment.png) no-repeat 215px 3px;
}
#adsl-order-resume  h2.open { background-position: 215px -15px }

#adsl-middle-order li.total-line { padding-left: 0px; }

#adsl-order-error-container, #adsl-order-error-container-change-nic {
    /* Anciens navigateurs */
    background: #ee0225 repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #ee0225;
    background: #ee0225\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFee0225, endColorstr=#FFb5090e);
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#ee0225),
        to(#b5090e)
    );
    background-image: -webkit-linear-gradient(
        top,
        #ee0225,
        #b5090e
    );
    background-image: -moz-linear-gradient(
        top,
        #ee0225,
        #b5090e
    );
    background-image: -o-linear-gradient(
        top,
        #ee0225,
        #b5090e
    );
    background-image: linear-gradient(
        top,
        #ee0225,
        #b5090e
    );
    padding: 15px;
    width: 625px;
    margin-bottom: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    display: none;
}
#adsl-order-error-container ul li { color: #FFFFFF; background: none; padding: 0; font-size: 16px; }

#adsl-promo-code-container { background: url(/images/order/adsl/new/form-section-border.png) repeat-x top; padding: 5px 0; }

#adsl-order-header {
    width: 825px;
    margin: 0 auto;
    padding: 10px 10px 30px 10px;
    border: 1px solid #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

#adsl-order-rail {
    text-align: center;
    width: 100%;
}
#adsl-order-rail div.hrZone { width: 100%; }

#adsl-order-main h1 {
    width: 100%;
}

#adsl-order-main h1 span{
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    height: 24px;
    color: #0068b1;
    width: 100%;
}

span.resume-offer-phone { font-size: 18px; font-weight: bold; color: #545454; }

#adsl-order-resume-container li.group-item-list-item table tr td{
    font-size: 12px; 
    line-height: 14px; 
}

/****************************************************************/
/*                Eligibility inactive line                     */
/****************************************************************/

div#search-line-proprios-list table thead tr { 
    height: 30px;  
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -khtml-border-radius:3px;
    -ms-border-radius:3px;
    border-radius: 3px;
    border-color: #e4e5e5;
    /* Anciens navigateurs */
    background: #eeeeee repeat-x top;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #eeeeee;
    background: #eeeeee\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFfdfdfd, endColorstr=#FFeeeeee);
    background-image: -webkit-gradient(
        linear,
        left top, left bottom,
        from(#fdfdfd),
        to(#eeeeee)
    );
    background-image: -webkit-linear-gradient(
        top,
        #fdfdfd,
        #eeeeee
    );
    background-image: -moz-linear-gradient(
        top,
        #fdfdfd,
        #eeeeee
    );
    background-image: -o-linear-gradient(
        top,
        #fdfdfd,
        #eeeeee
    );
    background-image: linear-gradient(
        top,
        #fdfdfd,
        #eeeeee
    );
}
div#search-line-proprios-list table tbody tr { height: 50px; }
div#search-line-proprios-list table tbody tr:hover, div#search-line-proprios-list table tbody tr.hover { background-color: #e2eefa; }
div#search-line-proprios-list table tbody tr td { background: url(/images/order/adsl/new/form-section-border.png) repeat-x bottom; padding-bottom: 2px; cursor: default; }
select#search-line-city { width : 305px; padding : 3px 0; }

/****************************************************************/
/*                      AUTOCOMPLETER                           */
/****************************************************************/

ul.autocompleter-choices
{
    position:               absolute;
    margin:                 0;
    padding:                0;
    list-style:             none;
    border:                 1px solid #7c7c7c;
    border-left-color:      #c3c3c3;
    border-right-color:     #c3c3c3;
    border-bottom-color:    #ddd;
    background-color:       #fff;
    text-align:             left;
    font-family:            Verdana, Geneva, Arial, Helvetica, sans-serif;
    z-index:                50;
    background-color:       #fff;
}

ul.autocompleter-choices li
{
    position:               relative;
    margin:                 -2px 0 0 0;
    padding:                0.2em 1.5em 0.2em 1em;
    display:                block;
    float:                  none !important; 
    cursor:                 pointer;
    font-weight:            normal;
    white-space:            nowrap;
    font-size:              1em;
    line-height:            1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
    background-color:       #444;
    color:                  #fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
    display:                inline;
    float:                  none;
    font-weight:            bold;
    margin:                 0;
    padding:                0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
    color:                  #9FCFFF;
}

/****************************************************************/
/*                      CHOOSE QUANTITY                         */
/****************************************************************/

div#adsl-order-configurator table.tableQuantity input.rounded_choose_quantity_input { 
    height: 30px;
    width : 29px;
    text-align: center;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    border-radius: 5px;
    background-color: #fffff0;
}

div.order-ajax-process h1 { color: #0651A0; font-size: 26px; line-height: 33px;  }
.order-ajax-process .box-overlay { 
    width: 100%;
    height: 897px;
    opacity : 0.7;
    -moz-opacity : 0.7;
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    filter : alpha(opacity=70); /* IE < 8 */    
    background: none #000000;
    top: 0px;
    left: 0px;
    z-index: 1000000;
    position: fixed;
    position/*\**/: absolute\9 
}
.order-ajax-process .box-content {
    z-index: 1000001; 
    padding: 20px; 
    border-radius: 5px 5px 5px 5px; 
    top: 50%; 
    left: 50%; 
    width : 20px; 
    height: 20px; 
    margin: -10px 0 0 -10px;
    position: fixed;
    position/*\**/: absolute\9 
}

.separation-line { background: url(/images/order/adsl/new/form-section-border.png) repeat-x bottom; padding: 5px 0; }