/*! Amber Styles - git://github.com/UCSD-BCS/amber.git - generated 2015-03-24 13:16:59 */

/*********************
This file is generated from Sass, do not edit the CSS directly!

BIOLOGY.UCSD.EDU STYLES - AMBER
Division of Biological Sciences
Author: nicoliver@ucsd.edu
Created: 5/22/2014
Comments: for use on biology.ucsd.edu (in cms or external decorator)
tack onto the CWO styles

*********************/
/********************
 MODS - bio-specific typography, decorator mods
********************/
/* adding in for clearfix experimentation - nso 6/20/13 */
.group:after {
  clear: both;
  content: "";
  display: table;
}

.hide {
  display: none !important;
}

hr {
  clear: both;
}

table h3 {
  padding-top: .3em;
}

pre {
  border: none;
  background: #f2f2f2;
  border-radius: 3px;
  color: #999;
  margin: 1em 0;
}

fieldset {
  border: none;
}

#page_nav {
  /*bold selected page*/
  /*unbold blue subitems*/
}
#page_nav li.active {
  background-color: #fff;
  color: #693;
  font-weight: bold;
}
#page_nav li ul {
  margin: .4em 0 -.4em 0;
  font-weight: normal;
}
#page_nav a {
  text-decoration: none;
}

/*top-nav focus line green*/
#tdr_nav_list li.active > a,
#tdr_nav_list li.active > span,
.sf-menu li.active > a,
.sf-menu li.active > span {
  border-bottom: #693 solid 3px;
}

/* flexslider */
.flexslider {
  /* flexslider play button */
}
.flexslider span {
  background: url("_images/sprite_icon_bio.png") !important;
}
.flexslider .play {
  background-position: 8px -232px !important;
}
.flexslider p.flex-caption a {
  color: #fff;
}

.flex-control-nav li a.active {
  background: #70a838 !important;
  border: 1px solid #4d7326 !important;
}

/* footer feedback button */
#tdr_footer_feedback a {
  background: #693;
  color: #fff;
  font-weight: bold;
  padding: 3px 6px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
#tdr_footer_feedback a:hover {
  background-color: #70a838;
  text-decoration: none;
}

/* headers */
h1, h2, h3, h4, h5, h6 {
  color: #333;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: .25em;
  font-weight: bold;
}

h1 {
  color: #693;
}

h4 {
  font-size: 115%;
}

/* h1, h1, etc */
.section {
  border-bottom: solid 1px #ccc;
  margin-bottom: .5em;
}

h6 > small {
  font-weight: small;
  text-transform: uppercase;
}

small {
  color: #999;
  font-size: 90%;
}

/* anchors */
a {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

a:link,
a:visited,
.widget_content a:link,
.widget_content a:visited {
  border-bottom: dotted 1px #999;
  color: #009BBF;
  text-decoration: none;
}

a:hover,
a:active {
  border-bottom: solid 1px #0076AF;
  color: #0076AF;
  text-decoration: none;
}

a:visited {
  color: #0B77AD;
  border-bottom-color: #0B77AD;
}

.drawer > h2 > a,
.drawer-toggle a,
#tdr_crumbs_list a,
#tdr_footer_links a,
#tdr_title_ucsd_title,
#tdr_title_page_title a,
#page_nav li a {
  border-bottom: none;
}

/***** fancy styles *****/
blockquote.fancy {
  font: italic 115% georgia;
  border: none;
  padding: 0px;
  margin: 1em 0px;
}

/********************
 COMPONENTS - buttons, grids, images, contact block
********************/
/* GENERIC BUTTONS -- nso 11/12 */
a.btn {
  background-color: #67828b;
  border-bottom: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 6px 10px;
  margin: 0 10px 10px 0;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.5s ease-out;
  -moz-transition: background-color 0.5s ease-out;
  -ms-transition: background-color 0.5s ease-out;
  -o-transition: background-color 0.5s ease-out;
  transition: background-color 0.5s ease-out;
}
a.btn:hover {
  background-color: #718c96;
  border-bottom: none;
  color: #fff;
  text-decoration: none;
}
a.btn.pull-right {
  margin: 0 0 5px 5px;
}
a.btn.full {
  display: block;
  margin: 0 0 10px 0;
  text-align: center;
}
a.btn.blue {
  background-color: #0076af;
}
a.btn.blue:hover {
  background-color: #0084c3;
}
a.btn.orange {
  background-color: #c7700e;
}
a.btn.orange:hover {
  background-color: #da7b0f;
}
a.btn.green {
  background-color: #693;
}
a.btn.green:hover {
  background-color: #70a838;
}

