body {
	font: 90%/1.45em Arial, Helvetica, sans-serif;
	margin: 1em;
	padding: 0;
	color: #333;
	background-color: #fff;
}

body h1 {
	font-family:  "Times New Roman", "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: 100;
	letter-spacing: 1px;
	font-size: 3em;
	line-height: 0.9em;
	height:1em;
}

h1 span {
	font-size: 0.5em;
	line-height: 1em;
}

h1 a, #top{
	text-decoration: none;
	color:inherit;
}

h1 a:hover {
	text-decoration: underline;
	color:#249;
}

div#welcome {
  line-height:2em;
	margin: 3em 0;
}
.column {
	display: inline-block;
	max-width: 30em;
	vertical-align:top;
	padding: 0em 1em;
}
.question{
	font-weight: bold;
}
/* **************** *
 * User login stuff *
 * **************** */
div#account {
	padding:10px;
	position:absolute;
	top:0;
	right:0;
}
a#login{
	cursor: pointer;
	color: #999;
	font-size: 20px;
	line-height: 22px;
}

a#login:hover{
	color: #338caf;
}

a#logout {
	background-color: #fefefe;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 0px 1px 4px rgba(100, 100, 20, 0.4);
}
a#logout:hover {
	background-color: #fefefe;
	border-radius: 4px;
	padding: 5px;
	box-shadow: 0px 1px 4px rgba(10, 10, 200, 0.4);
}
#orcid-id-logo{
	padding: 2px;
	vertical-align:middle;
}
/* The notifications drawer - position it at the bottom and in the middle of the screen */
#notifications {
 top: 3em;
 right: 0;
 width: 400px;
 position: fixed;
 z-index: 10000;
}

#notifications .notification {
 visibility: hidden;
 width: 360px;
 margin-bottom: 10px;
 padding: 16px;
 color: #fff;
 text-align: left;
 border-radius: 12px;
 overflow: hidden;
}
#notifications .notification.show {
 visibility: visible;
 /* Add animation: Take 0.5 seconds to fade in and out the notifications.
 However, delay the fade out process for 5.5 seconds */
 animation: fadein 0.5s, fadeout 0.5s 5.5s;
 animation-fill-mode: forwards;
}

/* Animations to fade the notifications in and out */
@keyframes fadein {
 from {margin-right: 0px; opacity: 0;}
 to {margin-right: 30px; opacity: 1;}
}

@keyframes fadeout {
 from {margin-right: 0 30px 10px; padding: 16px; opacity: 1; font-size: 100%; }
 to {margin: 0; padding: 0; opacity: 0; font-size: 0; }
}

#notifications .notification.info {
	background-color: #79b;
}
#notifications .notification.error {
	background-color: red;
}
#notifications .notification.hello {
	background-color: #B8936A;
}
#notifications .notification.success {
	background-color: #92C493;
}

#body div.DTE_Field {
	padding: 5px 20px;
}
#body div.DTE_Field > div.DTE_Field_Input {
	overflow:hidden;
}