#bubble { margin: 25px; width: 240px; height: 219px; font-family: Roboto, Arial, sans-serif }
.bubble_close {
  background-image: url("../images/close.gif") !important;
  width: 31px;
  height: 16px;
  position: absolute;
  top: 5px;
  z-index: 101;
  border-style: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  right: 8px;
  display: none;

}
.mainbubble {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-style: none;
  display: inline-block
}
.mainbubblecontent { width: 214px; height: 205px; position: relative; left: 14px; top: 4px; text-align: left }
.mainbubblelocationname { font-size: 12px; font-weight: bold; margin-bottom: 0.1em; padding-right: 15px }
.mainbubbletabcontent { position: relative; width: 100%; height: auto; overflow: hidden }
.tab_content { color: #000000; font-size: 11px; font-family: 'Roboto', sans-serif }
.tab_content h3 { color: #101010; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; word-wrap: unset; margin-top: 12px }
.tab_content ul { margin: 0; padding: 0 }
.tab_content ul li { list-style: none; color: #101010; font-size: 13px; list-style: outside none none; font-family: Roboto, Arial, sans-serif }
.activetabcontent { display: show; z-index: 1001 }
.nonactivetabcontent { display: none }
.get_derection { padding-top: 0.7em; font-family: verdana; font-size: 12px; color: #666666 }
.get_derection a { color: #666666; text-decoration: none }
.get_derection a:hover { color: #666666; text-decoration: underline }
.textfield { font-family: verdana; font-size: 11px; color: #8B8B8B; border: 1px solid #7e9db9; width: 114px; height: 18px; margin-top: 6px }
.go { background-color: #e9ecf4; border: 1px solid #c4cde0; width: auto; height: 18px; margin-left: 5px; padding: 0 2px 2px 2px; font-family: verdana; color: #4b54a9; font-size: 11px; font-weight: bold }
.dir { font-size: 11px; color: #666666; margin-right: 5px }