/*
Copyright (c) 2012, Cornell University
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:

    * Redistributions of source code must retain the above copyright notice,
      this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above copyright notice,
      this list of conditions and the following disclaimer in the documentation
      and/or other materials provided with the distribution.
    * Neither the name of Cornell University nor the names of its contributors
      may be used to endorse or promote products derived from this software
      without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

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

@import url(https://fonts.googleapis.com/css?family=Montserrat);


@-webkit-keyframes fadeIn {
        0%{ opacity:0;}
        25%{ opacity:0.2;}
        50%{ opacity: 0.5; }
        75%{ opacity:0.7;}
        100%{ opacity:1;}
}

@-moz-keyframes bounce {
        0%{ transform: translate(0,0); }
        25% { transform: translate(0, -10%); }
        50% { transform: translate(0, -20%); }
        75% { transform: translate(0, -10%); }
        100% { transform: translate(0, 0); } 
}       
@-webkit-keyframes bounce {
        0%{ transform: translate(0,0); }
        25% { transform: translate(0, -10%); }
        50% { transform: translate(0, -20%); }
        75% { transform: translate(0, -10%); }
        100% { transform: translate(0, 0); }
}

/* 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: "Montserrat", "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 {
   background-color: #fff;
   margin: 0;
   padding: 0; 
   width: 100%;
}
a:hover {
    text-decoration: none;
}
a {
    color: #4B92DB;
}
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: #4B92DB; 
}
h2 a:link, 
h2 a:visited {
    text-decoration: underline; 
}
h2 a:hover, 
h2 a:active {
    text-decoration: none; 
}
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: #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 span {
    color: #888C8C;
}
#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: #A2A4A3;
}
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 {
    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%;
}
#authorships a.remove:link,
#webpageList a.remove:link,
#showAddForm a.cancel:link,
form a:link.cancel, 
form a:visited.cancel{
    text-decoration: underline;
    color: #f70;
    border-color: none;
    padding-left: 3px;
}
#authorships a.remove:hover,
#authorships a.remove:active,
#webpageList a.remove:hover,
#webpageList 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;
}
.editingForm .entryFormHead h2 {
    color: #5F6464;
}
.form-item {
    margin-top:.3em;
    background-color: #fff;
    border-color: #e0dfdf;
    font-size: .8em;
    border-width: 1px;
    color: #595B5B;
    padding: .3em;
}
a.return:link,
a.return:visited {
    text-decoration: underline;
    color: #f70;
    border-color: none;
    padding-left: 3px;
}
a.return:hover,
a.return:active {
    text-decoration: none;
    color: #f70;
    background: none;
}
.navlinkblock {
    color: #5F6464;
}
.header {
    color: #5F6464;
}
.database_header {
    background-color: #f1f2ee;
    color: #4B92DB;
    font-size: 1em;
}
.database_upperleftcorner {
    color: #5F6464;
    font-size: 1em;
}
.database_upperleftcenter {
    background-color: #B0C4DE;
    color: #5F6464;
    font-size: 1em;
}
.rownumheader {
    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 {
    font-size: 1em;
}
.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;
}
.rownum {
    background-color: #F1F2EE;
    color: #5F6464;
    font-size: 1em;
}
.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 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: #4B92DB;
}
a.ingestMenu:hover, 
a.ingestMenu:active,
a.account-menu:hover,
a.account-menu:active {
    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 {
    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;   
}
tr.editformcell td select {
    font-size: .8em;
}
.editingForm table {
    width: 100%;
    border: none;
}
/* ------------------------------------------------->  */
/* HOMEPAGE AND INTERIOR PAGES STYLES -------------->  */
/* ------------------------------------------------->  */

