/* $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: "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;
}
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;
}
a {
    color: #2485AE;
}
a:hover,
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: #064d68;
    line-height: 1.5em;
}
h2 a {
    color: #2485ae;
}
h2 a:link,
h2 a:visited {
    text-decoration: underline;
}
h3 {
    padding: 10px 0 12px 0;
    margin: 0;
    font-size: 1.125em;
    color: #064d68;
}
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: #064d68;
}
/* ------------------------------------------------->  */
/* EDITING STYLES ---------------------------------->  */
/* ------------------------------------------------->  */
input[type="text"],
select,
input[type="password"] {
    border: 0;
    font-size: 14px;
    padding: .5em;
    background: #fff;
    border: 1px dashed #000000;
    /*border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    /*margin-bottom: .8em;*/
}

select.form-control {
	padding: 5px;
}

.btn-success.set-json {
	background-color: #ffffff;
	border: 1px dashed #000000;
	font-size: 14px;
	flex-grow: 1;
	margin-right: 10px;
}

input.block {
    margin-bottom: 20px;
}
label {
    margin-top: .5em;
    margin-bottom: .5em;
}
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: #749a02;
    color: #fff;
    font-size: 14px;
    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: #398aac;
    color: #fff;
    font-size: 14px;
    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: #b2d15a;
}
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: #2485ae;
    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: #2485AE;
}
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.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: "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
    font-size:0.95em;
}
hr.formDivider {
    background-color: #3196C4;
    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: 30px;
   /* left: 0; */
	 background: url(../images/title.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; */
}

.collapsible {
  margin-top: 10pxl;
}

ul#header-nav li {
    float: left;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid #7c7d7f;
    font-size: 1em;
    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: unset !important;
}
#switch-to-extended-searchform {
  border:none;
  background-color:unset;
  color: #8B4513;
  text-align: right;
  width: 50%;
  font-size: 1em;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 10px;
}
#custom-search {
	width: 50%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
}

.custom-search-input {
  width: 70%;
  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;
}
.search-submit-button{
  border-radius: unset !important;
  -webkit-border-radius: unset !important;
  float: left;
  height: calc( 2rem + 2px);
  border-style: solid;
  border-color: #8B4513;
  border-left: 0px;
  background: #F3F3F3;
  width: 10%;
}
.custom-search-select{
  border-radius: unset !important;
  -webkit-border-radius: unset !important;
  margin: 0;
  float: left;
  height: calc( 2rem + 2px);
  border-style: solid;
  border-color: #8B4513;
  border-left: 0px;
  width: 20%;
  background-color: #F3F3F3;
}
#search {
    position: absolute;
    width: 396px;
    height: 38px;
    top: 40px;
    right: 10px;
    padding-top: 5px;
}
#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%;
	/*margin-top: 1%;
	margin-bottom: 0;
	margin-left: 2%;
	margin-right: 2%;*/
	
}

#wrapperButtons {
	width: 70%;
	margin-left: 5%;
	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: 100%;
	background-color: #F1F1F1;
	padding: 10px 10px 15px 10px;
	border-left: 1px solid #8B4513;
	border-right: 1px solid #8B4513;
	border-bottom: 1px solid #8B4513;
}

#SelectResults {
	font-size: 14px;
	border: 1px dashed #000000;
	color: #000000;
	padding-left: 5px;
	margin-left: 10px;
} 

#btn-search-expand {
	width: 15%;
	margin-right: 2%;
	background-color: #ffffff;
	border: 1px solid #DD9F00;
}

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

#hitsPerPageSelect {
	border-left: 1px dashed #000000;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 0px;
}

#btn-get-standard-searchform {
	/*margin-bottom: 10px;*/
	background-color: #ead6a2;
	border: 0px;
	padding-top: 5px;
}
#backgroundForm {
	height: 30px;
	background-color: #ead6a2;
	clip-path:polygon(0% 0%, 0% 1000%, 80% 0%);
	width: 40%;
}


