html {
max-width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif\9;
font-family: "Helvetica", sans-serif;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
overflow-y: hidden;
overflow-x: hidden;
outline: none;
}
button {
outline: none;
font-size: 13px;
}
#clubHeader {
width: 100%;
/*height: auto;*/
overflow-x: hidden;
overflow-y: hidden;
border: none;
outline: none;
z-index: 2;
position: relative;
top: 0;
/*visibility: hidden;*/
/*display: none;*/
}
    #clubHeader iframe {
    position: absolute;
    top: 0;
    width: 100%;
    /*height: 100%;*/
    border: none;
    margin: 0;
    padding: 0;
    outline: none;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 2;
    /*visibility: hidden;*/
    /*display: none;*/
    }
#appContainer {
width: 100%;
position: relative;
height: 100%;
bottom: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;

}
#map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
/*min-width: 775px;*/
overflow-y: hidden;
overflow-x: hidden;
z-index: 0;
}
#topBar {
position: absolute;
top: 0;
width: 100%;
height: 63px;
background-color: rgba(255, 255, 255, 0.85);
background-color: rgb(255, 255, 255)\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:alpha(opacity = 85);
border-bottom: solid 1px #d0d0d0;
display: none;
min-width: 775px;
overflow-x: hidden;
overflow-y: hidden;
z-index: 4;
}
#headerConnector {
position: relative;
top: 0;
/*height: 15px;*/
width: 100%;
text-align: center;
cursor: pointer;
padding: 0;
margin: 0;
}
.nonActiveHeaderConnector {
background-color: rgb(61, 119, 188);
}
#headerConnector:hover {
background-color: rgb(61, 119, 188);
}
.headerConnectorActive, #headerConnector:active {
background-color: rgba(0, 0, 0, 0.2);
}
#leftTopBar {
height: 100%;
float: left;
/*width: 315px;*/
}
#rightTopBar {
height: 100%;
float: right;
}
#clubBannerToggle {
height: 7px;
width: 20px;
position: absolute;
left: 48.7%;
cursor: pointer;
display: none;
/*background-image: url(images/clubToggleUp.png);*/
background-position: center;
background-repeat: no-repeat;
/*background-color: white;*/
top: 2px;
}
.upBannerToggle {
background-image: url(images/clubToggleUpWhite.png);
}
.downBannerToggle {
    background-image: url(images/clubToggleDownWhite.png);
}

.upBannerToggle.active,
.upBannerToggle:active, 
.downBannerToggle:active, 
.downBannerToggle.active {
    background-color: rgba(61, 119, 188, 0.4);
    }
.upBannerToggle.active, .upBannerToggle:active {
background-image: url(images/clubToggleUpWhite.png);
}
.downBannerToggle.active, .downBannerToggle:active {
background-image: url(images/clubToggleDownWhite.png);
}
#aaaList {
position: absolute;
top: 18px;
left: 15px;
cursor: pointer;
height: 27px;
}
#TripTik {
margin: 0;
margin-top: 15px;
font-size: 27px;
color: rgb(61, 119, 188);
margin-left: 11%;
display: none;
cursor: default;
width: 400px; /* 315px;*/
}
#clubTestHeader {
/*max-width: 100%;
height: auto;*/
position: fixed;
top: 64px;
display: block;
z-index: 2;
/*background-image: url(images/clubTestHeader.png);*/
/*background-repeat: no-repeat;*/
}
#mainCenter {
outline: none;
}
#buttonList {
float: right;
margin-top: 15px;
color: #005296;
display: none;
width: 12%;
min-width: 150px;
}
#shareButton {
float: left;
width: 65px;
margin-right: 5px;
cursor: pointer;
}
#shareButton img {
float: left;
height: 18px;
}
 #layersButton, 
 #printButton, 
 #helpButton, 
 #settingsButton {
float: left;
cursor: pointer;
margin-top: 6px;
margin-right: 9%;
position: relative;
}
    /*#layersButton img {
    height: 20px;
    }*/ 
/*#printButton, #helpButton {
float: left;
cursor: pointer;
margin-top: 5px;
margin-left: 15px;
}*/
    #printButton img, 
    #helpButton img, 
    #settingsButton img, 
    #layersButton img {
    float: left;
    height: 21px;
    }
    #printButton p {
    float: left;
    margin-top: 0;
    font-size: 13px;
    margin-left: 5px;
    }
/*#settingsButton {
margin-right: 5px;
float: left;
cursor: pointer;
margin-top: 3px;
}*/
    #settingsButton img {
    float: left;
    height: 25px;
    margin-top: -2px;
    }
    #settingsButton p {
        font-size: 13px;
        float: left;
        margin-top: 3px;
        margin-left: 5px;
    }
#settingsBox {
position: absolute;
width: 253px;
/*height: 326px;*/
background-color: #FFFFFF;
top: 14%;
left: 40%;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
border: solid 1px #d0d0d0;
z-index: 6;
display: none;
opacity: 0;
}
.languageSetting {
height: 30px;
/*margin-left: 10px;*/

}

#dropdownListSettings {
margin-left: 5px;
/*padding-bottom: 5px;*/
border-bottom: solid 1px #b7b7b7;
height: 79px;
}
#languageHeader, 
#designHeader, 
.dropdownHeader {
margin-top: 5px;
margin-left: 5px;
margin-bottom: 10px;
color: rgb(61, 119, 188);
font-size: 15px;
}
.dropdownHeader {
margin: 0;
margin-top: 5px;
margin-left: 5px;
font-weight: bold;
}
#languageSettings,
#clusterSettings {
border-bottom: solid 1px #b7b7b7;
margin-left: 5px;
padding-bottom: 5px;
}
.settingsBoxList {
padding: 0;
padding-left: 5px;
list-style: none;
margin-top: 0;
}
.settingsBoxListItem:before { 
    content: "";
    border-color: transparent rgb(61, 119, 188);
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: 0;
    top: 1.1em;
    position: relative;
}
.clusterList {
list-style-type: none;
margin-left: 10px;
padding: 0;
height: 43px;
/*display: none;*/
}
#showDropdown {
margin-left: 10px;
}
#english, 
#spanish, 
#french {
margin-right: 2px;
}
#settingsButtons {
/*position: absolute;*/
bottom: 5px;
width: 100%;
padding-left: 9px;
padding-bottom: 3px;
padding-top: 10px;
}
#tripTikIdDiv {
/*position: absolute;*/
/*bottom: 35px;
right: 3px;*/
font-size: 13px;
display: block;
width: 135px;
/*padding-top: 5px;*/
padding-bottom: 5px;
margin-left: 10px;
}
.tripTikHeader {
margin: 0;
margin-top: 5px;
font-size: 13px;
margin-left: 20px;
color: rgb(61, 119, 188);
display: block;
}
    #tripTikIdDiv p {
    margin: 0;
    padding-top: 10px;
    /*float: left;*/
    -webkit-user-select: text;
    -moz-user-select: all;
    -ms-user-select: text;
    }
#applySettings, 
#cancelSettings {
width: 45%;
cursor: pointer;
}
.rollover {
outline: none;
width: 35px;
height: 35px;
outline: none;
border: none;
}
    .rollover a {
    outline: none;
    border: none;
    }
    .rollover img {
    outline: none;
    border: none;
    }
#topCover {
position: absolute;
bottom: 0;
width: 67px;
height: 26px;
background-color:transparent;
}

#poiListToggle {
position: absolute;
right: 0;
bottom: 50px;
display: none;
cursor: pointer;
z-index: 2;
background-color:rgba(255, 255, 255, 0.85);
background-color: rgb(255, 255, 255)\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity = 85);
width:80px;
height:25px;
}
.homePageToggle, 
#travelGuidesToggle {
position: absolute;
right: -21px;
border: solid 1px #dcdcdc;
border-left: none;
top: -1px;
height: 50px;
width: 20px;
cursor: pointer;
background-image: url(images/closeLeft.png);
background-repeat: no-repeat;
background-position: -1px;
background-color: rgb(255, 255, 255);
}
#travelGuidesToggle {
top: -1px;
right: -20px;
height: 50px;
}
 
 
#poiList {
position: absolute;
bottom: 0px;
right:0;
height: 50px;
outline: none;
background-color: rgba(255, 255, 255, 0.85);
/*background-color: rgba(255, 255, 255, 0.9);*/
z-index: 2;
background-color: rgb(255, 255, 255)\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity = 85);
display: block;
width: 616px;
}


    #poiList ul {
    margin: 0;
    padding: 0;
    height: 100%;
    list-style-type: none;
    outline: none;
    border: none;
    margin-left: 8px;
    }
    #poiList li {
    
    margin: 0;
    margin-top: 10px;
    /*float: left;*/
    margin-right: 2px;
    margin-left: 2px;
    outline: none;
    display:inline-block;
    }
        #poiList li a {
        outline: none;
        }
            #poiLIst li a img {
            outline: none;
            }
        /*#poiList ul:last-child {
        margin-right: 15px;
        }*/
#poiA {

outline: none;
}
#poiT{

outline: none;
}
#legendButton {
cursor: pointer;
}

.activePOIToggle {

}

/*#legendButton {
background-color: transparent;
border: solid 1px #b7b7b7;
height: 25px;
border-radius: 5px;
color: gray;
font-weight: bold;
padding-bottom: 2px;
cursor: pointer;
margin-top: 3px;
position:absolute;
top:200px;
right:20px;
}*/

#legend {
    position:absolute;
    top:77px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:auto;
    border-radius: 9px;
    border: #817F7F solid 2px;
    padding:10px;
    font-size:13px;
}

    #legend h4 {
        margin-left:10px;
        margin-top:8px;
        text-align:center;
        font-size:16px;
    }

#leftLegendColumn {
    float:left;
}

#rightLegendColumn {
    float:left;
}

#legendTitleArea {
    background-color:#F6F6F6;
    top: 0px;
    height: 45px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: solid 1px #d0d0d0;
}
#legendTitle {
    position:absolute;
    left:230px;
}
#legendTable {
    width:100%;
    border-spacing:0px;
    margin-top:5px;
}
.legendRow {
    height: 35px;
    font-size:13px;
}
.legendRow div {
    /*height: 30px;*/
    float:left;
    margin-top:7px;
    margin-left:5px;
}
.legendCellA {
    height: 30px;
    width: 70px;
    border-bottom: solid 1px #d0d0d0;
}
.legendCellB {
    height: 30px;
        border-bottom: solid 1px #d0d0d0;

}
.legendRow:last-child > .legendCellA, .legendRow:last-child > .legendCellB {
border-bottom: none;
}
.legendImage {
    padding-left:6px;
    width:auto;
    height:30px;
    float:left;
}

#legendHeader {
    width:100%;
}
#closeLegend {
    height:11px;
    float:right;
    cursor:pointer;
    padding:5px;
    margin-top:-5px;
}
#searchBar {
position: absolute;
height: 35px;
/*width: 322px;*/
display: none;
top: 70px;
left: 6px;
}
#aaaLogo {
margin-top: 15px;
margin-left: 18%;
cursor: pointer;
display: none;
float: left;
}
.mapTo {
float: left;
height: 100%;
margin: 0;
padding: 0;
/*width: 91%;*/
width: 274px;
/*border: solid 1px #d0d0d0;*/
/*border: solid 1px rgb(61, 119, 188)\9;*/
border: none;
background-color: #FFFFFF\9;
/*margin-right: 5px;*/
padding-left: 5px;
outline: none;
/*box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);*/
/*font-size: 15px;*/
/*border-radius: 5px;*/
}
    .mapTo::-ms-clear {
    display: none;
}
/*::-webkit-input-placeholder {
color: rgb(61, 119, 188);
}*/
.searchImage {
width: 35px;
height: 100%;
background-color: #FFFFFF;
float: left;
}
    .searchImage > img {
    position: absolute;
    top: 12px;
    left: 8px;
    height: 14px;
    }
.searchBarContainer {
    box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
    height: 100%;
    border: solid 1px #d0d0d0;
    /*width: 314px;*/
    float: left;
    margin-right: 3px;
}
.searchLButtonOff {
background-image: url(images/newListButtonOff1.png);
width: 50px;
/*width: 15%\9;*/
height: 107%;
min-height: 35px;
min-height: 32px\9;
background-repeat: no-repeat;
/*margin-left: 3px;*/
border: solid 1px #b7b7b7;
background-color: rgb(255, 255, 255);
cursor: pointer;
outline: none;
max-width: 50px;
display: none;
/*border-radius: 5px;*/
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
float: left;
}
#searchEntireStateList, #searchEntireCityList, #searchEntireFeatureList {
display: none;
}
.searchLButtonOn {
background-image: url(images/newListButtonOn1.png);
width: 50px;
/*width: 15%\9;*/
height: 107%;
min-height: 35px;
min-height: 32px\9;
background-repeat: no-repeat;
/*margin-left: 5px;*/
border: solid 1px #b7b7b7;
background-color: rgb(255, 255, 255);
cursor: pointer;
outline: none;
max-width: 50px;
/*border-radius: 5px;*/
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
margin-left: 3px;
}
#searchDropdownToggle {
position: absolute;
top: 9px;
right: 19%;
width: 17px;
height: 18px;
background-image: url("images/dropDownToggle.png");
background-repeat: no-repeat;
display: none;
border: none;
}
.mapTo {
font-size: 15px;
/*padding-top: 9px\9;
height: 25px\9;*/
}
.mapToDisabled {
background-color: #DEEEFD;
background-color: #DEEEFD\9;
font-style: italic;
font-weight: bold;
font-size: 12px;
color: #000000;
}
    .mapToDisabled::-webkit-input-placeholder {
    color: #000000;
    }
    .mapToDisabled::-moz-placeholder {
    color: #000000;
    }
    /*.mapToDisabled::-ms-input-placeholder {
    color: #000000;
    }*/

#searchDropdownList {
position: absolute;
background-color: #DDDDDE;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
z-index: 4;
display: none;
top: 110px;
left: 50px;
/*padding-top: 5px;*/
padding-bottom: 5px;
border: solid 1px #b7b7b7;
border-radius: 5px;
}
#searchType, 
#searchState, 
#searchCity, 
#searchFeature {
width: 72%;
height: 20px;
margin-top: 5px;
border: solid 1px #b7b7b7;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
    
}
#controlBar {
position: absolute;
left: 0;
top: 115px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
margin: 0;
padding: 0;
height: 245px;
z-index: 2;
}
#controlTabs {
    width: 320px;
    height: 245px;
    border: solid 1px #d0d0d0;
    
    display: none;
    /*cursor: pointer;*/
    background-color: rgb(255, 255, 255);
}
#controlTabIcons {
float: left;
background-color: rgb(255, 255, 255);
height: 245px;
width: 48px;
}
#controlTabTitles {
position: absolute;
background-color: rgb(255, 255, 255);
left: 48px;
width: 273px;
height: 245px;
}
.controlTabTitle {
margin: 0;
height: 19px;
padding-top: 15px;
padding-bottom: 15px;
text-indent: 10px;
color: rgb(61, 119, 188);
font-size: 17px;
font-weight: 300;
cursor: pointer;
/*float: left;*/
/*font-weight: bold\9;*/
}
.activeControlTabTitle {
    background-color: rgb(61, 119, 188);
    color: rgb(255, 255, 255);
}
.controlTab {
padding-top: 5px;
text-align: center;
outline: none;
cursor: pointer;
}
    .controlTab img {
    height: 40px;
    }
   
.activeControlTab {
background-color: rgb(61, 119, 188);
}
#homeAd {
position: absolute;
padding: 10px;
top: 370px;
left: 0;
width: 302px;
border: solid 1px #d0d0d0;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
height: 250px;
background-color: rgb(255, 255, 255);
display: none;
z-index: 2;
padding-left: 8px;
}

#adDirections, 
#adPoi {
width: 300px;
height: 250px;
background-color: rgb(255, 255, 255);
clear: both;
overflow-x: hidden;
overflow-y: hidden;
margin-left: 3px;
margin-bottom: 25px;
border: none;
}
    #adDirections iframe, 
    #adPoi iframe {
    border: none;
    width: 100%;
    height: 250px;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 254px\9;
    }
#adPoi {
margin-top: 33px;
}
.subContentPane {
    position: absolute;
    top: 125px;
    left: 50px;
    opacity: 0;
    background-color: transparent;
    display: none;
    z-index: 2;
    border: solid 1px #d0d0d0;
}
#poiPane {
top: 70px;
left: 50px;
width:350px;
background-color: rgb(255, 255, 255);
border: solid 1px #d0d0d0;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);

}
#poiPaneContent {
overflow-x: hidden;
overflow-y: auto;
min-height: 120px;

}
#poiControls, 
#myTripsControls, 
#myTripDetailsControls, 
#myTripsPoiControls {
height: 50px;
border-bottom: solid 1px #b7b7b7;
}

#poiControls {
padding-left:12px;
}

#myTripsPoiControls {
display: none;
}
#myTripsControls {
padding-left: 35px;
background-color: rgb(255, 255, 255);
opacity: 1;
}
    #myTripsPoiControls p, 
    .myTripsWishlistContainerHeader p, 
    #myPlacesRelocatedHeader p, 
    #myRoutesRelocatedHeader p {
    margin: 0;
    font-size: 17px;
    font-weight: bold;
    float: left;
    margin-left: 10px;
    margin-top: 16px;
    color: rgb(61, 119, 188);
    }
    #myTripsPoiControls img, 
    .myTripsWishlistContainerHeader img, 
    #myPlacesRelocatedHeader img, 
    #closeMyTripsWishlistRoutes {
    float: right;
    height: 15px;
    margin-right: 10px;
    margin-top: 17px;
    cursor: pointer;
    }
