/* fademe */
@keyframes fader {
	from {opacity:1.0;}
	to {opacity: 0.0;}
}

.form-inline .form-select {display:inline-block;}

#fademe, .fademe {
	animation: fader 4s ease-out 2s;
	animation-fill-mode: forwards;
}

#eibcontent {
	margin-top:2em;
}

#eibcontent p, #eibcontent h3, #eibcontent h4, #eibcontent h5, #eibcontent h6, #eibcontent ul {
	max-width:45em;
}

#eibcontent form p, #eibcontent form h3, #eibcontent form h4, #eibcontent form h5, #eibcontent form h6, #eibcontent form ul, #eibcontent .eibcrumbs {
	max-width:60em;
}

#eibcontent .highlight {color:#000;}

#eibcontent .label, #eibcontent form label, #eibcontent .form-label {
	text-transform: none;
	letter-spacing: 0;
}

.page-header h3 {margin:0;}

/*#eibcontent .radio label {display:block;}*/

legend, .legend {
	font-size: 1.2em;
	/*border-bottom: 1px solid #e5e5e5;*/
	border-bottom: 1px solid #575757;
}

fieldset {
	margin-top:2em;
}
	
li .legend {border:none; font-size: inherit}

#reload {
	text-align:center;
	margin:2em 0;
	border-top:1px solid #ccc;
	padding:0.5em 0;
	clear:both
}

.info, .instructions, .instruction {
	padding-left:2em;
	font-size: 85%;
}

#status {
	margin-bottom: 1em;
    margin-top: 1.2em;
    font-size: 85%;
}

.rifohighlights .rifoempty .form-control, .rifohighlights .rifoinvalid .form-control {
    padding: 5px 11px;
    border-color: #da2131;
    border-width: 2px;
    -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);
}

.rifohighlights .rifoinvalid .radio label, .rifohighlights .rifoinvalid .checkbox label, .rifohighlights .rifoinvalid .radiorows-rowheading {
	color: #da2131;
}

div.required label::before, span.required::before, p.required::before, div.required .radiorows-rowheading::before {content: "* "};

/* for some grotesque reason this must be kept separate from the almost identical rule further down this css */
.form-inline label, .form-inline .label {
	display: inline-block;
}

/* from forms.css */

#roughstats, .roughstats {
	/*border:1px solid #ccc;*/
	padding:10px;
	margin:1em 0;
	max-width:50em;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	border:solid 1px #dcdcdc;
	border-radius:3px;
}

#container dt, dt {
	margin:1.5em 0 1em 0;
	font-weight:bold;
}

#container .features dt, .features dt {font-weight:normal}

#container dd, dd {margin:0 0 1.5em 2em;}

.wikiaction {float:right;padding-top:0.5em;margin-right:2em;}


/* sprites */

.sprite-star_gray { background-position: 0 -16px; } 
.sprite-resultset_previous_gray { background-position: 0 -48px; } 
.sprite-control_stop_blue { background-position: 0 -80px; } 
.sprite-user_delete { background-position: 0 -112px; } 
.sprite-control_pause { background-position: 0 -144px; } 
.sprite-cancel_gray { background-position: 0 -176px; } 
.sprite-add { background-position: 0 -208px; } 
.sprite-cancel { background-position: 0 -240px; } 
.sprite-control_play_blue { background-position: 0 -272px; } 
.sprite-user_add { background-position: 0 -304px; } 
.sprite-user_edit { background-position: 0 -336px; } 
.sprite-resultset_last_gray { background-position: 0 -368px; } 
.sprite-add_gray { background-position: 0 -400px; } 
.sprite-resultset_last { background-position: 0 -432px; } 
.sprite-resultset_previous { background-position: 0 -464px; } 
.sprite-control_stop { background-position: 0 -496px; } 
.sprite-tick { background-position: 0 -528px; } 
.sprite-delete_gray { background-position: 0 -560px; } 
.sprite-resultset_next_gray { background-position: 0 -592px; } 
.sprite-resultset_first { background-position: 0 -624px; } 
.sprite-delete { background-position: 0 -656px; } 
.sprite-star { background-position: 0 -688px; } 
.sprite-control_play { background-position: 0 -720px; } 
.sprite-user { background-position: 0 -752px; } 
.sprite-tick_gray { background-position: 0 -784px; } 
.sprite-control_pause_blue { background-position: 0 -816px; } 
.sprite-accept { background-position: 0 -848px; } 
.sprite-resultset_first_gray { background-position: 0 -880px; } 
.sprite-accept_gray { background-position: 0 -912px; } 
.sprite-resultset_next { background-position: 0 -944px; } 

ul.clearer { /* padding:0 */}

