* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-print-color-adjust: exact;
}

body {
    margin: 0 auto;
    line-height: 1.6em;
    background: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:11pt;
}

h2, h3, h4 {
    font-family: 'Source Sans Pro', calibri, Arial, clean, sans-serif;
    line-height:20pt;
    text-transform:uppercase;
}

h2 {font-size:20pt;}
h3 {font-size:17pt;}
h4 {font-size:15pt;}

label {
    letter-spacing:0em;
}

a:link {
    text-decoration:none;
    color:#2990ba;
}

a:visited {
    text-decoration:none;
    color:#2990ba;
}

a:hover {
    text-decoration:underline;
    color:#2990ba;
}

a:active {
    text-decoration:none;
    color:#2990ba;
}

.l-box {
    padding: 1em;
}

.header {
    margin: 0 0;
    background:#fff;
}

body .primary-button {
    background: #2990ba;
    color: #fff;
}

div {
  font-family: 'Source Sans Pro', sans-serif;
}

p {  
    font-family: 'Source Sans Pro', sans-serif;
    font-size:14pt;
}

li {
    font-size:12pt;
}

/* Other coloured links */
.whiteLink a:link,
.whiteLink a:hover,
.whiteLink a:visited {
    color:#fff;
} 


.pure-form legend {
    letter-spacing:0px;
    margin-top:10px; 
    background-color:#ddd;
    padding-left:5px;
    color: #773446;
}

label {font-weight:bold;}


.bottomBorder{
    padding:10px;
}

.splash {
    margin: 2em auto 0;
    padding: 3em 0.5em;
    background: #fff;
}
    .splash .splash-head {
        font-size: 300%;
        margin: 0em 0;
        line-height: 1.2em;
    }
    .splash .splash-subhead {
        color: #999;
        font-weight: 300;
        line-height: 1.4em;
    }
    .splash .primary-button {
        font-size: 150%;
    }

.content {
    max-width:1024px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    padding:0px;
    /* box-shadow: 0px 5px 10px #000; */
}

.content .content-subhead {
    font-size: 150%;
    color: #651f2b;
    padding-bottom: 0.3em;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 2px solid #eee;
    display: inline-block;
}

.content .content-ribbon {
    margin: 3em;
    border-bottom: 1px solid #eee;
}

.eucookieconsent {
    background:#2990ba;
    color:white;
    padding:15px;
}


.topmenuheader {
    background:#773446;
    height:50px;
}

.topmenuheadercontent {
    max-width:1024px;
    margin-left: auto;
    margin-right: auto;
}

.ribbon {
    background: #eee;
    text-align: center;
    padding: 2em;
    color: #999;
}

    .ribbon h2 {
            display: inline;
            font-weight: normal;
        }

.footer {
    background: #773446;
    color: #ddd;
    text-align: center;
    padding: 1em;
    font-size: 80%;
}

    .footer a:link, .footer a:visited {
        color: #ddd;
    }

   
.loginButton {
    float:right;
    margin-top:20px;
    font-family:'Source Sans Pro', calibri, sans-serif;
    font-size:10pt;
    text-transform: uppercase;
}

    .loginButton a:link, .loginButton a:visited {
        color:white;
    }
   
.ebn-button-general, .ebn-button-80, .ebn-button-login, .ebn-button-register, .ebn-button-search {
    background: #2990ba; /* this is logo-blue */
    color:white;
}

.ebn-button-80 {
    font-size:80%;
}

.ebn-button-login {
    font-size: 150%;
}

.ebn-button-register {
    background: #98465e; /* this is logo-light claret */
    font-size:70%;
}

.ebn-button-search {
    font-size:80%;
}


.pure-button-rounded-6 {
    text-transform: uppercase;
}

#socialmedialinks {
    float:right;
    font-size:24pt;
    color:#651f2b;
    cursor:pointer;
}   

#contactDetails {
    float:right;
    font-size:10pt;
}