.poiButton, 
.routeInfoToggleArrow, 
.clusterToggleButton, 
.dropDownToggleButton, 
.myTripsButtons, 
.languageToggleButton, 
.myTripDetailsDateEditButton, 
.myTripDetailsDateDoneButton, 
.highlightOptionButton, 
.useSelected, 
.overviewMapSizeButton, 
.myPlacesPrintType, 
.mapOnlySizeButton, 
.myPlacesPrintType, 
.printOptionMainButton, 
.printOptionSubButton, 
.travelPlanPrintSubButton,
.travelPlanPrintListTypeButton, 
.saveTripButtons, 
.routeOptionsTogglesButtonsFerries,
.printOptionsSettingsButtonsLargeMaps, 
.printOptionsSettingsButtonsBooklet, 
.printOptionsSettingsButtonsMoreIntDetail, 
.routeOptionsTogglesButtonsUnits, 
.routeOptionsTogglesButtonsHighways, 
.routeOptionsTogglesButtonsTolls {
color: rgb(61, 119, 188);
background-color: rgb(255, 255, 255);
border: solid 1px rgb(61, 119, 188);
height: 30px;
float: left;
margin-top: 9px;
cursor: pointer;
-webkit-appearance: none;
}
#myRoutes {
background-image: url(images/myPlacesBadge.png);
background-repeat: no-repeat;
background-position: 90px;
text-indent: -5px;
}
.poiActiveButton, 
.myTripsActiveButton, 
.activeClusterToggleButton, 
.activeDropDownToggleButton, 
.activeLanguageToggleButton, 
.highlightOptionActiveButton, 
.myTripDetailsDateEditActiveButton, 
.mapOnlySizeActiveButton, 
.overviewMapSizeActiveButton, 
.myPlacesActivePrintType, 
.travelPlanPrintActiveSubButton,
.travelPlanPrintActiveListTypeButton,
.printOptionMainActiveButton, 
.printOptionSubActiveButton, 
#closeAlert, 
.printOptionActiveSubSelection, 
.printOptionsSettingsActiveButtonsMoreIntDetail, 
.printOptionsSettingsActiveButtonsBooklet, 
.printOptionsSettingsActiveButtonsLargeMaps, 
.routeOptionsTogglesActiveButtonsUnits, 
.routeOptionsTogglesActiveButtonsHighways, 
.routeOptionsTogglesActiveButtonsFerries,
.routeOptionsTogglesActiveButtonsTolls {
background-color: rgb(61, 119, 188);
color: rgb(255, 255, 255);
outline: none;
-webkit-appearance: none;
}
.dropDownToggleButton {
padding-left: 5px;
padding-right: 5px;
padding-top: 3px;
height: 23px;
font-size: 14px;
text-align: center;
min-width: 50px;
}
#myTripsButton, #myTripDetailsButton {
margin-left: 20px;
margin-right: 0;
width: 106px;
-webkit-appearance: none;
}

#allPoiResultsButton {
    margin-left: 60px;
margin-right: 0px;
width: 130px;
-webkit-appearance: none;
font-size: 13px;
}

#myPlacesButton, 
#myWishlistButton, 
#myTripDetailsWishlistButton, 
.routeInfoToggleArrow {
margin-left: 0;
width: 110px;
-webkit-appearance: none;
}
#myPlacesButton {
-webkit-appearance: none;
background-image: url(images/myPlacesBadge.png);
outline: none;
background-repeat: no-repeat;
background-position: 90px;
padding-top: 2px;
padding-right: 20px;
font-size:13px;
}
    #myPlacesButton p {
    float: left;
    margin: 0;
    margin-top: 6px;
    margin-left: 21px;
    font-family: "Helvetica", sans-serif;
    font-size: 13px;
    }
    #myPlacesButton img {
    margin-left: 9px;
    margin-top: 7px;
    }

#myTripDetailsWishlistButton, 
#myTripDetailsButton {
width: 154px;
}
#poiFilterButton, #editButton {
position: absolute;
top: 1px;
right: 10px;
border: none;
outline: none;
font-size: 15px;
-webkit-appearance: none;
}
    #poiFilterButton:hover {
    background-color: rgb(255, 255, 255);
    -webkit-appearance: none;
    }
.cardTop {
display: none;
}
#travelGuidesTest, 
#driveTripsPane {
    display: none;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    position: absolute;
    top: 125px;
    left: 50px;
    width: 66%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
    max-width: 676px;
    /*border: solid 1px #d0d0d0;*/
}
#travelGuidesPane {
max-width: 676px;
}
#travelGuidesTest, 
#driveTripsPane {
overflow-x: hidden;
min-width: 676px;
}
#travelGuidesTest {
position: relative;
top: 0;
left: 0;
display: block;
/*border-top: solid 1px #b7b7b7;*/
}
#allDirectionsContainer {
display: none;
width: 350px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
/*border: solid 1px #d0d0d0;*/
background-color: white;
opacity: 0;
top: 125px;
position: absolute;
left: 50px;
}
#ferryOptionsContainer {
position: absolute;
top: 125px;
left: 39%;
background-color: white;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
width: 350px;
box-sizing: border-box;
display: none;
opacity: 0;
z-index: 6;

}
#ferryOptionsHeader {
min-height: 40px;
border-bottom: solid 1px #b7b7b7;
text-align: center;
position: relative;
}

#ferryOptionsHeader p {
margin: 0;

}
    #ferryOptionsHeader > p:nth-child(1) {
    color: rgb(61, 119, 188);
    padding-top: 13px;
    padding-bottom: 0;
    }
    #ferryOptionsHeader > p:nth-child(3) {
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    }

#idSelectPassengerFerry {
    color: rgb(61, 119, 188);
padding-bottom: 0;
}
.ferryOptionsClose {
background-image: url(images/alternativeDeleteButton.png);
position: absolute;
top: 0;
right: 0;
margin-top: 10px;
margin-right: 10px;
height: 20px;
width: 20px;
background-repeat: no-repeat;
background-position: 50%;
background-color: transparent;
outline: none;
border: none;
cursor: pointer;
}
#ferryOptions {
margin-bottom: 10px;
border-bottom: solid 1px #d0d0d0;
}
.ferryOption {
text-align: left;
font-size: 12px;
min-height: 15px;
cursor: pointer;
padding: 10px;
line-height: 1.4em;
text-align: center;
border-bottom: solid 1px #d0d0d0;
color: rgb(61, 119, 188)
}
    .ferryOption:last-child {
    border-bottom: none;
    }
.activeFerryOption {
background-color: rgb(61, 119, 188);
color: white;
}
    
    .ferryOption:hover {
    background-color: rgb(225, 225, 225);
    }
    .activeFerryOption:hover {
    background-color: rgb(61, 119, 188);
    }
#ferryOptionTitle p {
margin: 0;
padding: 10px;
font-size: 13px;
border-bottom: solid 1px #d0d0d0;
padding-top: 5px;
font-style: italic;
color: rgb(61, 119, 188);
text-align: left;
}
#ferryOptionsConfirm {
width: 47%;
margin-right: auto;
margin-left: auto;
height: 21px;
padding-bottom: 10px;
}
#ferryOptionsConfirm input {
float: left;
width: 80px;
margin-right: 3px;
cursor: pointer;
text-align: center;
height: 25px;
}
#cancelFerry {
/*margin: 0;*/
}
#ferryNote {
display: none;
font-size: 12px;
padding: 10px;
text-align: justify;
border-bottom: solid 1px #d0d0d0;
background-color: #FFF5A5;
box-sizing: border-box;
height: 76px;
}
    #ferryNote p {
    margin: 0;
    }
    #ferryNote a:visited {
    color: blue;
    }
#noDirectionsAvailable {
width: 100%;
display: none;
height: 185px;
}
    #noDirectionsAvailable p {
    margin: 0;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    /*font-size: 14px;*/
    }
    #noDirectionsAvailable li {
    margin-bottom: 10px;
    }
#directionsPane {
width: 350px;
opacity: 1;
background-color: transparent;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
border: solid 1px #d0d0d0;
border-top: none;
/*min-height: 370px;*/
display: block;
height: auto\9;

/*overflow-x: hidden;*/
}
#travelGuidesTest {
overflow-y: hidden;
}
#directionsToggle {
height: 50px;
/*border-bottom: solid 1px #d0d0d0;*/
border: solid 1px #d0d0d0;
border-right: none;
background-color: rgb(255, 255, 255);
width: 349px;
display: block;
z-index: 2;
}
    #directionsToggle p, 
    #myTripsControls p {
    margin: 0;
    text-align: center;
    font-size: 18px;
    color: rgb(61, 119, 188);
    cursor: default;
    }
#directionsToggleInputs {
padding-left: 16px;
float: left;
}


    #directionsToggle img {
    /*position: absolute;
    top: 16px;
    right: 9px;
    height: 20px;*/
    cursor: pointer;
    }
#directionsPaneContent {
position: relative;
background-color: rgb(255, 255, 255);
/*box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);*/
overflow-y: auto;
overflow-x: hidden;
/*border: solid 1px #d0d0d0;*/
height: 90%\9;
width: 100%\9;
}
#turnByTurnPane {
display: none;
width: 350px;
/*max-height: 615px;*/
/*overflow-y: auto;*/
/*overflow-x: hidden;*/
/*top: 137px;*/
/*box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);*/
opacity: 1;
z-index: 2;
}
#directionsCardText {

}
.routeDetailsTitle {
margin: 0;
color: rgb(61, 119, 188);
font-weight: bold;
font-size: 13px;
font-family: "Helvetica", sans-serif;
padding-left: 5px;
padding-bottom: 5px;
}
.viaName {
font-weight: normal;
width: 278px;
margin-left: 5px;
color: gray;
margin-bottom: 10px;
padding-bottom: 10px;

}
.routeDetails {
margin-left: 10px;
margin-right: 10px;
border-top: solid 1px #d0d0d0;
padding-top: 5px;
}
.routeStatsTitle {
margin: 0;
font-size: 13px;
/*height: 25px;*/
font-size: 13px;
color: rgb(61, 119, 188);
/*padding-left: 10px;*/
/*height: 100%;*/
/*margin-bottom: 0px;*/
}
.dragDropOptions {
height: 30px;
}
/*.keepOption {

margin: 0;
}
.undoOption {

margin: 0;
}*/
#directionsContentPane {
overflow-x: hidden;
overflow-y: auto;

}
#itin {
width: 100%;
min-height: 104px;
position: static;
}
#iLeft {
padding-top: 10px;
width: 100%;
}
.entireLocation {
display: none;
width: 100%;
min-height: 40px;
-webkit-appearance: none;
}
   
.itineraryLocation {
width: 95%;
height: 36px;
margin-top: 1px;
}
.ui-state-highlight {
height: 40px;
background-color: white;
width: 100%;
border: none;
outline: none;
}
.ui-large-highlight {
height: 95px;
background-color: white;
width: 100%;
border: none;
outline: none;
}
#itinDragArea {
position: absolute;
top: 0;
/*left: 15px;*/
z-index: -1;
overflow: hidden;
width: 100%;
}
.itineraryText {
margin-left: 30px;
float: left;
height: 30px;
margin-top: 4px;
}
.itineraryLabel {
float: left;
margin-top: 5px;
margin-left: 1px;
margin-right: 5px;
height: 22px;
display: block;
padding: 0;
cursor: pointer;
}
.viaCircle {
float: left;
padding-top: 10px;
/*width: 14px;
height: 14px;*/
margin-right: 4px;
margin-left: 1px;
cursor: pointer;
}

.locationBox {
/*width: 180px;*/
text-indent: 3px;
margin: 0;
margin-left: 2px;
padding: 0;
padding-top: 5px\9;
max-height: 100%;
height: 100%;
height: 25px\9;
min-height: 30px;
min-height: 25px\9;
border: solid 1px rgb(220, 220, 220);
cursor: auto;
-webkit-appearance: none;
outline: none;
}
.locationBox::-ms-clear {
    display: none;
    }
.pac-placeholder {
    color: gray;
    display: inline;
    opacity: 1;
    filter: alpha(opacity = 100);

}
/*input.locationBox:focus::-ms-input-placeholder  { 
    display: block;
    filter: alpha(opacity = 100);
    opacity: 1;
    color:black; }*/
.locationBoxDisabled {
background-color: #DEEEFD;
font-style: italic;
font-weight: bold;
font-size: 12px;
color: #000000;
}
.locationBoxBadGeocode {
width: 180px;
margin: 0;
margin-left: 2px;
padding: 0;
max-height: 100%;
height: 30px;
border: solid 1px #9A9A9A;
cursor: auto;
background-color:rgba(217, 50, 40, 0.75);
background-color: rgb(217, 50, 40)\9;
}
.locationBoxBadGeocode::-webkit-input-placeholder {
    color: #000000;
    }
    .locationBoxBadGeocode::-moz-placeholder {
    color: #000000;
    }
    .locationBoxBadGeocode::-ms-input-placeholder {
    color: #000000;
    }
.itineraryLButtonOff {
width: 31px;
height: 32px;
outline: none;
margin-left: 0px;
background-image: url(images/newListButtonOffItinerary.png);
border: solid 1px rgb(220, 220, 220);
cursor: pointer;
display: none;
}
.itineraryLButtonOn {
background-image: url(images/newListButtonOnItinerary.png);
width: 31px;
height: 32px;
outline: none;
margin-left: 0px;
border: solid 1px rgb(220, 220, 220);
cursor: pointer;
display: none;
}
.dropdownToggle {
    position: relative;
    left: 212px;
    bottom: 26px;
    width: 17px;
    height: 18px;
    border: none;
    background-image: url(images/dropDownToggle.png);
    padding: 0;
    display: none;
    -webkit-appearance: none;

}
.itineraryList {
    float: left;
    margin-left: 5px;
    height: 25px;
    margin-top: 4px;
}
    /*.itineraryList a {
    display: inline-block;
    width: 25px;
    height: 25px;
    
    
    }*/
    .itineraryRemove {
 position: absolute;
 right: 10px;
 height: 15px;
 width: 15px;
 margin-top: 15px;
 margin-left: 5px;
 display: block;
}

    .itineraryRemove input {
     background-image: url(images/alternativeDeleteButton.png);
     background-repeat: no-repeat;
     border: none;
     padding: 0;
     margin-left: 2px;
     width: 100%;
     height: 100%;
     -webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
outline: none;
background-color: transparent;
    }
    .itineraryRemove input:hover {
    cursor: pointer;
    background-image: url(images/alternativeDeleteButtonHover.png);
    }

    .itineraryFerry {
 float: left;
 right: 34px;
 height: 20px;
 width: 25px;
 margin-top: 13px;
 margin-left: 5px;
 display: none;
}

    .itineraryFerry input {
     background-image: url(images/ferry.png);
     background-repeat: no-repeat;
     background-size: 75%;
     border: none;
     padding: 0;
     margin-left: 2px;
     width: 100%;
     height: 100%;
     -webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
outline: none;
background-color: transparent;
    }
    .itineraryFerry input:hover {
    cursor: pointer;
    background-image: url(images/ferry.png);
    }

.dragHandle {
margin-top: 10px;
float: left;
display: block;
border: none;
background-repeat: no-repeat;
background-image: url(images/newDragHandle.png);
width: 15px;
height: 18px;
cursor: s-resize;
outline: none;
position: absolute;
margin-left: 10px;
}
    .dragHandle:hover, 
    .myPlacesDragHandle:hover {
    background-image: url(images/newDragHandleHover.png);
    }
.myPlacesDragHandle {
position: absolute;
left: 10px;
top: 37%;
background-image: url(images/newDragHandle.png);
background-repeat: no-repeat;
width: 25px;
height: 18px;
cursor: pointer;
outline: none;
display: none;
}
.itineraryLocationDropdownList {
    width: 316px;
    margin-bottom: 0px;
    margin-top: 0px;
   display: none;
}
.itineraryLocationDropdownListInfo {
    width: 215px;
    border-top: none;
    margin-left: 52px;
    background-color: #E8EAE8;
    border: solid 1px #9A9A9A;
    /*margin-top: 8px;*/
}
.selectListLabel {
float: left; 
width: 24%;
color: rgb(61, 119, 188);
font-size: 11px;
margin-top: 4px;
margin-left: 3px;
}
.entireStateList {
width: 100%;
 display: none;
}
.entireTypeList {
width: 100%;
}
#searchDropdownList label {
color: #005296;
float: left;
width: 24%;
margin-left: 5px;
font-size: 12px;
margin-top: 8px;
}
.entireCityList {
width: 100%;
 display: none;
}
.entireFeatureList {
width: 100%;
display: none;
}
.dropdownStateList
{
    width: 73%;
}
.dropdownFeatureList
{
    width: 73%;
}

.dropdownTypeList {
   width: 73%;
}
.dropdownCityList {
   width: 73%;
}

#hiddenClear {
clear: both;
height: 3px;
width: 100%;
}
#addButton {
padding-left: 20px;
margin-top: 10px;
padding-bottom: 10px;
width: 100%\9;
position: relative;
}
    #addButton a {
    color: rgb(61, 119, 188);
    font-size: 15px;
    text-decoration: none;
    font-weight: bold;
   
    }
/*#routeControlOptions {
border-bottom: solid 1px #d0d0d0;
border-top: solid 1px #d0d0d0;
height: 50px;
width: 100%\9;
}
#advancedOptionsToggle {
padding-left: 20px;
height: 100%;
cursor: pointer;
background-color: rgb(246, 246, 246);
}
#advancedOptionsToggle p {
    float: left;
    color: rgb(61, 119, 188);
    font-size: 15px;
    margin: 0;
    padding-top: 16px;
    font-weight: bold;
}
    #advancedOptionsToggle img {
    float: right;
    height: 20px;
    margin-top: 15px;
    margin-right: 10px;
    }*/
#routeOptionsToggles {
position: absolute;
top: 125px;
left: 50px;
width: 350px;
display: none;
background-color: rgb(255, 255, 255);
border: solid 1px #d0d0d0;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
opacity: 0; 
color: rgb(61, 119, 188);
z-index: 2;
padding-right: 10px;
}

#routeOptionsTogglesHeader {
height: 49px;
background-color: rgb(255, 255, 255);
color: rgb(61, 119, 188);
text-align: center;
border-bottom: solid 1px #d0d0d0;
}
    #routeOptionsTogglesHeader p {
    margin: 0;
    padding-top: 16px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 15px;
    }
#routeOptionsTogglesHeaderArrow {
height: 20px;
float: left;
margin-top: 15px;
margin-left: 10px;
cursor: pointer;
}
#optionsUnits {
height: 47px;
border-bottom: solid 1px #d0d0d0;
}
    #optionsUnits p {
    margin: 0;
    float: left;
    margin-left: 10px;
    margin-top: 16px;
    font-weight: bold;
    font-size: 15px;
    }
