body
{
    background-repeat: repeat-y;
    background-image: url(images/gradientHorizontal.png);
}


.AddressSearch
{
    background-color: transparent;
    float: left;
}

.AddressSearchCollapsePanelHeader
{
    background-color: #ECECFF;
    padding: 2px;
    width: 255px;
}

.AddressSearchCollapsePanel
{
    float: left;
    max-width: 575px;
    background-color: inherit;
}

.AddressSearchSelectorsPanel
{
    border-width: 0px;
    background-color: Transparent;
    display: block;
    float: left;
    padding: 1px;
    width: 280px;
    margin-top: 5px;
}



.AddressSearchSelectorPanel
{
    max-width: 250px;
    border: 0px;
    background-color: inherit;
    display: block;
    float: left;
    margin: 0px;
}

.AddressSearchErrorMessagePanel
{
    color: Red;
    font-weight: bold;
    display: block;
    visibility: visible;
}

.AddressSearchErrorMessagePanelHidden
{
    color: Red;
    font-weight: bold;
    display: none;
    visibility: hidden;
}

.AddressSearchDescriptionPanel
{
    display: block;
    float: left;
    font-style: italic;
    visibility: visible;
    padding-left: 3px;
}

.AddressSearchDescriptionPanelHidden
{
    display: none;
    visibility: hidden;
}

.AddressSearchSelectorPanelZip
{
    width: 120px;
    border: 0px;
    background-color: inherit;
    display: inline-block;
    float: left;
    margin: 0px;
}

.AddressSearchSelectorPanelCountry
{
    float: right;
    width: auto;
}

.AddressSearchButtonPanel
{
    background-color: inherit;
    display: block;
    float: left;
    margin-top: 3px;
    width: 245px;
    padding-left:1px;
}


.AddressSearchRouteButtonVisible
{
    float: left;
    visibility: visible;
    display: block;
    margin-right: 3px;
    margin-top: 2px;
}

.AddressSearchRouteButtonHidden
{
    float: left;
    visibility: hidden;
    display: none;
    margin-right: 3px;
    margin-top: 2px;
}

.AddressSearchButtonShow
{
    float: right;
    min-width: 70px;
}

.AddressSearchButtonClear
{
    float: right;
    margin-right: 2px;
    min-width: 70px;
}

.AddressSearchButtonAdd
{
    border-style: outset;
    float: left;
    border: 0px;
    margin: 2px;
}

.AddressSearchTotalList
{
    float: left;
    position: relative;
    border-width: 2px;
    border-color: #D1D1D1;
    border-style: solid;
    background-color: #FFFFFF;
    width: inherit;
    max-height: 500px;
    display: block;
    visibility: visible;
}

.AddressSearchTotalListHidden
{
    display: none;
    visibility: hidden;
}

.AddressSearchTotalListHeader
{
    display: block;
    width: 280px;
    height: 20px;
}

.AddressSearchTotalListValues
{
    display: block;
    overflow: auto;
    width: 100%;
    max-height: 280px;
}

.AddressSearchTotalListCloseButton
{
    float: right;
}

.AddressSearchTotalListHeaderLabel
{
    float: left;
}

.AdrSrcTtlLstEntrAdreLnkPnl
{
    float: left;
    width: 205px;
}

.AdrSrcTtlLstEntrBtnsPnl
{
    float: right;
    height: 34px;
    margin: 2px;
}

