html, body {
    margin: 0px;
    padding: 0px;
    /* height: 100%; This make that we cant scroll itinerary in IPAD*/
    width: 100%;
    min-width: 9px;
    overflow: auto;
} 
/**
*********** HEADER ***********
**/
.headerMap{
    height:116px;
    background-image: url('../images/Header_background.png');
    background-repeat:repeat-x;
    background-color:#b6b6b6;
    width:100%;
    overflow: hidden;  /* Fix extra space glitch ( white line) for google chrome */
    position: relative;
}

.fontStyle{
    font-family: Arial,Helvetica,sans-serif;
    font-size:11px;
}

.headerDivImage{
    background-image:url('../images/Header_BQC_logo.png');
    background-repeat:no-repeat;
    width:155px;
    height:116px; 
    position:absolute;
    left:0px;
    top:0px;
}
.headerDivInputs{
    margin-left:3px;
    margin-top:15px;
}
.floatLeftStyle{
    float:left;
}

.searchOptionsDiv{
    position: absolute;
    left: 160px;
    top: -2px;
}

.floatRightStyle{
    float:right;
}
.searchImageStyle{
    cursor:pointer;
    margin-top:1px;
}
.regionsDivStyle{
    margin-left:50px;
}

.regionsStyle{
    height:22px;
}

.headerTab{
    height:41px;
    float:right;
}
.headerTab .left{
    background-image:url('../images/Header_TAB_Left.png');
    width:15px;
    height:41px;
    float:left;
}
.headerTab .center{
    background-image:url('../images/Header_TAB_Fill.png');
    background-repeat:repeat-x;
    height:41px;
    float:left;
    width:70px;
}
.headerTab .center .printIcon{
    left:8px;
    top:8px;
    float:left;
}
.divPrintIconStyle{
    margin-top:7px;
    margin-left:6px;
}
.divEmailIconStyle{
    margin-top:7px;
    margin-right:4px;
}
.headerTab .center .emailIcon{
    right:5px;
    top:8px;
    float:right;
}
.headerTab .right{
    background-image:url('../images/Header_TAB_Right.png');
    width:15px;
    height:41px;
    float:left;
}
.bottonTinerary{
    margin-top: 5px;
    cursor:pointer;
    float:right;
    margin-right:6px;
}
.bottonTineraryLeft{
    background-image:url('../images/BTN_Blue_Left.png');
    width:6px;
    height:29px;
    float:right;
}
.bottonTineraryRight{
    background-image:url('../images/BTN_Blue_Right.png');
    width: 8px;
    height:29px;
    float:right;

}
.bottonTineraryCenter{
    background-image:url('../images/BTN_Blue_Fill.png');
    background-repeat:repeat-x;
    height:29px;
    float:right;
    color:white;
    text-decoration: underline;
    font-weight: bold;
    text-align:center;
}
.bottonTinaryText {
    padding-top: 5px;
}


.launchButton{
    margin-top: 5px;
    cursor:pointer;
    height:29px;
    float:right;
    margin-right:5px;
    width: 150px;
}
.launchButtonLeft{
    background-image: url('../images/BTN_Blue_H30pix_Left.png');
    width: 16px;
    height: 29px;
    float: right;
}
.launchButtonRight{
    background-image:url('../images/BTN_Blue_H30pix_Right.png');
    width:6px;
    height:29px;
    float:right;

}
.launchButtonRightArrow{
    background-image: url('../images/BTN_Blue_H30pix_Right_Arrow.png');
    width: 19px;
    height: 29px;
    float: right;

}
.launchButtonCenter{
    background-image:url('../images/BTN_Blue_H30pix_Fill.png');
    background-repeat:repeat-x;
    height:29px;
    float:right;
    color:white;
    padding-right: 15px;
    padding-left: 10px;
    font-weight: bold;
    text-align: center;
}
.launchButtonText {
    padding-top: 5px;
}