.routeOptionsTogglesButtonsUnits, 
.overviewMapSizeButton, 
.mapOnlySizeButton, 
.myPlacesPrintType, 
.printOptionMainButton, 
.printOptionSubButton, 
.travelPlanPrintSubButton,
.travelPlanPrintListTypeButton, 
.printOptionsSettingsButtonsMoreIntDetail, 
.printOptionsSettingsButtonsLargeMaps, 
.routeOptionsTogglesButtonsFerries, 
.printOptionsSettingsButtonsBooklet, 
.routeOptionsTogglesButtonsHighways, 
.routeOptionsTogglesButtonsTolls {
width: 85px;
text-align: center;
padding: 0;
padding-top: 5px;
font-size: 17px;
height: 25px;
margin-right: -1px;
margin-bottom: 0;
}
.printOptionMainButton, 
.clusterToggleButton, 
.languageToggleButton, 
.highlightOptionButton, 
.overviewMapSizeButton, 
.printOptionSubButton, 
.mapOnlySizeButton, 
.travelPlanPrintListTypeButton, 
.myPlacesPrintType {
float: left;
height: 25px;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
margin-left: 4px;
}
.overviewMapSizeButton, .mapOnlySizeButton {
width: 80px;
}
.printOptionMainButton {
width: 25px;
}
.clusterToggleButton, 
.languageToggleButton, 
/*.printOptionSubButton,*/ 
.travelPlanPrintSubButton, 
.highlightOptionButton {
min-width: 25px;
}
.printOptionSubButton {
width: 25px;
}
.travelPlanPrintSubButton {
margin: 0;
margin-right: 10px;
width: 25px;
}
#travelPlanPrintSubOptions {

}
#travelPlanPrintOption {
}
#travelPlanTitleList {
width: 90%;
height: 25px;
margin-top: 5px;
margin-bottom: 5px;
cursor: pointer;
}
#travelPlanDayList {
float: left;
height: 25px;
width: 40%;
}
.travelPlanPrintRow {
height: 30px;
width: 100%;
}
.printOptionsSettingsButtonsMoreIntDetail, 
.printOptionsSettingsButtonsLargeMaps, 
.printOptionsSettingsButtonsBooklet {
width: 50px;
}
.myPlacesPrintType {
width: 125px;
}
#miles, 
#kilometers, 
.booklet, 
.moreIntDetail, 
.largeMaps {
display: none;
}
#optionsAvoids {
min-height: 100px;
}
#optionsAvoidHighways, 
#optionsAvoidTolls, 
#optionsAvoidFerries {
height: 48px;
border-bottom: solid 1px #d0d0d0;
}
#optionsAvoidTolls {
border-bottom: none;
}
#optionsAvoidHighwaysTitle, 
#optionsAvoidTollsTitle, 
#optionsAvoidFerriesTitle {
float: left;
font-weight: bold;
font-size: 15px;
margin-left: 10px;
margin-top: 16px;
}

#optionsAvoidFerriesTitle {
/*margin-right: 60px;*/
}
#avoidTolls, 
#avoidHighways,
#avoidFerries {
display: none;
}

.routeOptionsTogglesButtonsUnits,
.routeOptionsTogglesButtonsHighways,
.routeOptionsTogglesButtonsTolls,
.routeOptionsTogglesButtonsFerries {
float: right;
}

#optionsLeftColumn {
float: left;
}
#optionsRightColumn {
    float: left;
margin-left: 10px;
}
#options {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 306px;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    text-align: center;
}
#topCover {
position: absolute;
bottom: 0;

width: 67px;
height: 26px;
background-color:transparent;
}
#oButtons {
    width: 100%;
    height: 30px;
}
#clearAndLoadTrips {
height: 45px;
width: 100%;
margin-top: 10px;
margin-left: 0px\9;
}
.routeButton {
height: 60px;
font-size: 16px;
/*width: 306px;*/
width: 100%;
padding: none\9;
padding-left: 6px;
padding-right: 5px;
padding-top: 1px;
padding-bottom: 1px;  
-webkit-appearance: none;
background-color: rgb(61, 119, 188);
border: solid 1px #8c8e91;
margin-top: 10px;
color: rgb(255, 255, 255);
/*margin-left: 10px;
margin-right: 10px;*/
margin-left: auto;
margin-right: auto;
cursor: pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
}
.routeOptionsAlertBackgroundOn {
background-color:palegoldenrod;
/*margin-left:10px;
margin-right:10px;*/
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
}
.routeOptionsAlertBackgroundOff {
background-color:none;
/*margin-left:10px;
margin-right:10px;
margin-left: auto;
margin-right: auto;*/
width: 100%;
text-align: center;
}
.routeOptionsAlertTextOn {
display:block;
padding:10px;
font-size:14px;
text-align: left;
}
.routeOptionsAlertTextOff {
display:none;
}
        #oButtons input:hover {
        background-color: rgb(172, 220, 247);
        -webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
        }
#clearTrip, #myTrips, #myWishlistEdit {
    float: left;
    cursor: pointer;
    margin-bottom: 15px;
}

/*#reverseTrip {
background-image: url("images/reverseTrip.jpg");
background-repeat: no-repeat;
height: 20px;
width: 20px;
border: none;
position: absolute;
right: 4px;
top: 10px;
cursor: pointer;
outline: none;
display: none;
}*/
#editRoute, 
#editMyPlaces, 
#myTripsEdit {
float: right;
margin-right: 18px;
display: none;
}

#advancedOptionsToggle, 
#clearTrip, 
#reverseTrip {
width: 30.9%;
float: left;
border: solid 1px #b7b7b7;
margin-right: 10px;
border-radius: 5px;
cursor: pointer;
outline: none;
}
#advancedOptionsToggle, #clearTrip, #reverseTrip {
background-image: url(images/gear4Gray.png);
color: rgb(61, 119, 188);
background-color: white;
background-repeat: no-repeat;
background-size: 22px;
height: 30px;
background-position: 1px;
padding-left: 17px;
}
#clearTrip {
background-image: url(images/clearRoute.png);
background-size: 15px;
background-position: 3px 5px;
padding-left: 20px;
}
#reverseTrip {
margin-right: 0;
display: block;
background-image: url(images/reverseTrip.png);
background-size: 18px;
padding-left: 15px;
background-position: 2px;
}
#editRoute {
display: block;
}
    #editRoute img, 
    #saveRoute img, 
    #editMyPlaces img,
    #reverseTrip img, 
    #myTripsEdit img, 
    #advancedOptionsToggle img,  
    #myWishlistEdit img {
    height: 18px;
    margin-right: 5px;
    }
    #editMyPlaces img {
    float: left;
    }

    #clearTrip img, 
    #advancedOptionsToggle img, 
    #reverseTrip img, 
    #myRoutes img, 
    #editRoute img, 
    #myTripsEdit img,  
    #myWishlistEdit img {
    float: left;
    margin-left: 6px;
    margin-top: 5px;
    }
    #clearTrip p, 
    #advancedOptionsToggle p, 
    #reverseTrip p, 
    #editRoute p, 
    #saveRoute p, 
    #editMyPlaces p, 
    #myTripsEdit p,  
    #myWishlistEdit p {
    color: rgb(61, 119, 188);
    font-size: 15px;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    cursor: pointer;
    }
#saveRoute img {
float: left;
/*margin-top: 0;*/
height: 14px;
}
#myTripsEdit > p {
float: left;
}
#advancedOptionsToggle img {
height: 20px;
margin-top: 3px;
}
#advancedOptionsToggle p, 
#clearTrip p {
width: 90%;
}
#editRoute, 
#myTripsEdit {
margin: 0;
padding-top: 10px;
margin-right: 10px;
cursor: pointer;
margin-top: 5px;
}
.saveRouteButton {
width: 65px;
margin-top: -5px;
}
#saveRoute {
display: block;
position: absolute;
right: 4px;
margin-top: 4px;
top: 59px;
/*border: solid 2px #b7b7b7;
border-radius: 5px;*/
/*background-image: url(images/saveRoute.png);
background-repeat: no-repeat;
background-color: #FFFFFF;*/
/*/*padding-left: 20px;*/
/*background-position: 2px;*/
color: rgb(61, 119, 188);
font-size:14px;
/*padding-top:2px;*/
}

#shareRoute {
    display: block;
    position: absolute;
    right: 9px;
    margin-top: 5px;
    top: 78px;
    /*border: solid 2px #b7b7b7;
    border-radius: 5px;*/
    /*background-image: url(images/share3.png);
    background-repeat: no-repeat;
background-color: #FFFFFF;
    background-size: 12px;*/
    /*padding-left: 16px;*/
    /*background-position: 2px;*/
color: rgb(61, 119, 188);
    font-size:14px;
    /*padding-top: 2px;*/
}
/*#myTripsEdit,  #myWishlistEdit {
position: absolute;
right: 35px;
cursor: pointer;
margin-left: 0;
}
    #myTripsEdit p {
    margin-top: 5px;
    }*/
#myWishlistEdit {
display: none;
}
#editMyPlaces p {
margin: 0;
margin-top: 1px;
}
#editMyPlaces {
display: none;
margin-right: 5px;
cursor: pointer;
margin-top: 15px;
width: 65px;
}
/*#saveRoute {
float: right;
cursor: pointer;
margin-right: 10px;
margin-top: -32px;
}*/

.route {
margin: 0;
border: solid 1px #C9C8C8;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select: none;
}
#routeInfoToggle {
display: none;
left: 50px;
top: 0px;
width: 100%;
height: 49px;
background-color: rgb(255, 255, 255);
border-bottom: solid 1px #d0d0d0;
text-align: center;
color: rgb(61, 119, 188);
opacity: 1;

}
    #routeInfoToggleTitle {
    margin: 0;
    padding-top: 14px;
    width: 27%;
    margin-left: 36%;
    cursor: default;
    font-size: 18px;
    }
    /*#routeInfoToggle img {
    height: 10px;
    opacity: 0.5;
    position: relative;
    bottom: 0;
    }*/
/*#routeInfoToggleArrow {
float: left;
height: 20px;
margin-top: 14px;
margin-left: 10px;
cursor: pointer;
}*/
#toggleBarTitle {
position: relative;
top: 16px;
left: 5px;
font-size: 13px;
font-weight: bold;

}
.toggleBarTitleText {
margin: 0;
float: left;
margin-right: 5px;

}
#routeAlternatives {
    border-bottom: solid 1px #d0d0d0;
}
#routeStatisticsFull {
min-height: 60px;
border-bottom: solid 1px #d0d0d0;
cursor: pointer;
/*position: relative;*/
}
.routeStatisticsLeg {
min-height: 50px;
background-color: rgb(246, 246, 246);
/*border-top: solid 1px #d0d0d0;*/
border-bottom: solid 1px #d0d0d0;
width: 350px;
}
.routeStatisticsLegFixed {
position: fixed;
top: 127px;
min-height: 50px;
background-color: rgb(246, 246, 246);
border-top: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
width: 335px;
}
#routeStatisticLeg0 {
border-top: none;
}
.routeLegLocation {
cursor: pointer;
border-bottom: solid 1px #d0d0d0;
}
.routeLegLocation:nth-child(2n), 
.routeLegLocation:last-child(1n) {
/*border-top: solid 1px #orange;*/
}

.routeLegLocationMarker {
float: left;
height: 25px;
width: 20px;
margin-left: 7px;
margin-top: 5px;
cursor: default;
}
    .routeLegLocationMarker img {
    height: 25px;
    }
.routeLegNumber {
float: left;
margin-left: 10px;
text-align: center;
color: grey;
/*width: 20px;*/
}
    .routeLegNumber p {
    font-size: 13px;
    margin: 0;
    clear: both;
    }
.routeLegFirstWord {
float: left;
padding-top: 10px;

}
.routeDistanceFull, 
.routeDistance {
float: left;
margin-top: 11px;
font-size: 14px;
color: #696765;
height: 20px\9;
margin-left: 5px;
}
.routeDistanceFull {
clear:both;
margin-top: 2px;
font-size: 14px;
color: #696765;
font-weight:bold;
height: 20px\9;
margin-left: 7px;
width: 40%\9;
margin-bottom:14px;
}
.routeTimeFull, 
.routeTime {
float: left;
margin: 0;
margin-top: 11px;
margin-left: 7px;
color: rgb(61, 119, 188);
font-weight: bold;
font-size: 14px;
height: 20px\9;
}
.routeTime, 
.routeDistance {
font-size: 15px;
margin-top: 18px;

}
.routeTimeFull {
margin-bottom: 0px;
}
/*.routeTimeFull, 
.routeDistanceFull {
margin-bottom: 30px;
}*/
.routeStatisticsFullArrowRight, 
.routeStatisticsArrowRight {
height: 15px;
float: right;
margin-top: 19px;
margin-right: 5px;

}
#fullRouteTitleText {
cursor: pointer;
}
#routeOrigin, 
#routeDestination {
min-height: 25px;
font-size: 15px;
width: 95%;
clear: both;
margin-top: 3px;
/*margin-bottom: 5px;*/
}
#routeOrigin p, 
#routeDestination p {
margin: 0;
margin-left: 26px;
/*margin-top: 3px;*/
/*width: 100%;*/
line-height: 1.5em;
}
    #routeDestination p {
    margin-left: 27px\9;
    margin-top: -20px\9;
    }
    #routeOrigin p {
    border-bottom: solid 1px #d0d0d0;
    }
#routeOrigin {
float: left;
}
#routeDestination {
clear: both;
}
#routeOrigMarker, 
#routeDestinationMarker {
height: 22px;
margin-left: 7px;
float: left;
margin-right: 5px;
}
#routeAlternativesToggle {
  color: rgb(61, 119, 188);
  height: 50px;
  padding-left: 10px;
  /*background-color: rgba(61, 119, 188, 0.1);*/
  background-color: rgb(246, 246, 246);
  /*color: rgb(255, 255, 255);*/
  /*filter: alpha(opacity = 10)\9;*/
  border-bottom: solid 1px #d0d0d0;
  cursor: pointer;
}
#routeAlternatives {
border-bottom: solid 1px #d0d0d0;
}
#routeAlternativesToggle p{
margin: 0;
font-size: 13px;
cursor: pointer;
padding-top: 5px;
margin-left: 10px;
font-weight: bold;
padding-top: 17px;
color: rgb(255, 255, 255)\9;
color: rgb(61, 119, 188);

}
#alternativesToggleArrow {
height: 15px;
float: right;
margin: 0;
margin-top: -15px;
margin-right: 5px;

}
#routeAlternativesOptions {
/*display: none;*/
}
#routeOptions {
position: absolute;
top: 125px;
left: 50px;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity = 0)\9;
width: 350px;
background-color: #FFFFFF;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
display: none;
border: solid 1px #d0d0d0;
}
#routeOptionsHeader {
color: rgb(61, 119, 188);
background-color: #FFFFFF;
text-align: center;
height: 50px;
}
#routeAlternativesBack {
float: left;
height: 20px;
margin-top: 15px;
padding-left: 10px;
margin-right: -10px;
cursor: pointer;
}
    #routeOptionsHeader p {
    margin: 0;
    padding-top: 16px;
    }
.routeAlt {
text-align: center;
color: #000000;
cursor: pointer;
min-height: 49px;
border-top: solid 1px #d0d0d0;
background-color: #FFFFFF;
color: #000000;
}
    .routeAlt:hover {
    background-color: rgba(61, 119, 188, 0.1);
  background-color: rgb(61, 119, 188)\9;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity = 10);
color: #000000;
    }
.activeRouteAlt {
    text-align: center;
cursor: pointer;
min-height: 49px;
border-top: solid 1px #d0d0d0;
background-color: rgb(61, 119, 188);
color: #FFFFFF;
}
#selectRouteAlternative {
height: 50px;
text-align: center;
background-color: rgba(215, 215, 215, 0.4);
background-color: rgb(215, 215, 215)\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity = 40);
cursor: pointer;
}
    #selectRouteAlternative p {
    margin: 0;
    padding-top: 15px;
    color: rgb(61, 119, 188);
    font-weight: bold;

    }
/*#routeAlt0 {
background-color: rgba(0, 0, 0, 0.5);
}
    #routeAlt0 p {
    color: #FFFFFF;
    }
    #routeAlt0 strong {
      color: #FFFFFF;
    }*/
.routeAlt hr {
margin: 0;
}

    .routeAlt p, 
    .activeRouteAlt p {
    display: inline;
    }

.routeAlt strong, 
.activeRouteAlt strong{
font-size: 12px;
}
/*.activeRouteAlt p {
color: rgb(61, 119, 188);
}
.activeRouteAlt strong {
color: rgb(61, 119, 188);
}*/
.routeAlternativesArrowDown {
background-image: url(images/routeAlternativesArrowCardDown.png);
width: 15px;
height: 15px;
margin-top: 6px;
margin-left: 2px;
margin-right: -2px;
float: left;
}
.routeAlternativesArrowRight {
background-image: url(images/routeAlternativesArrowCardRight.png);
width: 15px;
height: 15px;
margin-top: 6px;
margin-left: 2px;
margin-right: -2px;
float: left;
}
.gm-style-mtc {
    padding-top: 5px;
}
.gm-style-iw {
min-width: 100%;
min-height: 95%;
}
.adp-placemark {
background-color: rgb(73, 108, 217);
color: #FFFFFF;
margin-bottom: 0;
padding-left: 6px;
min-height: 50px;
}
.adp-text {
font-size: 13px;
padding-bottom: 10px;
padding-top: 10px;
font-weight: bold;
margin-left: 8px;
color: rgb(61, 119, 188);
min-height: 25px;
/*cursor: default;*/
}
.gmnoprint {
margin-top: -1px;
}
.routeLegStats{
margin-left: 3px;
}
#fullRouteStats {
padding-left: 3px;
border: inset 5px rgba(73, 108, 217, 0.9);
margin-bottom: 6px;
width: 374px;
margin-left: 6px;
min-height: 60px;
display: none;
border-bottom: solid 1px #d0d0d0;
}
#defaultRouteTitle {
position: relative;
font-size: 15px;
min-height: 60px;
}
#defaultRouteTitle label {
float: left;
font-weight: bold;
font-size: 14px;
margin-top: 1px;
margin-right: 5px;
}
.routeTitle {
/*height: 85px;*/
}
#routeTitleInput {
width: 98%;
outline: none;
}
#saveRouteDialog {
display: none;
}
#saveRouteControls {
text-align: center;
}
#saveIcon {
float: right;
}

