/* $This file is distributed under the terms of the license in LICENSE$ */

@charset "UTF-8";
/* CSS Document */

/* Tell the browser to render HTML 5 elements as block */
header,
hgroup,
section,
nav,
article,
aside,
footer{
    display: block;
}
time{
    font-weight: normal;
}
html,
body {
    padding: 0;
    height: 100%; /* needed for container min-height */
    font-family: "IPH Astra Serif","Roboto","IPH Serif","Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/;
    min-height: 100%; /* real browsers */
    margin: 0 auto;
    font-size: 16px;
}
body {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 700px;
	max-width: 1920px;
	width: 100%;
	background-size: 100%;
    background: url(../images/header-image.png) center 0 no-repeat;
    height: 200px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
a {
    color: #000000;
    text-decoration: none;
    font-size: 1.2rem;
}
a:hover {
	color: #8B4513;
}

h2 a:hover,
h2 a:active,
ul#header-nav a:link,
ul#header-nav a:visited,
.pagination.menupage li a {
    text-decoration: none;
}
em {
    font-style: italic;
}
/* h1,h2,h3,h4,h5,h6 ------>  */
h2 {
    padding: 10px 0 12px 0;
    margin: 0;
    font-size: 1.375em;
    color: #000000;
    line-height: 1.5em;
    font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
h2 a {
    color: #8B4513;
}
h2 a:link,
h2 a:visited {
    text-decoration: underline;
}
h3 {
    padding: 10px 0 12px 0;
    margin: 0;
    font-size: 1.125em;
    color: #8B4513;
}
h4 {
    padding: 10px 0 12px 0;
    margin: 0;
    font-size: 1em;
    color: #064d68;
}
h5 {
    padding: 10px 0 12px 0;
    margin: 0;
    font-size: .875em;
    color: #8B4513;
}
/* ------------------------------------------------->  */
/* EDITING STYLES ---------------------------------->  */
/* ------------------------------------------------->  */
input[type="text"],
select,
input[type="password"] {
    border: 0;
    font-size: 1rem;
    font-family: "Roboto";
    padding: .5em;
    font-style: italic;
    background: #fff;
    border: 1px dashed #000000;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    /*margin-bottom: .8em;*/
    outline: none;
}

select.form-control {
	padding: 5px 8px 5px 5px;
	font-family: "Roboto";
	font-style: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
	cursor:pointer; 
	background-image: url(../images/select_button.png);
	background-repeat: no-repeat;
	background-position: 96% 50%;	
	background-size: 18px 7px;
}

select.form-control >option {
	padding-right: 30px;
	
}

input.form-control {
	font-family: "Roboto";
	font-size: 1rem;
	color: #363636;
}
.btn-success.set-json {
	background-color: #ffffff;
	border: 1px dashed #000000;
	font-size: 1rem;
	font-family: Roboto;
	flex-grow: 1;
	margin-right: 10px;
}
input.block {
    margin-bottom: 20px;
}
.label {
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: 1.2rem;
    font-family: "IPH Astra Serif";
    color: #000000;
}
label.inline {
    display: inline;
    font-weight: normal;
    font-size: .9em;
}
.verbose-toggle,
.verbose-toggle:visited,
#showAddFormButton,
#showAddFormButton:visited,
input.submit,
input.submit:visited,
/* the id selectors are used temporarily due to the custom jsp tags (<v:input>)
for editing forms which require an id and do not allow a class. This will be
removed once we refactor the editing forms to Freemarker */
input#submit,
input#submit:visited,
input.form-button,
input.form-button:visited {
    background: #222 url(../images/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 18px 7px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    border: 0;
    margin: 0;
    background-color: #DD9F00;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    margin-right: .6em;
    margin-top: .5em;
    margin-bottom: .5em;
}
#verbose-mode .small {
    font-size: 12px;
    color: #fff;
}
#verbose-mode b {
    color: #595B5B;
}
#verbose-mode .verbose-off{
    background: #706a66;
}
input.delete,
input.delete:visited,
input#delete,
input#delete:visited {
    background: #222 url(../images/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 5px 18px 7px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: 0;
    margin: 0;
    background-color: #DD9F00;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1;
    margin-right: .6em;
}
.verbose-toggle:hover,
#showAddFormButton:hover,
input.submit:hover,
input#submit:hover,
input.form-button:hover {
    color: #fff;
    background-color: #DD9F00;
}
input.delete:hover,
input#delete:hover {
    color: #fff;
    background-color: #93c3d4;
}
.verbose-toggle,
.verbose-toggle:active,
#showAddFormButton:active,
input.delete:active,
input#delete:active,
input.submit:active,
input#submit:active,
input.form-button:active,
.button:active,
input.add-account:active,
section.accounts input.delete:active {
    top: 1px;
}
form textarea {
    border: 1px solid #e0dfdf;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.maxWidth {
    margin-top: 20px;
    width: 100%;
}
#itemList a.remove:link,
#itemList a.remove:visited,
#showAddForm a.cancel:link,
form a:link.cancel,
form a:visited.cancel,
a.return:link,
a.return:visited {
    text-decoration: underline;
    color: #f70;
    border-color: none;
    padding-left: 3px;
}
#itemList a.remove:hover,
#itemList a.remove:active,
#showAddForm a.cancel:hover,
#showAddForm a.cancel:active,
form a:hover.cancel,
form a:active.cancel {
    text-decoration: none;
    color: #f70;
    background: none;
}
.validationError {
    font-weight: normal;
    color: #cc0000;
    margin-bottom: .3em;
}
p.submit {
  margin-top: 0;
  padding-top: 0;
}
.editingForm table {
    border-color: #dfe6e6;
}
.editingForm td {
    padding: 3px;
}
.editingForm .entryFormHead {
    background-color: #f1f2ee;
    border-color: #dfe6e6;
}
.form-item {
    margin-top:.3em;
    background-color: #fff;
    border-color: #e0dfdf;
    font-size: .8em;
    border-width: 1px;
    color: #595B5B;
    padding: .3em;
}
a.return:hover,
a.return:active {
    text-decoration: none;
    color: #f70;
    background: none;
}
.database_header {
    background-color: #f1f2ee;
    color: #DD9F00;
    font-size: 1em;
}
.database_upperleftcorner {
    color: #5F6464;
    font-size: 1em;
}
.database_upperleftcenter {
    background-color: #B0C4DE;
    color: #5F6464;
    font-size: 1em;
}
.rownumheader,
.rownum {
    background-color: #F1F2EE;
    color: #5F6464;
    font-size: 1em;
}
.headercenter {
    color:  #5F6464;
    font-size: 10pt;
    font-style: normal;
    text-align: center;
}
.postheader {
    background-color: #E6E6FA;
    color: #777;
    font-size: 1em;
}
.database_postheader {
    background-color: #f7f9f9;
    font-size: 1em;
}
.postheadercenter,
.postheaderright {
    font-size: 1em;
}
.verticalfieldlabel {
    color: #5E6363; /*#5F6464;*/
    font-style: normal !important;
    font-size: 10pt !important;
    line-height: 2em !important;
}
.row, .rowvert {
    background-color: #f7f9f9;
    color: #5F6464;
    font-size: 10pt;
    font-style: normal;
    text-align: left;
    line-height: 2em;
}
.rowalternate {
    background-color: #fff;
    color: #5F6464;
    font-size: 1em;
    line-height: 2em;
}
.rowbold {
    background-color: #FFFAFA;
    color: #5F6464;
    font-size: 10pt; /*1em;*/
    line-height: 2em;
}
.form-background {
    background-color: #fff;
}
.formsEdit p {
    /*padding-top: 1em;*/
    margin-bottom: 1em;
    padding-bottom: 0;
    margin-top: 0;
}
.formsEdit p.validationError {
    margin-bottom: 1.8em;
    margin-top: 0;
    padding-top: 0;
    font-size: .8em;
}
form.deleteForm {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px dotted #e3e9e9;
}
form.editForm span {
    color: #c00;
    font-weight: normal;
    font-size: small;
}
form h3.delete-entry {
    padding-right: .8em;
    display: inline;
}
form h2 {
    margin-bottom: 0;
    padding-bottom: 10px;
}
form select {
   border: 0;
   font-size: 14px;
   padding: .5em;
   background: #fff;
   border: 1px solid #e0dfdf;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   margin-bottom: .8em;
   margin-top: .7em;
   margin-right: .5em;
}
.notice {
    margin-top: 1em;
    border: 1px dotted #FFD324;
}
a.ingestMenu:link,
a.ingestMenu:visited,
a.account-menu:link,
a.account-menu:visited {
    text-decoration: none;
    color: #DD9F00;
}
a.ingestMenu:hover,
a.ingestMenu:active,
a.account-menu:hover,
a.account-menu:active,
ul#alpha-browse-individuals a,
ul#browse-classes a,
ul#find-filters a,
ul#vgraph-classes a {
    text-decoration: none;
    color: #5E6363;
}
ul#browse-classes a {
	width: 90%;
}
ul.ingestMenu {
    margin-bottom: 1.5em;
}
.toBeDeleted {
    margin-bottom: 0;
}
/* BACK-END FORMS -------------->  */
.display-inline {
    display: inline-block;
}
.theme-dir,
#noContentMsg {
    clear: both;
}
tr.editformcell td input[type="text"] {
    width: 30% !important;
}
tr.editformcell td input.fullWidthInput {
    width: 70% !important;
    margin-top: 0.7em !important;
}
tr.editformcell td input.shortInput {
    width: 20% !important;
    margin-top: 0.7em !important;
}
tr.editformcell td textarea.matchingInput {
    width: 95%;
    height:10ex;
    margin-top:0.7em;
    font-family: "IPH Serif","Roboto","Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
    font-size:0.95em;
}
hr.formDivider {
    background-color: #DD9F00;
    border: 0 none;
    height: 1px;
    margin-bottom: 20px;
    margin-top: 15px;
    opacity: 0.3;
}
.editingForm table {
    width: 100%;
    border: none;
}
/* ------------------------------------------------->  */
/* HOMEPAGE AND INTERIOR PAGES STYLES -------------->  */
/* ------------------------------------------------->  */

