@import url("default.css");

/* CLIENT STYLE OVERRIDES GO IN THE CLIENT LEVEL VERSION OF THIS STYLESHEET */
html {   
	font-size: 1.1em;
    line-height: 1.6;
    background: #111;
    font-family: 'Neris-Light', 'Verdana', 'Helvetica','Arial',sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html, button, input, select, textarea {
    color: #333;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* Body for all pages */

body {
	background-color: #fff;
    color: #333;
    min-width: 320px;
    max-width: 1440px;
    margin: auto;
    font-family: 'Neris-Light', 'Verdana', 'Helvetica','Arial',sans-serif;
    font-size: 14px;
    line-height: 1.5;
	}
p { margin: 0 0 12px; }	
.clear { clear:both; }
.wrapper { background-color: #fff; }
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content:" "}.container:after{clear:both}
.container:before,.container:after{display:table;content:" "}.container:after{clear:both}
@media(min-width:768px){
	.container{width:750px}
}
@media(min-width:992px){
	.container{width:970px}
}
@media(min-width:1200px){
	.container{width:1170px}
}
.header.wrapper {
    width: 100%;
    background-color: #f2f4f3;
    text-align: left;
    background: #f2f4f3;
	box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
	.header.wrapper {
		background: #fff;
		background: -moz-linear-gradient(top, #f2f4f3 0%, #ffffff 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f4f3), color-stop(100%, #ffffff));
		background: -webkit-linear-gradient(top, #f2f4f3 0%, #ffffff 100%);
		background: -o-linear-gradient(top, #f2f4f3 0%, #ffffff 100%);
		background: -ms-linear-gradient(top, #f2f4f3 0%, #ffffff 100%);
		background: linear-gradient(to bottom, #f2f4f3 0%, #ffffff 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f4f3', endColorstr='#ffffff',GradientType=0 );
	}
}
.container.main.wrapper {
    padding-bottom: 2em;
}
/* Page title */
.title {
	background-color: #00612e;
	padding: 10px 20px 3px 20px;
	border-bottom: 2px solid #FFFFFF;
	font-size: 0.7em;
	font-style: italic;
	text-align: left;
	font-weight: normal;
	margin: 0px;
}
/* Navigation  */
.navbar {
	position: relative;
    top: auto;
    left: auto;
    background-color: #e3e9e5;
    border: 0;
	}
	.navigation {
		padding: 0;
		font-size: 1em;
		line-height: 1.5em;
		background: #e3e9e5;
		position: relative;
		text-align: center;
		margin: 0 auto;
		}
		.navigation ul {
			background-color: #e3e9e5;
			margin: 0;
			position: relative;
			}
			.navigation ul li {
				display: inline-block;
				box-sizing: border-box;
				}
				.navigation ul li a,
				.navigation ul li a:hover,
				.navigation ul li a:visited,
				.navigation ul li a:active,
				.navigation ul li a:focus
				{
					display: inline-block;
					text-decoration: none;
					color: #333;
					box-sizing: border-box;
					position: relative;
					margin-left: 0px;
					border-radius: 40px;
					padding: 10px 15px;
					margin-top: 7px;
					margin-bottom: 7px;				
				}}
				@media only screen and (max-width: 992px) {
					.navigation ul li a,
					.navigation ul li a:hover,
					.navigation ul li a:visited,
					.navigation ul li a:active,
					.navigation ul li a:focus
					{
						margin-left: 0px;
						border-radius: 30px;
						padding: 8px 12px;
						margin-top: 5px;
						margin-bottom: 5px;				
				}}
				.navigation ul li a:hover, .navigation ul li a.currentpage {
					background-color: #fff;
				}

/* Banner image block - should match banner size */
.banner.wrapper { 
	width:100%;
	height:133px; 
	box-sizing: border-box;
	background-color: transparent;
	}
.banner .logo { 
    width: 62%;
    height: 133px;
    float: left;
}
.banner form {
    width: 38%;
    display: inline-block;
    float: right;
	margin: 48px 0 0;
	box-sizing: border-box;
	}
	.banner form input {
		height: 40px;
		background-color: #f2f4f3;
		display: inline-block;
		width: 70%;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #555;
		vertical-align: middle;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
		-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
		box-sizing: border-box;
	}
	.banner form button {
		color: #333;
		background-color: #ebebeb;
		border-color: #adadad;
		border: 1px solid #555;
		padding: 3px 12px;
		font-size: 14px;
		line-height: 1.428571429;
		color: #555;
		vertical-align: middle;
		background-image: none;
		border: 1px solid #ccc;
		border-radius: 0;
		display: inline-block;
		height: 40px;
		margin:0;
	}

.banner .logo img {
	width: auto;
    display: block;
    float: left;
    height: 119px;
    margin: 10px 5px 4px 0;
}
@media only screen and (max-width: 768px) {
	.banner .logo img {
		width: auto;
		height: 67px;
		margin: 10px 10px 5px 0;
	}
	.banner.wrapper, .banner .logo {
		height: 90px;
	}
	.banner form {
		margin: 25px 0 0 0;
	}
	.banner form input, .banner form button {
		height: 30px;
		width: 65%;
		padding: 6px;
		font-size: 12px;
	}
	.banner form button {
		width: auto;
	}
}
img {
    vertical-align: middle;
    border: 0;
}

.content, #searchdisplay td {
    text-align: left;
    margin:0;
    font-size: 1em; 
    padding-top: 10px;
    padding-bottom: 20px;
}

.start .section {
	padding:0;
}

.contenttop {
    border: none;;
    text-align: left;
    font-size: 1.2em;
    font-weight: normal;
	background-color: #b6d583;
    background-image: url(../images/texture-green.png);
    padding: 5px 10px;
    border: solid 10px #c8e0a2;
    margin: 5px 0 10px;
}
.subtitle {
    background-color: transparent;
    padding: 0 0 5px 0;
    border-bottom: none;
    text-align: left;
    font-size: 1.1em;
    font-weight:bold;
}
.session .location, .session .datetime,
.paper .location, .paper .datetime {
    font-style: italic;
    text-align: left;
    color: #333;
    margin-bottom: 1em;
	font-size: 0.9em;
	line-height: 1.2em;
}
.session .datetime, .paper .datetime { margin: 1.0em 0.0em 0.2em 0.0em; }
.session .group {
    width: auto;
    float: left;
    text-align: left;
    font-size: 1.0em;
	display: inline-block;
}
.session .people {
    margin-left: 15px;
    text-align: left;
    font-style: italic;
    font-size: 1.0em;
	display: inline-block;
}

.paper .number {
    color: #FFFFFF;
    padding: 0 5px;
    background-color: #6096BF;
    font-weight: normal;
}
.paperauthors {
	line-height: 1.2em;
}
.paper .abstract {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
@media only screen and (max-width: 768px) {
	.paper .abstract {
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
}

p.doi {
    text-align: center;
    padding: 1em 0 0 0;
}

.program .date, .meeting .date,
.authorindex .alphalist,
.keywordindex .alphalist {
	margin:0;
    background-color: #43c1d4;
    background-image: url(../images/texture-blue.png);
    border: solid 10px #72d1df;
	box-sizing: border-box;
	text-align: left;
    color: #fff;
    padding: 5px 0 5px 10px;
    font-size: 1em;
}
.program .time, .meeting .time {
	color: #000;
	clear: both;
}

.keywordindex .keyword {
    float: none;
    font-weight: bold;
    margin-right: 0;
}
.keywordindex .entries {
    margin-left: 2.0em;
}
.authorindex .alphalist,
.keywordindex .alphalist {
	text-align: center;
}
.alphalist a:link,
.alphalist a:hover,
.alphalist a:active,
.alphalist a:focus,
.alphalist a:visited {
	color: #fff;
}
.footer.wrapper {
	position: relative;
    width: 100%;
    background-color: #f2f4f3;
    text-align: center;
    border-top: solid 1px #b9c0bc;
}
.foot-bug {
    width: 42px;
    height: 42px;
    margin: -21px auto 5px auto;
	display: block;
}
.foot-bug img {
	width: 100%;
	height: auto;
}
.footer h4 {
	text-transform: uppercase;
	margin-top: 20px;
	font-size: 18px;
	font-weight: normal;
}
.footer p {
	font-size: 14px;
}
.footerinfo {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	text-align: left;
}
.esa-info{
    margin-left: -15px;
    margin-right: -15px;
    background-color: #e3e9e5;
    text-align: center;
    padding: 24px 26px 70px;
}	
@media (min-width: 768px) {
	.footerinfo {
		float: left;
		width: 66.66666666666666%;
		margin-top: -26px;
	}
	.esa-info {
		float:left;
		width: 33%;
		margin-top: -26px;
	}
}
.footer .social-icon {
    width: 32px;
    height: 32px;
    margin-right: 2px;
    margin-bottom: 10px;
    border-radius: 3px;
}
a.btn-blue,
a.btn-blue:visited,
a.btn-blue:link,
a.btn-blue:active,
a.btn-blue:hover,
a.brn-blue:focus {
    background-color: #109dbd;
    border-radius: 4px;
    width: auto;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 20px;
}
a.btn-blue:hover {
    background-color: #0079a4;
	text-decoration:none;
}
#menu-footer {
	margin: 30px 0 20px 0;
	border-left: 1px solid #ccc;
	padding: 0
	}
	#menu-footer li {
		display: inline-block;
		border-right: 1px solid #ccc;
		padding: 2px 10px;
	}
.footer .esa-logo {
    width: 72px;
    height: 63px;
    margin-bottom: 10px;
}
.esa-list, .foot-list {
    list-style: none;
    padding-left: 0;
    font-size: 14px;
}
.esa-list li, .foot-list li {
    border-top: solid 1px #b9c0bc;
    padding-top: 10px;
}