#routeStats {
min-height: 30px;
}
#routeDist {
position: absolute;
bottom: 0;
}
#routeCost {
position: absolute;
bottom: 0;
left: 150px;
}
#routeTime {
position: absolute;
bottom: 0;
right: 2px;
}
/*.stepByStepDirection {
display: inline-block;

height: 100%;
font-size: 13px;
margin-left: 15px;
margin-right: 15px;
border-top: solid 1px #d0d0d0;
padding-top: 10px;
}*/
.stepByStepDirection {
    display: table-cell;
    width: 100%;
    height: 100%;
    font-size: 13px;
    margin-left: 15px;
    margin-right: 15px;
    border-bottom: solid 1px #d0d0d0;
    padding: 10px;
}
.stepByStepCard {
     min-height: 50px;
}
.stepByStepCardTop {
    
}
.stepByStepHover {
background-color: rgba(215, 215, 215, 0.2);
background-color: rgb(215, 215, 215)\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity = 20);
cursor: pointer;
}
.stepByStepActive {
background-color:rgb(168,168,168)  ;
color: #FFFFFF;
cursor: pointer;
}
    .stepByStepActive > .topRow > .listname {
        color: #FFFFFF;
        text-shadow:1px 1px 1px #000000;
    }
.hasStepImage {
float: left;
}
.hasNoStepImage {
height: 35px;
width: 35px;
float: left;

}
.stepText {
width: 280px;
/*text-align: justify;*/
margin-left: 38px;
}
.stepDistance {
/*float: left;*/
margin-left: 38px;
margin-top: 5px;
margin-bottom: 5px;
color: grey;
}
.stepCaption {
font-size: 0.8em;
}
.stepByStepCardBox {
display: none;
/*width: 395px;*/
height: 200px;
cursor: url(images/openhand.gif);
}
#destCardBox {
margin-bottom: 2px;
}
#turnByTurn hr {
    margin: 0;
    border-bottom: 0;
    width: 100%;
}
#smallMapDiv {
width: 343px;
/*position: absolute;*/
/*top: 0;*/
}
#routeStatistics hr {
width: 100%;
margin: 0;
border-bottom: 0;
}

#turnByTurn {
    /*position: relative;*/
    cursor: pointer;
    overflow-y: auto;
    overflow-x: hidden;
}

/* My Trips Stuff */
#myTripsPane, 
#myTripDetailsPane {
position: absolute;
left: 50px;
background-color: rgb(255, 255, 255);
min-height:97px;
width: 350px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
border: solid 1px #d0d0d0;
opacity: 0;
/*overflow-y: auto;*/
top: 125px;
display: none;
/*overflow-x: hidden;*/
}
#myTripDetailsPane {
/*overflow-y: auto;
overflow-x: hidden;*/
}
#fullTripContainer {
overflow-y: auto;
overflow-x: hidden;
}
#myWishlistPaneContent {
top: 60px;
display: none;
background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
min-height: 195px;
}
#myRoutesRelocated, 
#myPlacesRelocated {
display: none;
overflow-x: hidden;
overflow-y: auto;
}
#myTripsWishlistContainer {
position: absolute;
top: 125px;
left: 402px;
opacity: 0;
display: none;
border: solid 1px #d0d0d0;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
width: 350px;
background-color: rgb(255, 255, 255);
z-index: 2;
}
.myTripsWishlistContainerHeader, 
#myPlacesRelocatedHeader, 
#myRoutesRelocatedHeader {
   height: 49px;
   border-bottom: solid 1px #b7b7b7;
}

#myTripsPane {
background-color: transparent;
/*min-height: 245px;*/
}
#myTripsMainPane {
/*min-height: 245px;*/
}
#myWishlistPane {

}
#newMyTripsDialog {
display: none;
}
#myTripDetailsPane {
/*top: 80px;*/
}
#myTripsPaneContent {
position: relative;
width: 100%;
min-height: 146px;
background-color: rgb(255, 255, 255);
opacity: 1;
overflow-y: auto;
overflow-x: hidden;
}
#noMyTrips, 
#noMyRoutes, 
#noMyPlaces, 
#noMyWishlist {
text-align: center;
font-size: 13px;
margin: 0;
margin-top: 30px;
width: 186px;
margin-right: auto;
margin-left: auto;
}
#noMyRoutes, 
#noMyPlaces, 
#noMyWishlist {
padding-top: 35px;
height: 103px;
margin-top: 8px;
}
#noMyPlaces {
/*display: none;*/
}
#noMyWishlist {
text-align: justify;
width: 300px;
}
#myTripsAddButton {
text-align: center;
width: 100%;
height: 48px;
border-top: none;
color: rgb(61, 119, 188);
font-size: 15px;
font-weight: bold;
background-color: rgb(255, 255, 255);
border-top: solid 1px #b7b7b7;
cursor: pointer;
}
    #myTripsAddButton p {
    margin: 0;
    padding-top: 14px;
    }
#newMyTripsDialog {
min-height: 245px;
}
#newMyTripsHeader {
    height: 49px;
    border-bottom: solid 1px #b7b7b7;
    background-color: rgb(246, 246, 246);
    text-align: center; 
}
    #newMyTripsHeader img {
    float: left;
    margin: 0;
    margin-top: 15px;
    margin-left: 10px;
    height: 20px;
    cursor: pointer;
    margin-right: -10px;
    }
    #newMyTripsHeader p {
    margin: 0;
    padding-top: 15px;
    font-weight: bold;
    color: rgb(61, 119, 188);
    }
#newMyTripsTextBox {
padding-top: 25px;
text-align: center;
}
#newMyTripsTextBox p  {
    margin: 0;
    margin-right: 10px;
    margin-left: 10px;
    color: rgb(61, 119, 188);
    float: left;
}
#newMyTripsName {
border: solid 1px #d0d0d0;
height: 25px;
width: 90%;
margin-top: 10px;
text-indent: 10px;
font-size: 15px;
}
#newMyTripsCreate {
position: absolute;
bottom: 0;
width: 100%;
height: 49px;
border-top: solid 1px #b7b7b7;
text-align: center;
background-color: rgb(255, 255, 255);
cursor: pointer;
}
    #newMyTripsCreate p {
    margin: 0;
    /*color: rgb(61, 119, 188);*/
    color: gray;
    font-weight: bold;
    font-size: 15px;
    padding-top: 15px;
    }
.addedTripContainer {
height: 49px;
position: relative;
}
.addedTrip {
height: 98.9%;
padding-left: 20px;
border-bottom: solid 1px #d0d0d0;
cursor: pointer;
}
.addedTripDelete {
border: none;
background-image: url(images/delete.png);
background-color: transparent;
width: 18px;
height: 18px;
background-repeat: no-repeat;
position: absolute;
top: 15px;
left: 10px;
display: none;
outline: none;
cursor: pointer;
}
.tripName {
margin: 0;
color: rgb(61, 119, 188);
padding-top: 15px;
font-size: 15px;
font-family: "Helvetica", sans-serif;
}
#myTripDetailsTripName {
margin: 0;
font-size: 15px;
font-weight: bold;
color: rgb(0, 0, 0);
cursor: pointer;
float: left;
margin-left: auto;
margin-right: auto;
width: 268px;
padding-left: 20px;
margin-top: 8px;
}
#myTripNameInputBox {
width: 245px;
height: 28px;
text-indent: 10px;
font-size: 15px;
border: solid 1px #b7b7b7;
display: none;
margin-left: 30px;
float: left;
}
#myTripDetailsTitle, 
#createNewDate, 
.createNewLocation {
height: 49px;
border-bottom: solid 1px #b7b7b7;
text-align: center;
cursor: pointer;
}
.createNewLocation {
border-bottom: none;
}
#myTripDetailsTitle {
height: 41px;
padding-top: 8px;
}
#editMyTripDetails {

}
.myTripDetailsTitleEdit {
margin: 0;
position: absolute;
right: 10px;
margin-top: 8px;
color: rgb(61, 119, 188);
}
#createNewDate {
border-bottom: none;
height: 50px;
clear: both;
border-top: solid 1px #b7b7b7;
background-color: rgb(255, 255, 255);
}
.createNewLocation {
background-color: rgb(246, 246, 246);
/*border-bottom: solid 1px #b7b7b7;*/
}
.myTripsArrowRight {
float: right;
margin-top: -17px;
height: 18px;
margin-right: 11px;
}
.myTripsArrowLeft {
position: absolute;
top: 15px;
left: 10px;
width: 11px;
padding-right: 20px;

cursor: pointer;
}
.myTripDetailsDate {
text-align: center;
height: 100%;
border-top: solid 1px #b7b7b7;
}
.myTripDetailsDateContainer {
width: 100%;
min-height: 50px;
overflow-y: auto;
overflow-x: hidden;
border-bottom: solid 1px #d0d0d0;
}
.myTripDetailsDateEditButton, 
.myTripDetailsDateDoneButton {
    float: right;
    margin-right: 5px;
    height: 25px;
    margin-top: 5px;
    cursor: pointer;
    }
.myTripDetailsDate p {
/*margin: 0;*/
/*float: left;*/
/*margin-left: 10px;*/

}
.myTripDetailsDateTitle {
margin: 0;
float: left;
margin-left: 10px;
margin-top: 9px;
}
.myTripDetailsDateInput {
float: right;
height: 23px;
width: 84%;
display: none;
margin-left: 5px;
text-indent: 10px;
margin-top: 4px;
border: solid 1px #b7b7b7;
font-size: 16px;
margin-right: 10px;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.detailsDateDeleteButton {
/*float: left;
margin-left: 10px;
margin-top: 8px;
cursor: pointer;
outline: none;
border: none;*/
position: absolute;
left: 10px;
top: 25%;
cursor: pointer;
border: none;
outline: none;

}
.myTripDetailsDateDoneButton {
display: none;
}
.createNewLocation p, 
#createNewDate p {
margin: 0;
padding-top: 17px;
color: rgb(61, 119, 188);
margin-left: auto;
margin-right: auto;
width: 100%;
}
#addNewItemPane, 
#addNewAddressPane {
position: absolute;
top: 125px;
left: 402px;
background-color: rgb(255, 255, 255);
width: 350px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
display: none;
border: solid 1px #d0d0d0;
opacity: 0;
z-index: 2;
}
.addNewItemPaneHeader {
height: 49px;
width: 100%;
border-bottom: solid 1px #d0d0d0;
}
.addNewItemPaneHeader p {
margin: 0;
color: rgb(0, 0, 0);
padding-top: 17px;
float: left;
font-weight: bold;
margin-left: 10px;
font-size: 15px;
}
    .addNewItemPaneHeader img {
    float: right;
    margin-top: 17px;
    margin-right: 10px;
    height: 15px;
    cursor: pointer;
    }
.addNewItemType {
margin-left: 10px;
margin-right: 10px;
border-bottom: solid 1px #d0d0d0;
height: 49px;
cursor: pointer;
}
    .addNewItemType p {
    margin: 0;
    float: left;
    color: rgb(61, 119, 188);
    font-weight: bold;
    font-size: 13px;
    padding-top: 17px;
    }
    .addNewItemType img {
    float: right;
    height: 15px;
    margin-top: 19px;
    }
    .addNewItemType:last-child {
    border-bottom: none;
    }
#addNewAddressContent {
height: 60px;
}
#myTripsAddressAdd {
width: 95%;
margin-left: 2.5%;
height: 33px;
border: solid 1px #b7b7b7;
outline: none;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-indent: 5px;
font-size: 15px;
}
#addAddressToTrip {
margin: 0;
color: rgb(61, 119, 188);
font-size: 17px;
padding-bottom: 10px;
text-align: center;
outline: none;
}
    #addAddressToTrip p {
    cursor: pointer;
    margin: 0;
    outline: none;
    }
#poiPane {
position: absolute;
top: 125px;
display: none;
/*min-height: 170px;*/
left: 50px;
}
#poiCardText {

}
/*POI List styling*/
#mapPoiAlert {
background-color: rgb(61, 119, 188);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity = 85);
position: absolute;
top: 90px;
right: 46px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
z-index: 2;
height: 30px;
border-radius: 3px;
display: none;
text-align: center;
}
    #mapPoiAlert p {
    margin: 0;
    margin-top: 7px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    padding-right: 10px;
    padding-left: 10px;
    font-size: 13px;
    }
#denseArea {
display: none;
}
#allPoisOff {
display: none;
}
.allPoisOffHeader, 
.helpTipTitle, 
.createTripNote {
color: red;
text-align: center;
}

.allPoisOffContent, 
.createTripContent {
text-align: justify;
margin-left: 54px;
margin-right: 54px;
font-size: 12px;
}
.poiCategory {
display: none;
/*margin-top: -1px;*/
clear: both;
}
.poiHeader {
border-bottom: solid 1px #b7b7b7;
width: 100%;
/*height: 49px;*/
background-color:white;
}

/** change above to poiHeader background color***/


.poiHeaderIcon {
float: left;
margin-left: 10px;
margin-top: 10px;
/*padding-bottom: 10px;*/
height: 30px;
padding-right: 5px;
}
.poiHeaderTitle {
margin: 0;
margin-left: 10px;
padding-top: 16px;
padding-bottom: 13px;
color: rgb(61, 119, 188);
font-size: 15px;
font-weight: bold;
text-align: left;
/*float: left;*/
}
.poiContent {
/*display: none;*/
background-color: rgb(246, 246, 246);
}
#attractionsPoiCategory, 
#lodgingPoiCategory {
display: none;
}
#cardPOI {
overflow: hidden;
height: 100%;
}
.cardPoiTopM:hover {
cursor: pointer;
}

#poiContent_M hr {
border-color: rgb(154, 154, 154);
margin: 0;
}
#poiDragTest {
height: 100%;
}
 #poiListToggles {
    display: block;
}
.abc {
display:none;
    background-color: transparent;
    overflow: hidden;
    font-size:14px;
float:left;
width: 100%;

}
.diamonds {
    float: left;
    margin-left: 5px;
    max-width: 30%;
    /*padding-right: 5px;*/
}
.diamonds img {
max-width: 100%;

}
.save {
float: left;
margin-left: 5px;
/*padding-right: 5px;*/
}
    .save img {
    margin-top: -3px;
    }
.TA {
    float: left;
    margin-left: 5px;
    max-width: 24%;

}
    .TA img {
    max-width: 100%;
height: 13px;
    }
.price {
    float: left;
    /*margin-right: 15px;*/
     max-width: 50px;
    height: 20px;
}
.price img {
margin-left: 5px;
height: 15px;
}
.type {
/*position: absolute;*/
padding-left: 9px;
bottom: 2px;
clear: both;
float: left;
}
    .type p {
    margin: 0;
    font-size: 13px;
    color: gray;
    }
.offer {
font-size: 12px;
margin-top: 2px;
font-weight: bold;
padding-left: 8px;
padding-right: 10px;
clear: both;
float: left;
}
    .offer p {
    
    }
.listOffer {
font-size: 11px;
font-weight: bold;
padding-left: 30px;
padding-right: 10px;
margin-bottom: 5px;
}
    .listOffer p {
    
    }
.bubbleArrowRight {
float: right;
margin-right: 10px;
cursor: pointer;
}
    .bubbleArrowRight img {
    height: 15px;
    }
.poiAlert {
color: grey;
padding: 13px;
padding-left: 19px;
color: grey;
font-size: 15px;
border-bottom: solid 1px #b7b7b7;
border-left: none;
border-right: none;
}
.fyiRating {
    float: left;
    margin-top: -1px;
}
    .fyiRating img {
    clear: both;
    margin-left: 7px;
    }
.itineraryAdd {
    position: absolute;
    bottom: 5px;
    left: 2px;
}
.detailsAdd {
    position: absolute;
    bottom: 5px;
    right: 20px;
}
.allBubbleImages {
    width: 100%;
    margin-top: 5px;
    /*min-height: 40px;*/
    margin-left: 1px;
}
.gemDiamond {
max-width: 28px;
max-height: 23px;
margin-left: 3px;
float: left;
}
    .gemDiamond img {
    margin-top: -2px;
    width: 100%;
    height: 100%;
    }
.clickToLock, .dragDropOptions {
font-size: 13px;
display: block;
margin-left: auto;
margin-right: auto;
width: 92%;
text-align: center;
clear: both;
border-top: solid 1px #d0d0d0;
height: 30px;
}
.clickToLock a {
font-size: 13px;
color: #000000;
}
    .clickToLock p, 
    .keepOption p, 
    .undoOption p  {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 11px;
    color:  rgb(61, 119, 188);
    padding-left: 15px;
    }
/*.bubbleSave {

}*/
.bubbleRoute, 
.bubbleSave, 
.keepOption, 
.undoOption {
float: left;
height: 23px;
width: 50%;
text-align: left;
padding-top: 7px;
cursor: pointer;
}
.bubbleRoute, 
.bubbleSave, 
.bubbleMoreInfo {
width: 30%;
}
.bubbleMoreInfo {
float: left;
cursor: pointer;
width: 40%;
}
    .bubbleMoreInfo p {
    margin-top: 7px;
    margin-left: -15px;
    }
.bubbleSave, 
.undoOption {
text-align: right;
}
    .bubbleSave p, 
    .undoOption p {
    padding-left: 0;
    padding-right: 15px;
    }
.closeBubble {
position: absolute;
top: 5px;
right: 8px;
color: #FFFFFF;
padding: 0;
margin: 0;
pointer-events: all;
cursor: pointer;
}
    .closeBubble img {
    height: 12px;
    width: 12px;
    }
.clusterCloseBubble {
position: absolute;
top: 15px;
right: 8px;
color: #FFFFFF;
padding: 0;
margin: 0;
pointer-events: all;
cursor: pointer;
}
    .clusterCloseBubble img {
    height: 12px;
    width: 12px;
    }
.topRow {
padding-top: 10px;
/*min-height: 25px;*/
width: 100%;
text-align: left;
padding-left: 20px;
/*white-space: nowrap;*/
}
.subClass {
width: 100%;
padding-left: 10px;
font-size: 13px;
color: gray;
margin-top: 5px;
margin-bottom: 5px;
min-height: 16px;
text-align: left;
}
.midRow {
color: gray;
font-size: 13px;
margin-left: 10px;
margin-top: 5px;
padding-left: 20px;
}
    .midRow p {
    margin: 0;
    }