.AddressSearchTotalListEntryHaveLookButton
{
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.AdrSrcTtlLstEntr
{
    width: 245px;
    border: 1px solid #CCEAFF;
    min-height: 40px;
    margin-bottom: 1px;
    text-align: center;
}

a.AddressSearchTotalListAddress, a.AddressSearchTotalListAddress:link, a.AddressSearchTotalListAddress:visited
{
    display: list-item;
    float: left;
    width: 205px;
    background: inherit;
    margin-top: 1px;
    text-align: left;
    text-decoration: none;
    color: #000;
    overflow: visible;
}

a.AddressSearchTotalListAddress:hover
{
    color: #000000;
    background: #CCEAFF;
}

a.ValueSelectorValue, a.ValueSelectorValue:link, a.ValueSelectorValue:visited
{
    float: left;
    width: 220px;
    background: #FFFFFF;
    border: 1px none #000;
    margin-top: 1px;
    text-align: left;
    text-decoration: none;
    color: #000;
    overflow: hidden;
}

a.ValueSelectorValueZip, a.ValueSelectorValueZip:link, a.ValueSelectorValueZip:visited
{
    width: 75px;
}

a.ValueSelectorValue:hover
{
    color: #000000;
    background: #CCEAFF;
}

a.ValueSelectorValueZip:hover
{
    width: 75px;
}

.Countries
{
    min-width: 120px;
    max-width: 125px;
    margin-right: 33px;
    margin-top: 2px;
}

.Selector
{
    display: block;
    float: left;
}




/******************* A C C O R D I O N ******************************************************/


.AccordionHeader
{
    background-color: #A1A1A1;
    padding: 2px;
    width: 296px;
    height: 20px;
}

.AccordionContent
{
    float: left;
    background-color: #FFFFFF;
    text-decoration: none;
    height: auto;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    visibility: visible;
    display: block;
    width: 296px;
}

.AccordionContentHidden
{
    display: none;
    visibility: hidden;
}

.AccordionBtnExpColVisible
{
    float: right;
    margin-top: 3px;
    margin-right: 5px;
    visibility: visible;
    display: block;
}

.AccordionBtnExpColHidden
{
    /*float: right;     margin-right: 5px;*/
    display: none;
    visibility: hidden;
}

.AccordionHeaderLabel
{
    float: left;
    color: #FFFFFF;
    margin-top: 3px;
    margin-left: 3px;
}

.AccordionFirstPaneWrapper
{
    margin-top: 10px;
    display: block;
    float: left;
    clear: left;
}

.AccordionPaneWrapper
{
    margin-top: 10px;
    display: block;
    float: left;
    clear: left;
}



/******************* P O I - S W I T C H ******************************************************/


.PoiSwitchPanelDescription
{
    background-image: url(images/PoiSwitchGradient.png);
    background-position: bottom;
    background-repeat: repeat-x;
    display: inline;
    float: left;
    height: 85px;
    width: 220px;
}
.PoiSwitchPanelSwitch
{
    background-color: #FFFFFF;
    display: inline;
    float: right;
    height: 80px;
    width: 80px;
}
.PoiSwitchLabelDescriptionHeader
{
    font-size: 18px;
    font-family: Arial;
    color: #FFFFFF;
    float: left;
    margin-left: 7px;
    margin-top: 4px;
}
.PoiSwitchLabelDescriptionText
{
    font-size: 10px;
    font-family: Arial;
    clear: left;
    color: #FFFFFF;
    float: left;
    margin-left: 7px;
    width: 210px;
}
.PoiSwitchLabelSwitchText
{
    font-size: 10px;
    font-family: Arial;
    color: #000000;
    float: left;
    margin-left: 5px;
    margin-top: 6px;
    width: 75px;
}
.PoiSwitchTheSwitch
{
    float: left;
    clear: left;
}

/* ************* V A L U E S E L E C T O R *************************************************  */

.ValueSelector
{
    width: inherit;
}

.ValueSelectorResultSelection
{
    margin-top: 2px;
    vertical-align: bottom;
    width: 270px;
}

.ValueSelectorResultSelectionZip
{
    width: 120px;
}

.ValueSelectorResultList
{
    border-width: 1px;
    border-color: #D1D1D1;
    border-style: solid;
    width: 240px;
    background-color: #FFFFFF;
    max-height: 300px;
    overflow: auto;
    z-index: 800;
}

.ValueSelectorResultListHidden
{
    display: none;
    visibility: hidden;
}

.ValueSelectorResultListZip
{
    width: 82px;
}

.ValueSelectorValue
{
    float: left;
    width: 220px;
    border: 1px none #000;
}

.ValueSelectorValueZip
{
    width: 70px;
}

.ValueSelectorSelectionButtonVisible
{
    visibility: visible;
    vertical-align: bottom;
    padding: 1px;
}

.ValueSelectorSelectionButtonHidden
{
    visibility: hidden;
    display: none;
}

.ValueSelectorSearchFieldWatermarked
{
    visibility: visible;
    padding-left: 2px;
    vertical-align: middle;
    color: #A1A1A1;
    width: 240px;
}

.ValueSelectorSearchFieldWatermarkedZip
{
    width: 80px;
}

.ValueSelectorSearchFieldNormal
{
    width: 240px;
}

.ValueSelectorSearchFieldNormalZip
{
    width: 80px;
}




/* ************* T O O L B A R *************************************************  */

.ToolBarLanguagePanel
{
    float: left;
    background-color: Transparent;
    height: inherit;
}

.ToolBarIconPanel
{
    float: right;
    background-color: Transparent;
    padding-right: 5px;
}

.ToolBarIcon
{
    text-decoration: none;
    margin-left: 3px;
    vertical-align: middle;
    float: right;
}

.ToolBarLanguageIcon
{
    border: none;
    vertical-align: middle;
    margin-left: 1px;
    width: 24px;
    height: 24px;
}



/*******************  A D D R E S S - L I S T  *******************************/

.dragHandle
{
    width: 55px;
    height: 15px;
    background-color: #D1D1D1;
    cursor: move;
    border: outset thin white;
}

.AdrLstMainPanel
{
    width: 286px;
    float: left;
    width: inherit;
    height: auto;
    margin-left: 4px;
}

.AdrLstErrorMessagePanel
{
    float: left;
    margin-top: 5px;
    margin-bottom: 3px;
    margin-left: 5px;
    min-height: 20px;
    width: 300px;
    color: Red;
    display: block;
    visibility: visible;
}

.AdrLstErrorMessagePanelHidden
{
    display: none;
    visibility: hidden;
}

.AdrLstCalcPanel
{
    float: left;
    margin-top: 10px;
    margin-bottom: 3px;
    min-height: 40px;
    width: 300px;
    padding-bottom: 4px;
}

.AdrLstClearWayPanel
{
    float: left;
}


.AddrLstAddresses
{
    float: left;
    width: inherit;
}

.AddrListRoutePreview
{
    background-color: White;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 300px;
    overflow: auto;
}

.AddrListRoutePreviewEntry
{
    display: block;
    float: left;
    width: inherit;
    text-decoration: none;
    width: 290px;
}

.AddrLstAddressSearch
{
    float: left;
    margin-top: 5px;
    display: block;
}

.AddrLstAddressSearchHeader
{
    float: left;
    margin-left: 4px;
    min-height: 15px;
    width: 280px;
    display: block;
}

.AddrLstAddressSearchContent
{
    float: left;
    display: block;
}

a.AdrLstWayPanel
{
    margin-left: 5px;
}

.AdrLstWayPanel
{
    float: right;
    height: auto;
    width: 71px;
    text-align: right;
    margin-right: 52px;
}

.AddressListCalculateWaysText
{
    vertical-align: top;
    margin-top: 5px;
    min-width: 70px;
    max-width: 100px;
}

.AddressListClearRouteButton
{
    width: 120px;
}

.RoutingAddressListStart
{
    float: left;
    background-color: #C6FFC9;
    height: auto;
    margin: 3px;
    width: inherit;
}

.RoutingAddressListVia
{
    background-color: #C6F3FF;
    float: left;
    height: auto;
    margin: 3px;
    width: inherit;
}

.RoutingAddressListViaIteration
{
    background-color: #CEE3FF;
    float: left;
    height: auto;
    margin: 3px;
    width: inherit;
}

.RoutingAddressListDestination
{
    background-color: #FFEDA5;
    float: left;
    height: auto;
    margin: 3px;
    width: inherit;
}

.AddressListItemFlag
{
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}

.AddressListItemText
{
    float: left;
    margin-top: 2px;
}

.AddressListItemArrow
{
    float: right;
    margin-right: 5px;
    margin-top: 2px;
    vertical-align: middle;
}

.RoutingAddressListSecondArrow
{
    margin-left: 5px;
    margin-right: 5px;
}


/****************  R O A D B O O K - P R I N T I N G  *********************/

.RoadBookPrintingPanelOverAll
{
    float: left;
    width: 650px;
}
.RoadBookPrintingPanelSummary
{
    background-color: #EFF9FF;
    display: block;
    float: left;
    width: 650px;
    margin-bottom: 10px;
}
.RoadBookPrintingPanelSummaryTop
{
    display: block;
    float: left;
    height: auto;
    width: 650px;
    padding-bottom: 5px;
}
.RoadBookPrintingPanelSummaryBottom
{
    display: block;
    float: left;
    height: auto;
    width: 650px;
    padding-bottom: 5px;
}

.RoadBookPrintingPanelSummaryOverViewMap
{
    float: left;
    margin-left: 110px;
}

.RoadBookPrintingPanelSummaryIcons
{
    float: left;
    width: 110px;
}

.RoadBookPrintingPanelSummaryDistanceAndDuration
{
    float: left;
    width: 110px;
}

.RoadBookPrintingPanelSummaryDistance
{
    display: block;
    float: left;
    width: 80px;
}

.RoadBookPrintingPanelSummaryDistanceText
{
    display: block;
    float: left;
    width: 80px;
    text-align: right;
}

RoadBookPrintingPanelSummaryDistanceLabel
{
    float: right;
}

.RoadBookPrintingPanelSummaryDistanceIcon
{
    display: block;
    float: left;
}

.RoadBookPrintingPanelSummaryDuration
{
    display: block;
    float: left;
    width: 80px;
}

RoadBookPrintingPanelSummaryDurationText
{
    display: block;
    float: left;
    width: 80px;
    text-align: right;
}

.RoadBookPrintingPanelSummaryDurationLabel
{
    float: right;
}

RoadBookPrintingPanelSummaryDurationIcon
{
    display: block;
    float: right;
}

.RoadBookPrintingUserNotices
{
    /*background-image: url('images/UserNotice.png');     background-position: right;     background-position: bottom;     background-repeat: no-repeat;*/
    float: right;
    width: 540px;
    height: 75px;
}
.RoadBookPrintingPanelDepAndArrAddresses
{
    float: left;
    width: 270px;
}
.RoadBookPrintingPanelDepartureAddress
{
    float: left;
    clear: right;
    width: 265px;
}
.RoadBookPrintingPanelArrivalAddress
{
    float: left;
    clear: left;
    width: 265px;
}

.RoadBookPrintingPanelOptions
{
    float: left;
    width: inherit;
}
.RoadBookPrintingPanelSummaryMapIcon
{
    float: left;
    width: inherit;
}


.RoadBookEntry
{
    float: left;
    width: 650px;
}


.RoadBookEntryBackgroundImage
{
    width: 650px;
    height: 15px;
    position: absolute;
    left: 4px;
}

.RoadBookEntryBackgroundImageHidden
{
    float: left;
    width: 650px;
    height: 20px;
    visibility: hidden;
    position: absolute;
}

.RoadBookEntryStart
{
    background-color: #C6FFAA;
}

.RoadBookEntryArrival
{
    background-color: #FFFDBA;
}

/*.RoadBookEntryIterationA
{
    background-color: #F9F9F9;
}

.RoadBookEntryIterationB
{
    background-color: #E0F4FF;
}*/

.RoadBookEntryQuickInfo
{
    float: left;
    width: 110px;
    min-height: 10px;
    display: inline;
    position: relative;
}

.RoadBookEntryQuickInfoIcon
{
    /* margin-left: 85px;*/
    text-align: center;
    margin-top: 2px;
}

.RoadBookEntryQuickInfoText
{
    float: left;
    width: 70px;
    margin-right: 2px;
    min-height: 10px;
    left: 0px;
}

.RoadBookEntryQuickInfoTextDuration
{
    float: left;
    width: inherit;
}

.RoadBookEntryQuickInfoTextDistance
{
    float: left;
    width: inherit;
}

.RoadBookEntryQuickInfoTextDistanceLabel
{
    float: right;
}

.RoadBookEntryQuickInfoTextDurationLabel
{
    float: right;
}

.RoadBookEntryText
{
    position: relative;
    float: left;
    max-width: 450px;
}

.RoadBookEntryMiniCard
{
    float: right;
    display: inline;
}



/*************************   D Y N A M I C _ R O A D B O O K    *********************************/


.DynRdBook
{
    float: left;
    width: 290px;
}

.DynRdBookSummary
{
    float: left;
    width: 290px;
    margin-top: 4px;
}

.DynRdBookSummaryIcon
{
    float: right;
    margin-right: 5px;
}

.DynRdBookSummaryDurationAndDistance
{
    float: left;
    width: 240px;
}

.DynRdBookSummaryItem
{
    float: left;
    width: 270px;
}
.DynRdBookSummaryItemText
{
    float: left;
    width: 160px;
}
a.DynRdBookSummaryItemText
{
    text-decoration: none;
    color: Black;
}
.DynRdBookSummaryItemIcon
{
    float: left;
    width: 30px;
}
.DynRdBookQuickList
{
    float: left;
    width: 270px;
    bottom: 0px;
    overflow: auto;
    max-height: 400px;
}

.DynRdBookQuickListWrapper
{
    text-align: left;
    float: left;
    width: 290px;
    margin-top: 4px;
    bottom: 0px;
}

.DynRoadBookQuickListEntry
{
    text-decoration: none;
    float: left;
    display: block; /*min-width: 200px;     max-width: 270px;*/
    width: 250px;
}

.DynRoadBookQuickListEntryIteration
{
    background-color: #EAEAEA;
}

.DynRoadBookQuickListEntryHighLighted
{
    text-decoration: none;
    float: left;
    display: block; /*min-width: 200px;     max-width: 270px;*/
    width: 250px;
    background-color: #CCEAFF;
}

.DynRoadBookQuickListEntryIcon
{
    background-repeat: no-repeat;
    text-align: left;
    text-decoration: none;
    float: left;
    display: inline;
    width: 30px;
    min-height: 20px;
    background-color: inherit;
}

/*.DynRoadBookQuickListEntryIconIteration
{
    background-color: #EAEAEA;
}*/

.DynRoadBookQuickListEntryText
{
    text-decoration: none;
    float: left;
    display: inline;
    width: 220px;
    min-height: 20px;
    color: Black;
    background-color: inherit;
}

/*.DynRoadBookQuickListEntryTextIteration
{
    background-color: #EAEAEA;
}*/

/*.DynRoadBookQuickListEntryTextSelected
{
    text-decoration: none;
    float: left;
    display: inline;
    width: 220px;
    min-height: 20px;
    color: Black;
    background-color: #CCEAFF;
}*/

a.DynRoadBookQuickListEntryText, a.DynRoadBookQuickListEntryText:link, a.DynRoadBookQuickListEntryText:visited
{
    text-decoration: none;
    float: left;
    display: inline;
    max-width: 220px;
    min-height: 20px;
    color: Black;
}

a.DynRoadBookQuickListEntryText:hover
{
    color: #000000;
    background: #CCEAFF;
}

/************************************   A D V E R T I S E M E N T   ****************************************/

.AdVertPanelOverAll
{
    display: inline-block;
    float: left;
    width: 296px;
    margin-top: 15px;
}