li.docjpg, li.docpng, li.docgif, li.docjpeg, li.doctiff,
li.docdoc, li.docxls, li.docpdf, li.doczip, li.docppt,
li.docpps, li.docurl, li.docdocx, li.docxlsx, li.docpptx,
li.docppsx, li.doc {
	list-style: none;
	list-style-type:none;
	padding-left: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

li.docjpg, li.docpng, li.docgif, li.docjpeg, li.doctiff {
	/*list-style-image:url(page_white_picture.png);*/
	background-image:url(fam_page_white_picture.gif);
}

li.docdoc, li.docdocx {
	/*list-style:url(page_white_word.png);*/
	background-image:url(fam_page_white_word.gif);
}


li.docxls, li.docxlsx {
	/*list-style:url(page_white_excel.png);*/
	background-image:url(fam_page_white_excel.gif);
}


li.docpdf {
	/*list-style:url(page_white_acrobat.png);*/
	background-image:url(fam_page_white_acrobat.gif);
}


li.doczip {
	/*list-style:url(page_white_compressed.png);*/
	background-image:url(fam_page_white_compressed.gif);
}


li.docppt, li.docpps, li.docpptx, lki.docppsx {
	/*list-style:url(page_white_powerpoint.png);*/
	background-image:url(fam_page_white_powerpoint.gif);
}

li.docurl {
	/*list-style-image:url(page_white_world.png);*/
	background-image:url(fam_page_white_world.gif);
}


li.doc {
	/*list-style-image:url(page_white.png);*/
	background-image:url(fam_page_white.gif);
}

.highlight {
	background-color:rgba(225,223,0,0.87);
	background-color:rgba(247,226,7,0.43);
}

.openhelp {
	cursor: pointer;
	border-bottom: 1px dashed;
}


.videoLink {
	margin-top:1.5em;
}

.videoLink a {
	background-image:url('icon1.png');
	background-repeat:no-repeat;
	padding:5px 0 5px 55px;
	background-size:contain;
}

.speakersList li a .speakerName {
	display: block;
	font-size: 18px;
}

.speakersList li a .speakerCompany {
	line-height: 18px !important;
	color: #000;
	display: block;
	font-size: 17px;
}

.speakersList li {
	line-height: 20px;
}

img.leaflet-tile {
	max-width: none;
}

.wtEnd {
	max-width:100%;
}

.footreference {
	text-align: right;
	margin: 1em 0;
}

#welcome {
	text-align: right;
	margin-bottom: 1.5em;
}

#statusActions {
	border-top: 1px solid;
	padding-top: 1em;
}

/*
.select, select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  cursor: pointer; }
  .select::-ms-expand, select::-ms-expand {
    display: none; }
  .select.form-control, select.form-control {
    padding-right: 50px;
    background: url("../images/svg/arrow-down--white.svg"), linear-gradient(to bottom, #404040, #404040);
    background-repeat: no-repeat;
    background-position: right 0.764em center, right;
    background-size: 1.1em 0.6134969325em, 2.75em 100% !important;
    transition: none; }
    .no-svg .select.form-control, .no-svg select.form-control {
      background: url("../images/png/arrow-down--white.png"), linear-gradient(to bottom, #404040, #404040); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .select.form-control, select.form-control {
        background-size: 1.1em 0.6134969325em, 2.75em 100% !important; } }
  .select:hover, select:hover, .select.hover, select.hover {
    border-color: #004494;
    background: url("../images/svg/arrow-down--white.svg"), linear-gradient(to bottom, #004494, #004494);
    background-repeat: no-repeat;
    background-position: right 0.764em center, right;
    background-size: 1.1em 0.6134969325em, 2.75em 100% !important;
    transition: none; }
    .no-svg .select:hover, .no-svg select:hover, .no-svg .select.hover, .no-svg select.hover {
      background: url("../images/png/arrow-down--white.png"), linear-gradient(to bottom, #004494, #004494); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .select:hover, select:hover, .select.hover, select.hover {
        background-size: 1.1em 0.6134969325em, 2.75em 100% !important; } }
  .select.is-down, select.is-down {
    background: url("../images/svg/arrow-down.svg"), linear-gradient(to bottom, #fff, #fff);
    background-repeat: no-repeat;
    background-position: right 0.764em center, right;
    background-size: 1.1em 0.6134969325em, 2.75em 100% !important;
    transition: none; }
    .no-svg .select.is-down, .no-svg select.is-down {
      background: url("../images/png/arrow-down.png"), linear-gradient(to bottom, #fff, #fff); }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .select.is-down, select.is-down {
        background-size: 1.1em 0.6134969325em, 2.75em 100% !important; } }
*/

.ac_input {
	padding-right: 50px;

}
/*
input.ac_input::after {
	content: "\e82f";
    text-decoration: none;
    display: inline-block;
    font-family: 'EuropaIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    margin-right: 4px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}*/
/*
.icon::before, .date-picker .date-picker--icon::before, .file--link .file__title::before, .search-form__btn::before, .search-form--improved .search-form__textfield-wrapper::before {
}
*/

/* for some grotesque reason this must be kept separate from the almost identical rule further up this css */
.form_label, label, form .label {
	display: inline-block;
	font-weight: 700;
}

.e17-sprite-delete {
	display:inline-block;
	position:absolute;
	right:21px;
	margin-top: -47px;
	cursor: pointer;
}