/* TOGGLE BUTTON - publication abstracts -- nso 3/13 */
/* make this a generic button? */
.toggleLink {
  background-color: #efefef;
  display: inline-block;
  padding: 5px;
  width: auto;
  margin-top: -5px;
  margin-bottom: 20px;
  cursor: pointer;
  border: 1px solid #d6d6d6;
  font-size: 1em;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.toggleLink:hover, .toggleLink.active {
  background: #0076af;
  color: #fff;
  border: solid 1px #d6d6d6;
  text-decoration: none;
}

.toggleBox {
  display: none;
  margin-top: -10px;
  padding-bottom: 20px;
}

/* GIVE NOW BUTTON -- giving, home, alumni -- nso 3/13 */
#give-now1 {
  width: 140px;
  display: block;
  position: relative;
  margin: 0 auto;
  margin-bottom: 15px;
}

#nav-give {
  margin: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a.give-button {
  background-color: #db7b0f;
  display: block;
  height: 30px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 115px;
  z-index: 1000;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(1, rgba(255, 255, 255, 0.4)), color-stop(0.4, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4));
  border-bottom: solid 1px #d9740b;
  border-top: solid 1px #ffdcb4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-transition: background 0.1s ease-in;
  -moz-transition: background 0.1s ease-in;
  -ms-transition: background 0.1s ease-in;
  -o-transition: background 0.1s ease-in;
  transition: background 0.1s ease-in;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 2px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 2px rgba(0, 0, 0, 0.5);
}

.no-boxshadow a.give-button {
  width: 178px;
  border-right: solid 1px #d9740b;
  border-left: solid 1px #d9740b;
}

a.give-button:hover {
  background-color: #c7700e;
  border-bottom: solid 1px #c86408;
  text-decoration: none;
}

a.give-button span {
  color: #fff;
  font-family: Georgia, Times, serif;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  line-height: 15px;
  position: relative;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(255, 255, 255, 0.5);
  top: 5px;
}

/* RESOURCE BUTTONS -- ug home page -- nso 1/16 */
a.btn-resource {
  background-color: #D8D6CE;
  border-bottom: none !important;
  color: #DB9A09;
  display: table;
  margin: 0px 0 20px 0;
  text-decoration: none;
  transition: all 0.5s ease;
  width: 100%;
}
a.btn-resource:hover {
  background-color: #DB9A09;
  color: #fff;
}

/*span*/
.btn-resource-heading,
.btn-resource-body {
  font-family: "Archivo Narrow", sans-serif;
  text-transform: uppercase;
}

/*span*/
.btn-resource-heading {
  background-color: rgba(0, 0, 0, 0.1);
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 3px 3px;
  text-align: center;
  text-decoration: none;
}

/*span*/
.btn-resource-body {
  display: block;
  font-size: 210%;
  font-weight: bold;
  height: 60px;
  line-height: 100%;
  padding: 5px 10px;
  text-align: right;
  text-decoration: none;
}

/*a*/
.btn-resource-text-lg {
  font-size: 200%;
  line-height: 95%;
}

.btn-resource-icon {
  color: rgba(0, 0, 0, 0.1);
  float: left;
  font-size: 200%;
}

/* BANNER CALLOUTS */
.callout {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  background-color: #718c96;
  border-radius: 3px;
  color: #fff;
  display: block;
  margin: 20px 0;
  padding: 10px 15px 10px 50px;
  position: relative;
  width: 100%;
}
.callout a {
  color: #cff;
  text-decoration: underline;
}
.callout a:hover {
  color: #cff;
}

a.callout {
  color: #cff;
}
a.callout:hover {
  cursor: pointer;
}

.callout-head {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #67828b;
  border-radius: 3px 0 0 3px;
  height: 100%;
  left: 0;
  padding: 5px 0 0 9px;
  position: absolute;
  top: 0;
  width: 40px;
}

.callout-questions {
  background-color: #70a838;
}
.callout-questions .callout-head {
  background-color: #693;
}

