#map-container {
	width: 99%;
	height: 850px;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	border: 1px solid gray;
	margin-bottom: 10px;
	position: relative;
}
#map {
	width: 0;
	height: 0;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-image: url("/static/images/map_bg.png?v=2");
	position: relative;
}
.node {
	width: 20px;
	height: 20px;
	position: absolute;
}
.link {
	background-color: #AAAAAA;
	border: 1px solid gray;
	position: absolute;
}

.node-estate    { background-size: 20px 20px; background-image: url("/static/images/estate.png"); }
.node-train     { background-size: 20px 20px; background-image: url("/static/images/train.png?v=110"); }
.node-airport   { background-size: 20px 20px; background-image: url("/static/images/airport.png"); }
.node-harbor    { background-size: 20px 20px; background-image: url("/static/images/harbor.png"); }
.node-shop      { background-size: 20px 20px; background-image: url("/static/images/shop.png"); }
.node-jump      { background-size: 20px 20px; background-image: url("/static/images/jump.png"); }
.node-dubbing   { background-size: 20px 20px; background-image: url("/static/images/dubbing.png"); }
.node-lottery   { background-size: 20px 20px; background-image: url("/static/images/lottery.png"); }
.node-recover   { background-size: 20px 20px; background-image: url("/static/images/recover.png"); }
.node-warp      { background-size: 20px 20px; background-image: url("/static/images/warp.png"); }
.node-bank      { background-size: 20px 20px; background-image: url("/static/images/bank.png"); }
.node-plus      { background-size: 20px 20px; background-image: url("/static/images/plus.png"); }
.node-minus     { background-size: 20px 20px; background-image: url("/static/images/minus.png"); }
.node-card      { background-size: 20px 20px; background-image: url("/static/images/card.png"); }
.node-nicecard  { background-size: 20px 20px; background-image: url("/static/images/nicecard.png"); }

.node-title {
	line-height: 30px;
}
.node-title > img {
	width: 20px;
	height: 20px;
	margin: 4px;
	float: left;
}

.balloon-content {
	padding: 5px;
	text-align: center;
}
.balloon-content a {
	display: block;
	margin-top: 5px;
	text-align: right;
}

#toolbar {
	margin: 8px;
}
#toolbar > form > .control-group {
	padding: 5px;
}
#toolbar > form > .control-group:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
#toolbar > form > .control-group > * {
	margin-right: 10px;
}
#toolbar > form > .control-group > *:last-child {
	margin-right: 0;
}

div.search-result {
	margin: 10px;
	padding: 10px;
	border: 4px double #AAAAAA;
	border-radius: 8px;
}

#dice-spinner: {
}
.overlay {
	background-color: rgba(0, 0, 0, 0.5);
}
.pin {
	position: absolute;
	width: 48px;
	height: 40px;
    background-size: 48px 40px;
	z-index: 1;
}
.pin.red {
	background-image: url("/static/images/pin_red.png");
}
.pin.blue {
	background-image: url("/static/images/pin_blue.png");
}

table.reach-possibility {
	border-spacing: 1px;
	border: 1px solid #c0c0c0;
}
table.reach-possibility th,
table.reach-possibility td {
	padding: 4px;
	border: 1px solid #c0c0c0;
	height: 40px;
	vertical-align: middle;
}
table.reach-possibility th {
	width: 110px;
	text-align: center;
}
table.reach-possibility td {
	text-align: right;
}

table.reach-possibility td.best {
	background-color: rgb(187, 238, 255);
}
table.reach-possibility td.worst {
	background-color: rgb(255, 204, 204);
}

.station-select {
	width: 140px;
}
.station-select-option {
	vertical-align: middle;
}
img.station-select-option {
	width: 20px;
	height: 20px;
	margin: 6px 3px;
}

div.search-result    { font-size: 1.1em; }
div.search-result dd { font-size: 1.3em; }
div.search-result dd th { font-size: 0.8em; }

div.search-result dl {
	clear: both;
	margin-left: 5px;
	margin-top: 5px;
}
div.search-result dd:last-child,
div.search-result dl:last-child {
	margin-bottom: 0;
}

div.search-result dt {
}
div.search-result dd {
	margin-left: 30px;
}

.dice-list-span {
}
.dice-list-span:not(:last-child):after {
	content: ', ';
}

@media screen and (max-width:480px) { 
	dl.reach-possibility.horizontal { display: none; }
	#toolbar > form > div.control-group:nth-child(2) > label {
		display: block;
		margin: 4px;
	}
}

@media screen and (min-width:481px) { 
	dl.reach-possibility.vertical { display: none; }
}


#fullscreen-button {
	float: right;
}

html.fullscreen,
body.fullscreen {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
	background-color: white;
}
body.fullscreen #wpadminbar {
	display: none;
}

body.fullscreen #page,
body.fullscreen #main {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	max-width: none;
}
body.fullscreen #header,
body.fullscreen #branding,
body.fullscreen #footer,
body.fullscreen h1.entry-title {
	display: none;
}

body.fullscreen #map-container {
	height: 100%;
	width: 100%;
	margin: 0;
	border-width: 0;
	border-top: 1px solid gray;
}