/* HEADER ------>  */
#branding {
    position: relative;
    width: 80%;
    height: 200px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
}
/* BRANDING ------>  */
h1.vivo-logo {
    position: absolute;
    width: 100%;
    height: 100px;
    top: 35px;
   /* left: 0; */
	 background: url(../images/site-title-padding.png) center 0 no-repeat;
}
h1.vivo-logo a {
    display: block;
    width: 386px;
    height: 59px;
}
/* HEADER NAV------>  */
ul#header-nav {
    float: right;
    list-style: none;
    height: 30px;
    padding-top: 10px;
    /*padding-right: 10px;
    padding-left: 10px;*/
    background-color: #000000;
    opacity: 0.7;
    /* margin-right: 13px; */
    font-size: 1.1rem;
}
ul#header-nav li {
    float: left;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #7c7d7f;
    font-size: 1rem;
    color: #fff;
}
ul#header-nav li:last-child {
    /*padding-left: 1px;
    padding-right: 0;*/
    border-right: none;
}
ul#header-nav a:hover,
ul#header-nav a:active {
    text-decoration: none;
    color: #999;
}
ul#header-nav a.log-out {
   /*  padding-left: 10px; */
}
/* SEARCH ------>  */
.search-form-container {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	width: 100%;
  /*float: left;*/
	
}
.searchResultsHeader {
    width: 100%;
}
.searchResultsHeader >div#querybuilder-container {
	margin-left: auto;
	margin-right: auto;
}
.searchResultsHeader >div#simple-search-container {
	margin-left: auto;
	margin-right: auto;
}
#switch-to-extended-searchform {
  border:none;
  background-color:unset;
  color: #8B4513;
  text-align: right;
  width: 100%;
  font-size: 1.1rem;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
  font-family: "Roboto";
  font-style: normal;
}
#custom-search {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}


.custom-search-input {
  width: 90%;
  border-radius: unset !important;
  -webkit-border-radius: unset !important;
  float: left;
  height: 2rem;
  padding: 0px 0px 0px 5px !important;
  border-style: solid !important;
  border-color: #8B4513 !important;
  margin-bottom: 0 !important;
  background-color: #F3F3F3 !important;
  height: 36px;
}
.search-submit-button{
  all: unset;
  border-radius: unset !important;
  -webkit-border-radius: unset !important;
  float: left;
  color: transparent;
  height: 36px;
  border-style: solid;
  border-width: 1px;
  border-color: #8B4513;
  border-left: 0px;
  background: #F3F3F3;
  width: 10%;
}
input.search-submit-button {
  background-image: url(../images/search-icon.png)!important;
  background-repeat: no-repeat;
  background-position: center center;
}
.custom-search-select{
  border-radius: unset !important;
  -webkit-border-radius: unset !important;
  margin: 0;
  float: left;
  /*height: 36px;*/
  border-style: solid;
  border-color: #8B4513;
  border-left: 0px;
  width: 20%;
  background-color: #F3F3F3;
  -webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
	cursor:pointer; 
	background-image: url(../images/select_button.png);
	background-repeat: no-repeat;
	background-position: 94% 50%;	
	background-size: 18px 7px;
}
#searchRightpanel {
	width: 30%;
}
#search {
    /*position: absolute;*/
    width: 100%;
    height: 38px;
   /* top: 90px;
    right: 10px;*/
}
#search-field {
    width: 396px;
    height: 38px;
    background: url(../images/search-interior-pages.png) 0 0 no-repeat;
}
#search-field input.search {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    font-size: 14px;
    border: none;
    padding-left: 25px;
    padding-top: 8px;
    cursor: pointer;
}
input.search-vivo {
    float: left;
    width: 290px;
    height: 25px;
    border: 0;
    font-size: 16px;
    color: #5e6363;
    margin-left: 10px;
    margin-top: 5px;
    padding: 0;
}
#search-form-modifier {
    display: none;
}

.btn-group-bottom {
	/*background-color: #F1F1F1;*/
	/*padding: 5px 5px 5px 5px;*/
	/*border-left: 1px solid #8B4513;
	border-right: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;*/
	/*width: 100%;*/
	/*margin: 0 10px 0 10px;*/
}

#settingsButtons {
	color: #000000;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	background-color: #F1F1F1;
	/*margin-top: 1%;
	margin-bottom: 0;
	margin-left: 2%;
	margin-right: 2%;*/
	align-items: center;
	
}

#CounterSearchWrapper {
	border: 1px solid #8B4513;
	box-shadow: 0px 4px 4px #aeaeae;
	
}

#wrapperButtons {
	/*width: 70%;
	margin-left: 4%;*/
	display: flex;
	justify-content: space-around;
	background-color: #ffffff;
	padding: 5px;
	box-shadow: 0px 4px 4px #aeaeae;
}

#OuterWrapperButtons {
	display: flex;
	justify-content: space-between;
	width: auto;
	margin-left: 2%;
	background-color: #F1F1F1;
	padding: 15px 10px 15px 10px;
	/*border-left: 1px solid #8B4513;
	border-right: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;*/
}

#SearchTitle {
	background-color: #F1F1F1;
	font-size: 1.3rem;
	padding-left: 20px;
	padding-top: 15px;
	font-family: Roboto;
}

#SelectResults {
	font-size: 1rem;
	border: 1px dashed #000000;
	color: #000000;
	padding-left: 5px;
	margin-left: 10px;
} 
#SelectResults >label {
	padding-left: 5px;
	padding-right: 5px;
	font-family: "Roboto";
	font-style: normal;
	
}
#btn-search-expand {
	width: 15%;
	margin-right: 2%;
	background-color: #ffffff;
	border: 1px solid #DD9F00;
	font-size: 1rem;
	height: 49px;
	cursor: pointer;
	outline: none;
}

#btn-reset-button {
	background-color: #ffffff;
	border: 1px dashed #000000;
	font-size: 1rem;
	flex-grow: 1;
}

#hitsPerPageSelect {
	border-left: 1px dashed #000000;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
	font-family: Roboto;
	font-size: 1rem;
	font-style: normal;
	-webkit-appearance: none;
	-moz-appearance: none;
    appearance: none;
	cursor:pointer; 
	background-image: url(../images/select_button.png);
	background-repeat: no-repeat;
	background-position: 90% 50%;	
	background-size: 18px 7px;
	padding-right: 25px;
}

#btn-get-standard-searchform {
	/*margin-bottom: 10px;*/
	background: transparent;
	border: 0px;
	padding-top: 8px;
	padding-left: 15px;
	font-family: Roboto;
	font-size: 1.2rem;
	cursor: pointer;
}
#backgroundForm {
	height: 39px;
	background-image: url(../images/custom_search_button.png);
	background-repeat: no-repeat;
	/*clip-path:polygon(0% 0%, 0% 1000%, 80% 0%);*/
	
}


/* MAIN NAVIGATION------>  */
ul#main-nav {
    display: flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content: center;
    align-content: center;
    width: 80%;
    padding: 0px 0px 0px 0px;
    height: 46px;
    /* border: 1px solid #dce4e3;*/
    background-color: #000000;
    opacity: 0.8;
    margin-left: auto;
    margin-right: auto;
    margin-top: -46px;
    list-style: none;
    font-size: 1.2rem;
    color: #ffffff;
}

#main-nav li:last-child {
	background: none;
}

#main-nav li {
    float: left; 
    line-height: 46px;
    background: url(../images/separator-main-nav.jpg) right no-repeat;
}
#main-nav li a {
    padding-left: 20px;
    font-family: "Roboto";
    font-style: normal;
    padding-right: 20px;
    display: block;
    color: #ffffff;
    text-decoration: none;
}
#main-nav li a:hover {
    color: #EECFA1;
}
#main-nav li a.selected {
    color: #DD9F00;
   /* background: url(../images/selected-main-nav.jpg) left -1px no-repeat; */
   /* margin-left: 18px; */
}
/* WRAPPER CONTENT------>  */
#wrapper-content {
    clear: both;
    width: 80%;
    /*margin: 0 auto;*/
    background: #fff;
    min-height: 710px;
    padding-top: 20px ;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#wrapperDescription {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	
}
#projectDescription {
	width: 50%;
	
}

#titleProject {
	width: 100%;
	color: #8B4513;
	font-size: 1.4rem;
	padding: 0 0px 10px 25px;
	font-family: "Roboto";
	background-image: url(../images/circle.png);
	background-repeat: no-repeat;
	background-position: left center;
}

p.aboutProject {
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.2;
	padding: 15px 0px 10px 10px;
	border-top: 1px solid #8B4513;
	margin-right: 5px;
	text-indent: 35px;
}

#membersDescription {
	width: 49%;
	border-top: 1px solid #8B4513;
	margin-left: 1%;
}


#contactDescription {
	width: 50%;
	border-top: 1px solid #000000;
}

#registrationDescription {
	width: 50%;
	border-top: 1px solid #000000;
}


