html,body
{
	width:			100%;
	height:			100%;
	margin:			0;
}

div.full-screen-container
{
	position:		relative;
	width:			100%;
	height:			100%;
	background:		yellow;
}

div.full-screen-container #navigation
{
	position:		absolute;
	top:			0;
	left:			0;
	right:			0;
}

div.full-screen-container #map
{
	position:		absolute;
	top:			62px;
	bottom:			60px;
	left:			0;
	right:			0;
}

div.full-screen-container #footer
{
	position:		absolute;
	height:			60px;
	bottom:			0;
	left:			0;
	right:			0;
}

.leaflet-popup-content-wrapper
{
	padding:		7px 7px 7px 7px;
}
.leaflet-popup-close-button
{
	position:absolute;
	right:0;
	top:0;
	width:20px !important;
	height:20px !important;
	padding:3px !important;
	background-color:white !important;
	border-radius:3px;
}

.mapPopupContent
{
	width:			350px;
	height:			300px;
}

.mapPopupContent div.popup-thumb
{
	width:			350px;
	height:			200px;
	text-align:		center;
	vertical-align:	middle;
	display:		table-cell;
	background:		#ddd;
}

.mapPopupContent div.popup-info
{
	width:			350px;
	height:			75px;
	padding:		5px 0;
}

.mapPopupContent div.popup-info h2
{
	font-size:		14px;
	margin:			0;
	margin-bottom:	3px;
}

.mapPopupContent div.popup-info p
{
	font-size:		12px;
	margin:			0;
}

.mapPopupContent div.popup-info p.user
{
}

.mapPopupContent div.popup-info p.teaser
{
}

.mapPopupContent div.popup-link
{
	height:			15px;
}

/* SMALL MARKER */

div.small-marker
{
	background:		white;
	border:			1px solid #777;
}

div.small-marker img
{
	position:		absolute;
	left:			3px;
	top:			3px;
}

/* MEDIUM MARKER */

div.medium-marker
{
	background:		url(/img/medium-marker-bg.png);
	position:		relative;
}

div.medium-marker img
{
	position:		absolute;
	left:			10px;
	top:			10px;
}

div.medium-marker.draggable
{
	background:		url(/img/medium-marker-draggable-bg.png);
}

div.medium-marker.draggable img
{
	cursor:			move;
}

/* POPUP */

.leaflet-popup-content
{
	font-size:	12px;	
}

p.popup-thumb
{
	text-align:	center;
	background:	#eee;
	margin:		5px;
}

h2.popup-title
{
	margin:		5px;
}

p.popup-meta
{
	margin:		5px;
}
div.yearChoice,
div.locationChoice
{
	margin-left: 30px;
}
input.year
{
	width:	50px;
}
</style>
<style>
ul.tips
{
	list-style:none;
	margin:0 0 20px 0;
	padding:0 0 0 35px;
}
ul.tips li
{
	position:relative;
	padding:0;
	margin:1px 0px 1px 20px;
}
ul.tips li i
{
	position:absolute;
	left:-20px;
	top:3px;
}