.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-control-fullscreen {
   width: 17px;
}

.mtk-control-fullscreen img {
   margin-top: -2px;
}

@-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); } }