﻿body {  font-family: Verdana, Georgia; font-size: small; font-variant: normal; color: #FFFFFF; margin: 5px auto; background: #f3e9dc none repeat; border: none thin #ffffff; }

/*
h1  { font-size : 140%; }
h2  { font-size : 120%; }
h3  { font-size : 100%; }
*/


#form1 { width: 1000px; background: #422C15 url( '../images/background/background_body.jpg' ); background-repeat: no-repeat; background-position: right top; display:block; margin:auto; }

/*background-color: #291401;*/
.divTitleBar { clear: both; }
.divTitleBarLogo { float: left; height: 87px; width: 240px; display: block; border-style: none; }

/*Title Layout*/
.divTitleControls { float: right; margin-right: 10px; margin-top: 5px; display: block; text-align: right; }
.divTitleFeedback { float: left; padding-right: 5px; }
.btnSurvey { }
.btnFeedback { color: #655B55; }
.divTitlePrint { float: right; }
.btnPrint { color: #655B55; }

.tabContainerSearch { float: left; margin: 0px; padding: 0px; width: 440px; min-height: 100px; }
.tabContainerSearch .ajax__tab_tab { background: transparent url(../images/background/background_tab.png) repeat-x scroll left center; margin-right: 5px; padding: 5px; border: none 1px #d8cbba; }
.tabContainerSearch .ajax__tab_active .ajax__tab_tab { }
.tabContainerSearch .ajax__tab_hover .ajax__tab_tab { background: transparent url(../images/background/background_tab_hover.png) repeat-x scroll left center; }
.tabContainerSearch .ajax__tab_active .ajax__tab_tab { background: #796243 none repeat-x scroll left center; }
.tabContainerSearch .ajax__tab_body { background: #796243 none repeat-x top; padding: 0px; border: none; width: 450px; min-height: 110px; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; float: left; }

.divFeatureOptions { font-size: 1em; background: #796243 none repeat-x top; padding: 0px; border: none; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90; min-height: 100px; float: left; margin-top: 26px; padding: 5px; width: 220px; margin-left: 10px; position: relative; }
.divFeatureOptionsInnerContainer { float: left; margin-top: 5px; padding-right: 5px; }
.divSidebarInnerContainer > div{}
.ddlFeatureOptions { float: left; width: 200px; }
/*

.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(images/tab-line.gif) repeat-x bottom;
}

Tabs Css classes

    * .ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.
    * .ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.
    * .ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none.
    * .ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: ajax__tab_panel.
    * .ajax__tab_panel
    * .ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer.
    * .ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer.
*/
/*.divMainContainer { margin: 0 auto; border: solid thin #7D1701; padding: 0px; }*/

.divSearchContainerParent {clear: both; float: left; margin: 5px; padding: 0px; position: relative; z-index: 10000;}

.divSearchContainer { float: left; margin: 5px; width: 450px; }
.divSearchContainerTop { float: left; height: auto; width: 98%; }
.divSearchContainerButtons { float: right; margin-top: 5px; padding-right: 5px; position: relative; height: 24px; }

.divErrorMessageContainer{ clear: both; height: 0px; overflow: hidden; }
.divErrorMessage {margin: 0px 0px 0px 0px; height: 44px; width:406px; background:  #796243 url('../images/info.png') no-repeat left center; padding-left:44px; padding-top:5px; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;}
.divErrorMessage span{ }
/*.divErrorMessage { clear: both; margin: 5px 0px 0px 0px; height: auto; width:410px; background: #796243; padding-left:40px; filter: alpha(opacity=90); -moz-opacity: .90; opacity: .90;   }*/

.panelRouteContainer { margin: 5px auto; border: solid none #655B55; }

.divRouteOptions { float: left; padding: 0px; width: 450px; display: block; }
.divRouteOptionsContent { height: 0px; overflow: hidden; padding-bottom: 4px; float: left; }
.divRouteOptionsContentInner { clear: both; border: solid none #655B55; display: block; margin-top: 5px; padding: 0px; }

.panelSidebarFeatures { clear: both; margin: 5px 5px 0px 5px; border-color: #655B55; padding: 0px; display: block; height: auto; }

.fieldsetRouteOptionLegend { font-weight: bold; font-size: 1em; color: #FFFFFF; }
.fieldsetRouteOptionType { float: left; margin: 0px 4px 0px 7px; padding: 2px; border: solid 1px #FFFFFF; }
.fieldsetRouteOptionAvoid { float: left; margin: 0px 0px 0px 4px; padding: 2px; border: solid 1px #FFFFFF; }

.panelDirections { margin-top: 5px; padding: 0px; border: solid none #655B55; }
.panelDirectionsHeader { border: solid thin #655B55; margin: 0px; height: 25px; font-weight: bold; background: url(../images/background/background_tab.png) repeat-x left; cursor: pointer; vertical-align: middle; }
.panelDirectionsHeader .panelDirectionsHeaderContainer { padding: 5px; }
.panelDirectionsControlContainer { border: solid none #655B55; border-top: none; margin: 0px; height: 0px; overflow: hidden; }

.mapPopup { padding: 0px; min-width: 100px; max-width: 300px; color: #655B55; display: block; border: solid none #7D1701; margin-bottom: 5px; font-size: 1em; }
.mapPopupTitle { border-bottom-style: solid; border-bottom-width: thin; padding-bottom: 0px; width: 85%; margin-left: 10px; margin-right: 0px; }
.mapPopupTitle .mapPopupTitleText { padding-left: 5px; font-weight: bold; font-size: 110%; }
.mapPopupContent { border-spacing: 0px; padding: 0px; margin-left: 5px; margin-top: 5px; margin-bottom: 10px; }
.mapPopupContent { }
.mapPopupContent .fieldName { font-weight: bold; padding-left: 3px; vertical-align: top; text-align: left; }
.mapPopupContent .fieldValue { padding-left: 5px; margin: 0px; }

.mapPopupContent a { font-size: 1em; color: #655B55; }
.mapPopupContent a:link span, a:visited span { font-weight: bold; }
.mapPopupContent a:hover span, a.active span { text-decoration: underline; }
.olPopupCloseBox { background: transparent url('../images/close_popup.gif' ) no-repeat scroll 0 0 !important; right: 15px !important; width: 35px !important; }

/* POPUP CSS */
/*.popupTable { font-size: 0.6em; width: 300px; }
.popupLocation { font-size: 0.6em; margin-right: 50px; }
.popupHeadings { vertical-align: top; text-align: right; font-weight: bold; width: 72px; }
.popupHeader { vertical-align: top; border-bottom: 1px solid gray; font-size: 0.8em; font-weight: bold; margin-bottom: 5px; }
.popupHeader img { padding-right: 10px; }
*/

a { color: #FFFFFF; }
a:link span, a:visited span { font-weight: bold; }
a:hover span, a.active span { text-decoration: underline; }

a img { text-decoration: none; }

/*AutoComplete flyout */
.autocomplete_completionListElement { visibility: hidden; margin: 0px !important; cursor: 'default'; overflow: auto; max-height: 120px; text-align: left; list-style-type: none; z-index: 1;}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem { background-color: #ffff99; color: #655B55; font-weight: bold; padding: 1px; }

/* AutoComplete item */
.autocomplete_listItem { background-color: #ffffff; color: #655B55; padding: 1px;}

/* Accordion */
.accordionFeaturesHeader { clear: both; border: solid thin #655B55; background: transparent url(../images/background/background_tab.png) repeat-x left; height: 25px; font-size: 1.0em; font-weight: bold; padding: 0px; margin: 0px; cursor: pointer; }
.accordionFeaturesHeader .accordionFeaturesHeaderContainer { padding: 5px; height: 25px; }
.accordionFeaturesHeader .accordionFeaturesHeaderContainer .lblAccordionFeaturesHeaderType { float: left; }
.accordionFeaturesHeader .accordionFeaturesHeaderContainer .accordionFeaturesHeaderImage { float: right; height: 15px; width: 15px; background: transparent url( '../images/expand_blue.jpg' ) no-repeat right; }
.accordionFeaturesHeader a { text-decoration: none; }
.accordionFeaturesHeader a:hover { text-decoration: underline; }
.accordionFeaturesHeaderSelected { clear: both; border: solid thin #655B55; background: #f3e9dc url(../images/background/background_tab.png) repeat-x left; height: 25px; font-size: 1.0em; font-style: italic; padding: 0px; margin: 0px; cursor: pointer; }
.accordionFeaturesHeaderSelected .accordionFeaturesHeaderContainer { padding: 5px; height: 25px; }
.accordionFeaturesHeaderSelected .accordionFeaturesHeaderContainer .lblAccordionFeaturesHeaderType { float: left; }
.accordionFeaturesHeaderSelected .accordionFeaturesHeaderContainer .accordionFeaturesHeaderImage { float: right; height: 15px; width: 15px; background: transparent url( '../images/collapse_blue.jpg' ) no-repeat right; }
.accordionFeaturesHeaderSelected a { text-decoration: none; }
.accordionFeaturesHeaderSelected a:hover { text-decoration: underline; }

.accordionFeaturesContent { border: solid thin #655B55; border-top: none; padding: 5px; margin-bottom: 5px; font-size: 1em; }
.featuresContentItem a { text-decoration: underline; font-weight: bold; }
.featuresContentItem a:hover { font-style: italic; }

.featuresContentItem { width: 100%; }
.featuresContentItem tbody { font-size: 1em; }
.featuresContentItem .featuresContentTitle { text-align: left; padding-top: 5px; padding-bottom: 5px; }
.featuresContentItem .featuresContentTitleImage { width: 10%; }
.featuresContentItem .featuresContentTitleValue { font-weight: bold; font-size: 1em; bottom: 10px; }
.featuresContentItem .featuresContentAddressValue { }
.featuresContentItem .featuresContentFieldName { font-weight: bold; width: 25%; }
.featuresContentItem .featuresContentFieldValue { }
.featuresContentItem .featuresContentView { text-align: right; }

select { border: 1px solid #655B55; color: #655B55; font-weight: normal; height: 28px; padding-bottom: 2px; padding-left: 5px; padding-top: 3px; }
select option { padding-top: 4px; padding-bottom: 2px; padding-top: 2px; }

.textField { height: 24px; margin-left: 5px; padding-left: 5px; padding-top: 4px; border: 1px solid #655B55; }

.divRoutePoint { clear: both; padding: 0px; height: 0px; overflow: hidden; }
.divRoutePointContent { margin: 0px 5px 0px 5px; }

.divRouteButtons { margin: 5px 5px 0px 5px; height: auto; float: right; width: 440px; }
.divRouteButtonsLeft { clear: both; float: left; padding: 0px; margin-top: 10px;  cursor:pointer;}
.divRouteButtonsRight { float: right; padding: 0px; }

.clearButton { background: transparent url(../images/clear.png) no-repeat scroll 0 0; border-style: none; height: 33px; margin-right: 5px; width: 70px; }
.clearButton:hover { background: url(../images/Clear_hover.png); }

.findLocationButton { background: transparent url(../images/search.png) no-repeat scroll 0 0; border-style: none; height: 33px; margin-right: 5px; width: 70px; }
.findLocationButton:hover { background: url(../images/search_hover.png); }

.routeButton { border-style: none; margin-right: 0px; background: url(../images/search.png); height: 33px; width: 70px; }
.routeButton:hover { background: url(../images/search_hover.png); }

.removeWaypointButton { border-style: none; background: url(../images/cross.png); height: 34px; width: 34px; }
.removeWaypointButton:hover { background: url(../images/cross_hover.png); }

.addWaypointButton { border-style: none; background: url(../images/plus.png); height: 34px; width: 34px; }
.addWaypointButton:hover { background: url(../images/plus_hover.png); }
.directionsButton { visibility: hidden; }

/*.divMiddleContainer { margin: 0px; padding: 0px; }*/
.divSidebarContainer { clear: both; float: left; width: 380px; margin: 5px; background: #796243 none repeat-x top; border: none; padding-bottom: 5px; height: 536px; overflow: auto;}
.divSidebarInnerContainer {}

/*Will auto scroll vertically now, when content 'overflows'.*/
/*Black text needed for the Map Control to display scale bar and copyright text in black.*/
.divMapContainer {color:Black; background: #796243 none repeat-x top; float: right; border: none; width: 600px; margin: 5px; }
.myMap { height: 540px; }

.divFooter { clear: both; padding: 0px 5px 5px 5px; }
.divFooter table { margin-left: auto; margin-right: auto; }
.divFooter td { text-align: center; }

.divFooter a:hover, .divFooter a.active { font-weight: normal; text-decoration: underline; }

.divSwaggieInfo { padding: 5px; }
.divSwaggieInfo ul, li { margin-left: 6px; padding: 0 0 0 3px; text-align: left; list-style-type: disc; }
.divSwaggieInfo li { padding-top: 2px; }

.divSidebarEndPadding{display:none;}

.imageBetaStar { padding-bottom: 35px; }

.imageSmallLogo { padding-left: 10px; position: relative; vertical-align: middle; }

#lblErrorMessage{ color:#FFF;  }