/* HEADER ------>  */
#branding {
    position: relative;
    width: 970px;
    height: 120px;
    margin: 0 auto;
}
/* BRANDING ------>  */
h1.vivo-logo {
    position: absolute;
    width: 960px;
    height: 120px;
    top: 0;
    left: 0;
    background: url(../images/VIVO-logo-simpler.png) 0 0 no-repeat;
}
h1.vivo-logo a {
    display: block;
   	width: 480px;
    height: 120px;
}
/* HEADER NAV------>  */
#banner {
    background: #333333;
    border-bottom: 1px solid #dce4e3;
}
#top-nav {
    width: 100%;
    background: #f7f9f9; 
    font-family: "Montserrat", "Lucida Sans Unicode","Lucida Grande", Geneva, helvetica, sans-serif;
}
ul#header-nav {
    float: right;
    list-style: none;
    height: 30px;
    padding-top: 10px;
    margin-right: 13px;
}
ul#header-nav li {
    float: left;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #7c7d7f;
    font-size: .7em;
    color: #fff;
}
ul#header-nav li.last {
    border-right: none;
}
ul#header-nav li:last-child {
    padding-left: 1px;
    padding-right: 0;
    border-right: none;
}
ul#header-nav a {
    color: #fff;
}
ul#header-nav a:link,
ul#header-nav a:visited {
    text-decoration: 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 {
    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;
}
/* MAIN NAVIGATION------>  */
ul#main-nav {
    display: block;
    width: 968px;
    height: 46px;
    border-top: 1px solid #dce4e3;
    background-color: #f7f9f9;
    margin: 0 auto;
    list-style: none;
    font-size: 1em;
    color: #706a66;
}
#main-nav li {
    float: left;
    font-size: 10pt; /* Added to handle long equipment tab name */
    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;
    background: url(../images/selected-main-nav.jpg) left -1px no-repeat;
    margin-left: 18px;
}
/* WRAPPER CONTENT------>  */
#wrapper-content {
    clear: both;
    width: 930px;
    margin: 0 auto;
    background: #fff;
    min-height: 550px;
    padding: 20px;
}

.home #wrapper-content {
    clear: both;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: url(../images/main-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 30% 20%;
}
/* INTRO-BLURB ------>  */

#intro {
    //width: 100%;
    height: 100%;
    height: calc( 85vh - 163px );
    min-height: 400px;
    padding: 70px 20px 70px 20px;
    text-align: center;
    background: rgba(0,0,0,0.45);
}

#sidebar {
    float: right;
    width: 360px;
    padding-bottom: 40px;
}
#intro h2 {
    padding: 25px 0 12px 24px;
    border-bottom: none;
    color: #fff;
    font-size: 3em;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-animation: fadeIn .4s linear;
    -moz-animation: fadeIn .4s linear;
    animation: fadeIn .4s linear;

}
#intro p {
    font-size: 16px;
    color: #fff;
    line-height: 1.3em;
    padding: 0 24px 0 24px;
    -webkit-animation: fadeIn .4s linear;

}
#intro a {
    color: #4B92DB
}
/* 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: #4B92DB;
    padding-left: 15px;
    padding-top: 18px;
    border-bottom: none;
}
#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.forgot-password a {
    color: #4B92DB;
}
p.request-account {
    width: 219px;
    clear: both;
    float: left;
    margin-left: 38px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid #e8ece9;
}
p.request-account a {
    color: #fff;
}
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;
}
/* WELCOME GALLERY ------>  */          
#welcome-image-gallery {
    float: right;
    width: 314px;
    margin-right: 25px;
    padding-bottom: 30px;
    overflow: hidden;
    margin-top: 20px;
}
/* INFO FOR MEDIA ------>  */
#info-for-media {
    background-color:#FFF9D7;
    border:1px solid #E8ECE9;
    float:left;
    margin-bottom:30px;
    margin-right:25px;
    margin-top:0;
    overflow:hidden;
    /*padding:30px; */
    width:508px;
}
/* INFO FOR FACULTY ------>  */
#info-for-faculty {
background-color:white;
border:medium none;
float:right;
margin-bottom:30px;
margin-right:25px;
margin-top:0;
overflow:hidden;
padding:30px;
width:240px;
}
#faculty-achievement {
    float: right;
    width: 314px;
    margin-right: 25px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