/* INTRO-BLURB ------>  */
#intro {
    float: left;
  /*   width: 570px; */
    padding-bottom: 50px;
}
body.loggedIn #intro {
    width: 98%;
}
#intro h2 {
    padding: 35px 0 12px 24px;
    border-bottom: none;
    color: #2485AE;
}
#intro p {
    /* font-size: 16px;
    color: #5f6464;
    line-height: 1.3em;
    padding: 0 24px 0 24px;*/
}
#intro a,
#individual-intro ul.individual-urls li a,
#revision-build-date h3,
#terms h3,
#visual-graph h5,
.blue,
p.forgot-password a,
ul#individual-personInPosition li a,
ul.individual-urls li a,
ul.individual-urls-people li a {
    color: #8B4513
}
/* LOG IN------>  */
#login {
    float: right;
    width: 314px;
    border: 1px solid #e8ece9;
    margin-right: 25px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
    margin-top: 20px;
}
body.login #login {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
#login h2 {
    font-size: 1.4rem;
    color: #8B4513;
    padding-left: 38px;
    padding-top: 18px;
    border-bottom: none;
    font-family: "IPH Astra Serif";
}
h3.internal-auth:hover {
    color: #47B6D0;
}
#error-alert {
    margin-left: 0;
    margin-bottom: 12px;
    padding: 12px;
    padding-bottom: 12px;
    border: 1px dotted #a12424;
}
#error-alert img {
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
#error-alert p {
    padding-left: 40px;
    font-size: .8em;
    line-height: 1.3em;
    color: #a12424;
    padding-top: 5px;
}
#login-form label {
    display: block;
    color: #5e6363;
    padding-top: 0;
    padding-left: 38px;
    font-size: 14px;
}
#login-form input.text-field {
    border: 0;
    font-size: 14px;
    padding: 5px;
    width: 219px;
    height: 24px;
    margin-left: 38px;
    background: #fff;
    border: 1px solid #e0dfdf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#login-form input.text-field:focus {
    border: 1px solid #8B4513;
    background-color: #ffffff;
}
#login-form p.submit {
    width: 100px;
    height: 40px;
    margin-top: 20px;
    margin-left: 38px;
}
#login-form p.submit-password {
    height: 40px;
    margin-top: 20px;
    margin-left: 38px;
}
#login-form input.checkbox-remember-me {
    float: left;
    height: 14px;
    width: 14px;
    color: #5e6363;
    padding: 0;
    margin-top: 33px;
    margin-left: 20px;
}
#login-form label.label-remember-me {
    display: block;
    float: right;
    color: #5e6363;
    font-size: 12px;
    width: 100px;
    margin: 0;
    padding: 0;
    margin-top: 29px;
    margin-right: 32px;
}
p.forgot-password {
    clear: both;
    margin-left: 38px;
    font-size: 12px;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
}
p.request-account {
    width: 219px;
    clear: both;
    float: left;
    margin-left: 38px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #e8ece9;
}
p.password-note {
    font-size: 12px;
    color: #949696;
    padding-left: 38px;
}
#flash-message {
    border: 1px dotted #E2C822;
    background-color: #FFF9D7;
    padding: .5em;
    margin-bottom: 10px;
}
#welcome-message {
    border: 1px dotted #E2C822;
    background-color: #FFF9D7;
    padding: .25em;
    margin-bottom: 8px;
}
#flash-msg-container,
#welcome-msg-container {
    margin-bottom: 8px;
    margin-top: -10px;
    margin-right:-10px;
    height:34px;
}
p.external-auth {
    margin: 0 auto;
}
p.external-auth a.blue,
p.external-auth a.blue:visited {
     background-color: #398AAC;
     width: 180px;
     margin-bottom: 17px;
     line-height: 1.3em;
     padding-top: 10px;
}
p.external-auth a.blue:hover {
    background-color: #58A2C1;
    color: #fff;
}
/* HOME SEARCH ------>  */
#search-home {
   /*float: left;*/
   margin-bottom: 30px;
   margin-top: 10px;
   width: 100%; 
   display: flex;
   flex-direction: row;
	justify-content: center;
}

#simple-search-container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	width: 50%;
}




#search-home h3 {
    padding: 0;
    font-size: 22px;
    margin-bottom: 15px;
    color: #2485AE;
	/*padding-left: 24px;*/
}
#search-home-field {
    width: 483px;
    height: 44px;
    background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
}
#search-home-field input.search {
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    font-size: 18px;
    border: none;
    padding-left: 23px;
    padding-top: 8px;
    cursor: pointer;
}
input.search-home-vivo {
    float: left;
    margin: 10px 0 0 8px;
    width: 350px;
    height: 20px;
    border: 0;
    font-size: 18px;
    color: #5e6363;
    margin-left: 4px;
    margin-top: 2px;
}

/* SEARCH HOME EXPANDED------>  */

#querybuilder-container {
	width: 60%;
	/*display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;*/
}




/* SEARCH HOME------>  */

#search-home-field {
		background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
		width: 520px;
}
#search-home-field input.search {
	 	background-color: transparent;
	 	color: #fff;
		border: none;
}
a.filter-search {
	right: 109px;
}
input.search-homepage {
		border: 0;
		background-color: #f9fafa;
		background-position: right;
		opacity: .5;
		text-align:right;
}
#search-homepage {
  width:520px;
}

#limitedToClassGroup {
  font-size: 1rem;
  display: none;
}
#searchQueryResults {
  font-size: 1.3rem;
  font-family: "IPH Astra Serif";
  margin-top: 25px;
  color: #8B4513;
  display: inline-block;
  vertical-align: middle;
}
img#downloadIcon {
	display: inline;
	vertical-align: bottom;
	height: 0px;
	width: 0px;
	padding: 15px;
	background-image: url(../images/download-icon.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
}
#limitedToType {
  font-size: 1rem;
  display: none;
}

.filter-default {
		background: url(../images/filteredSearch.gif) 0 0 no-repeat;
}
.filter-active {
		background: url(../images/filteredSearchActive.gif) 0 0 no-repeat;
}
#filter-search-nav {
		background-color: #2d3535;
		color: #fff;
		background-color: #2d3535;
		color: #fff;
		right: 109px;
}
#filter-search-nav li {
		background-image: none;
		padding-left: 0;
		margin-left: 0;
}
#filter-search-nav a.active,
#stats p,
p.request-account a,
ul#header-nav a {
   color: #fff;
   font-family: "Roboto";
}
#filter-search-nav a {
		border-bottom: 1px dotted #4f5656;
		color: #1483A4;
}

/* BROWSE ------>  */
ul#browse-classgroups a {
    padding-top: 3px;
    padding-bottom: 3px;
}
ul#browse-classgroups a.selected,
ul#browse-classgroups a:hover,
ul#classes-in-classgroup a:hover,
ul#classes-in-classgroup a.selected,
ul#vgraph-classes a:hover,
ul#vgraph-classes a.selected {
    background: url(../images/arrow.gif) 0 10px no-repeat;
    color: #2ea0cf;
}
svg text:hover {
    color: #2EA0CF;
}
p.view-all {
    clear: both;
    width: 200px;
    font-size: 14px;
    text-align: right;
    color: #303e4e;
}
a.view-all-style {
    color: #303e4e
}

/* HOME STATS----->  */

.home-sections {
		/* border-top: 1px dotted #dbe3e3; /* stroke */
		/* border-bottom: 1px dotted #dbe3e3; /* stroke */
		/* background-color: #fff; /* layer fill content */
		
}
.home-sections h4 {
		/*border-top: 1px solid rgba(220,228,227,.42); /* stroke */
		/*border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
		background-color: none; /* layer fill content */
		/*border-bottom: 2px solid #62b6d7;*/
		color: #DD9F00;
		font-size: 1.5em;
		line-height: normal;
		margin-left: 0px;
		
}

section#home-stats.home-sections {
	display: flex !important;
	flex-direction: column;
	flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
}

#home-stats h4 {
	padding-bottom: 0px;
	display: block;
	height: 1.5rem;
	font-family: "Roboto";
}


#home-stats {
	margin-top: 0px !important;
	height: 120px;
	width: 40%;
}

#stats {
	margin-top: 5px;
	width: auto;
}

#stats li {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		background-color: #4c4c4c;
		border-width: 2px;
		border-radius: 6px; /* border radius */
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box; /* prevents bg color from leaking outside the border */
		border-color: #DD9F00;
		border-style: solid;
		color: #fff;
		margin-top: 0px;
		margin-right: 0px;
		width:90px;
}



#stats >li {
	height: 60px;
	margin-left: 20px;
}

#stats li:first-child {
	margin-left: 0px;
}


#stats li a:hover {
	opacity: 0.7;
}

#stats .stats-count {
	font-size: 2.2em;
	padding-top: 8px;
	height: 28px;
	vertical-align: middle;
	border-bottom: 1px dashed #ffffff;
	font-family: "Roboto";
}

#stats .stats-type {
	height: 23px;
	padding-top: 0px;
	margin-top: 0px;
	font-size: 1.1em;
	font-family: "Roboto";
}

