/* $This file is distributed under the terms of the license in /doc/license.txt$ */

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

.warning-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffc25a; 
    color: #000000 !important;
    margin: auto;
    font-size: 16px;
    padding: 20px 10px;
    line-height: 150%;
    text-align: center;
}

.warning-banner p {
    color: #000000 !important;
}

/* 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: 'Roboto', sans-serif !important;
    font-size: 1em !important;
    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/;
    min-height: 100%; /* real browsers */
    margin: 0 auto;
}
body, #mcmasterbanner {
   background-color:#f3f3f0 !important; 
}
a {
    color: #990033 !important;
}
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: #000;
    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 solid #e0dfdf;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: .8em;
}
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: #666;
    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: #000;
}
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;
}
#wrapper-content .row, #wrapper-content .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 !important;
/*    height: 114px; */
    margin: 0 auto;
#    background-color: #7a003c !important;
    color: #fff !important;
}

header#mcmaster-header .mcmaster-header__header-title > a, header#mcmaster-header .mcmaster-header__header-title > a:visited, header#mcmaster-header .mcmaster-header__header-title > a:hover {
    color: #1a1c1d !important;
}

#mcmaster-nav a {
	color: #5e6a71 !important;
}

#mcmaster-nav>li>a:hover, #mcmaster-nav>li>a:focus {
    background: #5e6a71 !important;
    color: #fff !important;
}

.homerow {
	background-color: #fff !important;
}

.row {
    background-color: #fff;
    margin-left: 0px !important;
    margin-right: 0px !important;	
}

header .row, 
footer .row {
    margin: 0 !important;
    background-color: #7a003c !important;
}

footer .row {
  background-color: #5e6a71 !important;
}

/* BRANDING ------>  */
h1.vivo-logo {
    text-align: center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
/*    position: absolute;
    width: 442px;
    height: 59px;
    top: 0px;
    left: 0;
    background: url(../images/vivo-experts-logo-442x59.png) 90px 0 no-repeat; */
}
h1.vivo-logo a {
    display: block;
/*    width: 386px;
    height: 59px; */
    padding-left: 5px;
}

img#maclogo {
    padding: 10px;
}

header nav {
    text-align: right;
}
/* HEADER NAV------>  */
ul#header-nav {
    list-style: none;
    height: 30px;
    padding-top: 10px;
    margin-right: 13px;
}
ul#header-nav li {
    float: right;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #7c7d7f;
    font-size: .83em;
    color: #fff;
}
ul#header-nav li:last-child {
    padding-right: 1px;
    padding-left: 0;
    border-left: none;
}
ul#header-nav a:, ul#header-nav a:hover,
ul#header-nav a:active {
    text-decoration: none;
    color: #000;
}
ul#header-nav a.log-out {
    padding-right: 10px;
}
/* SEARCH ------>  */
#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-pages3.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;
}
/* MAIN NAVIGATION------>  */
ul#main-nav {
    display: block;
    height: 46px;
    border: 1px solid #dce4e3;
    background-color: #f7f9f9;
    margin: 0 auto;
    list-style: none;
    font-size: 1em;
    color: #706a66;
}
#main-nav li {
    float: left;
    line-height: 46px;
    background: url(../images/separator-main-nav.jpg) right -2px no-repeat;
}
#main-nav li a {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
    color: #706a66;
    text-decoration: none;
}
#main-nav li a:hover {
    color: #002b44;
}
#main-nav li a.selected {
    color: #002b44;
    margin-left: 18px;
}
/* WRAPPER CONTENT------>  */
#wrapper-content {
    clear: both;
 /*   width: 90%; */
/*    margin: 0 auto; */
    background: #fff;
/*    min-height: 710px; */
    padding: 5px;
}
/* INTRO-BLURB ------>  */
#intro {
    padding-bottom: 15px;
    padding-top: 15px;
}
body.loggedIn #intro {
    width: 98%;
}
#intro h2 {
    padding: 35px 0 12px 24px;
    border-bottom: none;
    color: #666;
}
#intro p {
    font-size: 18px;
    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: #7a003c !important;
}
/* 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: #666;
    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;
}
#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;
}

p.external-auth a {
    background-color: #999 !important;
    color: #000 !important;
}

p.external-auth a:hover {
    background-color: #ccc !important;
    color: #000 !important;
}

/* HOME SEARCH ------>  */
#search-home {
    float: left;
    width: 533px;
    margin: 30px 0 0 0;
}
#search-home h3 {
    padding: 0;
    font-size: 22px;
    margin-bottom: 15px;
    color: #666;
		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------>  */ 

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

.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: #666;
		color: #fff !important;
		left: 75px;
}
#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, ul#header-nav a:visited {
   color: #000 !important; 
}
#filter-search-nav a {
		border-bottom: 1px dotted #4f5656;
		color: #fff !important;
		background-color: #666;
}

