@import url('https://fonts.googleapis.com/css?family=Montserrat|Raleway');
@import url(/style/shared/fontawesome);

/* Banner  and Footer */
body, body.webprogram {
    background-attachment: fixed;
    background-color: #1e73be;
    background-image: url("/img/ngwa/webprogram/bgimg_gw17.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    font-family: "Open Sans", Open Sans, sans-serif;
    font-size: 14px;
}

.container, .clientNavigation  {
	margin: 0 auto;
	max-width: 1168px;
}

a {
	color: #e94f49;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



/* Client Banner section */

.banner.wrapper .container {
	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: 30px auto;
}

.banner.wrapper .logo {
	width: 50%;
}
.banner.wrapper .meetingInfo {
	text-align: right;
	color: #DBDBDB;
	font-size: 18px;
	width: 50%;
}

.socialMedia ul {
	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;
	font-size: 22px;

}
.socialMedia ul li {
border-radius: 50%;
	transition: all 0.3s ease 0s;
	 height: 1.8em;
    line-height: 1.8em;
    text-align: center;
    width: 1.8em;
}
.socialMedia ul li a {
	color: #DBDBDB;
}
.socialMedia ul li:hover a{
	color: #FFF;
}
.socialMedia ul li.facebook:hover {
	background-color: #3B5998;
}
.socialMedia ul li.linkedin:hover {
	background-color: #71B2D0;
}	
.socialMedia ul li.twitter:hover {
	background-color: #58A4D9;
}	
.socialMedia ul li.youtube:hover {
	background-color: #F45750;
}		

.meetingInfo .location {
	display: inline-block;
	float: left;
	padding-top: 10px;
}
.meetingInfo .socialMedia {
	display: inline-block;
}
.meetingInfo .socialMedia ul{
	margin: 0;
}

.theme {
	color: #DBDBDB;
	font-size: 30px;
	font-weight: bold;
}

/* Client Navigation Section */
.nav.wrapper {
	margin-top: 60px;
	height: 50px;
}
.clientNavigation {
	font-family: "Raleway", Raleway, sans-serif;
	
	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;
	font-weight: 700;
}
ul.clientNavigationMenu {
	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;
	width: 65%;
	margin: 0;
	padding: 0;
	justify-content: space-between;
}
ul.clientNavigationMenu li {
	padding-bottom: 10px;
	transition:all 0.2s ease 0s;
	margin-bottom: 20px;
}
ul.clientNavigationMenu li a {
	color: #DEE4E8;
	font-size: 121%;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;	
	display: block;
	height: 100%;

}
ul.clientNavigationMenu li:hover {
	color: #FFF;
	padding-bottom: 7px;
	border-bottom: 3px solid #FFF;
}
ul.clientNavigationMenu li a:hover {
	color: #FFF;
}


div.registrationButton {
	text-align: right;
	width: 35%;
	font-weight: bold;
}
a.register.button {
	text-align: center;
	text-decoration: none;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e94f49+1,e94f49+50,ef625c+53,ef625c+100 */
	background: #e94f49; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #e94f49 1%, #e94f49 50%, #ef625c 53%, #ef625c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #e94f49 1%,#e94f49 50%,#ef625c 53%,#ef625c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #e94f49 1%,#e94f49 50%,#ef625c 53%,#ef625c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e94f49', endColorstr='#ef625c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #FFF;
	padding: 2em 3em;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -15px;
	font-size: 1.1em;
}
a.register.button:hover {
	background: #e94f49;
	background-color: #e94f49;
}

/* Footer */
.footer.wrapper {
	padding-bottom: 60px;
}
.clientFooter {
	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;
	padding-bottom: 60px;
}
.clientFooter a {
	color: #FFFFFF;
	opacity: .7;
}
.clientFooter a:hover {
	color: 	#FFF;
}
.clientFooter p, .clientFooter div {
	width: 50%;
}
.clientFooter .socialMedia ul {
	margin: 0;
	padding: 0;
	width: 100%;
	justify-content: flex-end;
	margin-top: -10px;
}

/* Webprogram */

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;
}
.content .item {
    margin: 8px 0;
}
.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;
}
.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;
	margin-bottom:1em;
}

.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 {
		max-width: 120px;
		height: auto;
		overflow:visible;
		z-index: 100;
		width: 100%;
		}
.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-left: 4em;
		padding: 0;
		display: block;
		max-width: 60em;
		width: 100%;
		}
		.authorindex .papers {
			display: inline-block;
			width: calc(100% - 120px);
		}
		.authorindex .papers ul {
			margin: 0;
		}

.person .authorinfo, .person .author {
	display: inline-block;
}
/* exhibitor index */
.exhibitorindex .item {
	display: table;
	width: 100%;
	padding:  3px;
}

.exhibitorindex .item:nth-child(odd) {
    background-color: rgba(0, 102, 166, 0.2);
}

.exhibitorindex .exhibitorDetails, .exhibitorindex .exhibitorkeywords {
	display: table-row;
	width: 100%;
	}
	.exhibitorindex .exhibitorDetails .itemtitle, .exhibitorindex .exhibitorDetails .membership, .exhibitorindex .exhibitorDetails .new, .exhibitorindex .exhibitorDetails .boothnumber {
		display:table-cell;
	}

.newExhibitor {
	background-color: #004589;
    border-radius: 16px;
    color: #fff;
    font-size: 7px;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0.25em 0.5em;
    text-align: left;
    text-indent: -1px;
    text-shadow: 1px 1px 1px #999;
    text-transform: uppercase;
    width: 2em;
	}

	
.exhibitorindex .item .itemtitle, .exhibitorindex .itemset .itemnumber, .exhibitorDetails .itemtitle {
	width: 45em;
	vertical-align:top;
	}
	.exhibitorDetails .boothnumber {
		width: 9em;
		vertical-align:top;
		}
		.exhibitorDetails .membership, .exhibitorDetails .new {
			padding: 0 1em;
			vertical-align:top;
			width: 5em;
			text-align: center;
			}
			.exhibitorDetails .membership {
				text-align: left;
			}

				.exhibitorDetails .new {
					width: 15em;
					}
					
.exhibitorindex .item.heading {
		font-weight: bold;
		text-align: center;
}

.exhibitorkeywords {
   margin-bottom:1em;
}

.membership {float:left;}
.exhibitorindex .exhibitorkeywords, .exhibitorkeywords {
	font-style: italic;
	}

	

.exhibitorheading {
	font-weight: bold;
	border-bottom: 1px solid #999;
	}
	.exhibitorheading .exhibitorDetails .itemtitle {
		width: 45em;
		}
		.exhibitorheading .itemtitle, .exhibitorheading .membership, .exhibitorheading .boothnumber, .exhibitorheading .new {
			vertical-align: bottom;
			float: none;
			text-align: center;
			}

.boothnumber ul {
	padding: 0;
	
}
.boothnumber li, ul.uploaddisplay {
    list-style-type: none;

}

.boothnumber li {
    display: inline-block;
    padding: .25em .5em;
    background-color: #E94F49;
    color: #FFF;
    border-radius: 4px;
	}


li.documentimagelink {
    width: 100%;
    list-style-type: none;
}

li.documentimagelink img {
    width: 100%;
    max-width: 15em;
}

.persongroup {padding:1em;}

h1 {
    color: #494949;
    padding: 15px 0;
    border-bottom: 1px solid rgba(73, 73, 73, 0.1);
}


.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;
}