html {
height: 100%;
}
/* Start with core styles outside of a media query that apply to mobile and up */
/* Global typography and design elements, stacked containers */
body { font-family: Helvetica, san-serif;	height: 100%; }
H1 { color: green; }
/*a:link { color:purple; } */

/* Stack the two content containers */
.main,
.sidebar { display:block; width:100%; }

/* First breakpoint at 576px */
/* Inherits mobile styles, but floats containers to make columns */
@media all and (min-width: 36em){
	.main { float: left; width:60%; }
	.sidebar { float: left; width:40%; }
}

/* Second breakpoint at 800px */
/* Adjusts column proportions, tweaks base H1 */
@media all and (min-width: 50em){
	.main { width:70%; }
	.sidebar { width:30%; }

	/* You can also tweak any other styles in a breakpoint */
	H1 { color: blue; font-size:1.2em }
}

body, #home {
	padding: 0 !important;
	margin: 0 !important;
}

html, body, #home {
	height: 100% !important;
}

#home #message-login {
	position: fixed;
	top: 0em;
	right: 0em;
	max-width: 70%;
	z-index: 1;
	padding: 0em 0em 0em 0.5em !important;
	margin: 0px 0px 0px 0px !important;

	text-align: right;
	background-color:rgba(255,255,255,0.7);
}

#home #message-login p {
	margin: 0px 0px 0px 0px;
	padding: 0em 0.2em 0.2em 0.2em;
	font-weight: bold;
}

#locate-button {
	position: fixed;
	top: 0.7em;
	left: 3.6em;
	z-index: 1;
}

#locate-button input {
	padding: 0.2em 0.2em 0.2em 0.2em;
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	background-color: white;
}
/*
#message-login-whatis p, 
#message-login-whatis div,
#message-login .userprefs-form {
	text-align: left;
}
*/

#message-login {
padding: 0.5em 0.5em 0.5em 0.5em;
}

/* Button that opens the side panel */
#message-login-button-more {
	float: right;
	cursor: pointer;
	padding: 0.5em 0.5em 0.5em 0.6em;
	width: 1.3em;
}

#message-login-button-more div {
	height: 0.3em;
	border-bottom: 3px solid #164060;
}

#message-login-button-more div:first-child {
	border-top: 3px solid #164060;
}


#message-login p {
text-align: center;
margin: 0;
padding: 0;
}

#home .ui-panel-wrapper, #home .ui-content {
	height: 100% !important;
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0px;
    left: 0;
    padding: 0 !important;	
}

#map {
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.popup {
	width: 22em;
	height: 12em;
	overflow: scroll;
}

.publish-conditions-msg {
	font-size: 0.7em;	
}

#descContent, #addDesc {
	padding: 1em 1em 1em 1em;
}

#descContent {
/* Does not work */
	height: 85% !important; 	
}

#descContent .descAuthor, #descContent .descDate {
	float: right;
	font-style: italic;
	font-size: 0.9em;
	margin-left: 0.5em;
}

#descContent .descTitle {
/* Does not work */
	height: 10%;
}

#descContent .descContentText {
/* Does not work */
	height: 80%;
	overflow: auto;
	padding-bottom: 0.3em;
}

#descContent .descContentLink {
/* Does not work */
	height: 80%;
}

#descContent .descContentSourceCredits,
#descContent .descContentDataDetails {
	font-size: 0.8em;
}

#descContent .descContentFooter {
/* Does not work */
	height: 10%;
}

.success-message {
    z-index:    1000;

	position: absolute;
    left: 50%;
    top: 50%;
    
    width: 20em;
    height: 4em;
    
    margin-left: -10em;
    margin-top: -2em;
	
	text-align: center;
	font-weight: bold;
	
    background: white; 	
}

.error-message {
	color: red;
	font-weight: bold;
}

/* Forms */
.formfielderrormsg {
	color: red;
	display: none: /* Hidden by default */
}