body { font-family: Tahoma, arial, sans-serif; font-size: 11px; }

.link:link { text-decoration: underline; cursor: hand; cursor: pointer; }
.link:visited { text-decoration: underline; cursor: hand; cursor: pointer; }
.link:hover { text-decoration: underline; cursor: hand; cursor: pointer; }

div.buildNo { font-size: 14px; font-weight: bolder; color: #777777; text-align: center; width: 250px; margin-left: auto; margin-right: auto; }

.markerLabel { color: white; background-color: blue; font-weight: bold; }

/* BOUTON GRIS */
.button { border: 0px; padding: 0px; cursor: pointer; }
.button input { color: white; font-weight: bold; font-size: 10px; background-color: transparent; border: none; cursor: pointer; }
.buttonLeft { width: 4px; height: 19px; background: url('../images/Bouton_Cancel_Start.png') no-repeat; }
.buttonMiddle { height: 19px; background: url('../images/Bouton_Cancel_Fill.png') repeat-x; }
.buttonRight { width: 6px; height: 19px; background: url('../images/Bouton_Cancel_End.png') no-repeat; }

/* HEADER */
table.header { width: 100%; }
.headerTitle { color: #ffffff; font-size: 17px; }
.headerRight { font-size: 14px; }

.headerPointListCategory { position: absolute; top: 38px; left: 15px; }
.headerPointListCategory form { padding: 0px; margin: 0px; }
.headerPointListCategory span { padding-right: 25px; }

.headerStartEnd { position: absolute; top: 35px; left: 15px; }
.headerStartEnd td { font-size: 11px; font-weight: bold; }
.headerStartEnd span.label { color: #797979; }

/* BOX BORDER */
.boxTable { empty-cells: show; }
.boxTopCornerLeft { width: 6px; height: 6px; overflow: hidden; line-height: 1px; }
.boxTopLeft { width: 4px; height: 6px; background: url('../images/Box_TopLeft.gif') no-repeat; overflow: hidden; }
.boxTopMiddle { height: 6px; background: url('../images/Box_TopFill.gif') repeat-x; overflow: hidden; }
.boxTopRight { width: 4px; height: 6px; background: url('../images/Box_TopRight.gif') no-repeat; overflow: hidden; }
.boxTopCornerRight { width: 6px; height: 6px; overflow: hidden; line-height: 1px; }

.boxLeftTop { width: 6px; height: 4px; background: url('../images/Box_LeftTop.gif') no-repeat; overflow: hidden; }
.boxContent {  }
.boxRightTop { width: 6px; height: 4px; background: url('../images/Box_RightTop.gif') no-repeat; overflow: hidden; }

.boxLeftMiddle { width: 6px; background: url('../images/Box_LeftFill.gif') repeat-y; overflow: hidden; }
.boxRightMiddle { width: 6px; background: url('../images/Box_RightFill.gif') repeat-y; overflow: hidden; }
.boxLeftBottom { width: 6px; height: 4px; background: url('../images/Box_LeftBottom.gif') no-repeat; overflow: hidden; }
.boxRightBottom { width: 6px; height: 4px; background: url('../images/Box_RightBottom.gif') no-repeat; overflow: hidden; }

.boxBottomCornerLeft { width: 6px; height: 6px; overflow: hidden; line-height: 1px; }
.boxBottomLeft { width: 4px; height: 6px; background: url('../images/Box_BottomLeft.gif') no-repeat; overflow: hidden; }
.boxBottomMiddle { height: 6px; background: url('../images/Box_BottomFill.gif') repeat-x; overflow: hidden; }
.boxBottomRight { width: 4px; height: 6px; background: url('../images/Box_BottomRight.gif') no-repeat; overflow: hidden; }
.boxBottomCornerRight { width: 6px; height: 6px; overflow: hidden; line-height: 1px; }

/* LOGOS */
.footer { position: absolute; left: 10px; bottom: 0px; margin: 0px; padding: 0px; }


/* ITINERAIRE DIRECTION */
.directionHeader { color: #FFFFFF; padding-top: 5px;}
.directionHeaderTitle { font-size: 14px; font-weight: bold; position: relative; top: -4px; padding-left: 5px; }

.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; top: -4px; }
.directionHeaderInfoTitle { font-size: 12px; font-weight: bold; position: relative; top: -4px; }
.directionHeaderInfoLabel { font-size: 12px; position: relative; top: -4px; }

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

.distanceUnit { position: relative; top: -4px; }
.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: #797979; }
.routingPointList { margin: 2px; }
.routingListDetail { color: #797979; }
.routingListDetailDist { color: #797979; font-weight: bold; }


/* Tooltip */
.ttName { font-size: 15px; font-weight: bold; text-decoration: none}
.ttBoldBlack { color: #000000; font-size: 12px; font-weight: bold;}

.ttGrayText { 
    text-decoration: none; 
    font-size: 12px; 
    font-weight: normal; 
    color: #797979; 
    font-family: arial;
}

.printList {
    color: black;
    font-size: 15px; 
}

.printTitle { color: black; font-size: 18px; }
.printTitleAddress { color: black; font-size: 14px; }

.emailLabels {
    color:#6E6E6E;
    font-size:12px;
    font-weight:bold;
}

.routingNotice {
    color: #797979;
    margin-top: 10px;
}


.routingFromToBoxLeft {
   width: 8px;
   background-position: bottom; 
   background-image: url('../images/Bloc_Gradient_Start.png'); 
   background-repeat: no-repeat;
}

.routingFromToBoxFill {
   background-position: bottom; 
   background-image:  url('../images/Bloc_Gradient_Fill.png'); 
   background-repeat: repeat-x;
   padding-bottom: 10px;
}

.routingFromToBoxRight {
   width: 8px;
   background-position: bottom; 
   background-image: url('../images/Bloc_Gradient_End.png'); 
   background-repeat: no-repeat;
}

.maximumSizeRule {
    word-wrap: break-word;
    overflow: hidden;
}

.previousButtonDisabled {width: 15px; height: 12px; background: url('../images/Page_Previous_disabled.gif') no-repeat; }
.nextButtonDisabled {width: 15px; height: 12px; background: url('../images/Page_Next_disabled.gif') no-repeat; }