.callout-download {
  background-color: #da7b0f;
}
.callout-download .callout-head {
  background-color: #c7700e;
}
.callout-download:hover {
  background-color: #ef8a19;
}

.callout-apply {
  background-color: #0084c3;
}
.callout-apply .callout-head {
  background-color: #0076af;
}
.callout-apply:hover {
  background-color: #0098e2;
}

a[target="_blank"].callout-apply {
  background-color: #0084c3;
}
a[target="_blank"].callout-apply:hover {
  background-color: #0098e2;
}

.callout-questions {
  background-color: #70a838;
}
.callout-questions .callout-head {
  background-color: #693;
}

.callout-apply-not-open,
a.callout-apply-not-open {
  background-color: #718c96;
  color: #E9F3F7;
  font-style: italic;
}

.callout-apply-not-open .callout-head {
  background-color: #67828b;
}

a.callout-apply-not-open:hover {
  background-color: #718c96;
  cursor: not-allowed;
  text-decoration: none;
}

/* GRAY BOX -- diversity quotes, grad home -- nso 6/13 */
/*div*/
.gray-box {
  background-color: #efefef;
  padding: 10px;
  width: auto;
}
.gray-box img {
  background-color: #fff !important;
}

/* MESSAGE CALLOUT -- fac profile -- nso 2/20/14 */
.message {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-left-width: 5px;
  border-left-style: solid;
  display: block;
  padding: 15px;
  margin-bottom: 10px;
  width: 100%;
}
.message .message:after {
  display: table;
  content: "";
}

.message--primary {
  background-color: #ecf9ff;
  border-color: #0084c3;
}
.message--primary .message_heading {
  color: #0076af;
}

.message--success {
  background-color: #f2f9ec;
  border-color: #70a838;
}
.message--success .message_heading {
  color: #693;
}

.message--warning {
  background-color: #fef7f0;
  border-color: #da7b0f;
}
.message--warning .message_heading {
  color: #c7700e;
}

.message--danger {
  background-color: #fbeeeb;
  border-color: #d8553d;
}
.message--danger .message_heading {
  color: #d5462c;
}

/* contact block - nso 10/27/13 */
.contact-block {
  display: block;
  width: 100%;
  margin-bottom: 15px;
}
.contact-block .contact-block-head > *,
.contact-block .contact-block-body > * {
  display: block;
  line-height: 140%;
}

.contact-name {
  font-weight: bold;
}

.contact-title {
  font-style: italic;
}

.contact-block-compact .contact-block-head > * {
  display: inline-block;
}
.contact-block-compact .contact-block-body > * {
  display: inline-block;
  margin-right: 10px;
}

/** IMAGES - nicoliver@ucsd.edu - 5/6/14 **/
#tdr_content > img {
  margin-bottom: 10px;
}

p.caption {
    margin-bottom: 0;
}

/* image w/o caption */
img.left,
img.right,
img.center {
  background: #F9F9F9;
  border: 1px solid #D9EAE6;
  display: block;
  margin-bottom: 15px !important;
  max-width: 100%;
  padding: 5px;
}

img.left {
  float: left;
  margin: 0 15px 5px 0;
}

img.right {
  float: right;
  margin: 0 0 5px 15px;
}

img.center {
  margin: 0 auto;
}

img.left.plain,
img.right.plain,
img.center.plain {
  background: transparent;
  border: none;
  display: block;
  padding: 0;
}

/* image w/ caption */
.insetimage {
  background-color: #F9F9F9;
  border: solid #D9EAE6 1px;
  display: block;
  margin-bottom: 7px;
  padding: 5px;
}

.onright {
  float: right;
  margin-left: 10px;
}

.onleft {
  float: left;
  margin-right: 10px;
}

.onfull,
.onfull > img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.insetimage img {
  border: 0px;
  display: block;
}

.insetimage a,
.inset a {
  background-color: #F9F9F9;
}

.insetimage .credit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
  text-align: right;
}

.insetimage .caption,
.inset .caption {
  font-weight: normal;
  margin-top: 7px;
}

.wrapper {
  display: block;
  margin: 0 auto;
  max-width: 600px;
  position: relative;
}

