html, body, #layoutScroll, #layout {
    height: 100%;
    width: 100%;
    margin: 0; 
    padding: 0;
    overflow: hidden;
}

body,
label,
input,
select,
button,
textarea,
h1
{
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 11px;
}

button { cursor: pointer; }

td { vertical-align: baseline; }

select,
input,
textarea,
.dijitTextBox,
.dijitComboBox
{
    border: solid 1px #c4c4c4;
    padding: 0.2em 0.2em;
    margin: 0.2em;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #cccccc;
    -khtml-box-shadow: 0 0 3px #cccccc;
    box-shadow: 0 0 3px #cccccc;
}

form { margin:0; padding:0 }
a { color: #224499; }
a img { border: none; }
/*.dj_ie6 img { behavior: url(styles/iepngfix.htc); }
.dj_ie6 #map img { behavior: none; }*/

img 
{   
    -khtml-user-select: none; 
    -moz-user-select: none;
    user-select: none;
}


/* dojo */

.dojoDndAvatarHeader { display: none; }


/* dijits */

.dijitToggleButton { margin:0.2em; }

.dijitButtonNode
{
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 0 3px #cccccc;
    -khtml-box-shadow: 0 0 3px #cccccc;
    box-shadow: 0 0 3px #cccccc;
}

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

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

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

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

.dijitDialog
{
    border: solid 1px #aaaaaa !important;
    box-shadow: 1px 1px 5px #333333;
    -moz-box-shadow: 1px 1px 5px #333333;
    -khtml-box-shadow: 1px 1px 5px #333333;
}
.dijitDialogPaneContent { position: relative; overflow: auto; padding-right: 20px !important; }
.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 1em 0.3em; }