/* 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: 1em;
    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;
    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;
}

#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.4em;
	padding: 0 0px 10px 20px;
	font-family: Roboto;
}

p.aboutProject {
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.3;
	padding: 15px 10px 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 #8B4513;
}

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


/* 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: #2485ae
}
/* 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;
}
#login h2 {
    font-size: 22px;
    color: #2485ae;
    padding-left: 15px;
    padding-top: 18px;
    border-bottom: none;
}
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 rgba(57, 138, 172, .5);
    background-color: rgba(57, 138, 172, .1);
}
#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: 10px;
   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: 100%;
}




#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;
}
#searchQueryResults {
  font-size: 1rem;
}
#limitedToType {
  font-size: 1rem;
}

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

#home-stats h4 {
	padding-top: 10px;
	padding-bottom: 0px;
	display: block;
	height: 20px;
}


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

#stats {
margin-top: 10px;
}

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

#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;

}

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

#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: center;
}

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;
}
footer p.copyright small {
    font-size: 1em;
}
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;
}
#footer-nav a:hover,
a.terms,
a.powered-by-vivo {
    color: #09C;
    text-decoration: none;
}
a.terms:hover,
a.powered-by-vivo:hover {
    color: #4e5051;
    text-decoration: none;
}
p {
    margin-bottom: 1.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: #749a02;
    color: #fff;
}
.green.button:hover {
    background-color: #b2d15a;
}
.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: 920px;
    background: #fff;
}
#menupage-intro h2 {
    font-size: 1.375em;
    color: #064d68;
    font-weight: normal;
}
#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: 920px;*/
}
nav#alpha-browse-container {
    width: 894px;
    float: left;
    padding-left: 10px;
    margin-left: 1px;
}

#browse-by h2 {
    background: #5e6363;
    font-size: 1.375em;
    color: #fff;
}
/* BROWSE CLASSES ------>  */
ul#browse-classes {
    border: 1px solid #dde4e3;
    border-right: 0;
    background-color: #f1f2ee;
}
ul#browse-classes li,
ul#vgraph-classes li {
    border-bottom: 1px solid #dde4e3;
    font-size: 1em;
}
ul#browse-classes a:hover,
ul#browse-classes a.selected {
    background: url(../images/arrow.gif) 4px 5px no-repeat;
    color: #2ea0cf;
}
ul#browse-classes .count-classes {
    font-size: 12px;
}
/* ALPHA BROWSE------>  */
ul#alpha-browse-individuals {
    background-color: #fff;
}
ul#alpha-browse-individuals a:hover,
ul#alpha-browse-individuals a.selected {
    background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
    color: #2ea0cf;
}
ul#alpha-browse-individuals .count-classes,
ul#vgraph-classes .count-classes {
    font-size: .75em;
}
.alphaIndex,
.pagination.menupage,
tr.editformcell td select,
ul#alpha-browse-individuals li {
    font-size: .8em;
}
nav#alpha-browse-container {
    border: 1px solid #dde4e3;
    background-color: #fff;
    border-left: 1px solid #dde4e3;
    border-bottom: none;
}
/* BROWSE INDIVIDUALS------>  */
#individuals-in-class {
    width: 100%;
    border: 1px solid #dde4e3;
    background-color: #fff;
}
ul#alpha-browse-individuals {
    float: left;
    width: auto;
    list-style: none;
}
#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 {
    background: #5e6363;
}

/* ------------------------------------------------->  */
/* 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: #f2f9fb;
}
#admin h3 {
    background: #2485AE;
    color: #fff;
}
#admin .uri-link,
#verbose-mode span {
    color: #888c8c;
}
#admin a {
    color: #2a98bc;
}
/* INDIVIDUAL INTRO FOR ANY CLASS ------>  */
.preferred {
    padding-top: .2em;
}
#individual-intro h1 {
    font-size: 1.375em;
    color: #2485ae;
}
#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/individual/arrow-green.gif);
}
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,
.pagination.menupage li.selected,
h2#mainImage,
#share-contact h2,
h3.internal-auth {
    color: #5e6363;
}
#individual-info h1.fn {
    font-size: 1.375em;
    color: #595B5B;
    line-height: 1.3em;
}
#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/individual/arrow-green.gif");
}
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;
}
/* 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: #2485ae;
    font-weight: normal;
}
article.property {
    width: 852px;
}
article.property h3 {
    background: #fafaf9;
    font-size: 1.063em;
    color: #8aa149;
}
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;
}
a {
    text-decoration: underline
}
.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 #B2D15A;
}
/* ------------------------------------------------->  */
/* 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: #064D68;
  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;
}




/* ------------------------------------------------->  */
/* 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: #2485AE;
    border: 1px solid #96c5da;
}
section.accounts input.delete:hover {
    color: #fff;
    background-color: #88acbb;
    border: 1px solid #88acbb;
}
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: #88acbb;
    background: url(../images/addNewAccountOver.png) 0 center no-repeat;
}
.disabledSubmit {
    color: #ede ! important;
    background-color: #b2d15a ! 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 {
    margin-bottom: 1.5em;
}