/* responsive images - nso 1/14 */
/*img,div*/
.framed {
  background-color: #F9F9F9;
  border: solid #ddd 1px;
  display: block;
  float: right;
  margin: 0 0 15px 15px;
  max-width: 350px;
  padding: 5px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.framed.small {
  max-width: 250px;
}
.framed.large {
  max-width: 450px;
}
.framed.left {
  float: left;
  margin: 0 15px 15px 0;
}
.framed.full {
  max-width: 100%;
  width: 100%;
}
.framed > img {
  display: block;
  height: auto;
  margin-bottom: 5px;
  max-width: 100%;
  width: 100%;
}
.framed > .credit {
  float: right;
  font-size: 90%;
  font-style: italic;
}
.framed > .credit:before {
  content: 'Credit: ';
}

@media only screen and (max-width: 900px) {
  .framed,
  .framed.small,
  .framed.large,
  .framed.left {
    max-width: 100%;
    width: 100%;
    margin: 0 0 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
table.plain {
  border: none;
}
table.plain td {
  padding: 3px;
  vertical-align: top;
}

.profile-list {
  display: block;
  margin-bottom: 10px;
}
.profile-list .profile-list-item {
  border-bottom: solid 1px #eee;
  display: block;
  margin-top: 15px;
  padding-bottom: 15px;
}
.profile-list .profile-list-item:after {
  content: "";
  display: table;
  clear: both;
}
.profile-list .profile-thumbnail {
  display: block;
  margin: 0;
  width: 160px;
}
.profile-list .profile-thumbnail img {
  display: block;
  float: left;
  height: auto;
  margin: 0 10px 10px 0;
  width: 150px;
}
.profile-list .profile-caption {
  display: block;
  margin-left: 160px;
}
.profile-list.small-thumbs .profile-thumbnail {
  width: 110px;
}
.profile-list.small-thumbs .profile-thumbnail img {
  width: 100px;
}
.profile-list.small-thumbs .profile-caption {
  margin-left: 110px;
}

@media only screen and (max-width: 500px) {
  .profile-list .profile-thumbnail {
    width: 115px;
  }
  .profile-list .profile-thumbnail img {
    width: 100px;
    margin-right: 15px;
  }
  .profile-list .profile-caption {
    margin-left: 0;
  }

  .profile-list.small-thumbs .profile-caption {
    margin-left: 0;
  }
}
/* basic unordered list -- section experiment -- nso 7/13 */
ul.plain {
  margin: 10px 0;
}

ul.plain li {
  display: table;
  list-style: none;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

/* LEFT-ALIGNED IMAGES -- for lists/grids below -- nso 5/13 */
ul.img-grid li > img,
ul.news li > img,
ul.news li > a img,
ul.profile li > img,
.img-grid img,
ul.award li > img {
  background: #eee;
  border: 1px solid #ddd;
  display: block;
  float: left;
  margin: 0 15px 5px 0;
  padding: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* IMAGE GRID -- cmg -- nso 4/13 */
ul.img-grid {
  display: table;
  width: 100%;
}

ul.img-grid li {
  display: block;
  float: left;
  height: 245px;
  list-style: none;
  margin: 0 10px 10px 0;
  padding: 0;
  text-align: center;
  width: 130px;
}

ul.img-grid li > img {
  float: none;
  margin-bottom: 10px;
  margin: 0 auto;
  padding: 3px;
  width: 108px;
}

ul.img-grid li > span {
  display: block;
}

ul.img-grid li > h4 {
  margin-top: .7em;
}

ul.img-grid li > h6 {
  font-style: italic;
  font-weight: normal;
}

/* INDIVIDUAL TOPICS so 3 fit in half a column nso 7/13 */
ul.img-grid.compact li {
  margin: 0 8px 20px 0;
  width: 109px;
}

/* SECTIONS MOD - transitional until move to new image repository  -- nso 10/21 */
/* POSTER GRID MOD - kuffler, heiligenberg -- nso 3/13 */
ul.img-grid.posters {
  display: table;
}

ul.img-grid.posters li {
  height: 300px;
  width: 134px;
}

ul.img-grid.posters li h5 {
  margin-top: 1em;
}

ul.img-grid.wfh li {
  height: 350px;
  width: 134px;
}

/* IMAGE GRID -- acad sect fac pics, poster grid mod -- nso 2/13 */
/* phase out when research topics are converted */
div.img-grid {
  float: left;
  height: 260px;
  padding: 10px;
  text-align: center;
  width: 96px;
}

div.img-grid img {
  padding: 3px;
  margin: 0 auto;
  margin-bottom: 10px;
}

/* PROFILE W IMAGE LISTS -- cmg -- nso 4/13 */
ul.profile, ul.names {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}

ul.profile li, ul.names li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  list-style: none;
  margin: 0 10px 10px 0;
  padding: 0;
}

ul.profile li {
  min-height: 105px;
  margin-bottom: 15px;
  margin-left: 125px;
}
ul.profile li img {
  margin-left: -125px;
}

ul.profile.col50 li {
  height: 105px;
}

ul.profile.col50 li,
ul.names.col50 li {
  width: 48%;
}

ul.profile li > h5 {
  font-size: .9em;
}

ul.profile li > p {
  margin-top: .5em;
}

@media all and (max-width: 840px) {
  ul.profile.col50 li,
  ul.names.col50 li {
    width: 100%;
  }
}
/* NEWS/VIDEOS LIST (new) -- nso 5/13 */
ul.news {
  list-style: none;
  display: table;
  margin: 0;
  padding: 0;
}
ul.news li {
  border-bottom: 1px solid #eee;
  display: inline-block;
  margin: 5px 0;
  padding: 5px 0;
  width: 100%;
}
ul.news li h6 {
  text-transform: uppercase;
  font-weight: normal;
  color: #999;
}
ul.news li > * {
  margin-left: 225px;
}
ul.news li > img {
  margin-left: 0;
}

/* VIDEO PAGE DATES -- 6/13 nso */
p.news-date,
p.news-date a {
  color: #898989;
  font-size: 10px;
  text-transform: uppercase;
  margin: 0;
}

/* ENDOWED/AWARDS LIST (new) -- nso 6/13 */
ul.award {
  display: table;
  margin: 0;
  padding: 0;
}
ul.award li {
  display: inline-block;
  list-style: none;
  margin: 10px 0;
  padding: 0;
  width: 100%;
}
ul.award h3 {
  margin-top: 5px;
}
ul.award h4 {
  font-family: georgia;
  font-style: italic;
}
ul.award h5 {
  font-size: 16px;
}
ul.award h6 {
  font-style: italic;
  font-weight: normal;
  font-family: georgia;
}

/* RESEARCH TOPICS (new) -- nso 7/13 */
ul.topics {
  clear: both;
  display: table;
}
ul.topics li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #f8f8f8;
  color: #333;
  display: inline-block;
  float: left;
  height: 310px;
  margin: 0 1% 1% 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 32%;
}
ul.topics li > h3,
ul.topics li > p {
  margin: .5em;
}
ul.topics li a img {
  margin: 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  border-bottom: solid 4px #07A;
  width: 100%;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -webkit-transition: opacity 0.5s ease-out;
  -moz-transition: opacity 0.5s ease-out;
  -ms-transition: opacity 0.5s ease-out;
  -o-transition: opacity 0.5s ease-out;
  transition: opacity 0.5s ease-out;
}
ul.topics li a img:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
ul.topics li > h3 {
  color: #5AC;
}

@media only screen and (max-width: 699px) {
  ul.topics li {
    width: 48%;
  }
}
/********************
 TOOLS - tabs, banners, tablesorter, tooltips
********************/
/* RESPONSIVE TABS (js from tabify) - fac list by section, publications -- nso 2/13 */
.clearfix {
  clear: both;
  display: block;
}

.tab-well {
  display: block;
  width: 100%;
}

.tab-menu {
  padding: 0;
}

.tab-menu li {
  display: inline;
  padding: 0;
  margin: 0;
  list-style: none;
}

.tab-menu li a {
  padding: 10px;
  float: left;
  margin-left: 0;
  text-decoration: none;
}

.tab-menu li.active a {
  background: #0076af;
  color: #fff;
  cursor: default;
  border: solid 1px #0076af;
  text-decoration: none;
}

.tab-content {
  float: left;
  clear: both;
  background: #fff;
  padding: 20px 0;
  width: 100%;
}

.tab-well,
.tab-menu li a,
.tab-menu li.active a,
.tab-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media only screen and (min-width: 1000px) {
  .tab-well {
    background: #fff;
    border-bottom: solid 1px #d6d6d6;
    padding: 0 5px;
  }

  .tab-menu li a {
    background: #efefef;
    border: solid 1px #efefef;
    border-bottom: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 5px;
    margin-bottom: -1px;
  }

  ul.small-tabs li a {
    font-weight: normal !important;
  }
}
@media only screen and (max-width: 1000px) {
  .tab-well {
    background: none;
    border: none;
  }

  .tab-menu li a,
  .tab-menu li.active a {
    border: solid 1px #efefef;
    border-radius: 5px;
    margin: .5%;
    width: 49%;
  }

  .tab-menu li a {
    background: #f5f5f5;
  }
}
@media only screen and (max-width: 480px) {
  .tab-menu li a,
  .tab-menu li.active a {
    margin-left: 0;
    width: 100%;
  }
}
/* STAGE INDICATOR - adds orange banner if on staging server - nso 7/13 */
#tdr_stage {
  background-color: #EA992F;
  border-top: 1px solid #DB8B2C;
  color: #fff;
  display: block;
  height: 21px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  font-weight: bold;
}

#tdr_dev {
  background-color: #129ec4;
  border-top: 1px solid #0f85aa;
  color: #fff;
  display: block;
  height: 21px;
  line-height: 20px;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  max-width: 350px;
  font-weight: bold;
  border-radius: 0 0 3px 3px;
}

#tdr_stage span, #tdr_dev span {
  max-width: 960px;
  margin: 0 auto;
  display: block;
}

