.bigmap pre, code {
    margin: 1.5em 0;
    white-space: pre;
}
.bigmap pre, code {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height:1.5;
}
.bigmap a[href] {
    color: #436976;
    background-color: transparent;
}
.bigmap h1, h2, h3, h4, h5, h6 {
    color: #003a6b;
    background-color: transparent;
    font: 100% 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    margin: 0;
    padding-top: 0.5em;
}
.bigmap h1 {
    font-size: 130%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #fcb100;
}
.bigmap h2 {
    font-size: 120%;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #aaa;
}
.bigmap h3 {
    font-size: 110%;
    margin-bottom: 0.5em;
    text-decoration: underline;
}
.bigmap h4 {
    font-size: 100%;
    font-weight: bold;
}
.bigmap h5 {
    font-size: 100%;
    font-weight: bold;
}
.bigmap h6 {
    font-size: 80%;
    font-weight: bold;
}

/**
 * Map Examples Specific
 */
.bigmap .smallmap {
    width: 512px;
    height: 256px;
    border: 1px solid #ccc;
}

.bigmap .normalmap {
    width: 768px;
    height: 385px;
    border: 1px solid #ccc;
}

.bigmap {
    width: 900px;
    height: 500px;
    border: 1px solid #ccc;
}

.bigmap #tags {
    display: none;
}

.bigmap #docs p {
    margin-bottom: 0.5em;
}

.smallmap {
    width: 100%;
    height: calc(100% - 160px);
	border: 1px solid #ccc;
}
.modalButton {
  color: #666 !important;
  font-size: 15px;
  letter-spacing: -1px;
  padding-left: 5px;
  text-decoration: none;
}
.modalButton:hover
{
    background-color: #f0f0f0;
}
.margin5top
{
	 margin-top: 5px;
}


@media screen and (min-width: 242px) and (max-width: 440px) {
	#inputLat,
	#inputLon {
		width: 80px;
	}
	.smallmap {
		height: 210px!important;
	}
}


@media screen and (min-width: 201px) and (max-width: 241px) {
	#inputLat,
	#inputLon {
		width: 65px;
	}
	.smallmap {
		height: 165px!important;
	}
}

@media screen and (max-width: 200px) {
	#inputLat,
	#inputLon {
		width: 50px;
	}
	.smallmap {
		height: 165px!important;
	}
}