#stats .stats-count span {
	color: #fff;
	opacity: .5;
}
#home-research  {
	width: 297px;
	float: left;
	clear: both;
}
#home-research ul {
	padding: 0.7em 0 0.6em 0.75em;
}
#home-research li {
	line-height: 1.25em;
	margin-top: 0.7em;
	font-size: 0.9em;
}
#home-research li:last-child {
	text-align:right;
	padding: 4px 16px 0 0;
}
#home-research li span {
	color: #fff;
	background: url(../../../images/count-background.png) no-repeat;
	width: 65px;
	height: 27px;
	display: inline-block;
	padding: 6px 8px 0 0;
	margin-left: 4px;
	text-align: center;
}
#home-academic-depts  {
	width: 297px;
	margin-left: 15px;
	float: left;
}
#home-academic-depts h4,
#home-faculty-mbrs h4,
#home-geo-focus h4,
#home-research h4 {
    display: inline;
    padding: 3px 10px;
}
#home-academic-depts ul {
    list-style: disc outside url(../../../images/arrowIcon.gif);
	padding: 0.4em 0 0.6em 1.8em;
}
#home-academic-depts li {
	line-height: 1.25em;
	padding-top: 1.0em;
	padding-right: 4px;
	font-size: 0.9em;
}
#home-faculty-mbrs  {
	width: 297px;
	margin: 0 0 20px 15px;
	float: left;
}
div#tempSpacing {
    margin-top:30px;
    padding-left:20px;
    height:325px;
}
div#research-faculty-mbrs {
    font-size: 0.9em;
    line-height: 16px;
}
div#research-faculty-mbrs li.individual {
    clear: both;
}
div#research-faculty-mbrs ul li.individual:first-child {
    clear: both;
    padding-top: 20px
}
div#research-faculty-mbrs li h1 {
    padding: 6px 0 2px 0;
}
div#research-faculty-mbrs li img {
    width: 60px;
    float: left;
    padding: 0px 8px 10px 10px;
}
div#research-faculty-mbrs li span.title {
    display: block;
    font-size: 0.825em;
    line-height: 1.25em;
    padding-bottom: 8px;
}
div#research-faculty-mbrs ul#viewMoreFac  {
    list-style:none;
}
div#research-faculty-mbrs ul#viewMoreFac li {
    text-align:right;
    padding: 0 16px 8px 0;
    clear:both;
}
div#adjImgHeight {
    height:65px;
    overflow:hidden;
    float:left;
    margin-bottom:10px;
}
#home-geo-focus  {
	clear: both;
	display: inline-block;
    margin-top: 30px;
    height: 632px;
    width: 921px;
}
#home-geo-focus div#timeIndicatorGeo {
    text-align:center;
    margin-top:100px;
}
/* FOOTER------>  */

#footerWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

div#footerWrapper >nav {
	width: 30%;
	font-family: "Roboto";
	font-style: normal;
	font-size: 0.8rem;
}

footer {
    padding: 0px 0px 0px 0px;
    clear: both;
    width: 100%;
    height: 120px;
    margin: 0 auto;
    font-size: .7em;
    color: #ffffff;
    background-color: #4c4c4c;
}
footer p.copyright {
    float: left;
    padding-top: 55px;
    /*padding-left: 30px;*/
    width: 30%;
    color: #ffffff;
    font-family: "Roboto";
    font-style: normal;
}
footer p.copyright small {
    font-size: 1rem;
}
ul#footer-nav {
    float: right;
    list-style: none;
   /* width: 30%;*/
    height: 20px;
    margin: 0;
    padding: 0;
    padding-top: 55px;
    /*padding-right: 20px;*/
    color: #ffffff;
}
ul#footer-nav li {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #c9c8c8;
}
ul#footer-nav li:last-child,
ul#header-nav li.last,
ul#individual-hasResearchArea li:last-child,
ul#individual-facultyMemberships li:last-child {
    border-right: none;
}
#footer-nav a {
    color: #ffffff;
    font-family: "IPH Astra Serif";
    font-size: 1.2rem;
}
#footer-nav a:hover,
a.terms,
a.powered-by-vivo {
    color: #DD9F00;
    text-decoration: none;
}
a.terms:hover,
a.powered-by-vivo:hover {
    color: #4e5051;
    text-decoration: none;
}
p {
    margin-bottom: 0.3em;
}

/* STYLED BUTTONS ------>  */
.button,
.button:visited {
    background: #222 url(../images/alert-overlay.png) repeat-x;
    display: inline-block;
    padding: 7px 22px 8px;
    color: #fff;
    text-decoration: none;
    border-radius: 4px; /*This box should have a rounded corners in browsers supporting CSS3*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: 0;
}
.button:hover {
    background-color: #111;
    color: #fff;
}
.green,
ul#individual-tools li a,
ul#individual-tools-people li a {
    color: #b2d15a;
}
.small.button,
.small.button:visited {
    font-size: 11px
}
.button,
.button:visited {
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
}
.green.button,
.green.button:visited {
    background-color: #DD9F00;
    color: #fff;
}
.green.button:hover {
    background-color: #DD9F00;
}
.blue.button,
.blue.button:visited {
    background-color: #398aac;
    color: #fff;
}
.blue.button:hover {
    background-color: #58a2c1;
}

/* ------------------------------------------------->  */
/* INDIVIDUAL LIST --------------------------------->  */
/* ------------------------------------------------->  */
.pagination li.selectedNavPage {
    color: #91b039;
}
.rdfLink a {
    color: #84a655;
}
.individualList ul.individualData li {
    border-right: solid 1px #a0a0a0;
}
.individualList ul {
    margin-left: 0;
}
.individualList li,
.individualList li span {
  color: #9c9c9c;
 }
.individualList li a {
    font-weight: normal;
    color: #2485AE;
}

/* ------------------------------------------------->  */
/* MENU PAGES -------------------------------------->  */
/* ------------------------------------------------->  */

/* VISUAL GRAPH------>  */
.property-group,
#menupage-intro {
    width: 100%;
    text-align: left;
    background: #fff;
}
#menupage-intro {
	margin: 0.7em auto;
}
#menupage-intro h2 {
    font-size: 1.4em;
    color: #000000;
    font-weight: normal;
    padding: 0 25px 10px 20px;
    font-family: Roboto;
    display: none;
}
#menupage-intro.people h2 {
    float: left;
}
#menupage-content.people {
    border-right: 1px solid #e8ece9;
}
#menupage-content {
    width: 900px;
}
#menupage-content h3 {
    font-size: 1.5em;
    color: #002b44;
    font-weight: normal;
    border-bottom: 1px solid #f3f3f4;
}
/* FIND BY ------>  */
#find-by {
    border: 1px solid #e4eae9;
}
#find-by h3 {
    font-size: 1.125em;
    color: #2485ae;
    font-weight: normal;
}
ul#find-filters a:hover,
ul#find-filters a.selected {
    background: url(../images/arrow.gif) 0 6px no-repeat;
    color: #2ea0cf;
}
/* RESEARCHERS ------>  */
#researchers {
    width: 920px;
    background: #f7f9f9;
    border: 1px solid #d7e6e6;
}
#researchers h3 {
    font-size: 1.25em;
    color: #2485ae;
    font-weight: normal;
    background: url(../images/arrow.gif) 140px 27px no-repeat;
}
#researchers p {
    font-size: 1.125em;
    color: #5e6363;
}
#researchers-slider {
    border: 1px solid #e8e8e8;
    background: #fff;
}
#alpha-display {
    font-size: 4.375em;
    text-align: center;
    float: left;
    color: #2485ae;
    border-right: 1px dotted #dde4e3;
    font-weight: bold;
}
#profile-photo-display {
    width: 600px;
}
#profile-photo-display img {
    border: 1px solid #dde4e3;
}
#nav-display p {
    font-size: 26px;
    color: #2485ae;
}
#nav-display img {
    border-left: 1px solid #e8e8e8;
}
/* BROWSE BY ------>  */
#browse-by {
	width: 100%;
}
nav#alpha-browse-container {
   /* width: 894px;*/
    float: left;
    padding-left: 20px;
    margin-left: 0px;
}

#browse-by h2 {
    background: #5e6363;
    font-size: 1.375em;
    color: #fff;
}
/* BROWSE CLASSES ------>  */
ul#browse-classes {
    border: 1px solid #efe9d9;
    border-right: 0;
    background-color: #efe9d9;
    margin-left: 0px;
    width: 25%;
    outline-color: #efe9d9;
    outline-style: solid;
    outline-width: 1px;
    min-height: 78px;
}
ul#browse-classes li,
ul#vgraph-classes li {
    border-bottom: 1px solid #dde4e3;
    font-size: 1em;
}
ul#browse-classes li {
	width: 90%;
	margin-left: 10px;
	margin-right: 10px;
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
	line-height: 1.3;
}
ul#browse-classes a:hover,
ul#browse-classes a.selected {
    background: url(../images/arrow_brown.png) 4px 5px no-repeat;
    color: #000000;
}
ul#browse-classes .count-classes {
    font-size: 12px;
}
/* ALPHA BROWSE------>  */
ul#alpha-browse-individuals {
    background-color: #fff;
    font-family: "IPH Astra Serif";
    float: left;
    width: auto;
    list-style: none;
    font-size: 1.6rem;
}
ul#alpha-browse-individuals a:hover,
ul#alpha-browse-individuals a.selected {
    background: url(../images/arrow_small.png) -3px 8px no-repeat;
    color: #DD9F00;
}
ul#alpha-browse-individuals .count-classes,
ul#vgraph-classes .count-classes {
    font-size: .75em;
}
.alphaIndex,
tr.editformcell td select,
ul#alpha-browse-individuals li {
    font-size: .8em;
}
.pagination.menupage {
	font-size: 1rem;
	font-family: "IPH Astra Serif";
	margin-bottom: 10px;
	margin-left: 0px;
}
.pagination li.selected {
	font-size: 1.2rem;
	background: #FDF5E6;
	color: #8B4513;
}
nav#alpha-browse-container {
    border-top: 1px solid #efe9d9;
    background-color: #fff;
    border-left: 1px solid #efe9d9;
    border-bottom: none;
    width: 73%;
}
/* BROWSE INDIVIDUALS------>  */
#individuals-in-class {
    width: 100%;
    border-top: 1px solid #dde4e3;
    background-color: #fff;
    margin-right: 0;
    margin-top: 10px;
}

h3.selected-class {
	padding-bottom: 0.3em;
	color: #8B4513;
	font-family: "IPH Astra Serif";
	font-size: 1.3rem;
}