/* HOME SEARCH ------>  */
#search-home {
    //width: 920px;
    width: 70%;
    margin: 30px auto;
    -webkit-animation: fadeIn .4s linear;

}
#search-home h3 {
    padding: 0;
    font-size: 22px;
    margin-bottom: 15px;
    color: #4B92DB;
}
#search-home-field {
    //width: 100%;
    height: 44px;
    //background: url(../images/search-field-and-button.gif) 0 0 no-repeat;
    padding-bottom: 3em;
    width: 100%;
}
#search-home-field input.search {
    text-decoration: none;
    background-color: rgba(0,123,200,0.5);
    color: #fff;
    border: 2px solid rgba(250,250,250,0.5);
    border-radius: 5px;
    padding: 7px !important;
    font-size: 18px;
    cursor: pointer;
}
#search-home-field input.search:hover {
    background-color: rgba(0,123,200,0.9);
    border: 2px solid rgba(250,250,250,0.9);
}

#ForX {
    background-color: #007bc8;
    width: 100%;
    color: #fff;
    text-align: center;
    min-height: 450px;
    height: 40vh;
    margin: auto;
    padding: 10px 0 20px 0;
    border-top: 2px solid rgba(250,250,250,0.3);
    border-bottom: 2px solid rgba(250,250,250,0.3);
}

#ForX h2 {
    font-size: 48pt;
    color: #fff;
}
#ForX h3 {
    font-size: 24pt;
    line-height: normal;
}
#ForX a {
    color: #93bde9;
}

.vert-center {
    display: table-cell;
    vertical-align: middle;
}
.card-container {
    width: 70%;
    min-width: 900px;
    margin: auto;
    height: 70%;
}
.card {
    float: left;
    width: 33%;
    width: calc( 33% - 20px );
    min-width: 260px;
    height: 280px;
    padding: 10px;
    border-right: 1px solid #ccc;
}
.card p {
   color: #ddd;
}
.last {
    border: none;
}

.col-1-2 {
    float: left;
    width: 50%;
    width: calc( 50% - 20px );
    height: 85%;
    padding: 10px;
}
.crunch-80 {
    width: 80%;
    margin: auto;
}
#awards {
    text-align: center;
    background: rgba(50,50,50,0.95);
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
}
#awards h2 {
    padding: 25px 0 12px 24px;
    border-bottom: none;
    color: #fff;
    font-size: 3em;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-animation: fadeIn .4s linear;

}
#awards p {
    font-size: 16px;
    color: #fff;
    line-height: 1.3em;
    padding: 0 24px 0 24px;
    -webkit-animation: fadeIn .4s linear;

}
#awards a {
    color: #4B92DB
}
#awards-img {
    background: rgba(250,250,250,0.15);
    border-radius: 15px;
    padding-top: 30px;
}
#awards-txt {
    padding-top: 50px;
}
input.search-home-vivo {
    //float: left;
    margin: 10px 0 0 8px;
    //width: 700px;
    width: 80%;
    height: 20px;
    border: 0;
    font-size: 18px;
    color: #5e6363;
    margin-left: 4px;
    margin-top: 2px;
}
/* BROWSE ------>  */
ul#browse-classgroups a {
    padding-top: 3px;
    padding-bottom: 3px;
}
ul#browse-classgroups a:hover {
    background: url(../images/arrow.gif) 0 10px no-repeat;
    color: #2ea0cf;
}
ul#browse-classgroups a.selected {
    color: #2ea0cf;
    background: url(../images/arrow.gif) 0 10px no-repeat;
}
ul#classes-in-classgroup a:hover {
    background: url(../images/arrow.gif) 0 10px no-repeat;
    color: #2ea0cf;
}
ul#classes-in-classgroup a.selected {
    color: #2ea0cf;
    background: url(../images/arrow.gif) 0 10px no-repeat;
}
#visual-graph h5 {
    color: #4B92DB;
}
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
}
/* ABOUT------>  */
#about-video {
    float:right;
    margin-right:0px;
    margin-top:0;
    overflow:hidden;
    padding-bottom:0px;
    width:470px;
}
div.value-list ul {
     margin-top:8px;
     padding-left:30px;
     padding-right:10px;
	 list-style-image:url(http://www.colorado.edu/templates/images/zbullet.gif);
     list-style-type:square;
}
div.value-list ul li {
     margin-bottom:7px;
}
/* FOOTER------>  */
footer {
    clear: both;
    width: 970px;
    height: 88px;
    margin: 0 auto;
    font-size: .7em;
    color: #4e5051;
    background-color: #fff;
}
footer p.copyright {
    float: left;
    padding-top: 35px;
    padding-left: 30px;
    width: 530px;
}
footer p.copyright small {
    font-size: 1em;
}
ul#footer-nav {
    float: right;
    list-style: none;
    width: 200px;
    height: 20px;
    margin: 0;
    padding: 0;
    padding-top: 35px;
    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 {
    border-right: none
}
#footer-nav a {
    color: #4e5051
}
#footer-nav a:hover {
    color: #09C;
    text-decoration: none;
}
a.terms {
    color: #09C;
    text-decoration: none;
}
a.terms:hover {
    color: #4e5051;
    text-decoration: none;
}
a.powered-by-vivo {
    color: #09C;
    text-decoration: none;
}
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;
}
.button:active {
    top: 1px;
}
.blue {
    color: #4B92DB; 
}
.green {
    color: #A2A4A3;
}
.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: #A2A4A3;
}
.rdfLink a {
    color: #749a02;
}
.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: #4B92DB;
}

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