/* 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: #666; /* layer fill content */
		border-bottom: 2px solid #62b6d7;
		color: #fff;
}
#home-stats {
		margin-top: 30px;
}
#stats li {
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		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 */
		background: #5e6363 url(../images/stats-bg.png) repeat-x 0 0;
		color: #fff;
}
#stats li a:hover {
		opacity: .5;
}
#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------>  */
footer, footer .row .footer, div#vivo-footer, div#vivo-footer .row {
    clear: both;
    margin: 0 auto;
    font-size: .9em;
    color: #fff !important;
    background-color: #5e6a71 !important;
    padding: 15px 0px;
}

footer#vivo-footer, footer#vivo-footer a, div#vivo-footer, div#vivo-footer a {
	font-family: 'Roboto Condensed', 'Arial', sans-serif;
	font-weight: 400;
	letter-spacing: 1.2px;
	font-size: 14px;
	margin-bottom: 0;
}

footer p.copyright small {
    font-size: 1em;
}
ul#footer-nav {
    float: right;
    list-style: none;
/*    height: 20px; */
    margin: 0;
    padding: 0;
    padding-top: 55px;
    padding-right: 20px;
}
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, p.copyright {
    color: #fff !important;
}
#footer-nav a:hover,
a.terms,
a.powered-by-vivo {
    color: #fff !important;
    text-decoration: none;
}
a.terms:hover,
a.powered-by-vivo:hover {
    color: #fff;
    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 {
    color: #fff;
}
.green.button:hover {
    background-color: #990033;
}
.blue.button,
.blue.button:visited {
    color: #fff;
}
.blue.button:hover {
    background-color: #58a2c1;
}

/* ------------------------------------------------->  */
/* INDIVIDUAL LIST --------------------------------->  */
/* ------------------------------------------------->  */
.pagination li.selectedNavPage {
    color: #000;
    padding: 6px 12px;
}

.pagination > li > a {
    padding: 0px 12px !important;
}

.individuallist .pagination > li > a, .pagination > li > span {
	float: right;
}

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

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

/* VISUAL GRAPH------>  */
.property-group,
#menupage-intro {
    width: 920px;
    background: #fff;
}
#menupage-intro h2 {
    font-size: 1.375em;
    color: #990033;
    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;
}
#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: 629px;
    border: 1px solid #dde4e3;
    background-color: #fff;
}
#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;
}

#individuals-in-class li h1 a, #facultyMember a.selected, #browse-classes a.selected, .contentNote a {
   color: #990033;
}

.pagination.menupage li a:hover {
    background: #5e6363;
    color: #fff !important;
}

/* ------------------------------------------------->  */
/* 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.person #individual-info {
	width: 100%;
	background: #fff;
	margin-bottom: 0px;
}


#individual-intro .foaf-person span.display-title,
h1.foaf-person.fn .display-title {
	font-size: 1.4em;
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
	color: #7a003c;
/*    border-left: 1px solid #a6b1b0; */
}

.search .display-title, .search p.snippet {
	font-size: 1em;
}

h1.fn .display-title {
    color: #1a1c1d;

}

ul#individual-tools {
    color: #8AA149;
}
h2#webpage {
    font-weight: bold;
}
/* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------>  */
img.individual-photo {
    border: 7px solid #fff;
    -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    /*box-shadow: 5px 5px 5px #d5d6d2; */
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.03);
    margin-right: 0px;
}
.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-grey.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: #5e6a71;
}

.pagination.menupage li.selected {
    color: #000;
}

#individual-info h1.fn {
    font-size: 1.375em;
    color: #595B5B;
    line-height: 1.3em;
}
#individual-info h2, #stories h2, #sparklineHeading {
font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
font-size: 1.9em;
color: #1a1c1d; 
}

.vcard.foaf-person {
	margin-top: 2em;
	margin-bottom: 1.5em;
}

.vcard.organization #map-of-science {
	padding-top: 20px;
}

.person #mapofscience_link_container, .person #map-of-science {
	display: none;
}

#stories h2 {
	text-transform: uppercase;
}

.stories-channel {
	background-color: #ffbc3d;
	padding: 10px;
	height: 20px;
	color: #000;
	z-index:1000;
	position: relative;
	left: -15px;
	top: 3px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

#stories img {
	max-width: 100%;
	width: 100%;
}

.newsstoryphoto {
	position: relative;
	left: -15px;
	top: -28px;
	margin-bottom: -28px;
	z-index: 1;
}

.newsstoryphoto-nochannel {
        position: relative;
        left: -15px;
        z-index: 1;
}


.story hr {
	margin: 20px 0px 30px 0px;
}

.icon-right::before {
	content: '\279C';
}