/*  add the pointer to the icons */
.fa {
    cursor:pointer;
}



/* News, events etc lists classes */

.listTitle {
    font-color:#f00;
}

.listEventDetails {
    font-size:12pt;
    font-weight:bold;
}

.listBody, .listBody p {
    font-size:14pt;
    line-height:18pt;
    padding-bottom:10pt;
}

.listSummary {
    font-size:14pt;
    font-style:italic;
    font-weight:bold;
}

.listLink {
    font-size:12pt;
    font-weight:bold;
}

.listTags {
    font-size: 12pt;
    font-style:italic;
}

.listAuthor, .listDate {
    font-size:11pt;
}

.listButtons {
    font-size:14pt;
}

.listSearchTitle, .listSearchTitleHeading {
    font-size:13pt;
    font-weight:bold;
}

.listSearchTitleHeading {
    background:#ddd;
}


/* Styles of the events */

.eventDateBoxMonth, .eventDateBoxDate, .eventDateBoxYear {
   width:60px;
   margin-right:2px;
   margin-bottom:0px;
   margin-top:0px;
   margin-bottom:0px;
   border-left:1px solid #bbb;
   border-right:1px solid #bbb;
}

.eventName {
   /*font-size:14pt;
   font-weight:bold;*/
   margin-bottom:0px;
   margin-top:0px;
}

.eventDatePlace {
   font-size:11pt;
   margin-right:2px;
   margin-bottom:0px;
   margin-top:0px;
}

.eventDateBoxMonth {
   font-size:14pt;
   font-weight:bold;
   color:white;
   background:#773446;
   text-align:center;
   border-top:1px solid #bbb;
}

.eventDateBoxDate {
   font-size:14pt;
   font-weight:bold;
   text-align:center;
   background:white;
}


.eventDateBoxYear {
   font-size:10pt;
   text-align:center;
   background:white;
   border-bottom:1px solid #bbb;
}



/* Styles of the page table */

.page-table-format {
    width:100%;
}

.page-table-cell-narrow {
    width:33%;
    vertical-align:top;
}

.page-table-cell-wide {
    width:67%;
    vertical-align:top;
}

.page-table-image {
    width: 100%;
    padding:5px;
}

.rowBottomBorder {
    border-bottom:1px solid #555;
    vertical-align:top;
}

.cellPadding {
    padding:20px;
}

/* Styles of the widgets */

.widgetRight{
    padding-left:20px;
}

.widgetRandomMember {
    text-align:center; 
    padding:15px; 
    border:1px solid #ccc;
}

.widgetTitle, .widgetTitleShaded, .widgetTitleUnderline  {
    font-family: 'Source Sans Pro', calibri, sans-serif;
    font-size:15pt;
    font-weight:normal;
    text-transform: uppercase;
    margin-bottom:10px;
    margin-top:10px;
}

.widgetTitleUnderline {
    font-size:16pt;
    color:#2990ba;
    border-bottom:1px solid #555;
    padding:5px;
}


.widgetTitle {
    color:#2990ba;
    font-size:16pt;
}

.widgetTitleShaded {
    background:#2990ba;
    color:white;
    padding:5px;
}

.widgetTitleSeparatorRight {
    border-right:1px solid #2990ba;
}

.widgetTitleSeparatorLeft {
    border-left:1px solid #2990ba;
}

.widgetContent {
    font-size:11pt;
    margin-bottom:0px;
}

.widgetEventName, .widgetNewsName {
    margin-top:10px;
    font-weight:bold;
}

.widgetNewsImage, .widgetEventImage {
    width:50px; 
    margin-right:10px;
    margin-top:-3px;
    float:left;
}

.widgetNextEventLogo {
    border:1px solid #003e64;
    padding:5px;
}

.widgetNextEventDesc {
    background:#0080be;
    color:#ededed;
    padding:10px;
    font-size:10pt;
}

.widgetNextEventLink {
    background:#2990ba;
    color:#7c7c7c;
    padding:15px;
    font-weight:bold;
    text-transform: uppercase;
}