@media (min-width: 480px) {
	.e17-sprite-delete {
		right:30px;
		margin-top: -55px;
	}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Comments - - - - - - - */
#comments, .features {}

	#comments dt, #comments dd,
	.features dt, .features dd {
		margin-left:0;
		padding-left:2em;
		padding-right:2em;
	}
	
	.features dt, .features dd {
		padding-left:0;
	}
	
	#comments dd,
	.features dd {
		margin-bottom:2em;
	}
	
	#comments dt {
		/*background:url(comment.png) no-repeat top left;	
		background:url(bullet_green.png) no-repeat top left;*/
		border-left:1px solid #777;
		margin-bottom:0;
		padding-bottom:0.5em;
	}
		
	#comments dt.off1 {
		background:#333;
		color:#eee;
	}

	dl.features, dl#comments {
		margin:0 9em 0 2em;
		/*font-size:95%;*/
		padding:2px;
	}
	
		.features dd p,
			#comments dd p {
			margin:0.2em 0;
		}
	
	#comments dd {
		border-bottom:1px solid #aaa;
		border-left:1px solid #aaa;
		margin-top:0;
	}

	.invalid {color:#bbb; font-style:italic}
	.switch {margin-left:0.7em}
	#comments dt.invalid {margin-top:0}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Speakers - - - - - - - -*/

.speakerLinksComm ul,
.speakerLinksRel ul{
	margin:0;
	padding:0;
}
.speakerLinksComm li,
.speakerLinksRel li{
	display: block;
	margin:3px 0;
	padding:0;
}
.speakerLinksComm a:before,
.speakerLinksRel a:before{
    content:".";
    overflow: hidden;
    text-indent: -3000px;
    display:inline-block;
    vertical-align: middle;
    width:25px;
    height:2em;
    margin-right:10px;
    background: url(links_icons.png) no-repeat 0 0.6em;
}

.speakerLinksComm a[href*="youtube.com/"]:before,
.speakerLinksComm a[href*="youtu.be/"]:before{
    background-position: 0 -105px;
} 
.speakerLinksComm a[href*="facebook.com/"]:before{
    background-position: 0 -168px;
}
.speakerLinksComm a[href*="plus.google.com"]:before,
.speakerLinksComm a[href*="google.com/+"]:before{
    background-position: 3px -231px;
}
.speakerLinksComm a[href*="twitter.com/"]:before{
    background-position: 0 -296px;
}
.speakerLinksComm a[href*="linkedin.com/"]:before{
    background-position: 0 -377px;
}
.speakerLinksComm a[href*="pinterest.com/"]:before{
    background-position: 0 -458px;
}
.speakerLinksComm a[href*="flickr.com/"]:before{
    background-position: 0 -548px;
}


.speakerLinksRel .speakerDoc a:before{
    background-position: 0 -42px;
}
.speakerLinksRel .speakerDoc+.speakerLnk{
    border-top: solid 1px #eee;
    padding-top:10px;
    margin-top:10px;
}


.speakerSessions{
	margin-top: 50px;
}
.speakerSessions a{
	text-decoration: none;
}
.speakerSessions a:hover>span:nth-child(1){
	text-decoration: underline;
}
.speakerSessions li{
	list-style: none !important;
	margin-bottom: 15px;
}
.speakerSessions li:before{
	content:"·";
	margin-left:-10px;
}
.speakerSessions .mainSpeaker{
	margin:0 0 10px 0;
	padding:7px 0 10px 20px;
	background:#e3eeff;
	border-radius: 5px;
	font-size: 110%;
	line-height: 1.2em;
}
.speakerSessions .mainSpeaker .intervention{
	color:#333;
	font-size: 90%;
	line-height: 1.2em;
	display: block;
	margin:3px 4% 0 4%;
	padding-top:3px;
	border-top: solid 1px #d3deef;
}
.speakerSessions .participant{
	margin:0 0 10px 0;
	padding:7px 0 10px 20px;
	background:#eee;
	border-radius: 5px;
	font-size: 110%;
	line-height: 1.2em;
}
.speakerSessions .participant .role{
	color:#777;
	font-size: 90%;
	font-style: italic;
	line-height: 1.2em;
	display: block;
	margin-left: 4%;
	margin-top:5px;
}

.speakersList{
	margin: 30px 0 0;
	padding:0;
}
.speakersList li{
	overflow: hidden;
	zoom: 1;
	display: block;
	border-bottom: 1px solid #e2e5ea;
    line-height: 16px;
    margin: 0 0 20px;
    padding: 0;
}
.speakersList li a{
	text-decoration: none;
}
.speakersList li a .speakerName{
	font-size: 16px;
	display: block;
	margin: 0 0 5px;
}
.speakersList li a:hover .speakerName{
	text-decoration: underline;
}
.speakersList li a .speakerCompany{
    line-height: 14px !important;
    color: #555;
    display: block;
    margin-bottom: 15px;
}
.speakersList li .speakerPicture{
	background: #eee none repeat scroll 50% 50%;
	background-size: cover;
	border: 2px solid #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	float: left;
	margin: 0 15px 20px 5px;
	width: 10vw;
	height: 10vw;
	max-width:100px;
	max-height:100px;
	min-width:50px;
	min-height:50px;
}