.readmore-large {
	font-family: Roboto;
	display: inline-block;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	vertical-align: middle;
	line-height: 2em;
	color: black;
	border-radius: 2em;
	border: 1px solid #ccc;
	text-align: center;
	padding-left: 2em;
	-webkit-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
	-moz-box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
	box-shadow: 0px 10px 30px -10px rgba(69, 69, 69, 0.53);
	background-color: #FFF;
}

.readmore-large-arrow {
	height: 2.75em;
	width: 2.75em;
	margin-left: 2.0em;
	line-height: 2.75em;
	display: inline-block;
	border-radius: 50%;
	background-color: #850044;
	color: white;
	text-align: center;
	font-size: 14px;
}

.readmore-large-arrow:hover {
	background-color: #5e6a71;
}

.readmore:hover, .readmore-large:hover {
    color: grey;
}

.readmore-large:hover > .readmore-large-arrow, .readmore:hover > .readmore-arrow {
    background-color: grey;
}

.read-story-button {
	display: inline-block;
	height: 1.5em;
	margin-top: auto;
	margin-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
}

#individual-info h3 {
    font-size: 1.125em;
    line-height: 1.2em;
}
ul#individual-personInPosition li, ul#individual-hasResearchArea li, ul.individual-urls, .subclass-property-list li, ul#BFO_0000051-Organization-List li {
    list-style: url("../images/redbullet.jpg") !important;
}

ul#BFO_0000051-Organization-List {
	margin-left: 40px;
}

article.property ul.subclass-property-list {
	padding-left: 20px;
}

#individual-hasResearchArea {
	padding-left: 20px;
}

ul#individual-personInPosition li > span {
	font-size: 1.125em !important;
	font-family: 'Roboto', sans-serif !important;
}

ul#individual-personInPosition a span {
	color: #7a003c;
	font-family: 'Roboto', sans-serif !important;
}

ul#individual-personInPosition li {
    line-height: 1.8em;
}

.listDateTime {
	background: #fff;
	padding: 0px;
	font-size: inherit;
}

.listDateTime::before {
	content:  ', ';
}

.individual-overview {
    font-size: 1.125em;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
    line-height: 200%;
}

#tabsections .morecontent, #tabsections .lesscontent {
	margin-left: 20px;
	margin-bottom: 20px;
}

.morecontent {
	background-image: url(../images/downarrow.png);
	background-repeat: no-repeat;
	background-position: 60px center;
	display: block;
	margin-top: 20px;
	color: #5e6a71 !important;
	font-weight: bold;
}

.lesscontent {
	content:'';
        background-image: url(../images/uparrow.png);
        background-repeat: no-repeat;
        background-position: 60px center;
        display: block;
        margin-top: 20px;
	color: #5e6a71 !important;
	font-weight: bold;
}

ul#individual-hasResearchArea li {
    border-right: 0px;
	list-style-type: disc;
	float: none;
	list-style-position: inside;
	line-height: 1.8em;
}

ul#individual-hasResearchArea li a, article.property ul.property-list li a {
	color: #5e6a71 !important;
}

ul#individual-hasResearchArea li a {
	font-weight: bold;
	font-size: 1.125em;
}

section.property-group h2, article.property h3 {
	color: #7a003c !important;
}

ul#individual-facultyMemberships li {
    border-right: 1px solid #A6B1B0;
}

#containermap {
	width: 940px;
	height: auto;
	position:relative;
	margin-top:15px;
}

/* 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: 100%;
    margin: 0px;
    padding-top: 20px;
}
article.property h3 {
    font-size: 1.9em;
    color: #990033;
    border-bottom: none;
}
article.property ul.property-list li.subclass h3 {
    font-size: 1.125em;
    color: #5E6363;
}
article.property .data-property-statement {
    background: #fff;
    font-size: 1em;
    color: #5e6363;
}

article.property ul.property-list li {
	font-size: 1.125em;
}

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;
    font-size: inherit;
}
/* MISCELLANEOUS ------>  */
.displace {
    position: absolute;
    left: -9999px;
    color:#fff;
    background-color: #000;
}
a {
    text-decoration: underline
}
.middle {
    vertical-align: middle;
}
input[type="submit"] {
    cursor: pointer;
}
.checkboxSpacer {
    margin-left:80px;
}
p.address-line {
    margin-bottom: 0.3em;
}

p.address-line:nth-child(4), p.address-line:nth-child(5) {
  float: left;
}

p.address-line:nth-child(5)::before {
 content: ', ';
}

p.address-line:nth-child(6)::before {
 content: '  ';
 padding-left: 5px !important;
}