/* VISUAL GRAPH------>  */
#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;
}
#menupage-content h4 {
    font-size: 1.25em;
    color: #4B92DB;
    font-weight: normal;
}
ul#vgraph-classes li {
    border-bottom: 1px solid #dde4e3;
    font-size: 1em;
}
ul#vgraph-classes a {
    color: #5e6363;
    text-decoration: none;
}
ul#vgraph-classes a:hover {
    background: url(../images/arrow.gif) 0 10px no-repeat;
    color: #2ea0cf;
}
ul#vgraph-classes a.selected {
    color: #2ea0cf;
    background: url(../images/arrow.gif) 0 10px no-repeat;
}
ul#vgraph-classes .count-classes {    
    font-size: .75em; 
}
/* FIND BY ------>  */
#find-by {
    border: 1px solid #e4eae9;
}
#find-by h3 {
    font-size: 1.125em;
    color: #4B92DB;
    font-weight: normal;
}
ul#find-filters a {
    color: #5e6363;
    text-decoration: none;
}
ul#find-filters a:hover {
    background: url(../images/arrow.gif) 0 6px no-repeat;
    color: #2ea0cf;
}
ul#find-filters a.selected {
    color: #2ea0cf;
    background: url(../images/arrow.gif) 0 6px no-repeat;
}
/* RESEARCHERS ------>  */
#researchers {
    width: 920px;
    background: #f7f9f9;
    border: 1px solid #d7e6e6;
}
#researchers h3 {
    font-size: 1.25em;
    color: #4B92DB;
    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: #4B92DB;
    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: #4B92DB;
}
#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 {
    border-bottom: 1px solid #dde4e3;
    font-size: 1em;
}
ul#browse-classes a {
    color: #5e6363;
    text-decoration: none;
}
ul#browse-classes a:hover {
    background: url(../images/arrow.gif) 4px 5px no-repeat;
    color: #2ea0cf;
}
ul#browse-classes a.selected {
    color: #2ea0cf;
    background: url(../images/arrow.gif) 4px 5px no-repeat;
}
ul#browse-classes .count-classes {    
    font-size: 12px; 
}
/* ALPHA BROWSE------>  */
ul#alpha-browse-individuals {
    background-color: #fff;
}
ul#alpha-browse-individuals li {
    font-size: .8em;
}
ul#alpha-browse-individuals a {
    color: #5e6363;
    text-decoration: none;
}
ul#alpha-browse-individuals a:hover {
    background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
    color: #2ea0cf;
}
ul#alpha-browse-individuals a.selected {
    color: #2ea0cf;
    background: url(../images/arrowSmall.gif) -3px 7px no-repeat;
    margin-right: 3px;
    margin-left: 5px;
}
ul#alpha-browse-individuals .count-classes {
    font-size: .75em;
}
.alphaIndex {    
    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 {
    color: #5e6363;
    font-size: 1em;
}
.pagination.menupage {
    font-size: .8em;
}
.pagination.menupage li.selected {
    color: #5e6363;
}
.pagination.menupage li a {
    text-decoration: none;
}
.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: #4B92DB;
    color: #fff;
}
#admin .uri-link {
    color: #888c8c;
}
#admin a {
    color: #2a98bc;
}
/* INDIVIDUAL INTRO FOR ANY CLASS ------>  */
.preferred {
    padding-top: .2em;
}
#individual-intro h1 {
    font-size: 1.375em; 
    color: #4B92DB; 
}
#individual-intro span.display-title {
    font-size: .825em;
    color: #5e6363;
    border-left: 1px solid #A6B1B0;
}
ul#individual-tools {
    color: #A2A4A3;
}
#individual-intro ul.individual-urls li a {
    color: #4B92DB;
}
h2#mainImage, #share-contact h2 {
    color: #5E6363;
}
/* INDIVIDUAL INTRO - LEFT SIDE CONTENT ------>  */
img.individual-photo {
    border: 7px solid #ebebeb;
}
.rdf-url {
    padding-top: .8em;
    display: block;
}
ul#individual-tools-people {
    border-bottom: 1px solid #e8ece9;
    color: #A2A4A3;
    visibility: hidden;
}
ul#individual-tools-people li a {
    color: #A2A4A3;  
}
ul#individual-tools {
    color: #A2A4A3
}
ul#individual-tools li a {
    color: #A2A4A3; 
}
#share-contact a.email {
    color: #5f6464;
}
#share-contact a.tel {
    color: #5f6464;
}
ul.individual-urls {
    list-style: url(../../../images/individual/arrow-grey.gif);
}