#individuals-in-class li.individual {
    border-bottom: 1px solid #dde4e3;
}
#individuals-in-class li img {
    border: 2px solid #dde4e3;
}
#individuals-in-class li h1,
#property-group-menu ul,
article.property ul.property-list {
    color: #5e6363;
    font-size: 1em;
}
.pagination.menupage li a:hover {
    font-size: 1.2rem;
    background: #ffffff;
    color: #8B4513;
}
.pagination h3 {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
li.individual {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	font-family: "IPH Astra Serif";
	font-size: 1.3rem;
}

/* ------------------------------------------------->  */
/* IMAGE UPLOAD------------------------------------->  */
/* ------------------------------------------------->  */
/* <------ UPLOAD PICTURE*/
#photoUploadDefaultImage img {
    border: 4px solid #DDE4E3;
}
#photoUploadForm {
    border-left: 1px dotted #DDE4E3;
}
/* <------ CROP PICTURE*/
#photoCropping img {
    border: 1px solid #DDE4E3;
}
#photoCropping {
    margin-left: 20px;
    padding-left: 40px;
    background: url(../images/pointToCropPreview.jpg) 0 30px no-repeat;
}
#photoCroppingPreview {
    width: 210px;
}
.photoCroppedPreview {
    border: 4px solid #DDE4E3;
}
/* <------ DELETE PICTURE*/
#photoDeletingContainer {
    border: 1px solid #bdbcbc;
}
/* ------------------------------------------------->  */
/* INDIVIDUAL DISPLAY ------------------------------>  */
/* ------------------------------------------------->  */

/* ADMIN PANEL ------>  */
#admin {
    background-color: #efe9d9;
}
#admin h3 {
    background: #DD9F00;
    color: #fff;
}
#admin .uri-link,
#verbose-mode span {
    color: #888c8c;
}
#admin a {
    color: #8B4513;
}
/* INDIVIDUAL INTRO FOR ANY CLASS ------>  */
.preferred {
    padding-top: .2em;
}
#individual-intro h1 {
    font-size: 1.375em;
    color: #000000;
}
#individual-intro span.display-title,
h1.fn .display-title {
    font-size: .825em;
    color: #5e6363;
    border-left: 1px solid #a6b1b0;
}
ul#individual-tools {
    color: #8AA149;
}
h2#webpage {
    font-weight: bold;
}
/* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------>  */
img.individual-photo {
    border: 7px solid #ebebeb;
}
.rdf-url {
    padding-top: .8em;
    display: block;
}
ul#individual-tools {
    color: #8AA149
}
#share-contact a.email,
#share-contact a.tel,
.editingForm .entryFormHead h2,
.header,
.navlinkblock {
    color: #5f6464;
}
ul.individual-urls {
    list-style: url(../images/arrow-brown.png);
}
ul.individual-urls li {
    font-size: .875em;
    line-height: 1.6em;
}
ul.individual-urls-people {
    list-style: url(../../../images/individual/arrow-grey.gif);
}
/* INDIVIDUAL RIGHT CONTENT ------>  */
#individual-info,
#property-group-menu a,
.grey,
h2#mainImage,
#share-contact h2,
h3.internal-auth {
    color: #5e6363;
}
#individual-info {
	font-family: "IPH Astra Serif";
}
#titleContainer {
	font-family: "IPH Astra Serif";
	width: auto!important;
}
#individual-info h1.fn {
    font-size: 1.6rem;
    color: #595B5B;
    background-image: url(../images/circle_title.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
    padding-bottom: 5px;
    color: #000000;
    font-family: "IPH Astra Serif";
    border-right: none !important;
    margin-top: 5px;
    margin-right: 0px;
    float: none;
    display: inline;
}
#individual-info h2 {
    color: #5E6363;
    font-size: 1em;
    font-weight: bold;
}
#individual-info h3 {
    font-size: 1.125em;
    line-height: 1.2em;
}
ul#individual-personInPosition {
    font-size: 1em;
    list-style: url("../images/arrow-brown.png");
}
ul#individual-personInPosition li {
    line-height: 1.8em;
}
.individual-overview {
    font-size: 1em;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
}
ul#individual-hasResearchArea li {
    border-right: 1px solid #A6B1B0;
}
ul#individual-facultyMemberships li {
    border-right: 1px solid #A6B1B0;
}
 
.display-title-not-editable {
	color: #4F4F4F;
	display: block;
	padding-top: 7px;
	padding-left: 10px;
	border-left: 1px solid #5e6363;
	font-size: 1.4rem;
}	

/* INDIVIDUAL VISUALIZATION ------>  */
.publication-year-range,
p.view-all-coauthors {
    font-size: .875em;
}
a.all-vivo-publications {
    font-size: .875em;
    color: #5e6363;
}
/* <------ TEMPORAL GRAPH and MAP O' SCIENCE  */
#temporal-graph h3 a,
#map-of-science h3 a {
    color: #2485AE;
    font-size: .8em !important;
    text-decoration: underline;
    vertical-align:text-top;
}
/* COAUTHORS ------>  */
img.co-author {
    border: 2px solid #ebebeb;
}
#co-authors h3,
#right-hand-column h3 {
    font-size: 1.25em;
    color: #2485ae;
}
/* PROPERTY GROUP MENU ------>  */
#property-group-menu {
    width: 920px;
    background: #f1f2ee;
}
#property-group-menu li {
    background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat;
}
#property-group-menu a:hover {
    color: #002b44;
}
#property-group-menu li:last-child {
    background: none;
}
/* PROPERTY GROUP ------>  */
section.property-group h2,
#menupage-content h4 {
    font-size: 1.25em;
    color: #8B4513;
    font-weight: normal;
}
article.property {
    width: 95%;
}
article.property h3 {
    background: #fafaf9;
    font-size: 1.4rem;
    color: #8B4513;
    font-family: "IPH Astra Serif";
    font-style: normal;
}
article.property ul.property-list li.subclass h3 {
    font-size: 1.063em;
    color: #5E6363;
}
article.property .data-property-statement {
    background: #fff;
    font-size: 1em;
    color: #5e6363;
}
article.property ul.property-list li a {
    /*color: #2485ae;*/   /* cappadona: seems unnecessarily specific and is overriding .more-less from individual.css so I'm commenting out for now */
    line-height: 1.6em;
}
/* MISCELLANEOUS ------>  */
.displace {
    position: absolute;
    left: -9999px;
}

.middle {
    vertical-align: middle;
}
input[type="submit"] {
    cursor: pointer;
}
.checkboxSpacer {
    margin-left:80px;
}
p.address-line {
    margin-bottom: 0.3em;
}
/* EDITING DISPLAY------>  */
.edit-individual {
    border-left: 1px dotted #8B4513;
    margin-left: 5px;
}
/* ------------------------------------------------->  */
/* SITE ADMIN DASHBOARD ---------------------------->  */
/* ------------------------------------------------->  */
#adminDashboard .pageBodyGroup {
  padding: 0 1em .5em 1em;
}
#adminDashboard .pageBodyGroup h3 {
  background-color: #fff;
  border-bottom: 1px dotted #AFB2B2;
  font-weight: bold;
  padding: .625em;
  color: #8B4513;
  margin-bottom: .625em;
}
#adminDashboard .pageBodyGroup ul {
  margin: 0 0 1em .6em;
}
#adminDashboard .pageBodyGroup h4 {
  color: #5E6363;
  font-size: 1em;
  margin-left: .6em;
  font-weight: bold;
}
#adminDashboard .pageBodyGroup h4 a {
  color: #5E6363;
  font-size: 1em;
  margin-left: 0;
  font-weight: bold;
}
.siteAdmin.loggedIn >div#articleWrapper >div#wrapper-content >div.tab >h2 {
	text-align: center;
	font-family: "IPH Astra Serif";
	font-size: 1.5rem;
	padding-bottom: 0px;
	border-bottom: 1px solid #8B4513;
}



/* ------------------------------------------------->  */
/* REVISION INFO ----------------------------------->  */
/* ------------------------------------------------->  */

#revision-build-date {
    border-left: 1px solid #DFE6E6;
}
#revision-levels caption {
    font-size: 18px;
    color: #2485ae;
}
#revision-levels th {
    font-weight: bold;
    border: 1px solid #DFE6E6;
}
#revision-levels td {
    border: 1px solid #DFE6E6;
}

/* ------------------------------------------------->  */
/* IE message when JS is disabled  ----------------->  */
/* ------------------------------------------------->  */
.ie-alert {
    color: #f00;
    font-weight: bold;
}

/* ------------------------------------------------->  */
/* VERBOSE DISPLAY  -------------------------------->  */
/* ------------------------------------------------->  */
section.verbosePropertyListing {
    font-size: 12px;
    font-weight: normal;
    color: #5E6363;
}
section.verbosePropertyListing span {
    color: #9bae5a;
}
h2#email .verbosePropertyListing,
h2#phoneNumber .verbosePropertyListing {
    margin-top: 10px;
    line-height: 1.4em;
}
article.property h3 {
    padding: 10px 0 10px 20px;
    margin: 0;
}
h2#personInPosition .verbosePropertyListing,
h2#hasResearchArea .verbosePropertyListing,
h2#preferredTitle .verbosePropertyListing {
    display: block;
}

/* ------------------------------------------------->  */
/* ACCOUNT PAGE ------------------------------------>  */
/* ------------------------------------------------->  */
form.customForm p {
    margin-top: 8px;
}
section.accounts input.delete,
section.accounts input.delete:visited {
    background-color: #FFF;
    color: #8B4513;
    border: 1px solid #8B4513;
}
section.accounts input.delete:hover {
    color: #fff;
    background-color: #ffffff;
    border: 1px solid #8B4513;
}
input.add-account,
input.add-account:visited {
    background: url(../images/addNewAccount.png) 0 center no-repeat;
    color: #fff;
    padding-left: 35px;
}
input.add-account:hover {
    color: #fff;
    background-color: #ffffff;
    background: url(../images/addNewAccountOver.png) 0 center no-repeat;
}
.disabledSubmit {
    color: #000000 ! important;
    background-color: #DD9F00 ! important;
    cursor: default ! important;
}
/* ------------------------------------------------->  */
/* CONTACT FORM ------------------------------------>  */
/* ------------------------------------------------->  */
#contact_form input[type="text"] {
    width: 20em;
}
#contact_form textarea {
    width: 40em;
}
/* ------------------------------------------------->  */
/* ASSOCIATE PROFILE ------------------------------->  */
/* ------------------------------------------------->  */
#associateProfileBackgroundThree {
    padding:7px 94px 26px 12px;
    margin-top:-136px;
}
#associateProfileBackgroundTwo {
    padding:7px 94px 40px 0;
    margin-top:-136px;
}
#associateProfileBackgroundFour {
    margin-top:-12px;
}