/* 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: #666;
  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: #fff ! important;
    background-color: #666 ! important;
    cursor: default ! important;
}
/* ------------------------------------------------->  */
/* CONTACT FORM ------------------------------------>  */
/* ------------------------------------------------->  */
#contact_form input[type="text"] {
    width: 20em;
}
#contact_form textarea {
    width: 40em;
}
#contact_form label {
    display: block !important;
}

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

#container {
	background-color: #fff;
	margin: 0px auto;
	width: inherit;
}

#mcmasterbanner {
	width: 970px;
	position: relative;
	margin: auto;
	margin-top: 2px;
}

ul#header-nav a:link, ul#header-nav a:active, ul#header-nav a {
	text-decoration: none;
	color: #000 !important;
	font-size: 1.3em;
}

ul#header-nav a:hover {
        text-decoration: underline;
        color: #fff;
}

.home-sections h4 {
        border-bottom-color: #990033;
}

footer p.copyright, ul#footer-nav {
	padding-top: 5px;
	padding-left: 30px;
}

footer #statement {
	padding-left: 30px;
	padding-top: 5px;
}

footer #statement a {
	font-weight: bold;
	color: #fff !important;
}

#dailynews {
	border: 1px solid #000;
	margin: 25px auto;
}

#dailynews h2 {
	padding-top: 10px;
}

#dailynews a {
	text-decoration: none;
	color: #000;
	font-family: 'Roboto', sans-serif !important;
}

#dailynews a:hover {
	text-decoration: underline;
}

#dailynews li a {
	font-size: 1.1em;
	padding-right: 10px;
}

#dailynews ul li {
	padding: 5px;
}

#dailynews ul li:nth-child(even) {
	background-color: #f3f3f0;
}

#dailynews ul {
	margin-bottom: 0px !important;
}

.search-query {
	margin-bottom:0px;
}

.home #wrapper-content .row {
	background-color: #fff;
	color: 000;
}

.carousel-indicators {
	bottom: -15px !important;
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	border: 1px solid #ccc;
	border-bottom: 0px;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
	margin: auto;
}

.carousel-caption {
	font-size: 1.5em;
	text-shadow: none !important;
}

.carousel-caption a {
        text-decoration: underline !important;
}

.carousel-caption a:hover {
        color: #666 !important;
}

.carousel-indicators li {
	background-color: #fff !important;
}

.carousel-indicators {
	display: none;
}

#newsheader {
	font-weight: bold;
	font-size: 1.5em;
	padding: 5px;
	color: #fff;
	background-color: #666;
}

#newsheader a {
        color: #fff !important;
}

#homesearch .form-control {
	display: inline !important;
}

#search-homepage .btn-primary, #searchfield .btn-primary {
	background-color: #666;
	height: 43px;
	margin: 0px;
	border-color: #666;
}

#searchfield .sr-only {
	color: #fff !important;
	background-color: #000;
}

#search-homepage .btn-primary:hover {
        background-color: #990033;
}

.search-query {
	height: 43px !important;
	margin-bottom: 0px !important;
	margin-right: -10px;
}

#search-homepage .search-query {
	border-radius: 5px 0px 0px 5px;
}

.carousel-inner img, .carousel-inner > .item > img {
/*	max-height: 320px !important; */
}

.home h3 {
	margin: 0px;
	padding-left: 5px;
}


footer a, footer, footer p, footer div {
	color: #fff !important;
}

footer a:hover {
	text-decoration: underline !important;
	color: #fff !important;
}

#wrapper-content, #individual-info, #stories, #tabsections, #individual-intro.organization {
	padding: 20px;
}

.display #wrapper-content, .individual #wrapper-content {
	padding: 20px 0px;
	background: #ececec;
}


.browse #wrapper-content {
        min-height: 400px;
}

#isotope-container {
	width: 100%!important;
}

legend {
	display: none !important;
}

.class-group a, .class-group a:focus, a.class-group a:hover, .searchhits a, .searchhits a:hover {
	color: #990033;
}

.carousel-caption {
	position: static !important;
	color: #990033 !important;
	max-width: 652px;
	margin: auto;
	border: 1px solid #ccc;
	border-top: 0px;
	padding: 10px 0px !important;
}

.carousel-control {
	background-image:none !important;
}

a.filter-search {
	position: static;
	height: 44px;
	border-radius: 0px 5px 5px 0px;
}

#homesearch {
	border: 1px solid #990033;
	border-radius: 5px;

}

.home .col-md-12 {
	display: none;
}


footer .home .row {
	background-color: #1e252b !important;
	margin: 0px;
}

.homerow {
	padding: 0px;

}

.col-md-6 {
	width: 100%;
}

.navbar-nav, .navbar-default {
	width: 100%;
	border: 0px !important;
}

.navbar-nav > li {
/*	width: 20%; */ 
	text-align: center;
}

.navbar-default .navbar-nav > li:first-child {
	margin-left: -15px;
}