.tundra .dijitMenu
{
    border: solid 1px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px #444444;
    -webkit-box-shadow: 1px 1px 5px #444444;
    box-shadow: 1px 1px 5px #444444;
}
.tundra .dijitMenuItemSelected { background-color: #cccccc; color: black; }

.dijitTooltipContainer { font-size: inherit; }

.tundra .dijitSliderDecrementIconV {
    background-image:url("../images/icons3.png");
    background-position:-68px -8px;
}

.tundra .dijitSliderIncrementIconV {
    background-image:url("../images/icons3.png");
    background-position:-98px -8px;
}

/* dojox.widget.Toaster */

 
.dijitToasterClip {
	position: absolute;
	z-index: 5000;
	overflow: hidden;
	width: 100%;
}

.dijitToasterContainer 
{ 
    width: 100%;
    padding: 0.3em 0;
}

.hbToasterButton
{
    position: absolute;
    left: 1.3em;
    top: 0.8em;
    margin: 0;
    width: 15px;
    height: 15px;
    cursor: pointer;
    padding: 0;
    background: transparent url(../images/icons.png) no-repeat 0 -3px;
}

.dijitToasterContent  
{
    padding: 0.5em 0 0.5em 3em; 
    margin: 0 0.5em;
    -moz-border-radius: 5px; 
    -moz-box-shadow: 1px 1px 3px #444444;
    opacity: 0.8;
}

.dijitToasterMessage .dijitToasterContent { border: solid 1px #66AA00; background-color: #AADD66; }
.dijitToasterWarning .dijitToasterContent { border: solid 1px #FFCC00; background-color: #FFEE88; }
.dijitToasterError .dijitToasterContent,
.dijitToasterFatal .dijitToasterContent { border: solid 1px #CC0000; background-color: #FFAA99; }

.dijitToasterMessage .hbToasterButton { border: solid 1px #66AA00; background-color: #EEFFDD; }
.dijitToasterWarning .hbToasterButton { border: solid 1px #CCAA00; background-color: #FFFAD0; }
.dijitToasterError .hbToasterButton,
.dijitToasterFatal .hbToasterButton { border: solid 1px #FF6644; background-color: #FFDDDD; }



/* hb commons */

.hbPanel
{
    /*position: absolute;
    z-index: 100;*/
    background-color: #f8f8f8;
    border: solid 1px #aaaaaa;
    -o-border-radius: 3px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #333333;
    -moz-box-shadow: 1px 1px 5px #333333;
    -khtml-box-shadow: 1px 1px 5px #333333;
    padding: 0.2em;
}

.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"] { 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; }


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


.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_ie .hbCloseButton,
.dj_ie .hbMinimizeButton,
.dj_ie .hbMaximizeButton { background-position: -1px -4px; }


.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;
}
.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; }
.hbWarning 
{
    padding: 0.4em 0.5em;
    border: solid 1px #eeeeaa;
    background-color: #fffccc;
}

.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 #eeeeaa;
    background-color: #fffccc;
}


/* Dialog */

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


/* Overview Map */

.hbOvMapContainer { z-index: 99; min-width: 9px; min-height: 9px; }
.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_ie .hbOvMapFocusDiv { filter:alpha(Opacity=50); }
.hbOvMapController,
.hbOvMapMaximizer  
{
    position: absolute; 
    width: 13px; 
    height: 13px; 
    cursor: pointer; 
    z-index: 99; 
    background: #fafafa url(../images/icons.png) no-repeat 0 -3px;
    border: solid 1px #aaaaaa;
    -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; }


/* Widgets Container */

.hbWidgets { position: absolute; right: 0; top: 1.5em; z-index: 50; margin-right:30px; }
.hbWidgetsTitle 
{
    position: absolute;
    background: url("../images/tools.png") repeat scroll -30px 0 transparent;
    height: 161px;
    width: 30px;
    right: -30px;
    top: -7px;
    cursor: pointer;
}
.hbExpanded .hbWidgetsTitle { background-position: -90px 0; }
.hb_en .hbWidgetsTitle { background-position: 0 0; }
.hb_en .hbExpanded .hbWidgetsTitle { background-position: -60px 0; }
/*.hbWidgetsContainer { padding: 8px; width: 31em; }*/
.hbWidgetContainer { text-align: right; }
.hbWidgetContainer .hbPanel { display: inline-block; text-align: left; }
.hbWidgetTitle { text-decoration: none; color: Black; }


/* Collapsable Panel */

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

.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;
}

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

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

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


/* message sender common */

.hbMessageSend { padding: 0.4em 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; }
.hbMessage a { color:Black; }
.hbMessage span { display: block; padding: 0.2em 1em; margin: 0.2em 0; }
.hbMessage.loading span 
{
    background: transparent url(../images/loading.gif) no-repeat scroll 0.5em center;
    padding-left: 2em;
    border: solid 1px #eeee66;
    background-color: #fffaaa;    
}
.hbMessage.error span { border: solid 1px #ffaaaa; background-color: #FFcccc; }
.hbMessage.info span { border: solid 1px #AADD88; background-color: #bbee99; }


/* input with button in one line */

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

/* info window */

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


/* main layout */

#layoutScroll { overflow: auto; position: relative; }
#layout {  min-width: 700px; min-height: 500px; }
#layout { width:100%; height:100%; }
#layout, #center, #bottom { overflow: hidden; }
#top { overflow: visible; }

#topBanner  
{
    background-color: #cccccc; 
    text-align: center;
}
#topBanner .hbCloseButton { position: absolute; right: 0.5em; top: 0.5em; }
#topBanner embed,
#topBanner iframe, 
#topBanner object { margin: 5px; } 
#bottomBanner > div { position: static !important; height:35px; }
.dj_ie #bottomBanner { font-size: 0; }

#search { left: 50px; top: 1.5em; }


/* top */

#top
{
    z-index: 800;
    background-color: #f8f8f8;
    border-bottom: solid 1px #aaaaaa;
    box-shadow: 0px 1px 5px #333333;
    -moz-box-shadow: 0px 1px 5px #333333;
    -khtml-box-shadow: 0px 1px 5px #333333;
}

#bottom
{
    z-index: 800;
    background-color: #f8f8f8;
    box-shadow: 0 0 5px #333333;
    -moz-box-shadow: 0 0 5px #333333;
    -khtml-box-shadow: 0 0 5px #333333;
}

#topTools { position: relative; }
#topTools a { display: inline-block; padding: 0.5em; margin-right: 1em; }
#topTools .hbLangLT, 
#topTools .hbLangEN { padding: 0.5em 0.2em; }
#topTools .hbLangLT { margin: 0 0 0 0.5em; }
.hb_lt .hbLangLT,
.hb_en .hbLangEN { text-decoration: none; font-weight: bold; }

#tools { float: right; }
#tools .hbActiveElementWithIcon  
{
    padding-top: 0.3em; 
    padding-bottom: 0.3em; 
    padding-right: 0.8em; 
    text-decoration: underline;
}

#layers { margin-left: 1em; display: inline-block; }
.dj_ie #layers { display: inline; }


/* map elements */

#center { background-color: #f7f6f3; }

.hbMapElement { z-index: 100; position: absolute; width: auto; }
.hbMapElement:hover { z-index: 101; }
.hbBottomLeft { left: 5px; bottom: 5px; vertical-align: bottom; }

#scalebar,
#ovMap { display: inline-block; margin-right: 0.5em; vertical-align: bottom; }
.dj_ie #scalebar,
.dj_ie #ovMap { display: inline; }

#copyright
{
    position: absolute; 
    right: 0px; 
    bottom: 0px;
    padding: 3px; 
    color: Black;
    z-index: 100;
    text-shadow: 0 0 2px white;
}
#copyright span, #copyright a { vertical-align: bottom; }

#mapTools
{
    position: absolute;
    left: 8px;
    top: 8px;
    z-index: 100; 
}
#mapTools .hbIcon
{
    width: 25px;
    height: 25px;
    background: transparent url(../images/icons3.png) no-repeat scroll -3px -3px;
    cursor: pointer;
    margin: 4px;
}

#fullExtent
{
    position:absolute;
    top: 10px;
    left: 10px;
    z-index: 100;
    cursor: pointer; 
}


/* search */

#search-top img
{
    margin: 0.2em;
    margin-bottom: 0;
    display: block;
}

#search-hnit
{
    font-size: smaller;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.2em 0.5em;
}

/*.dj_ie #search .dijitTabPane { overflow: hidden; }*/
#searchTabs .dijitTabPaneWrapper { padding: 0.3em; }


.hbGeocoding
{
    /*display: inline-block;
    width: 100%;*/
    /*width: 26em;*/
    /*margin-bottom: 5px;*/
}

.hbGeocoding .loading
{
    position: absolute;
    right: 8.8em;
    top: 0.5em;
    z-index: 100;
}
.hbGeocoding .hbInputWithButton { padding-right: 9em; }
.hbGeocoding .hbSearchButton { right: 3em; }
.hbGeocoding .hbSearchButton .dijitButtonNode { width: 4.5em; }
.hbGeocoding .hbHelpButton .dijitButtonNode { width: 2em; }
.hbGeocoding .hbResults { padding: 0.2em; }
.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 .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; }

.hbSearchHelp { text-align: center; margin: 0.2em 0; }
.hbSearchHelp .hbPanelBox { width:auto; }
.hbSearchHelp .hbPanelTitle,
.hbSearchHelp a { display: inline; color: #666444; }
.hbSearchHelp .hbPanelContent { text-align: left; }
.hbSearchHelp ul { margin: 0; padding: 0 0 0 2em; }
.hbSearchHelp li { margin: 0.5em; }

.hbGeocoding .hbMessageSend { background-color: #F8F8F8; margin-top: 0.5em; border:1px solid #EEEEEE; }
.hbGeocoding .hbMessageSend .hbPanelTitle { color: #888888; }
.hbGeocoding .hbMessageSend.success { background-color: #d0f0d0; }
.hbGeocoding .hbMessageSend.failure { background-color: #f0d0d0; }


/* layers */

.hbLayersDropDown
{
    border: solid 1px #aaaaaa;
    -moz-box-shadow: 1px 1px 5px #888888;
    -webkit-box-shadow: 1px 1px 5px #888888;
    padding: 2px;
    margin-top: 2px;
    background-color: White;
}
.hbLayersDropDown .dijitCheckBox { margin: 2px; }
.hbLayersDropDown label { margin: 2px; }

/*.hbLayersSwitcher .dijitDropDownButton { margin-right: 1em; }*/

.layersPopup { width: 120px; }



/* map */

.infowindow .title,
.infowindow .content { font-size: smaller !important; }
.infowindow h1 { margin: 0.6em 0 0.3em; }
.infowindow h1:first-child { margin-top: 0; }

.MapTipStopInfo
{
    width: 100%;
}

.MapTipStopInfo td
{
    padding: 0px;
    padding-bottom: 1px;
    vertical-align: top;
    width: 100%;
    /*font-size: 10px;*/
}

.MapTipStopInfo div
{
    padding: 0.2em 0.4em;
    margin: 1px;
    float: left;
}

.MapTipStopInfo a
{
    color: White;
    font-weight: bold;
    text-decoration: none;
}

td.RoutesType
{
    padding: 2px;
    padding-left: 0px;
    width: auto;
    white-space: nowrap;
}

.autobusaiRoutes div { background-color: #0073AC; } 
.naktinisRoutes div { background-color: Black; } 
.troleibusaiRoutes div { background-color: #DC3131; }
.marsrutinisRoutes div { background-color: #009900; }


/* BEF */

.hbBEFReport { text-align: center; } 
.hbBEFReport .dijitButtonText { font-weight: bold; } 
.hbBEFReport .hbLoading { display: inline-block; vertical-align: middle; }

.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 a { position: absolute; left: 0; bottom: 0; }

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

.hbBEF .hbMessage { position:absolute; width:50%; left:25%; }

/* Icons */

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

.clearIcon, .hbClearIcon { background: transparent url(../../maps_js_api/current/images/clear2.png) no-repeat 0 0;}
.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; }

#mapTools .hbClearIcon { background-position: -33px -3px; }
#mapTools .hbFullExtentIcon { background-position: -3px -3px; }

/* browser upgrade */

.hbUpgradeBrowser { height: 32px; }


/* floating banner */

.hbFloatingBanner { background: transparent; position: relative; }
.hbFloatingBanner .hbCloseButton { position:absolute; top: 0.5em; right: 0.5em; }
.hbFloatingBannerLogo  
{
    float: left; 
    margin: 0.5em;
    border: solid 1px #aaaaaa;
    padding: 5px;
    text-align: center;
    width: 60px;
    height: 60px;
}
.hbFloatingBannerBg  
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #cccccc; 
    opacity: 0.8; 
    z-index: -1;
}
.dj_ie .hbFloatingBannerBg { filter:alpha(Opacity=80); }


/* Routing */

.hbRouting { padding: 1px; overflow-x: hidden; }

.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_ie .hbInputsListItem { overflow: hidden; }
.hbInputsListLabel  
{
    position: absolute; 
    left: 0; 
    top: 1px;
    /*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; }

.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;
}

.hbRoutingButtons { text-align: right; position:relative; }
.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: 10em; overflow-y: auto; margin-top: 0.2em; margin-bottom: 0.2em; }

.hbRoutingStopInfo .hbPanelBox { width: auto; }
.hbRoutingStopInfo .hbPanelContainer  
{
    border: none; 
    margin-top: 0.5em; 
    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%; }
.hbRoutingDirsTitle2 { font-weight: bold; }
.hbRoutingDirsContainer  
{
    /*max-height: 20em;
    overflow-y: auto; */
    position:relative; 
    background-color: #f8f8f8;
    border: solid 1px #eeeeee;
}
.hbRoutingDirsContainerInner { position: relative; }
.hbRoutingDirsList { border-spacing: 0; }
.hbRoutingDirsList td { border-bottom: solid 1px #e6e6e6; padding: 0.2em 0.5em; vertical-align: middle; }
.hbRoutingDirsList tr:last-child td { border-bottom: none; }
.hbRoutingDirsStop { font-weight: bold; }
.hbRoutingDirsLabel { background-color: #55aa44; color: white; }
.hbRoutingDirsDirection { cursor: pointer; }
.hbRoutingDirsDirection td:first-child { text-align: center; }
.hbRoutingDirsDirection:hover td { background-color: White; }

.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;
}


/* Influenza */

.hbInfluenzaLegend { width: 100%; }
.hbInfluenzaLegend td { vertical-align: middle; text-align: left; width: 30%; }
.hbInfluenzaLegend td.symbol { width: 25px; }
.hbInfluenzaChart { margin-top: 0.5em; height:15em; position:relative; text-align: center; }
.hbInfluenzaChart.chart1 .chartLink1,
.hbInfluenzaChart.chart2 .chartLink2 { font-weight: bold; }
.hbInfluenzaChart.chart1 .chart2,
.hbInfluenzaChart.chart2 .chart1 { visibility: hidden; }
.hbInfluenzaChart .chart1, 
.hbInfluenzaChart .chart2 { height: 13em; width:100%; position:absolute; bottom: 0; left: 0; text-align: left; overflow: hidden; }
.infowindow .hbInfluenzaChart { height: 10em; }
.infowindow .hbInfluenzaChart .chart1, 
.infowindow .hbInfluenzaChart .chart2 { height: 8em; }
.hbInfluenzaChartTitle { font-weight: bold; text-align: center; margin-top: 0.5em; }
.hbInfluenzaChartContainer { background-color: #eeeeee; padding:0.5em; margin-top: 0.5em; }


/* 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 1em; text-align: center; }