.myPlaceCityText {
width: 85%;
text-align: justify;
}
.bottomRow {
height: 10px;
width: 100%;
margin-top: 10px;
padding-left: 30px;
}
.listname {
margin: 0;
padding-left: 10px;
font-size: 13px;
font-family: "Helvetica", sans-serif;
color: rgb(61, 119, 188);
margin-right: 20px;
font-weight: bold;
}
.listdiamonds {
float: left;
margin-right: 5px;
/*left: 10px;*/
/*bottom: 3px;*/
}
.listdiamonds img {
    max-height: 13px;
    /*margin-bottom: -4px;*/

}
.listTA {
position: absolute;
left: 140px;
/*bottom: 3px;*/
}
    .listTA img {
    max-height: 13px;
    }
/*.listSave {
position: absolute;
left: 135px;
}
.listSave img {
    max-height: 24px;
    }*/
.listprice {
/*position: absolute;
left: 230px;*/
/*bottom: 0px;*/
}
.listprice img{
/*margin-bottom: 2px;*/
max-height: 13px;
}
.multiBubbleWrapper {
min-height: 83px;
width: 100%;
background-color: #FFFFFF;
color: #000000;
padding-bottom: 5px;
 box-shadow: 0 2px 6px rgba(0,0,0,0.6),0 4px 15px -5px rgba(0,0,0,0.6);
}
.multiBubbleHeader {
/*border-bottom: solid 2px #000000;*/
border-bottom: solid 2px #d0d0d0
}
    .multiBubbleHeader p {
    font-size: 15px;
    text-indent: 10px;
    padding-top: 10px;
    padding-bottom: 8px;
    margin: 0;
    margin-top: 11px;
    font-family: "Helvetica", sans-serif;
    }
     .multiBubbleText {
    margin-top: 0;
    height: 100%;
    padding-right: 10px;
    padding-top: 3px;
    margin-left: 28px;
    /*border-bottom: solid 1px #FFFFFF;*/
    text-indent: 5px;
    pointer-events: all;
    }
        .multiBubbleText p {
        margin-top: 3px;
        }
        .multiBubbleText a {
        color: #000000;
        height: 30px;
        font-size: 13px;
        }
        .multiBubbleItem:last-child {
        border-bottom: none;
        }
.upClick, 
.downClick {
height: 25px;
width: 100%;
text-align: center;
cursor: pointer;
}
.upClick img, 
.downClick img {
    height: 15px;
    margin-top: 5px;
}
.multiBubbleContentWrapper {
max-height: 210px;
overflow-y: auto;
min-width: 300px;
padding-left: 5px;
}
    .multiBubbleContentWrapper:last-child
    {
        /*border-bottom: solid 2px #000000;*/
    }
.multiBubbleItem {
width:97.7%;
height: 30px;
margin-bottom: 3px;
position: relative;
border-bottom: solid 1px #d0d0d0;
cursor: pointer;

}
    .multiBubbleItem:hover
    {
        background-color: #005296;
       
    }
        .multiBubbleText:hover p > a {
        color: white;
        }

.multiBubbleImage img {
width: 25px;
margin-top: 3px;
}
.multiBubbleImage {
position: absolute;
float: left;
width: 28px;
background-color: transparent;
}
#myPlacesPane {
position: static;
min-height: 193px;
text-align: center;
overflow-x: hidden;
overflow-y: auto;
opacity: 1;
}
    #myPlacesPane p {
    
    }
    #myPlacesPane > 
    .poiCategory > 
    .poiContent > 
    .cardPoi > 
    .cardPoiTopM > 
    .myPlacesDragHandle {
    display: none;
    }
#poiContent_CAT006 > 
.cardPoi > .cardPoiTop > .bottomRow, 
#poiContent_CAT007 > .cardPoi > .cardPoiTop > .bottomRow, 
#poiContent_CAT005 > .cardPoi > .cardPoiTop > .bottomRow, 
#poiContent_CAT008 > .cardPoi > .cardPoiTop > .bottomRow, 
#poiContent_CAT006 > .cardPoi > .cardPoiTop > .bottomRow, 
#poiContent_CAT006 > .cardPoi > .cardPoiTop > .bottomRow, 
#poiContent_CAT006 > .cardPoi > .cardPoiTop > .bottomRow {
margin: 0;
height: 0px;
}
#poiContent_CAT008 > .cardPoi > .cardPoiTop > .bottomRow {
margin: 0;
height: 0px;
}
#travelGuideCardText {

}
#travelGuideContent {
overflow-x: hidden;
overflow-y: auto;

}
#driveTripsPane {
    display: none;
    overflow-y: visible;
    overflow-x: visible;
}
    /*#driveTripsHeaderRow p {
    margin: 0;
    }*/
.driveTripLogo {
    float: left;
    height: 62px;
    }
/*#driveTripsHeaderTitle {
    margin: 0;
    color: rgb(61, 119, 188);
    padding-top: 21px;
    margin-left: 30%;
    font-size: 18px;
    }*/
.driveTripHeaderArrow {
    float: left;
    margin-top: 21px;
    margin-left: 5px;
    opacity: 0.6;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity = 60);
    cursor: pointer;
}
    .driveTripHeaderArrow img {
    height: 20px;
    }
/*#driveTripTitle {
    margin: 0;
    color: rgb(61, 119, 188);
    padding-top: 10px;
    margin-left: 5.5%;
    font-size: 15px;
    font-weight: bold;
    float: left;
}*/

.driveTripLegTitleContainer {
position: relative;
left: 8.5%;

}
.legTitleRightBorder {
border: solid 1px #b7b7b7;
float: right;
width: 7.5%;
margin-top: -13px;
}
.legTitleLeftBorder {
border: solid 1px #b7b7b7;
float: left;
width: 7.5%;
margin-top: 7px;
}
.driveTripImage {
width: 100%;
height: 145px;
}
.driveTripsMagGlass {
float: right;
height: 27px;
margin-top: -20px;
margin-right: 15px;
}
.driveTripsLegMagGlass {
height: 20px;
}
#dtTimeDist_full, 
.driveTripLegTimeDist  {
color: gray;
margin-left: 15px;
margin-top: 10px;
font-size: 13px;

}
    #dtTimeDist_full p, 
    .driveTripLegTimeDist p {
    margin: 0;
    }
/*.driveTripLegTimeDist {
border-bottom: solid 1px #b7b7b7;
text-align: center;
color: rgb(150, 150, 150);
}*/
.dtRec {
float: left;
text-align: center;
color: rgb(150, 150, 150);
font-size: 15px;
width: 25%;
margin-top: -7px;
margin-left: 7%;
}
.recLeftBorder {
float: left;
border: solid 1px #b7b7b7;
width: 30%;
}
.recRightBorder {
float: right;
border: solid 1px #b7b7b7;
width: 30%;

}
#driveTripsPrintIcon {
float: right;
margin-right: 50px;
margin-top: -15px;
display: none;
}
/*Drive Trips Content*/
#dtWriteUp {
    display:none;
    cursor:text;
    padding: 0px 0px;
    text-align: justify;
    width: 100%;
	font-weight:300;
    color: rgb(0, 0, 0);
	font-size:13px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
}
.driveTripLegHeader {
height: 49px;
border-bottom: solid 1px #b7b7b7;
cursor: pointer;
}
.driveTripLegStats {
clear: both;
color: grey;
font-size: 11px;
width: 100%;
margin-left: 57px;
}
.dtLegDetailBackButtonDiv {
float: left;
display: none;
cursor: pointer;
height: 100%;
width: 10%;
margin-left: 35px;
}
.dtLegDetailBackButton {
height: 15px;
float: left;
margin: 0;
margin-top: 17px;
margin-right: 8px;
}
.dtLegDetailBackText {
margin: 0;
float: left;
margin-top: 17px;
font-weight: bold;
color: rgb(61, 119, 188);
}
.driveTripLegNumber {
margin: 0;
font-size: 13px;
font-weight: bold;
float: left;
margin-top: 15px;
margin-left: 35px;
}
.driveTripLegContainer {
float: right;
width: 100%;
}
.driveTripLegTitle {
margin: 0;
color: rgb(0, 0, 0);
font-weight: bold;
font-size: 13px;
float: left;
margin-left: 10px;
margin-top: 15px;
}
.driveTripLegArrow {
float: right;
height: 15px;
margin-right: 10px;
margin-top: 18px;
cursor: pointer;
}
.driveTripLegContent {
display: none;
}
.recommendedStopsDiv {
display: none;
background-color: rgb(246, 246, 246);
}
.recommendedStopsHeader {
height: 49px;
border-bottom: solid 1px #b7b7b7;
border-top: solid 1px #b7b7b7;
}
    .recommendedStopsHeader p {
    margin: 0;
    font-weight: bold;
    padding-top: 17px;
    padding-left: 35px;
    }
.recommendedStopsContent {
padding-left: 35px;

}
.greenSelectedCircle {
display: none;
float: left;
width: 8px;
height: 8px;
background-color: green;
margin: 0;
margin-left: -36px;
border-radius: 50%;
margin-top: 22px;
}
.recommendedPOI {
height: 49px;
border-bottom: solid 1px #b7b7b7;
cursor: pointer;
padding-bottom: 5px;
}
    .recommendedPOI:last-child {
    border-bottom: none;
    }
.recommendedPoiTitle {
margin: 0;
padding-top: 18px;
font-weight: bold;
width: 95%;
}
#dtDetailLegs {
display: none;
background-color: #FFFFFF;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
cursor: default;
}
#driveTripSearch {
background-color: rgb(255, 255, 255);
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
}
#featuredTripsDiv {
margin-bottom: 20px;
}
#driveTripsPane {
    display: none;
    overflow-y: visible;
    overflow-x: visible;
    background-color: transparent;
}
/*#driveTripsHeaderRow {
height: 49px;
border-bottom: solid 1px #b7b7b7
}
    #driveTripsHeaderRow p {
    margin: 0;
    }*/


    .dtWriteUpContent {
        text-align:justify;
        margin: 0;
        padding: 15px;
        color: grey;
        font-size: 13px;
        background-color: #FFFFFF;
    }

    #dtWriteUp h2 {
       margin: 0;
	font-weight:300;
	color: rgb(61, 119, 188);

    }

    
#driveTripsBox h2 {
	font-weight:300;
	color: rgb(61, 119, 188);
	margin: 0;
}
    

#leg1 {
    cursor:pointer;
    color:#639BEF;
}

#leg2 {
    cursor:pointer;
    color:#A14C20;
}

#leg3 {
        cursor:pointer;
    color:#60983E;
}

#leg4 {
     cursor:pointer;
    color:#C18619;
}

    /*#dtWriteUp img {
        margin-bottom:5px;
        margin-top:5px;
        width: 100%;
    }*/
    #driveTripsBox h2 > img {
    height: 20px;
    width: 20px;
    }

#magGlass {
    margin-bottom:-5px;
    margin-top:5px;
}


#cardDriveTrips li {
    padding:1px;
}

.dtWriteUpList ul {
    list-style-type: none;
	font-weight:300;
	color: rgb(150, 150, 150);
	font-size: 13px;
 	line-height: 1.4;

}

.dtWriteUpList li{

    margin:0 0 0 50px;
    padding-bottom:1px;
    list-style-type: none;
    text-align:left;
   
}


.dtWriteUpList a {
	font-weight:300;
	color: rgb(150, 150, 150);
	font-size: 13px;
 	line-height: 1.4;

}



#driveTripsContent {
/*overflow-y: auto;
overflow-x: hidden;*/
}
    /*#driveTripsContent p {
    text-align: justify;
    }*/
#driveTripsListContainer {
overflow-y: auto;
overflow-x: hidden;
}
#driveTripsList {
margin: 0;
padding: 0;
text-indent: 2px;
}
.driveTripsListItem {
list-style-type: none;
border-bottom: solid 1px #d0d0d0;
height: 24px;
padding-left: 10px;
font-size: 13px;
padding-top: 5px;
cursor: pointer
}
    .driveTripsListItem a {
    text-decoration: none;
    color: rgb(61, 119, 188);
    }
.driveTripsListItem img {
height: 12px;
float: right;
margin-right: 10px;
margin-top: 4px;
opacity: 0.6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity = 60);
}
    .driveTripsListItem:hover {
    background-color: rgba(61, 119, 188, 0.1);
    background-color: rgb(61, 119, 188)\9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity = 10);
    }
#backDriveTrips {
    cursor:pointer;

}
.driveTripToRoute {
cursor: pointer;
height: 50px;
border-top: solid 1px #d0d0d0;
background-color: rgb(246, 246, 246);
color:rgb(61, 119, 188);
text-align: center;
}
    .driveTripToRoute p {
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    margin-top: 16px;
    }
/*NEW INFOWINDOW STUFF stuff for carry over into index*/
.markerBubble {
z-index: 1;
}
#dragDropInfoWindow {
z-index: 6;
}
.infoWindowWrapper {
    background-color: #FFFFFF;
 width: 300px;
 top: 0;
 position: relative;
}
.mainInfoWindow {
position: relative;
}
.bubbleBookButtonWrapper {
position: absolute;
bottom: 35px;
right: 19px;
}
.bubbleBookButton {
background-color: rgb(61, 119, 188);
}
.mainInfoWindowTopRight {
    height: 50px;
    width: 265px;
    background-color:rgba(192, 0, 13, .80);
    -moz-border-radius-topright: 5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
 -moz-border-radius-topleft: 5px;
 -webkit-border-top-left-radius:5px;
 border-top-left-radius:5px;
 color: white;
}
.infoWindowTopRow {
}
.poiIcon {
float: left;
}
.poiIcon img {
margin-top: 4px;
margin-left: 4px;
height: 25px;
}
.poiTitle, 
.addressTitle {
margin-left: 8px;
min-height: 25px;
width: 260px;
margin-top: 15px;
}
    .poiTitle p, 
    .addressTitle p  {
    font-size: 13px;
    font-family: "Helvetica", sans-serif;
    padding-top: 5px;
    color: rgb(61, 119, 188);
    font-weight: bold;
    margin: 0;
    }
/*.addressTitle {
    height: 25px;
width: 230px;
margin-left: 20px;
}*/
    /*.addressTitle p {
    font-size: 15px;
    font-family: "Oswald", sans-serif;
    padding-top: 5px;
    color: #000000;
    }*/
.addressAddress {
width: 96%;
margin-left: 5px;
}
    .addressAddress p {
    margin: 0;
    margin-left: 3px;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 13px;
    color: gray;
    font-family: "Helvetica", sans-serif;
    line-height: 1.25em;
    }
.detourTitle {
    margin-left: 5px;
}
    .detourTitle p, .scenicTitle p {
        font-size: 15px;
    font-family: "Helvetica", sans-serif;
    padding-top: 5px;
    color: #000000;
    margin-top: 5px;
    margin-bottom: 5px;
    }
.eventDetails {
float: left;
height: 20px;
margin-right: 10px;
}
    .eventDetails p {
    margin-top: 0px;
    margin-left: 8px;
    font-size: 13px;
    }
.detourDetails, .scenicDetails {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 0px;
padding-bottom: 10px;
text-align: justify;
color: gray;
font-size: 13px;
line-height: 1.25em;
}
.dhiStatTitle {
margin-left: 10px;
font-size: 13px;
color: rgb(61, 119, 188);
border-bottom: solid 1px #b7b7b7;
padding-bottom: 5px;
margin-right: 10px;
}
.ScenicCloseBubble {
position: absolute;
top: 2px;
right: 5px;
color: #FFFFFF;
padding: 0;
margin: 0;
pointer-events: all;
cursor: pointer;
}
.infoWindowTopRow {
color: white;
}
.infoWindowBottomRow {
}
    .infoWindowBottomRow ul {
        padding: 0;
        margin: 0;
        margin-left: 30px;
        margin-top: 2px;
        text-align: center;
        color: white;
    }
    .infoWindowBottomRow li {
        display: inline;
        font-size: 12px;
        font-family: "Helvetica", sans-serif;
        font-weight: 300;
        padding-right: 30px;
        color: white;
    }
.infoWindowTailLowerLeft {
    background: url(images/infoTailLowerLeft.png);
    background-repeat: no-repeat;
   width: 20px;
   height: 20px;
}
.infoWindowTailLowerRight {
     background: url(images/infoTailLowerRight.png);
    background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   float: right;
}

.infoWindowTailUpperLeft{
background: url(images/infoTailUpperLeft.png);
    background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   position: absolute;
   top: -5px;
}
.infoWindowTailUpperRight{
background: url(images/infoTailUpperRight.png);
    background-repeat: no-repeat;
   width: 20px;
   height: 20px;
   position: absolute;
   top: -5px;
   right: 0;
}

.fuelHeader, .campHeader {
float: left;
color: #b7b7b7;
width: 23%;
height: 30px;
text-align: center;
border-right: solid 1px #000000;
margin-top: -3px;
padding-bottom: 3px;
letter-spacing: 0.07em;
}
.campHeader {
color: #000000;
}
    .fuelHeader p, 
    .campHeader p {
    margin: 0;
    font-size: 11px;
    }
    .fuelHeader:last-child, 
    .evHeader:last-child, 
    .campHeader:last-child {
        border-right: none;
    }
.fuelHeader p:last-child, 
.campHeader p:last-child {
    /*letter-spacing: 0.2em;*/
    /*color: #000000;*/
    font-weight: bold;

}
.activeFuelGrade {
color: #000000;
}
.nonActiveFuelGrade {
color: #b7b7b7;
}
.restRating, 
.faclRating, 
.appRating {
padding-bottom: 3px;
}
.evHeader {
float: left;
color: #000000;
height: 30px;
width: 46%;
text-align: center;
border-right: solid 1px #000000;
margin-top: -3px;
padding-bottom: 3px;
letter-spacing: 0.07em;
}
    .evHeader p {
    margin-top: 0;
    margin-bottom: 2px;
    font-size: 12px;
    }

/*Konrad Design POI details stuff*/
.poiDetailsBox {
position: absolute;
width: 475px;
/*max-height: 450px;*/
/*min-height:410px;*/
background-color: rgb(255, 255, 255);
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
top: 155px;
right: 14%;
overflow-y: auto;
display: none;
overflow-x: hidden;
overflow-y:hidden;
opacity: 0;
z-index: 6;

/*bottom:20px;*/
}
.poidetail_mainDiv {
margin-bottom: 0;
margin-top: 0;
height:100%;
}