.category{
    margin-top:6px;
}
.textMargin{
    margin-left:2px;
}
.checkboxAccommodation{
    background-image:url('../images/CheckBox_bkgd_Blue2.png');
    background-repeat:no-repeat;
    width:17px;
    height:17px;

}
.checkboxActivity{
    background-image:url('../images/CheckBox_bkgd_Yellow2.png');
    background-repeat:no-repeat;
    width:17px;
    height:17px;

}
.checkboxInformation{
    background-image:url('../images/CheckBox_bkgd_Green2.png');
    background-repeat:no-repeat;
    width:17px;
    height:17px;

}
.checkboxServices{
    background-image:url('../images/CheckBox_bkgd_Red2.png');
    background-repeat:no-repeat;
    width:17px;
    height:17px;

}
.checkboxTitle {
    width:13px;
    height:13px;
    margin: 2px;


}
.categorySeparator{
    background-color:#A6A6A6;
    height:68px;
    width:1px;
}
.checkboxesDivStyle{
    border-right:1px solid #A6A6A6;
}

.regionNameLabel{
    font-size:12px;
    font-weight:bold;
    font-family: Arial,Helvetica,sans-serif;
    white-space:nowrap;
    /* border:1px solid silver;
     background-color:white;*/
}

.informationServices{
    width:120px;
}




/**
*********** FOOTER ***********
**/

