/* ==|== primary styles =====================================================
   Author: Kevin Ripka
   ========================================================================== */
.inner-shadow {
  -webkit-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
.secondary-btn {
  background-color: #0072ab !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0094de), to(#0072ab));
  background-image: -moz-linear-gradient(top, #0094de, #0072ab);
  background-image: -ms-linear-gradient(top, #0094de, #0072ab);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0094de), color-stop(100%, #0072ab));
  background-image: -webkit-linear-gradient(top, #0094de, #0072ab);
  background-image: -o-linear-gradient(top, #0094de, #0072ab);
  background-image: linear-gradient(#0094de, #0072ab);
  border-color: #0094de #0094de #0072ab;
  border-width: 1px;
  border-style: solid;
  border: 1px solid rgba(255, 255, 255, 0.4);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: .4em 1em;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  font-weight: bold;
  line-height: 14px;
}
.secondary-btn:hover {
  background-color: #0072ab !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0072ab), to(#006192));
  background-image: -moz-linear-gradient(top, #0072ab, #006192);
  background-image: -ms-linear-gradient(top, #0072ab, #006192);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0072ab), color-stop(100%, #006192));
  background-image: -webkit-linear-gradient(top, #0072ab, #006192);
  background-image: -o-linear-gradient(top, #0072ab, #006192);
  background-image: linear-gradient(#0072ab, #006192);
  color: #ffffff;
}
.primary-btn {
  background-color: #d61919 !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e83a3a), to(#d61919));
  background-image: -moz-linear-gradient(top, #e83a3a, #d61919);
  background-image: -ms-linear-gradient(top, #e83a3a, #d61919);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e83a3a), color-stop(100%, #d61919));
  background-image: -webkit-linear-gradient(top, #e83a3a, #d61919);
  background-image: -o-linear-gradient(top, #e83a3a, #d61919);
  background-image: linear-gradient(#e83a3a, #d61919);
  border-color: #e83a3a #e83a3a #d61919;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 1px 1px #7b0e0e;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: .2em .5em;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 1em;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  font-weight: bold;
}
.primary-btn:hover {
  background-color: #d61919 !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d61919), to(#bf1616));
  background-image: -moz-linear-gradient(top, #d61919, #bf1616);
  background-image: -ms-linear-gradient(top, #d61919, #bf1616);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d61919), color-stop(100%, #bf1616));
  background-image: -webkit-linear-gradient(top, #d61919, #bf1616);
  background-image: -o-linear-gradient(top, #d61919, #bf1616);
  background-image: linear-gradient(#d61919, #bf1616);
  color: #ffffff;
}
.tertiary-btn {
  background-color: #cccccc !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc));
  background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -ms-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -o-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: linear-gradient(#e6e6e6, #cccccc);
  border-color: #e6e6e6 #e6e6e6 #cccccc;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -o-border-radius: 0.4em;
  border-radius: 0.4em;
  padding: .2em .5em;
  display: inline-block;
  color: #4e4e4e;
  text-decoration: none;
  font-size: 13px;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  line-height: 15px;
}
.tertiary-btn:hover {
  background-color: #cccccc !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#cccccc), to(#bfbfbf));
  background-image: -moz-linear-gradient(top, #cccccc, #bfbfbf);
  background-image: -ms-linear-gradient(top, #cccccc, #bfbfbf);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cccccc), color-stop(100%, #bfbfbf));
  background-image: -webkit-linear-gradient(top, #cccccc, #bfbfbf);
  background-image: -o-linear-gradient(top, #cccccc, #bfbfbf);
  background-image: linear-gradient(#cccccc, #bfbfbf);
  color: #1d1d1d;
}
.cfb-btn.disabled,
.cfb-btn.disabled:hover {
  background-color: #cccccc !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc));
  background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -ms-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -o-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: linear-gradient(#e6e6e6, #cccccc);
  border-color: #e6e6e6 #e6e6e6 #cccccc;
  border-width: 1px;
  cursor: default;
}
.cfb-btn.up-btn {
  -webkit-border-radius: 0 4px 0 0;
  -moz-border-radius: 0 4px 0 0;
  -o-border-radius: 0 4px 0 0;
  border-radius: 0 4px 0 0;
  margin-bottom: 0;
}
.cfb-btn.down-btn {
  -webkit-border-radius: 0 0 4px 0;
  -moz-border-radius: 0 0 4px 0;
  -o-border-radius: 0 0 4px 0;
  border-radius: 0 0 4px 0;
}
.cfb-btn {
  background-color: #9bc9cc !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#bddbdd), to(#9bc9cc));
  background-image: -moz-linear-gradient(top, #bddbdd, #9bc9cc);
  background-image: -ms-linear-gradient(top, #bddbdd, #9bc9cc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bddbdd), color-stop(100%, #9bc9cc));
  background-image: -webkit-linear-gradient(top, #bddbdd, #9bc9cc);
  background-image: -o-linear-gradient(top, #bddbdd, #9bc9cc);
  background-image: linear-gradient(#bddbdd, #9bc9cc);
  border-color: #bddbdd #bddbdd #9bc9cc;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: .4em 1em;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  font-weight: bold;
  line-height: 14px;
}
.cfb-btn:hover {
  background-color: #9bc9cc !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#9bc9cc), to(#8ac0c3));
  background-image: -moz-linear-gradient(top, #9bc9cc, #8ac0c3);
  background-image: -ms-linear-gradient(top, #9bc9cc, #8ac0c3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9bc9cc), color-stop(100%, #8ac0c3));
  background-image: -webkit-linear-gradient(top, #9bc9cc, #8ac0c3);
  background-image: -o-linear-gradient(top, #9bc9cc, #8ac0c3);
  background-image: linear-gradient(#9bc9cc, #8ac0c3);
  color: #ffffff;
}
.medium-btn {
  padding: .8em;
}
.large-btn {
  font-size: 1.4em;
  padding: .5em 2em;
}
.primary-btn.disabled-btn {
  background-color: #cccccc !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e6e6e6), to(#cccccc));
  background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -ms-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: -o-linear-gradient(top, #e6e6e6, #cccccc);
  background-image: linear-gradient(#e6e6e6, #cccccc);
  border-color: #e6e6e6 #e6e6e6 #cccccc;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
  cursor: default;
  color: #a4a4a4;
}
.wrapped-btn {
  padding: .5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  background-color: rgba(0, 0, 0, 0.4);
  display: inline-block;
}
.wrapped-btn.lighter {
  background-color: rgba(0, 0, 0, 0.1);
}
/*********** OVERRIDE BOOTSTRAP ************************/
.container {
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .container {
    width: 100%;
  }
}
/*********************************************************/
header {
  overflow: hidden;
}
body {
  font-size: 15px;
  background: url('../img/common/snow.png') repeat 0 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li,
address,
a,
span,
select,
button,
label,
input,
table {
  font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-text-size-adjust: none;
}
h1 {
  font-size: 1.47em;
  line-height: 1.4;
  font-weight: bold;
  color: #1d1d1d;
  font-weight: 300;
}
h2 {
  font-size: 1.4em;
  line-height: 1.2;
}
p {
  color: #1d1d1d;
  margin-bottom: 1em;
  line-height: 24px;
}
a {
  color: #0072ab;
}
a:hover {
  color: #546dbf;
}
menu li,
nav li {
  list-style-type: none;
}
menu li a,
nav li a {
  text-decoration: none;
}
footer {
  background-color: #1d1d1d;
}
footer #footerlinks nav a,
footer #keepInTouch nav a,
footer #tos nav a {
  color: #7cacdb;
}
footer #footerlinks nav a:hover,
footer #keepInTouch nav a:hover,
footer #tos nav a:hover {
  color: #e7f8fe;
}
.redpoll-container {
  position: relative;
}
.footer-redpoll {
  position: absolute;
  bottom: -91px;
  background: url('../img/common/sprite-common.png') no-repeat 0 -40px;
  display: block;
  width: 80px;
  height: 52px;
}
.footer-redpoll-1 {
  left: 0;
}
.footer-redpoll-2 {
  right: 0;
  background-position: -85px -40px;
}
.footer-snow {
  background: url('../img/common/footer-flourish.png') center bottom repeat-x;
  padding-bottom: 100px;
  overflow: auto;
}
.icicles {
  background: url('../img/common/icicles.png') repeat-x left top;
}
.page-container {
  width: 1140px;
  margin: 0 auto;
}
.article-wrapper {
  overflow: auto;
}
@media screen and (max-width: 640px) {
  article p {
    -webkit-text-size-adjust: none;
    font-size: 12px;
  }
}
/****** HEADER **********/
header.standard-header,
header.full-header {
  position: relative;
  overflow: visible;
  border-bottom: 1px solid #b4c8df;
}
/******* BRAND BAR *****/
#brand-bar {
  background: url('../img/common/cartographer.png') repeat 0 0;
  overflow: visible;
  height: 53px;
}
#brand-logos {
  float: left;
}
#brand-logos h2 {
  float: left;
  margin: 4px 10px 0 0;
}
#brand-logos h2 a {
  display: block;
  width: 185px;
  height: 44px;
  text-indent: -999999px;
  background-image: url('../img/common/sprite-common.png');
  background-repeat: no-repeat;
}
#bb-lab-logo a {
  background-position: 0 -365px;
}
#bb-bsc-logo a {
  background-position: 0 -424px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #brand-logos h2 a {
    background-image: url('../img/common/sprite-common@2x.png');
    background-size: 500px 500px;
  }
}
#brand-extras {
  float: right;
}
#brand-extras > div {
  margin-top: 13px;
  margin-left: 10px;
}
#brand-extras > div > a {
  padding: 2px 8px!important;
  background-color: #3D3D3D;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  font-size: 13px;
  display: block;
}
#brand-extras > div > a:hover {
  background-color: #546dbf;
}
#brand-extras > div > a.join {
  background-color: #d61919;
}
#brand-extras > div > a.join:hover {
  background-color: #bf1616;
}
#citsci-network {
  position: relative;
  z-index: 999999999;
}
#citsci-network:hover a {
  background-color: #546dbf;
}
#citsci-network ul {
  display: none;
  z-index: 999999;
  position: absolute;
  top: 23px;
  left: 0;
  background-color: #546dbf;
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
#citsci-network ul li {
  display: block;
}
#citsci-network ul li a {
  display: block;
  padding: 4px 10px;
  border-top: 1px solid #7689c7;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
}
#citsci-network ul li a:hover {
  background-color: #7689c7;
}
#citsci-network:hover ul {
  display: block;
}
#brand-bar #lang_sel,
#brand-bar #lang_sel:hover {
  position: relative;
  float: left;
}
#brand-bar #lang_sel li,
#brand-bar #lang_sel:hover li {
  border: 0;
  width: 119px;
  margin: 0;
  padding: 0;
}
#brand-bar #lang_sel li a,
#brand-bar #lang_sel:hover li a {
  padding: 5px 20px 5px 5px;
  color: #fff;
  background-color: #3D3D3D;
  border: 0;
  line-height: 15px;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#brand-bar #lang_sel li a:hover,
#brand-bar #lang_sel:hover li a:hover {
  background-color: #546dbf;
  color: #fff;
}
#brand-bar #lang_sel li ul,
#brand-bar #lang_sel:hover li ul {
  border: 0;
}
#brand-bar #lang_sel li ul li a,
#brand-bar #lang_sel:hover li ul li a {
  color: #fff;
  background-color: #546dbf;
  line-height: 20px;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#brand-bar #lang_sel li ul li a:hover,
#brand-bar #lang_sel:hover li ul li a:hover {
  color: #fff;
  background-color: #7689c7;
}
#brand-bar #lang_sel ul ul,
#brand-bar #lang_sel:hover ul ul {
  top: 23px!important;
}
/****** PROJECT BAR ******/
#project-bar {
  height: 95px;
  overflow: visible;
  /*
	background-image: linear-gradient(bottom, rgb(88,108,179) 0%, rgb(112,132,196) 100%);
	background-image: -o-linear-gradient(bottom, rgb(88,108,179) 0%, rgb(112,132,196) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(88,108,179) 0%, rgb(112,132,196) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(88,108,179) 0%, rgb(112,132,196) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(88,108,179) 0%, rgb(112,132,196) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(88,108,179)),
		color-stop(1, rgb(112,132,196))
	);
*/

  /*
	background-image: linear-gradient(bottom, rgb(64,125,195) 0%, rgb(54,113,185) 100%);
	background-image: -o-linear-gradient(bottom, rgb(64,125,195) 0%, rgb(54,113,185) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(64,125,195) 0%, rgb(54,113,185) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(64,125,195) 0%, rgb(54,113,185) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(64,125,195) 0%, rgb(54,113,185) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(64,125,195)),
		color-stop(1, rgb(54,113,185))
	);
*/

  background-color: #0072ab;
}
.short-header #project-bar {
  height: 59px;
  overflow: visible;
}
.short-header #project-bar #project-logo {
  margin-top: 9px;
}
/*
.short-header {
	li.has-drop .nav-drop {
		left:auto;
		right: 0;
	}
}
*/
header.short-header {
  overflow: visible;
}
#project-logo {
  float: left;
  display: block;
  width: 305px;
  height: 36px;
  margin: 12px 0 10px 0;
}
#project-logo a {
  display: block;
  width: 305px;
  height: 36px;
  background: url('../img/common/sprite-common.png') no-repeat 0 -312px;
  text-indent: -99999px;
}
header #logo a {
  text-indent: -9999px;
  display: block;
  width: 330px;
  height: 38px;
  background: url('../img/common/sprite-common.png') no-repeat 0 -312px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #project-logo a {
    background-image: url('../img/common/sprite-common@2x.png');
    background-size: 500px 500px;
  }
}
#utility-nav {
  float: right;
  padding-top: 10px;
}
#utility-nav ul {
  list-style-type: none;
  float: right;
  margin-bottom: 18px;
}
#utility-nav ul li {
  float: left;
  margin-left: 20px;
}
#utility-nav ul li a {
  display: block;
  padding: 4px 10px;
  color: #fff;
  font-size: 11px;
  text-decoration: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #006192;
}
#utility-nav ul li a:hover {
  background-color: #005078;
}
#utility-nav ul li.plain-text {
  margin-left: 10px;
}
#utility-nav ul li.plain-text a {
  background-color: transparent;
}
#utility-nav ul li.plain-text a:hover {
  background-color: #005078;
}
#header-search {
  position: relative;
  z-index: 99999;
  right: -5px;
  float: right;
  clear: right;
}
#header-search #s {
  display: inline-block;
  *display: inline;
  height: 30px;
  width: 203px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  margin-right: 0;
  padding: 0 10px;
  color: #444;
  *overflow: hidden;
  *padding: 0;
  border: 0;
}
#header-search #searchsubmit {
  padding: 0;
  display: inline-block;
  *display: inline;
  position: relative;
  width: 33px;
  height: 30px;
  vertical-align: middle;
  margin-left: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border: 0;
  left: -4px;
  background-color: #006192;
}
#header-search #searchsubmit img {
  padding-top: 3px;
}
/***** MAIN NAV ********/
#main-nav {
  float: left;
  clear: left;
}
#main-nav > ul > li {
  float: left;
  position: relative;
  margin-right: 5px;
}
#main-nav > ul > li > a {
  padding: 4px 8px;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