ul#individual-phone {
    list-style-type: none;
}
ul#individual-phone li {
    line-height: 1.6em;
}

ul.individual-urls li {
    font-size: .875em;
    line-height: 1.6em;
}
ul.individual-urls li a {
    color: #4B92DB;
}
ul.individual-urls-people {
    list-style: url(../../../images/individual/arrow-grey.gif);
}
ul.individual-urls-people li a {
    color: #4B92DB;
}
/* INDIVIDUAL RIGHT CONTENT ------>  */
#individual-info {
    color: #5e6363;
}
#individual-info h1.fn {
    font-size: 1.375em;
    color: #4B92DB;
    line-height: 1.3em;
}
h1.fn .display-title {
    font-size: .825em;
    color: #5e6363;
    border-left: 1px solid #a6b1b0;
}
#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;
}
ul#individual-personInPosition li a {
    color: #4B92DB;
}
.individual-overview {
    font-size: 1em;
    padding-right: 10px;
    padding-top: 10px;
    width: 100%;
}
ul#individual-hasResearchArea {
    padding-bottom: 24px;
}
ul#individual-hasResearchArea li {
    border-right: 1px solid #A6B1B0;
}
ul#individual-hasResearchArea li:last-child {
    border-right: none;
}
ul#individual-hasResearchArea li a {
    color: #4B92DB;
}
ul#individual-hasSector {
    padding-bottom: 24px;
}
ul#individual-hasSector li {
    border-right: 1px solid #A6B1B0;
    padding-right: 10px;
    margin-right: 10px;
    float: left;
}
ul#individual-hasSector li:last-child {
    border-right: none;
    padding-right: 0;
    margin-right: 0;
}
ul#individual-hasSector li a {
    color: #4B92DB;
}
/* INDIVIDUAL VISUALIZATION ------>  */
#visualization h3 {
    font-size: 1.25em;
    color: #4B92DB;
}
.publication-year-range {
    font-size: .875em;
}
a.all-vivo-publications {
    font-size: .875em;
    color: #5e6363;
}
/* <------ TEMPORAL GRAPH  */
#temporal-graph h3 a {
    color: #4B92DB;
    font-size: .8em !important;
    text-decoration: underline;
}
/* <------ MAP O' SCIENCE  */
#map-of-science h3 a {
    color: #4B92DB;
    font-size: .8em !important;
    text-decoration: underline;
}
/* COAUTHORS ------>  */
img.co-author {
    border: 2px solid #ebebeb;
}
#co-authors h3 {
    font-size: 1.25em;
    color: #2485ae;
}
p.view-all-coauthors {
    font-size: .875em;
}
/* PROPERTY GROUP MENU ------>  */
#property-group-menu {
    width: 920px;
    background: #f1f2ee;
}
#property-group-menu ul {
    color: #5e6363;
    font-size: 1em;
}
#property-group-menu li {
    background: url(../../../images/individual/separator-property-group-nav.jpg) right 10px no-repeat;
}
#property-group-menu a {
    color: #5e6363;
}
#property-group-menu a:hover {
    color: #002b44;
}
#property-group-menu li:last-child {
    background: none;
}
/* PROPERTY GROUP ------>  */
.property-group {
    width: 920px;
    background: #fff;
}
section.property-group h2 {
    font-size: 1.25em;
    color: #4B92DB;
    font-weight: normal;
}
article.property {
    width: 852px;
}
article.property h3 {
    background: #fafaf9;
    font-size: 1.063em;
    color: #A2A4A3;
}
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 {
    font-size: 1em;
    color: #5e6363;
}
article.property ul.property-list li a {
    /*color: #4B92DB;*/   /* cappadona: seems unnecessarily specific and is overriding .more-less from individual.css so I'm commenting out for now */
    line-height: 1.6em;
}
/* MISCELLANEOUS ------>  */
.grey {
    color: #5e6363;
}
.displace {
    position: absolute;
    left: -9999px;
}
a {
    text-decoration: underline
}
.middle {
    vertical-align: middle;
}
input[type="submit"] {
    cursor: pointer;
}
.checkboxSpacer {
    margin-left:150px;
}
/* EDITING DISPLAY------>  */
.edit-individual {
    border-left: 1px dotted #A2A4A3;
}