.footerDiv {
    height: 41px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.footerCartotraphyImage {
    padding-right: 5px;
}
.footerTextCartotraphy {
    padding-top: 5px;
    color: #999999;
    padding-left: 15px;
} 


.contentDiv {
    position: relative;
    width: 100%;
    height: 100%;
    /*min-width: 1000px; */
    /* background-color: red; */
}


/**
************* CLEARFIX ***********
**/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.divMap{
    margin: 0px;
    overflow:hidden;
    position: absolute;

    top: 0px;
    height: 300px;
    bottom: 0px;

    left:0px;
    right: 0px;
    width:auto;
}

.mapTypeNormalLeftUnselected {
    background-image: url('../images/MapTab_Left.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeNormalFillUnselected {
    background-image: url('../images/MapTab_Fill.png');
    font-family: Arial;
    width: 45px;
    height: 21px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    float:left;
    background-repeat: repeat-x;
}

.mapTypeNormalRightUnselected {
    background-image: url('../images/MapTab_Right.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeSatelliteLeftUnselected {
    background-image: url('../images/MapTab_Left.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeSatelliteFillUnselected {
    background-image: url('../images/MapTab_Fill.png');
    font-family: Arial;
    width: 45px;
    height: 21px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    float:left;
    background-repeat: repeat-x;
}

.mapTypeSatelliteRightUnselected {
    background-image: url('../images/MapTab_Right.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypePhysicalLeftUnselected {
    background-image: url('../images/MapTab_Left.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypePhysicalFillUnselected {
    background-image: url('../images/MapTab_Fill.png');
    font-family: Arial;
    width: 45px;
    height: 21px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    float:left;
    background-repeat: repeat-x;
}

.mapTypePhysicalRightUnselected {
    background-image: url('../images/MapTab_Right.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeNormalLeftSelected {
    background-image: url('../images/MapTab_Left_On.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeNormalFillSelected {
    background-image: url('../images/MapTab_Fill_On.png');
    font-family: Arial;
    width: 45px;
    height: 21px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    float:left;
    background-repeat: repeat-x;
}

.mapTypeNormalRightSelected {
    background-image: url('../images/MapTab_Right_On.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeSatelliteLeftSelected {
    background-image: url('../images/MapTab_Left_On.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypeSatelliteFillSelected {
    background-image: url('../images/MapTab_Fill_On.png');
    font-family: Arial;
    width: 45px;
    height: 21px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    float:left;
    background-repeat: repeat-x;
}

.mapTypeSatelliteRightSelected {
    background-image: url('../images/MapTab_Right_On.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypePhysicalLeftSelected {
    background-image: url('../images/MapTab_Left_On.png');
    width: 6px;
    height: 21px;
    cursor: pointer;
    font-size: 11px;
    float:left;
    background-repeat: no-repeat;
}

.mapTypePhysicalFillSelected {
    background-image: url('../images/MapTab_Fill_On.png');
    font-family: Arial;
    width: 45px;
    height: 21px;
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding-top: 3px;
    font-size: 11px;
    text-align: center;
    float:left;
    background-repeat: repeat-x;
}

.mapTypePhysicalRightSelected {
    background-image: url('../images/MapTab_Right_On.png');
    background-repeat: no-repeat;
    width: 6px;
    height: 21px;
    cursor: pointer;
    float:left;
    font-size: 11px;
}
.tooltipStreetview {
    position: relative;
    top: 8px;
}

.tooltipButtons {
    margin-top: -15px;
    margin-bottom: 10px
}

.tooltip {
    position: absolute;
    left: -10000px;
    top: -10000px;
    border: 1px solid #2A66A6;
    background-color: white;
    vertical-align: middle;
    padding: 5px;
    max-width: 300px;
}

#tooltipText {
    color: #2A66A6;
    font-size: 12px;
    font-weight: bold;
}

.tooltipBack {
    font-weight: bold;
}

#proximitySearchForm {
    margin-top: 25px;
    margin-bottom: 15px;
}

#tooltipClassificationName {
    color: #2A66A6;
}

#proximitySearchTitle {
    font-size: 12px;
    font-weight: bold;
    color: black;
    margin-bottom: 5px;
}

#proximitySearchInput {
    width: 95%;
}

#proximitySearchCheckboxes {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 9px;
}

.proximitySearchLine {
    height: 35px;
}

#proximitySearchButtons {
    height: 35px;
}

.tooltipBgInfoTable {
    position: relative;
    left: -12px;
    top: -8px;
    width: 374px;
}

.tooltipBgTable {
    border-collapse: collapse;
    height: 200px;
}

.tooltipBgLeft, .tooltipBgRight, .tooltipInnerBgLeft, .tooltipInnerBgRight {
    background-repeat: no-repeat;
    background-position: bottom left;
    width: 12px;
}

.tooltipBgLeft {
    background-image: url('../images/MiniFiche_bkgd_Left.png');
}

.tooltipBgRight {
    background-image: url('../images/MiniFiche_bkgd_Right.png');
}

.tooltipInnerBgLeft {
    background-image: url('../images/MiniFiche_Inner_bkgd_Left.png');
}

.tooltipInnerBgRight {
    background-image: url('../images/MiniFiche_Inner_bkgd_Right.png');
}

.tooltipBgCenter, .tooltipInnerBgCenter {
    background-repeat: repeat-x;
    background-position: bottom left;
}

.tooltipBgCenter {
    background-image: url('../images/MiniFiche_bkgd_Fill.png');
}

.tooltipInnerBgCenter {
    background-image: url('../images/MiniFiche_Inner_bkgd_Fill.png');
}

#tooltipRoutingForm {
    margin-top: 20px;
    margin-bottom: 15px;
}

.tooltipOr {
    margin-bottom: 5px;
    width: 100%;
}

.clusterLabel {
    color: white;
    font-size: 13px;
    font-weight: bold;
    font-family: Helvetica, sans-serif;
    width: 30px;
    text-align: center;
}


.resultsList{



    padding:2px;
    overflow:auto;
    position: absolute;

    top: 0px;
    height: 100%;
    bottom: 0px;

    left: 0px;
    width:300px;

    visibility: hidden;
    display: none;
    /* background-color: green;  */
}

.resultsList .loading{

    color: #2763a3;
    font-size: 14px;
    font-weight: bold;
}

.resultsList .title{

    color: #2763a3;
    font-size: 12px;
    font-weight: bold;
    margin-bottom:10px;
}




.resultsList .error{

    color: red;
    font-weight: bold;
}

.resultsList a {
    color: #2763a3;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline
}
/*.resultsList A:visited {
    color: #2763a3;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline
}
.resultsList A:active {
    color: #2763a3;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline
}
.resultsList A:hover {
    color: #2763a3;
    font-size: 14px;
    font-weight: bold;
    text-decoration:underline;
}*/



.resultsList .smallLink {
    font-size: 11px;
    margin-left:2px;
}

.resultsList  .disabled {
    font-size: 11px;
    margin-left:2px;
    color:black;
    text-decoration:none;
}

.resultsList .pagingContainer{
    font-weight:bold;
}

.resultListBorder{
    width:5px;
    height:100px;
    background-image: url('../images/resultList_borderR.png');
    background-repeat: repeat-y;

}

.mapContainer{
    border-bottom:1px solid #cccccc;
    position: relative;
    width: 100%;

}

.proximityTitle {
    width: 342px;
}
