@import url('https://fonts.googleapis.com/css?family=Montserrat|Raleway');
@import url('fontawesome');
body, body.webprogram {
	background-attachment: fixed;
    background-color: #1e73be;
    background-image: url("../images/bgimg.jpg");
    background-position: left top;
    background-repeat: repeat-x;
}
a {
	color: #e94f49;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.page {
	box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.5);
	background-color: #FFF;
	box-sizing: border-box;
}
.webprogramNavigation, .webprogramContent {
	padding: 10px 30px;
	box-sizing: border-box;
}

h2.subtitle {
	font-size: 200%;
	text-transform: uppercase;
	color: #494949;
	padding: 15px 0;
	border-bottom: 1px solid rgba(73, 73, 73, 0.1);
}

h3.header, h4.date{
	font-size: 180%;
    margin-bottom: 0.555em;
    font-family: "Monserrat", sans-serif;
    color: #494949;
}

/* Navigation */

.navigation ul {
	padding: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: flex-end;
}
.navigation ul li {
	padding: .25em .75em;
	border-right: 1px solid rgba(73, 73, 73, 0.1);
}
.navigation ul li:last-child {
	border: none;
}
.navigation ul li a {
	display: block;
	width: 100%;
}



/* Content */
.content {
	padding: 0 1em;
}
.item {
	margin-left: 1em;
}
.itemtitle_aclPaper li {
	list-style-type: none;
}
.itemtitle_aclPaper li .papertitle {
	width: calc(100% - 9em);
	display: inline-block;
}
.childitem {
    padding: 5px 0;
}

.paper .abstract {
    margin-top: 30px;
}
.paper .content .paperauthors .name {
    border-bottom: 0 none;
    margin: 10px 0 5px;
    padding: 0 0 3px;
}
.paperauthors {
    font-style: italic;
    font-weight: normal;
}

.paper .content .authorimage img {
    border: 1px solid #ccc;
    display: inline-block;
    float: left;
    margin: 0 15px 10px 0;
    padding: 3px;
}
.paper .content .authorimage p {
    margin: 0;
    padding: 0;
}
.paper .content .authorbio {
}

.papertime {
	width: 8em;
	display: inline-block;
	vertical-align: top;
	margin-top: 1.5em;
}
.childitem .speakers {
	margin-left: 8.3em;
	display: block;
	font-style: italic;
    font-weight: normal;
}

.clearfix {
	clear: both;
	float: none;
}

.datetime {
	display: inline-block;
	padding: .25em .5em;
	background-color:#E94F49;
	color: #FFF;
	border-radius: 4px;
}

.content .footer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 50%;
	margin: 0 auto;
}


.contentNavigation {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-around;
}


.footerColumns {
	background-color: #F3F3F3;
	list-style-type: none;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	margin: 2em 0;
}

.footerColumns div {
	border-right: 1px solid rgba(0, 0, 0, 0.04);
	padding: 1em;
	width: 30%;
}
.footerColumns div:last-child {
	border: none;
}

.footerColumns div.GWW img {
	max-width: 230px;
}
.footerColumns div.NGWA img {
	max-width: 180px;
}

.footerColumns p {
	font-size: 13px;
	color: #898989;
}

/* Author Index */
.alphalist {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: horizontal;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-around;
}

.authorindex .alphalist, .keywordindex .alphalist {
    border: 1px solid #EFEFEF;
    padding:  0.5em 0;
    text-align: center;
    margin-bottom:1em;

}
.authorindex .item {
	margin: 0;
	padding: 5px 0;
	border-bottom: 0px;
	display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: horizontal;
-ms-flex-direction: row;
flex-direction: row;
	}
	.authorindex .author, .person .author {
		width: 120px;
		height: auto;
		overflow:visible;
		z-index: 100;
		display: inline-block;
		float: left;
		}
