.mtk-cluster {
   position: absolute;
   cursor: pointer;
   border-radius: 6px;
   color: white;
}

.mtk-cluster img {
   position: absolute;
   top: 5px;
   right: 5px;
}

.mtk-cluster span {
   position: absolute;
   top: 5px;
   left: 5px;
}

.mtk-menu-container {
   position: absolute;
}

.mtk-menu-button {
   background: #555;
   margin: 6px 6px 0 0;
   padding: 3px 2px 2px 4px;
   color: #eee;
   font-size: 11px;
   font-family: Arial;
   font-weight: bold;
   text-transform: uppercase;
   border: 1px solid #333;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   width: 76px; /* fixme */
   overflow: hidden;
   height: 14px;
   position: relative;
   cursor: pointer;
}

.mtk-menu-button:hover {
   background: #888;
}

.mtk-menu-button-active {
   background: #aaa;
   color: #333;
}

.mtk-menu-content {
   position: absolute;
   margin-top: 2px;
   right: 6px;
   background: #ddd;
   color: #333;
   padding: 4px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
/*   font-weight: bold;
*/   border: 1px solid #333;
   display: none;
   font-size: 12px;
   font-family: Arial;
   min-width: 74px;
}

.mtk-menu-content ul {
   padding: 0;
   margin: 0;
   list-style-type: none;
   width: 120px;
}

.mtk-menu-content li {
   list-style-type: none;
   padding: 1px;
   cursor: pointer;
}

.mtk-menu-content-info {
   margin-top: 10px;
   text-align: center;
}

.mtk-menu-content li:hover {
   background-color: #bbb;
}

.mtk-menu-arrow {
   float: right;
   font-size: 60%;
   margin: 2px 4px;
}

.mtk-locateme {
   width: 14px;
   height: 14px;
   margin: -1px 0 0 -1px;
}

.mtk-locateme-marker {
   -webkit-animation-name: mtk-locateme-pulse;
   -webkit-animation-duration: 2s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: ease-in-out;
}

.mtk-infowindow {
   background: white;
   padding: 10px;
   color: #444;
   font-weight: bold;
   font-size: 16px;
   border: 1px solid #777;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   width: auto;
   min-width: 200px;
}

.mtk-infowindow-close {
   background: url(../../images/close.png);
   position: absolute;
   width: 27px;
   height: 27px;
   top: -10px;
   right: -10px;
   cursor: pointer;
}

.mtk-infowindow a {
   color: #444;
}


.mtk-tooltip {
   position: absolute;
   margin-left: 10px;
   padding: 1px 5px 1px 5px;
   border: 1px solid #222;
   background: white;
   color: #222;
   font-size: 12px;
   border-radius: 2px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
}
.mtk-treemenu {
   font-size: 12px;
   font-family: Arial,Helvetica,sans-serif;
}

.mtk-treemenu ul {
   margin: 0;
   padding: 0;
}

.mtk-treemenu li {
   list-style: none;
   margin: 0;
   padding: 2px 0 2px 0px;
   cursor: pointer;
}

.mtk-treemenu-group {
   font-weight: bold;
   margin: 0;
   padding: 2px 0 2px 0;
}

.mtk-treemenu span {
   padding-left: 1px;
}

.mtk-treemenu-checkbox, .mtk-treemenu-icon {
   vertical-align: text-bottom;
   width: 15px;
   height: 15px;
   margin-right: 2px;
}

.mtk-treemenu-title {
   padding-top: 1px;
   margin-left: 37px;
}

.mtk-treemenu-node-title {
   padding-top: 1px;
   margin-left: 3px;
}


.mtk-menu-button {
   text-transform: none;
}

.mtk-menu-button:hover {
   background: #555;
}

.mtk-dzt-menu-content ul {
   font-size: 12px;
}

.mtk-menu-content li {
   padding: 5px !important;
}

.mtk-infowindow {
   background: none;
   padding: 0;
   border: 0px solid white;
   -webkit-border-radius: none;
   -moz-border-radius: none;
   border-radius: none;
   width: auto;
   min-width: none;
}