/* ------------------------------------------------->  */
/* 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-build-date h3{
color: #4B92DB;
}
#revision-levels caption {
    font-size: 18px;
    color: #4B92DB;
}
#revision-levels th {
    font-weight: bold;
    border: 1px solid #DFE6E6;
}
#revision-levels td {
    border: 1px solid #DFE6E6;
}

/* ------------------------------------------------->  */
/* STATIC PAGES  ----------------------------------->  */
/* ------------------------------------------------->  */
#terms h3 {
    color: #4B92DB;
}

/* ------------------------------------------------->  */
/* 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, 
h2#hasSector .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;
}
section.accounts input.delete:active {
    top: 1px;
}
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;
}
input.add-account:active {
    top: 1px;
}
.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;
}

/* ------------------------------------------------->  */
/* Additional CU Boulder Items   ------------------->  */
/* ------------------------------------------------->  */

/* Search faceted filter */
.searchTOC {
    background:#f7f9f9 none repeat scroll 0 0;
    border:1px solid #dce4e3;
    float:right;
    margin-bottom:5px;
    margin-left:20px;
    padding:20px;
    width:20%;
}
.searchTOC a:link, .searchTOC a:visited {
    border: 0 none;
    color: #4B92DB;
}
.searchTOC h4 {
	color: black;
}
/* a:link {
    border-bottom: 1px solid #BCCECC;
    color: #00768F;
    text-decoration: none;
} */
.searchTOC a {
    display: block;
    font-size: 1.1em;
    padding: 5px 8px;
}

/* CU-Boulder Branding CSS */
#ucb-search {
    position:absolute;
    top:34px;
    left:722px;
    font-size:11px;
    color:#FFF;
    line-height:1em;
}
#ucb-search form {
    margin:0;
    padding:0;
    border: 1px solid #ddd;
}
input[type="text"].ucb-text {
    border: 0;
    font-size:11px;
    background:#fff;
    background-color:#fff;
    color:#000;
    width:180px;
    height: 100%;
    padding: 8px 28px 8px 8px;
    margin: 0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}