.widgetProjectBoxBG {
    background:#ededed;
    color:#7c7c7c;
    padding:15px;
}

.widgetProjectLink {
    font-weight:bold;
    text-transform: uppercase;
    background:#2990ba;
    color:#ededed;
    padding:15px;
}

.widgetEventLocation, .widgetEventDate {
    font-size:11pt;
    line-height:13pt;
    margin-bottom:15px;
}

.widgetEventDate {
    font-style:italic;
    margin-bottom:10px;
}

.widgetTagCloud {
    text-align:center;
    font-weight:bold;
    color:#333;
    line-height:30px;
}

.widgetTweetList {
    list-style-type: none;
    padding:0;
    margin:0;
}


/* Styles of the dashboard */

.dashboardTitle, .dashboardTitleShaded {
    font-family:'Source Sans Pro', calibri, sans-serif;
    font-size:13pt;
    font-weight:normal;
    text-transform: uppercase;
    padding:3px;
}

.dashboardTitleShaded {
    background:#2990ba;
    color:white;
}

.dashboardContent {
    font-size:11pt;
    margin-bottom:10px;
}



/* Styles of the service icons */

.serviceIconLinks, .serviceIconLinksSmall {
    text-align:center;
    height:200px;
    font-size:75px;
    color:#2990ba;
}

.serviceIconLinksSmall {
    height:120px;
    font-size:35px;
}


.serviceIconText, .serviceIconTextSmall {
    font-size:11pt;
    font-weight:bold;
    text-align:center;
    color:#2990ba;
}

.serviceIconTextSmall {
    line-height:11pt;
}

.ebnIntroText {
    font-size:12pt;
    text-align:justify;
}

.searchInput, .searchButton {
    font-size:9pt; 
    margin-top:3px;
    width:150px; 
    height:22px; 
}

.searchButton {
    width:60px; 
    height:25px; 
}

.smallButton {
    font-size: 85%;
    margin-bottom:10px;
}

/* Misc Styles */

.textCenter {
    text-align:center;
}

.textRight {
    text-align:right;
}

.pagingBox {
    background:#ddd;
    border:5px solid #ddd;
}

.subsetBox {
    margin-bottom:20px; 
    padding:5px; 
    background:#ddd;
}

.memberImageThumbnail, .memberImageProfile {
    border: 1px solid white;
    border-radius: 6px;
    z-index:0;
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

.memberImageThumbnail:hover, .memberImageProfile {
    opacity:1.0;
    filter:alpha(opacity=100); /* For IE8 and earlier */
}

.miniprofile, .miniprofile_100, .miniprofile_150 {
    display:none;
    position: absolute;
    z-index:100;
    top:15px;
    width:310px;
    height:125px;
    font-size:11pt;
    color:white;
    background:#444;
    border: 2px solid #eee;
    border-radius: 6px;
    padding:4px;
}

.miniprofile_100 {
    left:110px;
}

.miniprofile, .miniprofile_150 {
    left:160px;
}

.profileDetail {
    border-left:1px solid #2990ba; 
    padding-left:15px;
}

.profileHeading, .projectSiteHeading {
    color:#aaf; 
    font-size:16pt; 
    text-transform:uppercase; 
    margin-bottom:15px;
    margin-top:15px;
    padding-top:10px;
}

.profileHeading {
    border-top:1px solid #2990ba;
}

.profileSubHeading, .projectSiteSubHeading {
    color:#aaf; 
    font-size:14pt; 
    text-transform:uppercase; 
}

.projectSiteFooter {
    color:#666;
    font-size:9pt;
    line-height:12pt;
}
    
    
.memberName {
    font-size:14pt;
    font-weight:bold;
    line-height:18pt;
    margin-left:10px;
}

.memberLink {
    font-size:12pt;
    font-style:italic;
    line-height:16pt;
    margin-bottom:25px;
    margin-left:10px;
}

.readmore {
    font-size:10pt;
    margin:0px;
}

/* Misc */
.breadcrumbs {
    background:#eee;
    font-size:10pt;
    margin-bottom:5px;
    padding:2px;
}


.uploadsBox {
    border: 1px solid #ddd;
    margin:5px;
    padding: 15px;
    height: 100px;
}

.uploadsImageSize {
    max-width: 100px;
    width: auto;
    max-height:50px;
    height: auto;
}

#uploadedFiles {
    display:none; 
    position:absolute; 
    top:400px; 
    left:200px; 
    width:700px; 
    height:500px; 
    z-index:100; 
    background:#eee;
    border:1px solid #444;
    padding:10px;
    overflow:auto;
}