#wrapperDivDetails {
height:100%;
}

.poidetail_tabContent {
margin-bottom: 0;
height:100%;
}
/*Locate Button underneath zoom controls*/
#locate {
position: absolute;
top: 190px;
right: 12px;
height: 18px;
width: 18px;
background-color: #FFFFFF;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright:3px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;

border-radius: 50%;
-webkit-border-radius: 50%;
cursor: pointer;
}
    #locate img {
    margin-left: -1px;
    margin-top: -1px;
    }
/* mapLayers dropdown list* - Stuck to side.  Keep in case putting this at the top isn't desired */
#mapLayersDropdownList {
position: absolute;
right: 47px;
top: 98px;
font-size: 12px;
padding: 0;
margin: 0;
overflow-x: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
display: none;
opacity: 0;
background-color: rgb(255, 255, 255);
/*margin-top: 13px;*/
border: solid 1px #d0d0d0;
height: 195px;
z-index: 2;
}

    #mapLayersHeader, 
    #settingsHeader, 
    #helpHeader {
    margin: 0;
    height: 25px;
    text-align: center;
    padding-top: 6px;
    color: rgb(61, 119, 188);
    background-color: rgb(246, 246, 246);
    font-size: 13px;
    font-weight: bold;
    border-bottom: solid 1px #b7b7b7;
    }

#mapLayersDropdownListCheckboxes {
float: left;
border: 1px solid rgba(0, 0, 0, 0.02);
background-color: rgba(255, 255, 255, 1);
background-color: rgb(255, 255, 255)\9;
font-size: 14px;
color: #000000;
height: 140px;
min-width: 200px;
cursor: pointer;
white-space: nowrap;
}
#exitinfo, 
#traffic, 
#clusterToggle, 
#weather, 
#construction, 
#scenic {
    display: none;
}
.exitInfoToggleButton, 
.helpTipsToggleButton, 
.trafficToggleButton, 
.clusterToggleButton, 
.weatherToggleButton, 
.constructionToggleButton, 
.scenicToggleButton {
margin: 0;
float: left;
color: rgb(61, 119, 188);
background-color: rgb(255, 255, 255);
border: solid 1px rgb(61, 119, 188);
cursor: pointer;
padding-left: 3px;
padding-right: 3px;
height: 20px;
min-width: 30px;
text-align: center;
padding-top: 3px;
}
.languageToggleButton {
margin-top: -3px;
}
#settingsBox label {
font-size: 14px;
color: rgb(61, 119, 188);
/*font-weight: bold;*/
}
.activeMapLayersToggleButton, 
.activeClusterToggleButton, 
.activeHelpTipsToggleButton {
background-color: rgb(61, 119, 188);
color: rgb(255, 255, 255);
}
.mapLayerDropdownItem, .helpDropdownItem {
margin-left: 10px;
height: 30px;
}
.clusterListItem {
height: 25px;
margin-top: 7px;
}
    .mapLayerDropdownItem label, .helpDropdownItem label {
    margin-left: 10px;
    position: relative;
    top: 5px;
    }
    .mapLayerDropdownItem:hover, .helpDropdownItem:hover {
    /*background-color: rgba(210, 210, 210, 0.9);
    color: #000000;*/
    }
#mapLayersDropdownListCheckboxes ul {
    margin: 0;
    margin-left: -2px;
    margin-top: 9px;
    padding: 0;
    cursor: pointer;
    color: rgb(61, 119, 188);
}
    #mapLayersDropdownListCheckboxes li {
    list-style-type: none;
    cursor: pointer;
    }
#mapLayersDropdownListCheckboxes input {
    cursor: pointer;
}




#mySavedTrips {
    /*position: absolute;*/
    /*top: 80px;
    left: 50px;*/
    margin: 0;
    width: 100%;
    opacity: 1;
       display: none;
       
		text-align: left;
		z-index: 2;
		/*box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);*/
        background-color: rgb(255, 255, 255);
        /*border: solid 1px #d0d0d0;*/
	}


#savedTripsHeader, 
#myPrintOptionsHeader {
height: 48px;
border-bottom: solid 1px #b7b7b7;
position: relative;
/*background-color: rgb(246, 246, 246);*/
}
#closeMyTripsWishlistPlaces, 
#closeMyTripsWishlistRoutes {
display: block;
}
#myPrintOptionsHeader {
background-color: rgb(246, 246, 246);
}
.myRoutesIcon {
float: left;
margin-left: 87px;
margin-top: 9px;
/*display: none;*/
}
.savedTripsHeaderMarker, 
.myPrintOptionsHeaderIcon {
float: left;
margin-top: 5px;
/*margin-left: 10px;*/
margin-right: 10px;
}
.myPrintOptionsHeaderIcon {
margin-top: 12px;
margin-left: 10px;
}
#savedTripsHeader p, 
#myPrintOptionsHeader p {
float: left;
color: rgb(61, 119, 188);
font-weight: bold;
margin-top: 15px;
margin-left: 10px;
font-size: 15px;
}
#myRoutesEditButton {
display: none;
float: right;
margin-right: 10px;
margin-top: 17px;
cursor: pointer;
}
    #myRoutesEditButton img {
    float: left;
    height: 18px;
    }
    #myRoutesEditButton p {
    float: left;
    margin: 0;
    margin-left: 5px;
    font-weight: normal;
    font-size: 16px;
    }
#selectATrip {
min-height: 196px;
width: 100%;
/*border: solid 1px #b7b7b7;*/
background-color: #FFFFFF;
}
.savedTripLocationPin {
    float: left;
    margin-left: 6px;
    height: 19px;
    margin-top: 5px;
}
.savedTripVia {
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}
.savedTripLocationName {
margin: 0;
padding-top: 12px;
padding-bottom: 7px;
padding-left: 25px;
text-indent: -1px;
}
.optionsCardTop {
background-color: rgb(255, 255, 255);
color: rgb(61, 119, 188);
height: 42px;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: solid 1px #b7b7b7;
font-size: 16px;
font-weight: bold;
}
.optionsCardTop p {
margin: 0;
margin-left: 10px;
margin-top: 12px;
float: left;
}
#printOptionsSettingsCardTop {
height: 38px;
}
    #printOptionsSettingsCardTop p {
    font-size: 17px;
    margin-top: 10px;
    margin-left: 10px;
    }

.savedTripCardTop p {
    margin-left: 5px;
}
.highlightOptionsTitle {
color: rgb(61, 119, 188);
margin-left: 10px;
font-size: 15px;
font-weight: bold;

}
.highlightRow {
width: 100%;
height: 26px;
margin-bottom: 5px;
margin-left: 15px;
}
.highlightRow p {
margin: 0;
height: 24px;
width: 155px;
margin-left: 45px;
}
#highlight1, 
#highlight3, 
#highlight5, 
#highlight2, 
#highlight4, 
#highlight5, 
#highlight6 {
float: left;
width: 50%;
}
#highlight7 {
margin-left: auto;
margin-right: auto;
width: 50%;
}
.option1 {
background-color: #BF80FF;
border: solid 1px #b7b7b7;
}
.option2 {
background-color: #AC59FF;
border: solid 1px #b7b7b7;
}
.option3 {
background-color: #9D3CFF;
border: solid 1px #b7b7b7;
}
.option4 {
background-color: #6100C1;
border: solid 1px #b7b7b7;
}
.option5 {
background-color: #320064;
border: solid 1px #b7b7b7;
}
.option6 {
background-color: #22665E;
border: solid 1px #b7b7b7;
}
.option7 {
background-color: #9D3CFF ;
border: solid 1px #b7b7b7;
}
#selectATripCardBox {
overflow-x: hidden;
overflow-y: auto;
/*background-color: rgb(246, 246, 246);*/
}
#savedTripsListBox {
border-bottom: solid 1px #b7b7b7;
/*min-height: 150px;*/
max-height: 294px;
overflow-x: hidden;
font-size: 13px;
text-indent: 5px;

}
.routeItem, 
.routeItemT, 
.routeItemM {
position: relative;
margin: 0;
/*padding-top: 10px;
padding-bottom: 10px;*/
border-bottom: solid 1px #b7b7b7;
background-color: rgb(246, 246, 246);
/*text-indent: -1px;*/
min-height: 30px;
color: rgb(61, 119, 188);
font-size: 13px;
cursor: pointer;

}
    .savedTripsListBoxItem p {
    margin: 0;
    margin-left: 30px;
    padding-top: 25px;
    text-align: left;
    /*min-height: 28px;*/
    padding-bottom: 25px;
    }

.routeItem, .routeItemT {
/*white-space: nowrap;*/
min-height: 48px;
word-wrap: break-word;
}
.activeSavedTripsListBoxItem, 
.savedTripsListBoxItem {
max-width: 300px;
}
    .activeSavedTripsListBoxItem:hover {
    /*background-color: rgb(61, 119, 188);
    color: #FFFFFF;*/
    }
    .close {
     cursor: pointer;
     background-image: url(images/removeOff.png);
     width: 12px;
     height: 16px;
     border: solid 1px #939598;
     float: left;
     margin-top: -22px;
     margin-left: 371px;
}
.cloneClose {
     cursor: pointer;
     position: absolute;
     right: 10px;
     top: 40%;
     width: 18px;
     height: 18px;
    background-image: url(images/alternativeDeleteButton.png);
    background-repeat: no-repeat;
    display: none;
    background-color: transparent;
    border: none;
    outline: none;
}
.cardPoiTopM ~ input {
    display: block;
}
.savedRouteRemoveButton {
position: absolute;
width: 18px;
height: 18px;
background-image: url(images/alternativeDeleteButton.png);
background-repeat: no-repeat;
background-color: transparent;
border: none;
cursor: pointer;
right: 10px;
top: 38%;
/*display: none;*/
z-index: 2;
outline: none;
}
    .savedRouteRemoveButton:hover {
    background-image: url(images/alternativeDeleteButtonHover.png);
    }
.selectAndCancelButtons {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    height: 45px;
    text-align: center;
}
/*.useSelected {
     height: 20px;
     font-size: 12px;
     float: left;
     padding-left: 5px;
     padding-right: 5px;
     padding-top: 1px;
     padding-bottom: 1px;  
     -webkit-appearance: none;
     background-color: #DCDDDE;
     border: solid 1px #8c8e91;
     margin-top: 3px;
     color: #000000;
     cursor: pointer;
     -webkit-appearance: none;
}*/
    /*.useSelected:hover {
    background-color: rgb(172, 220, 247);
    }*/
#useTrip, 
#itineraryClose, 
#addRouteToTrip {
float: right;
margin-right: 10px;
font-size: 16px;
margin-top: 14px;
cursor: pointer;
font-weight: normal;
}
#addRouteToTrip,
#useTrip {
float: left;
margin-left: 10px;
}
.myTripsButton {
     height: 20px;
     font-size: 12px;
     -webkit-appearance: none;
     background-color: #DCDDDE;
     border: solid 1px #8c8e91;
}
#myTripsButtons {
margin-top: 2px;
margin-bottom: 3px;
width: 100%;
min-height: 40px;
}
.useSelected {
margin: 5px;
color: rgb(255, 255, 255);
background-color: rgb(61, 119, 188);
}
    .useSelected:hover {
     background-color:rgba(61, 119,188, 0.2);
     color: rgb(61, 119, 188);
    }
#deleteTrip {
float: right;
margin-right: 30px;
margin-right: 30px\9;
}
#selectedItinerary {
position: absolute;
top: 69px;
left: 402px;
width: 350px;
background-color: #FFFFFF;
font-size: 13px;
display: none;
z-index: 3;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
border: solid 1px #d0d0d0;
opacity: 0;
border-bottom: none;
}
#addRouteToTrip {

}
#itineraryClose {
height: 15px;
display: none;
}
.savedTripSlgLocation {
position: relative;
min-height: 35px;
padding-bottom: 4px;
background-color: rgb(246, 246, 246);
color: rgb(61, 119, 188);
font-family: "Helvetica", sans-serif;
}
.savedTripPoiLocation {
    position: relative;
    min-height: 22px;
    background-color: rgb(246, 246, 246);
    font-weight: bold;
    font-size: 12px;
    color: rgb(61, 119, 188);
    font-family: "Helvetica", sans-serif;
    padding-bottom: 4px;
}
    .savedTripPoiLocation img, 
    .savedTripSlgLocation img {
    /*margin-top: 5px;*/
    padding-left: 4px;
    }
#selectedItineraryCardBox {
overflow-x: hidden;
overflow-y: auto;
text-indent: 5px;
/*background-color: rgb(246, 246, 246);*/
cursor: default;
}
    #selectedItineraryCardBox > div {
    border-bottom: solid 1px #b7b7b7;
    }
    #selectedItineraryCardBox hr {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    }




	
	.myTripsContentBox-visible {
		-webkit-transform:  scale(1);
		-moz-transform:  scale(1);
		-ms-transform:  scale(1);
		transform:  scale(1);
		opacity: 1;
        background-image: url(images/wWall.png);
        padding-top: 2px;
	}

	
		.myTripsContentBox h3 {
			margin: 1em 0 0.5em;
			font-family: "Helvetica", sans-serif;
			font-weight: normal;
			font-size: 25px;
			text-align: center;
		}

#myPlacesNumber {
    position:absolute;
    top:12px;
    left:35px;
    color:white;
    font-weight:bold;
    font-size:13px;
    text-align:center;
    /*border: 1px solid #333333;*/
    width:30px;
    height:16px;
}
#screenCover, #clearScreenCover {
position: absolute;
width: 100%;
background-color: rgb(0, 0, 0);
height: 100%;
opacity: 0.2;
background-color: #000000\9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
filter: alpha(opacity = 20);
top: 0;
left: 0;
display: none;
z-index: 5;
}


#clearScreenCover {
/*background-color: transparent;*/

}

#screenCoverHelpTips {
    position: absolute;
    width: 100%;
    background-color: rgb(0, 0, 0);
    height: 100%;
    opacity: 0.1;
    background-color: #000000\9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity = 20);
    top: 0;
    left: 0;
    display: none;
    z-index: 6;
}
/*#scaleBarCover {
position: absolute;
bottom: 50px;
height: 13px;
background-color: transparent;
/*background-color: rgba(0, 0, 0, 0.5);*/
/*z-index: 10000;*/
/*right: 50px;*/
/*width: 200px;*/
/*}*/



#saveTripDialogBox {
    display: none;
    width: 450px;
    min-height: 300px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 46%;
    left: 34%;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
    z-index: 6;
    opacity: 0;
    filter: alpha(opacity = 0)\9;
}

#filterDialogBox {
    display: none;
    width: 350px;
    min-height: 300px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 80px;
    left: 50px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
    z-index: 2;
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border: solid 1px #d0d0d0;
}
.closeDialog {
position: absolute;
height: 15px;
right: 10px;
top: 18px;
cursor: pointer;
}

#lodgingsFilterHeader {
border-top: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
width:300px;
    position:absolute;
    bottom:50px;
    right:350px;

}
#attractionsFilterHeader {
border-top: solid 1px #d0d0d0;
border-bottom: solid 1px #d0d0d0;
}
#diningFilterHeader {
border-bottom: solid 1px #d0d0d0;
border-top: solid 1px #d0d0d0;
}
#closeMyRoutesDialog {
float: left;
margin-left: 10px;
margin-top: 14px;
margin-right: 10px;
border: none;
background-color: transparent;
/*background-image: url(images/closeX.png);*/
background-repeat: no-repeat;
cursor: pointer;
height: 20px;
outline: none;
}
.closePrintDialog {
cursor: pointer;
position: absolute;
height: 30px;
width: 90px;
right: 8px;
top: 8px;
color: rgb(61, 119, 188);
background-color: rgb(246, 246, 246);
border: solid 1px rgb(61, 119, 188);
font-size: 13px;
}
    .overviewMapSizeButton:hover, 
    .highlightOptionButton:hover, 
    .printOptionsSettingsButtonsBooklet:hover, 
    .printOptionsSettingsButtonsMoreIntDetail:hover, 
    .printOptionMainButton:hover, 
    .printOptionSubButton:hover, 
    .mapOnlySizeButton:hover,
    .myPlacesPrintType:hover, 
    .overviewMapSizeButton:hover, 
    .closePrintDialog:hover, 
    .poiButton:hover, 
    .saveTripButtons:hover {
        background-color: rgba(61, 119, 188, 0.1);
    }
.printOptionMainActiveButton:hover, 
.myTripDetailsDateEditActiveButton:hover,
.highlightOptionActiveButton:hover, 
.printOptionSubActiveButton:hover, 
.mapOnlySizeActiveButton:hover, 
.myPlacesActivePrintType:hover, 
.overviewMapSizeActiveButton:hover, 
.printOptionsSettingsActiveButtonsBooklet:hover, 
.printOptionsSettingsActiveButtonsMoreIntDetail:hover {
    background-color: rgb(61, 119, 188);
    color: rgb(255, 255, 255);
}
.poiActiveButton:hover {
background-color: rgb(88, 111,167);
}
#saveTripTopRow {
border-bottom: solid 1px #b7b7b7;
background-color: rgb(246, 246, 246);
height: 50px;
position: relative;
}
#saveTripTitle {
width: 95%;
margin-left: 10px;
margin-top: 10px;
border: solid 1px #d0d0d0;
height: 25px;
}
#saveThisTrip {
position: absolute;
left: 10px;
}
#cancelThisTrip {
position: absolute;
right: 10px;
}
#saveTripTopRow h4 {
margin: 0;
float: left;
font-size: 15px;
padding-top: 10px;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 100%;
margin-top: 5px;
}
#saveTripDialogBox {
min-height: 0px;
max-height: 160px;
height: 160px;
}
#saveTripDialogBox p {
margin: 0;
margin-top: 10px;
text-align: center;
font-size: 14px;
}

/*Print Stuff*/
/*.printPopupBox {
    z-index: 2;
		display: none;
		content: " ";
		height: 100%;
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: -moz-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
		background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
		background: -webkit-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -o-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: -ms-radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
		background: radial-gradient(center, ellipse cover,  rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
	}*/