.navbar-default .navbar-nav > li:last-child > a {
	border-right: 0px;
}

.navbar-default .navbar-nav > li:first-child > a {
/*	background: url(../images/homeicon2.jpg) no-repeat 40px center; */
}

#homeicon {
	padding-right: 15px;
}

#house {
	height: 18px;
	margin: -2px 10px -2px 0;
}
.home-icon {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* hide house icon for IE10+ */
	#house {
		display: none;
	}
}

.navbar-default .navbar-nav > li > a:hover {
	text-decoration: none;
	color: #000 !important;
	border-top: 5px solid #fdbf57 !important;
	border-bottom: 1px solid #d5d6d2; 
	box-shadow: 0 5px 16px 0 rgba(0,0,0,.2);
}

.navbar-default .navbar-nav > li > a:hover svg#house .home-icon {
	stroke: #000;
}

.navbar-default .navbar-nav > li > a.active {
	color: #fff;
}

.navbar-default .navbar-nav > li > a.active::before {
	content: '';
	display: block;
	height: 5px;
	background: #fff;
	position: absolute;
	bottom: -1px;
	left: 25%;
	width: 50%; 
}


.navbar-default .navbar-nav > li > a.active:hover::before {
        content: '';
        display: block;
        height: 0px;
}

h1.vivo-logo img {
	max-width: 100%;
}


#homesearch h3, #homesearch h2 {
  color: #990033;
  font-size: 24px;
  padding: 0px 10px;
}

.navbar-default .navbar-nav > li > a {
	color: #fff !important;
	font-size: 17px;
	text-transform: uppercase;
	border-top: 5px solid #7a003c;
	border-bottom: 1px solid transparent;
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
}

.navbar-default .navbar-nav > li > a:hover {
	text-decoration: none !important;
}

.navbar-default .navbar-nav > li, .navbar-default {
	background-color: #7a003c !important;
	color: #fff !important;
}

.navbar-default .navbar-nav > li:hover {
        background-color: #fff !important;
	color: #000 !important;
	padding: 0px;
}

.navbar-default {
	border-radius: 0px !important;
}

.navbar-collapse {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

ul.dropdown {
	width: 150px !important;
}

ul.dropdown ul.sub_menu li a {
	background-color: #fdbf57 !important;
	font-size: 1.3em !important;
	width: 100% !important;
	height: auto !important;
	padding: 5px;
}

.homecontentnav, .homecontentnav a {
	font-size: 1.2em !important;
}

#personHasAdvisingRelationship label {
	display: block !important;
}

.property-group {
	margin: 0px;
	width: 100%;
	margin-bottom: 0px !important;
}

li.nonSelectedGroupTab, li.selectedGroupTab {
        font-size: 1.4em !important;
        font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
        border-radius: 0px;
	border-color: #d5d6d2 !important;
/*        border-top: 5px solid #fdbf57 !important; */
        border-bottom: none !important;
        text-transform: uppercase;
	padding: 10px 20px;
}



li.nonSelectedGroupTab {
	background-color: #ececec;
	color: #5e6a71;
	box-shadow: inset 0px -5px 19px -6px rgba(0, 0, 0, 0.2);
}

li.nonSelectedGroupTab::before, li.selectedGroupTab::before {
	content: '';
	display: block !important;
	background: #fdbf57;
	top: -12px !important;
	left: -22px !important;
	position: relative !important;
	z-index: 10;
	/* line-height: 30em; */
	height: 10px;
	width: calc(100% + 42px);
}

li.selectedGroupTab::after {
        content: '';
        display: block !important;
        background: #fff;
        bottom: -11px;
        position: relative !important;
        z-index: 10;
        height: 1px;
	left: -20px;
        width: calc(100% + 42px);
}

li.nonSelectedGroupTab::after {
        content: '';
        display: block !important;
        background: #ececec;
        bottom: -11px;
        position: relative !important;
        z-index: 10;
        height: 1px;
        left: -20px;
        width: calc(100% + 42px);
}

li.selectedGroupTab {
	color:#000;
	font-weight: bold;
	background-color: #fff;
}

ul#browse-classes, #individuals-in-class {
	float: none;
	clear: both;
}

#individuals-in-class, #menupage-intro, ul#alpha-browse-individuals {
	width: 100%;
	font-size: 1.125em;
}

nav#alpha-browse-container {
	width: 100%;
}

#browse-by {
	width: 90% !important;
	overflow: display;
	background-color: #fff !important;
	font-size: 12pt !important;
}

li.groupTabSpacer {
	width: 0px !important;
}

.individual .fn {
	font-weight: bold;
}

h1.foaf-person {
	font-size: 1.375em;
}

h1.foaf-person, section#individual-intro {
	padding-bottom: 15px;
	margin-top: 0px;
}