#insertPerson {
    display:none; 
}

#insertOrganisation {
    display:none; 
}

.orgProfileEmployee {
    font-weight:bold;
}

.orgProfileJobtitle {
    font-size:9pt;
}


.toList {
    background:#eee;
    border: 1px solid #ddd;
    padding: 2px;
    line-height: 2;
}


/* Image Gallery Columns */
.galleryArticle {
    column-count:3;
    column-width:17em;
    column-gap: 0.5em;

    -moz-column-count:3;
    -moz-column-width: 13em;
    -moz-column-gap: 0.5em;

    -webkit-column-count:3;
    -webkit-column-width: 13em;
    -webkit-column-gap: 0.5em;

    -ms-column-count:3;
    -ms-column-width: 13em;
    -ms-column-gap: 0.5em;

    -o-column-count:3;
    -o-column-width: 13em;
    -o-column-gap: 0.5em;
}

.gallerySection {
    display: inline-block;
    margin: 0.125rem;
    padding: 0.5rem;
    width: 100%;
    background: #efefef;
}

.membersLegend {
    font-size:10pt;
    text-align:center;
}


/* Tweaks to the calendar */
.fc-event-container a:link, .fc-event-container a:hover, .fc-event-container a:visited {
    color:white;
} 

/**
 * @version		1.3
 * @package		SimpleTabs
 * @author    Fotis Evangelou - http://nuevvo.com/labs/simpletabs
 * @copyright	Copyright (c) 2009-2011 Fotis Evangelou / Nuevvo Webware Ltd. All rights reserved.
 * @license		GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */
 