.printContentBox {
    position: absolute;
		display: none;
		width: 540px;
		text-align: left;
		z-index: 6;
        background-color: rgb(255, 255, 255);
        left: 34%;
        top: 125px;
        opacity: 0;
	}
#printOptionsContainer {
overflow-y: auto;
overflow-x: hidden;
padding-top: 25px;
}
#printOptionsCover {
position: absolute;
background-color: rgb(0, 0, 0);
opacity: 0.2;
width: 540px;
left: 34%;
bottom: 10%;
z-index: 1;
display: none;
}
#myPrintOptions {
font-size: 13px;
margin-left: auto;
margin-right: auto;
width: 90%;
}
#myPrintOptionsSettings {
position: absolute;
left: 36.1%;
top: 153px;
display: none;
width: 486px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
z-index: 6;
opacity: 0;
filter: alpha(opacity = 0);
background-color: rgb(255, 255, 255);
}
#printOptions, #printOptionsSettings {
padding-bottom: 3px;
background-color: rgb(255, 255, 255);
border: solid 1px #b7b7b7;
font-size: 13px;
}
#printLabelsCardBox {
background-color: rgb(255, 255, 255);
border: solid 1px #b7b7b7;
border-top: none;
margin-left: auto;
margin-right: auto;
width: 89.7%;
padding-bottom: 4px;
}
#printLabelTitle, 
#printLabelText {
height: 35px;
}
    #printLabelTitle label, 
    #printLabelText label {
    float: left;
    color: rgb(61, 119, 188);
    font-size: 15px;
    font-weight: bold;
    margin-left: 10px;
    margin-top: 10px;
    }
#adobeHelpLink {
font-size: 13px;
font-style: italic;
margin-left: 10px;
color: rgb(61, 119, 188);
}


.ifNoRoute {
font-weight: normal;
font-style: italic;
font-size: 13px;
display: inline;
}
.noRouteDisplayed {
display: block;
padding-left: 5px;
margin-top: 5px;
border-bottom: solid 1px #939598;
}
#printText {
padding-top: 2px;
margin-left: 65px;
width: 425px;
}
    #printText p {
        font-size: 12px;
        margin-top: 5px;
        margin-bottom: 5px;
        font-style: italic;
    }
    #printText a {
        text-decoration: underline;
        color: #005296;
    }
.printTextBox {
width: 85%;
border: solid 1px #b7b7b7;
height: 25px;
text-indent: 10px;
margin-top: 5px;
font-size: 15px;
float: right;
margin-right: 10px;
}
#mapOnlyOptionTitle {
height: 30px;
}
.printSettingsTitle {
float: left;
margin: 0;
color: rgb(61, 119, 188);
font-weight: bold;
font-size: 15px;
margin-left: 10px;
margin-right: 10px;
margin-top: 15px;
}	
.routeOptionRadioButton {
float: left;
}
#routeRelatedPrintOptions {
border-bottom: solid 1px #b7b7b7;
padding-bottom: 5px;
}
#routeRelatedPrintOptions p {
margin: 0;
margin-left: 10px;
float: left;
margin-top: 5px;
}
#overviewMapSizes, 
#ifMapOnly, 
#ifMyPlaces {
margin-left: auto;
margin-right: auto;
width: 100%;
display: none;
height: 30px;
}
    #overviewMapSizes p, 
    #ifMapOnly p, 
    #ifMyPlaces p {
    float: left;
    margin: 0;
    margin-left: 34px;
    margin-right: 0px;
    font-weight: bold;
    margin-top: 5px;
    }
#ifTravelPlan {
margin-left: 40px;
display: none;
}
#mapPrintOptionsCardBox {
margin-top: 10px;
}

#coversInsertsLink {
    height:30px;
}
    #coversInsertsLink p {
        margin: 0;
        padding:0;
        font-weight: normal;
        margin-top: 13px;
        text-decoration: underline;
        margin-right: 4px;
        cursor: pointer;
        font-size: 14px;
        text-align:center;
        color:rgb(61, 119, 188);
    }

#coversInsertsCardTop {
    border-top:solid 1px #b7b7b7;
}

    #printOptionsRadioButtons input {
    height: 12px;
    }
#advancedPrintOptionsToggle {
float: right;
margin: 0;
font-weight: normal;
margin-top: 28px;
text-decoration: underline;
margin-right: 4px;
cursor: pointer;
font-size: 14px;
}
#printOptionsRadioLabels {
    font-size: 14px;
margin-left: 22px;
}
    #printOptionsRadioLabels label {
    }
.ttpPrint {
color: #005296;
margin-left: 3px;
}

.ifRoute {
display: none;
}
#fullTripTik {
margin-top: 10px;
}
#otherOptions {
margin-left: 40px;
display: none;
}
.printOptionSelection {
height: 30px;
}
.ifLargeOverview {
display: none;
}
#otherOptionsOptions {
display: none;
}
#otherOptionsRadioButtons {
float: left;
}
    #otherOptionsRadioButtons input {
    height: 12px;
    }
#otherOptionsLabels {
margin-left: 20px;
font-size: 14px
}
#overviewWithDirections {
clear: both;
}
#first {
float: left;
}
#numberOfMaps {
float: left;
width: 25px;
margin-left: 8px;
height: 20px;
margin-right: 0px;
}
/*.selectAndCancelButtons {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    height: 45px;
}*/

#sList {

    width: 100%;
    text-align: center;
    margin-left: 125px;
    margin: 0;
    display: block;
list-style-type: none;
padding: 0;
}
    #sList li {
        display: inline-block;
        list-style-type: none;
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0;
    }
    #sList a {
        display: inline-block;
        list-style-type: none;
        width: 50px;
        height: 50px;
        margin: 0;
        padding: 0;
    }

/* Travel Guide stuff*/

#driveTripsPane {
box-shadow: none;
}
.editorialContentDiv {
overflow-x: hidden;
overflow-y: auto;
background-color: rgb(246, 246, 246);
}

.editorialHeader, 
.editorialTGHeader, 
#driveTripToggleDiv {
height: 50px;
border-bottom: solid 1px #b7b7b7;
text-align: center;
color: rgb(61, 119, 188);
background-color: #FFFFFF;
}
    .editorialHeader p, 
    .editorialTGHeader p {
    margin: 0;
    padding-top: 16px;
    font-size: 15px;
    max-width: 100%;
    font-weight: bold;
    }
    .travelGuidesClose, 
    .driveTripsClose, 
    .driveTripsClose {
    position: absolute;
    top: 18px;
    right: 18px;
    height: 14px;
    cursor: pointer;
    }
#driveTripToggleDiv {
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
}
#driveTripInformationToggle, 
#driveTripItineraryToggle, 
#driveTripDirectionsToggleFull, 
.driveTripDirectionsToggleFull, 
.driveTripDirectionsToggle, 
.driveTripDirectionsToggleSegment {
float: left;
border-right: solid 1px #b7b7b7;
height: 100%;
width: 33.2%;
cursor: pointer;
}
#driveTripDirectionsToggleFull, 
.driveTripDirectionsToggleSegment, 
.driveTripDirectionsToggleFull {
border-right: none;
}
.driveTripDirectionsToggleSegment {
display: none;
}
.activeEditorialContentToggle, 
.driveTripDirectionsToggleFull:active {
background: #d0d0d0\9;
background: -webkit-gradient(linear, 0% 70%, 0% 0%, from(#FFFFFF), to(rgb(215, 215, 215)));
background: -moz-gradient(linear, 0% 70%, 0% 0%, from(#FFFFFF), to(rgb(215, 215, 215)));
background: -ms-linear-gradient(top, #D7D7D7 0%, #FFFFFF 70%);
background: gradient(linear, 0% 70%, 0% 0%, from(#FFFFFF), to(rgb(215, 215, 215)));
/*filter: alpha(opacity = 50)\9;*/
background-image: -moz-linear-gradient(top, #D7D7D7 0%, #FFFFFF 70%);
}

#dtDetailOverview {
background-color: #FFFFFF;
height: 100%;
cursor: default;
}
.dtInfoToggleContent {
margin-right: auto;
margin-left: auto;
height: 100%;
}
.dtToggleIcon {
float: left;
}
.tdToggleText {
float: left;
margin: 0;
margin-left: 10px;
font-size: 13px;
font-weight: bold;
}
.featuredEditorialDiv {
width: 100%;
height: 238px;
}
.mainFeaturedEditorial {
width: 66%;
height: 100%;
float: left;
position: relative;
cursor: pointer;
}
    .mainFeaturedEditorial img {
    width: 100%;
    height: 100%;
    }
.mainFeaturedEditorialTitle {
position: absolute;
bottom: 10px;
left: 20px;
color: rgb(255, 255, 255);
margin: 0;
font-size: 30px;

}
.ieadjustments, .content_close_btn {
display: none;
}
#introduction_div {
margin-bottom: 10px;
}
#introduction_div > .paragraph, #introduction_div > .paragraph > .paragraph_text {
height: 100%;
overflow-y: hidden;
overflow-x: hidden;
}
#introduction_div > .paragraph, #introduction_div > .paragraph > .paratraph_text > br {
display: none;
}
#introduction_div > .paragraph > .paragraph_text > span {
display: none;
}
   #introduction_div > .paragraph, 
   #introduction_div > .paragraph > .paragraph_text > span:nth-child(4) {
    display: block;
    font-size: 11px;
    text-align: justify;
    padding-left: 5px;
    padding-right: 5px;
    color: gray;
    }
.paragraph_text > hr {
display: none;
}
.subFeaturedColumn {
height: 100%;
width: 34%;
float: right;
}
.subFeaturedEditorial {
height: 50%;
position: relative;
cursor: pointer;
}
    .subFeaturedEditorial img {
    width: 100%;
    height: 100%;
    }
.subFeaturedEditorialTitle {
margin: 0;
position: absolute;
bottom: 10px;
left: 20px;
color: rgb(255, 255, 255);
font-size: 20px;
}
.nonFeaturedEditorialDiv {
background-color: rgb(246, 246, 246);
margin-right: 20px;
margin-left: 20px;
margin-top: 20px;
}
.search_div, .editorialSearch_div {
margin-top: 10px;
margin-bottom: 0;
/*height: 40px;*/
text-align: center;
position: relative;
background-color: rgb(246, 246, 246);
display: none;
}
.search_div {
width: 100%;
}
#searchText, .subSearchText {
width: 100%;
width: 90%\9;
height: 25px;
border: solid 1px #b7b7b7;
text-indent: 10px;
text-indent: 0px\9;
font-size: 17px;
max-width: 634px;
visibility: visible;
visibility: hidden\8;
display: none;
}

.ui-autocomplete {
    font-size: 14px;
}
.editorialSearch_div {
width: 95%;
margin-left: 8px;
padding-top: 10px;
margin-left: 0px\9;
margin-top: 0;
display: none;
}
.search_icon, 
.editorialSearch_icon {
position: absolute;
top: 3px;
right: 3px;
width: 20px;
display: none\8;
display: none;
}
.editorialSearch_icon {
top: 13px;
right: 18px\9;
}
.nonFeaturedEditorialLeftColumn, 
.nonFeaturedEditorialRightColumn {
width: 48%;
}

.nonFeaturedEditorialLeftColumn {
margin-right: 20px;
float: left;
}
.nonFeaturedEditorialRightColumn {
float: right;
}
.nonFeaturedEditorial {
margin-bottom: 20px;
border: solid 1px #b7b7b7;
height: 87px;
background-color: rgb(255, 255, 255);
cursor: pointer;
list-style-type: none;
position: relative;
}
.nonFeaturedEditorialImage {
float: left;
height: 100%;

}
.nonFeaturedEditorialTextTitle, .nonFeaturedEditorialTextTitleSmall {
margin: 0;
float: left;
margin-left: 10px;
margin-top: 4px;
color: rgb(61, 119, 188);
font-weight: bold;
font-size: 11px;
max-width: 140px;
}
.nonFeaturedEditorialTextTitleSmall {
font-size: 10px;
}
.editorialList {
display: none;
width: 100%;
}
.editorialListHeader {
/*height: 100px;*/
width: 100%;
/*border-bottom: solid 1px #d0d0d0;*/
text-align: center;
z-index: 1\9;
}
.editorialListHeaderTitle {
height: 50px;
border-bottom: solid 1px #d0d0d0;
width: 100%;
}
#editorialSearchWrapper {
width: 100%;
border-bottom: solid 1px #b7b7b7;
background-color: rgb(246, 246, 246);
}
.editorialListContent {
overflow-x: hidden;
overflow-y: auto;
}
.editorialListItem {
width: 100%;
width: 95%\9;
height: 100px;
border-bottom: solid 1px #b7b7b7;
position: relative;
cursor: pointer;
}
.editorialListImage {
    float: left;
    height: 80px;
    width: 90px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}
    .editorialListImage img {
    width: 100%;
    height: 100%;
    }
.editorialListText {
float: left;
}
.editorialListTitleText {
margin-left: 10px;
margin-top: 10px;
color: rgb(61, 119, 188);
font-weight: bold;
font-size: 13px;
max-width: 200px;
}
.editorialListDescription {
margin: 0;
font-size: 10px;
float: left;
max-width: 190px;
text-align: justify;
margin-left: 10px;
color: grey;
margin-top: -5px;
}
.dtEditorialListDescription {
position: absolute;
margin: 0;
font-size: 10px;
text-align: justify;
max-width: 145px;
color: grey;
margin-left: 10px;
margin-top: 7px;
bottom: 8px;
right: 5px;
top:26px;
}
.editorialListArrow {
position: absolute;
top: 45px;
height: 15px;
right: 10px;
}
.tgDetailWrapper {
/*border: solid 1px #d0d0d0;*/
}
/*.tgOverflowContainer {
overflow-y: auto;
overflow-x: hidden;
}*/
.travelGuideBackButton, 
#tgDetailBackButton, 
#dtDetailBackButton {
float: left;
height: 20px;
margin-left: 10px;
margin-right: -10px;
margin-top: 15px;
cursor: pointer;
}
#travelGuideDetail {
display: none;
/*border-top: solid 1px #b7b7b7;*/
}
.paragraph_text {
padding-left: 10px;
padding-right: 10px;
}
.travelGuidesDetailBackButton {
position: absolute;
top: 2px;
left: 0;
height: 20px;
margin-left: 10px;
margin-top: 12px;
cursor: pointer;
display: none;
}
.editorialListHeader p {
margin: 0;
color: rgb(61, 119, 188);
font-weight: bold;
padding-top: 15px;
}
.tg_detail_links {
/*margin-top: -4px;*/
background-color: rgb(255, 255, 255);
}
#fullEditorialHeader {
border-bottom: solid 1px #b7b7b7;
}
.tgDetailLink {
/*height: 49px;*/
text-align: left;
/*color: #000000;*/
color: rgb(61, 119, 188);
border-bottom: solid 1px #b7b7b7;

}
    .tgDetailLinkHeaderClosedView {
    margin: 0;
    margin-left: 75px;
    padding-top: 15px;
    font-size: 15px;
    float: left;
    font-weight: bold;
    }
.tgDetailLinkArrow {
float: right;
margin-right: 10px;
margin-top: 16px;
height: 15px;
cursor: pointer;
}
.tgDetailLinkImg {
float: left;
margin-left: 10px;
margin-right: -10px;
margin-top: 12px;
width: 25px;
height: 25px;
}
.tgDetailLinkHeader {
height: 50px;
position: relative;
cursor: pointer;
/*border-bottom: solid 1px #b7b7b7;*/
}
.tgDetailLinkHeaderOpenView {
text-align:center;
margin: 0;
margin-left: 25px;
padding-top: 10px;
font-size: 15px;
font-weight: bold;
}
.travelGuidesModeToggles {
width: 100%;
height: 50px;
border-bottom: solid 1px #b7b7b7;
border-top: solid 1px #b7b7b7;
}
.travelGuideTextMode, 
.travelGuideListMode {
position: absolute;
left: 0px;
width: 50%;
height: 50px;
}
.travelGuideTextMode {
border-right: solid 1px #b7b7b7;
}
.travelGuideListMode {
border-left: solid 1px #b7b7b7;
}
.travelGuideListMode {
left: 50%;
}
    .travelGuideTextMode img, 
    .travelGuideListMode img {
    float: left;
    height: 15px;
    margin-left: 45%;
    margin-top: 18px;
    }
    .travelGuideTextMode p, 
    .travelGuideListMode p {
    float: left;
    margin: 0;
    font-size: 13px;
    margin-top: 18px;
    margin-left: 5px;
    color: rgb(61, 119, 188);
    }
.editorialContentToggle {
cursor: pointer;
}
.guideName {
margin: 0;
text-align: center;
font-size: 12px;
margin-left: 25px;
}
.paragraph_div {
display: none;
border: solid 1px #b7b7b7;
border-top: none;
border-right: none;
text-align: justify;
float: left;
background-color: rgb(255, 255, 255);
font-size: 13px;
color: gray;
margin-left: -1px;
}
    /*#essentialsPoiList > .cardPoi .cardPoi:nth-child(2) {
    display: none;
    }*/
.paragraph, .tgIdList {
overflow-x: hidden;
overflow-y: auto;
}
.tgIdList {
display: none;
}
.paragraph, .dtIdList {
overflow-x: hidden;
overflow-y: auto;
}
.dtIdList {
display: none;
}
.TGPoiList {
width: 350px;
min-width: 350px;
overflow-y: auto;
overflow-x: hidden;
}
.ieadjustments {
margin-top: 10px;
margin-bottom: 10px;
}
.contentheading2 {
font-weight: bold;
}
.text_link {
color: rgb(61, 119, 188);
font-weight: bold;
cursor: pointer;
}
    .text_link:hover {
    text-decoration: underline;
    }
.image_div_left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.image_left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

/*Log In stuff*/
#logInAlert {
width: 350px;
background-color: rgb(255, 255, 255);
position: absolute;
top: 27%;
left: 36%;
z-index: 6;
margin: 10px;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
display: none;
opacity: 0;
filter: alpha(opacity = 0);
}
#logInText {
font-size: 13px;
padding-right: 10px;
padding-left: 10px;
}
    #logInAlert p {
    margin: 0;
    padding-top: 10px;
    color: gray;
    }
