.bridges .info {
	text-align:center;
	margin: 20px auto;
}
.bridges .body {
	padding: 0 10px;
}
.bridges #board {
	position: relative;
	margin: 10px auto 40px;
	border: 5px solid #3080D0;
}

.bridges .island, .bridges .sea {
	position: absolute;
	width: 24px;
	height: 24px;
}

.bridges .island {
	text-align: center;
	line-height: 24px;
	font-weight: bold;
	cursor: pointer;
	background: url('/bridges/island.png') no-repeat center center #fff;
	color: #000;
	user-select: none;
}

.bridges .island.selected {
	background: url('/bridges/island-sel.png') no-repeat center center #fff;
}

.bridges .island.done {
	background: url('/bridges/island-done.png') no-repeat center center green;
	color: #fff;
}

.bridges .sea {
	background: url('/bridges/sea.png') no-repeat center center;
}

.bridges .hbridge1 {
	background: url('/bridges/hbridge1.png') no-repeat center center;
}

.bridges .hbridge2 {
	background: url('/bridges/hbridge2.png') no-repeat center center;
}

.bridges .vbridge1 {
	background: url('/bridges/vbridge1.png') no-repeat center center;
}

.bridges .vbridge2 {
	background: url('/bridges/vbridge2.png') no-repeat center center;
}

.bridges #gameOver{
	position: absolute;
	background-color:#fff;
	color: #333;
	text-align: center;
	border: 1px solid #3080D0;
	padding: 10px 5px;
	display: none;
	z-index: 100;
}