#ucb-search a:link, #ucb-search a:visited, #ucb-search a:hover {
    color:#FFF;
    text-decoration:none;
}
#ucb-culinks {
    color:#FFF;
    padding:5px 0px;
    text-align: right;
}
#ucb-inputwrapper {
    background-color:#FFF;	
    //height:22px;
    //float:left;
}
#edit-actions {
    position: absolute;
    top: 6px; 
    right: 0;
    z-index: 3;
}
#edit-submit {
    height: 21px;
    width: 21px;
    background: none;
    background-image: url("../images/search-icon.png");
    border: 0;
    font-size: 0;   
}
/* unreferenced UCB styles */
/* missing UCB styles: ucb-dark, ucb-searchform, ucb-searchtype, ucb-text */
#announcement {
    border: 2px solid #eee;
    
    padding: 5px;
}
#applications-noRangeClass-List {
    list-style: disc inside  none !important;
}
#testsAvailable-noRangeClass-List {
    list-style: disc inside  none !important;
}
#vita_list {
    margin-left: 20px;
    line-height: 1.2em;
}
#vita_list a {
    color: #5f6464;
}
#home-stats {
                margin-top: 0 !important;
                padding: 40px 0 20px 0;
                width: 100%;
                background: #eee;
                text-align: center;
}
#home-stats h4 {
                border-top: 1px solid rgba(220,228,227,.42); /* stroke */
                border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
                background-color: #395d7f; /* layer fill content */
                border-bottom: 2px solid #62b6d7;
                color: #fff;
                font-size: 32pt;
}
#stats {
    margin: 0 auto !important;
    width: 720px !important;
}
#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 p {
                color: #fff;
}
#stats li a:hover {
                opacity: .5;
}
#stats .stats-count span {
                color: #fff;
                opacity: .5;
}
#home-geo-focus  {
        clear: both;
        display: inline-block;
    margin-top: 10px;
    height: 632px;
    width: 921px;
}
#home-geo-focus h4 {
    display: inline;
    padding: 3px 10px;
    border-top: 1px solid rgba(220,228,227,.42); /* stroke */
    border-bottom: 1px solid rgba(220,228,227,.42); /* stroke */
    background-color: #395d7f; /* layer fill content */
    border-bottom: 2px solid #62b6d7;
    color: #fff;
}
#home-geo-focus div#timeIndicatorGeo {
    text-align:center;
    margin-top:100px;
}
.learnmore {
    transform: translateY(0);
    border: none;
    bottom: 4em;
    color: inherit;
    font-size: 0.8em;
    //height: 8.5em;
    left: 50%; // was 35% before removal of margin
    letter-spacing: 0.225em;
    margin-left: -25em;
    opacity: 1;
    outline: 0;
    padding-left: 0.225em;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 50em;
    z-index: 1;
    text-decoration: none;
    color: #fff !important;
}
.learnmore:hover {
    animation: bounce .4s linear;
    -webkit-animation: bounce .4s linear;    
    -moz-animation: bounce .4s linear;
}
.learnmore:after {
    background-image: url("../images/arrow.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: -2em;
    content: '';
    display: block;
    height: 1.5em;
    left: 50%;
    margin: 0 0 0 -0.75em;
    position: absolute;
    width: 1.5em;
}
@media (max-width: 980px) {
    .learnmore {
        margin-top: 30px;
        bottom: auto;
    }
}
.larger {
    font-size: 1.25em;
    letter-spacing: inherit;
    color: #fff;
    margin: 0;
    padding: 0;
}
#individual-info .individual-urls li a[title="Best Open Access CU Scholar"] {
  background: url('https://img.shields.io/badge/Open_Access-CU_Scholar-orange.svg?style=social&logo=open-access&logoColor=orange') no-repeat ;
  color: transparent;
  font-size: large;
}
#individual-info .individual-urls li a[title="Best Open Access"] {
  background: url('https://img.shields.io/badge/Open_Access-orange.svg?style=social&logo=open-access&logoColor=orange') no-repeat ;
  color: transparent;
  font-size: large;
}
#individual-info .individual-urls li a[title="CU Scholar Open Access"] {
  background: url('/images/individual/cu-scholar-image.png') no-repeat ;
  color: transparent;
  font-size: large;
}
#individual-info .individual-urls li a[title="CU Scholar"] .img {
  max-width: 100%;
  height: auto;
}
#individual-info .individual-urls li a[title="Best Open Access"] .img {
  max-width: 100%;
  height: auto;
}