section#stories {
	border-top: 5px solid #ececec;
	padding: 20px;
	background-color: #fff !important;
}

section#stories p {
	font-size: 1.125em;
}

#researchstories.row {
	margin: 30px 0px 30px 0px !important;
        background-color: #fff;
        background-image: linear-gradient(left, transparent 70%,rgba(255,188,61,1) 100px, rgba(255,188,61,1) 100%);
        background-image: -webkit-linear-gradient(left, transparent 70%,rgba(255,188,61,1) 100px, rgba(255,188,61,1) 100%);
        background-image: -moz-linear-gradient(left, transparent 70%,rgba(255,188,61,1) 100px, rgba(255,188,61,1) 100%);
        background-image: -ms-linear-gradient(left, transparent 70%,rgba(255,188,61,1) 100px, rgba(255,188,61,1) 100%);
}

#researchstories::before {
	background: #d5d6d2;
	height: 1px;
	position: relative;
	content: "";
	top: 1px;
	display: block;
	width: 70%;
}

#researchstories::after {
	background: #d5d6d2;
	height: 1px;
	position: relative;
	content: "";
	bottom: 1px;
	display: block;
	width: 70%;
}

#stories h2 {
	margin-top: 10px;
}

.story h2 {
	padding-top: 30px;
}

ul#individual-phone li, ul.individual-emails li {
	list-style: none;
	margin-left: 0px;
	font-size: 17px;
	font-family: 'Roboto', sans-serif !important;
}

ul#individual-phone, ul.individual-emails {
	margin-left: 0px;
}

#contactregion ul {
	font-size: 17px !important;
}

#contactregion ul:first-child {
        font-size: 1.25em !important;
}

#contactregion .individual-urls, #individual-ARG_2000028 {
	display: none;
}

#mailingaddress {
	padding-left: 50px;
        background: url(../images/addressicon.jpg) 0 0 no-repeat;
        font-size: 17px;
	font-family: 'Roboto', sans-serif !important;
}

#individualnonsociallinks div {
	padding-left: 20px;
	background: url(../images/redbullet.jpg) 0 center no-repeat;
	font-size: 17px;
}

.fa {
	border: 2px solid #7a003c;
	color: #7a003c;
	border-radius: 50%;
	padding: 10px;
	margin-right: 10px;
	margin-top: 20px;
	width: 40px;
	text-align: center;
}

.fa:hover {
        border: 2px solid #5e6a7a;
	color: #5e6a7a;
}


.home .fa {
	width: 50px;
}

#individual-info h2 {
	padding-top: 0px;
	margin-top: 0px;
}

#individual-info {
	background-color: #fff;
}

#share-contact {
	width: 100% !important;
	margin: auto !important;
	background-color: #ececec !important;
	margin-bottom: 20px !important;
	position: relative !important;
	float: none;
	padding-right: 0px;
}

#share-contact #photo-wrapper {
	position: relative;
	z-index: 100;
	margin-left: 20px;
	width: 100% !important;
}

#share-contact #photo-wrapper img {
	max-width: 100%;
}

ul.propertyTabsList {
	margin-left: 0px;
}

section.property-group {
	padding-top: 0px;
}

li.groupTabSpacer {
	height: auto;
}

.btn {
	border-radius: 20px !important;
}

div#individual-tools-people {
	float: none;
	margin-bottom: 20px;
	margin-top: 30px;
}

.foaf-person .fn {
	padding-right: 20px;
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
	font-size: 1.8em;
	color: #1a1c1d;
}

.foaf-person .display-title {
	padding-left: 0px !important;
	margin-left: 0px !important;
	font-size: 0.83em;
	color: #5e6363;
}


#contactregion li.contacttitle {
	color: #7a003c;
	text-transform: uppercase;
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
	font-size: 1.25em !important;
	margin-top: 2em;
	margin-bottom: 2em;
	letter-spacing: 2px;
}

.people li.individual img, .display img.individual-photo, #share-contact img.individual-photo {
	border-radius: 50% !important;
}

li.individual h1.thumb {
	padding-top: 0px;
}

article.property h3, article.property ul.property-list li.subclass h3 {
	text-transform: capitalize;
}

#share-contact img.individual-photo {
	width: 100px;
	height: 100px;
}

#hasResearchArea {
	margin-top: 20px !important;
}

#individual-intro #right-hand-column {
	float: none !important;
}

#nameoverview {
	position: relative;
  	border-right: 1px solid #d5d6d2;
  	background: #fff;
}

#contactregion {
	display: block;
	background: #fff;
	padding: 15px;
}

#individualsociallinks {
	margin-bottom: 30px;
}

#individual-info {
	width: 100%;
}