/* ------------------------------------------------->  */
/* CLASS HIERARCHY  -------------------------------->  */
/* ------------------------------------------------->  */
span.headerSpanPlus {
    width: 12px;
    background: url(../images/green_plus_sign.gif) left center no-repeat;
    cursor:default;
}
span.headerSpanMinus {
    width: 12px;
    background: url(../images/green_minus_sign.gif) left center no-repeat;
    cursor:default;
}
span.subclassExpandPlus {
    padding-right: 14px;
    background: url(../images/green_plus_sign.gif) left center no-repeat;
    cursor:default;
}
span.subclassExpandMinus {
    padding-right: 14px;
    background: url(../images/green_minus_sign.gif) left center no-repeat;
    cursor:default;
}
/* ------------------------------------------------->  */
/* PAGE MANAGEMENT  -------------------------------->  */
/* ------------------------------------------------->  */
.expandArrow {
    background:url(../images/green_plus_sign.gif) right center no-repeat;
    min-height:18px;
}
.collapseArrow {
    background:url(../images/green_minus_sign.gif) right center no-repeat;
    min-height:18px;
}

.affiliations {
    font-family: "IPH Astra Serif";
    font-size: 1.2rem;
    font-weight: bold;
}
/* ------------------------------------------------->  */
/* ARTICLESTYLES  -------------------------------->  */
/* ------------------------------------------------->  */
.articleExcerpt {
	background-color: #ffffff;
	/*border: 1px solid #F6F6F6;*/
	font-family: "IPH Astra Serif" !important;
	font-size: 1.4rem !important;
}
.articleExcerpt >div.htmlExcerpt >p.Textbody {
	font-family: "IPH Astra Serif" !important;
	font-size: 1.3rem !important;
	padding-top: 10px!important;
}
.htmlExcerpt h1:first-child {
	display: none;
}
.htmlExcerpt h2:first-child {
	display: none;
}
.htmlExcerpt h3:first-child {
	display: none;
}
.htmlExcerpt >li >p.Textbody {
	font-family: "IPH Astra Serif" !important;
	font-size: 1.3rem !important;
	padding-top: 10px!important;
}
.articleExcerpt >div.htmlExcerpt >p.Textbody >span {
	font-family: "IPH Astra Serif" !important;
	font-size: 1.3rem !important;
}
button.collapsible {
	background-color: #F6F6F6;
	/*border: 1px solid #F6F6F6 !important;*/
	outline: none;
	background-image: url(../images/arrow-down-big.svg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
	padding-left: 40px !important;
	font-family: "IPH Astra Serif";
	font-size: 1.4rem !important;
	cursor: pointer;
	padding: 14px;
	width: 100%;
	text-align: left;
	border: none;
}
button.collapsible:visited {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0px;
}

button.collapsible.active {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #F6F6F6;
	outline: none;
	background-image: url(../images/arrow-top-big.svg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}
button.collapsible.active:focus {
	background-color: #F6F6F6;
	border: 1px solid #F6F6F6;
}
button.collapsible.metadataAuthors {
	background-color: #FFFAF0;
	border-bottom: 1px dashed #9C9C9C;
	padding: 18px;
	width: 100%;
	outline: none;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	text-align:left;
	margin-top: 0px;
	background-image: url(../images/arrow-top.svg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}
button.collapsible.metadataAuthors.active {
	background-color: #ffffff;
	border-bottom: 1px dashed #9C9C9C;
	padding: 18px;
	width: 100%;
	outline: none;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	text-align:left;
	margin-top: 0px;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}
.metadataAuthors {
	margin-top: 10px;
	padding-left: 15px;
}
.metadataRubrics {
	margin-top: 10px;
	padding-left: 15px;
}
button.collapsible.metadataRubrics {
	background-color: #FFFAF0;
	border-bottom: 1px dashed #9C9C9C;
	padding: 18px;
	width: 100%;
	outline: none;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	text-align:left;
	margin-top: 0px;
	background-image: url(../images/arrow-top.svg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}
button.collapsible.metadataRubrics.active {
	background-color: #ffffff;
	border-bottom: 1px dashed #9C9C9C;
	padding: 18px;
	width: 100%;
	outline: none;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	text-align:left;
	margin-top: 0px;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: 1% 50%;
}
.authors {
	width: 100%;
	border-top: 1px solid #8B4513;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: right;
	padding-top: 10px;
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.3rem;
}
.works {
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.2rem;
	margin-left: 30px;
	padding-left: 20px;
}
.works >li {
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.2rem;
	margin-bottom: 1.3em;
	display: list-item;
	list-style-image: url(../images/bullet_icon.png);
}
.works >div.work >p {
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.2rem;
}
.works >h2.label {
	background-image: url(../images/book_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	font-family: IPH Astra Serif;
	font-size: 1.4rem;
	font-style: normal;
	margin-left: -50px;
}
.virtualWorks {
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.2rem;
}
.virtualArticleWorks >div.virtualWorks >div.work {
	background-image: url(../images/bullet_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 30px;
	padding-left: 20px;
}
.bibliography {
	margin-left: 30px;
	padding-left: 20px;
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.2rem;
}
.bibliography_entry >p {
	font-family: IPH Astra Serif;
	font-style: italic;
	font-size: 1.2rem;
}
.searchResult {
	margin-top: 15px;
	font-family: "IPH Astra Serif";
	font-style: normal;
	font-size: 1.4rem;
	border-bottom: 1px solid #dde4e3;
}
.searchResult >a {
	font-family: IPH Astra Serif;
	font-style: normal;
	font-size: 1.2rem;
	color: #000000;
	font-weight: bold;
}
.searchResult >a:hover {
	color: #8B4513;
}
.virtualArticleBiblio >div.virtualBibliography {
	margin-top: 10px;
}
.expandedAffilations {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.expandedAffilations span {
	color: #696969;
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
	line-height: 1.4em;
}
.virtualArticleSwitch {
	border-top: 1px solid #8B4513;
	border-bottom: 1px solid #dde4e3;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: baseline;
	background-color: #F6F6F6;
}
.virtualArticleSwitch >label.switch {
	font-family: IPH Astra Serif;
	font-style: normal;
	font-size: 1.3rem;
	padding-bottom: 15px;
	padding-top: 9px;
	display: flex;
	align-items: center;
}
.virtualArticleSwitch >button {
	all: unset;
 	cursor: pointer;
 	font-family: "IPH Astra Serif";
 	font-size: 1.3rem;
 	padding: 15px;
 	background-color: #f8eccc;	
}
.virtualArticleBiblio >div.virtualBibliography >div.bibliography {
	background-image: url(../images/bullet_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.searchhits li {
	margin-top: 0px;
}

ul.dropdown li#user-menu a {
	font-family: "Roboto";
	font-size: 1rem;
}
ul.dropdown ul.sub_menu {
	background-color: #000000;
}
ul.dropdown ul.sub_menu li {
	background:  url(../images/arrow-menu-account.gif) 7px 8px no-repeat;
}
ul.dropdown ul.sub_menu li a {
	background-color: #000000;
	color: #ffffff !important;
}
ul.dropdown ul.sub_menu li a:hover {
	color: #DD9F00;
}
.individual.loggedIn >div#articleWrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.individual >div#articleWrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.entity >div#articleWrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.entity.loggedIn >div#articleWrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.display.loggedIn >div#articleWrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.display >div#articleWrapper {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.individual.loggedIn >div#articleWrapper >div#searchRightpanel {
	width: 27%;
	margin-left: 3%;
}
.individual >div#articleWrapper >div#searchRightpanel {
	width: 30%;
	margin-left: 3%;
}
.entity >div#articleWrapper >div#searchRightpanel {
	width: 30%;
	margin-left: 3%;
}
.entity.loggedIn >div#articleWrapper >div#searchRightpanel {
	width: 27%;
	margin-left: 3%;
}
.display > div#articleWrapper > div#searchRightpanel {
	width: 30%;
	margin-left: 3%;
}
.individual.loggedIn >div#articleWrapper >div#wrapper-content {
	width: 70%;
}
.individual >div#articleWrapper >div#wrapper-content {
	width: 70%;
}
.individual >div#articleWrapper >div#searchRightpanel >section#search >div.search-form-container >form#custom-search {
	justify-content: right;
}
.individual.loggedIn >div#articleWrapper >div#searchRightpanel >section#search >div.search-form-container >form#custom-search {
	justify-content: right;
}
.home.loggedIn >div#wrapper-content {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}
.home >div#wrapper-content {
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}

