/* -----------------------------------------------------------------------
Vanderbilt University Stylesheet
University Web Communications (web.vanderbilt.edu)
SHARED STYLES OVERRIDES
----------------------------------------------------------------------- */

.header-background { display: none; }

aside ul ul { margin-left: 25px; font-size: 0.8em; margin-bottom: 20px !important; }
aside ul ul li a:link, aside ul ul li a:visited { padding: 3px 15px!important; background: #EAEAEA !important; }

#department { color: #FFF; }
#department h2 {  font-weight: 200; line-height: 1em; padding: 12px 0px 15px 0px; margin: 0; }

#PeopleDataTable td h4 { padding: 0 !important; margin: 0 0 10px 0 !important; }
#PeopleDataTable  tr.group td { background: #CCC; color: #333; font-size: 1.5em; font-weight: bold; padding: 8px; } 
#PeopleDataTable  span.rank { display: none; }
#PeopleDataTable  .dataTables_filter { width: 100%; text-align: left !important; font-size: 0.9em; text-align: left; font-weight: bold; background: #CCC; padding: 10px 0px; }
#PeopleDataTable  .dataTables_filter label { font-size: 1.5em; padding-left: 10px; color: #333}
#PeopleDataTable  .dataTables_filter input { padding: 10px; background: #EAEAEA; border: 1px solid #EAEAEA;  width: 300px; }

/* RESEARCH GRID */
#researchgrid .anchordown-block small {
    color: #FC6;
    display: block;
    text-transform: uppercase;
    font-size: 0.5em;
    letter-spacing: 1px;
}
#researchgrid .anchordown-block a, #researchgrid .anchordown-blockwide a {
    height: 90vw;
}
@media (min-width: 500px) {
    #researchgrid .anchordown-block a, #researchgrid .anchordown-blockwide a {
        height: 110px;
    }
}
@media (min-width: 768px) {
    #researchgrid .anchordown-block a, #researchgrid .anchordown-blockwide a {
        height: 169px;
    }
}
@media (min-width: 992px) {
    #researchgrid .anchordown-block a, #researchgrid .anchordown-blockwide a {
        height: 218px;
    }
}
@media (min-width: 1200px) {
    #researchgrid .anchordown-block a, #researchgrid .anchordown-blockwide a {
        height: 264px;
    }
}
#researchgrid .anchordown-block span, #researchgrid .anchordown-blockwide span {
    font-size: 1.2em;
    top: 50%;
}

/* BUTTON */
#maincontent table td .button{display:block; text-decoration:none; text-align:center; 
padding: 11px 32px;
margin: 10px 20px;
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  }
#maincontent table td .button:hover{
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 }

/* People Grid */
.people-grid img {
	max-width: 100%;
	height: auto;
}
.people-grid > div a {
	min-height: 50px;
	display: block;
	border: 0 !important;
}