.collaboratorship-link a, .readstorybutton {
	border-radius: 25px;
	padding: 10px 20px;
	border: 2px solid #d5d6d2;
	font-size: 1.0em !important;
	text-transform: uppercase;
	color: #595b5b !important;
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
	font-weight: bold;
}

.collaboratorship-link a {
	display: block;
	margin-left: 70px;
	width: 70%;
	text-align: center;
	box-shadow: 0px 5px 20px -10px rgba(69, 69, 69, 0.53);
}

.collaboratorship-icon {
	float: left;
	padding-right: 8px;
	margin-top: 10px;
}

.sharebutton {
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
        font-weight: bold;
	color: #595b5b !important;
	font-size: 15px !important;
        text-transform: uppercase;
}

.sharebutton img {
	width: 50px !important;
}

.readstorybutton img {
	width: 40px !important;
	border-radius: 50%;
	left: 22px;
	position: relative;
	top: -1px;
}

.newssharebuttons {
	margin: 40px 0px 30px 0px;
}

.newssharebuttons a:nth-child(1) {
	float: left;
}

.newssharebuttons .newsdivider {
        height: 2.75em;
        margin: 5px 20px 0px 20px;
        padding: 0px;
        border-right: 1px solid #5e6a71;
	float: left;
	display: none;
}

/*
.newssharebuttons a:nth-child(2), .st-custom-button {
	border-left:  1px solid #5e6a71;
	padding-left: 15px;
}
*/

.st-custom-button[data-network] {
	cursor: pointer;
}

.story.row {
	margin: 40px 50px 40px 0px !important;
	background-color: #fff !important;
	border: 1px solid #ececec;
}

.collaboratorship-link-container {
    width: 100%; 
}

.collaboratorship-link-separator {
	border-top: none;
}

.collaboratorship-icon img, #map-of-science img, #temporal-graph img {
    width: 45px;
    height: 45px;
    top: -10px;
    position: relative;
}

#temporal-graph h3 img, #map-of-science h3 img {
	padding-right: inherit;
	margin-right: 5px;
}

table.sparkline_wrapper_table {
        width: 60% !important;
}

.google-visualization-sparkline-default {
	width: 100%;
}

.google-visualization-sparkline-image {
        height: auto;
        width: 100% !important;
	max-width: 100%;
        border: 1px solid #ececec;
}

.google-visualization-sparkline-selected {
	background-color: #fff !important;
}

.sparkline_text {
	display: none;
}

.sparkline_text .grey-text, .sparkline_wrapper_table span, .vis_stats_full caption, .vis #second-filter, .vis .paginatedtabs span, #reset-search, #comparison-reset-search {
	color: #5E6A71 !important;
}

#main-science-areas-table-footer, #download-unlocated-journal-info {
	background-color: #fff !important;
}

a.map-of-science-links, #download-unlocated-journal-info a {
	color: #fff !important;
	border-radius: 25px;
	padding: 10px 20px;
	border: 2px solid #d5d6d2;
	font-size: 1.0em !important;
	text-transform: uppercase;
	color: #595b5b !important;
	font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
	font-weight: bold;
}

#map-of-science-response {
	min-height: 750px;
}

#main-science-areas-table-footer, #download-unlocated-journal-info {
	background-color: #5E6A71;
}

#share-contact {
	overflow: hidden;
}

.email[data-edo]::after {
	content: "@" attr(data-edo);
}

/* Needed for safari browsers */
[data-toggle~="collapse"] {
    cursor: pointer;
}

#aboutText ul {
	padding-left: 50px;
}

#aboutText p, #aboutText ul {
	line-height: 1.5;
}

#aboutText p {
	margin-bottom: 1.2em;
}

#aboutText ul {
	 list-style: url("../images/redbullet.jpg") !important;
}

.expertsmanager #searchfield, .expertsmanagerfaq #searchfield {
	display: none;
}

#aboutText div.collapsed, #expertsManager div.collapsed {
	margin-bottom: 10px;
}



#expertsManager .faqs div::after, #aboutText div::after{
        content: '' !important;
        background-image: url(../images/uparrow.png) !important;
        background-repeat: no-repeat;
        position: absolute;
        height: 25px;
        width: 25px;
	margin-left: 5px;
}

#expertsManager .faqs div.collapse.in::after, #aboutText div.collapse.in::after {
        content: '' !important;
	position: absolute;
	height: 25px;
	width: 25px;
	background-image: none !important;
}

#expertsManager .faqs ul li {
	list-style: url("../images/redbullet.jpg") !important;
}

#aboutText div.collapsed::after, #expertsManager div.collapsed::after {
	content: '' !important;
	background-image: url(../images/downarrow.png) !important;
	background-repeat: no-repeat;
        position: absolute;
        height: 25px;
	width: 25px;
	margin-left: 5px;
}