.issues >div >p {
	font-size: 1.3rem;
	font-family: "IPH Astra Serif";
}
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >button.collapsible {
	background-color: #efe9d9;
	background-image: none;
	padding-left: 1%;
}
.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
	padding-left: 1% !important;
}
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >button.collapsible {
	background-image: none;
}
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
	background-image: none;
}
.rubrics >div#articleWrapper >div#wrapper-content >div.rubricContents >div.rubricContents >div.rubricContents >div.rubricContents >button.collapsible {
	background-image: none;
}
button.collapsible.active {
	background-color: #F6F6F6;
}
.rubrics >div#articleWrapper >div#wrapper-content >button.collapsible {
	background-color: transparent;
	border-bottom: 1px solid #dde4e3 !important;
	background-image: none;
}
.affiliations >span {
	font-family: "IPH Astra Serif";
	font-size: 1.1rem;
}
.parentRubric >li >a {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
	color: #8B4513;
}
.parentRubric >li {
	margin-bottom: 8px;
}
.childRubric a {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
.childRubric {
	list-style:none;
	border:none;
	padding: 5px;
	width: 100%;
	text-align:left;
}
.childRubric > a:hover {
	color: #8B4513;
}
#individual-intro.person {
	margin-top: 0px;
}
#articleHeaderWrapper {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}
.keywords {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
.biblio >h2.label {
	background-image: url(../images/book_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-family: "IPH Astra Serif";
	font-size: 1.4rem;
	padding-left: 40px;
}
.biblio >li {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
	font-style: italic;
	margin-bottom: 1.3em;
	display: list-item;
	list-style-image: url(../images/bullet_icon.png);
	margin-left: 40px;
}
#individual-intro.person #individual-info {
	width:80%;
	margin-bottom: 0px;
}
#share-contact {
	width: 16%;
}
li.nonSelectedGroupTab {
	background-color: #efe9d9;
}
button#scrollToTopBtn {
	all: unset;
	background-image: url(../images/to_up.png);
	background-repeat: no-repeat;
	background-position: top center;
	cursor: pointer;
	font-size: 0.8rem;
	text-transform: uppercase;
	font-family: "Roboto";
	color: #ffffff;
	height: 62px;
	margin-top: 45px;
}
button#scrollToTopBtn:hover {
	background-image: url(../images/to_up_hover.png);
	background-repeat: no-repeat;
	background-position: top center;
}
span.iconControlsNotEditable {
	top: 0px;
	position: relative;
	padding-top: 5px;
}
span.iconControlsEditable {
	position: relative;
	top: 0px;
	padding-top: 5px;
}
.expandSwitch {
	width: auto;
	text-align: center;
	font-family: "Roboto";
	font-size: 1rem;
	text-align: center;
	/*background-color: #000000;*/
	/*background-image: url(../images/expand-label-image.svg);
	background-repeat: no-repeat;
	background-position: right bottom;*/
	/*margin-top: -1px;
	border: 1px solid #8B4513;
	border-bottom-left-radius: 2em;*/
	/*clip-path:polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);*/
}

#articleTitleWrapper {
	width: 100%;
	/*display: flex;*/
	border-bottom: 1px solid #8B4513;
	/*flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;*/
	padding-bottom: 6px;
}
.articleToolsContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	border-bottom:  1px solid #8B4513;
	background-color: #F6F6F6;
	width: 100%;
}
#articleIconsWrapper {
	margin-top: 25px;
}
#print {
	all: unset;
	cursor: pointer;
	padding-left: 8px;
	padding-top: 5px;
	padding-right: 10px;
}
.articleButtons {
	/*width: 10%;*/
	display: flex;
	justify-content: flex-end;
}
#save {
	all: unset;
}
#exportPdf {
	all: unset;
}

#tocPlaceHolder {
	margin-top: 10px;
	border: 1px solid #8B4513;
}
#tocName {
	text-align: center;
	font-family: "Roboto";
	font-size: 1.2rem;
	border-bottom: 1px solid #8B4513;
	padding-top: 7px;
	padding-bottom: 7px;
}
#wrapperTocButtons {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 1rem;
	font-family: "Roboto";
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #8B4513;
	color: #000000;
	background-color: #ffffff!important;
}
#tocExpandAll:hover {
	cursor: pointer;
	color: #8B4513;
}
#tocCollapseAll:hover {
	cursor: pointer;
	color: #8B4513;
}
#tocExpandImageAll {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
}
#tocCollapseImageAll {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	float: right;
}
.tocElementSwitchImage {
	padding-right: 10px;
	cursor: pointer;	
}
.tocElement >div.tocElement {
	padding-left: 20px;
	background-color: #ffffff;
}
.tocElement >div.tocElement >div.tocElementName {
	padding-left: 14px;
	background-image: none;
	margin-left: 0px;
}
#tocPlaceHolder >div {
	background-color: #F6F6F6;
}
#tocPlaceHolder a {
	font-family: "Roboto";
	font-size: 1rem;
}
.tocElementName {
	padding-left: 5px;
	margin-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.display-title-editable {
	font-size: 1.15em!important;
	padding-top: 7px;
}
.collapsibleLink {
	font-family: "IPH Astra Serif";
	font-size: 1.3rem;
	cursor: pointer;
}
.collapsibleLink:hover {
	color: #8B4513;
}
.label.collapsible {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #9C9C9C;
	background-color: #FDF5E6;
}
.collapsible.collapsed {
	padding: 4px 4px 4px 10px;
	background-color: #fdfaf5;
}
.collapsible.collapsed >div.collapsibleLink {
	background-image: url(../images/arrow-down-big.svg);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	padding-left: 30px;
}
.collapsible.collapsed >div.collapsibleLink >b {
	font-weight: normal;
}
.collapsible.expanded {
	padding: 4px 4px 4px 10px;
	background-color: #fdfaf5;
}
.collapsible.expanded >div.collapsibleLink {
	background-image: url(../images/arrow-top-big.svg);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	padding-left: 30px;
	
}
.collapsible.expanded >div.collapsibleLink >b {
	font-weight: normal;
}
.searchTOC {
	display: none;
}
span#searchHelp {
	display: none;
}
.searchpages >span {
	font-size: 1.2rem;
	font-family: "IPH Astra Serif";
	background-color: #FDF5E6;
	padding: 0 0.4em;
	border-radius: 3px;
	margin-left: 0px;
	margin-right: 0px;
}
.searchpages a {
	margin-left: 0.3em;
	margin-right: 0.3em;
}
p.snippet {
	font-size: 1.1rem;
	margin-bottom: 0.9em;
}
p.snippet >strong {
	color: #8B4513;
}
.searchpages {
	border-top: 1px solid #dde4e3;
	padding-top: 20px;
}
.expandedContent {
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #dde4e3;
}
.expandedContent a {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
.childArticle {
	list-style:none;
	border:none;
	padding: 5px;
	width: 100%;
	text-align:left;
}
.childArticle a {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
.childExcerpt {
	list-style:none;
	border:none;
	padding: 5px;
	width: 100%;
	text-align:left;
}
.childExcerpt a {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
input#expandCB {
	display: none;
}
label.switch {
	padding-top: 6px;
	padding-left: 9px;
	padding-right: 9px;
}
.collapseTextControl:hover {
	color: #8B4513;
}
.expandTextControl:hover {
	color: #8B4513;
} 
label.switch >.expandTextControl >img {
	padding-left: 6px;
}
label.switch >.collapseTextControl >img {
	padding-left: 6px;
}
.firstPub {
	padding-bottom: 15px;
	padding-top: 8px;
}
.firstPub .label {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
	margin-top: 0px;
	margin-bottom: .2em;
}
.firstPub li {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
}
.affilation {
	margin-bottom: 12px;
}
.expandedAuthors >.affilation {
	font-family: "IPH Astra Serif";
	line-height: 1.6em;
}
.expandedAuthors >.affilation >b {
	font-family: "IPH Astra Serif";
	font-size: 1.2rem;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-right: 5px;
	border-bottom: 1px dashed #dde4e3;
	border-top: 1px solid #dde4e3;
	display: block;
	font-weight: bold;
	margin-bottom: 4px;
}	
.authorOrgName {
	font-family: "IPH Astra Serif";
	font-size: 1.1rem;
	color: #4F4F4F;
}
.authorOrgAdress {
	font-family: "IPH Astra Serif";
	font-size: 1.1rem;
	color: #4F4F4F;
}
.wrapperExpandedKeywords {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	list-style: none;
	border-top: 1px solid #dde4e3;
	padding-top: 10px;
}
.wrapperExpandedKeywords >li {
	border-right: 1px solid #8B4513;
	font-size: 1.2rem;
	font-family: "IPH Astra Serif";
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.wrapperExpandedKeywords > li:last-child {
	border-right: none;
}
.rubricsList {
	border-top: 1px solid #dde4e3;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.7em;
	margin-bottom: 10px;
}
.articleList {
	border-top: 1px solid #dde4e3;
	padding-left: 10px;
	padding-top: 10px;
	line-height: 1.7em;
	margin-bottom: 10px;
}
.nonePubAuthors {
	padding-left: 40px;
	padding-bottom: 4px;
	padding-top: 4px;
}
#virtualArticleCheck {
	appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}
#virtualArticleCheck[type="checkbox"] {
	border: 1px solid #8B4513;
	background-color: #ffffff;
	width: 20px;
	height: 20px;
	margin-left: 15px;
	outline: none;
}
#virtualArticleCheck[type="checkbox"]:hover {
	background-color: #F1F1F1;
	outline: none;
}
#virtualArticleCheck[type="checkbox"]:checked {
	background-color: #EAD6A2;
	background-image: url(../images/check-icon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	outline: none;
}
.toolsWrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-end;
}
#metadataExpandCB {
	display: none;
}
.metaDataName {
	text-transform: uppercase;
	border-bottom:1px solid #dde4e3;
}
.metaDataName.collapsible.collapsed > div.collapsibleLink {
	font-size: 1.1rem;
}.metaDataName.collapsible.expanded > div.collapsibleLink {
	font-size: 1.1rem;
}
.metaDataName.collapsible.collapsed {
	padding: 10px;
	background-color: #FDF5E6;
}
.metaDataName.collapsible.expanded {
	padding: 10px;
	background-color: #FDF5E6;
}
.metadataSwitch >.expandSwitch >label.switch >.expandTextControl >img {
	padding-left: 0px;
	padding-right: 8px;
	padding-top: 9px;
	float: left;
}
.metadataSwitch >.expandSwitch >label.switch >.collapseTextControl >img {
	padding-left: 0px;
	padding-right: 6px;
	padding-top: 9px;
	float: left;
}