div.simpleTabs { padding:10px; }
ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #E0E0E0; border-radius: 0px 10px 0px 0px; padding:3px 6px; background:#F0F0F0; font-size:14px; text-decoration:none; font-family: "Source Sans Pro", Georgia, "Times New Roman", Times, serif; }
ul.simpleTabsNavigation li a:hover { background-color:#F6F6F6; }
ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:0px solid #fff; font-weight: 600;}
div.simpleTabsContent { background:#eee; border:1px solid #E0E0E0; padding:5px 15px 15px; margin-top:0px; display:none; }
div.simpleTabsContent.currentTab { display:block; }

/*
 * Auto complete
*/
.acOutput {
        font-family:Arial;
        font-size: 10pt;
        color:black;
        padding-left: 3px;
        padding-top: 3px;
        border: 1px solid #000000;
        width: 300px;
        background: #fff;
}

.acShadow {
        width:102px;
        position:relative;
        top: 2px;
        left: 2px;
        background: #555;
}

.acShadow div {
        position:relative;
        top: -2px;
        left: -2px;
}


/* Centred "loading" box */
.pleaseWait {
    width: 500px;
    height: 400px;
    background-color: #000;
    background-image:url('/images/pleaseWait.gif');
    background-position:center center;
    background-repeat:no-repeat;
    z-index:1000;
    
    opacity:0.5;
    filter:alpha(opacity=50);

    position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

    margin: auto;
    
    color:#fff;
    
    display:none;
}



.removeUserButton {
    position: relative; 
    top: 5px; 
    right: -110px; 
    width: 15px; 
    height: 15px; 
    z-index: 100;
    cursor:pointer;
}

.removeDocumentButton {
    position: relative; 
    top: 8px; 
    right: -160px; 
    width: 15px; 
    height: 15px; 
    z-index: 100;
    cursor:pointer;
}


/* Rotated text for permission table */
.permRotateRight {
    /* float:left; */
    -ms-transform:rotate(-45deg); /* IE 9 */
    -webkit-transform:rotate(-45deg); /* Chrome, Safari, Opera */
    transform:rotate(-45deg);
    white-space:nowrap;
}

.permHover:hover { background: #ccc; }


/* Sharre */
#shareBox {
    float:left;
    margin:80px 42% 0 42%;
  }
  .sharrre .box{
    background:#6f838c;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
    background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    background:linear-gradient(top, #6f838c 0%, #4d5e66 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 );
    -webkit-box-shadow:0 1px 1px #d3d3d3;
    -moz-box-shadow:0 1px 1px #d3d3d3;
    box-shadow:0 1px 1px #d3d3d3;
    height:22px;
    display:inline-block;
    position:relative;
    padding:0px 55px 0 8px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:12px;
    float:left;
    clear:both;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
  }
  .sharrre .left{
    line-height:22px;
    display:block;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#ffffff;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
  }
  .sharrre .middle{
    position:absolute;
    height:22px;
    top:0px;
    right:30px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    white-space:nowrap;
    text-align:left;
    overflow:hidden;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
  }
  .sharrre .middle a{
    color:#fff;
    font-weight:bold;
    padding:0 9px 0 9px;
    text-align:center;
    float:left;
    line-height:22px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
  }
  .sharrre .right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:45px;
    text-align:center;
    line-height:22px;
    color:#4b5d61;
    background:#f1faf9;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
    background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 );
  }
  .sharrre .box:hover{
    padding-right:130px;
  }
  .sharrre .middle a:hover{
    text-decoration:none;
  }
  .sharrre .box:hover .middle{
    width:90px;
  }
  
  
  
  
/* Styles for laying out the projects in a nice grid */

.projectThumbwrap {
    text-align: center;
    padding:0px;
}
.projectThumbwrap li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0px 0px 8px 8px;
	border: 1px solid #999;
	padding: 3px;
    border-radius: 6px;
}

.projectThumbwrap li>div {
	/*\*/ display: table; /**/
	width: 160x;
}

.projectThumbwrap a {
	display: block;
	text-decoration: none;
	color: #000;
	/* background-color: #fff; */
	cursor: pointer;
}

/*\*/
.projectThumbwrap>li .projectWrimg {
	display: table-cell;
	vertical-align: middle;
	width: 160px;
	max-width: 160px;
	height: 120px;
	max-height: 120px;
}

/**/
.projectThumbwrap img {
	vertical-align: middle;
    max-height: 118px;
}
.projectThumbwrap a:hover {
	background-color: #eee;
}

.projectThumbwrap .caption {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #ccc;
	width: 149px;  /* Moz, IE6 */
}
/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
	html:first-child .projectThumbwrap a {
		display: inline-block;
		vertical-align: top;
	}
	html:first-child .projectThumbwrap {
		border-collapse: collapse;
		display: inline-block; /* non deve avere margin */
	}
}


/* Styles for laying out the projects in a nice small grid */

.projectThumbwrapSml {
    text-align: center;
    padding:0px;
}
.projectThumbwrapSml li {
	display: -moz-inline-box;
	display: inline-block;
	/*\*/ vertical-align: top; /**/
	margin: 0px 0px 8px 8px;
	border: 1px solid #999;
	padding: 3px;
    border-radius: 6px;
}

.projectThumbwrapSml li>div {
	/*\*/ display: table; /**/
	width: 120x;
}

.projectThumbwrapSml a {
	display: block;
	text-decoration: none;
	color: #000;
	background-color: #fff;
	cursor: pointer;
}