.authorphoto {
	display: block;
	position:relative;
	margin:5px 0;
	}
	.authorphoto p {
		width: 110px;
		height:auto;
		margin:0;
		padding: 0;
		}
		.authorphoto p img {
			width: 100%;
			height: auto;
			}
		.authorphoto .photofull {
			display: none;
			z-index: 200;
			}
			.authorphoto:hover .photofull {
				display: inline-block;
				position: absolute;
				margin: -180px 0 0 120px;
				float:left;
				}
			.authorphoto .photofull p {
				width: 230px;
				padding: 5px;
				background-color: #fff;
				border: 1px solid #666;
				-webkit-box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.3);
				box-shadow:  2px 2px 3px 3px rgba(0, 0, 0, 0.3);
				}
							
	.authorindex .authorpaper, .person .authorinfo {
		margin: 0 0 5px 135px;
		padding: 0;
		display: block;
		}
		.authorindex .papers {
			display: inline-block;
			width: calc(100% - 120px);
		}
		.authorindex .papers ul {
			margin: 0;
		}

.name a {
	color: inherit;
	pointer-events: none;
	cursor: default;
}

.session .parents {margin-top:1em; margin-bottom:1em;}

.session .persongroup {margin:1em;}

.session .location {margin-bottom:1em;}


body.session span.medialink.file {
    display: block;
}

/* MULTIMEDIA FILE STYLES */
.item .recordings, .itemset .recordings {
    float: left;
    margin-left: 0;
    width: 3.5em;
    text-align: center;
    display: block;
    height: 37px;
}

.file {
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-bottom: 20px;
}
.file_flv { background-image: url('/static/img/filetypes/16x16/flv.gif');}
.file_pdf { background-image: url('/static/img/filetypes/16x16/pdf.gif');}
.file_mp3 { background-image: url('/static/img/filetypes/16x16/mp3.gif');}
.file_m4a,.file_mp4,.file_wmv,.file_wma,.file_avi,.file_wav,.file_mpg  { background-image: url('/static/img/filetypes/16x16/wmv.gif'); }
.file_mov { background-image: url('/static/img/filetypes/16x16/mov.gif'); }
.file_wrf { background-image: url('/static/img/filetypes/16x16/wrf.gif'); }
.file_podium { background-image: url('/static/img/filetypes/16x16/podium.gif'); }
.file_many { background-image: url('/static/img/filetypes/16x16/more.gif'); }
.file_pps,.file_ppt,.file_pptx {  background-image: url('/static/img/filetypes/16x16/ppt.gif');}
.file_wp,.file_wpd {  background-image: url('/static/img/filetypes/16x16/wp.gif'); }
.file_css,.file_mht,.file_html,.file_htm { background-image: url('/static/img/filetypes/16x16/htm.gif'); }
.file_bmp,.file_gif,.file_png,.file_jpg,.file_tif,.file_tiff {  background-image: url('/static/img/filetypes/16x16/image.gif'); }
.file_psd,.file_ps,.file_eps {  background-image: url('/static/img/filetypes/16x16/psd.gif'); }
.file_rtf,.file_doc,.file_docx {  background-image: url('/static/img/filetypes/16x16/doc.gif'); }
.file_xls,.file_xlsx {  background-image: url('/static/img/filetypes/16x16/xls.gif'); }
.file_tex {  background-image: url('/static/img/filetypes/16x16/tex.gif'); }
.file_fm {  background-image: url('/static/img/filetypes/16x16/fm.gif'); }
.file_zip {  background-image: url('/static/img/filetypes/16x16/zip.gif'); }
.file_poster {  background-image: url('/static/img/filetypes/16x16/poster.gif'); }
.file_multi { background-image: url('../images/multifile.gif'); }

.media li {
    padding: .4em 0px;
}

.dacumlinks ul {
    list-style: none;
}

.item .recordings, .itemset .recordings {
	margin-left: -3.5em;
}

.media .recordings {
	float: none;
	width: auto;
	text-align: left;
	height: auto;
	margin-left: 0;
}