@import url(/arcgis_js_api/library/2.4/arcgis/js/dojo/dijit/themes/tundra/tundra.css);


.hb,
.hbDropDown
{
    font-family: Arial, Sans-Serif, Verdana, Tahoma;
    font-size: 12px;
}
.hb label,
.hb input,
.hb select,
.hb button,
.hb textarea { font-family: inherit; font-size: inherit; }
.hb h1 { font-size:1.5em; }
.hb h2 { font-size:1.1em; margin:0.83em 0; }

.hb button { cursor: pointer; }
/*.hb td { vertical-align: baseline; }*/

/* inputs */

.tundra .dijitTextBox,
.tundra .dijitComboBox .dijitInputField,
.tundra .dijitSpinner .dijitInputField { padding: 0.1em 0.2em 0.2em; }
.tundra .dijitComboBox,
.tundra .dijitSpinner,
.tundra .dijitSpinnerArrowInner { padding: 0; } 
.tundra .dijitInputInner,
.tundra .dijitArrowButtonInner,
.tundra .dijitValidationInner { border: none; }
.tundra .dijitTextBox input { box-shadow: none; border-radius: 0; }

.hb select,
.hb input,
.hb textarea,
.dijitTextBox,
.dijitComboBox
{
    border: solid 1px #c4c4c4;
    /*padding: 0.2em 0.2em;
    margin: 0.2em;*/
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.hb input[type=button],
.hb .dijitTextBox input,
.hb .dijitCheckBox input { padding:0; margin:0; }

.hb form { margin:0; padding:0 }
.hb a { color: #2255bb /*#2459D0*/; }
.hb a img { border: none; }
.hb img 
{   
    -khtml-user-select: none; 
    -moz-user-select: none;
    user-select: none;
}

.hb label { margin-left: 0.5em; cursor:pointer; }

.hb ul { margin:0; padding: 0 0 0 1em;}
.hb li { margin: 0.5em;  }


/* dijits */

.hb .hbMapElement .dijitButtonNode
{
    border: solid 1px #aaaaaa;
    border-color: #999 #999 #666;
}

.dijitToggleButton { margin:0.2em; }

.dijitFileInputButton,
.dijitFileInputText,
.dijitButtonNode
{
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -khtml-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

.dijitButtonSelected .dijitButtonNode,
.dijitToggleButtonChecked .dijitButtonNode,
.dijitButtonActive .dijitButtonNode
{
    background: none;
    background-color: #cccccc;
}

.dijitButtonSelected.dijitButtonSelectedHover .dijitButtonNode,
.dijitToggleButtonChecked.dijitToggleButtonCheckedHover .dijitButtonNode
{
    background: none;
    background-color: #bbc0cc;
}

.dijitComboButton .dijitButtonNode { border-radius: 3px 0 0 3px; }
.dijitComboButton .dijitArrowButton { border-radius: 0 3px 3px 0; border-left-color: white; }

.hbButtonsGroup .dijitButton:not(:first-child) { margin-left:0; }
.hbButtonsGroup .dijitButton:not(:last-child) { margin-right:0; }
.hbButtonsGroup .dijitButton .dijitButtonNode { -moz-border-radius:0; -khtml-border-radius:0; border-radius:0; }
.hbButtonsGroup .dijitButton:first-child .dijitButtonNode { -moz-border-radius:3px 0 0 3px; -khtml-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px;}
.hbButtonsGroup .dijitButton:not(:first-child):not(.dijitButtonActive) .dijitButtonNode { border-left-color:#eee; }
.hbButtonsGroup .dijitButtonSelected:not(:first-child):not(.dijitButtonActive) .dijitButtonNode { border-left-color:#ccc; }
.hbButtonsGroup .dijitButton:last-child .dijitButtonNode { -moz-border-radius:0 3px 3px 0; -khtml-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }

/*.tundra .dijitButtonNode { padding-bottom: 0; padding-top: 0; }
.tundra .dijitButtonText { padding: 0.1em 0.3em 0.1em; }
.dj_opera .tundra .dijitButtonNode button { padding: 0.1em; }*/

.hb .dijitFileInput { display:inline-block; height:auto; overflow:hidden; }
.dj_gecko .hb .dijitFileInput { overflow:visible; }
.hb .dijitFileInput .dijitFakeInput { position:relative; }
.hb .dijitFileInput .dijitFileInputVisible,
.hb .dijitFileInput .dijitFileInputButton,
.hb .dijitFileInput .dijitFileInputText { margin: 0.2em 0; padding: 0.2em 0.5em; }
.hb .dijitFileInput .dijitFileInputText  
{
    left: -0.7em; vertical-align:top; position:relative; 
    border-radius: 0 3px 3px 0;  
        -moz-border-radius:0 3px 3px 0; 
        -khtml-border-radius: 0 3px 3px 0; 
}
.hb .dijitFileInput .dijitFileInputReal { margin:0.2em 0; padding:0.1em 0; top: 0; }
.dj_ie7 .hb .dijitFileInput { display:inline; vertical-align:middle; }
.dj_ie7 .hb .dijitFileInput .dijitFakeInput { display:inline-block;}
.dj_ie7 .hb .dijitFileInput .dijitFileInputVisible { padding: 0.15em 0.2em 0.1em; }

.hbIconOnly .dijitButtonNode { padding-bottom: 0.1em; }
.hbIconOnly .dijitButtonContents { height: 1.35em; }

.hb .dijitDialog
{
    border: solid 1px white !important;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
        -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
        -khtml-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    border-radius: 5px;
        -moz-border-radius: 5px;
        -khtml-border-radius: 5px;
}
.hb .dijitDialogTitle { margin-right: 15px; }
.hbNoShadows .dijitDialog { border: solid 1px #cccccc !important; }
.hb .dijitDialog .dijitDialogPaneContent { position: relative; overflow: auto; padding: 5px 20px 5px 5px; }
.dj_ie6 .dijitDialog { width: 70% }
.hbWarningDialog .dijitDialogPaneContent,
.hbWarningDialog { background-color: #ffee88 !important; }

.dijitTab  
{
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -khtml-border-top-left-radius: 3px;
    -khtml-border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.tundra .dijitTabInnerDiv { padding: 0.2em 0.5em 0.3em; }

.tundra .dijitMenu
{
    border: solid 1px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
.tundra .dijitMenuItemSelected { background-color: #cccccc; color: black; }

.dijitTooltipContainer { font-size: inherit; }

.hbMap .dijitSliderBar { border-color:#999 #888 #888 #999; }
.tundra .dijitSliderDecrementIconV {
    background-image:url("../images/icons3.png");
    background-position:-68px -8px;
}
.tundra .dijitSliderIncrementIconV {
    background-image:url("../images/icons3.png");
    background-position:-98px -8px;
}
.dj_ie6 .tundra .dijitSliderIncrementIconV,
.dj_ie6 .tundra .dijitSliderDecrementIconV { background-image: url("../images/icons3.gif") !important; }


.tundra .dojoxToggleSplitter { overflow: visible; z-index: 10; }
.tundra .dijitSplitter .dojoxToggleSplitterIcon  
{
    background: url("../images/icons.png") no-repeat scroll 0 0 white;
    height: 30px; width: 12px; left: 5px;
    cursor:pointer;
    -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); 
}
.hbNoShadows .dijitSplitter .dojoxToggleSplitterIcon { border: solid 1px #cccccc; left: 4px; }
.tundra .dojoxToggleSplitterLeft .dojoxToggleSplitterIconOpen { background-position: 0 -65px; }
.tundra .dojoxToggleSplitterLeft .dojoxToggleSplitterIconClosed { background-position: 0 -85px; }
.tundra .hbSplitterThumbMask { background-color:white; height:100%; width:100%; position:relative; } 

.tundra .dijitTooltipDialog { overflow: visible !important; }
.tundra .dijitTooltipContainer
{
    background: #f8f8f8;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); 
    border: none;
}
.hbNoShadows .dijitTooltipDialog { overflow: hidden !important; }
.hbNoShadows .dijitTooltipContainer { border: solid 1px #aaaaaa; }
.tundra .dijitTooltipConnector { background-image: url(../images/tooltip.png) !important; }
.tundra .dijitTooltipAbove .dijitTooltipConnector { width: 20px; height: 15px; background-position: -3px -3px; }
.tundra .dijitTooltipBelow .dijitTooltipConnector { width: 20px; height: 15px; background-position: -33px -2px; }
.tundra .dijitTooltipRight .dijitTooltipConnector { width: 15px; height: 20px; background-position: -61px -3px; }
.tundra .dijitTooltipLeft .dijitTooltipConnector { width: 15px; height: 20px; background-position: -93px -3px; }
.hbNoShadows .dijitTooltipAbove .dijitTooltipConnector { background-position: -3px -34px; }
.hbNoShadows .dijitTooltipBelow .dijitTooltipConnector { background-position: -33px -31px; }
.hbNoShadows .dijitTooltipRight .dijitTooltipConnector { background-position: -60px -33px; }
.hbNoShadows .dijitTooltipLeft .dijitTooltipConnector { background-position: -94px -33px; }
/* yellow */
.tundra .yellowTooltip .dijitTooltipContainer { background: #fffaaa; }
.tundra .yellowTooltip.dijitTooltipAbove .dijitTooltipConnector { background-position: -3px -63px; }
.tundra .yellowTooltip.dijitTooltipBelow .dijitTooltipConnector { background-position: -33px -62px; }
.tundra .yellowTooltip.dijitTooltipRight .dijitTooltipConnector { background-position: -61px -63px; }
.tundra .yellowTooltip.dijitTooltipLeft .dijitTooltipConnector { background-position: -93px -63px; }
.hbNoShadows .yellowTooltip.dijitTooltipAbove .dijitTooltipConnector { background-position: -3px -94px; }
.hbNoShadows .yellowTooltip.dijitTooltipBelow .dijitTooltipConnector { background-position: -33px -91px; }
.hbNoShadows .yellowTooltip.dijitTooltipRight .dijitTooltipConnector { background-position: -60px -93px; }
.hbNoShadows .yellowTooltip.dijitTooltipLeft .dijitTooltipConnector { background-position: -94px -93px; }


/* ESRI components */ 

.attachmentEditor b,
.attachmentEditor br,
.attachmentEditor hr { display:none; }
.attachmentEditor a { display:inline-block; margin:0.2em 0.5em 0.2em 0; }
.attachmentEditor span br { display:inherit;}
.attachmentEditor form { margin-top: 1em; }


/* hb commons */

.hbSection { margin-top: 0.2em; margin-bottom: 1em; }
.hbSection:last-child { margin-bottom: 0; }


.hbForm input,
.hbForm textarea,
.hbForm textarea[cols],
.hbForm .dijitTextArea,
.hbForm .dijitTextBox
{
    width: 96%;
    display: inline-block; 
    /*margin: 0.3em 0.3em 0.5em; */
}
.hbForm input,
.hbForm textarea,
.hbForm .dijitTextBox { width: 96%; /* special for ie6 */ }
.hbForm input[type="hidden"],
.hbForm .dijitButton .dijitOffScreen { display: none; }
.hbForm .dijitTextBox { width: 96%; }


.hbOption  
{
    padding-top: 0.4em; 
    padding-bottom: 0.4em; 
    cursor: pointer; 
}
.hbOption:hover { text-decoration: underline; }
.hbOption.selected { font-weight: bold; }


.hbRadioItem { white-space:nowrap; margin-right:1.2em; }


.hbActiveElement,
.hbActionElement 
{ 
    cursor: pointer; 
    /*padding-left: 1em; 
    background: transparent url(../images/icons.png) no-repeat scroll -2px -19px;*/
    text-decoration: underline; color: #2255bb /*#2459D0*/;
}
.hbActiveElement:hover { text-decoration: underline; }
.hbActiveElementWithIcon { background: transparent; text-decoration: underline; padding-left: 20px; }


.hbCloseButton,
.hbMinimizeButton,
.hbMaximizeButton
{
    margin: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    padding: 0;
    border: solid 1px #888888;
    background: #efefef url(../images/icons.png) no-repeat 0 -3px;
}
.dj_ie7 .hbCloseButton,
.dj_ie7 .hbMinimizeButton,
.dj_ie7 .hbMaximizeButton { background-position: -1px -4px; }
.hbDistinctButton .dijitButtonNode,
.hbDistinctButton.dijitButtonHover .dijitButtonNode,
.hbDistinctButton.dijitButtonActive .dijitButtonNode
{
    background-image: url("../images/buttonYellow.png"); 
    border: solid 1px #ca8;
    border-color:#ca8 #c97 #b74;
    color:black;
}
.hbDistinctButton.dijitButtonActive .dijitButtonNode { opacity:0.8; }


.hb .log { color:silver; }
.hbNotice { font-size: smaller; }
.hbError { color: #dd4444; }
.hbSuccess { color: Green; }
.hbLoading 
{  
    width: 1.1em;
    height: 1.1em;
    background: transparent url(../images/loading.gif) no-repeat scroll center center;
}
.hbWarning 
{
    padding: 0.4em 0.5em;
    border: solid 1px #eeee66;
    background-color: #fffaaa;
}
.hbUnselectabe { -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }
.hbInputError { background: #ffe0e0 !important; }
.hbInputWarning { background: #fffccc !important; }
.hbBubble { -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.hbNotFound { text-align: center; margin-top: 5px; font-weight: bold; font-style:italic; padding:0.5em 0; }

.hbBox { padding: 0.4em; }
.hbFloatingBox { -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -khtml-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5);  }
.hbLoadingBox 
{
    background: transparent url(../images/loading.gif) no-repeat scroll 0.5em center;
    padding-left: 2em;
}
.hbWarningBox,
.hbRequestBox,
.hbLoadingBox { border: solid 1px #eeee66; background-color: #fffaaa; }
.hbErrorBox { border: solid 1px #ffaaaa; background-color: #FFcccc; }
.hbSuccessBox { border: solid 1px #AADD88; background-color: #bbee99; }
.hbNoticeBox { border: solid 1px #aaaaaa; background-color:#e8e8e8; }

.hbLoadingBubble { text-align: center; position: absolute; left: 25%; width: 50%; }
.dj_opera .hbLoadingBubble { margin-top: 1em; }
.hbLoadingBubble span  
{
    display: inline-block;
    background: transparent url(../images/loading.gif) no-repeat scroll 0.5em center;
    padding: 0.4em 0.5em 0.4em 2em;
    border: solid 1px #eeee66;
    background-color: #fffaaa;
}
.hbLoadingContent
{  
    display: block;
    min-height: 40px;
    background: transparent url(../images/loading-big.gif) no-repeat scroll center center;
}

.hb .hbDropDown
{
    margin-top: 2px;
    border: solid 1px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    -khtml-box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    background-color: White;
}

.hbBoxList { margin: 0.5em 0; padding:0; list-style: none; }
.hbBoxList li { margin: 0.5em 0; }

.hbClusterItem { margin-bottom: 0.5em; }

.hbDrawToolTip { left: 4px; top: 4px; padding-left: 0.4em; }

/***** Widgets *****/

/* Dialog */

.hbDialogButtons { margin: 0.3em 0; text-align: center; }
.dj_ie7 .hbDialogButtons  
{
    display: inline-block;
    margin-left: expression((this.parentElement.clientWidth - this.clientWidth)/2 + "px");
}
.hbDialogTranspUnderlay_underlay { background-color: transparent; }
.hbDialogNotModal_underlay { display: none;}


/* Panel */

.hbPanel
{
    background-color: #f8f8f8;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); -khtml-box-shadow: 1px 1px 4px rgba(0,0,0,0.5); box-shadow: 1px 1px 4px rgba(0,0,0,0.5); 
    /*padding: 0.2em;*/
}
.hbNoShadows .hbPanel { border: solid 1px #cccccc; }

.hbPanel .dijitDialogTitleBar { cursor:inherit; }
.hbPanel .dijitDialogPaneContent { width:100%; }


/* Overview Map */

.hbOvMapContainer { z-index: 99; min-width: 13px; min-height: 13px; }
.hbOvMapBody { display: none; background-color: #666; }
.hbOvMapMap { position: relative; width: 100%; height: 100%; background-color: #FFF; }
.hbOvMapFocusDiv  
{
    position: absolute; 
    display: none; 
    z-index: 99; 
    cursor: move; 
    background-color: #888888;
    border: solid 2px black;
    opacity: 0.5;
}
.dj_ie7 .hbOvMapFocusDiv { filter:alpha(Opacity=50); }
.hbOvMapController,
.hbOvMapMaximizer  
{
    position: absolute; 
    width: 13px; 
    height: 13px; 
    cursor: pointer; 
    z-index: 99; 
    background: transparent url(../images/icons.png) no-repeat 0 -3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
.hbOvMapOptional { display: none; }

.hbOvMapBL .hbOvMapController { bottom: 0; left: 0; background-position: 0 -37px; }
.hbOvMapBL.hbOvMapVisible .hbOvMapController { background-position: 0 -53px; }


/* Scale bar */

.hbScalebar { text-shadow: 0 0 2px white; }


/* Collapsable Panel */

.hbWidgetsContainer .hbPanel,
.hbWidgets .hbPanel,
.hbWidgetsContainer .hbSectionPanel,
.hbWidgets .hbSectionPanel
{
    position: relative;
    margin-bottom: 1em;
    padding: 0.5em;
}
.hbWidgetsContainer .hbSectionPanel.hbBubble,
.hbWidgets .hbSectionPanel.hbBubble { margin-bottom: 0.4em; }

.hbCollapsablePanelInit
{
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    height: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

.hbPanelBox { width: 28em; }

.hbPanelTitle { font-weight: bold; cursor: pointer; }

.hbPanelIcon
{
    position: absolute;
    right: 0.5em;
    top: -8px;
    z-index: 110;
    cursor: pointer;
}

.hbCollapsablePanel .dijitDialogCloseIcon { top:0.6em; }

.hbPanelContainer 
{ 
    padding: 0.5em 0 0;
    /*margin-top: 0.2em;*/
    border-top: groove 2px white;
}

.hbPanelContainer .footer { position: relative; text-align: right; }

/*.hbWidgetsContainer .hbSectionPanel,
.hbWidgets .hbSectionPanel { padding: 0; }*/
.hbSectionPanel .hbPanelTitle  
{
    font-weight: normal; 
}
.hbSectionPanel .hbPanelContainer { border: none; }

/* collapsable options panel*/

.hbCollapsableOptionsPanel .hbPanelTitle { text-align: center; }
.hbCollapsableOptionsPanel h3 { font-size: 1em; margin: 0.5em 0; }
.hbCollapsableOptionsPanel p { margin: 0.5em 0 0.5em 1em; }


/* message sender common */

.hbMessageSend { padding: 0.5em; text-align: center; }
.hbMessageSend .hbPanelContainer { border:none; margin: 0; }
.hbMessageSend .hbPanelBox { width: auto; }
.hbMessageSend .hbPanelTitle { display: inline; font-weight: normal; }
.hbMessageSend.success { color: Green; }
.hbMessageSend.failure { color: #dd4444; }

.hbMessageDialog .hbForm { width: 30em; }


/* messages display */

.hbMessage { text-align: center; padding:0.2em 0; }
.hbMessage span { display: block; padding: 0.2em 1em; }


/* input with button in one line */

.hbInputWithButton { position: relative; padding: 0.2em 8em 0.2em 0; }
.hbInputWithButton .dijitTextBox { position: relative; width: 100%; }
.hbInputWithButton .dijitButton,
.hbInputWithButton .dijitDropDownButton { position: absolute; top: 0.2em; right: 0; margin: 0; }
.dj_ie7 .hbInputWithButton .dijitButton,
.dj_ie7 .hbInputWithButton .dijitDropDownButton { right: 0.7em; }
.hbInputWithButton .dijitButtonNode { width: 6.5em; }


/* info window */

.hbInfoWindow 
{
    background-color: #f8f8f8;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0,0.5); 
    padding: 0.5em;
}
.hbNoShadows .hbInfoWindow { border: solid 1px #aaaaaa; }
.hbInfoWindowHeader { position: relative; font-weight: bold; padding: 0 20px 0.5em 0; }
.hbInfoWindow .dijitDialogCloseIcon { position: absolute; right: 0; top: 0; border:none; box-shadow: none; }
.hbInfoWindowArrow 
{
    position: absolute; 
    z-index: 10;
    background: transparent url(../images/infoWindow.png) no-repeat scroll 0 0;
    width: 30px; 
    height: 20px; 
    bottom: -20px;
}
.hbNoShadows .hbInfoWindowArrow { background: transparent url(../images/infoWindow.gif) no-repeat scroll 0 0; }
.hbInfoWindowContent { max-height: 160px; overflow: auto; padding: 1px; }
.hbInfoWindowActions { padding-top:1em; }
.hbInfoWindowActions div { display: inline; margin-right: 1em; }


/* Info window ad */

.hbInfoWindowAd {margin-top: 1em; }
.hbInfoWindowAdHeader { color: #999999; font-size:smaller; margin-bottom: 0.5em; border-bottom: 2px groove white; }
.hbInfoWindowAdContent { text-align: center }


/* Panorama */

.hbPanoramaImg { margin:0 0 0.5em; text-align: center; }
.hbPanoramaImg img { margin:2px; }


/* Public transport */

.hb .MapTipStopInfo { width: 100%; }
.hb .MapTipStopInfo td
{
    padding: 0px;
    padding-bottom: 1px;
    vertical-align: top;
    width: 100%;
}
.hb .MapTipStopInfo div { padding: 0.2em 0.4em; margin: 1px; float: left; }
.hb .MapTipStopInfo a { color: White; font-weight: bold; text-decoration: none; }
.hb td.RoutesType { padding: 2px 2px 2px 0; width: auto; white-space: nowrap; } 
.hb .autobusaiRoutes div { background-color: #0073AC; }
.hb .pautobusaiRoutes div { background-color: #660066; }
.hb .naktinisRoutes div { background-color: Black; }
.hb .troleibusaiRoutes div { background-color: #DC3131; }
.hb .marsrutinisRoutes div { background-color: #009900; }
.hb .MapTipStopInfo .altRoute { opacity:0.5; filter:alpha(opacity=50); }


/* Clustering */

.hbGroupingCluster h3 { font-size: 1em; margin: 1em 0; }
.hbGroupingCluster { padding-bottom: 1em; border-bottom: dotted 1px silver; }
.hbGroupingCluster:last-child { border: none; }


/* Copyright */

.hbCopyright { font-size: 11px !important; }
.hbCopyrightTooltip { width: 30em; }
.dj_ie6 .hbCopyrightTooltip { position: relative !important; }
.dj_ie6 .hbCopyrightTooltip li { margin: 0 0 0 2em; }


/* News */

.hbNewItemTooltip.dijitTooltipBelow .dijitDialogCloseIcon, 
.hbNewItemTooltip.dijitTooltipAbove .dijitDialogCloseIcon { top:18px; }


/* Feature list */

.hbFeatureListTitle { font-weight: bold; font-size:1.1em;  text-align: center;  }
.hbFeatureList ul { padding-left: 0; margin: 0.5em 0;  }
.hbFeatureList li { list-style: none; padding: 0.3em 0.5em; margin:0.5em 0; cursor: pointer; }
.hbFeatureList li .hbTitle { font-weight: bold; }
.hbFeatureList li .hbContent { font-size: 0.9em; }
.hbFeatureList li:hover { background-color: White; }
.hbFeatureList li:hover .hbTitle { text-decoration: underline; }
.hbFeatureListIcon { float: left; margin: 0 0.5em 0.5em 0; }


/* Pager */

.hbPager { text-align: center; }
.hbPagerNext,
.hbPagerPrev 
{
    background: url("../images/icons.png") repeat scroll 0 -74px transparent;
    display: inline-block; height:12px; width:12px;
    margin: 1px; vertical-align: middle;
    cursor: pointer;
}
.hbPagerNext { background-position: 0 -94px; }
.hbPagerNextDisabled,
.hbPagerPrevDisabled { display:none; } 


/* Widgets Container */

.hbWidgetsLoading { text-align: center; }
.hbWidgets .dijitStackContainer-child { overflow-x: hidden; }
.hbWidgets h2 { text-align: center; }
.hbWidgetButtons .hbSearchBtn { float:right; }
.hbWidgetForm { padding:0.2em; background:#e8e8e8; }


/* Geocoding */

.hbGeocoding .hbInputWithButton .loading
{
    position: absolute;
    right: 7.8em;
    top: 0.5em;
    z-index: 100;
}
.dj_ie7 .hbGeocoding .loading { right: 8.6em; }
.hbGeocoding.hbWithHelp .loading { right: 8.8em}
.dj_ie7 .hbGeocoding.hbWithHelp .loading { right: 9.6em}
.hbGeocoding.hbWithHelp .hbInputWithButton { padding-right: 9em; }
.hbGeocoding.hbWithHelp .hbSearchButton { right: 2.8em; }
.dj_ie7 .hbGeocoding.hbWithHelp .hbSearchButton { right: 3.6em; }
.hbGeocoding.hbWithHelp .hbSearchButton .dijitButtonNode { width: 4.5em; }
.hbGeocoding.hbWithHelp .hbHelpButton .dijitButtonNode { width: 2em; }
.hbGeocoding .hbHelpButton { display: none; }
.hbGeocoding.hbWithHelp .hbHelpButton { display: inline-block; }
.hbGeocoding .hbResults { padding: 0.2em; }
.dj_ie6 .hbGeocoding .hbResults { zoom:1; } /* and God said 'let there be background on ie6' and it happened */
/*.hbResults .content { max-height: 9.9em; overflow: auto; }*/
.hbResult { padding: 0.4em 0; cursor: pointer; display: none; }
.hbResult.active { font-weight: bold; display: block; }
.hbResult:hover { text-decoration: underline; }

.expanded .hbResult { display: block; }
.expanded .hbResult.rest { display: none; }
.expanded.showAll .rest { display: block; }

.hbResults .content { overflow-x: hidden; overflow-y: auto; }
.hbResults .footer
{
    padding: 0.2em 0.5em;
    text-align: center;
    color: #888888;
}
.hbResults .footer a { color: #888888; text-decoration: none; }
.hbResults .footer a:hover { text-decoration: underline; }

.hbGeocoding .hbSearchHelp.hbSectionPanel { text-align: center; margin: 0.2em 0 0.4em; }
.hbSearchHelp .hbPanelBox { width:auto; }
.hbSearchHelp .hbPanelTitle,
.hbSearchHelp a { display: inline; color: #666444; }
.hbSearchHelp .hbPanelContent { text-align: left; }

.hbGeocoding .hbMessageSend { background-color: #e8e8e8; margin: 0.2em 0; }
.hbGeocoding .hbMessageSend.success { background-color: #d0f0d0; }
.hbGeocoding .hbMessageSend.failure { background-color: #f0d0d0; }


/* search */

.hbSearch select { width:98%; }
.hbSearch input { width:96%; }

.hbSearch .dijitTreeRow img { float: left; }
.hbSearch .dijitTreeIcon { display: none; }
.hbSearch .dijitTreeContent
{
    display: block;
    margin-left: 18px;
    white-space: normal;
    padding: 2px 0px 4px 2px;
}

.hbSearch .dijitTreeContent .fake { color: #888888; }
.hbSearch .dijitTreeContent .type { font-weight: bold; margin-left: 0px; }
.hbSearch .dijitTreeNode { margin-left: 0px; }
.hbSearch .dijitTreeLabel { cursor: pointer; margin-left: 0px; }

.hbSearch .loading { position: absolute; top: 2px; right: 8px; }
.hbSearch .hbMessage { margin: 4px 0; }
.hbSearch .comment 
{
    padding: 4px;
    margin: 4px 0;
    background-color: #edf4fa;
    text-align: center;
} 
.hbSearch .comment a { color: #657C9C; }
.hbSearch .comment .success { color: Green; }
.hbSearch .comment .failure { color: Gray; }

.hbResult { padding: 4px 0; cursor: pointer; }
.hbResult.active { font-weight: bold; }
.hbResult:hover { text-decoration: underline; }


/* Routing */

.hbRoutingStops { padding:0.3em; background-color:#f8f8f8; border:solid 1px #f0f0f0; }

.hbRoutingLabel 
{
    display: inline-block;
    text-align: center; 
    font-weight: bold;
    padding: 0.3em 0.4em 0.4em;
    width: 1.5em;
    -moz-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    border-radius: 0.5em;
}

.hbInputsListItem { padding: 0.3em 2.5em 0.3em 2.5em; position: relative; }
.dj_ie7 .hbInputsListItem { overflow: hidden; }
.hbInputsListLabel  
{
    position: absolute; 
    left: 0; 
    top: 0.2em;
    /*background-color: #ffcc44;*/
}
.hbInputsListInput { width: 100%; }
.hbInputsListItem .hbLoading 
{
    position: absolute;
    right: 2.2em;
    top: 0.6em;
}
.hbInputsListDelete  
{
    display: inline-block; 
    width: 1.8em; 
    position: absolute; 
    right: 0; 
    top: 0.1em;
}
.hbInputsList .dojoDndItemAfter { border-bottom: dashed 0.2em #aaaaaa; padding-bottom: 0.1em; }
.hbInputsList .dojoDndItemBefore { border-top: dashed 0.2em #aaaaaa; padding-top: 0.1em; }
.dojoDndItemBefore .hbInputsListDelete { top: -0.1em; }
.hbInputsListAvatar { font-size: 133%; padding: 0.2em 1em; }

.hbDirectionsStopLabel,
.hbRoutingStopInfoLabel,
.hbRoutingStops .hbInputsListLabel  
{
    background:url("../images/markers/yellow.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    font-size: 11px; font-weight: bold; line-height:24px;
    height:24px; width:24px;
    text-align:center;
    
}
.hbDirectionsStopLabel { background:url("../images/markers/green.png") no-repeat scroll 0 0 transparent; }

.hbRoutingItemRemove  
{
    background: transparent url(../images/icons.png) no-repeat 0 -3px;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: absolute; 
    right: 0; 
    top: 0;
    margin: 0.6em 0.4em;
    cursor: pointer;
}
.hbRoutingAddPoint { text-align: center; margin: 0.2em 0; font-size: 0.9em; }
.hbRoutingStops .hbStopsLimit { font-size:0.9em; color:Maroon; }

.hbRoutingOptions .hbPanelTitle { text-align: center; }
.hbRoutingOptions h3 { margin: 0.5em 0; font-size: 1em; }
.hbRoutingOptions p { margin: 0.5em 0 0.5em 1em; }

.hbRoutingButtons { text-align: right; position:relative; margin: 0.2em 0 }
.hbRoutingButtons .hbClearButton { float: left; }

.hbRoutingCandidates  
{
    padding: 0.3em;
    margin-top: 0.8em; 
    background-color: #e6e6e6;
}
.hbRoutingCandidatesTitle { font-weight: bold; }
.hbRoutingCandidatesLabel { background-color: rgb(187, 34, 0); color: white; } 
.hbRoutingCandidatesList { max-height: 9em; overflow-y: auto; margin-top: 0.2em; margin-bottom: 0.2em; }
.hbRoutingCandidatesList li { padding: 0; }

.hbRoutingStopInfo .hbPanelBox { width: auto; }
.hbRoutingStopInfo .hbPanelContainer  
{
    border: none;
    padding: 0.3em; 
    background-color: #fffccc; 
    border: solid 1px #eeeeaa;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.hbRoutingStopInfoLabel,
.hbRoutingStopInfoTitle { vertical-align: middle; font-weight: bold; } 

.hbRoutingDirs { padding: 0.2em; }
.hbRoutingDirs .hbPanelBox { width: auto; }
.hbRoutingDirsTitle { margin: 0.8em 0; }
.hbRoutingDirsTotals { margin: 0.5em 0.5em 0.5em 3.5em; line-height: 1.5em; }
.hbDirsToggleButton { margin-left:0; margin-right:0; text-align:center; width:100%; }
.hbRoutingDirs .hbRoutingDirsPanel { padding:0; }
.hbDirectionsContainerInner { overflow-y: auto; }
.hbDirectionsContainerInner,
.hbRoutingDirsContainer  
{
    /*max-height: 20em;
    overflow-y: auto; */
    position:relative; 
    background-color: #f8f8f8;
    border: solid 1px #eeeeee;
}
.hbDirectionsContainerInner,
.hbRoutingDirsContainerInner { position: relative; }
.hbDirectionsList,
.hbRoutingDirsList { border-spacing: 0; width:100%; }
.hbDirectionsList td,
.hbRoutingDirsList td { border-bottom: solid 1px #e6e6e6; padding: 0.2em 0.5em; vertical-align: middle; }
.hbDirectionsList tr:last-child td,
.hbRoutingDirsList tr:last-child td { border-bottom: none; }
.hbDirectionsStop,
.hbRoutingDirsStop { font-weight: bold; }
.hbRoutingDirsLabel { background-color: #55aa44; color: white; }
.hbDirectionsStop,
.hbDirectionsDirection,
.hbRoutingDirsDirection { cursor: pointer; }
.hbDirectionsDirection td:first-child,
.hbRoutingDirsDirection td:first-child { text-align: center; }
.hbDirectionsStop:hover td,
.hbDirectionsDirection:hover td,
.hbRoutingDirsDirection:hover td { background-color: White; }
.hbDirectionsSubtotals { text-align: right; }

.hbRoutingErrors  
{
    background-color: #ffdddd; 
    border: solid 1px #ddbbbb;
}
.hbRoutingErrors li { padding-top: 0.3em; padding-bottom: 0.3em; }
.hbRoutingLoading { text-align: center; position: absolute; left: 25%; }
.dj_opera .hbRoutingLoading { margin-top: 1em; }
.hbRoutingLoading span  
{
    display: inline-block;
    background: transparent url(../images/loading.gif) no-repeat scroll 0.5em center;
    padding: 0.4em 0.5em 0.4em 2em;
    border: solid 1px #eeeeaa;
    background-color: #fffccc;
}


.hbRoutingItem .hbArrowDown 
{
    position: absolute; right: 2.2em; top: 0.6em;
    width: 1.1em; height: 1.1em;
    background: transparent url(../images/icons.png) no-repeat scroll 0 -115px;
    cursor: pointer;
}

.hbRoutingStopInfo { margin-right: -0.6em; }
.hbRoutingStopInfo .hbBubble { margin: 0.2em 0 0.5em; padding: 0.5em; }
.hbRoutingStopInfo .hbTitle { font-size:1em; margin:0.2em 0; }
.hbRoutingStopInfo .hbContent { max-height: 9em; overflow-y: auto; }
.hbRoutingStopInfo .hbContent li { padding: 0; }

.hbRouting-green .hbDirectionsStopLabel  {
    background-image:url("../images/markers/green.png");
    color: White;
}
.hbRouting-red .hbDirectionsStopLabel  {
    background-image:url("../images/markers/red.png");
    color: White;
}
.hbRouting-blue .hbDirectionsStopLabel  {
    background-image:url("../images/markers/blue.png");
    color: White;
}
.hbRouting-purple .hbDirectionsStopLabel  {
    background-image:url("../images/markers/purple.png");
    color: White;
}

.hbRoutingWidget { overflow-y: auto; position:relative /* dont let results element scroll separately (wtf?) on IE */; }
.hbRoutingWidget .hbRoutingStops,
.hbRoutingWidget .hbRoutingOptions { background: #e8e8e8; margin-bottom: 0.4em; }


/* Business */

.hbBusiness table { width:100%; }
.hbBusinessInputCell { text-align: right; width:85%; }
.hbBusinessInputCell .dijitTextBox { width: 96%; }
.hbBusiness .hbClearBtn { float:left; }
.hbBusinessPartner { font-size:0.9em; text-align:center; }
.hbBusiness .hbPager { position: absolute; bottom:0; width:100%; }


/* BEF */

.hbBEFTools,
.hbBEFToolsCancel { text-align: center; }
.hbBEFTools .dijitButtonText { font-weight: bold; } 

.hbBEFButtons { text-align: right; }
.hbBEFButtons .hbCancelBtn { float:left; }

.hbBEFInput { position: relative; height: 2em; padding: 0.2em 8em 0.2em 0; }
.hbBEFInput input { position: relative; width: 100%; }
.hbBEFInput .dijitButton { position: absolute; top: 0.2em; right: 0; margin: 0; }
.hbBEFInput .dijitButtonNode { width: 6.5em; }

.hbBEFColorBox { display: inline-block; height: 1em; width: 1em; vertical-align:bottom; margin: 0 1em; }
.hbBEFProblems { width: 100%; }
.hbBEFProblems td { min-width: 10em; }

.hbBEF .footer { position:relative; text-align:right; } 
.hbBEF .footer a { display: inline-block; margin:0.4em; }
.hbBEF .footer .dijitButton { float:left; }

.hbBEFReportForm { width: 30em; position: relative; }
.hbBEFReportForm h1 { margin: 0.3em 0 0.5em; }
.hbBEFReport .hbBEFReportForm { width:auto; }

.hbBEF .hbMessage { clear:both; }

.hbBEF .hbSectionPanel { padding: 0; }

.hbBEFInfoWindow .dijitTabContainer { width:100%; height:100%; }
.hbBEFInfoWindow .dijitTabPane { padding:5px; overflow-y:auto; }
.hbBEFInfoWindow .dijitFileInputButton { display:none; }
.hbBEFComments img { text-align:center; }
.hbBEFComments table { width:100%; font-size:0.9em; }
.hbBEFComments td.inputCell { width:60%; }
.hbBEFComment { padding-bottom:0.5em; border-bottom: dotted 1px silver; }
.hbBEFCommentTitle { font-size:0.9em; color:Gray; }
.hbBEFComments input,
.hbBEFComments textarea { padding: 0.1em; }
.hbBEFCommentsList .hbSection:last-child { margin-bottom: 0.5em; }

.hbBEFInfoWindow .hbSuccess { padding-bottom: 0.4em; border-bottom: dotted 1px silver; }


/* Stack controller */ 

.hbStackController h1 { text-align: center; }
.hbStackLinks { background-color: #e8e8e8; padding: 0.5em; text-align:center; }
.hbStackLink { background:none; padding-left:0; padding-right:0; font-weight:bold;  margin-right:0.8em; display:inline-block; }
.dijitDropDownButton .hbStackLink { margin-right:0; }
.hbStackLinks .dijitDropDownButton,
.hbStackLinks .dijitDropDownButton .dijitButtonNode { margin:0; padding:0; background:none; border:none; -moz-box-shadow:none; -khtml-box-shadow:none; box-shadow:none; color:#2255BB; }
.hbDropDown .hbStackLink { margin: 0.5em; display: block; }


/* Map info manager */

.hbMapInfoManagerClear { text-align: center; }


/* Measure */

.hbMeasure .hbClearButton { float:right; }


.hbMeasureTooltip .dijitTooltipContainer { padding-top:0; padding-bottom:0; width:28em; }
.hbMeasureTooltip.dijitTooltipBelow .dijitDialogCloseIcon, 
.hbMeasureTooltip.dijitTooltipAbove .dijitDialogCloseIcon { top:18px; }
.hbMeasureTooltip .hbClearButton { display:none; }
.hbMeasureTooltip .hbSection { margin:0; }
.hbMeasureTooltip .hbMeasureTip,
.hbMeasureTooltip .hbMeasureResult { font-size: 0.9em; margin: 0.5em 0; }
.hbMeasureTooltip .hbMeasureTip:empty,
.hbMeasureTooltip .hbMeasureResult:empty { display:none; }






/* main layout */

/*.hb { margin: 0px; overflow: hidden; }*/


/* map elements */

.dj_opera .hbMap .dijitRuleLabelsContainerV { display:none; }

.hbMapElement { z-index: 100; position: absolute; width: auto; }
.hbMapElement:hover { z-index: 101; }
.hbBottomRight,
.hbBottomLeft { left: 5px; bottom: 5px; vertical-align: bottom; }
.hbBottomRight > span,
.hbBottomLeft > span { vertical-align: baseline; }
.hbTopLeft,
.hbTopRight { left: 5px; top: 5px; vertical-align: top; }
.hbBottomRight,
.hbTopRight { left: auto; right: 5px;}
.hbTopLeftPane { left: 40px; }

.hbMapTools .hbIcon
{
    width: 25px; height: 25px; margin: 4px;
    background: transparent url(../images/icons3.png?1) no-repeat scroll -3px -3px;
    cursor: pointer;
}
.dj_ie6 .hbMapTools .hbIcon { background-image: url(../images/icons3.gif) !important; }

.hbMapArea .dijitSlider
{
    left: 10px !important;
    top: 10px !important;
}


/* Icons */

.hbIcon { width: 15px; height: 14px; vertical-align: middle; text-align: center; }
.hbActiveElementWithIcon .hbIcon { margin-left: -17px; }

.clearIcon, .hbClearIcon { background: transparent url(../images/clear2.png) no-repeat 0 2px;}
.hbPrintIcon { background: transparent url(../images/icons2.png) no-repeat -7px -7px; }
.hbProblemIcon { background: transparent url(../images/icons2.png) no-repeat -38px -7px; }
.hbAcceleratorIcon { background: transparent url(../images/icons2.png) no-repeat -68px -8px; }
.hbHelpIcon { background: transparent url(../images/icons2.png) no-repeat -98px -8px; }
.hbPolylineIcon { background: transparent url(../images/icons2.png) no-repeat -128px -8px; }
.hbPolygonIcon { background: transparent url(../images/icons2.png) no-repeat -158px -8px; }
.hbMeasureIcon { background: transparent url(../images/icons2.png) no-repeat -188px -7px; }
.hbPointsIcon { background: transparent url(../images/icons2.png) no-repeat -218px -8px; }
.hbNewIcon { background: transparent url(../images/icons2.png) no-repeat -244px -7px; }

.hbMapTools .hbClearIcon { background-position: -33px -3px; }
.hbMapTools .hbFullExtentIcon { background-position: -3px -3px; }
.ikarte .hbMapTools .hbFullExtentIcon { background-position: -123px -3px; }
.hbMapTools .hbLegendIcon { background-position: -153px -3px; }


/* layers */

.hbLayersSwitcher .dijitDropDownButton { margin-right: 1em; } 
.hbLayersSwitcherCheckBox { margin: 0.3em; }
.hbLayersSwitcherCheckBox .hbDescription { font-size:0.9em; color:gray; margin: 0 0 0.5em 24px; }
.hbLayersDropDown { max-width: 25em; overflow: visible; }
.layersPopup { width: 120px; }


/* map */

.hb .infowindow .title,
.hb .infowindow .content { font-size: smaller !important; }
.hb .infowindow h1 { font-size: 1em; margin: 0.8em 0 0.2em; }
.hb .infowindow h1:first-child { margin-top: 0; }


/******* MapApp specific *******/

.hbAppLayout  
{
    height:100%; width:100%; min-width: 700px; min-height: 300px;
    background-color: #F8F8F8;
}
.hbLogo 
{
    background-image:url("../images/logo.png");
    height:60px; width:200px; left:0; bottom:-35px; position:absolute; z-index:20000;
}
.hbNoShadows .hbLogo { background-position: 0 -69px; }
.hbAppTop { z-index: 900; background:#F8F8F8; }
.hbLeftShadow  
{
    height:100%; width:5px; position:absolute; left:-5px; z-index:10000;  
    -moz-box-shadow: 1px 0 4px rgba(0,0,0,0.5);
    -khtml-box-shadow: 1px 0 4px rgba(0,0,0,0.5);
    box-shadow: 1px 0 4px rgba(0,0,0,0.5);
}
.hbNoShadows .hbLeftShadow { border-right: solid 1px #cccccc; }
.hbTopShadow  
{
    height:5px; width:100%; position:absolute; top:-5px; z-index:10000;  
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    -khtml-box-shadow: 0 1px 4px rgba(0,0,0,0.5);
    box-shadow: 0 1px 4px rgba(0,0,0,0.5);
}
.hbNoShadows .hbTopShadow { border-bottom: solid 1px #cccccc; }

.hbAppLeftContainer { overflow:hidden; }
.hbAppLeft { padding: 0 2px; }
.hbAppLeft .hbWidgets { overflow-x: hidden; overflow-y: auto; }
.hbAppLeft .hbPanelBox { width: auto; }
.hbAppLeftTop { overflow-x: hidden; } /* avoid scrollbars on Opera */

.hbAppLayout .hbScalebar,
.hbAppLayout .hbOvMapContainer { display: inline-block; margin-right: 0.5em; vertical-align: bottom; }
.dj_ie7 .hbAppLayout .hbScalebar,
.dj_ie7 .hbAppLayout .hbOvMapContainer { display: inline; }

.hbAppLayout .hbTools { width:100%; text-align:right; }
.hbAppLayout .hbTools .hbActiveElementWithIcon  
{
    padding-top: 0.3em; 
    padding-bottom: 0.3em; 
    padding-right: 0.8em;
}
.hbAppLayout .hbLayersSwitcher { display: inline-block; white-space:nowrap; }
.dj_ie7 .hbAppLayout .hbLayersSwitcher { display: inline; }

.hbAppCenter { overflow:hidden; }