@charset "utf-8";

/* Basic tags and classes */
@import url("basic.css");

/* Positioning */
@import url("position.css");


@import url("tabs_style.css");


/*@font-face { font-family: "CoolVetica"; src:url(coolvetica_rg.otf) format("truetype"); } */
@font-face { font-family: "HCIfont"; src:url(neuropol_x_rg.ttf) format("truetype"); }

html, body {  background-color:#f8f8f8; 	height:100% !important;
	font-family:CoolVetica, Helvetica, sans-serif; 	letter-spacing: normal;
	font-weight:100; 	font-weight:lighter;
	padding: 0; 	margin: 0;
	min-width:940px; 	}



h1 { line-height:0.75em; font-family:HCIfont, Helvetica, sans-serif; color:#fff; font-size:14pt; text-align:center; padding:0; margin:0; }
h1 span { font-size:8.5pt; }
h1 {outline:none; }
h2 { word-break:keep-all; line-height:1.4em; color:#fff; font-size:18pt; padding:0; margin:0; text-shadow:2px 2px 20px #e8e8e8; }
h2 span { font-size:28pt; }

h4 { }
h5 { }

img.towerArea {
  float: right;
  width: 50%;
  padding: 0px 0px 0px;
  vertical-align: bottom;
  margin-right: -22px;
  margin-top: 90px;
}

img.hcii2016leaf { width:90%; max-width:160px; float: right; }

.clear { clear:both; }

div.webSiteArea { background-color:#fff; border:2px solid #fff; max-width:1200px; margin:0 auto;  }

span.pdfType { background-image:url(images//pdf_icon_small.png); padding:1px 24px 1px 1px; min-height:20px; background-position:right; background-repeat:no-repeat; border-radius:4px; }
a:focus span.pdfType, a:hover span.pdfType { box-shadow:0 0 5px #e8e8e8; }




/* HEADER */

div.headerArea1 { background-color:#e8e8e8; background-image:url(images//header_white_h_line.png); background-position:bottom; background-repeat:repeat-x; }
div.headerArea2 { background-position:bottom right; background-repeat:no-repeat; }
div.headerArea3 { background-image:url(images//header_white_v_line.png); background-repeat:repeat-y; background-position:17.8% 0; }
div.headerLogoArea { /*background-color:#e8e8e8;*/ float:left; width:18%; padding: 0 0 5px; text-align: center; /* border-right:2px solid #fff;*/ }
a.hcii2016Logo { width:80%; margin:0 auto; text-align:center; text-decoration:none;  }
img.hcii2016Logo { width:50%; max-width:130px; src:url(images//hcii2016_logo.png);  }
div.headerTitleArea { float:right; width:81.9%; /*margin-left:-2px; border-left:2px solid #fff;*/ }
div.logoTitleArea { display: block; float: left; width: 100%; }
div.headerTitle {  font-size: 22pt; padding: 10px 0px 10px 2%; float:left; width: 78%; }

div.accessArea { text-align:right; padding:0 10px 0 0; color:#fff; max-width:70%; float:right; display:block; min-height: 10px; font-size: 11pt;}
a.accessArea { color:#fff; font-size:0.875em;  text-decoration: none; display:inline-block;  }
a.accessArea:hover { text-decoration: underline;  }
a.accessArea:focus { text-shadow:0 0 5px #900; text-decoration:underline; color:#fff; }




/* TABS style 
div.tabsArea { background-color:#BBBFC2;}
span.tabsArea { }
ul.tabsArea { padding:0; margin:0; list-style:none; }
li.tabsArea { padding:0; margin:0; float:left; }
a.tabsArea { color:#000; text-decoration:none; padding:5px 10px; display:inline-block;  }
a.tabsArea:hover, a.tabsArea:focus { text-decoration:underline; background-color:#8E4F34; }
a.tabsArea { background-image:url(images//tabs_more.png); background-position:right; background-repeat:no-repeat; }
#tabsnav li:hover a.tabsArea { background-image:url(images//tabs_more_rollover.png); }
a.tabsArea:only-child { background-image:none; }
#tabsnav li:hover a.tabsArea:only-child { background-image:none; }
.tabSelected { background-color:#e37256; font-weight: bold;}
ul.tabsExpanded { background-color:#e37256; padding:0; margin:0; list-style:none;  }
li.tabsExpanded { padding:0; margin:0; }
a.tabsExpanded { color:#000; text-decoration:none;  padding:0.2em 10px;  display:inline-block;  }
a.tabsExpanded:hover, a.tabsExpanded:focus { text-decoration:underline; }
div.unhideMenu { display:none; }
a.unhideMenu { }
div.hideMenu { display:none; }
a.hideMenu { }
*/


/* HIDDEN MENU
#hidden_menu { display:none; font-weight:bold; text-decoration:none; color:#fff; background-image:url(images//icon_hidden_menu_hover.png); background-repeat:no-repeat; background-position:left; background-color:#BBBFC2; border:2px solid #BBBFC2; padding:6px 10px 6px 34px; }
#hidden_menu:hover { background-color:#e37256;  }
#hidden_menu:focus { background-color:#29596e;  }
#hidden_menu:active { background-color:#BBBFC2;  }
*/



/* BULLETS in general */
ul.bullets { padding:0 0 0 10px;  margin:0 0 0 5px; list-style:none; /*list-style:square; list-style-color: #49798e;*/   }
ul.bullets li:before { content: "■ "; color: #343434; }
ul.bullets li:first-line { padding:10px; }
ul.bullets li { padding:3px 0; margin:0; }
ul.bullets a { color:#343434;}
ul.bullets a:hover { color:#E37256;}




/* Body */
div.bodyArea { padding:20px 19px 20px 20px; }

/* MAIN Page */
div.bodyMainPage { float:left; width:64%;  }
div.mainTitle { /*font-size:1.1em;*/ }

/* SECONDARY Page */
div.bodySecondaryPage { float:left; width:35.9%; }

/* CONTENT etc */
span.contentTitles { background-color:#8D8E8E; color:#fff; padding:2px 10px; font-size:1.15em; }
/*p > strong { color:#49798e; }
li > strong { color:#49798e; }*/
div.boardMembersContainer p > strong { font-size:1.15em; }




/* THEMATIC AREAS */
div.thematicAreas { }
div.thematicAreas h4 {  margin:0; background-color:#8D8E8E; color:#fff; padding:2px 10px; font-size:1.2em; }
ul.thematicAreas { margin:0; padding:10px 5px 10px 10px; list-style:none; }
li.thematicAreas {  margin:0; padding: 3px 0; }
li.thematicAreas a { color:#49798e; }
.thematicAreas span a, .thematicAreas a:nth-child(2), .thematicAreas a:nth-child(3) { color:#BBBFC2;  color:#164c68; text-decoration:none; }


/* Highlights */
div.highlightArea { margin:20px 0 20px 20px; }
div.highlightsTitle { background-color:#F1631C; color:#fff; font-size:18pt; padding:5px; text-align:center; }
div.highlightsContent { border:solid #dbe4e8; border-width:0 4px 4px 4px; padding:5px 5px 10px 5px; }
ul.highlightsContent { padding:0;  margin:0 0 0 5px; list-style:none;  }
li.highlightsContent:before { content: "■ "; color: #8D8E8E; }
li.highlightsContent { padding:3px 0; margin:0; }
a.highlightsContent { color:#BBBFC2;  }
img.highlightsContent { width:20px; border-radius:5px; }
a:focus img.highlightsContent, a:hover img.highlightsContent { box-shadow:0 0 5px #e8e8e8; }
a.highlightsContent span.pdfType { padding:11px; }


/* Proceedings */
div.proceedingsArea { margin:20px 0 20px 20px; }
div.proceedingsTitle { background-color:#e8e8e8; color:#fff; font-size:12pt; padding:5px; text-align:center; }
div.proceedingsContent { border:solid #dbe4e8; border-width:0 4px 4px 4px;  text-align:center; padding:5px 5px 10px 5px; }
ul.proceedingsContent { padding:0; margin:0; list-style:none; }
li.proceedingsContent { padding:3px 0; }
a.proceedingsContent {  color:#BBBFC2; }
img.proceedingsContent { width:90%; max-width:190px; }
a:focus img.proceedingsContent, a:hover img.proceedingsContent { box-shadow:0 0 5px #e8e8e8; }


/* Mobile Applications */
div.mobileAppsArea { margin:40px 0 20px 20px; text-align:center; } 
a.mobileAppsArea { padding:0; margin:10px 0; display:block; }
img.mobileAppsArea { width:200px; border-radius:15px; }
a:focus img.mobileAppsArea, a:hover img.mobileAppsArea { box-shadow:0 0 5px #e8e8e8; }


/* BOARD MEMBERS */
div.boardMembersArea {  background-color: #fff; margin-top:5px; }
div.boardMembersHeader {  background-color:#F1631C; color:#fff; text-align: center; padding:5px; font-size:20pt; }
div.boardMembersContainer {  border:solid #dbe4e8; text-align:center; border-width:0 4px 4px 4px; padding:10px; }
div.boardMemberPhoto { }
span.boardMemberPhoto { width:150px; height:150px !important; overflow:hidden; border-radius:83px; display:inline-block; border:8px #BBBFC2 solid;  }
img.boardMemberPhoto { min-width:150px; min-height:155px; margin-top:-5px;  }

ul.boardMembers { margin:0; padding:0; list-style:none; }
ul.boardMembers li { margin:0; padding:0; }
ul.boardMembers li span { display:block; width:auto; font-size:0.8em; margin-bottom:0.25em; color:#444; }

ul.topics { margin:0; padding:0 5px 0 30px; list-style:square; }
ul.topics li { margin:0; padding:5px; }
ul.topics li ul { margin:0; padding:0 0 0.3em 1.5em; list-style:disc; }
ul.topics li ul li { margin:0; padding: 3px; }
ul.topics li ul li ul { margin:0; padding:0 0 0.3em 1.5em; list-style:circle; }
ul.topics li ul li ul li { margin:0; padding:0; }


ul.links { margin:0; padding:0 5px 0 30px; list-style:square; }
ul.links li { margin:0; padding:10px; }

/*ul.topics li span { display:block; width:auto; font-size:0.8em; margin-bottom:0.25em; color:#444; } */



/* TABLES */
table.content  { border:1px solid #e37256; width:100%; margin: auto; border-collapse:collapse;	}
table.content th  { font-weight: bold; padding: 4px 2px 4px 2px; background-color: #e8e8e8; border:1px solid #e37256;   }
table.content td  { padding: 4px 2px; background-color:#e8e8e8; border:1px solid #e37256;  }
table.tutorials { background-color: #FBFDFF; background-color: #FFF; margin: 5px auto 10px; /*border:2px solid #3080FF; border-radius: 12px 12px 8px 8px; */ }

tr.hdr1 th { color: #1060FF; text-align:center; padding:6px 2px 4px 4px; font-size:1.05em; 	}
tr.hdr2  { background-color: #f8f8f8; }
tr.tr1  {background-color: #e8e8e8;	 }
tr.tr2  {background-color: #EFEFEF; }
tr.hdr2 td  { padding: 5px; }
tr.tr1 td  { padding: 5px; }
tr.tr2 td  { padding: 5px; }

table.hcii { border:1px solid #e37256; border-collapse:collapse; margin: auto; }
table.hcii th { border:1px solid #e37256; border-collapse:collapse;}
table.hcii td { border:1px solid #e37256; border-collapse:collapse;}

table.content a { color:#e8e8e8; }
table.content tbody tr th { background-color:#f8f8f8; color:#000; }
table.content tbody:first-child tr th { background-color:#8D8E8E; color:#fff; }
table.content tr th:only-child { background-color:#8D8E8E; color:#fff; }
table.content tr th:only-child a { color:#fff; font-weight:bold; }





/* FOOTER */
div.footerArea { background-color:#BBBFC2; padding:5px 20px; }
div.footerSocial { float:left; width:34%; text-align:left; color:#fff; font-size:1.3em; }
a.footerSocial { color:#fff;  text-decoration:none; }
a.footerSocial:hover, a.footerSocial:focus { text-decoration:underline; }
span.footerSocial { display:inline-block; }
img.footerSocial { width:30px; border-radius:15px; }
a:focus img.footerSocial, a:hover img.footerSocial { box-shadow:0 0 5px #900; }

div.footerPrivacy { float:left; width:20%; text-align:center; padding-top:6px; }
a.footerPrivacy { color:#fff; text-decoration:underline; font-size:0.875em; }
a.footerPrivacy:focus, a.footerPrivacy:hover {  text-shadow:0 1px 2px #900; }

div.footerRevision { float:right; width:45%; text-align:right; font-size:0.875em;  color:#fff;  padding-top:8px; }
a.footerRevision { color:#fff;  }
a.footerRevision:hover, a.footerSocial:focus { text-shadow:0 1px 2px #900; }






/* Media Queries */
@media (min-width: 20px) {
	html, body { min-width:319px; }
	div.headerArea2 { background-position:95% bottom;  transition:background 0.5s; }
}

@media (max-width: 850px) {
	div.headerArea2 { background-position:62% bottom;  transition:background 0.5s;}
	div.headerTitleArea { float: left; width: auto; max-width:65%; }
	div.headerTitle { font-size:20pt; padding-left: 15px; width: 70%;}
	div.headerLogoArea { width: 150px; }
	div.headerArea3 { background-position:148px 0; }
	div.bodyArea { padding: 20px 2% 20px 20px; }
	div.highlightArea, div.proceedingsArea {  margin: 20px 0 20px 5%; }
	div.bodyArea { padding: 20px 2% 20px 2%; }
}

@media (max-width: 640px) {
	div.webSiteArea { border:0; }
	div.headerArea2 { background-position:55% bottom;  transition:background 0.5s;}
	div.headerArea3 { background-image:none; }
	div.headerTitleArea { max-width:52%; border-left:0; }
    div.headerTitle { font-size:15pt; padding-left: 5px; width: 78%;}
	div.headerLogoArea {  width: 150px; }
	div.bodyArea { padding: 15px 10px 20px 10px; }
	h2 { font-size:14pt; }
	h2 span { font-size:24pt; }
	div.bodyMainPage { width: 100%; }
	div.bodySecondaryPage { width:100%; }
	div.highlightArea, div.proceedingsArea {  margin: 20px 0 20px 0; }
	div.footerArea { padding:15px 10px; font-size:0.875em; }
	table { font-family:Helvetica, sans-serif; font-size:0.9em; letter-spacing:normal; }
/*	div.unhideMenu { display:block; }
	#tabsnav { display:none; }
	#unhideMenu:target #tabsnav { display:block; } */
	#hidden_menu { display:block;  }
	#menu { display: none }
	#hidden_menu:target #menu { display:block;  }
	#menu:target { display:block;  }

}

@media (max-width: 330px) {
	html, body { font-size:0.9em; font-family:Helvetica, sans-serif;  }
	div.headerArea2 { background-size:0; transition:background 0.5s; }
	div.headerLogoArea { float: left; /*padding:1.25em 0 10px 0;*/ text-align: center; width: 100px; padding-top:10px; }
	h1 { font-size:10pt; }
	h1 span { font-size:7pt; }
	h2 { font-size:12pt; }
	h2 span { font-size:18pt; }
	h3 { background-size:4px; padding-bottom:12px; }
}


span.small_right {
    font-size: 75%;
    float: right;
    text-align: right;
    padding-right: 15px;
}

/* END */