/*\*/
.projectThumbwrapSml>li .projectWrimgSml {
	display: table-cell;
	vertical-align: middle;
	width: 120px;
	max-width: 120px;
	height: 90px;
	max-height: 90px;
}

/**/
.projectThumbwrapSml img {
	vertical-align: middle;
    max-height: 90px;
}
.projectThumbwrapSml a:hover {
	background-color: #eee;
}

.projectThumbwrapSml .captionSml {
	display: block;
	padding: .3em 5px;
	font-size: .9em;
	line-height: 1.1;
	border-top: 1px solid #ccc;
	width: 119px;  /* Moz, IE6 */
}
/* top ib e hover Op < 9.5 */
@media all and (min-width: 0px) {
	html:first-child .projectThumbwrapSml a {
		display: inline-block;
		vertical-align: top;
	}
	html:first-child .projectThumbwrapSml {
		border-collapse: collapse;
		display: inline-block; /* non deve avere margin */
	}
}


/* Events Minisite */

.eventSpeakerBox {
    border: 5px solid white;
    background:#773446;
    border-radius: 15px;
    color:white;
    padding-left:15px;
    padding-right:15px;
    z-index:0;
}

.eventSpeakerImageThumbnail {
    border: 1px solid white;
    border-radius: 6px;
    z-index:0;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}


.eventSpeakerName a:link {
    text-decoration:none;
    color:#fff;
}

.eventSpeakerName a:visited {
    text-decoration:none;
    color:#fff;
}

.eventSpeakerName a:hover {
    text-decoration:underline;
    color:#fff;
}

.eventSpeakerName a:active {
    text-decoration:none;
    color:#fff;
}

.eventSitedateCell, .eventSitetitleCell, .eventSiteroomCell {
    height:75px;
    padding:5px;
    text-align:center;
    font-weight:bold;
}

.eventSitedateCell {
    background:#b9b9b9;
    color:white;
}

.eventSiteroomCell {
    background:#eceded;
    color:#333;
}

.eventSitespeakerCell {
    color:red;
    font-weight:bold;
}

.eventSitesessionType {
    font-size:10pt;
}

.eventSite_date {
    height:50px;
    width:95%;
    background:#f3ad32;
    color:white;
    padding:10px;
    border:1px solid #fff;
    margin:0 auto;
}

.eventSite_sessionBox, .eventSite_sessionBox_below {
    height:100px;
    width:95%;
    padding:10px;
    border:1px solid #555;
    margin-bottom:15px;
    cursor:pointer;
    margin-left:auto;
    margin-right:auto;
}

.eventSite_sessionBox_below {
    height:auto;
}

.eventSite_sessionBox_plenary { 
    background:#702a35;
    color:white;
}

.eventSite_sessionBox_parallel { 
    background:#1c83b0;
    color:white;
}

.eventSite_sessionBox_networking { 
    background:#f3ad32;
    color:white;
}

.eventSite_sessionBox_training { 
    background:#1c83b0;
    color:white;
}

.eventSite_sessionBox_registration,
.eventSite_sessionBox_coffee,
.eventSite_sessionBox_lunch,
.eventSite_sessionBox_dinner    
{ 
    background:#fff;
    color:black;
}


.eventSite_dateBox {
    position:relative;
    top:-15px;
    left:-15px;
    width:100px;
    padding:3px;
    background:#f3ad32;
    color:white;
    border:1px solid white;
}

.eventSite_roomBox, .eventSite_roomBox_below {
    position:relative;
    top:-45px;
    padding:3px;
    color:white;
    text-align:right;
    font-style:italic;
}

.eventSite_roomBox_below {
    top:-10px;
    text-align:left;
}

.eventSite_titleBox, .eventSite_titleBox_below {
    position:relative;
    top:-40px;
}

.eventSite_titleBox_below {
    top:-15px;
}

.eventSitePriceBox {
    border:1px solid #555;
    padding:2px;
}
    
    
/* dimming the whole page */
.overlay {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000;
    opacity:0.4;
    display:none;
    z-index:99;
}