/*
 * Explanation why the layout looks so complicated:
 * The UI container needs a position (absolute or relative) to prevent z-index issues (DomMarker on top of UI)
 * Therefore it has these additional styles:
 *    position: absolute;
 *    width: 100%;
 *    height: 100%;
 * To prevent that the UI container captures all events the container is displaced by
 *   left: 100%;
 * To neutralize the displacement for the UI elements within the UI container the following adjustments are needed:
 *  - InfoBubble (.H_ib):            left: -100%;
 *  - left anchor (.H_l_left):       margin-left: -100%;
 *  - center anchor (.H_l_center):   left: -50%;            (was left: 50%)
 *  - right anchor (.H_l_right):     right: 100%;           (was right: 0)
 *                                        margin-left: -100%;
 */

/*
 * Layout
 */

/* Fix MAPSJS-579 for modern browsers */

/**
 *  Element styles
 */

/**
 *   Base Elements
 */

/** Menu panel */

/** InfoBubble */

/*##################################################  SLIDER  ########################################################*/

/* This will make slightly easy to grab the knob on touch devices*/

/*###############################################  CONTEXT MENU  #####################################################*/

/*#################################################  SCALE BAR  ######################################################*/

/*##################################################  PANORAMA  ######################################################*/

/*###################################################  ICON  #########################################################*/

/*###############################################  OVERVIEW MAP  #####################################################*/