/* ------------------------------------------------->  */
/* FONTS  -------------------------------->  */
/* ------------------------------------------------->  */
@font-face {
	font-family: "IPH Serif"; 
	font-weight: normal;
	src: url("../fonts/IPHSerif-Regular.woff2") format("woff2"),
	     url("../fonts/IPHSerif-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Serif"; 
	font-style: italic;
	src: url("../fonts/IPHSerif-Italic.woff2") format("woff2"),
	     url("../fonts/IPHSerif-Italic.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Serif";
	font-weight: bold;
	src: url("../fonts/IPHSerif-Bold.woff2") format("woff2"),
	     url("../fonts/IPHSerif-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Serif";
	font-style: italic;
	font-weight: bold;
	src: url("../fonts/IPHSerif-BoldItalic.woff2") format("woff2"),
	     url("../fonts/IPHSerif-BoldItalic.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Astra Serif"; 
	font-weight: normal;
	src: url("../fonts/IPHAstraSerif-Regular.woff2") format("woff2"),
	     url("../fonts/IPHAstraSerif-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Astra Serif";
	font-weight: bold;
	src: url("../fonts/IPHAstraSerif-Bold.woff2") format("woff2"),
	     url("../fonts/IPHAstraSerif-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Astra Serif";
	font-style: italic;
	src: url("../fonts/IPHAstraSerif-Italic.woff2") format("woff2"),
	     url("../fonts/IPHAstraSerif-Italic.ttf") format("truetype");
}
@font-face {
	font-family: "IPH Astra Serif";
	font-style: italic;
	font-weight: bold;
	src: url("../fonts/IPHAstraSerif-BoldItalic.woff2") format("woff2"),
	     url("../fonts/IPHAstraSerif-BoldItalic.ttf") format("truetype");
}
@font-face {
	font-family: "Roboto"; 
	font-weight: normal;
	src: url("../fonts/Roboto-Regular.woff2") format("woff2"),
	     url("../fonts/Roboto-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "Roboto";
	font-weight: bold;
	src: url("../fonts/Roboto-Bold.woff2") format("woff2"),
	     url("../fonts/Roboto-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "Roboto"; 
	font-style: italic;
	src: url("../fonts/Roboto-Italic.woff2") format("woff2"),
	     url("../fonts/Roboto-Italic.ttf") format("truetype");
}
@font-face {
	font-family: "Roboto";
	font-style: italic;
	font-weight: bold;
	src: url("../fonts/Roboto-BoldItalic.woff2") format("woff2"),
	     url("../fonts/Roboto-BoldItalic.ttf") format("truetype");
}
/* ------------------------------------------------->  */
/* SCREEN RESOLUTION  -------------------------------->  */
/* ------------------------------------------------->  */
@media screen and (max-width: 1630px) {
	#querybuilder-container {
	width: 70%;	
	}
}

@media screen and (max-width: 1500px) {
	#branding {
	width: 90%;	
	}
	ul#main-nav {
	width: 90%;	
	}
	#wrapper-content {
	width: 90%;	
	}
	#switch-to-extended-searchform {
	width: 100%;	
	}
	#querybuilder-container {
	width: 70%;	
	}
	#footerWrapper {
	width: 90%;
	}
	.individual >div#articleWrapper {
	width: 90%;
	}
	.individual.loggedIn >div#articleWrapper {
	width: 90%;
	}
	.entity >div#articleWrapper {
	width: 90%;
	}
	.entity.loggedIn >div#articleWrapper {
	width: 90%;
	}
	.display.loggedIn >div#articleWrapper {
	width: 90%;
	}
	.display >div#articleWrapper {
	width: 90%;
	}
}

@media screen and (max-width: 1300px) {
	#branding {
	width: 100%;	
	}
	ul#main-nav {
	width: 100%;
	}
	h1.vivo-logo {
	top: 45px;	
	}
	#wrapper-content {
	width: 95%;	
	}
	#querybuilder-container {
	width: 90%;	
	}
	#footerWrapper {
	width: 95%;
	}
	ul#alpha-browse-individuals {
	font-size: 1.3rem;	
	}
	ul#browse-classes {
	width: 24%;	
	}	
	ul#browse-classes li {
	font-size: 1.1rem;
	}
	.individual >div#articleWrapper {
	width: 95%;
	}
	.entity >div#articleWrapper {
	width: 95%;
	}
	.entity.loggedIn >div#articleWrapper {
	width: 95%;
	}
	.individual.loggedIn >div#articleWrapper {
	width: 95%;
	}
	.display.loggedIn >div#articleWrapper {
	width: 95%;
	}
	.display >div#articleWrapper {
	width: 95%;
	}
}

@media screen and (max-width: 1100px) {
	ul#alpha-browse-individuals {
	font-size: 1.2rem;	
	}
	ul#alpha-browse-individuals a {
	padding-left: 4px;
	}
	h3.selected-class {
	font-size: 1.2rem;	
	}
	ul#alpha-browse-individuals a:hover, ul#alpha-browse-individuals a.selected {
	background: none;	
	}
	ul#main-nav {
	font-size: 1rem;	
	}
	#simple-search-container {
	width: 70%;
	}
	#switch-to-extended-searchform {
	width: 100%;	
	}
	footer p.copyright small {
	font-size: 0.8rem;
	}
	#main-nav li a {
	font-size: 1rem;
	}
}

@media screen and (max-width: 900px) {
	h1.vivo-logo {
	background-size: 100%;
	top: 50px;	
	}
	ul#main-nav {
	font-size: 1rem;	
	}
	#main-nav li a {
	padding-left: 15px;
	padding-right: 15px;
	font-size: 0.8rem;
	}
	#wrapper-content {
	width: 95%;	
	padding-top: 10px;
	}
	#querybuilder-container {
	width: 100%;
	}
	#custom-search {
	width: 80%;	
	}
	#switch-to-extended-searchform {
	width: 80%;	
	}
	#projectDescription {
	width: 100%;	
	}
	#membersDescription {
	width: 100%;
	}
	#contactDescription {
	width: 100%;	
	}
	#registrationDescription {
	width: 100%; 
	}
	#footerWrapper {
	width: 100%;	
	}
	#stats > li {
	margin-left: 5px;}
	#stats li {
	width: 80px; 
	}
	button.collapsible {
	background-position: 2% 50%;	
	}
	ul#alpha-browse-individuals a {
	padding-left: 3px;
	}
	ul#browse-classes a {
	line-height: 1.3em;	
	font-size: 0.92rem;
	}
	p.aboutProject {
	padding-right: 10px;
	}
	#simple-search-container {
	width: 80%;
	}
	#titleProject {
	text-align: center;
	background-image: none;
	}
	#registrationDescription >p.TableContents {
	padding-left: 10px !important;
	}
	footer p.copyright {
	padding-left: 30px;
	}
	ul#footer-nav {
	padding-right: 30px;
	}
}

@media screen and (max-width: 800px) {
	input.form-control {
	font-size: 0.8rem;
	}
	input[type="text"],
	select,
	input[type="password"] {
	font-size: 0.8rem;
	}
	.btn-success.set-json {
	font-size: 0.8rem;
	}
	#btn-reset-button {
	font-size: 0.8rem;
	}
	#btn-search-expand {
	font-size: 0.8rem;
	height: 44px;
	}
	.query-builder .btn-xs, .query-builder .btn-group-xs>.btn {
	font-size: 0.8rem;
	}
	#SelectResults {
	font-size: 0.8rem;
	}
	#hitsPerPageSelect {
	font-size: 0.8rem;
	}
	#OuterWrapperButtons {
	padding-top: 10px;	
	}
	#builder_group_0 {
	padding-bottom: 5px;	
	}
	.btn.btn-xs.btn-success {
	font-size: 0.8rem;
	}
	.btn.btn-xs.btn-danger {
	font-size: 0.8rem;
	}
	.query-builder .btn-primary.active {
	font-size: 0.8rem;
	}
	.btn.btn-xs.btn-primary  {
	font-size: 0.8rem;
	}
	ul#main-nav {
	font-size: 0.9rem;	
	}
	#main-nav li a {
	padding-left: 14px;
	padding-right: 14px;
	}
	#SearchTitle {
	font-size: 1.1rem;
	}
	nav#alpha-browse-container {
	width: 72%;	
	}	
	ul#browse-classes a {
	font-size: 0.81rem;
	line-height: 1.3em;	
	}
	#menupage-intro h2 {
	padding-bottom: 15px;	
	}
	ul#alpha-browse-individuals {
	font-size: 1rem;
	}
	ul#alpha-browse-individuals a {
	padding-left: 1px;
	}
	#btn-get-standard-searchform {
	font-size: 1.1rem;
	padding-left: 24px;
	}
}

@media screen and (max-width: 720px) {
	#stats li {
	width: 80px; 
	}
	#stats > li {
	margin-left: 5px;
	}
	ul#main-nav {
	font-size: 0.9rem;
	}
	#main-nav li a {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.7rem;
	}
	#SearchTitle {
	font-size: 1.1rem;
	}
	#backgroundForm {
	height: 30px;	
	}
	#btn-get-standard-searchform {
	font-size: 1.1rem;
	padding-top: 4px;	
	padding-left: 25px;
	}
	ul#browse-classes a {
	font-size: 0.8rem;
	line-height: 1.2em;	
	}
}