#tdr_stage a, #tdr_dev a {
  color: #cff;
}

#tdr_stage a:hover, #tdr_dev a:hover {
  color: #9ff;
}

/* mainbio tablesorter */
table.tablesorter {
  margin-bottom: 1em;
  width: 100%;
  font-size: 14px;
  /*for dynamic listings*/
}
table.tablesorter thead tr th,
table.tablesorter td {
  border: 1px solid #ccc;
  padding: .5em;
  vertical-align: top;
}
table.tablesorter thead tr th {
  background-color: #eee;
  font-weight: bold;
}
table.tablesorter thead tr .header {
  background: #eee url("_images/sort-arr.gif") no-repeat center right !important;
  cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
  background-image: url(_images/sort-asc.gif) !important;
}
table.tablesorter thead tr .headerSortDown {
  background-image: url(_images/sort-desc.gif) !important;
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  background-color: #ddd !important;
}
table.tablesorter tbody tr.even td {
  background-color: #eff;
}

.block > * {
  display: block;
  margin: 5px 0;
}

/* RESPONSIVE TOOLTIPS - nicoliver@ucsd.edu - 2/13
http://osvaldas.info/elegant-css-and-jquery-tooltip-responsive-mobile-friendly */
#tooltip {
  text-align: center;
  color: #fff;
  background: #111;
  position: absolute;
  z-index: 100;
  padding: 10px;
  border-radius: 4px;
  max-width: 400px;
  /* triangle decoration */
}
#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}
#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}
#tooltip.left:after {
  left: 10px;
  margin: 0;
}
#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

/********************
 PAGES - faculty profiles only for now
********************/
/* FACULTY PROFILES - 3/13 */
#facHeadshot {
  display: block;
  width: 100%;
  max-width: 170px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#facBio div.styled {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -3px;
  padding: 1em .7em;
}

#facProfile #honors ul li {
  font-weight: bold;
  font-style: italic;
}

#facProfile #honors ul li span {
  display: block;
  font-weight: normal;
  font-style: normal;
}

@media only screen and (max-width: 640px) {
  #facHeadshot {
    float: left;
    display: block;
    position: relative;
    max-width: 30%;
    width: 30% !important;
  }

  div#facBio div.styled {
    float: left;
    display: block;
    position: relative;
    margin: 0 1%;
    width: 65%;
  }
}

/* bootstrap tables shiv */
tr > td.success,
tr > th.success,
tr.success > td,
tr.success > th {
  background-color: #dff0d8;
}
tr > td.info,
tr > th.info,
tr.info > td,
tr.info > th {
  background-color: #d9edf7;

tr > td.warning,
tr > th.warning,
tr.warning > td,
tr.warning > th {
  background-color: #fcf8e3;
}
tr > td.danger,
tr > th.danger,
tr.danger > td,
tr.danger > th {
  background-color: #f2dede;
}