.mtk-dzt-infowindow-mobile {
   background: white;
   padding: 3px 3px 3px 3px;
   border: 0px solid white;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.mtk-dzt-infowindow-mobile-content {
   background: -webkit-gradient(linear, left top, left bottom, from(#e0e1e2), to(#f6f6f6));
   padding: 5px 10px 5px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.mtk-dzt-infowindow {
   width: 225px;
   background-image: url("../../images/dzt/infowindow/bg.png");
}

.mtk-dzt-infowindow a {
   font-size: 12px;
   text-decoration: none;
}

.mtk-dzt-infowindow-bottom {
   background-image: url("../../images/dzt/infowindow/bg.bottom.png");
   width: 225px;
   height: 9px;
}

.mtk-dzt-infowindow-bottom2 {
   background-image: url("../../images/dzt/infowindow/bg.bottom2.png");
   width: 225px;
   height: 10px;
}

.mtk-dzt-infowindow-header-img {
   margin-top: 12px;
   padding-left: 13px;
   width: 200px;
   height: 92px;
}

.mtk-dzt-infowindow-content {
   font-size: 12px;
   font-weight: normal;
   padding: 3px 13px 0px 13px;
}

.mtk-dzt-infowindow-links {
   padding-top: 5px;
}

.mtk-dzt-infowindow-links span {
   font-weight: bold;
}

.mtk-dzt-infowindow-media-links {
   background-color: #d9dadb;
   margin: 5px 5px 0 5px;
   font-size: 12px;
   font-weight: normal;
}

.mtk-dzt-infowindow-media-hover span {
/*   text-decoration: underline;*/
}

.mtk-dzt-infowindow-media {
   cursor: pointer;
   background-color: #d9dadb;
   padding: 3px 0px 3px 0px;
   margin: 0 8px 0 8px;
   border-bottom: 1px dotted #87888a;
}

.mtk-dzt-infowindow-media-last {
   cursor: pointer;
   background-color: #d9dadb;
   padding: 3px 8px 0 8px;
}

.mtk-dzt-infowindow-media-links img {
   vertical-align: text-bottom;
   padding-right: 5px;
}

.mtk-dzt-infowindow-content h1 {
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 5px;
   margin: 0;
}

.mtk-dzt-infowindow-content a {
   color: #B46C1C;
   text-decoration: none;
}

.mtk-dzt-infowindow-content a:hover {
   text-decoration: none;
}

.mtk-dzt-checkbox {
   margin-top: -22px;
   float: right;
   width: 15px;
   height: 15px;
}

.mtk-dzt-menu {
   margin-top: 40px;
   width: 240px;
   margin-right: 40px;
}

.mtk-dzt-menu-top {
   background: url("../../images/dzt/menu/bg.top.png");
   width: 240px;
   height: 15px;
}

.mtk-dzt-menu-content {
   width: 240px;
   background: url("../../images/dzt/menu/bg.middle.png");
   max-height: 400px;
   overflow-y: auto;
   overflow-x: hidden;
}

.mtk-dzt-menu-bottom {
   position: absolute;
   margin-top: -2px;
   width: 240px;
   height: 15px;
   background: url("../../images/dzt/menu/bg.bottom.png");
}

.mtk-treemenu-level0 {
   font-weight: bold;
   background: url("../../images/dzt/menu/group.closed.png");
   padding: 5px 0 5px 10px !important;
   margin: 0 0 2px 3px !important;
   width: 224px !important;
}

.mtk-treemenu-level0-checked {
   background: url("../../images/dzt/menu/group.opened.png");
   color: white;
}

.mtk-treemenu-level1 {
   border-top: 1px dotted #868889;
   padding: 1px 0 1px 0 !important;
   margin: 0 10px 0 15px !important;
}

.mtk-treemenu-level1:first-child {
   border-top: none;
   padding-top: 2px !important;
}

.mtk-treemenu-level1:hover, .mtk-treemenu-level2:hover, .mtk-treemenu-level3:hover {
   background: #c8c8c8;
}

.mtk-treemenu-level2 {
   padding: 1px 0 1px 0px !important;
   margin: 1px 10px 0 15px !important;
}

.mtk-treemenu-level2-node {
   padding: 1px 0 1px 18px !important;
}

.mtk-treemenu-level3 {
   padding: 1px 0 1px 18px !important;
   margin: 1px 10px 0 15px !important;
}

.mtk-dzt-maptype {
   background: url("../../images/dzt/menu/bg.png");
   height: 40px;
   width: 99%;
}

.mtk-dzt-maptype-content {
   position: relative;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   font-size: 12px;
   color: white;
   margin-top: 12px;
   margin-left: 20px;
}

.mtk-dzt-maptype-content a {
   font-size: 12px;
   text-decoration: none;
}

.mtk-dzt-maptype-close {
   position: absolute;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   font-size: 12px;
   color: white;
   top: 12px;
   right: 285px;
   float: right;
   cursor: pointer;
}

.mtk-dzt-maptype-close img {
   vertical-align: baseline;
}

.mtk-dzt-maptype-content a { color: white; }

.mtk-dzt-logo {
   background: url("../../images/dzt/menu/logo.background.png");
   cursor: pointer;
   width: 280px;
   height: 90px;
}

.mtk-dzt-search {
   background: url("../../images/dzt/menu/search.png");
   margin-top: 20px;
   margin-right: 40px;
   width: 240px;
   height: 40px;
}

.mtk-dzt-search input {
   border: none;
   background: none;
   height: 17px;
   margin-left: 10px;
   margin-top: 10px;
   width: 218px;
   color: white;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   font-size: 12px;
}

.mtk-dzt-planner {
   margin-bottom: 2px;
}

.mtk-dzt-planner-info {
   font-size: 12px;
   padding: 2px;
   cursor: pointer;
}

.mtk-dzt-planner-panel {
   margin: 10px 5px 0 5px;
   border-top: 1px dashed #c0c0c0;
   padding: 0px 5px 0 5px;
   max-height: 500px;
   overflow-y: auto;
   overflow-x: hidden;
}

.mtk-dzt-planner input {
   border: 1px solid #c0c0c0;
   background: none;
   height: 17px;
   margin: 0 0 0px 5px;
   width: 195px;
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
   font-size: 12px;
}

.mtk-dzt-planner img {
   margin-left: 10px;
   vertical-align: text-bottom;
}

.ui-autocomplete {
   z-index: 2000 !important;
   font-size: 12px;
}

.ui-autocomplete ul {
   font-size: 12px;
}

.ui-autocomplete a {
   font-size: 12px;
}

.mtk-locateme                                                  { width:14px; height:14px; margin:-1px 0 0 -1px;}
.mtk-locateme-marker                                           { -webkit-animation-name: mtk-locateme-pulse; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; }
@-webkit-keyframes mtk-locateme-pulse                          { 0% { opacity: 1.0; -webkit-transform: scale(1.05); } 40% { opacity: 0.45; -webkit-transform: scale(0.85); } 100% { opacity: 1.0; -webkit-transform: scale(1.05); } }