#routingForm {
    display: block;
    z-index: 1000;
    position: absolute;
    right: 0px;
    top: 116px;
}

#routingFormClose {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.addressSearchList {
    overflow-y: auto;
    max-height: 150px;
}

.rfInputImgCell {
    height: 50px;
    vertical-align: top;
}

.rfListSeparator {
    margin-top: 5px;
    margin-bottom: 5px;
}

#routingFormTitle {
    color: #2a66a6;
    font-size: 14px;
    font-weight: bold;
    font-family: Tahoma, arial, sans-serif;
    padding-left: 20px;
    padding-bottom: 20px;
}

/* BOUTON COULEUR */
.buttonColor { border: 0px; padding: 0px; cursor: pointer; }
.buttonColor input { color: white; font-weight: bold; font-size: 10px; background-color: transparent; border: none; cursor: pointer; }
.buttonColorLeft { width: 4px; height: 19px; background: url('../images/Bouton_Color_Start.png') no-repeat; }
.buttonColorMiddle { height: 19px; background: url('../images/Bouton_Color_Fill.png') repeat-x; }
.buttonColorRight { width: 7px; height: 19px; background: url('../images/Bouton_Color_End.png') no-repeat; }

/* HEADER */
.headerStart { width: 19px; height: 69px; background: url('../images/Header_BG_start.png') no-repeat; }
.headerRedPin { position: relative; top: -5px; left: -24px; }
.headerMiddle { height: 69px; background: url('../images/Header_BG_fill_1.png') repeat-x; vertical-align: top; padding: 5px 5px 0px 5px; }

.headerRightTrans { width: 26px; height: 69px; background: url('../images/Header_BG_transition.png') no-repeat; }
.headerRightSpliter { width: 23px; height: 69px; background: url('../images/Header_BG_transition_2.png') no-repeat; }

.headerRightSep { width: 2px; height: 69px; background: url('../images/Header_BG_separator.png') no-repeat; }
.headerRightMiddle { height: 69px; background: url('../images/Header_BG_fill_2.png') repeat-x; vertical-align: top; padding: 5px 5px 0px 5px; }
.headerRightEnd { width: 21px; height: 69px; background: url('../images/Header_BG_end.png') no-repeat; }

.headerPointListCategory span { color: #2a66a6; }
.headerStartEnd span.title { color: #2a66a6; }



/* ITINERAIRE DIRECTION */
.directionHeader { background: url('../images/Itineraire_bkgd_blue_gradient.png') repeat-x; padding-left: 15px; padding-right: 15px; }
.directionHeaderTitle { font-size: 14px; font-weight: bold; position: relative; padding-left: 30px; }

.directionHeaderTitlePrint { font-size: 12px; font-weight: bold; padding-left: 5px; }
.directionHeaderLabelPrint { font-size: 12px; }
.directionHeaderInfoTitlePrint { font-size: 12px; font-weight: bold; }
.directionHeaderInfoLabelPrint { font-size: 12px; }


.directionHeaderLabel { font-size: 14px; position: relative; }
.directionHeaderInfoTitle { font-size: 12px; font-weight: bold; position: relative; }
.directionHeaderInfoLabel { font-size: 12px; position: relative; }

.directionSteps { color: #797979; }
.directionStepsPrint { color: black; }

.distanceUnit { position: relative; }
.distanceUnit img { position: relative; top: 2px; }
.distanceUnitOn { font-weight: bold; }
.distanceUnitOff { text-decoration: underline; cursor: pointer; }

.routingImpossibleMessage img { vertical-align: middle; }
.routingImpossibleMessage span {  font-weight: bold; color: red; }
.routingPointLabel { color: black; }
.routingPointList { max-height: 100%; margin: 2px; }
.routingListDetail { color: black; }
.routingListDetailDist { color: black; font-weight: bold; }

/* ITINERAIRE DIRECTION */
.directionHeaderStartA { width: 54px; height: 57px; background: url('../images/Itineraire_point_a.png') no-repeat; }
.directionHeaderStartB { width: 54px; height: 57px; background: url('../images/Itineraire_point_b.png') no-repeat; }
.directionHeaderEnd { width: 12px; height: 57px; background: url('../images/Direction_Header_End.png') no-repeat; }

.directionHeaderStartLink { width: 13px; height: 57px; background: url('../images/Direction_Retour_Start.png') no-repeat; }
.directionHeaderFillLink { height: 57px; background: url('../images/Direction_Retour_Fill.png') repeat-x; text-align: center; }
.directionHeaderMiddleLink { width: 20px; height: 57px; background: url('../images/Direction_Retour_Transition.png') no-repeat; }
.directionHeaderEndLink { width: 13px; height: 57px; background: url('../images/Direction_Retour_End.png') no-repeat; }


.directionStepId { font-size: 14px; color: #2a66a6; font-weight: bold; }
.directionStep0Start { width: 6px; height: 40px; background: url('../images/Direction_Separator_Start.gif') no-repeat; }
.directionStep0Middle { height: 40px; background-color: #ECECEC; overflow: hidden; }
.directionStep0End { width: 7px; height: 40px; background: url('../images/Direction_Separator_End.gif') no-repeat; }
.directionStep1Start { width: 6px; height: 40px;  }
.directionStep1Middle { height: 40px; overflow: hidden; }
.directionStep1End { width: 7px; height: 40px;  }

.routingPointTitle { font-size: 11px; color: #2a66a6; font-weight: bold; }
.routingPointToFrom { text-decoration: underline; }
.routingListTitle { color: #2a66a6; }

.poi {
    margin: 0px;
    padding-left: 3px;
    padding-top: 2px;
    width: 25px;
    height: 34px;
    border: 0px;
    background-repeat: no-repeat;
}

.poiLabel {
    width: 14px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

.previousButton {width: 15px; height: 12px; background: url('../images/Page_Previous.gif') no-repeat; cursor: pointer}
.nextButton {width: 15px; height: 12px; background: url('../images/Page_Next.gif') no-repeat; cursor: pointer}




.poiLabelOver {
    font-size: 11px;
    font-weight: bold;
    color: #2a66a6;
}

.poiLabelOut {
    font-size: 11px;
    font-weight: bold;
    color: #6e6e6e;
}


.linkToRoutingText {
    font-size: 11px;
    color: #6e6e6e;
}

.linkToRoutingTextBold {
    font-size: 13px;
    color: black;
    font-weight: bold;
}

.servicePointTitle {
    font-size: 15px;
    color: #2a66a6;
    font-weight: bold;
}


.categoryTitle {
    font-size: 11px;
    /*font-style: italic;*/
    color: black;
    font-weight: bold;
}

.emailTitle {
    color: #2a66a6;
    font-size: 18px;
    font-weight: bold;
}

#rfUnitToggler {
    margin-left: 25px;
}
.directionSectionSeparator {
    height: 5px;
    background: url('../images/itineraireBorder.png') repeat-x;
}
.routeDetailExpand, .routeDetailCollapse {
    width: 28px;
    height: 28px;
    cursor: pointer;
}
.routeDetailExpand {
    background: url('../images/Itineraire_BTN_expand.png');
}
.routeDetailCollapse {
    background: url('../images/Itineraire_BTN_collapse.png');
}

#rfImpossibleMessage {
    margin-top: 10px;
    margin-bottom: -10px;
}

.itinaryText, .itinaryTextLink {
    font-size: 14px;
}

.itinaryTextLink {
    color: #2d69a8;
    text-decoration: underline;
}

.itinaryText {
    color: black;
    text-decoration: none;
}

#routingFromAddress, #routingToAddress {
    width: 95%;
}