#main-nav > ul > li > a.current,
#main-nav > ul > li > a:hover {
  background-color: #006192;
}
.short-header #main-nav {
  float: right;
  clear: none;
  margin-top: 1em;
}
.lt-ie8 #main-nav,
.ie7 #main-nav {
  width: 550px;
}
/********* DROPDOWN MENUS ****************/
li.has-drop {
  position: relative;
}
li.has-drop .nav-drop {
  position: absolute;
  left: 0;
  top: 30px;
  display: none;
}
li.has-drop:hover,
li.has-drop.open {
  background-color: #006192;
  padding-bottom: 12px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
li.has-drop:hover .nav-drop,
li.has-drop.open .nav-drop {
  display: block;
  border: 1px solid #c5d3e4;
  z-index: 9999999999999;
  background: url('../img/common/snow.png') repeat 0 0;
}
li.has-drop:hover .nav-drop li,
li.has-drop.open .nav-drop li {
  margin: 0;
  padding: .5em;
  width: 267px;
  float: none;
}
li.has-drop:hover .nav-drop li:after,
li.has-drop.open .nav-drop li:after {
  display: none;
}
li.has-drop:hover .nav-drop ul.drop-features,
li.has-drop.open .nav-drop ul.drop-features,
li.has-drop:hover .nav-drop ul.drop-list,
li.has-drop.open .nav-drop ul.drop-list {
  float: left;
}
li.has-drop:hover .nav-drop ul.drop-features li,
li.has-drop.open .nav-drop ul.drop-features li {
  min-height: 80px;
  display: block;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
li.has-drop:hover .nav-drop ul.drop-features li:last-child,
li.has-drop.open .nav-drop ul.drop-features li:last-child {
  border-bottom: 0;
}
li.has-drop:hover .nav-drop ul.drop-list,
li.has-drop.open .nav-drop ul.drop-list {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
li.has-drop:hover .nav-drop ul.drop-list li a,
li.has-drop.open .nav-drop ul.drop-list li a {
  padding: 0;
}
li.has-drop:hover .nav-drop li a,
li.has-drop.open .nav-drop li a {
  line-height: normal;
  background-color: transparent;
  color: #0072ab;
  display: block;
  text-transform: none;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
  border: 0;
}
li.has-drop:hover .nav-drop li a:hover,
li.has-drop.open .nav-drop li a:hover {
  color: #053b9e;
}
li.has-drop:hover .nav-drop p,
li.has-drop.open .nav-drop p {
  font-size: 12px;
  line-height: 1.4;
  color: #9e9e9e;
}
li.has-drop:hover .nav-drop .drop-secondary-link,
li.has-drop.open .nav-drop .drop-secondary-link {
  margin-top: -8px;
}
li.has-drop:hover .nav-drop .drop-secondary-link a,
li.has-drop.open .nav-drop .drop-secondary-link a {
  font-size: 14px;
}
li.has-drop:hover .nav-drop li:hover p,
li.has-drop.open .nav-drop li:hover p {
  color: #646464;
}
li.has-drop:hover .nav-drop h2,
li.has-drop.open .nav-drop h2 {
  margin: 0 0 .2em 0;
}
li.has-drop #drop-learn {
  width: 805px;
}
li.has-drop #drop-learn ul.drop-features {
  min-height: 340px;
}
li.has-drop #drop-learn ul.second-child li {
  min-height: 111px;
}
li.has-drop #drop-learn #drop-tricky {
  float: left;
  width: 267px;
  padding: .5em;
}
li.has-drop #drop-learn #drop-tricky ul.drop-list {
  border-top: 0;
}
li.has-drop #drop-learn #drop-tricky h2 a {
  font-size: 16px;
  font-weight: 400;
  color: #0072ab;
  background-color: transparent;
  text-transform: none;
  line-height: normal;
  padding: 0;
  border: 0;
}
li.has-drop #drop-learn #drop-tricky h2 a:hover {
  color: #053b9e;
}
li.has-drop #drop-learn #drop-tricky li {
  width: auto;
  padding: 0;
  margin: .5em 0 1em;
}
li.has-drop #drop-learn #drop-tricky li a {
  font-weight: 400;
  font-size: 13px;
}
li.has-drop #drop-about {
  width: 537px;
}
li.has-drop #drop-community {
  width: 805px;
}
li.has-drop .drop-thumb {
  display: none;
  width: 64px;
  height: 64px;
  float: left;
}
li.has-drop .drop-text {
  margin-left: 4px;
}
li.has-drop #drop-explore {
  width: 805px;
}
li.has-drop #drop-explore #drop-featured-data,
li.has-drop #drop-explore #drop-rare-gallery {
  width: 267px;
  float: left;
}
li.has-drop #drop-explore #drop-featured-data h2,
li.has-drop #drop-explore #drop-rare-gallery h2 {
  font-size: 16px;
  font-weight: 400;
}
li.has-drop #drop-explore #drop-explore-last {
  float: left;
}
li.has-drop #drop-explore #drop-explore-last #drop-rare-gallery,
li.has-drop #drop-explore #drop-explore-last ul.drop-list {
  float: none;
}
li.has-drop #drop-explore #drop-featured-data {
  padding: .5em;
  border-right: 1px solid #c5d3e4;
  min-height: 285px;
}
li.has-drop #drop-explore #drop-featured-data a {
  background-color: transparent;
  text-transform: none;
  color: #0072ab;
  padding: 0;
  font-weight: 400;
  line-height: normal;
  border: 0;
}
li.has-drop #drop-explore #drop-featured-data a:hover {
  color: #053b9e;
}
li.has-drop #drop-explore #drop-rare-gallery {
  padding: .5em;
  border-bottom: 1px solid #c5d3e4;
  background-color: #d8d8f9;
}
li.has-drop #drop-explore #drop-rare-gallery a {
  background-color: transparent;
  text-transform: none;
  color: #0072ab;
  padding: 0;
  font-weight: 400;
  line-height: normal;
  border: 0;
}
li.has-drop #drop-explore #drop-rare-gallery a:hover {
  color: #053b9e;
}
li.has-drop #drop-explore #drop-rare-gallery img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 150px;
  border: 4px solid #fff;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  margin-bottom: 10px;
}
li.has-drop li#nav-birdspotter a#bs {
  padding-top: 143px;
  background: url('../img/common/nav-birdspotter2.jpg') no-repeat 0 0;
}
.lt-ie8 header,
.ie7 header,
.lt-ie8 #project-bar,
.ie7 #project-bar,
.lt-ie8 #main-nav,
.ie7 #main-nav,
.lt-ie8 #main-nav ul,
.ie7 #main-nav ul,
.lt-ie8 .nav-drop,
.ie7 .nav-drop {
  z-index: 999999999;
  position: relative;
  zoom: 1;
}
.lt-ie8 .drop-list,
.ie7 .drop-list,
.lt-ie8 .drop-features,
.ie7 .drop-features {
  width: 250px!important;
}
.lt-ie8 .drop-list li,
.ie7 .drop-list li,
.lt-ie8 .drop-features li,
.ie7 .drop-features li {
  width: 225px!important;
}
.expanded-link {
  background-color: #0072ab;
  color: #ffffff;
}
.expanded-link:hover {
  background-color: #053b9e;
  text-decoration: none;
}
.dropdown-cue {
  position: relative;
}
.dropdown-cue .caret {
  position: relative;
  top: 6px;
  left: 0;
}
#mobile-more,
#mobile-search {
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 1150px) {
  #header-search-wrapper #s {
    width: auto;
  }
}
@media screen and (max-width: 1080px) {
  .fr #mobile-more {
    display: block;
    height: 50px;
    width: 50px;
    background: url('../img/common/sprite-common.png') no-repeat -457px -459px;
    position: absolute;
    top: 58px;
    right: 10px;
    z-index: 9999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .fr .short-header #main-nav {
    display: none;
    position: absolute;
    top: 98px;
    background-color: #0072ab;
    width: 100%;
    left: 0px;
    height: 50px;
    z-index: 99999999;
  }
  .fr .short-header #main-nav > ul > li {
    width: 100%;
    background-color: #0072ab;
    padding-bottom: 4px!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    border-top: 1px solid #006192;
  }
  .fr .short-header #main-nav > ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    display: block;
    width: 100%;
  }
  .fr .short-header li.has-drop .nav-drop {
    position: relative;
    top: 0;
    left: 0;
  }
  .fr .short-header header.standard-header #drop-community,
  .fr .short-header header.standard-header #drop-explore,
  .fr .short-header header.standard-header #drop-learn,
  .fr .short-header header.standard-header #drop-explore #drop-rare-gallery,
  .fr .short-header header.standard-header #drop-explore-last,
  .fr .short-header header.standard-header #drop-about,
  .fr .short-header header.standard-header #drop-data,
  .fr .short-header header.standard-header #drop-tricky {
    top: 0;
  }
  .fr .short-header li.has-drop #drop-learn #drop-tricky {
    float: none;
    padding: 0;
  }
  .fr .short-header li.has-drop #drop-learn #drop-tricky h2,
  .fr .short-header li.has-drop #drop-learn #drop-tricky li {
    background-color: #fff;
    padding: 10px;
    margin: 0;
  }
  .fr header.short-header li.has-drop {
    position: static!important;
  }
  .fr header.short-header .nav-drop {
    width: 100%;
    left: 0!important;
  }
  .fr header.short-header #drop-community,
  .fr header.short-header #drop-explore,
  .fr header.short-header #drop-learn,
  .fr header.short-header #drop-explore #drop-rare-gallery,
  .fr header.short-header #drop-explore-last,
  .fr header.short-header #drop-about,
  .fr header.short-header #drop-data,
  .fr header.short-header #drop-tricky {
    width: 100%!important;
    top: 2px;
    z-index: 99999;
    background: #fff;
  }
  .fr header.short-header #drop-community ul.drop-features,
  .fr header.short-header #drop-explore ul.drop-features,
  .fr header.short-header #drop-learn ul.drop-features,
  .fr header.short-header #drop-explore #drop-rare-gallery ul.drop-features,
  .fr header.short-header #drop-explore-last ul.drop-features,
  .fr header.short-header #drop-about ul.drop-features,
  .fr header.short-header #drop-data ul.drop-features,
  .fr header.short-header #drop-tricky ul.drop-features,
  .fr header.short-header #drop-community ul.drop-list,
  .fr header.short-header #drop-explore ul.drop-list,
  .fr header.short-header #drop-learn ul.drop-list,
  .fr header.short-header #drop-explore #drop-rare-gallery ul.drop-list,
  .fr header.short-header #drop-explore-last ul.drop-list,
  .fr header.short-header #drop-about ul.drop-list,
  .fr header.short-header #drop-data ul.drop-list,
  .fr header.short-header #drop-tricky ul.drop-list {
    width: 100%!important;
    height: auto!important;
    min-height: 1px!important;
    background-color: #fff;
  }
  .fr header.short-header #drop-community ul.drop-features li,
  .fr header.short-header #drop-explore ul.drop-features li,
  .fr header.short-header #drop-learn ul.drop-features li,
  .fr header.short-header #drop-explore #drop-rare-gallery ul.drop-features li,
  .fr header.short-header #drop-explore-last ul.drop-features li,
  .fr header.short-header #drop-about ul.drop-features li,
  .fr header.short-header #drop-data ul.drop-features li,
  .fr header.short-header #drop-tricky ul.drop-features li,
  .fr header.short-header #drop-community ul.drop-list li,
  .fr header.short-header #drop-explore ul.drop-list li,
  .fr header.short-header #drop-learn ul.drop-list li,
  .fr header.short-header #drop-explore #drop-rare-gallery ul.drop-list li,
  .fr header.short-header #drop-explore-last ul.drop-list li,
  .fr header.short-header #drop-about ul.drop-list li,
  .fr header.short-header #drop-data ul.drop-list li,
  .fr header.short-header #drop-tricky ul.drop-list li {
    width: 100%;
    height: auto!important;
    border-bottom: 1px solid #c5d3e4;
    min-height: 1px!important;
  }
  .fr header.short-header #drop-community ul.drop-features li,
  .fr header.short-header #drop-explore ul.drop-features li,
  .fr header.short-header #drop-learn ul.drop-features li,
  .fr header.short-header #drop-explore #drop-rare-gallery ul.drop-features li,
  .fr header.short-header #drop-explore-last ul.drop-features li,
  .fr header.short-header #drop-about ul.drop-features li,
  .fr header.short-header #drop-data ul.drop-features li,
  .fr header.short-header #drop-tricky ul.drop-features li {
    min-height: 80px!important;
  }
}
@media screen and (max-width: 999px) {
  #brand-bar .citsci-wrap.padded-sides,
  #project-bar .citsci-wrap.padded-sides {
    padding-left: 2em!important;
    padding-right: 2em!important;
  }
}
@media screen and (max-width: 740px) {
  #brand-bar .citsci-wrap.padded-sides,
  #project-bar .citsci-wrap.padded-sides {
    padding-left: 1em!important;
    padding-right: 1em!important;
  }
}
@media screen and (max-width: 908px) {
  header.standard-header .header-level-2 #header-pfw {
    margin-left: 10px;
  }
  #mobile-search {
    display: block;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 9999;
    margin-top: 27px;
    margin-left: 30px;
  }
  #header-projects,
  #header-visual-2 {
    display: none;
  }
}
@media screen and (max-width: 870px) {
  #citsci-network {
    display: none;
  }
  #header-search #s {
    width: 203px;
  }
}
@media screen and (max-width: 859px) {
  #mobile-more {
    display: block;
    height: 50px;
    width: 50px;
    background: url('../img/common/sprite-common.png') no-repeat -457px -459px;
    position: absolute;
    top: 58px;
    right: 10px;
    z-index: 9999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  .short-header #main-nav {
    display: none;
    position: absolute;
    top: 98px;
    background-color: #0072ab;
    width: 100%;
    left: 0px;
    height: 50px;
    z-index: 99999999;
  }
  .short-header #main-nav > ul > li {
    width: 100%;
    background-color: #0072ab;
    padding-bottom: 4px!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    border-top: 1px solid #006192;
  }
  .short-header #main-nav > ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    display: block;
    width: 100%;
  }
  .short-header li.has-drop .nav-drop {
    position: relative;
    top: 0;
    left: 0;
  }
  .short-header header.standard-header #drop-community,
  .short-header header.standard-header #drop-explore,
  .short-header header.standard-header #drop-learn,
  .short-header header.standard-header #drop-explore #drop-rare-gallery,
  .short-header header.standard-header #drop-explore-last,
  .short-header header.standard-header #drop-about,
  .short-header header.standard-header #drop-data,
  .short-header header.standard-header #drop-tricky {
    top: 0;
  }
  .short-header li.has-drop #drop-learn #drop-tricky {
    float: none;
    padding: 0;
  }
  .short-header li.has-drop #drop-learn #drop-tricky h2,
  .short-header li.has-drop #drop-learn #drop-tricky li {
    background-color: #fff;
    padding: 10px;
    margin: 0;
  }
  header.short-header li.has-drop {
    position: static!important;
  }
  header.short-header .nav-drop {
    width: 100%;
    left: 0!important;
  }
  header.short-header #drop-community,
  header.short-header #drop-explore,
  header.short-header #drop-learn,
  header.short-header #drop-explore #drop-rare-gallery,
  header.short-header #drop-explore-last,
  header.short-header #drop-about,
  header.short-header #drop-data,
  header.short-header #drop-tricky {
    width: 100%!important;
    top: 2px;
    z-index: 99999;
    background: #fff;
  }
  header.short-header #drop-community ul.drop-features,
  header.short-header #drop-explore ul.drop-features,
  header.short-header #drop-learn ul.drop-features,
  header.short-header #drop-explore #drop-rare-gallery ul.drop-features,
  header.short-header #drop-explore-last ul.drop-features,
  header.short-header #drop-about ul.drop-features,
  header.short-header #drop-data ul.drop-features,
  header.short-header #drop-tricky ul.drop-features,
  header.short-header #drop-community ul.drop-list,
  header.short-header #drop-explore ul.drop-list,
  header.short-header #drop-learn ul.drop-list,
  header.short-header #drop-explore #drop-rare-gallery ul.drop-list,
  header.short-header #drop-explore-last ul.drop-list,
  header.short-header #drop-about ul.drop-list,
  header.short-header #drop-data ul.drop-list,
  header.short-header #drop-tricky ul.drop-list {
    width: 100%!important;
    height: auto!important;
    min-height: 1px!important;
    background-color: #fff;
  }
  header.short-header #drop-community ul.drop-features li,
  header.short-header #drop-explore ul.drop-features li,
  header.short-header #drop-learn ul.drop-features li,
  header.short-header #drop-explore #drop-rare-gallery ul.drop-features li,
  header.short-header #drop-explore-last ul.drop-features li,
  header.short-header #drop-about ul.drop-features li,
  header.short-header #drop-data ul.drop-features li,
  header.short-header #drop-tricky ul.drop-features li,
  header.short-header #drop-community ul.drop-list li,
  header.short-header #drop-explore ul.drop-list li,
  header.short-header #drop-learn ul.drop-list li,
  header.short-header #drop-explore #drop-rare-gallery ul.drop-list li,
  header.short-header #drop-explore-last ul.drop-list li,
  header.short-header #drop-about ul.drop-list li,
  header.short-header #drop-data ul.drop-list li,
  header.short-header #drop-tricky ul.drop-list li {
    width: 100%;
    height: auto!important;
    border-bottom: 1px solid #c5d3e4;
    min-height: 1px!important;
  }
  header.short-header #drop-community ul.drop-features li,
  header.short-header #drop-explore ul.drop-features li,
  header.short-header #drop-learn ul.drop-features li,
  header.short-header #drop-explore #drop-rare-gallery ul.drop-features li,
  header.short-header #drop-explore-last ul.drop-features li,
  header.short-header #drop-about ul.drop-features li,
  header.short-header #drop-data ul.drop-features li,
  header.short-header #drop-tricky ul.drop-features li {
    min-height: 80px!important;
  }
}
@media screen and (max-width: 815px) {
  #header-search #s {
    width: 160px;
  }
}
@media screen and (max-width: 800px) {
  #u-donate {
    display: none;
  }
  #header-search #s {
    width: 160px;
  }
  header.standard-header li.has-drop {
    position: static!important;
  }
  header.standard-header .nav-drop {
    width: 100%;
    left: 0!important;
  }
  header.standard-header #drop-community,
  header.standard-header #drop-explore,
  header.standard-header #drop-learn,
  header.standard-header #drop-explore #drop-rare-gallery,
  header.standard-header #drop-explore-last,
  header.standard-header #drop-about,
  header.standard-header #drop-data,
  header.standard-header #drop-tricky {
    width: 100%!important;
    top: 148px;
    z-index: 99999999999;
    background: #fff;
  }
  header.standard-header #drop-community ul.drop-features,
  header.standard-header #drop-explore ul.drop-features,
  header.standard-header #drop-learn ul.drop-features,
  header.standard-header #drop-explore #drop-rare-gallery ul.drop-features,
  header.standard-header #drop-explore-last ul.drop-features,
  header.standard-header #drop-about ul.drop-features,
  header.standard-header #drop-data ul.drop-features,
  header.standard-header #drop-tricky ul.drop-features,
  header.standard-header #drop-community ul.drop-list,
  header.standard-header #drop-explore ul.drop-list,
  header.standard-header #drop-learn ul.drop-list,
  header.standard-header #drop-explore #drop-rare-gallery ul.drop-list,
  header.standard-header #drop-explore-last ul.drop-list,
  header.standard-header #drop-about ul.drop-list,
  header.standard-header #drop-data ul.drop-list,
  header.standard-header #drop-tricky ul.drop-list {
    width: 100%!important;
    height: auto!important;
    min-height: 1px!important;
    background-color: #fff;
  }
  header.standard-header #drop-community ul.drop-features li,
  header.standard-header #drop-explore ul.drop-features li,
  header.standard-header #drop-learn ul.drop-features li,
  header.standard-header #drop-explore #drop-rare-gallery ul.drop-features li,
  header.standard-header #drop-explore-last ul.drop-features li,
  header.standard-header #drop-about ul.drop-features li,
  header.standard-header #drop-data ul.drop-features li,
  header.standard-header #drop-tricky ul.drop-features li,
  header.standard-header #drop-community ul.drop-list li,
  header.standard-header #drop-explore ul.drop-list li,
  header.standard-header #drop-learn ul.drop-list li,
  header.standard-header #drop-explore #drop-rare-gallery ul.drop-list li,
  header.standard-header #drop-explore-last ul.drop-list li,
  header.standard-header #drop-about ul.drop-list li,
  header.standard-header #drop-data ul.drop-list li,
  header.standard-header #drop-tricky ul.drop-list li {
    width: 100%;
    height: auto!important;
    border-bottom: 1px solid #c5d3e4;
    min-height: 1px!important;
  }
  header.standard-header #drop-community ul.drop-features li,
  header.standard-header #drop-explore ul.drop-features li,
  header.standard-header #drop-learn ul.drop-features li,
  header.standard-header #drop-explore #drop-rare-gallery ul.drop-features li,
  header.standard-header #drop-explore-last ul.drop-features li,
  header.standard-header #drop-about ul.drop-features li,
  header.standard-header #drop-data ul.drop-features li,
  header.standard-header #drop-tricky ul.drop-features li {
    min-height: 80px!important;
  }
}
@media screen and (max-width: 780px) {
  .fr #brand-bar #lang_sel li,
  .fr #brand-bar #lang_sel:hover li {
    width: 68px!important;
  }
  .fr #brand-logos h2 a {
    width: 115px;
  }
  .fr #bb-lab-logo a {
    background-position: -224px -362px;
  }
  .fr #bb-bsc-logo a {
    background-position: -230px -427px;
  }
  .fr .join span {
    display: none;
  }
}
@media screen and (max-width: 745px) {
  .citsci-wrap.padded-sides {
    padding-left: 10px;
    padding-right: 10px;
  }
  #project-bar {
    height: 65px;
  }
  #mobile-more {
    display: block;
    height: 50px;
    width: 50px;
    background: url('../img/common/sprite-common.png') no-repeat -457px -459px;
    position: absolute;
    top: 58px;
    right: 10px;
    z-index: 9999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
  }
  #utility-nav {
    display: none;
    position: absolute;
    top: 118px;
    background-color: #0072ab;
    width: 100%;
    left: 0px;
    height: 50px;
    z-index: 99999999;
  }
  #utility-nav ul {
    display: none;
  }
  #utility-nav #header-search {
    float: right;
    margin-right: 10px;
  }
  #main-nav {
    display: none;
    position: absolute;
    top: 168px;
    background-color: #0072ab;
    width: 100%;
    left: 0px;
    height: 50px;
    z-index: 99999999;
  }
  #main-nav > ul > li {
    width: 100%;
    background-color: #0072ab;
    padding-bottom: 4px!important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    display: block;
    border-top: 1px solid #006192;
  }
  #main-nav > ul > li > a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    font-size: 18px;
    display: block;
    width: 100%;
  }
  li.has-drop .nav-drop {
    position: relative;
    top: 0;
    left: 0;
  }
  header.standard-header #drop-community,
  header.standard-header #drop-explore,
  header.standard-header #drop-learn,
  header.standard-header #drop-explore #drop-rare-gallery,
  header.standard-header #drop-explore-last,
  header.standard-header #drop-about,
  header.standard-header #drop-data,
  header.standard-header #drop-tricky {
    top: 0;
  }
  li.has-drop #drop-learn #drop-tricky {
    float: none;
    padding: 0;
  }
  li.has-drop #drop-learn #drop-tricky h2,
  li.has-drop #drop-learn #drop-tricky li {
    background-color: #fff;
    padding: 10px;
    margin: 0;
  }
}
@media screen and (max-width: 650px) {
  #brand-bar #lang_sel li,
  #brand-bar #lang_sel:hover li {
    width: 68px!important;
  }
}
@media screen and (max-width: 599px) {
  #mobile-more {
    height: 44px;
    width: 45px;
    background: #0072ab url('../img/common/sprite-common.png') no-repeat -409px 8px;
  }
  header.standard-header .header-level-1,
  header.standard-header #header-visual-1 {
    height: 44px;
  }
  header.standard-header .header-level-1 #logo {
    margin: 0;
    margin-top: 7px;
  }
  #mobile-search {
    display: none;
  }
  .mobile-hide {
    display: none;
  }
  header.standard-header .header-level-2 {
    top: 0;
  }
  #brand-logos h2 a {
    width: 115px;
  }
  #bb-lab-logo a {
    background-position: -224px -362px;
  }
  #bb-bsc-logo a {
    background-position: -230px -427px;
  }
}
@media screen and (max-width: 478px) {
  /*
  .page-wrapper {
  		padding-top: 2em;
  	}
  */
  .sticky-template .page-wrapper,
  .more-articles .page-wrapper,
  .section-landing .page-wrapper {
    padding-top: 0;
  }
  #project-bar {
    height: 56px;
  }
  #project-logo,
  #project-logo a {
    width: 205px;
  }
  #project-logo a {
    background-position: 0 3px;
  }
  .join {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .join span {
    display: none;
  }
  #brand-bar #lang_sel,
  #brand-bar #lang_sel:hover {
    position: absolute;
    float: none;
    top: 129px;
    right: 10px;
    z-index: 99999999;
  }
  #brand-extras > div {
    margin: 0!important;
  }
  #utility-nav {
    top: 109px;
  }
  #main-nav {
    top: 159px;
  }
}
#top-news-alert {
  background-color: #f7f4c0;
  border: 1px solid #e7ca64;
  font-weight: 700;
  text-align: center;
}
#top-news-alert p {
  margin-bottom: 0;
  font-weight: 700;
  display: inline-block;
}
#top-news-alert .close {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  background-color: #ccc;
  width: 16px;
  display: inline-block;
  line-height: 15px;
  margin-left: 10px;
  cursor: pointer;
}
#top-news-alert .close:hover {
  background-color: #333;
  color: #fff;
}
/********** STANDARD ARTICLE PATTERNS ***********/
/*
a {
		letter-spacing: .1em;
	}
*/
.page-wrapper {
  clear: both;
}
.full-width-article-wrap {
  padding-bottom: 2em;
  padding-top: 1em;
  clear: both;
}
@media screen and (max-width: 999px) {
  .full-width-article-wrap .padded-sides {
    padding-left: 1em!important;
    padding-right: 1em!important;
  }
}
@media screen and (max-width: 740px) {
  .full-width-article-wrap .padded-sides {
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
}
.citsci-wrap {
  max-width: 1170px;
}
article {
  position: relative;
}
article p,
article li,
article p a,
article li a {
  font-family: Georgia,serif;
}
article h1 {
  font-size: 2.4em;
  color: #0072ab;
  font-weight: normal;
  margin-bottom: .2em;
  font-weight: 300;
}
article h2 {
  font-size: 1.8em;
  color: #fff;
  padding: 0 .2em;
  font-weight: 700;
  margin-bottom: .4em;
  text-transform: uppercase;
  letter-spacing: .05em;
  letter-spacing: .2em;
  color: #053b9e;
  font-weight: 300;
  border-top: 1px solid #c5d3e4;
  border-bottom: 1px solid #c5d3e4;
  padding: 1em 0;
  text-shadow: 1px 1px 0 #fff;
  position: relative;
}
article h3 {
  font-size: 1.2em;
  line-height: 1.4;
  color: #546dbf;
  font-weight: normal;
  margin-bottom: 1em;
  max-width: 800px;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 1px 1px 0 #fff;
}
article h2 + h3 {
  margin-top: 2em;
}
article p {
  font-size: 15px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: .05em;
  max-width: 800px;
  margin-bottom: 2em;
  font-family: georgia,serif;
}
article p + h2,
article p + h3,
article ul + h2,
article ul + h3 {
  margin-top: 4em;
}
article ul,
article ol {
  margin: 0 0 2em 1em;
  max-width: 800px;
}
article li {
  margin-bottom: .5em;
  letter-spacing: .05em;
  font-family: georgia,serif;
}
article figure {
  /*
border: 4px solid #fff;
		.shadow();
*/

  margin-bottom: 1em;
}
article figure.right {
  float: right;
  margin-left: 1em;
}
article figure.left {
  float: left;
  margin-right: 1em;
}
article figure figcaption {
  font-size: 11px;
}
article figure img {
  max-width: 100%;
  display: block;
}
article .callout {
  /* background-color: #C5DADD; */

  background-color: #ccdff1;
  border: 1px solid #B2CACE;
  padding: 1em;
  *zoom: 1;
}
article .callout h3 {
  font-family: 'Pacifico', sans-serif;
  letter-spacing: 1px;
  margin: 0;
  margin-bottom: 1em;
  text-transform: none!important;
  text-shadow: none;
  font-size: 1.4em;
  font-weight: normal;
}
article .callout p {
  font-size: .9em;
  font-family: 'Lato', sans-serif;
}
article .callout:after,
article .callout:before {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
article .callout:after {
  clear: both;
}
article .flexslider-wrapper.flexslider-carousel {
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  background: url('../img/common/wood-texture.jpg') repeat 0 0;
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 2em;
}
article .flexslider-carousel .flexslider-container {
  display: block;
  width: 100%;
  background: url('../img//home/home-carousel-seeds.png') repeat-x 30px 0;
  padding: 33px 80px 0;
}
article .flexslider-carousel {
  position: relative;
}
article .flexslider-carousel .carousel-img {
  border: 6px solid #fff;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  display: block;
}
article .flexslider-carousel .carousel-header {
  display: block;
  font-weight: bold;
  margin-top: .3em;
  font-size: 1.2em;
}
article .flexslider-carousel .carousel-text {
  font-size: .9em;
  font-family: 'Lato', sans-serif;
}
article .flexslider-carousel .previous {
  display: block;
  width: 46px;
  height: 79px;
  background: url('../img//home/home-data-sprite.png') no-repeat -29px -75px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  left: 0;
  z-index: 999;
}
article .flexslider-carousel .next {
  display: block;
  width: 46px;
  height: 79px;
  background: url('../img//home/home-data-sprite.png') no-repeat -85px -75px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  right: 0;
  z-index: 999;
}
article .flexslider-carousel .slides > li {
  margin-bottom: 20px;
  text-align: center;
  width: 255px;
  margin-left: 30px;
  margin-right: 30px;
  float: left;
  display: block;
}
article .flexslider-carousel .slides > li a {
  text-decoration: none;
}
article .flexslider-carousel .slides > li .carousel-inner {
  max-width: 255px;
  min-height: 200px;
}
article .flexslider-carousel .slides > li .carousel-img img {
  max-width: 100%;
  display: block;
}
article .flexslider-carousel .slides > li p {
  font-family: 'Lato', sans-serif;
}
article .flexslider-carousel .flex-control-nav {
  bottom: -30px;
}
.image-caption {
  font-size: 12px;
  color: #464646;
  text-align: center;
}
@media screen and (max-width: 1179px) {
  .flexslider-carousel .slides > li {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1024px) {
  .flexslider-carousel .slides > li {
    margin-left: 2px;
  }
}
@media screen and (max-width: 700px) {
  .flexslider-carousel .slides > li {
    margin: 0;
    width: 100%;
  }
  .flexslider-carousel .slides > li .carousel-inner {
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  article figure {
    max-width: 100%;
  }
  article figure.right,
  article figure.left {
    float: none;
    margin: 0 0 1em 0;
  }
}
.addthis_toolbox a {
  margin-right: 10px;
}
.sidebar {
  padding-top: 1em;
}
.sidebar h2 {
  font-size: 1.4em;
  background-color: #0072ab;
  color: #fff;
  padding: 0 .2em;
  font-weight: 700;
  margin-bottom: .4em;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 300;
}
.sticky-template article h2 {
  padding: 1em 0 1em 78px;
}
.sticky-template article h2:before {
  content: '';
  display: block;
  width: 62px;
  height: 62px;
  background: url('../img/common/article-icons.png') no-repeat 0 0;
  position: absolute;
  top: 11px;
  left: 0;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.sticky-template .totop {
  margin-top: 2em;
  margin-bottom: 2em;
}
.lt-ie8 .sticky-template article h2,
.ie7 .sticky-template article h2,
.lt-ie8 .faq article h2,
.ie7 .faq article h2 {
  padding-left: 0;
}
#what-is-feederwatch article h2:before {
  background-position: 0 -186px;
}
#about-the-data article h2:before {
  background-position: 0 -62px;
}
#history-of-feederwatch article h2:before {
  background-position: 0 -124px;
}
#meet-the-staff article h2:before {
  background-position: 0 -248px;
}
#instructions article h2:before {
  background-position: 0 -310px;
}
#important-dates article h2:before {
  background-position: 0 -434px;
}
#your-research-kit article h2:before {
  background-position: -62px 0;
}
#why-is-there-a-fee article h2:before {
  background-position: -62px -62px;
}
#feeder-types-2 article h2:before {
  background-position: -62px -186px;
}
#food-types article h2:before {
  background-position: -62px -124px;
}
#safe-feeding-environment article h2:before {
  background-position: -186px 0;
}
#other-feeder-visitors article h2:before {
  background-position: -62px -248px;
}
#feeder-placement article h2:before {
  background-position: -62px -372px;
}
#reporting-unusual-birds article h2:before {
  background-position: -62px -310px;
}
#color-variants article h2:before {
  background-position: -62px -434px;
}
#deformed-bills article h2:before {
  background-position: -124px 0;
}
#bald-headed-birds article h2:before {
  background-position: -124px -62px;
}
#house-finch-eye-disease article h2:before {
  background-position: -124px -124px;
}
#avian-pox article h2:before {
  background-position: -124px -186px;
}
#salmonellosis article h2:before {
  background-position: -124px -434px;
}
#feederwatch-for-homeschool article h2:before {
  background-position: 0 -372px;
}
#feederwatch-for-groups article h2:before {
  background-position: -124px -310px;
}
#feederwatch-in-the-classroom article h2:before {
  background-position: -124px -248px;
}
#related-activities-learning article h2:before {
  background-position: -124px -372px;
}
#landscaping-for-birds article h2:before {
  background-position: -186px -62px;
}
@media screen and (max-width: 320px) {
  .sticky-template article h2 {
    padding: 80px 0 1em 0;
    text-align: center;
  }
  .sticky-template article h2:before {
    top: 10px;
    left: 50%;
    margin-left: -31px;
  }
}
/********** HERO IMAGES ********/
#hero {
  min-height: 400px;
  margin-bottom: 2em;
  border-bottom: 1px solid #c5d3e4;
  position: relative;
}
#hero h1 {
  font-size: 1.8em;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  *display: inline;
  letter-spacing: .1em;
}
#hero .primary-btn {
  position: absolute;
  top: 1em;
  right: 0;
}
#hero .byline {
  font-size: 11px;
  margin-bottom: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 2px 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.top-wrapper {
  background: url('../img/common/top-short-repeat.png') repeat-x left top;
}
.sticky-template #hero,
.featured-participants #hero {
  margin-bottom: 0;
}
.sticky-template .sticky-wrapper,
.featured-participants .sticky-wrapper {
  background: url('../img/common/icicles.png') repeat-x left top;
}
.sticky-template #sticky-nav,
.featured-participants #sticky-nav {
  /* background: @lightpurple url('@{folder}common/light-purple-texture.jpg') repeat 0 0; */

  background-color: #7689c7;
  border-bottom: 1px solid #3d55a3;
}
.sticky-template #sticky-nav.stuck,
.featured-participants #sticky-nav.stuck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999;
}
.sticky-template #sticky-nav li,
.featured-participants #sticky-nav li {
  float: left;
}
.sticky-template #sticky-nav a,
.featured-participants #sticky-nav a {
  display: block;
  width: 100%;
  line-height: 48px;
  padding: 0 1em;
  color: #fff;
}
.sticky-template #sticky-nav a:hover,
.featured-participants #sticky-nav a:hover,
.sticky-template #sticky-nav a.current,
.featured-participants #sticky-nav a.current {
  background-color: #053b9e;
}
@media screen and (max-width: 599px) {
  .sticky-wrapper,
  #sticky-nav {
    display: none;
  }
}
#hero .excerpt {
  background-color: rgba(0, 0, 0, 0.4);
  max-width: 55%;
  margin-top: 1em;
  display: block;
  padding: .5em;
}
#hero .excerpt h1 {
  display: none;
}
#hero .excerpt p {
  font-size: 22px;
  line-height: 48px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 300;
}
.section-landing #hero {
  margin-bottom: 0;
  border-bottom: 1px solid #7cacdb;
}
.section-landing .icicles {
  width: 100%;
  height: 60px;
}
.photospace_res .slideshow img {
  max-width: 100%;
  max-height: 400px;
}
@media screen and (max-width: 598px) {
  #hero {
    min-height: 200px;
  }
}
@media screen and (max-width: 479px) {
  article h1 {
    margin-top: 1.5em;
  }
  #hero h1 {
    max-width: 200px;
    margin-top: .6em;
  }
}
/****** STANDARD SIDEBAR ******/
#standard-sidebar {
  padding-right: 2em;
  margin-top: 1em;
}
#standard-sidebar ul,
#standard-sidebar .mailchimp-wrapper {
  border: 1px solid #CBE7F5;
  background-color: #f4f8fc;
  padding: 1em;
  *zoom: 1;
  margin-bottom: 1em;
  list-style-type: none;
}
#standard-sidebar h2 {
  margin-bottom: 0;
}
#standard-sidebar li {
  margin-bottom: 1em;
  font-size: .8em;
}
#standard-sidebar li:last-child {
  margin-bottom: 0;
}
#standard-sidebar li a {
  color: #1d1d1d;
  text-decoration: none;
}
#standard-sidebar li a:hover {
  color: #546dbf;
}
#standard-sidebar #clo-mailchimp h2 {
  display: none;
}
#standard-sidebar #clo-mailchimp label {
  font-size: 11px;
}
#standard-sidebar #clo-mailchimp input[type=checkbox] {
  position: relative;
  top: -4px;
  margin-right: 8px;
}
#standard-sidebar #clo-mailchimp button {
  background-color: #d61919 !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e83a3a), to(#d61919));
  background-image: -moz-linear-gradient(top, #e83a3a, #d61919);
  background-image: -ms-linear-gradient(top, #e83a3a, #d61919);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e83a3a), color-stop(100%, #d61919));
  background-image: -webkit-linear-gradient(top, #e83a3a, #d61919);
  background-image: -o-linear-gradient(top, #e83a3a, #d61919);
  background-image: linear-gradient(#e83a3a, #d61919);
  border-color: #e83a3a #e83a3a #d61919;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 1px 1px #7b0e0e;
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: .2em .5em;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 1em;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  font-weight: bold;
  margin-top: 1em;
}
#standard-sidebar #clo-mailchimp button:hover {
  background-color: #d61919 !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d61919), to(#bf1616));
  background-image: -moz-linear-gradient(top, #d61919, #bf1616);
  background-image: -ms-linear-gradient(top, #d61919, #bf1616);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d61919), color-stop(100%, #bf1616));
  background-image: -webkit-linear-gradient(top, #d61919, #bf1616);
  background-image: -o-linear-gradient(top, #d61919, #bf1616);
  background-image: linear-gradient(#d61919, #bf1616);
  color: #ffffff;
}
#standard-sidebar #clo-mailchimp button:hover {
  background-color: #d61919 !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#d61919), to(#bf1616));
  background-image: -moz-linear-gradient(top, #d61919, #bf1616);
  background-image: -ms-linear-gradient(top, #d61919, #bf1616);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d61919), color-stop(100%, #bf1616));
  background-image: -webkit-linear-gradient(top, #d61919, #bf1616);
  background-image: -o-linear-gradient(top, #d61919, #bf1616);
  background-image: linear-gradient(#d61919, #bf1616);
  color: #ffffff;
}
.ad-space img {
  max-width: 100%;
}
.lt-ie8 #standard-sidebar,
.ie7 #standard-sidebar {
  padding: 0!important;
  width: 21%;
}
@media screen and (max-width: 999px) {
  #standard-sidebar {
    padding-left: 2em;
    padding-right: 2em;
  }
}
/******* FAQs **********/
/******** SECTION LANDING **********/
.section-landing article h1 {
  margin-top: 0;
}
.section-landing-list {
  list-style-type: none;
  margin: 0;
}
.section-landing-list li {
  display: inline-block;
  vertical-align: top;
  width: 320px;
  margin: 0 3% 2em 0;
  width: 30%;
}
.section-landing-list li img {
  border: 1px solid #bbb;
  max-width: 100%;
}
.section-landing-list li a {
  text-decoration: none;
}
.section-landing-list li .title {
  text-decoration: none;
  font-size: 15px;
  word-spacing: 2px;
  line-height: 1.4;
  max-width: 70%;
}
.ie-lt8 .section-landing-list li,
.ie7 .section-landing-list li {
  float: left;
}
@media screen and (max-width: 1120px) {
  .section-landing-list li {
    width: 46%;
  }
  .more-articles .section-landing-list li {
    width: 30%;
  }
}
@media screen and (max-width: 900px) {
  .section-landing-list li {
    width: 46%!important;
  }
}
@media screen and (max-width: 640px) {
  .section-landing-list li .title {
    font-size: 12px;
  }
}
@media screen and (max-width: 320px) {
  .section-landing-list li {
    width: 100%!important;
    margin-right: 0;
  }
}
/********* FEEDING BIRDS PAGE **********/
#common-feeder-bird-page {
  height: 100%;
  min-height: 100%;
  background: url('../img//common/snow.png') repeat 0 0;
}
#common-feeder-bird-page header.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999999;
}
#common-feeder-bird-page #project-bar {
  background-color: #3A3A3A;
}
#common-feeder-bird-page .citsci-wrap {
  max-width: 99999px;
}
#common-feeder-bird-page .page-wrapper,
#common-feeder-bird-page comm-feeder-isotope {
  height: 100%;
}
#cfb-splash {
  position: fixed;
  top: 149px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3a787a;
  z-index: 999;
}
#cfb-splash #splash-wrapper {
  left: 50%;
  position: relative;
  width: 880px;
  margin-left: -440px;
  height: 100%;
}
#cfb-splash img {
  max-height: 100%;
  float: left;
}
#cfb-splash #splash-holder {
  display: block;
  width: 180px;
  height: 50px;
  position: relative;
  margin-top: 1em;
}
#cfb-splash #splash-loader {
  background: #214546 url('../img//features/common-feeder-birds/ajax-loader.gif') no-repeat 10px center;
  padding-left: 50px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  width: 185px;
  line-height: 34px;
  position: absolute;
  top: 0;
  left: 0;
}
#cfb-splash #splash-btn {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 6px;
}
#cfb-sp-content {
  max-width: 400px;
  float: left;
  margin-top: 100px;
}
#cfb-sp-content h1 {
  font-size: 36px;
}
#cfb-sp-content p {
  color: #fff;
}
#cfb-sp-content #cfb-byline {
  margin-top: 2em;
  font-size: 11px;
}
#cfb-sum-img {
  margin-bottom: 1em;
}
#cfb-sum-img img {
  max-width: 500px;
}
@media screen and (max-width: 880px) {
  #cfb-splash #splash-wrapper {
    left: 0;
    margin-left: 0;
    width: 100%;
  }
  #cfb-sp-content {
    max-width: 999999999px;
    float: none;
    padding-right: 20px;
  }
}
@media screen and (max-width: 740px) {
  #cfb-splash,
  #cfb-left {
    top: 119px!important;
  }
  #cfb-sp-content h1 {
    font-size: 24px;
  }
  #mobile-more {
    z-index: 9999999999;
  }
}
@media screen and (max-height: 700px) {
  #cfb-sp-content {
    margin-top: 1em;
  }
}
@media screen and (max-width: 568px) {
  #cfb-splash img {
    height: 230px;
  }
  #cfb-sp-content h1 {
    font-size: 21px;
    margin-bottom: .1em;
  }
  #branding-bar {
    display: none;
  }
  #mobile-more {
    top: 60px;
    right: 6px;
  }
  #cfb-splash,
  #cfb-left {
    top: 58px!important;
  }
}
@media screen and (max-height: 500px) {
  #cfb-splash {
    overflow: auto;
  }
}
.sticky-template #common-feeder-birds {
  height: 100%;
  overflow: hidden;
}
.sticky-template #common-feeder-birds h2.generated {
  display: none;
}
.sticky-template #common-feeder-birds #cfb-left {
  position: fixed;
  left: 0;
  top: 149px;
  bottom: 0;
  width: 340px;
  /* background: url('@{folder}/common/cartographer.png') repeat 0 0; */

  background-color: #3a787a;
  padding: 20px;
  overflow: auto;
}
.sticky-template #common-feeder-birds #cfb-left p {
  color: #fff;
  line-height: 1.3;
  font-size: 13px;
  font-family: 'Lato';
}
.sticky-template #common-feeder-birds #cfb-summary {
  background-color: #fff;
  position: fixed;
  top: 149px;
  left: 340px;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: none;
  padding: 20px;
  overflow: auto;
}
.sticky-template #common-feeder-birds #cfb-summary h3 {
  clear: left;
}
.sticky-template #common-feeder-birds #cfb-summary #cfb-bird-region div,
.sticky-template #common-feeder-birds #cfb-summary #cfb-bird-food div,
.sticky-template #common-feeder-birds #cfb-summary #cfb-bird-feeder div {
  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin-right: 10px;
}
.sticky-template #common-feeder-birds #cfb-summary #cfb-bird-region div p,
.sticky-template #common-feeder-birds #cfb-summary #cfb-bird-food div p,
.sticky-template #common-feeder-birds #cfb-summary #cfb-bird-feeder div p {
  line-height: 1.3;
  text-transform: capitalize;
  text-align: center;
  font-size: 13px;
}
.sticky-template #common-feeder-birds #cfb-intro p {
  font-size: 13px;
  color: #fff;
  font-family: 'Lato';
}
.sticky-template #common-feeder-birds h2 {
  display: inline-block;
  border: 0;
  border-bottom: 1px solid #444;
  font-size: 2em;
  position: relative;
  color: #fff;
  font-weight: 700;
  padding: 0 0 .2em 0;
  font-size: 24px;
  margin-top: 15px;
  background-color: transparent;
  text-shadow: none;
  letter-spacing: 0;
}
.sticky-template #common-feeder-birds h2:before {
  display: none;
}
.sticky-template #common-feeder-birds #comm-feeder-nav {
  text-align: center;
  margin-bottom: 0;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .dial {
  position: absolute;
  top: 30px;
  left: 0;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .dial-wrapper {
  position: relative;
  margin-bottom: 2em;
  width: 298px;
  text-align: left!important;
  display: block;
  height: 100px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .scroller {
  display: block;
  width: 247px;
  height: 80px;
  overflow: hidden;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .scroller.disabled {
  overflow-y: hidden;
  opacity: .3;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .scroller ul {
  background-color: #fff;
  overflow: hidden;
  margin: 0;
}
.sticky-template #common-feeder-birds #comm-feeder-nav li {
  display: block;
  width: 247px;
  height: 82px;
  border-top: 1px solid #cfe6e8;
  border-bottom: 1px solid #67aeb8;
  position: relative;
  margin: 0;
  text-align: left;
}
.sticky-template #common-feeder-birds #comm-feeder-nav li img {
  width: 80px;
  height: 80px;
  overflow: hidden;
  margin-left: 2px;
  margin-right: 12px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav li span {
  /*
position: absolute;
			top:10px;
			left: 100px;
*/

  color: #464646;
  text-transform: uppercase;
  font-size: 16px;
  width: 100px;
  line-height: 20px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav li img,
.sticky-template #common-feeder-birds #comm-feeder-nav li span {
  display: inline-block;
  vertical-align: middle;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .reset {
  position: relative;
  top: -2px;
  display: inline-block;
  text-decoration: none;
  color: #3a787a;
  background-color: #57a5aa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0 4px;
  font-size: 11px;
  line-height: 16px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .reset:hover {
  background-color: #9bc9cc;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .cfb-controls {
  position: absolute;
  top: 30px;
  right: 0;
  width: 50px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .cfb-controls .cfb-btn {
  width: 100%;
  height: 40px;
  margin-bottom: 0;
  text-align: center;
  outline: none!important;
  overflow: visible;
  display: block;
  padding: 14px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .cfb-controls .cfb-btn span {
  background: transparent url('../img/features/common-feeder-birds/cfb-arrows.png') no-repeat 0 0;
  display: block;
  width: 20px;
  height: 15px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .cfb-controls a.down-btn span {
  background-position: 0 -19px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .dial-shadow {
  display: block;
  width: 250px;
  height: 200px;
  -webkit-box-shadow: inset 0px 7px 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 7px 20px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 7px 20px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .recalc {
  display: none;
  width: 275px;
  height: 58px;
  background: url('../img//features/common-feeder-birds/ajax-loader.gif') no-repeat 10px center;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
  background-color: #3a787a;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  z-index: 999;
  line-height: 58px;
  padding-left: 42px;
  z-index: 9999;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .recalc span {
  display: block;
  width: 100%;
  padding-left: 30px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav .pointer {
  display: block;
  width: 35px;
  height: 41px;
  position: absolute;
  left: -7px;
  top: 50px;
  background: url('../img/features/common-feeder-birds/pointer4.png') no-repeat 0 0;
}
.sticky-template #common-feeder-birds #comm-feeder-nav ul {
  list-style-type: none;
}
.sticky-template #common-feeder-birds #comm-feeder-nav h3 {
  margin: .5em 0;
  font-size: 16px;
  color: #fff;
  text-shadow: 1px 1px 1px  #000;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 300;
  text-align: left;
  display: block;
  margin-right: 8px;
}
.sticky-template #common-feeder-birds #comm-feeder-nav h3 .reset {
  text-shadow: none;
  text-transform: none;
  margin-left: 5px;
}
.sticky-template #common-feeder-birds #comm-feeder-isotope {
  margin-left: 340px;
  margin-top: 180px;
}
.sticky-template #common-feeder-birds #cfb-birds {
  margin-bottom: 2em;
  clear: both;
}
.sticky-template #common-feeder-birds #cfb-birds ul {
  list-style-type: none;
  max-width: 9999999999px;
}
.sticky-template #common-feeder-birds #cfb-birds li {
  display: inline-block;
  vertical-align: top;
  width: 110px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #fff;
  height: 120px;
}
.sticky-template #common-feeder-birds #cfb-birds li a {
  background-color: #fff;
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: block;
}
.sticky-template #common-feeder-birds #cfb-birds li a h3 {
  color: #1d1d1d;
  text-decoration: none;
}
.sticky-template #common-feeder-birds #cfb-birds li a:hover {
  background-color: #cce6e7;
}
.sticky-template #common-feeder-birds #cfb-birds li figure {
  width: 108px;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
.sticky-template #common-feeder-birds #cfb-birds li figure img {
  max-width: 100%;
}
.sticky-template #common-feeder-birds #cfb-birds li h3 {
  font-size: 10px;
  color: #1d1d1d;
  padding: .2em;
  margin: 0;
  font-weight: 400;
}
/*
html[data-useragent*='MSIE 10.0'],.ie9,.ie8,.ie7 {
		.cfb-controls .cfb-btn.down-btn {
			position: relative;
			top:-7px;
			left: 0;
		}
	}
*/
.ie7-only {
  display: none;
}
.lt-ie8 #cfb-intro,
.ie7 #cfb-intro,
.lt-ie8 #comm-feeder-isotope,
.ie7 #comm-feeder-isotope,
.lt-ie8 #comm-feeder-nav,
.ie7 #comm-feeder-nav,
.lt-ie8 #splash-btn,
.ie7 #splash-btn {
  display: none;
}
.lt-ie8 .ie7-only,
.ie7 .ie7-only {
  display: block;
}
@media and (max-device-width: 1024px) and (max-device-height: 768px) {
  .sticky-template #common-feeder-birds #cfb-intro p {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .sticky-template #common-feeder-birds #cfb-intro {
    float: none;
    width: 100%;
    padding: 0;
  }
  .sticky-template #common-feeder-birds #comm-feeder-nav {
    float: none;
    width: 100%;
  }
}
/*
@media screen and (max-width:686px){
	.sticky-template #common-feeder-birds {
		display: none;
	}
}
*/
/******* HOW TO PARTICIPATE *******/
#how-to-123 {
  margin-bottom: -2em;
}
#how-to-123 ol {
  list-style-type: none;
}
#how-to-123 ol li {
  float: left;
  width: 33%;
  background-color: #7689c7;
  text-align: center;
  border-right: 1px solid #e7f8fe;
}
#how-to-123 ol li.two {
  background-color: #6479c0;
}
#how-to-123 ol li.three {
  background-color: #526ab8;
}
#how-to-123 ol li img {
  max-width: 100%;
}
#how-to-123 ol li:last-child {
  border-right: 0;
}
#how-to-123 ol li div {
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  padding: 0 .5em .5em .5em;
}
#how-to-123 ol li div div {
  padding-bottom: 0;
  padding-top: .5em;
}
#how-to-123 ol li div h2 {
  margin-top: 0;
  color: #fff;
  padding: 0;
  text-shadow: none;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #e7f8fe;
  min-height: 160px;
}
#how-to-123 ol li div h2:before {
  display: none;
}
#how-to-123 ol li span.ht-num {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 30px;
  line-height: 38px;
  background-color: #7cacdb;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  margin-right: 8px;
}
@media screen and (max-width: 1140px) {
  #how-to-123 ol li div h2 {
    font-size: 1.4em;
  }
}
@media screen and (max-width: 800px) {
  #how-to-123 ol li div h2 {
    min-height: 50px;
    font-size: 14px;
  }
}
@media screen and (max-width: 480px) {
  #how-to-123 ol li div h2 {
    font-size: 12px;
  }
}
/********** JOIN ************/
#join .message p:last-child {
  margin-bottom: 0;
}
#join .join-div {
  width: 50%;
  float: left;
  text-align: center;
}
#join .join-div h1 {
  margin-bottom: 1em;
}
#join .join-div img {
  border: 1px solid #686868;
  margin-bottom: 1em;
}
#join #usa {
  padding-right: 1em;
  border-right: 1px solid #686868;
}
#join #canada {
  padding-left: 1em;
}
@media screen and (max-width: 479px) {
  #join .join-div {
    width: 100%;
    float: none;
  }
  #join #usa,
  #join #canada {
    padding: 0;
    border: 0;
  }
  #join #usa {
    border-bottom: 1px solid #686868;
  }
}
.message {
  background-color: #f7f4c0;
  border: 1px solid #e7ca64;
  padding: 1em;
  margin-bottom: 2em;
}
.message.has-btn .action-btn,
.message.has-btn .action-btns {
  float: right;
}
.message.has-btn .message-wrapper {
  margin-right: 33%;
}
.message h1 {
  font-weight: bold;
  font-size: 21px!important;
  text-transform: none!important;
  color: #1d1d1d !important;
  letter-spacing: normal!important;
}
.message em {
  font-style: normal;
  color: #d61919;
  font-weight: 700;
}
/****** IMAGE DOWNOLADS ****/
#media-image-downloads figure {
  float: left;
  width: 31%!important;
  margin: 1%;
  padding: 2em;
  height: 250px;
}
#media-image-downloads figure img {
  max-height: 200px;
}
.download {
  margin-bottom: 1em;
}
.download h1 {
  font-size: 18px;
  font-weight: 400;
}
.download .arrowed span {
  background: url('../img/common/article-icons.png') no-repeat -186px -124px;
  display: inline-block;
  margin-left: 10px;
  width: 21px;
  height: 21px;
  vertical-align: middle;
}
/******* OLD DATA EMBED *********/
.old-data-layout {
  max-width: 1200px;
  margin: 0 auto;
  min-height: 350px;
}
.old-data-layout .footerNav {
  display: none;
}
.old-data-layout .datadisplay td {
  border: 1px solid #B1AFAF;
  padding: 5px;
}
.old-data-layout .inputError {
  color: #d61919;
  font-weight: bold;
}
.old-data-layout .speciesSelect {
  padding: 2em;
  text-align: center;
}
.embedData #BodySection {
  width: 740px!important;
  margin: 0 auto;
}
.embedData #BodySection td:first-child {
  text-align: left!important;
}
/************* MODAL *************/
#modal .close {
  background-color: #d61919;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  color: #fff;
  position: absolute;
  top: 20px;
  right: 20px;
  border: 0;
  width: 23px;
}
#modal .close:hover {
  background-color: #a81414;
}
/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.modal-open {
  overflow: hidden;
}
/* add a scroll bar to stop page from jerking around */
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-top,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .modal-scrollable {
  overflow-y: scroll;
}
.modal {
  display: none;
}
@media (max-width: 979px) {
  .modal-open.page-overflow .page-container .navbar-fixed-top,
  .modal-open.page-overflow .page-container .navbar-fixed-bottom {
    overflow-y: visible;
  }
}
.modal-scrollable {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal {
  outline: none;
  position: fixed;
  margin-top: 0;
  top: 50%;
  overflow: visible;
  /* allow content to popup out (i.e tooltips) */

  background-color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-left: auto;
  margin-right: auto;
}
.modal.fade {
  top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}
.modal.fade.in {
  top: 50%;
}
.modal-body {
  max-height: none;
  overflow: visible;
}
.modal.modal-absolute {
  position: absolute;
  z-index: 950;
}
.modal .loading-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-radius: 6px;
}
.modal-backdrop.modal-absolute {
  position: absolute;
  z-index: 940;
}
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
  background: #fff;
}
.modal.container {
  width: 940px;
  margin-left: -470px;
  left: 50%;
}
/* Modal Overflow */
.modal-overflow.modal {
  top: 1%;
}
.modal-overflow.modal.fade {
  top: -100%;
}
.modal-overflow.modal.fade.in {
  top: 1%;
}
.modal-overflow .modal-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* Responsive */
@media (min-width: 1200px) {
  .modal.container {
    width: 1170px;
    margin-left: -585px;
  }
}
@media (max-width: 979px) {
  .modal,
  .modal.container,
  .modal.modal-overflow {
    top: 1%;
    right: 1%;
    left: 1%;
    bottom: auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .modal.fade.in,
  .modal.container.fade.in,
  .modal.modal-overflow.fade.in {
    top: 1%;
    bottom: auto;
  }
  .modal-body,
  .modal-overflow .modal-body {
    position: static;
    margin: 0;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .modal-footer,
  .modal-overflow .modal-footer {
    position: static;
  }
}
.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -12px;
}
/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden*/
.animated {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}
@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}
@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}
@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  -moz-animation-name: shake;
  -o-animation-name: shake;
  animation-name: shake;
}
/********** BOOTSTRAP ************/
/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle {
  *margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
  background-color: #053b9e;
  color: #ffffff;
  text-decoration: none;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: middle;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-left: 4px;
}
.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 120px;
  padding: 0;
  margin: -1px 0 0 0;
  list-style: none;
  background-color: #053b9e;
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}
.dropdown-menu > li > a,
.popover-link {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
  font-size: 13px;
  color: #ffffff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a,
.popover-link:hover {
  text-decoration: none;
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  cursor: pointer;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: default;
}
.open {
  *z-index: 1000;
}
.open > .dropdown-menu {
  display: block;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.popover-link {
  text-decoration: underline;
  cursor: pointer;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -2px;
  -webkit-border-radius: 5px 5px 5px 0;
  -moz-border-radius: 5px 5px 5px 0;
  border-radius: 5px 5px 5px 0;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.dropdown .dropdown-menu .nav-header {
  padding-left: 20px;
  padding-right: 20px;
}
.typeahead {
  z-index: 1051;
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.flex-slideshow {
  max-width: 500px;
}
.flex-slideshow .flexslider .slides img {
  height: auto;
}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url('../fonts/flexslider-icon.eot');
  src: url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../fonts/flexslider-icon.woff') format('woff'), url('../fonts/flexslider-icon.ttf') format('truetype'), url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
article ul.slides {
  max-width: 999999px;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.carousel li {
  margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
/* Pause/Play */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */

  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: top, left, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/****** BOOTSTRAP TABS *******/
.nav-tabs,
.nav-pills {
  *zoom: 1;
  list-style-type: none;
}
.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}
.nav-tabs:after,
.nav-pills:after {
  clear: both;
}
.nav-tabs > li,
.nav-pills > li {
  float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  text-decoration: none;
  background-color: #0072ab;
  color: #fff;
  display: block;
}
.nav-tabs > li > a:first-child {
  position: relative;
  left: -1px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  background-color: #053b9e;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #BEBEBE;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li > a {
  margin-right: 0;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}
.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}
.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}
.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}
.tabbable {
  *zoom: 1;
}
.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}
.tabbable:after {
  clear: both;
}
.tab-content {
  overflow: auto;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}
.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}
.nav > .disabled > a {
  color: #999999;
}
.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}
article .nav-tabs {
  margin: 0;
}
/********* TABBABLE PATTERN *********/
.tabbable-wrapper {
  margin-top: 2em;
  /*
.inner-shadow();
	background-color: #C5DADD;
	border: 1px solid #B2CACE;
*/

  background-color: #fff;
  border: 1px solid #c5d3e4;
  padding: 1em;
}
.tabbable-wrapper .tabbable {
  position: relative;
}
.tabbable-wrapper .tabbable h2 {
  padding-top: 0!important;
  border-top: 0!important;
  margin-top: 0!important;
  font-weight: 700;
}
.tabbable-wrapper .tabbable p {
  font-family: 'Lato', sans-serif;
  font-weight: normal;
}
.tabbable-wrapper .tab-pane {
  padding: 1em;
}
.tabbable-wrapper .tab-content,
.tabbable-wrapper .nav-tabs {
  height: 400px;
  overflow: auto;
  border: 0;
}
.tabbable-wrapper .tab-content {
  padding-left: 25%;
}
.tabbable-wrapper .nav-tabs {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 25%;
  background-color: #525252;
}
.tabbable-wrapper .nav-tabs > li > a,
.tabbable-wrapper .nav-tabs > li > a:hover {
  margin-bottom: 0;
  margin-top: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.tabbable-wrapper .nav-tabs > li > a:hover {
  background-color: #546dbf;
  border-color: #546dbf;
}
.tabbable-wrapper .nav-tabs > li:first-child > a {
  border-top: 0!important;
}
.tabbable-wrapper .nav-tabs > li.active > a {
  background-color: #fff;
}
.tabbable-wrapper .nav-tabs > li > a {
  background: #7689c7;
  border-top: 1px solid #d8d8f9;
  border-bottom: 1px solid #546dbf;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  .tabbable-wrapper .nav-tabs {
    position: relative;
    height: auto;
    width: 100%;
  }
  .tabbable-wrapper .nav-tabs li {
    float: left;
    width: 50%;
  }
  .tabbable-wrapper .nav-tabs li a {
    height: 55px;
  }
  .tabbable-wrapper .tab-content {
    padding-left: 1px!important;
  }
  .tabbable-wrapper .tab-content p {
    font-size: 14px;
  }
  .featured-participants .tabbable-wrapper .nav-tabs {
    width: 100%;
  }
  .featured-participants .tabbable-wrapper .nav-tabs li {
    float: left;
    width: 75px;
  }
  .featured-participants .tabbable-wrapper .nav-tabs li a {
    height: 75px;
  }
}
@media screen and (max-width: 320px) {
  .tabbable-wrapper .tab-content p {
    font-size: 12px;
  }
}
.participant-tabbable .nav-tabs {
  width: 232px;
}
.participant-tabbable .tab-content {
  padding-left: 240px;
}
.participant-tabbable .nav-tabs > li {
  margin: 0;
  padding: 0;
}
.participant-tabbable .nav-tabs > li > a {
  margin: 0;
  padding: 0;
}
.participant-tabbable .nav-tabs > li img {
  width: 75px;
  height: 75px;
  display: block;
}
.particpant-features {
  margin-bottom: 4em;
}
/******* TRICKY BIRD IDS ********/
.tricky-birds .byline {
  float: right;
  font-size: 11px;
}
.tricky-birds article h1 {
  margin-bottom: 1em;
}
.tricky-birds .nav-tabs > .active > a,
.tricky-birds .nav-tabs > .active > a:hover,
.tricky-birds .nav-tabs > .active > a:focus {
  background-color: #d8d8f9;
  top: 1px;
}
.tricky-birds .nav-tabs > .active > a,
.tricky-birds .nav-tabs > .active > a:hover,
.tricky-birds .nav-tabs > .active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #BEBEBE;
  border-bottom-color: transparent;
  cursor: default;
}
.tricky-birds .container {
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  padding: 1em;
  margin-bottom: 2em;
}
.tricky-birds .tricky-intro img {
  max-width: 100%;
}
.tricky-birds .tab-content h3 {
  max-width: 100%;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1em;
  font-weight: 700;
}
.tricky-birds table {
  width: 100%;
  text-align: left;
}
.tricky-birds th {
  background-color: #bbd2eb;
  color: #1d1d1d;
  font-size: 18px;
}
.tricky-birds td,
.tricky-birds th {
  width: 40%;
  padding: 1em;
}
.tricky-birds .sticky-th tr {
  border-bottom: 2px solid #0072ab;
}
.tricky-birds td.mark,
.tricky-birds th.mark {
  width: 20%;
}
.tricky-birds td {
  font-size: 12px;
}
.tricky-birds td.mark {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}
.tricky-birds tr.ancillary td {
  text-align: center;
  padding: 0;
  width: 100%;
}
.tricky-birds tr.main:hover td {
  background-color: #bbd2eb;
  cursor: pointer;
}
.tricky-birds tr.main.open td,
.tricky-birds tr.main.open:hover td {
  background-color: #0072ab;
  color: #fff;
}
.tricky-birds tr.main.open td a,
.tricky-birds tr.main.open:hover td a {
  color: #fff;
}
.tricky-birds .anc-wrapper {
  display: block;
  position: relative;
  width: 100%;
  display: none;
  border-bottom: 4px solid #0072ab;
  padding-bottom: 1em;
}
.tricky-birds .anc-wrapper:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 30px 25px 0 25px;
  border-color: #0072ab transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 10px;
  margin-top: -1em;
}
.tricky-birds .anc-wrapper img {
  max-width: 100%;
}
.tricky-birds .anc-wrapper .close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 32px;
  line-height: 27px;
  border: 2px solid #fff;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  background-color: #1d1d1d;
  color: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  font-size: 18px;
  text-shadow: 1px 1px 1px #ccc;
}
.tricky-birds .anc-wrapper .close:hover {
  background-color: #d61919;
  cursor: pointer;
}
.tricky-birds .anc-wrapper .soon {
  padding: 2em;
  font-size: 14px;
}
.tricky-birds .tricky-sounds {
  margin-bottom: 2em;
  border-bottom: 1px solid #cccccc;
}
.tricky-birds .tricky-sounds:last-child {
  border-bottom: 0;
}
.tricky-birds .tricky-sounds h4 {
  font-size: 21px;
  color: #546dbf;
}
.tricky-birds .tricky-sounds div {
  width: 200px;
  margin-right: 80px;
  display: inline-block;
  vertical-align: top;
}
.tricky-birds #common-doves #field-marks td.mark,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #male-field-marks td.mark,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #female-field-marks td.mark,
.tricky-birds #common-doves #field-marks th.mark,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #male-field-marks th.mark,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #female-field-marks th.mark {
  width: 16%;
}
.tricky-birds #common-doves #field-marks td,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #male-field-marks td,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #female-field-marks td,
.tricky-birds #common-doves #field-marks th,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #male-field-marks th,
.tricky-birds #purple-finch-house-finch-and-cassins-finch #female-field-marks th {
  width: 28%;
}
.tricky-birds .tb-intro h1 {
  margin-bottom: 0;
}
.tricky-birds .tb-intro p {
  max-width: 9999px;
  font-size: 14px;
}
.tricky-birds .tb-range {
  float: left;
  width: 50%;
}
.tricky-birds .tb-range img {
  max-width: 100%;
}
.iphone-portait-only {
  display: none;
}
@media screen and (max-width: 479px) {
  .iphone-portait-only {
    display: block;
  }
  .tricky-birds .nav-tabs,
  .tricky-birds .tab-content {
    display: none;
  }
}
/********* BLOG **************/
.alignright {
  float: right;
  margin: 0 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}