#logInHeader {
border-bottom: solid 1px #b7b7b7;
background-color: rgb(246, 246, 246);
height: 49px;
padding-left: 10px;
}
#logInHeader p {
font-size: 19px;
color: rgb(61, 119, 188);
padding-right: 10px;
padding-top: 14px;
}
    #logInHeader img {
    float: right;
    height: 20px;
    margin-top: -30px;
    margin-right: 5px;
    
    }
#logInButtons {
margin-top: 35px;
height: 25px;
margin-bottom: 25px;
}
    #logInButtons input {
    border: none;
    background-color: transparent;
    color: rgb(61, 119, 188);
    cursor: pointer;
    outline: none;
    }
#aaaSignInCancel {
float: right;
margin-right: 35px;
}
#aaaSignIn {
float: left;
margin-left: 35px;
}
.ui-effects-transfer {
z-index: 1;

}

#CAT001_minusFilter {
    position:absolute;
    margin:0;
    padding:0;
    display:none;
    top:30px;
    left:377px;
    pointer-events:none;
}

#CAT002_minusFilter {
    position:absolute;
    margin:0;
    padding:0;
    display:none;
    top:30px;
    left:116px;
    pointer-events:none;
}

#CAT003_minusFilter {
    position:absolute;
    margin:0;
    padding:0;
    display:none;
    top:30px;
    left:72px;
    pointer-events:none;
}

#CAT004_minusFilter {
    position:absolute;
    margin:0;
    padding:0;
    display:none;
    top:30px;
    left:29px;
    pointer-events:none;
}

#gasFilter {
        text-align:left;
    /*background-color: rgba(255, 255, 255, 0.9);*/
    width:100%;
    font-size:12px;
    position:relative;
    /*margin-left:26px;*/
    overflow: hidden;
    border-bottom:solid 1px #b7b7b7;
}

#gasGradeList {
    margin:7px 0 7px 13px;
    padding:0;
    float:left;
}

#gasGradeText {
margin:12px 0 0 56px;
padding:0;
float:left;

}

#amountP {
width:80px;
}

#amountPHotel {
width:80px;
}


#mainFilterText {
    margin:0;
    padding:0;
    text-align:center;
}

.mainFilterHeader {
    border-bottom: solid 1px #b7b7b7;
width: 100%;
height: 49px;

}

#mainFilterText {
margin: 0;
padding-top: 16px;
padding-bottom: 13px;
color: rgb(61, 119, 188);
font-size: 15px;
font-weight: bold;
text-align: center;
}

#sortPOI {
border-bottom: solid 1px #b7b7b7;
width: 100%;
min-height: 49px;
background-color: rgb(246, 246, 246);
display:none;
position: relative;
padding-top: 5px;
}

#sortText {
margin: 0;
margin-left:27px;
margin-top:13px;
/*padding-top: 16px;
padding-bottom: 13px;*/
color: rgb(61, 119, 188);
font-size: 15px;
font-weight: bold;
text-align: center;
float:left;
display: inline;
}

#sortListPOI {
    float:left;
margin-top:11px;
margin-left:30px;
padding-bottom: 5px;
}

#gasDropDown {
  width:100px;
}

.filtersAll {
    background-color: rgb(246, 246, 246);
}
#spinner {
position: absolute;
top: 50%;
left: 50%;
height: 60px;
width: 60px;
display: none;
z-index: 8;
background-color: black;
background: url(images/711.gif);
}

.optionsImageOn {
    background-image: url(images/print2.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}
.optionsImageOff {
    background-image: url(images/printDisabled.png);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}
#endOfBetaDiv {
    position: absolute;
    z-index: 1000000;
    top: 7px;
    left: 430px;
    padding: 0px;
}
#makePrint{
    margin-left:34px;
        font-size:13px;
}
.makeEmailEnabled{
        /*margin-left:36px;*/
    background-color:rgb(188,152,61);
    /*margin-left:36px;*/
    font-size:13px;
}
#makeCovers {
    color:rgb(61, 119, 188);
    cursor:pointer;
    text-decoration:underline;
    margin-left:20px;
}

#coversInsertsDiv {
    margin-top:20px;
    margin-bottom:20px;
}

    #coversInsertsDiv a {
        margin-left:24px;
        font-size:14px;
        margin-top:19px;
        color:rgb(61, 119, 188);
    }

        #coversInsertsDiv a:link a:visited {
            color:rgb(61, 119, 188);
}

.makeEmailDisabled{
    /*margin-right:105px;
    float:right;*/
    background-color:rgb(238, 236, 232);
    border:solid 0px;
}
.emailContentBox {
    position: absolute;
		display: block;
		width: 383px;
		text-align: left;
		z-index: 6;
        background-color: rgb(255, 255, 255);
        left: 40%;
        top: 125px;
        /*opacity: 0;*/
        display:none;
	}

#emailHeader {
height: 48px;
border-bottom: solid 1px #b7b7b7;
position: relative;
background-color: rgb(246, 246, 246);
}

#emailHeader p {
float: left;
color: rgb(61, 119, 188);
font-weight: bold;
margin-top: 15px;
margin-left: 10px;
font-size: 15px;
    }

.closeEmailDialog {
cursor: pointer;
position: absolute;
height: 30px;
width: 90px;
right: 8px;
top: 8px;
color: rgb(61, 119, 188);
background-color: rgb(246, 246, 246);
border: solid 1px rgb(61, 119, 188);
font-size: 13px;
}

#emailOptionsContainer {
overflow-y: auto;
overflow-x: hidden;
padding-top: 25px;
padding-bottom:17px;
}

.myEmailOptions {
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.emailOptions {
padding-bottom: 3px;
background-color: rgb(255, 255, 255);
border: solid 1px #b7b7b7;
font-size: 13px;


color: rgb(61, 119, 188);



font-size: 16px;
font-weight: bold;
}

.emailOptions p {
margin:0;
padding:0;   
margin-left:20px; 
margin-top:10px;
}

.emailInput {
margin-left:20px;
}

.emailBox {
margin-left:20px;
resize:none;
}

.emailSendButton {
    margin-top: 3px;
    margin-left: auto;
    margin-right: auto;
    width: 485px;
    height: 45px;
}

#sendEmailButton {
    margin-left:116px;
    width:150px;
}
#idEmailMessageReassure {
    font-size: 11px;
    margin-bottom: 10px;
    display: none;
    width:290px;
}
#helpDialog {
position: absolute;
width: 265px;
/*height: 300px;*/
background-color: white;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
opacity: 0;
display: none;
top: 165px;
right: 50px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.helpTip {
/*background-image: url(images/infoIcon2.png);*/
width: 15px;
height: 15px;
float: right;
/*margin-right: 20%;
margin-top: 7%;*/
cursor: pointer;
/*display: none;*/
/*background-color:white;*/
background-color:rgb(250, 255, 207);
    border-radius: 5px;
    padding:5px;
    font-size:13px;
    z-index:9;
}
.controlTabTitleWrapper {
width: 100%;
height: 50px;
}
#helpTipContent {
display: none;
background-color: #FFFFFF;
min-width: 355px;
max-width: 600px;
/*height: 400px;*/
position: absolute;
top: 21%;
left: 30%;
z-index: 9;
box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
cursor: default;
text-align: justify;
border-radius: 5px;
}
.helpTipText {
font-size: 13px;
margin: 10px;
/*margin-bottom: 0px;*/
margin-top: 38px;
}
.helpList {
padding-left: 30px;
text-decoration: underline;
/*list-style-image: url(images/infoIcon2.png);*/
margin-top: -5px;
margin-bottom:10px;
}

.helpListItem {
    margin-bottom: 6px;
    cursor: pointer;
}
#helpTipBackButton, #helpTipClose {
position: absolute;
top: 13px;
right: 10px;
cursor: pointer;
}
#helpTipBackButton {
left: 10px;
width:55px;
}


.helpTipBackArrow {
height: 15px;
float: left;
margin-right: 5px;
}
.helpTipBackText {
margin: 0;
font-size: 13px;
float: left;
}
.helpTipTextImage {
height: 15px;
}
.helpTipTextSpan {
color: rgb(61, 119, 188);
font-weight: bold;
}
.openHelpDocument {
text-decoration: underline;
cursor: pointer;
color:blue;
}
.openLegend {
text-decoration: underline;
cursor: pointer;
color:blue;
}
.helpTipTitleWrapper {
height: 30px;
margin: 0;
margin-left: 41%;
margin-top: 10px;
}
.helpTipTitle {
float: left;
margin: 0;
margin-top: -2px;
}
.helpTipTitleImage {
float: left;
margin-left: 10px;
}
.helpListCamera {
position: absolute;
margin-left: 10px;
}



.helpBubblePopUp {
    display:none;
    z-index:7;
}

.helpBubblePopUp p {
    margin:0;
    padding:0;
}

/*.helpBubblePopUp ul {
    padding:0;
    margin: 9px 0px 2px 21px;
}*/

.helpBubblePopUpClose {
    display:none;
    z-index:7;
}

.helpBubblePopUpClose p {
    margin:0;
    padding:0;

}

#htYellowBubble ul {
    padding:0;
    margin: 3px 0px 2px 21px;
}


.helpBubbleDisplay {
    display:block;
}

.screenDisplay {
    display:block;
}

.helpBubbleTopRight_english
{
position: absolute;
top:66px;
right:4px;
width: 162px;
height: auto;
padding: 5px;
font-size:13px;
background: #FAF980;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTopRight_english:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 11px;
border-color: #FAF980 transparent;
display: block;
width: 0;
z-index: 1;
top: -11px;
right: 13px;
}

.helpBubbleTopRight_english:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 11px 12px;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
top: -14px;
right: 12px;
}
.helpBubbleTopRight_french
{
position: absolute;
top:66px;
right:4px;
width: 184px;
height: auto;
padding: 5px;
font-size:13px;
background: #FAF980;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTopRight_french:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 11px;
border-color: #FAF980 transparent;
display: block;
width: 0;
z-index: 1;
top: -11px;
right: 13px;
}

.helpBubbleTopRight_french:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 11px 12px;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
top: -14px;
right: 12px;
}

    .helpBubbleTopRight_english li {
        margin-bottom:5px;
    }

        .helpBubbleTopRight_french li {
        margin-bottom:5px;
    }

.helpButtonYellow {
    list-style-type:none;
    /*text-indent:7px;*/
    font-weight:bold;
    margin-left:-17px;
}

    .helpButtonYellow a:visited {
        color:blue;
    }

    .helpButtonYellow img{
        cursor:pointer;
    }

#htYellowBubble ul li:first-child img {
    height:12px;
    margin-right:5px;
}

.helpDashedSettings {
position: absolute;
top:11px;
right:45px;
width: 96px;
height: 26px;
padding: 5px;
border-style:dashed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: black dashed 3px;
}

.helpDashedPOI {
position: absolute;
bottom:2px;
right:2px;
width: 594px;
height: 28px;
padding: 5px;
border-style:dashed;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: black dashed 3px;
}


.helpBubbleTopRight2_english
{
position: absolute;
top:10px;
right:179px;
width: 120px;
height: auto;
padding: 5px;
font-size:13px;
background: #FFFFFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTopRight2_english:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 9px 0 10px 15px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 10px;
}

.helpBubbleTopRight2_english:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 0 12px 18px;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 0;
right: -18px;
top: 8px;
}

.helpBubbleTopRight2_french
{
position: absolute;
top:5px;
right:187px;
width: 199px;
height: 44px;
padding: 5px;
font-size:13px;
background: #FFFFFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTopRight2_french:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 9px 0 10px 15px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 10px;
}

.helpBubbleTopRight2_french:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 0 12px 18px;
border-color: transparent #7F7F7F;
display: block;
width: 0;
z-index: 0;
right: -18px;
top: 8px;
}

.helpBubbleTopLeft_english
{
position: absolute;
top:24px;
left:27px;
width: 137px;
height: auto;
padding: 5px;
font-size:13px;
background: #FFFFFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTopLeft_english:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 10px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -11px;
left: 12px;
}

.helpBubbleTopLeft_english:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 11px 0;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -14px;
left: 11px;
}

.helpBubbleTopLeft_french 
{
position: absolute;
top:6px;
left:27px;
width: 137px;
height: auto;
padding: 5px;
font-size:13px;
background: #FFFFFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTopLeft_french:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 10px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -11px;
left: 12px;
}

.helpBubbleTopLeft_french:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 11px 0;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -14px;
left: 11px;
}

.helpBubbleLeftList_english
{
position: absolute;
top:81px;
left:230px;
width: 165px;
height: 58px;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleLeftList_english:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -10px;
top: 42px;
}

.helpBubbleLeftList_english:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -13px;
top: 41px;
}

.helpBubbleLeftList_french
{
position: absolute;
top:64px;
left:225px;
/*width: 184px;*/
max-width:189px;
height: 75px;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleLeftList_french:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -10px;
top: 61px;
}

.helpBubbleLeftList_french:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -13px;
top: 60px;
}

.helpBubbleBotRight 
{
position: absolute;
bottom:63px;
right:422px;
max-width: 155px;
height: auto;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleBotRight:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 10px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -11px;
left: 12px;
}

.helpBubbleBotRight:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 11px 0;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -14px;
left: 11px;
}

.helpBubblePOILeftList
{
position: absolute;
top:6px;
left:389px;
width: 155px;
height: 122px;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubblePOILeftList:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -11px;
top: 6px;
}

.helpBubblePOILeftList:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 5px;
}

#helpButtonTips {
    position:absolute;
    top:21px;
    right:19px;
    z-index:10;
    display:none;
    cursor:pointer;
}

    #helpButtonTips img {
        height:21px;
    }

.helpBubbleDirections_english
{
position: absolute;
top:159px;
left:230px;
width: 144px;
height: auto;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleDirections_english:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -11px;
top: 22px;
}

.helpBubbleDirections_english:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 21px;
}

.helpBubbleDirections_french
{
position: absolute;
top:159px;
left:230px;
width: 175px;
height: auto;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleDirections_french:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -11px;
top: 22px;
}

.helpBubbleDirections_french:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 21px;
}

.helpBubbleTravelP_english
{
position: absolute;
top:224px;
left:250px;
width: 130px;
height: 28px;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTravelP_english:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -11px;
top: 6px;
}

.helpBubbleTravelP_english:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 5px;
}

.helpBubbleTravelP_french
{
position: absolute;
top:224px;
left:250px;
width: 154px;
height: 28px;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTravelP_french:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -11px;
top: 6px;
}

.helpBubbleTravelP_french:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 5px;
}

.helpBubbleTravelG
{
position: absolute;
top:277px;
left:230px;
width: 179px;
height: auto;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleTravelG:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 10px 11px 10px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -11px;
top: 6px;
}

.helpBubbleTravelG:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #817F7F;
display: block;
width: 0;
z-index: 0;
left: -14px;
top: 5px;
}

.helpBubbleDriveT
{
position: absolute;
top:365px;
left:14px;
width: 161px;
height: auto;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleDriveT:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 10px 11px;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
top: -11px;
left: 120px;
}

.helpBubbleDriveT:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 0 11px 12px;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
top: -14px;
left: 119px;
}

.helpBubbleFilter 
{
position: absolute;
bottom:89px;
right:7px;
max-width: 171px;
height: auto;
padding: 5px;
background: #FFFFFF;
font-size:13px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
border: #817F7F solid 2px;
}

.helpBubbleFilter:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 11px 10px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -11px;
left: 124px;
}

.helpBubbleFilter:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 11px 0;
border-color: #817F7F transparent;
display: block;
width: 0;
z-index: 0;
bottom: -14px;
left: 123px;
}

.helpTipsLinks {
    cursor:pointer;
    color:blue;
    text-decoration:underline;
}

#helpTipsDirWindow {
    position:absolute;
    top:77px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsLSPWindow {
    position:absolute;
    top:77px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsPOIWindow {
    position:absolute;
    top:88px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsTPlanWindow {
    position:absolute;
    top:77px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsTGuideWindow {
    position:absolute;
    top:88px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsDriveTWindow {
    position:absolute;
    top:77px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsPoiBarWindow {
    position:absolute;
    top:88px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

#helpTipsFilterWindow {
    position:absolute;
    top:77px;
    left:432px;
    display:none;
    background-color:#FFFFFF;
    z-index:8;
    height:auto;
    width:410px;
}

.helpContentMoreInfo {
        list-style:none;
        padding:0;
        margin-left:7px;
    }

.helpTipsPopUpWindows {
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: #817F7F solid 2px;
    padding:5px;
    font-size:13px;
}

    .helpTipsPopUpWindows h4 {
        margin-left:10px;
        margin-top:8px;
        text-align:center;
    }

#helpContentWindow {
    position:absolute;
    top:77px;
    left:432px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    border: #817F7F solid 2px;
    padding:5px;
    font-size:13px;
    display:none;
    z-index:8;
        background-color:#FFFFFF;
}

.helpTipsClose {
    height:11px;
    float:right;
    cursor:pointer;
    padding:5px;
}

.helpContentClose {
    float:right;
    height:11px;
    cursor:pointer;
    padding:5px;
}

#iframeHelpTips {
    padding:0;
    margin-left:5px;
    margin-top:35px;
}

#iframeHelpTips li {
    list-style-type:none;
    padding:0;
    margin:0;
    display:none;
}

#iframeHelpTips li > img {
    margin-top:10px;
    margin-left:25px;
}

#layersHelp {
    line-height:23px;
}
#shareDiv {
    position: absolute;
    left: 508px;
    top: 209px;
    font-size: 12px;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.4),0 4px 15px -5px rgba(0,0,0,0.4);
    display: none;
    background-color: white;
    /*margin-top: 13px;*/
    border: solid 1px #d0d0d0;
    height: 103px;
    /*width:332px;*/
    z-index: 2;

}

#shareURL {
    margin:10px 10px 0 10px;
}

#emailImg {
    margin-top:10px;
    margin-left:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    float:left;
}

#emailImg img {
    height:30px;

}

#emailShareText {
    float:left;
    margin-left:10px;
    margin-top:20px;
}

#cancelShare {
    position:absolute;
    bottom:10px;
    right:10px;
}

#urlWillExpire {
    margin:10px 12px 5px 0;
    text-align:right;
    padding:0;
    font-size:11px;
    color:rgb(61, 119, 188); 
}

#shareUrlValue {
    font-size:15px;
}

.routeSocialShare {
float:left;
margin-top:10px;
margin-left:6px;
cursor:pointer;
}

.routeSocialShare img{
height:28px;
width:28px;
}