#aboutText .collapse.in, #expertsManager .collapse.in {
	margin: 10px 20px;
}

#expertsManager h3 {
	margin-top: 0px !important;
}

#expertsManager .loginbutton {
        border-radius: 25px;
        padding: 10px 10px 10px 20px;
        border: 2px solid #d5d6d2;
        color: #595b5b !important;
        font-family: "Roboto Condensed","Arial Narrow", Arial, sans-serif;
        font-weight: bold;
	margin-top: 20px;
	margin-right: 10px;
}

#expertsManager .readmore-large-arrow {
	display: none;
}

.login div {
	margin-top: 30px;
}

.loginbutton img {
	margin-right: -5px;
	margin-left: 10px;
	height: 45px;
	position: relative;
	left: 6px;
	border-radius: 50%;
	display: none;
}

#expertsManager {
	margin-bottom: 10px;
}

.servicealert {
	text-align: center;
	width: 70%;
	margin: auto;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 15px;
}

#mac-footer, #mac-footer .sr-only, #mcmenu .sr-only {
  color: #fff;
}

@media only screen and (min-width : 550px) {

	#wrapper-content {
		padding: 20px;
	}

	.homerow {
		padding: 30px;
	}

	#share-contact #photo-wrapper {
        	width: auto !important;
	}
	

	.newssharebuttons .newsdivider {
        	height: 2.75em;
	        margin: 5px 20px 0px 20px;
        	padding: 0px;
	        border-right: 1px solid #5e6a71;
        	float: left;
		display: inline;
	}


	.loginbutton img {
		display: inline;
	}

	#expertsManager .readmore-large-arrow {
        	display: inline-block;
	}

	.readmore-large-arrow {
		font-size: 16px;
	}


        header .col-md-4 {
                width: 33.33333333% !important;
		float: left !important;
        }
	header .col-md-3, header .col-md-6 {
		width: 50% !important;
		float: left !important;
	}

	.collaboratorship-link a {
		width: 50%;
	}

}

@media only screen and (min-width : 768px)  {

	#search-homepage .search-query {
		width: 400px;
	}

	#filter-search-nav {
		left: 270px;
	}

	#share-contact img.individual-photo {
        	width: 180px;
	        height: 180px;
		margin-bottom: 0px;
	}


	#share-contact #photo-wrapper img {
/*        	max-width: 180px;
		min-width: 180px; */
	}


	#nameoverview {
	        position: relative;
		border-right: 1px solid #d5d6d2;
        	background: #fff;
	}

	#contactregion {
        	display: block;
	        background: #fff;
		padding: 30px 15px 30px 50px;
	}

	#share-contact {
		display: flex;
		padding-right: 1.5em;
	}

	#photo-wrapper {
		display:flex;
		flex-shrink: 0;
		align-items:center;
		justify-content:center;
		background-image: linear-gradient(left, transparent 50%,rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);
		background-image: -webkit-linear-gradient(left, transparent 50%,rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);
		background-image: -moz-linear-gradient(left, transparent 50%,rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);
		background-image: -ms-linear-gradient(left, transparent 50%,rgba(255,255,255,1) 100px, rgba(255,255,255,1) 100%);
	}

	#individual-intro .foaf-person span.display-title, h1.foaf-person.fn .display-title {
	        font-size: 1.9em;
	}

	.foaf-person .fn {
        	font-size: 2.4em;
		line-height: 1.8em;
	}

	.newsstoryphoto, .newsstoryphoto-nochannel {
		object-fit: cover;
		max-height: 450px;
		min-height: 350px;
	}

	.overview-value {
		font-size: 1.125em !important;
	}


        header .col-md-3 {
                width: 25% !important;
                float: left !important;
        }
        header .col-md-6 {
                width: 50% !important;
                float: left !important;
        }
	.navbar-nav > li {
	/*	width: 20%; */
	}

	.property-group, article.property ul.property-list li {
		line-height: 1.5;
	}

	#expertsManager {
		display: flex;
	}
}

/* Large devices (large desktops, 1200px and up) */

@media only screen and (min-width : 1200px)  {
	#share-contact img.individual-photo {
        	width: auto;
	        height: auto;
	}


	#nameoverview {
	        position: relative;
	        padding-left: 20px;
	        border-right: 1px solid #d5d6d2;
	        background: #fff;
	}

	#contactregion {
	        display: block;
	        background: #fff;
		padding: 30px 15px 30px 50px;
	}


}


@media only screen and (min-width : 1382px)  {

	#nameoverview {
	        position: relative;
	        padding-left: 50px;
	        border-right: 1px solid #d5d6d2;
	        background: #fff;
		width: 60%;
	}

	#contactregion {
	        display: block;
	        background: #fff;
		width: 23%;
	}

	#map-of-science-response {
	    width: 80%;	
	}

}