.blog article h1 {
  font-weight: 300;
  max-width: 800px;
}
.blog article h1 a {
  text-decoration: none;
}
.blog .date,
.blog .wp-caption-text {
  color: #8d8d8d;
  line-height: 1.4;
}
.blog .wp-caption-text {
  font-size: 12px;
}
.blog .blog-footer {
  padding-bottom: 1em;
  border-bottom: 2px solid #0072ab;
}
.blog .blog-comment-link {
  float: left;
}
.blog .blog-categories {
  float: right;
}
.blog .navigation {
  padding: 2em 0;
}
.blog .navigation a {
  background-color: #0072ab !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0094de), to(#0072ab));
  background-image: -moz-linear-gradient(top, #0094de, #0072ab);
  background-image: -ms-linear-gradient(top, #0094de, #0072ab);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0094de), color-stop(100%, #0072ab));
  background-image: -webkit-linear-gradient(top, #0094de, #0072ab);
  background-image: -o-linear-gradient(top, #0094de, #0072ab);
  background-image: linear-gradient(#0094de, #0072ab);
  border-color: #0094de #0094de #0072ab;
  border-width: 1px;
  border-style: solid;
  border: 1px solid rgba(255, 255, 255, 0.4);
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.26);
  -webkit-font-smoothing: antialiased;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  border-radius: 0.5em;
  padding: .4em 1em;
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  background-color: #fff;
  /* Needed for IEs */

  -moz-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  -webkit-box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  box-shadow: 0 0 3px rgba(68, 68, 68, 0.6);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
  border-collapse: separate;
  filter: none;
  font-weight: bold;
  line-height: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.blog .navigation a:hover {
  background-color: #0072ab !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0072ab), to(#006192));
  background-image: -moz-linear-gradient(top, #0072ab, #006192);
  background-image: -ms-linear-gradient(top, #0072ab, #006192);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0072ab), color-stop(100%, #006192));
  background-image: -webkit-linear-gradient(top, #0072ab, #006192);
  background-image: -o-linear-gradient(top, #0072ab, #006192);
  background-image: linear-gradient(#0072ab, #006192);
  color: #ffffff;
}
.blog .navigation a:hover {
  background-color: #0072ab !important;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#0072ab), to(#006192));
  background-image: -moz-linear-gradient(top, #0072ab, #006192);
  background-image: -ms-linear-gradient(top, #0072ab, #006192);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0072ab), color-stop(100%, #006192));
  background-image: -webkit-linear-gradient(top, #0072ab, #006192);
  background-image: -o-linear-gradient(top, #0072ab, #006192);
  background-image: linear-gradient(#0072ab, #006192);
  color: #ffffff;
}
.sidebar.citsci-4-1 {
  padding-left: 0;
}
/********* FAQs ********/
.faq article {
  margin-bottom: 2em;
}
.faq article h2 {
  line-height: 2em;
  text-transform: none;
  padding: 1em 0 1em 78px;
  letter-spacing: 0;
  border-bottom: 0;
}
.faq article h2:before {
  content: '?';
  display: block;
  width: 62px;
  height: 62px;
  /* background: url('@{folder}common/sprite-common.png') no-repeat -437px -313px; */

  position: absolute;
  top: 22px;
  left: 0;
  background-color: #7cacdb;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 60px;
  text-shadow: none;
  text-indent: 1px;
}
ul.faqs {
  margin-left: 0;
}
#detailed-instructions.faq article h2:before {
  content: '+';
}
/* =Comments
-------------------------------------------------------------- */
#comments {
  clear: both;
  margin: 1em 0 1em 0;
  border: solid 5px #f4f0f0;
}
#comments .navigation {
  padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
  color: #000;
  font-size: 20px;
  margin: 0 0 0 1em;
  font-family: arial, sans-serif;
}
h3#comments-title {
  padding: 24px 0;
}
.commentlist {
  list-style: none;
  margin: 0;
}
.commentlist li.comment {
  border-bottom: 1px solid #e7e7e7;
  line-height: 24px;
  margin: 0 0 24px 0;
  padding: 0 0 0 72px;
  position: relative;
}
.commentlist li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
  margin-bottom: 18px;
}
#comments .comment-body p {
  margin: 0 1em 0 0;
}
#comments .comment-body p:last-child {
  margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
  margin-bottom: 24px;
}
.commentlist ol {
  list-style: decimal;
}
.commentlist .avatar {
  position: absolute;
  top: 4px;
  left: 16px;
  width: 46px;
  height: 46px;
}
.comment-author cite {
  color: #000;
  font-style: normal;
  font-weight: bold;
}
.comment-author .says {
  font-style: italic;
}
.comment-meta {
  font-size: 12px;
  margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
  color: #888;
  text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
  color: #ff4b33;
}
.reply {
  font-size: 12px;
  padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
  color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
  color: #ff4b33;
}
.commentlist .children {
  list-style: none;
  margin: 0;
}
.commentlist .children li {
  border: none;
  margin: 0;
}
.nopassword,
.nocomments {
  display: none;
}
#comments .pingback {
  border-bottom: 1px solid #e7e7e7;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.commentlist li.comment + li.pingback {
  margin-top: -6px;
}
#comments .pingback p {
  color: #888;
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
}
#comments .pingback .url {
  font-size: 13px;
  font-style: italic;
}
.comment-author {
  margin: 0;
  padding: 0;
}
/* Comments form */
input[type=submit] {
  color: #333;
}
#respond {
  margin: 0 0 24px 0;
  overflow: hidden;
  position: relative;
}
#respond p {
  margin: 0;
}
#respond .comment-notes {
  margin-bottom: 1em;
}
.form-allowed-tags {
  line-height: 1em;
}
.children #respond {
  margin: 0 48px 0 0;
}
h3#reply-title {
  margin: 18px 0;
}
#comments-list #respond {
  margin: 0 0 18px 0;
}
#comments-list ul #respond {
  margin: 0;
}
#cancel-comment-reply-link {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
}
#respond #reply-title {
  font-family: arial, sans-serif;
}
#respond {
  padding: 1em;
}
#respond .required {
  color: #ff4b33;
  font-weight: bold;
}
#respond label {
  color: #888;
  font-size: 12px;
}
#respond input {
  margin: 0 0 9px;
  width: 98%;
}
#respond textarea {
  width: 98%;
}
#respond .form-allowed-tags {
  color: #888;
  font-size: 12px;
  line-height: 18px;
}
#respond .form-allowed-tags code {
  font-size: 11px;
}
#respond .form-submit {
  margin: 12px 0;
}
#respond .form-submit input {
  font-size: 14px;
  width: auto;
}
/****** JOIN CALLOUT ******/
.join-callout {
  background-color: #F8F08F;
  padding: 0;
  margin: 0 auto;
  margin: 1em 2em;
  border: 1px solid #f5ea5f;
}
.join-callout p,
.join-callout a {
  margin: 0;
  text-align: center;
  max-width: 100%;
  font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: italic;
  font-size: 13px;
  font-weight: bold;
}
.join-callout a {
  color: #d61919;
}
.tricky-birds .join-callout {
  margin: 1em 0;
}
#common-feeder-bird-page .join-callout {
  margin-left: 340px;
}
.data-entry #project-logo a {
  background-position: -193px -261px;
}
/****** MAP ROOM *******/
.map-room .tab-content {
  padding: 1em;
}
.map-room .maproom__wrapper {
  border: 1px solid #efefef;
}
.map-room #historic_maps {
  width: 25%;
  float: left;
  border-right: 1px solid #efefef;
  background-color: #353333;
  background-color: #44576C;
  background-color: #274B72;
  min-height: 686px;
}
.map-room .maproom__section {
  border-bottom: 1px solid #efefef;
  padding: 1em;
}
.map-room .maproom__section.displayMaps {
  border: 0;
  padding-top: 0;
  margin-bottom: 0;
}
.map-room .maproom__section h3 {
  color: #546dbf;
  color: #8CA3F0;
  color: #C5CEEB;
  font-size: 1.2em;
  letter-spacing: .05em;
  margin-top: 0;
}
.map-room .maproom__section h3 span {
  display: inline-block;
  vertical-align: middle;
}
.map-room .maproom__section .maproom-icon {
  margin-right: .5em;
  width: 33px;
  height: 23px;
  background: url('../img/explore/maproom-icons.png') top left no-repeat;
}
.map-room .maproom__section .maproom-icon.maproom-icon--map {
  background-position: 0 -30px;
}
.map-room .maproom__section .maproom-icon.maproom-icon--bird {
  background-position: 0 -3px;
}
.map-room .maproom__section input {
  width: 100%;
}
.map-room .maproom__section .equal-cols {
  position: relative;
  z-index: 99;
}
.map-room .maproom__section .maproom-choice {
  background-color: #FDFCE2;
  border: 1px solid #f7f4c0;
  margin-bottom: 1em;
  padding: 1em;
}
.map-room .maproom__section .maproom-choice:last-child {
  margin-bottom: 0;
}
.map-room .maproom__section .maproom-choice h3 {
  text-transform: none;
  color: #444;
  font-size: .8em;
  margin-top: 0;
  font-weight: normal;
  padding-left: 1.4em;
  margin-bottom: 0;
  line-height: 1.4;
  letter-spacing: normal;
}
.map-room .maproom__section .maproom-subquery {
  display: none;
  margin-top: 1em;
  border: 1px solid #f1ec93;
  padding: 1em;
  background-color: #f7f4c0;
}
.map-room .maproom__section .maproom-subquery .wrapping {
  padding-left: 1em;
  margin-bottom: 0;
}
.map-room .maproom__section .maproom-subquery .wrapping.with-select {
  padding-left: 0;
}
.map-room .maproom__section .maproom-subquery .wrapping select {
  margin-bottom: 0;
}
.map-room .maproom__section .maproom-subquery h4 {
  text-transform: uppercase;
  margin: 0 0 .5em;
  font-size: 0.8em;
  font-weight: bold;
}
.map-room .maproom__section .maproom--large {
  padding-left: 1.2em;
  font-weight: bold;
  font-size: 14px;
  text-transform: capitalize;
  color: #0072ab;
  margin-bottom: .2em;
  line-height: 1.3;
}
.map-room .maproom__section .maproom--large input {
  top: -2px;
  left: -3px;
}
.map-room .primary-btn {
  color: #fff;
  text-shadow: none;
  margin-top: 1em;
}
.map-room #historic-map-load-wrapper {
  display: block;
  width: 75%;
  min-height: 500px;
  float: left;
}
.map-room .map-room-error {
  margin-bottom: 1em;
  padding-left: 1em;
  border: 1px solid #d61919;
  background-color: #efa4a4;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .map-room .maproom__section .maproom-icon {
    background-image: url('../img/explore/maproom-icons@2x.png');
    background-size: 33px 55px;
  }
}
.map-room form .bta-wrapper,
.map-room form div,
.map-room form input[type=text] {
  position: relative;
  line-height: normal;
  height: auto;
  width: auto;
  margin: 0;
}
.map-room form .bta-wrapper {
  position: relative;
  -webkit-border-radius: 3em;
  -moz-border-radius: 3em;
  -o-border-radius: 3em;
  border-radius: 3em;
  border: 1px solid #E5E5E5;
  padding: 0;
  margin-top: 0;
  display: inline-block;
  background-image: none;
  background-color: #fff;
  cursor: pointer;
  z-index: 99;
  color: #333 !important;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  overflow: hidden;
  width: 100%;
}
.map-room form .bta-wrapper img {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  left: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 0;
}
.map-room form .bta-wrapper .bta-species-img {
  margin-top: -16px;
  left: -2px;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  -o-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
  border-right: 1px solid #aaa;
  width: 32px;
  height: 32px;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  display: inline-block;
}
.map-room form .bta-species-wrapper .bta-species-img.empty {
  background-image: none;
  border: 0;
  left: 5px;
}
.map-room form .bta-wrapper input {
  border: 0;
  padding: 8px 8px 8px 40px;
  background-color: transparent;
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.23);
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 300px;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  outline: none !important;
  height: 32px;
  padding-right: 34px;
  width: 100%;
}
.map-room form .bta-species-wrapper input:focus {
  outline: none;
}
.map-room form .bta-clear {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  background-color: #444;
  color: #fff;
  width: 18px;
  text-align: center;
  line-height: 17px;
  font-size: 15px;
  cursor: pointer;
  display: block;
  position: absolute;
  right: 10px;
  top: 7px;
  display: none;
  height: 18px;
}
.map-room form .bta-clear:hover {
  background-color: #990000;
}
.map-room form .bta-drop {
  -webkit-border-radius: 0 3em 3em 0;
  -moz-border-radius: 0 3em 3em 0;
  -o-border-radius: 0 3em 3em 0;
  border-radius: 0 3em 3em 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 32px;
  height: 32px;
  border-left: 1px solid #aaa;
  background-color: #fff;
}
.map-room form .bta-drop span {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #424242 transparent transparent transparent;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  left: 50%;
  margin-left: -7px;
}
.map-room form .bta-drop:hover {
  background-color: #efefef;
}
.map-room {
  /**** THIS IS FOR A COMBOBOX *******/

}
.map-room .ui-autocomplete {
  position: absolute;
  cursor: pointer;
  background: #fff;
  z-index: 999999!important;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  margin: 0;
  padding: 1em 0;
  height: 120px;
  overflow: auto;
}
.map-room .ui-autocomplete li {
  padding: 0;
  margin: 0;
}
.map-room .ui-autocomplete li a {
  padding: .4em 1em;
  display: block;
  color: #2a2a2a;
  font-family: sans-serif;
  font-size: 12px;
}
.map-room .ui-autocomplete li a.ui-state-hover {
  background-color: #1565a5;
  color: #fff;
}
.map-room .ui-helper-hidden-accessible {
  display: none;
}
span.common-loader {
  display: block;
  width: 24px;
  height: 24px;
  background: url('../img/common/ajax-loader-gray.gif') repeat 0 0;
}
/****** top 25 ******/
#top-25-clicky-map path {
  stroke: transparent;
}
#top-25-clicky-map .province {
  stroke: #fff;
  cursor: pointer;
}
#top-25-clicky-map .subunit-boundary {
  fill: none;
  stroke: #303031;
  stroke-dasharray: 2,2;
  stroke-linejoin: round;
  stroke-width: 2;
}
#top-25-clicky-map .province {
  fill: #383838;
  stroke-width: 1;
  stroke: rgba(255, 255, 255, 0.5);
  stroke-linejoin: round;
}
#top-25-clicky-map .province.AC {
  fill: #d3c0e4;
}
#top-25-clicky-map .province.WE {
  fill: #76e4f0;
}
#top-25-clicky-map .province.CE {
  fill: #73d973;
}
#top-25-clicky-map .province.NE {
  fill: #ffc38e;
}
#top-25-clicky-map .province.SO {
  fill: #eb9192;
}
#top-25-clicky-map .province.SW {
  fill: #f2bfe2;
}
#top-25-clicky-map .province.unfocused {
  fill: #383838!important;
}
#top-25-clicky-map #top-25-clicky-map {
  position: relative;
}
#top-25-clicky-map #superregions {
  margin-left: 30px;
}
#top-25-clicky-map #superegions-legend {
  list-style-type: none;
  margin: 0;
  position: absolute;
  top: 105px;
  left: 30px;
  font-family: 'Lato', sans-serif;
  font-size: 12px;
}
#top-25-clicky-map #superegions-legend li {
  margin-bottom: 10px;
}
#top-25-clicky-map #superegions-legend span {
  display: inline-block;
  vertical-align: middle;
}
#top-25-clicky-map #superegions-legend span.block {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
#top-25-clicky-map #superegions-legend span.block.farnorth {
  background-color: #d3c0e4;
}
#top-25-clicky-map #superegions-legend span.block.northwest {
  background-color: #76e4f0;
}
#top-25-clicky-map #superegions-legend span.block.southwest {
  background-color: #f2bfe2;
}
#top-25-clicky-map #superegions-legend span.block.central {
  background-color: #73d973;
}
#top-25-clicky-map #superegions-legend span.block.northeast {
  background-color: #ffc38e;
}
#top-25-clicky-map #superegions-legend span.block.southeast {
  background-color: #eb9192;
}