/*

 +-DANGER DANGER DANGER DANGER-+
 |                             |
 |                             |
 |    THIS IS A SASS FILE      |
 |                             |
 |    EDIT ONLY THE SCSS       |
 |                             |
 |    NEVER EDIT .source.css   |
 |       (or .css)             |
 |                             |
 +-DANGER DANGER DANGER DANGER-+

Before you panic looking for how to compile this nonsense, look here
https://git.corp.yahoo.com/flickr/classic-tasks

*/
/* 

 +-DANGER DANGER DANGER DANGER-+
 |                             |
 |                             |
 |    THIS IS A SASS FILE      |
 |                             |
 |    EDIT ONLY THE SCSS       |
 |                             |
 |    NEVER EDIT .source.css   |
 |       (or .css)             |
 |                             |
 +-DANGER DANGER DANGER DANGER-+

Before you panic looking for how to compile this nonsese, look here
https://git.corp.yahoo.com/flickr/classic-tasks

*/
@keyframes environment-blink {
  from {
    text-shadow: none;
  }

  to {
    text-shadow: 0 0 6px rgba(255, 50, 50, 0.4);
  }
}

@-webkit-keyframes environment-blink {
  from {
    text-shadow: none;
  }

  to {
    text-shadow: 0 0 6px rgba(255, 50, 50, 0.4);
  }
}

@keyframes slidein {
  from {
    width: 100%;
  }
}

@-webkit-keyframes slidein {
  from {
    width: 100%;
  }
}

/* The Fallback for ie < 9 */
.editr #global-nav .gn-link {
  color: white;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}

.editr #global-nav .gn-link:hover {
  text-decoration: none;
  opacity: 0.7;
}

.gn-link,
.gn-link:link,
.gn-link:visited {
  display: inline-block;
  height: 50px;
  *height: 31px;
  margin: 0;
  padding: 16px 17px 0 18px;
  font-weight: normal;
  font-size: 16px;
  color: white;
  cursor: pointer;
  background-repeat: no-repeat;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
.gn-link.secondary,
.gn-link:link.secondary,
.gn-link:visited.secondary {
  font-weight: normal;
}
.gn-link span,
.gn-link:link span,
.gn-link:visited span {
  display: inline;
  position: relative;
}

.zh-hk .gn-link span {
  font-weight: normal;
}

.top-nav li .gn-link:hover,
.top-nav li .gn-link:focus,
.top-nav li .gn-link:hover,
.top-nav li .gn-link:focus {
  text-decoration: none;
  opacity: 0.7;
}

body.new-header {
  padding-top: 50px;
}
body.new-header #SearchFormDivider {
  display: none;
}
body.new-header #SearchFormStrip {
  background: none;
  border-bottom: 1px dotted #d1d1d1;
}

body.with-eyebrow {
  padding-top: 72px;
  background-position: left 22px;
}
body.with-eyebrow #global-nav {
  top: 22px;
}

body.has-storage-banner,
body.has-subscription-banner {
  padding-top: 98px;
  background-position: left 48px;
}
body.has-storage-banner #global-nav,
body.has-subscription-banner #global-nav {
  top: 48px;
}
body.has-storage-banner.with-eyebrow,
body.has-subscription-banner.with-eyebrow {
  padding-top: 120px;
  background-position: left 70px;
}
body.has-storage-banner.with-eyebrow #eyebrow,
body.has-subscription-banner.with-eyebrow #eyebrow {
  top: 48px;
}
body.has-storage-banner.with-eyebrow #global-nav,
body.has-subscription-banner.with-eyebrow #global-nav {
  top: 70px;
}

body.has-free-refresh-banner,
body.has-banner,
body.has-banner.has-banner-size-1 {
  padding-top: 98px;
  background-position: left 48px;
}
body.has-free-refresh-banner #global-nav,
body.has-banner #global-nav,
body.has-banner.has-banner-size-1 #global-nav {
  top: 48px;
}
body.has-free-refresh-banner.with-eyebrow,
body.has-banner.with-eyebrow,
body.has-banner.has-banner-size-1.with-eyebrow {
  padding-top: 120px;
  background-position: left 70px;
}
body.has-free-refresh-banner.with-eyebrow #eyebrow,
body.has-banner.with-eyebrow #eyebrow,
body.has-banner.has-banner-size-1.with-eyebrow #eyebrow {
  top: 48px;
}
body.has-free-refresh-banner.with-eyebrow #global-nav,
body.has-banner.with-eyebrow #global-nav,
body.has-banner.has-banner-size-1.with-eyebrow #global-nav {
  top: 70px;
}

body.has-pro-refresh-banner,
body.has-banner.has-banner-size-2 {
  padding-top: 128px;
  background-position: left 78px;
}
body.has-pro-refresh-banner #global-nav,
body.has-banner.has-banner-size-2 #global-nav {
  top: 78px;
}
body.has-pro-refresh-banner.with-eyebrow,
body.has-banner.has-banner-size-2.with-eyebrow {
  padding-top: 150px;
  background-position: left 100px;
}
body.has-pro-refresh-banner.with-eyebrow #eyebrow,
body.has-banner.has-banner-size-2.with-eyebrow #eyebrow {
  top: 78px;
}
body.has-pro-refresh-banner.with-eyebrow #global-nav,
body.has-banner.has-banner-size-2.with-eyebrow #global-nav {
  top: 100px;
}
body.has-pro-refresh-banner #storage-announcement li.news-item,
body.has-banner.has-banner-size-2 #storage-announcement li.news-item {
  padding-right: 200px;
}
body.has-pro-refresh-banner #storage-announcement h2,
body.has-banner.has-banner-size-2 #storage-announcement h2 {
  line-height: 24px;
}
body.has-pro-refresh-banner #storage-announcement a.cta-btn,
body.has-banner.has-banner-size-2 #storage-announcement a.cta-btn {
  top: 12px;
}

body.has-banner.has-banner-size-3 {
  padding-top: 158px;
  background-position: left 108px;
}
body.has-banner.has-banner-size-3 #global-nav {
  top: 108px;
}
body.has-banner.has-banner-size-3.with-eyebrow {
  padding-top: 180px;
  background-position: left 130px;
}
body.has-banner.has-banner-size-3.with-eyebrow #eyebrow {
  top: 108px;
}
body.has-banner.has-banner-size-3.with-eyebrow #global-nav {
  top: 130px;
}

.announcement-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  /* min-width: 930px; */
  padding: 16px 35px 16px 10px;
  color: white;
  font: 200 16px/1 "helvetica neue", helvetica, arial, sans-serif;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.333);
  background: #0574e0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #0574e0 0%, #0155d8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0574e0), color-stop(100%, #0155d8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #0574e0 0%, #0155d8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #0574e0 0%, #0155d8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #0574e0 0%, #0155d8 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #0574e0 0%, #0155d8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0574e0', endColorstr='#0155d8',GradientType=0 );
  /* IE6-9 */
}
.announcement-banner.announcement-banner-1 {
  height: 16px;
}
.announcement-banner.announcement-banner-2 {
  height: 46px;
}
.announcement-banner.announcement-banner-3 {
  height: 76px;
}
.announcement-banner .close-btn {
  position: absolute;
  top: -2px;
  right: 0;
  padding-right: 6px;
  color: white;
  background: transparent;
  font-size: 28px;
  font-weight: 400;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.announcement-banner .close-btn:active {
  top: -1px;
  text-shadow: none;
}
.announcement-banner h2,
.announcement-banner p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.announcement-banner h2.inline,
.announcement-banner p.inline {
  display: inline;
}
.announcement-banner h2 a,
.announcement-banner p a,
.announcement-banner h2 a:hover,
.announcement-banner p a:hover {
  color: white;
  background: transparent;
}
.announcement-banner h2 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}
.announcement-banner a.cta-btn,
.announcement-banner a.cta-btn:hover {
  min-width: 93px;
  padding: 5px 10px 4px;
  background: white;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  color: black;
  font-size: 13px;
  font-weight: 300;
  text-align: center;
}

#eyebrow {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1001;
  width: 100%;
  min-width: 975px;
  margin: auto;
  padding: 0;
  text-align: left;
  background-color: #E9E9F2;
  line-height: 16px;
}
#eyebrow.pro #yucs-top-ff-promo {
  display: none;
}
#eyebrow #eyebrow-wrap {
  position: relative;
  min-width: 800px;
  max-width: calc(100% - 20%);
  margin: 0 auto;
}
#eyebrow .yucs-top-txt {
  line-height: normal;
}
#eyebrow a:hover,
#eyebrow a:active {
  background-color: transparent;
}
#eyebrow #yucs-top-bar {
  width: auto;
  float: none;
}
#eyebrow #yucs-top-bar #yucs-top-home {
  margin-left: 0px;
}
#eyebrow #yucs-top-bar #yucs-top-home a {
  color: transparent;
}
#eyebrow.scrolling-header {
  position: absolute;
}

#global-nav {
  color: #000;
  /* to preserve line-height and selector appearance */
  /* because legend doesn't inherit in IE */
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 50px;
  width: 100%;
  margin: auto;
  padding: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.8);
  background: url(https://s.yimg.com/pw/images/iefallbacktrans.png) repeat scroll \9;
  box-shadow: none;
  /* NEW Callout */
}
#global-nav, #global-nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#global-nav div, #global-nav ul, #global-nav ol, #global-nav li,
#global-nav form, #global-nav fieldset,
#global-nav legend, #global-nav input, #global-nav textarea {
  margin: 0;
  padding: 0;
  color: #212124;
}
#global-nav a,
#global-nav a:hover {
  background-color: transparent;
}
#global-nav fieldset, #global-nav img {
  border: 0;
}
#global-nav ol, #global-nav ul {
  list-style: none;
}
#global-nav sup {
  vertical-align: text-top;
}
#global-nav sub {
  vertical-align: text-bottom;
}
#global-nav input,
#global-nav textarea,
#global-nav select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
  /* to enable resizing for IE */
}
#global-nav legend {
  color: #000;
}
#global-nav.no-js .gn-menu-parent:hover .panel,
#global-nav.no-js .gn-menu-parent :focus + .panel {
  display: block;
}
#global-nav.scrolling-header {
  position: absolute;
}
#global-nav.styleguide-global-nav {
  font-family: "Proxima Nova", "helvetica neue", helvetica, arial, sans-serif;
  background-color: rgba(21, 21, 23, 0.95);
  border-bottom: 1px solid black;
}
#global-nav.gn-signed-out .tools {
  right: 10px;
  width: 406px;
}
.zh-hk #global-nav.gn-signed-out .tools {
  width: 391px;
}
.de-de #global-nav.gn-signed-out .tools {
  width: 431px;
}
.es-us #global-nav.gn-signed-out .tools {
  width: 450px;
}
.fr-fr #global-nav.gn-signed-out .tools {
  width: 434px;
}
.ko-kr #global-nav.gn-signed-out .tools {
  width: 401px;
}
.it-it #global-nav.gn-signed-out .tools {
  width: 395px;
}
.pt-br #global-nav.gn-signed-out .tools {
  width: 400px;
}
.vn-vn #global-nav.gn-signed-out .tools {
  width: 437px;
}
.id-id #global-nav.gn-signed-out .tools {
  width: 404px;
}
#global-nav.gn-signed-out .search-window {
  border-width: 6px 49px 7px 6px;
}
#global-nav .gn-wrap {
  position: relative;
  min-width: 800px;
  max-width: calc(100% - 20%);
  margin: 0 auto;
  height: 100%;
}
#global-nav .gn-wrap.override-width {
  min-width: inherit;
  max-width: inherit;
}
#global-nav .logo {
  display: block;
  height: 100%;
  width: 72px;
  position: absolute;
  left: 0;
  top: 0;
}
#global-nav .logo .refresh-logo-2013,
#global-nav .logo .refresh-logo-2013-2x {
  text-indent: -9999px;
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  background-position: center center;
  background-image: url(https://s.yimg.com/pw/images/flickr_logo_gn_styleguide_1x.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/flickr_logo_gn_styleguide_1x.png) 1x, url(https://s.yimg.com/pw/images/flickr_logo_gn_styleguide_2x.png) 2x);
  background-repeat: no-repeat;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  transition: opacity 150ms ease-in-out;
}
#global-nav .logo .refresh-logo-2013:hover,
#global-nav .logo .refresh-logo-2013-2x:hover {
  opacity: 0.7;
}
@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
  #global-nav .logo .refresh-logo-2013 {
    background-image: url(https://s.yimg.com/pw/images/flickr_logo_gn_styleguide_2x.png);
    background-size: 100%;
  }
}
#global-nav .logo a {
  display: block;
  height: 100%;
  width: 100%;
}
#global-nav .logo a img {
  display: block;
  position: absolute;
  left: 0;
  bottom: 12px;
}
#global-nav .logo a.environment {
  font-weight: bold;
  font-size: 13px;
  color: #f33;
  display: inline;
  position: absolute;
  right: 0;
  top: 8px;
  width: auto;
  height: auto;
  -webkit-animation: environment-blink 2s ease-in-out infinite alternate;
  animation: environment-blink 2s ease-in-out infinite alternate;
}
#global-nav .nav {
  display: block;
  margin-left: 164px;
  top: 0;
  height: 50px;
  position: relative;
  overflow: visible;
}
#global-nav .nav.small-logo {
  margin-left: 88px;
}
#global-nav .nav > ul {
  height: 50px;
  display: block;
  position: relative;
}
#global-nav .nav .label-beta {
  display: inline-block;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  background-color: #ff9f00;
  border-radius: 3px;
  margin-left: 10px;
}
#global-nav .tools {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 50px;
  width: 392px;
  transition: left 250ms ease-in-out;
}
#global-nav .tools.with-upload-icon {
  width: 350px;
}
#global-nav .tools.with-upload-icon .label-alpha {
  display: inline-block;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1em;
  text-transform: uppercase;
  color: #fff;
  background-color: #ff9f00;
  border-radius: 3px;
  position: absolute;
  top: 17px;
  left: -36px;
  transition: left 250ms ease-in-out;
}
#global-nav .tools.with-upload-icon .gn-search::-webkit-input-placeholder {
  color: rgba(33, 33, 36, 0.5);
}
#global-nav .tools.with-upload-icon .gn-search::-moz-placeholder {
  color: rgba(33, 33, 36, 0.5);
}
#global-nav .tools.with-upload-icon .gn-search:-ms-input-placeholder {
  color: rgba(33, 33, 36, 0.5);
}
#global-nav .tools.expanded form {
  width: 360px;
  left: -140px;
}
#global-nav .tools.expanded form .gn-search {
  width: 360px;
}
#global-nav .tools.expanded .label-alpha {
  left: -175px;
}
#global-nav .gn-menu-parent {
  display: inline-block;
  position: relative;
}
#global-nav .gn-menu-parent.open .panel {
  display: block;
}
#global-nav .toplink {
  height: 50px;
  display: block;
  float: left;
  position: relative;
}
#global-nav .toplink.right {
  position: absolute;
  right: 320px;
  top: 0;
}
#global-nav .toplink .gn-signup {
  height: 32px;
  text-align: center;
  min-width: 96px;
  padding: 0 20px;
  background-color: #128fdc;
  color: #fff;
  border-radius: 3px;
  border: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  line-height: 32px;
  display: inline-block;
  margin: 9px 20px 0;
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
}
#global-nav .toplink .gn-signup:hover, #global-nav .toplink .gn-signup:focus {
  background-color: #1c9be9;
}
#global-nav .toplink:hover .gn-signup {
  opacity: 1;
}
#global-nav .toplink .badge-sale {
  position: relative;
  z-index: 9999;
  right: 6px;
  top: -2px;
  color: white;
  background-color: #009eff;
  height: 16px;
  line-height: 16px;
  display: inline-block;
  text-align: left;
  font-size: 10px;
  border-radius: 3px;
  padding: 0 7px 0 7px;
  white-space: nowrap;
  cursor: default;
}
#global-nav .toplink .badge-sale::before {
  content: '';
  display: block;
  position: absolute;
  width: 11.31371px;
  height: 11.31371px;
  top: 2.34315px;
  left: -4.15685px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: -1;
  background: #009eff;
  border-radius: 3px;
}
#global-nav .panel {
  position: absolute;
  display: none;
  color: #212124;
  font-size: 13px;
  top: 34px;
  left: 20px;
  min-width: 150px;
  cursor: default;
}
.it-it #global-nav .panel#you-panel, .de-de #global-nav .panel#you-panel, .es-us #global-nav .panel#you-panel, .ko-kr #global-nav .panel#you-panel {
  left: 10px;
}
#global-nav .panel a {
  color: #212124;
}
#global-nav .panel .arrow {
  height: 0;
  width: 0;
  position: relative;
  top: 1px;
  left: 10px;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: #fff transparent;
  z-index: 12;
}
#global-nav .bd {
  position: relative;
  border-radius: 0;
  background: #FFF;
  z-index: 11;
  height: auto;
  overflow: hidden;
  padding: 6px 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
#global-nav .gn-subnav-item {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
}
#global-nav .gn-subnav-item a {
  display: block;
  overflow: hidden;
  color: #212124;
  padding: 0 15px;
  line-height: 26px;
  white-space: pre;
  font-size: 15px;
  font-weight: normal;
}
#global-nav .gn-subnav-item a:hover, #global-nav .gn-subnav-item a:focus {
  background: #e6eaec;
}
#global-nav .header-count,
#global-nav .header-count:hover {
  display: inline-block;
  padding: 0 4px;
  height: 16px;
  min-width: 16px;
  text-align: center;
  line-height: 17px;
  border-radius: 8px;
  font-size: 12px;
  position: absolute;
  right: -5px;
  top: -4px;
  color: white;
  background: #ff0085;
}
#global-nav .gn-upgrade {
  position: absolute;
  left: 196px;
  top: 0;
}
#global-nav .gn-upgrade .gn-link {
  padding: 22px 0 0;
  font-size: 11px;
}
#global-nav .tools form {
  display: block;
  float: left;
  position: relative;
  width: 220px;
  height: 33px;
  margin: 8px 0 0 19px;
  transition: background-color 250ms ease-in-out, width 250ms ease-in-out, left 250ms ease-in-out;
  left: 0px;
}
#global-nav .tools form input::-webkit-input-placeholder {
  color: #777;
}
#global-nav .tools form input:-moz-placeholder {
  color: #777;
}
#global-nav .tools form .gn-search {
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  height: 33px;
  width: 220px;
  margin: 0;
  padding: 0 5px 0 38px;
  border: 0px solid #ccc;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  line-height: 33px\9;
  outline: none;
  border-radius: 3px;
  z-index: 1001;
  background-color: rgba(255, 255, 255, 0.8);
  transition: background-color 250ms ease-in-out, width 250ms ease-in-out, left 250ms ease-in-out;
}
#global-nav .tools form .gn-search:focus {
  box-shadow: inset 0 0 3px 1px rgba(0, 112, 255, 0.13);
  background: #FFF;
}
#global-nav .tools form .search-icon {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 4px;
  height: 100%;
  width: 32px;
  padding: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAuElEQVR4AZWQtVlHQRwEB40uw6GbuxynG5w6iNAQ6eNJE7j9cYdFn9tuNL9vTvlNH8sEPKk+i/RCNhO0+Ij1krGs8s4H+ziM6tgXvSe13u9d5olFpN3ihy5/75KOdmMxQl/oMpLT1I/wSWgyktH0qY50H2GYe5zVNIxwpfDiKxH2c535gjlNXhkmlpnfz7QY1bIvUlmnI6lpt1jf8rV+Vgh55p6QFUbYzWrZdDfVVqFaO4RybZsT7CeLYGIsqHqxpwAAAABJRU5ErkJggg==);
  background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAuElEQVR4AZWQtVlHQRwEB40uw6GbuxynG5w6iNAQ6eNJE7j9cYdFn9tuNL9vTvlNH8sEPKk+i/RCNhO0+Ij1krGs8s4H+ziM6tgXvSe13u9d5olFpN3ihy5/75KOdmMxQl/oMpLT1I/wSWgyktH0qY50H2GYe5zVNIxwpfDiKxH2c535gjlNXhkmlpnfz7QY1bIvUlmnI6lpt1jf8rV+Vgh55p6QFUbYzWrZdDfVVqFaO4RybZsT7CeLYGIsqHqxpwAAAABJRU5ErkJggg==) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAQAAABLCVATAAABjklEQVR4AeWUtdpTQRiE3z3BoQ0tGr0E3LWlilepU57cAHobuFPR4A4/7lLiDe4W3edrdrP/sY53ypln1hcDxRK2cY7X/OjpDefZwkIUofBo8JSORY+pBy/LcI2OQxeZRwDW8ImOW7xnxfg1PyX+mwNUyDOjpzwVDvBLvJ/uqgwyG46QsfhHxX8/eoEeV3ToHy3sKNr8k73ysNKQ0Vq4aEuubh/rqSzKjZIFPkFhsFibv8gwHhnZ9kUYbNPWAYKwX6e3YnBBWxWCUNbpCxi81VaeIMzW6beGIxdxBkGYJBczoaJvGLzRVi7U0l5gcE5b5VCbfR6DHZGOfwcGSyNdyMUYePJEjqJw4n4i0KSj5ePCp+PezxQ35Bvx7WOh8OUb+TD6quT5LKMddX1sWieZxgg28FNiv9hPmdlM7Gk2ZfbLFgeq2sgXOi4FryrKXtn1JXhViibPrCWP2MRM7gavAo9l7OAcb/jJN15wnu0sRgGQdlQF53+t2gXJVL2HZKoOQxJVd0lDvKrj/OAYaegCaiiJX3//iW4AAAAASUVORK5CYII=) 2x);
  background-repeat: no-repeat;
  background-size: 18px;
  background-color: transparent;
  background-position: center center;
  opacity: 0.6;
  z-index: 1002;
  cursor: pointer;
  *padding-left: 100px;
  border: none;
}
#global-nav .global-nav-upload {
  padding-left: 24px;
  padding-right: 24px;
}
#global-nav .upload-icon-link {
  position: absolute;
  right: 33px;
}
#global-nav .upload-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAQAAAAwokVPAAAA4ElEQVR4AZ3TJVBFQRxH4X1DouAJIk6jIX1wKXinB7zgrj3R8YQ7ES+4J9xdDu7/nbdzT/3Nd/2qvxFOM+vcc8A0tfgq03Chld/dUIqDCfVgEakuIsmmgBgcddTGCPbaI1PGGZjVJOEJTEv8/6gejfHUXxyM1D5HSHn+pGHM878dfPBhR1hCv2kMtzJ9XUUe9Em9ONNTDR8l9n1q1FM9B8peh2U9tcNjFLcyNeBD6t8dlypNVPC7C0UPckVfqAi5c0WyZTyksNFnEce/js70WsDV3/9yMj3sG+Jzhol/XZ4BXTMi4fKD4i4AAAAASUVORK5CYII=);
  background-image: -webkit-image-set(url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAQAAAAwokVPAAAA4ElEQVR4AZ3TJVBFQRxH4X1DouAJIk6jIX1wKXinB7zgrj3R8YQ7ES+4J9xdDu7/nbdzT/3Nd/2qvxFOM+vcc8A0tfgq03Chld/dUIqDCfVgEakuIsmmgBgcddTGCPbaI1PGGZjVJOEJTEv8/6gejfHUXxyM1D5HSHn+pGHM878dfPBhR1hCv2kMtzJ9XUUe9Em9ONNTDR8l9n1q1FM9B8peh2U9tcNjFLcyNeBD6t8dlypNVPC7C0UPckVfqAi5c0WyZTyksNFnEce/js70WsDV3/9yMj3sG+Jzhol/XZ4BXTMi4fKD4i4AAAAASUVORK5CYII=) 1x, url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAoCAQAAAAIslF0AAABpklEQVR4AcXXA6xcURhF4V3bCmpG78V1G9Q2YtS2bTeqotoMagRFVNu2bazaM3fOnzl3ZsX8DqItlyhCT1ZyjEd84DnX2cV06pBRYUZNtvORSN1lAvnCQUuwjeAe05M0vtlmPMGlbeT2yfbkI66dopAvtj2fsHSMnmzgPC94yw12Moqyskcl3hFvn9hMqo3NwkX89J7hpHGHR+GzxaRzY3PxGL/NdoO74b82LvAe/HeH7LHYnLwnjPrFgqsTTidiwe0Jq+LB8CDcW8c63GseHU1PD27j2iRJYhKu9VXkKME+sLEmenRkNoV7dtZE94rElrKzZrpppL89YGfN9CbaklF/Rpd4WAMNV2imn5GBW/GyBhpmkkZfo4kf1kBP1NeY54s10A0kcdQXa6Avk14898ca6NbyyRroJeIpwZ2X7HGe4K6IYwT3glQzm8ILgnsnFmAsImXtrWidFPiKyMz9JMDLJTEgCXAbSWTkaILhm2TW1yjH44TCbfUzKvDIC2yfNJTjaELgaf+NODIygPuhwhdoociRmdYs4BhPvMLvuMwy2pBRv/oM5bgZDqlU58YAAAAASUVORK5CYII=) 2x);
  background-repeat: no-repeat;
  background-size: 30px 20px;
  background-color: transparent;
  background-position: center center;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 30px;
  height: 20px;
  position: relative;
  top: -2px;
}
#global-nav .gn-account {
  width: 33px;
  height: 33px;
  display: block;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 8px;
  margin-right: 0;
}
#global-nav .gn-account .account {
  width: 33px;
  height: 33px;
  padding: 0;
  overflow: hidden;
  border-radius: 50%;
  opacity: 1 !important;
}
#global-nav .gn-account:hover .account, #global-nav .gn-account:focus .account {
  border-color: #699bd9;
}
#global-nav .gn-account .panel {
  left: auto;
}
#global-nav .gn-signin {
  position: absolute;
  right: -10px;
  top: 0;
}
#global-nav .gn-signin a {
  padding-right: 0;
  padding-top: 16px;
}
#global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  z-index: 0;
  position: absolute;
}
#global-nav #gb-ac-wrap {
  position: absolute;
  right: -1px;
  top: 28px;
  width: 322px;
}
#global-nav #gb-ac-panel {
  color: #212124;
  font-size: 14px;
  background-color: #FFF;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  border: 1px solid #aaa;
  border-radius: 5px;
  top: 18px;
  right: 0;
  cursor: auto;
  background-size: cover;
  background-position: center;
  /* for new account menu, 2014 */
}
#global-nav #gb-ac-panel.new-account-menu {
  border-radius: 3px;
}
#global-nav #gb-ac-panel.new-account-menu .center {
  text-align: center;
}
#global-nav #gb-ac-panel.new-account-menu.arrow_box:after {
  border-width: 5px;
}
#global-nav #gb-ac-panel.new-account-menu.arrow_box:before {
  border-width: 6px;
}
#global-nav #gb-ac-panel.new-account-menu .usage {
  padding: 0 15px 0 15px;
}
#global-nav #gb-ac-panel.new-account-menu .usage .disk {
  font-size: 14px;
  color: #898989;
}
#global-nav #gb-ac-panel.new-account-menu .usage .unlimited {
  margin-bottom: 10px;
}
#global-nav #gb-ac-panel.new-account-menu .usage .upgrade {
  margin: 10px 0 5px 0;
}
#global-nav #gb-ac-panel.new-account-menu .usage .upgrade .upgrade-btn {
  background-color: #1c9be9;
  text-decoration: none;
  color: white;
  height: 32px;
  line-height: 32px;
  min-width: 80px;
  font-weight: 600;
  font-size: 16px;
}
#global-nav #gb-ac-panel.new-account-menu .meter-bd {
  border: 0;
  box-shadow: 0 0 0 1px transparent, inset 4px 0 #008ddf;
  border-radius: 0;
  background-color: #f3f5f6;
}
#global-nav #gb-ac-panel.new-account-menu .meter-bd .meter {
  background: transparent;
}
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile {
  min-height: 60px;
  padding: 10px 15px 0 15px;
}
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile .wrap .iwrap {
  width: auto;
}
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile .wrap .welcome {
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-weight: inherit;
  text-shadow: none;
}
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile .wrap .wel-desc {
  margin: 3px 0 0 0;
  font-size: 13px;
  line-height: 24px;
  color: #000;
  text-shadow: none;
  font-weight: 400;
}
.open #global-nav #gb-ac-panel {
  display: table;
}
#global-nav #gb-ac-panel .left {
  float: left;
}
#global-nav #gb-ac-panel .right {
  float: right;
}
#global-nav #gb-ac-panel.arrow_box {
  position: relative;
}
#global-nav #gb-ac-panel.arrow_box:after, #global-nav #gb-ac-panel.arrow_box:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#global-nav #gb-ac-panel.arrow_box:after {
  border-bottom-color: #fff;
  right: 10px;
  border-width: 8px;
  margin-left: -8px;
}
#global-nav #gb-ac-panel.arrow_box:before {
  border-bottom-color: #aaa;
  right: 9px;
  border-width: 9px;
  margin-left: -9px;
}
#global-nav #gb-ac-panel .usage {
  padding: 10px 15px;
  position: relative;
  z-index: 2;
  background: white;
  overflow: auto;
}
#global-nav #gb-ac-panel .meter-bd {
  width: 100%;
  height: 4px;
  border: 1px solid white;
  box-shadow: 0 0 0 1px #898989, inset 300px 0 #008ddf;
  border-radius: 3px;
  float: left;
  margin: 10px 0 6px;
}
#global-nav #gb-ac-panel .meter-bd .meter {
  float: right;
  height: 2px;
  background: white;
}
#global-nav #gb-ac-panel .meter-bd .bars {
  display: none;
}
#global-nav #gb-ac-panel .disk {
  margin: 0;
}
#global-nav #gb-ac-panel .upgrade {
  margin: 0;
  line-height: 3em;
}
#global-nav #gb-ac-panel .upgrade-btn {
  font-weight: 500;
  padding: 6px 12px;
  margin-right: 7px;
  border-radius: 3px;
  background: #0063dc;
  color: #fff;
}
#global-nav #gb-ac-panel ul.ac-nav {
  position: relative;
  display: block;
  padding: 0 15px 14px;
  width: 100%;
  height: 1.95em;
  text-align: justify;
  z-index: 2;
  background: white;
  border-radius: 0 0 4px 4px;
}
#global-nav #gb-ac-panel ul.ac-nav::after {
  content: ' ';
  display: inline-block;
  width: 100%;
  height: 0;
  line-height: 1px;
}
#global-nav #gb-ac-panel ul.ac-nav li {
  font-size: 14px;
  display: inline-block;
}
.fr-fr #global-nav #gb-ac-panel ul.ac-nav li {
  font-size: 13px;
}
#global-nav #gb-ac-panel ul.ac-nav li a {
  display: block;
  text-decoration: none;
  color: #006dac;
}
#global-nav #gb-ac-panel ul.ac-nav li a:hover {
  text-decoration: underline;
}
#global-nav #gb-ac-profile {
  padding: 10px 15px;
  min-height: 80px;
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
#global-nav #gb-ac-profile .buddy-icon {
  margin-right: 10px;
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
#global-nav #gb-ac-profile .wrap {
  word-wrap: break-word;
}
#global-nav #gb-ac-profile .wrap .iwrap {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  width: 218px;
  line-height: 1em;
  position: relative;
  z-index: 2;
}
#global-nav #gb-ac-profile .wrap .welcome {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
  color: white;
}
#global-nav #gb-ac-profile .wrap .long-greeting {
  font-size: 16px;
}
#global-nav #gb-ac-profile .wrap .wel-desc {
  margin: 3px 0 0 0;
  font-size: 13px;
  line-height: 18px;
  color: white;
}
#global-nav .New {
  position: absolute;
  right: 8px;
  top: 8px;
  background: #FF0084;
  color: white;
  pointer-events: none;
}

/* [b2 25686] Upload page text formatting in Foreign languages */
body.editr #global-nav .tools {
  /* Make room for longer strings */
  width: 450px;
  /* Keep the links off the buddy icon */
  padding-right: 60px;
  /* Keep the links on the right side */
}
body.editr #global-nav .tools .toplink {
  float: right;
}

html:lang(zh-hk) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 18px;
}

html:lang(de-de) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 54px;
}

html:lang(en-us) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 32px;
}

html:lang(es-us) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 72px;
}

html:lang(fr-fr) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 56px;
}

html:lang(ko-kr) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 32px;
}

html:lang(it-it) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 24px;
}

html:lang(pt-br) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 30px;
}

html:lang(vn-vn) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 62px;
}

html:lang(id-id) #global-nav .gn-autosuggest.gn-autosuggest-sign-in {
  right: 32px;
}
/* -------------------------------------------------------------------------------- */
/* YUI3 Reset */
/* -------------------------------------------------------------------------------- */

html 				{color: #000; background: #fefefe; }
body, div, dl, dt, dd, ul, ol,
li, h1, h2, h3, h4, h5, h6, pre,
code, form, fieldset, legend,
input, textarea, p, blockquote,
th, td 				{ margin: 0; padding: 0; }
table 				{ border-collapse: collapse; border-spacing: 0; }
fieldset, img 			{ border: 0; }
address, caption, cite, code,
dfn, em, strong, th, var 	{ font-style: normal; font-weight: normal; }
li 				{ list-style: none; }
caption, th 			{ text-align: left; }
h1, h2, h3, h4, h5, h6 		{ font-size: 100%; font-weight: normal; }
q:before, q:after 		{content: ''; }
abbr, acronym 			{ border: 0; font-variant: normal; }
sup 				{ vertical-align: text-top; }
sub 				{ vertical-align: text-bottom; }
input, textarea, select		{ font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select		{ *font-size: 100%; }
legend 				{ color: #000; }



/* -------------------------------------------------------------------------------- */
/* Default styles for each tag (from the style guide: */
/* http://ue.corp.yahoo.com/gui/prod/flickr/65_styleguide/index.html) */
/* -------------------------------------------------------------------------------- */

body				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #000; }

a:link 				{ text-decoration: none; color: #0063dc; }
a:visited			{ text-decoration: none; color: #0063dc; }
a:hover				{ text-decoration: none; background-color: #0063dc; color: #fff; }
a:active			{ text-decoration: none; background-color: #0259c4; color: #fff; }

h1				{ font-size: 24px; font-weight: bold; margin-top: 0; padding-top: 25px; }
h2				{ font-size: 18px; margin-bottom: 10px; }
h3				{ font-size: 16px; margin-bottom: 10px; }
h4				{ font-size: 14px; margin-bottom: 10px; }
h5 				{ font-size: 13px; margin-bottom: 10px;}
h6 				{ font-size: 12px; margin-bottom: 10px;}

small 				{ font-size: 11px; color: #999; }

th 				{ font-size: 11px; color: #666; }

input, textarea, select 	{ color: #222; }
textarea 			{ background-color: #fff; }

/* ALL BLACK */

html.all-black {
  background: #000;
}

.all-black body {
  color: #fff;
}

/*
* These are a little too plainly named and were causing problems. I am
* removing them since I think they were grandfathered in from the pre-zeus
* page. If we notice a probelm we can uncomment them. If you see this comment
* after 2012. Go ahead and remove these. And please alter my pants as fashion
* dictates
.info				{ background-color: #dce8f6; }
.warning			{ background-color: #ffffd4; }
.success			{ background-color: #e0fdd1; }
*/

a.image_link:link,
a.image_link:visited,
a.image_link:hover,
a.image_link:active 		{ background-color: transparent; outline: 0; }


/* Take me to the kittens */

#interstitial-notice		{ padding: 7px 10px 6px 30px; background-position: 8px 6px; }
#interstitial-notice input.link	{ background: #dee9f5; color: #0063dc; border: none; }
#interstitial-notice input.link:hover { background-color: #0063dc; color: #fff; cursor: pointer; }
#interstitial-notice {
	position: relative;
	padding: 5px 10px 5px 30px;
	margin-top: 15px;
}
/* -------------------------------------------------------------------------------- */
/* Post Zeus Message strips */
/* -------------------------------------------------------------------------------- */

.Confirm, .Problem, .Alert {
	margin-bottom: 11px;
	padding: 3px 0 7px 38px;
	background: url(https://s.yimg.com/pw/images/icon_check.png) no-repeat left top;
 	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	color: #000;
}

.Confirm_small, .Problem_small, .Alert_small {
	margin-bottom: 11px;
	margin-top: 4px;
	margin-left: 4px;
	padding: 3px 0 7px 38px;
	background: url(https://s.yimg.com/pw/images/icon_check_small.png) no-repeat left top;
 	font-size: 14px;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	color: #000;
}

.Problem {
	padding: 5px 0 10px 38px;
	background: url(https://s.yimg.com/pw/images/icon_alert_big.png) no-repeat left top;
}

.Problem_small {
	padding: 5px 0 10px 38px;
	background: url(https://s.yimg.com/pw/images/icon_alert.png) no-repeat left top;
	margin-top: 1px;
}

.Alert {
	padding: 0 0 14px 35px;
	background: url(https://s.yimg.com/pw/images/icon_alert_big.png) no-repeat left top;
}

.Alert_small {
	padding: 0 0 14px 35px;
	background: url(https://s.yimg.com/pw/images/icon_alert.png) no-repeat left top;
}

.AlertY {
	margin-bottom: 20px;
	padding: 11px 10px 14px 55px;
	background:#ffffd4 url(https://s.yimg.com/pw/images/icon_alert_big.png) 11px 11px no-repeat;
 	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	color: #000;
}

.Pulser {
	margin-bottom: 20px;
	padding: 0 0 5px 35px;
	background: url(https://s.yimg.com/pw/images/pulser2.gif) no-repeat left top;
 	font-size: 14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	color: #000;
}

.Pulser_gray {
	margin-top: 3px;
	background: url(https://s.yimg.com/pw/images/progress/balls-24x12-grey.gif) no-repeat left top;
}

/* -------------------------------------------------------------------------------- */
/* Pre Zeus Message strips */
/* -------------------------------------------------------------------------------- */

p.success,
div.success						{ position: relative; background: #E0FDD1; font-size: 12px; padding: 9px 10px 8px 30px; line-height: 12px; margin-top: 15px;}
p.alert,
div.alert						{ position: relative; background: #FFFFD4; font-size: 12px; padding: 9px 10px 8px 30px; line-height: 12px; margin-top: 15px;}
p.info,
div.info						{ position: relative; background: #DCE8F6; font-size: 12px; padding: 9px 10px 8px 30px; line-height: 12px; margin-top: 15px; }
noscript div.info {
	/* we need to add some space for the header */
	margin-top: 48px;
}
body.has-banner noscript div.info,
body.has-free-refresh-banner noscript div.info,
body.has-pro-refresh-banner noscript div.info {
	margin-top: 96px;
}
p.success .msg-icon,
div.success .msg-icon,
p.alert .msg-icon,
div.alert .msg-icon,
p.info .msg-icon,
div.info .msg-icon				{ position: absolute; top: 7px; left: 10px; display: block; width: 14px; height: 16px; background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1533px -93px; }
p.alert .msg-icon,
div.alert .msg-icon				{ background-position: -1533px -13px; }
p.info .msg-icon,
div.info .msg-icon				{ background-position: -1533px -53px; }
p.success p,
div.success p,
p.alert p,
div.alert p,
p.info p,
div.info p						{ margin: 0; }
p.additional-msg,
div.additional-msg				{ margin-top: 5px; }

body.header-underlap #main > div.success,
body.header-underlap #main > div.alert,
body.header-underlap #main > div.info {
	position: absolute;
	z-index: 1000;
	top: 50px;
	left: 50%;
	margin: 0 0 0 -478px;
	width: 915px;
}

body.header-underlap.with-eyebrow #main > div.success,
body.header-underlap.with-eyebrow #main > div.alert,
body.header-underlap.with-eyebrow #main > div.info {
	top: 72px;
}

/* -------------------------------------------------------------------------------- */
/* Buttons */
/* -------------------------------------------------------------------------------- */

.Butt,
.DeleteButt,
.CancelButt,
.DisabledButt,
.SmallButt,
.SmallDisabledButt,
.SmallDeleteButt,
.SmallCancelButt,
.Butt:visited,
.DeleteButt:visited		{ padding: 4px 6px; *padding: 3px 2px; background: #0063DC; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; font-family: inherit; font-size: 12px; font-weight: bold; color: #fff; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-appearance: none; }

/* Primary button colors */

.Butt,
.SmallButt 			{ background: #0063dc; }
.Butt:hover,
.SmallButt:hover 		{ background: #0054bd; }
.Butt:active,
.SmallButt:active 		{ background: #004eb0; }
.Butt:link,
.SmallButt:link,
.Butt:visited,
.SmallButt:visited 		{ text-decoration: none; color: #fff; }

/* Destructive action button colors (delete, remove, privatize, etc.) */

.DeleteButt,
.SmallDeleteButt 		{ background: #e40600; }
.DeleteButt:visited,
.SmallDeleteButt:visited	{ background: #e40600; }
.DeleteButt:hover,
.SmallDeleteButt:hover		{ background: #c40500; }
.DeleteButt:active,
.SmallDeleteButt:active 	{ background: #b60500; }
.DeleteButt:link,
.SmallDeleteButt:link,
.DeleteButt:visited,
.SmallDeleteButt:visited 	{ text-decoration: none; color: #fff; }

/* Secondary button colors (mostly used for Cancel buttons) */

.CancelButt,
.SmallCancelButt,
.CancelButt:link,
.SmallCancelButt:link,
.CancelButt:visited,
.SmallCancelButt:visited 	{ text-decoration: none; background: #ddd; color: #666; }
.CancelButt:hover,
.SmallCancelButt:hover 		{ background: #cfcfcf; color: #666; }
.CancelButt:active,
.SmallCancelButt:active 	{ background: #c3c3c3; color: #575757; }

/* Disabled button colors */

.DisabledButt,
.DisabledButt:link,
.DisabledButt:active,
.DisabledButt:visited,
.SmallDisabledButt,
.SmallDisabledButt:link,
.SmallDisabledButt:active,
.SmallDisabledButt:visited 	{ text-decoration: none; background: #eee; color: #bbb; cursor: default; }
.SmallButt,
.SmallDisabledButt,
.SmallDeleteButt,
.SmallCancelButt 		{ padding: 3px 5px; *padding: 4px 3px; font-size: 10px; }

/* Safari needs more padding. */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	.Butt,
	.DeleteButt,
	.CancelButt,
	.DisabledButt		{ padding: 5px 9px; }

	.SmallButt,
	.SmallDisabledButt,
	.SmallDeleteButt,
	.SmallCancelButt	{ padding: 5px 8px; }
}

/* Refresh Button Styles */

.RefreshButt,
.RefreshButt:link,
.RefreshButt:active,
.RefreshButt:visited {
	display: inline-block;
	padding: 9px 28px;
	font-size: 17px;
	font-weight: inherit;
	font-family: inherit;
	color: #FFF;
	border-left: 1px solid rgba(0, 0, 0, .1);
	border-top: none;
	border-right: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	background-color: #186BD2;
	background-image: -webkit-linear-gradient(top, #066bea, #186bd2);
	background-image: -moz-linear-gradient(top, #066bea, #186bd2);
	background-image: -ms-linear-gradient(top, #066bea, #186bd2);
	background-image: -o-linear-gradient(top, #066bea, #186bd2);
	background-image: linear-gradient(to bottom, #066bea, #186bd2);
	cursor: pointer;
}

.RefreshButt:hover {
	background-color: #066bea;
	background-image: -webkit-linear-gradient(bottom, #066bea, #186bd2);
	background-image: -moz-linear-gradient(bottom, #066bea, #186bd2);
	background-image: -ms-linear-gradient(bottom, #066bea, #186bd2);
	background-image: -o-linear-gradient(bottom, #066bea, #186bd2);
	background-image: linear-gradient(to top, #066bea, #186bd2);
}
.RefreshCancelButt,
.RefreshCancelButt:link,
.RefreshCancelButt:active,
.RefreshCancelButt:visited {
	display: inline-block;
	padding: 9px 28px;
	font-size: 17px;
	font-weight: inherit;
	font-family: inherit;
	color: #FFF;
	border-left: 1px solid rgba(0, 0, 0, .1);
	border-top: none;
	border-right: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	background-color: #5B5B5B;
	cursor: pointer;
}

.RefreshCancelButt:hover {
	background-color: #4B4B4B;
}

.RefreshRedButt,
.RefreshRedButt:link,
.RefreshRedButt:active,
.RefreshRedButt:visited {
	display: inline-block;
	padding: 9px 28px;
	font-size: 17px;
	font-weight: inherit;
	font-family: inherit;
	color: #FFF;
	border-left: 1px solid rgba(0, 0, 0, .1);
	border-top: none;
	border-right: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	background-color: #e10019;
	background-image: -webkit-linear-gradient(top, #ff0000, #e10019);
	background-image: -moz-linear-gradient(top, #ff0000, #e10019);
	background-image: -ms-linear-gradient(top, #ff0000, #e10019);
	background-image: -o-linear-gradient(top, #ff0000, #e10019);
	background-image: linear-gradient(to bottom, #ff0000, #e10019);
	cursor: pointer;
}

.RefreshRedButt:hover {
	background-color: #ff0000;
	background-image: -webkit-linear-gradient(bottom, #ff0000, #e10019);
	background-image: -moz-linear-gradient(bottom, #ff0000, #e10019);
	background-image: -ms-linear-gradient(bottom, #ff0000, #e10019);
	background-image: -o-linear-gradient(bottom, #ff0000, #e10019);
	background-image: linear-gradient(to top, #ff0000, #e10019);
}

.RefreshDisabledButt,
.RefreshDisabledButt:link,
.RefreshDisabledButt:active,
.RefreshDisabledButt:visited {
	display: inline-block;
	padding: 9px 28px;
	font-size: 17px;
	font-weight: inherit;
	font-family: inherit;
	color: #999;
	border-left: 1px solid rgba(0, 0, 0, .1);
	border-top: none;
	border-right: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);
	background-color: #5B5B5B;
	pointer-events: none;
	cursor: default;
}

.RefreshDisabledButt:hover {
	background-color: #4B4B4B;
}

/* -------------------------------------------------------------------------------- */
/* Sub Nav. Could use a bit of cleaning up, both in CSS and HTML. */
/* -------------------------------------------------------------------------------- */

#SubNav 			{ width: auto; margin-top: 20px; margin-bottom: 32px; }
#SubNav tr 			{ vertical-align: top; }
#SubNav a 			{ text-decoration: none; }
#SubNav .Buddy 			{ padding-right: 10px; text-align: left; vertical-align: top; }
#SubNav .Buddy a		{ font-size: 0px; line-height: 0px; }
#SubNav td.group-padding 	{ padding-right: 10px; }
#SubNav .Buddy img.personmenu-trigger { display: block; }
#SubNav .Section 		{ width: 100%; padding-top: 1px; }
#SubNav .Section h1 		{ padding: 0; margin: 0 0 9px 0; line-height: 1em; text-rendering: optimizelegibility; }
#SubNav .Section .Links 	{ font-size: 12px; margin: 0; padding: 0; vertical-align: top; }
#SubNav .Section .Links img 	{ margin-left: 5px; margin-right: 5px; vertical-align: middle; }
#SubNav .Section .Links .Here 	{ color: #000000; font-weight: bold; }
#SubNav .Section .LinksNew .Last { border-right: none; }
#SubNav .Section .LinksNewP 	{ font-size: 12px; margin: 4px 0 0; padding: 0; vertical-align: top; }
#SubNav .Section .LinksNew .Here { color: #000000; font-weight: bold; }
#SubNav .Section .LinksNew span { padding: 0 6px 0 0; margin: 0 6px 0 0; border-right: 1px dotted #dadada; }
#SubNav .Section .photo_navi_contact .edit_relationship { font-size: 11px; }
#SubNav .Section .photo_navi_contact { white-space: nowrap; }
#SubNav .Section small 		{ font-weight: normal; line-height: 0; }
#SubNav .Extras 		{ vertical-align: top; width: 200px; font-size: 12px; color: #333; }
#SubNav .Extras p 		{ width: 200px; }
#SubNav .Extras img 		{ border: none; }
#SubNav .Extras form 		{ margin: 0; padding: 0; }
#SubNav .Extras .SlideShow 	{ text-align: right; width: 200px; padding-top: 12px }
#SubNav .Extras .SharePhotos,
#SubNav .Extras .ShareSet 	{ clear: right; text-align: right; width: 200px; padding-top: 2px; }
#SubNav .Extras .SharePhotos img,
#SubNav .Extras .ShareSet img 	{ border: none; vertical-align: middle; }
.flickrmail { background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -812px -55px; }

/* 2012 GLOBAL NAV - Updates to UI bits */

.new-header #SubNav .Section .overflow-shim		{ color: #333; max-width: 1px; overflow: visible; white-space: nowrap; }
.new-header #SubNav .pro-badge				{ display: inline-block; width: 20px; height: 12px; text-indent: 9999px; white-space: nowrap; overflow: hidden; position: relative; background-image: url(https://s.yimg.com/pw/images/badge_pro_trans.png); }
.new-header.new-pro-flag #SubNav .pro-badge		{ width: 30px; height: 14px; background-image: url(https://s.yimg.com/pw/images/gn-sprite.png.v2); background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/gn-sprite.png.v2) 1x, url(https://s.yimg.com/pw/images/gn-sprite2x.png) 2x); }
.new-header #SubNav .pro-badge:hover			{ background-color: transparent; }
.new-header #SubNav h1 small,
.new-header #SubNav h1 small a				{ color: #666; white-space: nowrap; }
.new-header #SubNav h1 small a:hover			{ color: white; }
.new-header #SubNav .Section .photo_navi_contact,
.new-header #SubNav .Section .flickrmail-container	{ padding: 0 0 0 5px; margin: 0 0 0 5px; border-left: 1px dotted #dadada; }
.new-header #SubNav .Section .LinksNew + .photo_navi_contact { padding: 0; margin: 0; border-left: none; }
.new-header #SubNav .Section .flickrmail		{ background-position: -812px -15px; }
.new-header #SubNav .Section .flickrmail-container a:hover .flickrmail { background-position: -812px -55px; }

.new-header #SubNav .subnav-menu .caret			{ display: inline-block; text-indent: 9999px; white-space: nowrap; overflow: hidden; width: 12px; height: 13px; background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1015px -93px; margin: 0 0 0 3px; padding: 0; border-right: none; vertical-align: text-top; }
.new-header #SubNav .subnav-menu a.ActiveButt		{ background-color: transparent; color: #333; font-weight: bold; }
.new-header #SubNav .subnav-menu a.ActiveButt .caret	{ background-position: -1015px -13px; }

.new-header #SubNav #options-menu ul li a		{ width: 92px; padding-left: 7px; }

.new-header #SubNav .Extras				{ padding-top: 3px; }

/* TERTIARY NAVI - 24 x 24 buddy icon, one line of links, slideshow link on the right */

#Tertiary 			{ width: 100%; }
#Tertiary a 			{ text-decoration: none; }
#Tertiary tr 			{ vertical-align: top; }
#Tertiary td 			{ padding: 0 0 10px 0; }
#Tertiary div.SlideShow 	{ float: right; text-align: left; width: 140px; padding-top: 30px; }
#Tertiary div.SlideShowShareButtons { float: right; text-align: left; margin-top: 30px; }
#Tertiary div.SearchBox 	{ float: right; text-align: left; padding-top: 14px; }

/* Slideshow / Share buttons */

#SubNav .Extras div.SlideShowShareButtons { text-align: right; margin-top: -6px; }
.SlideShowShareButtons 		{ position: relative; text-align: right; z-index: 1000; zoom: 1; }
.wide_top .SlideShowShareButtons { margin-top: 0; padding-top: 0; border: 0; }

#SSButtonHugger 		{ position: relative; z-index: 251; white-space: nowrap; zoom: 1; }
#SSButtonHugger span 		{ float: right; display: inline; }
#SSButtonHugger span.slideshow-link-wrapper { float: none; }
#SSButtonHugger a 		{ text-decoration:none; display:block; font-weight:bold; font-size:11px; zoom:1; _width:30px; }

#SlideShowButton	 	{ background: transparent url(https://s.yimg.com/pw/images/sharing_sprite.png) no-repeat 100% 3px; border: solid 1px #fff; padding: 5px 26px 5px 6px; line-height: 13px; color: #a1a1a1; white-space: nowrap; text-decoration: none; z-index: 252; }
#SlideShowButton 		{ background-position: 100% -85px; padding-right: 29px; margin-right: 5px; }
#SlideShowButton:hover 		{ color: #0259C4; background-position: 100% -108px; }

#GPTooltip 			{ display: none; }

/* -------------------------------------------------------------------------------- */
/* Classes used all over the site. */
/* -------------------------------------------------------------------------------- */

#beacon,
.ad_beacon 			{ position: absolute; height: 0; width: 0; }
.breaking-non-space 		{ font-size: 0; line-height: 0; }

/* Flickr User Badge */

p.flickr-user 			{ position: relative; min-height: 26px; *height: 26px; padding: 0; overflow: visible; }
p.flickr-user span.name 	{ float: left; margin: 0; padding-left: 30px; padding-right: 10px; line-height: 14px; }
p.flickr-user span.name img 	{ display: block; position: absolute; top: 0; left: 0; }
p.flickr-user span.name img.ProIcon { display: inline; position: static; vertical-align: bottom; }
p.flickr-user span.name a.pro-link:hover { background: transparent; }
p.flickr-user span.name strong.username { display: block; color: #222; margin-top: -1px; font-size: 13px; font-weight: normal; }
p.flickr-user span.name strong.username a { color: #222; text-decoration: none; }
p.flickr-user span.name strong.username a:hover { color: #0063DC; background: transparent; }
p.flickr-user span.name span.realname { display: block; float: left; margin-top: 1px; padding: 0; font-size: 11px; color: #bbb; }

.delete-x 			{ display: block; width: 14px; height: 14px; background: url(https://s.yimg.com/pw/images/delete_x_small_sprite.gif) no-repeat 3px 4px; }
.delete-x:hover 		{ background-position: 3px -34px; }
.delete-x span 		{ position: absolute; left: -999em; }

.delete-x-inline img 		{ background: url(https://s.yimg.com/pw/images/delete_x_small_sprite.gif) no-repeat 0px 2px; }
.delete-x-inline:hover 	{ background-color: transparent; }
.delete-x-inline:hover img 	{ background-position: 0px -36px; }

.close-x,
.close-x-red {
	display:block;
	background:transparent url(https://s.yimg.com/pw/images/close_x_sprite.png) no-repeat 0 0;
	width:16px;
	height:16px;
	cursor:pointer;
	cursor:hand;
}

.close-x:hover {
	background-position: 0 -22px;
}

.close-x-red:hover {
	background-position: 0 -44px;
}

.close-x span,
.close-x-red span {
	position:absolute;
	left:-999em;
}

/* Used to hide elements so that screen readers can still see them, without using display: or positioning. Courtesy of Todd Kloots. */

.obscured {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);  /* IE 6 + 7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Site-wide sprite. */

.f-sprite 					{ background-image: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5); }

.fs-add_to_delicious 				{ background-position: -375px -15px; }
.fs-badge_pro 					{ background-position: -328px -14px; }

.fs-cc_icon_attribution_small 			{ background-position: -612px -12px; }
.fs-cc_icon_noderivs_small 			{ background-position: -612px -52px; }
.fs-cc_icon_noncomm_small 			{ background-position: -612px -92px; }
.fs-cc_icon_sharealike_small 			{ background-position: -652px -12px; }
.fs-icon_no_known_restrictions 			{ background-position: -652px -92px; }
.fs-icon_all_rights 				{ background-position: -652px -52px; }
.fs-icon_getty_15x15 				{ background-position: -454px -14px; }
.fs-icon_getty_virgin_15x15 			{ background-position: -454px -54px; }
.fs-icon_gray_circle 				{ background-position: -693px -13px; }

.fs-icon_cart 					{ background-position: -372px -52px; }
.fs-icon_check 					{ background-position: -1535px -92px; }
.fs-icon_unread 				{ background-position: -812px -53px; }
.fs-icon_unread_bw 				{ background-position: -812px -13px; }
.fs-send_to_a_friend 				{ background-position: -375px -94px; }

.fs-icon_a_bit_private 				{ background-position: -733px -53px; }
.fs-icon_guest_pass 				{ background-position: -733px -93px; }
.fs-icon_private 				{ background-position: -773px -13px; }
.fs-icon_public 				{ background-position: -733px -13px; }

.fs-icon_camera,
.fs-icon_video_camera				{ background-position: -293px -13px; }
.fs-icon_art,
.fs-icon_animation				{ background-position: -293px -53px; }
.fs-icon_screenshot,
.fs-icon_screencast				{ background-position: -293px -92px; }

.fs-icon_groups					{ background-position: -1970px -12px; }

.fs-icon_public_domain {
	background-image: url(https://s.yimg.com/pw/images/icon-public-domain.png);
}
.fs-icon_cc0 {
	background-image: url(https://s.yimg.com/pw/images/icon-cc0.png);
}

.caret				{ font-family: 'Arial Unicode MS', Arial; font-size: 17px; line-height: 12px; vertical-align: text-top; }

/* Video styles. */

.video-wrapper			{ background-color: #000; }
.video-wrapper .flash-notice 	{ display: none; padding: 120px 50px 0; font-size: 16px; text-align: center; color: #fff; }
.video-loading 			{ position: absolute; display: block; color: #fff; background-color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 3px 5px; font-size: 12px; line-height: 14px; }
.video-wrapper embed	{ outline: none; }



/* -------------------------------------------------------------------------------- */
/* thumbnails - their container, the image, the spaceball, and the video play icon */
/* -------------------------------------------------------------------------------- */

/* containing span */
/* don't ever apply any border, padding, or margin to this thing - its whole job is to contain the photo with no white space inside it */
span.photo_container {
	display: inline-block;
	line-height: 0;
	position: relative;
	*font-size: 0; /* ie7 because it doesn't understand inline-block */
	*display: inline; /* ie7 because it doesn't understand inline-block */
	*zoom: 1; /* ie7 because it doesn't understand inline-block */
}

/* links */
/* the thumbnail link, the video icon link, and the spaceball link */
span.photo_container a {
	display: inline-block; /* removes whitespace at the bottom of the div */
	*font-size: 0; /* ie7 because it doesn't understand inline-block */
	*display: inline; /* ie7 because it doesn't understand inline-block */
	*zoom: 1; /* ie7 because it doesn't understand inline-block */
}
span.photo_container a:hover { /* we don't want any kind of blue background on any of these links */
	background-color: transparent !important; /* this !important was put in here with some thought */
}

/* video play icon link */
span.photo_container a.pc_link {
	position: absolute;
}
span.pc_tiny a.pc_link, /* stats */
span.pc_s a.pc_link, /* square */
span.pc_q a.pc_link, /* square */
span.pc_t a.pc_link { /* thumbnail */
	bottom: 0;
	height: 11px;
	left: 2px;
	width: 11px;
}
span.pc_m a.pc_link { /* small */
	bottom: 1px;
	height: 15px;
	left: 3px;
	width: 22px;
}
span.pc_l a.pc_link, /* medium 500 */
span.pc_z a.pc_link { /* medium 640 */
	bottom: 3px;
	height: 22px;
	left: 5px;
	width: 40px;
}

/* spaceball */
span.photo_container a.spaceball {
	background-color: transparent;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
span.photo_container a.spaceball img {
	position: absolute;
	height: 100%;
	width: 100%;
}



/* -------------------------------------------------------------------------------- */
/* misc */
/* -------------------------------------------------------------------------------- */

.anaglyph			{ text-shadow: -0.06em 0 red, 0.06em 0 cyan; }

.pink				{ color: #ff0084; }
.New 				{ font: 8px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #ffe28a; padding: 1px; vertical-align: middle; }
.preview-badge 			{ font: 8px Verdana, Arial, Helvetica, sans-serif; color: #000; background: #e8cafd; padding: 1px; vertical-align: middle; text-transform: uppercase; }
.svn-bump 			{ color: #000; }
.clear 				{ clear: both; }

/* -------------------------------------------------------------------------------- */
/* Header. */
/* -------------------------------------------------------------------------------- */

#head 				{ min-height: 63px; border-bottom: 1px dotted #dadada; text-align: center; }
#head 				{ *height: 64px; *padding-bottom: 1px; *background: url(https://s.yimg.com/pw/images/dotted.gif) repeat-x left bottom; *border: none; } /* For IE6/7 */
#head #head-top 		{ width: 990px; min-width: 990px; overflow: hidden; margin: 0 auto; }
#head #head-top #head-logo img 	{ float: left; margin: 5px 0 0 5px; }
#head #head-top #head-status 	{ padding: 4px 15px 2px; font-size: 11px; color: #999; text-align: right; vertical-align: top; }
#head #head-top #head-status a 	{ text-decoration: none; }

.env-status			{ font-weight: bold; color: #f33; }

#shopping-cart,
#mail-status			{ background-color: transparent; }
#shopping-cart img,
#mail-status img		{ vertical-align: middle; }

#head a .go-pro 		{ color: #ff0084; }
#head a:hover .go-pro 		{ color: #fff; }

.subnav				{ margin-top: 25px; }

/* -------------------------------------------------------------------------------- */

#head #head-nav-bar 		{ width: 990px; min-width: 990px; margin: 3px auto 0; }

#head #head-nav-bar #search_header_form_td { vertical-align: bottom; text-align: right; padding-bottom: 5px; padding-right: 4px; }
#head #head-nav-bar #search_header_form_td form { padding: 0; margin: 0; }
#head #head-nav-bar #search_header_form_td form input { vertical-align: bottom; margin: 0; color: #222; background-color:#fff; }
#head #head-nav-bar #search_header_form_td form img { vertical-align: bottom; margin: 0; }
#head #head-nav-bar #search_header_form_td .Box { width: 170px; font-size: 11px; margin: 0; }
#head #head-nav-bar #header_search_q { width: 200px; margin-top: 1px; -webkit-appearance: textfield; outline-offset: -2px; }

#head #head-nav-bar #header_search_q[type="search"]::-webkit-search-decoration,
#head #head-nav-bar #header_search_q[type="search"]::-webkit-search-cancel-button,
#head #head-nav-bar #header_search_q[type="search"]::-webkit-search-results-button,
#head #head-nav-bar #header_search_q[type="search"]::-webkit-search-results-decoration {
	display: none;
}


/* Fullscreen pages. */

#head #head-top.full,
#head #head-nav-bar.full 	{ width: 100%; }
* html #head #head-top.full,
* html #head #head-nav-bar.full { width: expression(document.body.clientWidth < 820 ? "820px" : "100%"); }

/* Status notifications. */

div#status-notification 	{ position: relative; overflow: hidden; _width: 760px; margin-top: 1px; margin-bottom: 0; padding: 10px 10px 10px 25px; font-size: 14px; font-weight: bold; text-align: left; vertical-align: middle; }

/* BB Partner Header */

#bb_header 			{margin-bottom:6px;background: url(https://s.yimg.com/pw/images/bb_header_bg.png);border-bottom:1px solid #b3b3b3;height:24px;font-size:11px;color:#333;line-height:24px;}
#bb_header .bb_h_inner 		{text-align:left;width:980px;margin:auto;position:relative;}
* html #bb_header .bb_h_inner 	{padding-top: 2px;}
#bb_header a 			{color:#333;text-decoration:none}
#bb_header a:hover 		{background:none;text-decoration:underline}

#bb_header form 		{width:600px;float:right;text-align:right;position:absolute;top:0;right:0;margin:0;padding:0;font-family:Verdana;font-size:10px}
* html #bb_header form 		{top: 2px;}
#bb_search 			{width:300px;border:1px solid #999}
#bb_header p 			{margin:0;padding:0;font-size:10px}
#bb_header label 		{font-weight:bold;}
#bb_header .bb_butt 		{font-size:11px;}

#bb_header img 			{position:relative;top:4px}

/* -------------------------------------------------------------------------------- */
/* Used for the browser upgrade message. */
/* -------------------------------------------------------------------------------- */

#browser-upgrade-msg		{ position: relative; width: 975px; height: 100px; padding: 30px 0 20px; background: url(https://s.yimg.com/pw/images/browser-upgradge-msg-bkgd.png) no-repeat 0 0; }
.super-liquid #browser-upgrade-msg		{ background-color:rgb(189,232,255); margin-top:71px; width:100%; }
#browser-upgrade-msg h3		{ padding: 8px 0 0 90px; font-size: 46px; font-weight: bold; color: #363636; }
#browser-upgrade-msg p		{ padding: 26px 300px 0 45px; font-size: 14px; *font-size: 13px; line-height: 19px; color: #363636; }
.super-liquid #browser-upgrade-msg p		{ padding: 26px 0 0 45px; width:647px; }
#browser-upgrade-msg .browsers	{ position: absolute; top: 80px; left: 695px; }
#browser-upgrade-msg .browsers li { display: block; position: absolute; top: 0; left: 0; width: 57px; height: 55px; }
#browser-upgrade-msg .browsers li a { display: block; width: 57px; height: 56px; background-repeat: no-repeat; background-position: 0 -73px; }
#browser-upgrade-msg .browsers li a:hover { background-color: transparent; background-position: 0 -73px; }/* Set background position to 0 0 to get hover state (need a new background for this to look good). */
#browser-upgrade-msg .browsers li.chrome  	 { left: 0; }
#browser-upgrade-msg .browsers li.safari  	 { left: 66px; }
#browser-upgrade-msg .browsers li.firefox 	 { left: 132px; }
#browser-upgrade-msg .browsers li.ie 	  	 { left: 198px; }
#browser-upgrade-msg .browsers li.chrome a 	 { background-image: url(https://s.yimg.com/pw/images/browser-chrome.gif); }
#browser-upgrade-msg .browsers li.safari a 	 { background-image: url(https://s.yimg.com/pw/images/browser-safari.gif); }
#browser-upgrade-msg .browsers li.firefox a 	 { background-image: url(https://s.yimg.com/pw/images/browser-firefox_4-9.gif); }
#browser-upgrade-msg .browsers li.ie a 	  	 { background-image: url(https://s.yimg.com/pw/images/browser-ie.gif); }
#browser-upgrade-msg a.close-x 	{ position: absolute; right: 7px; top: 7px; }
#browser-upgrade-msg a.close-x:hover { background-color: transparent; }

#iecompat-msg		{ position: relative; width: 975px; height: 100px; padding: 30px 0 20px; background: url(https://s.yimg.com/pw/images/browser-upgradge-msg-bkgd.png) no-repeat 0 0; }
.super-liquid #iecompat-msg { background-color:rgb(189,232,255); margin-top:46px; width:100%; }
#iecompat-msg h3		{ padding: 8px 0 0 90px; font-size: 46px; font-weight: bold; color: #363636; }
#iecompat-msg p		{ padding: 26px 300px 0 45px; font-size: 14px; *font-size: 13px; line-height: 19px; color: #363636; }
.super-liquid #iecompat-msg p		{ padding: 26px 0 0 45px; width:647px; }
#iecompat-msg a.close-x 	{ position: absolute; right: 7px; top: 7px; }
#iecompat-msg a.close-x:hover { background-color: transparent; }

/* -------------------------------------------------------------------------------- */
/* Main body div.*/
/* -------------------------------------------------------------------------------- */

#main 				{ width: 800px; margin-bottom: 0; margin-top: 0; margin-left: auto; margin-right: auto; text-align: left; padding-top: 0; padding-left: 0; padding-right: 0; min-width: 800px; }

/* -------------------------------------------------------------------------------- */
/* RSS and Atom Feeds. */
/* -------------------------------------------------------------------------------- */

#feeds 				{ width: 975px; margin: 0 auto; font-size: 11px; color: #999; }
#feeds img 			{ margin-bottom: 2px; vertical-align: middle; }
#feeds-xml 			{ float: left; }

/* -------------------------------------------------------------------------------- */
/* Footer. We can probaly strip these out now that we have foot_zeus.source.css */
/* -------------------------------------------------------------------------------- */

.Footer 			{ position: relative; width: 800px; text-align: left; color: #ccc; border-top: 1px dotted #dadada; margin: 10px auto 0; padding: 9px 10px 10px; }
#FooterFullwidthPadder 		{ padding: 0 10px; }
* html .Footer 			{ z-index: -1; }
.Footer .Jump 			{ width: 100%; }
.Footer .Jump .To 		{ white-space: nowrap; font-size: 11px; line-height: 20px; color: #999; font-weight: bold; }  /* IntlRef: sea.css */
.Footer .Jump .To .Plain:link 	{ color:  #999; }
.Footer .Jump .To .Plain:visited { color:  #999; }
.Footer .Jump .To .Plain:hover 	{ color: #3886E6; background-color: transparent; }
.Footer .Jump .To .Plain:active { color: #3886E6; background-color: transparent; }
.Footer .Jump td 		{ width: 100%; font-size: 11px; line-height: 18px; color: #cccccc; padding-left: 20px; }
.Footer .About 			{ margin: 11px 0; font-size: 11px; line-height: 18px; }
.Footer .About span 		{ float: right; border: none; }
.Footer .About span.bb_logo 	{ margin-top: -25px; }
.Footer .About span i 		{ display: block; color: #666; }
.Footer a:link 			{ text-decoration: none; }
.Footer a:visited 		{ text-decoration: none; }
.Footer .Delicious 		{ position: absolute; right: 10px; top: 1em; font-size: 11px; line-height: 18px; }
.Footer .cobrand-logo 		{ float:right; }

.Footer p.LanguageSelector 	{ font-size: 11px; text-align: center; margin-top: 3em; }
.Footer .LanguageSelector span 	{ display: block; margin-bottom: .5em; }
.Footer .LanguageSelector img 	{ vertical-align: middle; }
.Footer .LanguageSelector a.selected
				{ color: #999; cursor: default; }
.Footer .LanguageSelector a.selected:hover
				{ background: none; }

a#lang_zh-hk img,
a#lang_ko-kr img 		{ background-image: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5); background-repeat: none; background-position: -500px -13px; }
a:hover#lang_zh-hk img 		{ background-position: -500px -53px; background-color: #0063dc; }
a#lang_ko-kr img 		{ background-position: -569px -14px; }
a:hover#lang_ko-kr img 		{ background-position: -569px -54px; background-color: #0063dc; }

/* -------------------------------------------------------------------------------- */
/* User content restrictions */
/* -------------------------------------------------------------------------------- */

img.notsowide {
	/* try to keep user-submitted image size reasonable */
	height: auto;
	max-width: 500px;
	vertical-align: text-bottom;
	/* *behavior:expression(F.fixMaxWidth(this)); applied + defined elsewhere due to x-domain rules */
}

/**
 * blocked third-party images
 * update these rules in flickr.css, too
 */

img.blocked-image {
	/* placeholder for blocked third-party inline images in comments */
	width: 25px;
	height: 21px;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAMAAACE9bUqAAAAM1BMVEUAAABtbnB3d3mAgYOKi4yxsrPi4uKUlJbFxcaenp/19fVjZGb////Oz8/s7OzY2NmnqKkpyC42AAAAAXRSTlMAQObYZgAAAIBJREFUeF6V0UkOAjEMRcF4ytwN9z8tJjZBJCDgbUvyXziE9r4Je78IiVZgk3R2K+Or5D6r7GJQBVtjd3pKin6e611OmHIoOI2t60OIDeZgdKFDLFJJY8lFuicq+EGQbYgZF6HarUiLNIwGsO9ANBhSLl5pRgomS5Dh+3/+fXe4AXN5FQqb3kk5AAAAAElFTkSuQmCC) no-repeat 0px 0px;
	cursor: pointer;
	/* cheap collapse hack (for images inside links, eliminate blue hover bleed) */
	vertical-align: bottom;
	filter: alpha(opacity=33);
	opacity: 0.33;
	/* hack: nice spacing avoiding BG color, without using margin/padding */
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

a:hover img.blocked-image,
img.blocked-image:hover {
	filter: none;
	opacity: 1;
}

img.blocked-loading {
	/* effect applied while loading remote image */
	background: transparent url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 50% 50%;
	filter: none;
	opacity: 1;
	/* while image is loading, make sure it's at least big enough to show the balls. */
	min-width: 16px;
	min-height: 16px;
}

img.blocked-loaded {
	/* reset background, once loaded */
	background: transparent;
}

/* -------------------------------------------------------------------------------- */
/* Dumped here by dunstan after removing it from photo-zeus.source.css */
/* -------------------------------------------------------------------------------- */
/* Misc */

h3						{ color: #000; }
:-moz-any-link:focus 				{ outline: none; }
img.fade-in					{ opacity: 0; }

.TopBar .Header,
.TopBar .NavBar					{ width: 990px; }
#main						{ margin-top: 5px; }
#main,
.Footer						{ width: 975px; position: relative; }
#search_header_form_td				{ padding-bottom: 5px; }

/* -------------------------------------------------------------------------------- */
/* Clearing fixes */
/* -------------------------------------------------------------------------------- */

.clearfix {zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}


/* -------------------------------------------------------------------------------- */
/* Tooltips */
/* -------------------------------------------------------------------------------- */

div.ToolTip {
	background-color: #ffffdd;
	color: #000000;
	padding: 8px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	position: absolute;
	font-size: 12px;
	text-align: left;
	cursor: default;
}

div.ToolTipSmall {
	background-color: #ffffdd;
	color: #000000;
	padding: 2px 4px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	position: absolute;
	font-size: 11px;
	_font-size: 10px; /* IE 6 */
	text-align: left;
	cursor: default;
}

/* -------------------------------------------------------------------------------- */

body.flip {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
}


a.pro-link,
a.pro-link:hover {
	background: transparent;
}


/* ------------------------------------ */
/* Rushmore Referrer messaging          */
/* ------------------------------------ */

#referral-welcome {
	position: relative;
	background: #f4f4f4;
	margin-top: 16px;
	*zoom: 1; /* got damn IE6 */
	*border:1px solid #f4f4f4; /* stupid IE 6 render fix */
}

#referral-welcome .bd {
	position: relative;
	padding: 10px 12px 10px 12px;
	font-size: 12px;
}

#referral-welcome .bd .divide {
	margin: 0 0.33em 0 0.33em;
	color:#ccc;
}

#referral-welcome .bd h3 {
	display: inline;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #000;
}

#referral-welcome .bd a.sab-offwhite {
	margin-top: 0.33em;
}

#referral-welcome .loggedout h3 {
	color: #ff0084;
	font-weight: normal;
}

#referral-welcome .loggedout p {
	color: #666;
}

#referral-welcome .bd p {
	margin: 2px 0 0 0;
	padding: 0;
}

#referral-welcome .bd .heading {
	vertical-align: bottom;
}

#referral-welcome .welcome-note {
	color: #666;
	margin-left: 0.5em;
}

#referral-welcome a {
	text-decoration: none;
}

#referral-welcome a.close-x {
	position:absolute;
	right: 0;
	top: 0;
	margin: 8px 8px 0 0;
}

#referral-welcome .clearfix {
	clear: both;
	font-size: 1px;
	height: 1px;
	overflow:hidden;
}

/* ------------------------------------ */
/* "Small-ass Button" (CTA style)       */
/* ------------------------------------ */

a.sab,
a.sab-offwhite {
 /* "Small-Ass Button" */
 display:inline-block;
 display:-moz-inline-box;
 *width:1px; /* IE width fix */
 white-space:nowrap; /* for IE width */
 padding-left:20px;
 cursor:pointer;
 cursor:hand;
 text-decoration:none !important;
}

a.sab,
a.sab:hover,
a.sab strong,
a.sab-offwhite,
a.sab-offwhite:hover,
a.sab-offwhite strong {
 background:transparent url(https://s.yimg.com/pw/images/button-cta-small.png) no-repeat 0 0;
 height:30px;
 line-height:30px;
}

a.sab strong,
a.sab-offwhite strong {
 display:block;
 background:transparent url(https://s.yimg.com/pw/images/button-cta-small.png) no-repeat right 0;
 padding-right:20px;
 text-align:center;
 color:#ff3ea4;
 font-size:16px;
 font-weight:bold;
}

a.sab-offwhite,
a.sab-offwhite:hover {
 background:transparent url(https://s.yimg.com/pw/images/button-cta-small-f4f4f4.png) no-repeat 0 0;
}

a.sab-offwhite strong {
 background:transparent url(https://s.yimg.com/pw/images/button-cta-small-f4f4f4.png) no-repeat right 0;
}

/* pure css bab */
a.sbab{
	display:inline-block;
	display:-moz-inline-box;
	*display: inline;
	_height: 30px;
	zoom: 1;
	white-space:nowrap; /* for IE width */
	cursor:pointer;
	cursor:hand;
	text-decoration:none !important;
}

a.sbab{
	height:34px;
/*	width: 131px;*/
}

a.sbab strong{
	font-size: 16px;
	font-weight: bold;
	color: #fe63bb;
	padding: 8px 10px 10px;
	text-align: center;
	display: block;
	font-weight: bold;
	text-shadow: #fff 0 1px 0;
}

a.sbab{
	background-color: #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F3', endColorstr='#D6D6D6');
	background: -moz-linear-gradient(0% 100% 90deg,#D6D6D6, #F5F5F3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F5F5F3), to(#D6D6D6));
	background: linear-gradient(to bottom, #F5F5F3 0%, #D6D6D6 100%);
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.6);
	box-shadow: 0 4px 2px #999;
}

a.ssbab,
a.ssbab:visited {
	display: block;
	padding: 0 50px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 41px;
	color: #FFF;
	height: 41px;
	border: 1px solid #a2173d;
	border-radius: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	background-image: url('https://s.yimg.com/pw/images/ssbab_bg.gif');
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ef7fb4 4%, #e52a82 5%, #e52a82 56%, #cf2572 56%, #b91f61 61%);
	background-image: -webkit-linear-gradient(top, #ef7fb4 4%, #e52a82 5%, #e52a82 56%, #cf2572 56%, #b91f61 61%);
	background-image: -o-linear-gradient(top, #ef7fb4 4%, #e52a82 5%, #e52a82 56%, #cf2572 56%, #b91f61 61%);
	background-image: linear-gradient(top, #ef7fb4 4%, #e52a82 5%, #e52a82 56%, #cf2572 56%, #b91f61 61%);
	-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, .42);
	-moz-box-shadow: 0 2px 3px rgba(0, 0, 0, .42);
	-o-box-shadow: 0 2px 3px rgba(0, 0, 0, .42);
	box-shadow: 0 2px 3px rgba(0, 0, 0, .42);
	text-shadow: -1px -1px 0 rgba(0,0,0, 0.125);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

a.ssbab:active {
	background-image: url('https://s.yimg.com/pw/images/ssbab_bg.gif');
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ef7fb4 1%, #d61f75 2%, #d61f75 56%, #cf2572 56%, #b91f61 61%);
	background-image: -webkit-linear-gradient(top, #ef7fb4 1%, #d61f75 2%, #d61f75 56%, #cf2572 56%, #b91f61 61%);
	background-image: -o-linear-gradient(top, #ef7fb4 1%, #d61f75 2%, #d61f75 56%, #cf2572 56%, #b91f61 61%);
	background-image: linear-gradient(top, #ef7fb4 1%, #d61f75 2%, #d61f75 56%, #cf2572 56%, #b91f61 61%);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .42);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .42);
	-o-box-shadow: 0 1px 1px rgba(0, 0, 0, .42);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .42);
}

/* -------------------------------------------------------------------------------- */
/* BBML styles. */
/* -------------------------------------------------------------------------------- */

.bbml_set 			{ text-align: left;}
.bbml_set h4 			{ margin:0; font-size: 15px; font-weight: bold; }
.bbml_set p 			{ margin-top: 2px; font-size: 11px; color: #777; }

.bbml_set .SetCase 		{ margin: 0; height: 91px;}

.SetCase 			{ margin-top: 5px; margin-bottom: 5px; width: 91px; height: 95px; padding: 7px 0 0 7px; background: url(https://s.yimg.com/pw/images/set_case.gif) no-repeat; }
.SetCase a,
.SetCase a:link,
.SetCase a:visited 		{ text-decoration: none; }
.SetCase a:hover,
.SetCase a:active		{ background: transparent; text-decoration: none; }
.SetCase .setThumb 		{ border: 1px solid #000; }

.setCommentLinkDiv 		{ margin-top: -25px; margin-left: 2px; }
a.setLink img 			{ border: 1px solid #000; }
a.setCommentLink img 		{ border: 0; }

/* -------------------------------------------------------------------------------- */

.bbml-gallery .gallery-case 	{ background: transparent url(https://s.yimg.com/pw/images/gallery_case.gif) no-repeat scroll 0 0; margin: 0; height: 91px; padding: 7px 0 0 7px; width: 91px; }
.bbml-gallery 			{ text-align: left;}
.bbml-gallery h4 		{ margin:0; font-size: 15px; font-weight: bold; }
.bbml-gallery .gallery-case a:hover { background-color: transparent; }

/* -------------------------------------------------------------------------------- */
/* Header search bar, used for the Nav Selecta. */
/* -------------------------------------------------------------------------------- */

#headersearchform.nav-selecta	{ width: 325px; padding-right: 12px; text-align: right; *z-index: 999; /* IE7 puts the autocomplete result list below everything else. */ }
#nav-selecta-field		{ width: 220px; margin-top: 1px; margin-left: -16px\9; margin-left: 0\0/; *margin-left: 0; *margin-right: -20px; *padding: 1px; padding: 1px\9; -webkit-appearance: textfield; }
#nav-selecta-search-button	{ height: 20px; margin-left: -16px\9; margin-left: 0\0/; *margin-left: 20px; background: transparent; border: 0; color: #0063dc; font-size: 13px; font-weight: bold; }
#nav-selecta-search-button:hover{ /* text-decoration: underline; */ cursor: pointer; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#nav-selecta-field	{ height: 18px; }
	#nav-selecta-search-button { margin-left: 3px; }
}

#search_header_container #headersearchform.nav-selecta * { vertical-align: baseline; }


/* -------------------------------------------------------------------------------- */
/* Insitu editors */
/* -------------------------------------------------------------------------------- */

body .insitu-highlight {
	background-color: #ffffd3;
	cursor: text;
}

body .insitu-hint {
	color: #bbb;
}

body .insitu-spinning .Butt,
body .insitu-spinning .CancelButt {
	display: none;
}

body .insitu-editing .insitu-value {
	display: block;
	width: 100%;
	background-color: #ffffd3;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

body .insitu-editing textarea.insitu-value {
	height: 9em;
	margin: 0;
	line-height: inherit;
	padding: 3px 4px; /* textareas need a little help to get an actual padding of 5px */
}

body .insitu-editing .buttons {
	margin-top: 7px;
	line-height: 18px;
	font-size: 12px;
}

body .insitu-editing .buttons button,
body .insitu-editing .buttons span {
	margin-right: 1px;
}

body .insitu-msg {
	font-size: 12px;
	padding-left: 8px;
	color: #000;
}

body .insitu-trigger .html-info-trigger {
	margin: 6px 0 5px;
}

/* -------------------------------------------------------------------------------- */
/* Carets */
/* -------------------------------------------------------------------------------- */

body .insitu-trigger a .caret					{ display: inline-block; width: 10px; height: 12px; background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1574px -93px; }
body .insitu-trigger a:hover .caret				{ background-position: -1614px -53px; }
body .insitu-trigger a .caret-down				{ background-position: -1614px -13px; }
body .insitu-trigger a:hover .caret-down			{ background-position: -1614px -93px; }


/* -------------------------------------------------------------------------------- */
/* Staff UI */
/* -------------------------------------------------------------------------------- */

.AdminStrip,
#AdminStrip 							{ background: url(https://s.yimg.com/pw/images/badge_preview_bg.gif) repeat left top; font-size: 11px; color: #666; padding: 5px; text-align: left; border: 2px solid #eee; margin: 10px 0 0 0; }
.AdminStrip a,
#AdminStrip a 							{ text-decoration: none; }
.AdminStrip b,
#AdminStrip b 							{ color: #444; }
#AdminStrip option 						{ font-size: 11px; }
#AdminStrip .CaseNote 						{ padding: 3px 5px 3px 5px; width: 180px; font-size: 11px; background: #fefefe; border-top: none; border-right: none; border-left: none; border: 1px solid #eee; color: #aaa;}

#AdminBox 							{ background: url(https://s.yimg.com/pw/images/badge_preview_bg.gif) repeat left top; border: 2px solid #eee; }
#AdminBox h4 							{ padding: 0 5px 3px 5px; font-size: 12px; background: #eee; color: #444; font-weight: bold; margin-top: 0; }
#AdminBox p 							{ padding: 5px; margin: 0; color: #888; font-size: 11px; }
#AdminBox table 						{ margin-top: 0; }
#AdminBox td							{ padding: 5px; color: #888; font-size: 11px; }
.Count 								{ padding: 3px; border: 2px solid #eee; background-color: #fff; }

/* -------------------------------------------------------------------------------- */
/* The following page-specific styles should probably be moved into the page-specific stylesheets */
/* -------------------------------------------------------------------------------- */

.vsDetails .vsDescription.insitu-hint {
	color: #bbb;
}

.PhotosColumn .insitu-editing .insitu-value {
	width: 228px;
}

.PhotosColumn .insitu-editing textarea.insitu-value {
	width: 230px;
}
.ps-photos-only .insitu-editing .insitu-value {
	width: 228px;
}

.ps-photos-only .insitu-editing textarea.insitu-value {
	width: 230px;
}

.Big5Column .insitu-editing .insitu-value {
	width: 628px;
}

.Big5Column .insitu-editing textarea.insitu-value {
	width: 630px;
}


/* -------------------------------------------------------------------------------- */
/* Styles needed at load time for interim actions. */
/* -------------------------------------------------------------------------------- */

.interim-overlay 		{ position: fixed; top: 0; left: 0; z-index: 1002; background: #141414; }
.interim-spinner		{ display: block; position: absolute; top: 50%; left: 50%; width: 24px; _width: 48px; height: 12px; _height: 28px; padding: 8px 16px; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px;
					-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8); box-shadow: 0 0 8px rgba(0, 0, 0, 0.8); margin: -6px 0 0 -12px; background: rgba(0, 0, 0, .85); }
.interim-spinner-transparent	{
	position:absolute;
	position:fixed;
	_position:absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-14px;
	cursor:wait;
	cursor:progress;
	background:#fff url(https://s.yimg.com/pw/images/progress/balls-24x12-white.gif) no-repeat 50% 50%;
	width:24px;
	_width:48px;
	height:12px;
	_height:28px;
	padding:8px 16px;
	-moz-border-radius:13px;
	-webkit-border-radius:13px;
	border-radius:13px;
	*border:1px solid #999;
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);
	box-shadow:0 0 6px rgba(0,0,0,0.5);
	z-index:20001;
}

/* -------------------------------------------------------------------------------- */
/* Searchified Pages */
/* -------------------------------------------------------------------------------- */


/* ----------------------------- */
/* sort and view options */
.searchified-options {
	font-size: 13px;
	margin: 0 auto 14px;
	width: 975px;
}
body.super-liquid .searchified-options {
	width: auto;
	margin: 0 10px 10px;
}
.searchified-options .searchified-options-sort {
	float: left;
}
.searchified-options .searchified-options-view {
	float: right;
}
.searchified-options strong {
	font-weight: bold;
}
.searchified-options a,
.searchified-options strong {
	margin: 0 6px 0 10px;
}
.searchified-options .item-divider {
	border-right: 2px solid #d8d8d8;
	width: 1px;
}
.searchified-options-view a.options-view-slideshow {
	margin-right: 0;
}
.searchified-options-view a.options-view-slideshow span.icon {
	background: transparent url(https://s.yimg.com/pw/images/sharing_sprite.png) no-repeat scroll 0 -88px;
	bottom: -4px;
	*bottom: -1px; /* ie7 hack */
	display: inline-block;
	height: 17px;
	*left: 5px; /* ie7 hack */
	margin-left: 5px;
	position: relative;
	width: 17px;
}
.searchified-options-view a.options-view-slideshow:hover span.icon {
	background-position: 0 -111px;
	cursor: pointer; /* ie7 needs this for some reason */
}
/*
.searchified-options-view a.options-view-lightbox span.icon {
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -892px -11px;
	bottom: -2px;
	*bottom: 1px;
	display: inline-block;
	height: 15px;
	*left: 4px;
	margin-left: 4px;
	position: relative;
	width: 15px;
}
.searchified-options-view a.options-view-lightbox:hover span.icon {
	background-position: -892px -51px;
	cursor: pointer;
}
*/
.searchified-options-view span.New {
	position: relative;
	top: 3px;
	left: 10px;
	vertical-align: top;
	*zoom:1;
}
.searchified-menu-button {
	cursor: pointer;
}
.searchified-menu-button:hover {
	color: #0063DC;
}
/* caret */
.searchified-menu-button span.caret {
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) -1576px -54px no-repeat;
	display: inline-block;
	height: 9px;
	margin: 2px 0 0 2px;
	text-indent: -999em;
	width: 8px;
}
.searchified-menu-button:hover span.caret {
	background-position: -1616px -14px;
}

.searchified-menu ul {
	padding: 1px; /* Would like to use margin but the ul won't take a top or bottom margin without some kind of element before or after the ul. Not sure why */
}
.searchified-menu li a {
	background-color: #fff;
	color: #0063DC;
	display: block;
	padding: 4px 7px 4px 32px;
	position: relative;
	text-decoration: none;
}
/* give the top item curved corners to match the container */
.searchified-menu li:first-child a {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
/* give the bottom item curved corners to match the container */
.searchified-menu li:last-child a {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.searchified-menu li a.selected,
.searchified-menu li a.selected:hover {
	color: #000;
	cursor: default;
	background-color: #fff;
	background-image: none;
}
.searchified-menu li a:hover {
	color: #fff;
	background-color: #0063dc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#468EE6), to(#0063DC));
	background-image: -moz-linear-gradient(top, #468EE6, #0063DC);
}
.searchified-menu li a span {
	display: block;
	position: absolute;
	top: 1px;
	left: 3px;
	width: 22px;
	height: 22px;
	background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1889px -9px;
}

/* overrides for specific menus */
#who-options li a.who-menu-contacts span     { background-position: -1967px -9px; }
#who-options li a.who-menu-ff span           { background-position: -1967px -49px; }
#howmany-options li a.howmany-menu-one span  { background-position: -1889px -48px; }
#howmany-options li a.howmany-menu-five span { background-position: -1769px -48px; }
#thumb-options li a.thumb-menu-square span   { background-position: -1889px -9px; }
#thumb-options li a.thumb-menu-small span    { background-position: -1889px -49px; }
#thumb-options li a.thumb-menu-medium span   { background-position: -1889px -89px; }
#thumb-options li a.thumb-menu-detail span   { background-position: -1928px -9px; }
#thumb-options li a.thumb-menu-large span    { background-position: -1929px -49px; }
#thumb-options li a.thumb-menu-justify span  { background-position: -1969px -88px; }

/* Map */
.flickr-map, #map_obj, #tabl_mat_map {
	background-color:#ccc !important;
}
.flickr-map img, #map_obj img, #tabl_mat_map img {
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}

/* Ads */
.ad-nt1                         { width: 954px; margin: 0 auto; background: #f7f7f7; text-align: center; line-height: 0; }
.ad-nt1 iframe                  { width: 954px; height: 60px; }


/* Social Upsell */

#referral-welcome-upsell{
	position: relative;
	padding: 10px;
	margin: 15px 0 0 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 3px #ccc;
	-webkit-box-shadow: 0px 0px 3px #ccc;
    box-shadow: 0px 0px 3px #ccc;
	overflow: hidden;
}

#referral-welcome-upsell .bd a{
	text-decoration: none;
}

#referral-welcome-upsell.upsell-clouds{
	background-color: #bee8ff;
}

#referral-welcome-upsell.upsell-clouds img{
	border: 3px solid #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

#referral-welcome-upsell .bd{
	position: relative;
}

#referral-welcome-upsell.upsell-plain .bd,
#referral-welcome-upsell.upsell-signedin .bd{
	margin: 0px 0px 0px 60px;
}

#referral-welcome-upsell.upsell-clouds .bd{
	margin: 4px 0px 0px 75px;
}

#referral-welcome-upsell .buddyicon{
	position: absolute;
	top: 9px;
	left: 12px;
}

#referral-welcome-upsell.upsell-clouds .buddyicon{
	position: absolute;
	top: 9px;
	left: 20px;
}



#referral-welcome-upsell h2{
	font-weight: bold;
	font-size: 18px;
	margin: 2px 0 0 0;
}

#referral-welcome-upsell.upsell-clouds h2{
	font-size: 26px;
}

#referral-welcome-upsell.upsell-signedin h2{
	display: inline;
}

#referral-welcome-upsell.upsell-signedin .welcome-note{
	font-size: 14px;
}

#referral-welcome-upsell.upsell-plain .Butt{
	margin: 0px 5px 0px 20px;
}

#referral-welcome-upsell.upsell-clouds .Butt{
	font-weight: bold;
	color: #ff0084;
	background-color: #ccc;
}

#referral-welcome-upsell .close-x{
	position: absolute;
	top: -8px;
	right: -3px;
}

#referral-welcome-upsell p{
	margin: 0 0 1em 0;
}

#referral-welcome-upsell.upsell-clouds p{
	font-size: 16px;
	margin: 8px 2px 6px;
	width: 555px;
}

#referral-welcome-upsell.upsell-clouds .heading{
	width: 545px;
}

#cloudfg{
	position: absolute;
	left: -917px;
	top: 0px;
	width: 1942px;
}

#cloudbg{
	position: absolute;
	left: -500px;
	top: 0px;
	width: 970px;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

.end #cloudfg{
	-webkit-transition: left 90s linear;
	-moz-transition: left 90s linear;
	transition: left 90s linear;
	position: absolute;
	left: 0px;
	top: 0px;
}

.end #cloudbg{
	-webkit-transition: left 200s linear;
	-moz-transition: left 200s linear;
	transition: left 200s linear;
	position: absolute;
	left: 500px;
	top: 0px;
}

.cloudwrap{
	position: absolute;
}

.cta-sec span{
	color: #4c6da9;
	font-weight: bold;
	padding: 5px;
	font-size: 15px;
}

#referral-welcome-upsell.b-a .cta-sec .butt1 strong{
	text-transform: uppercase;
	font-weight: bold;
}


#referral-welcome-upsell.b-a .cta-sec .butt2,
#referral-welcome-upsell.b-b .cta-sec .butt2,
#referral-welcome-upsell.b-d .cta-sec .butt2{
	background: transparent;
	border: 0;
	display: inline;
	margin: 0;
	padding: 0;
}

#referral-welcome-upsell.b-d .cta-sec .butt2 strong,
#referral-welcome-upsell.b-b .cta-sec .butt2 strong{
	color: #4c6da9;
	font-weight: bold;
	padding: 0px;
	font-size: 13px;
	text-transform: lowercase;
}

#referral-welcome-upsell.b-a .cta-sec .butt2 strong{
	font-weight: normal;
	background: transparent;
	text-transform: lowercase;
	padding: 0px;
	border: 0;
	display: inline;
	color: #0063DC;
}

#referral-welcome-upsell.b-a .cta-sec span{
	color: #0063DC;
	font-weight: normal;
	padding: 0px;
	font-size: 12px;
	display: inline;
}

#referral-welcome-upsell .cta-sec{
	display: block;
	position: absolute;
	left: 551px;
	top: 6px;
}

#referral-welcome-upsell .divide{
	padding: 0px 10px;
}

#referral-welcome-upsell.b-a .cta-sec{
	left: 409px;
	top: 18px;
}

#referral-welcome-upsell a.sbab{
	display: block;
	float: left;
}

#referral-welcome-upsell.b-d .cta-sec,
#referral-welcome-upsell.b-b .cta-sec{
	margin-left: 140px;
	top: 17px;
}

#referral-welcome-upsell.b-d p,
#referral-welcome-upsell.b-b p{
	font-size: 15px;
}

#referral-welcome-upsell.b-d a.sbab,
#referral-welcome-upsell.b-b a.sbab{
	position: absolute;
	left: -139px;
	top: -10px;
}

#referral-welcome-upsell.b-d a.sbab strong,
#referral-welcome-upsell.b-b a.sbab strong{
	font-size: 19px;
}

#referral-welcome-upsell.b-e a.sbab strong{
	font-size: 19px;
}

#referral-welcome-upsell.b-c .cta-sec span{
	display: block;
	float: left;
	padding: 12px 10px 0px;
}

#referral-welcome-upsell.b-d .cta-sec span,
#referral-welcome-upsell.b-b .cta-sec span{
	font-size: 13px;
	padding: 0px;
}

#cloudholder{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.cloud{
	position: absolute;
	background-image: url(https://s.yimg.com/pw/images/cloud.gif)\9; /*its an ie 6 7 8 hack!*/
}

.cloud .circle{
	background-color: #fff;
	position: absolute;
	display: none\9;
}

.cloud .circle.r50{
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	height: 50px;
	width: 50px;
}

.cloud .circle.r40{
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	height: 40px;
	width: 40px;
}

.cloud .circle.r20{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	height: 20px;
	width: 20px;
}

.cloud .circle.r10{
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 10px;
	width: 10px;
}

/* Facebook Bettering 2012 */
.facebook-bettering {
	opacity: 0;
	height:0;
	overflow:hidden;
	transition: height 1s, opacity 2s;
	-moz-transition: height 1s, opacity 2s; /* Firefox 4 */
	-webkit-transition: height 1s, opacity 2s; /* Safari and Chrome */
	-o-transition: height 1s, opacity 2s; /* Opera */
}

.facebook-bettering.shout {
	opacity: 1;
	height:110px;
}

.facebook-bettering #referral-welcome-upsell {
	height: 50px;
}

.facebook-bettering #referral-welcome-upsell.upsell-clouds .heading{
	width: auto;
}

.facebook-bettering #referral-welcome-upsell .cta-sec{
		left: auto;
		right: 100px;
		top:0px;
}

.facebook-bettering #referral-welcome-upsell.upsell-clouds img{
	border:none;
}

.facebook-bettering a.sbab{
	background-color: none;
	filter: none;
	background: none;
	border: none;
	border-radius: none;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.facebook-bettering #referral-welcome-upsell .close-x {
	position:absolute;
	top:5px;
	right:6px;
}

/* -------------------------------------------------------------------------------- */
/* Used to hide popovers by default */
/* -------------------------------------------------------------------------------- */

.yui3-popover-content-hider {
	/* this is to hide the popover content as the page is loading, before the JS runs */
	left: -9999em;
	position: absolute;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* WebKit */

	/*  Webkit has a problem that prevents us from using position: absolute on the menu hider div.
	    See B2s #19115 and #19154.
	    So... it gets a special way of hiding the menus.
	*/

	.yui3-popover-content-hider {
		position: relative;
		height: 0px;
	}
}

.yui3-popover-content-hider ul {
	margin: 0;
	padding: 0;
}


/* -------------------------------------------------------------------------------- */
/* Refresh stuff
/* -------------------------------------------------------------------------------- */

.refresh-empty-state-cover-photo {
	margin: 80px auto 0;

	width: 482px;
	height: 302px;

	/* cover photo background is inserted with inline css */
	background-position: center center;

/*	Unfortunately this blurs the text, too. And it's hard to control the edges...
	filter: blur(2px);
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
*/
}

.refresh-empty-state {
	position: relative;
	background: rgba(0,0,0,0.5);
	width: 480px;
	height: 300px;
	border: 1px solid rgba(255,255,255,0.27);
	font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	font-size: 19px;
	line-height: 28px;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.5);
	color: #FFF;
	text-align: center;
}

.refresh-empty-state h2 {
	font-size: 38px;
	margin-bottom: 20px;
}

.refresh-empty-state-faves {
	padding: 140px 35px 35px;
	background-image: url(https://s.yimg.com/pw/images/empty-state-star.png.v1);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/empty-state-star.png.v2) 1x, url(https://s.yimg.com/pw/images/empty-state-star-2x.png) 2x);
	background-position: center 45px;
	background-repeat: no-repeat;
}

.refresh-empty-state-sets,
.refresh-empty-state-photostream {
	padding: 115px 35px 35px;
}

.refresh-empty-state-sets-own,
.refresh-empty-state-photostream-own {
	padding-top: 68px;
}

.refresh-empty-state-sets-own p,
.refresh-empty-state-photostream-own p {
	margin-bottom: 50px;
}

.refresh-empty-state .Butt {
	background: white;
	color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 12px 27px;
	font-size: 20px;
	font-weight: normal;
	text-shadow: none;
	white-space: nowrap;
	line-height: 17px;
}

/* -------------------------------------------------------------------------------- */
/* Style backend logging messages */
/* -------------------------------------------------------------------------------- */

body.header-underlap div.dev-log,
body.header-underlap pre.dev-log {
	position: relative;
	top: 50px;
	z-index: 1000;
}

body.header-underlap.with-eyebrow div.dev-log,
body.header-underlap.with-eyebrow pre.dev-log {
	top: 72px;
}


/* -------------------------------------------------------------------------------- */
/* Styleguiide fonts, these are mobstor urls from reboot */
/* -------------------------------------------------------------------------------- */


@font-face {
    font-family: "Proxima Nova";
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Thin-webfont-v2.eot?#iefix');
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Thin-webfont-v2.eot?#iefix?#iefix') format('eot'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Thin-webfont-v2.woff') format('woff'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Thin-webfont-v2.ttf') format('truetype'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Thin-webfont-v2.svg#svgFontName') format('svg');
    font-weight: 100
}

@font-face {
    font-family: "Proxima Nova";
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Light-webfont-v2.eot?#iefix');
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Light-webfont-v2.eot?#iefix?#iefix') format('eot'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Light-webfont-v2.woff') format('woff'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Light-webfont-v2.ttf') format('truetype'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Light-webfont-v2.svg#svgFontName') format('svg');
    font-weight: 300
}

@font-face {
    font-family: "Proxima Nova";
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Reg-webfont-v2.eot?#iefix');
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Reg-webfont-v2.eot?#iefix?#iefix') format('eot'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Reg-webfont-v2.woff') format('woff'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Reg-webfont-v2.ttf') format('truetype'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Reg-webfont-v2.svg#svgFontName') format('svg');
    font-weight: 400
}

@font-face {
    font-family: "Proxima Nova";
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Sbold-webfont-v2.eot?#iefix');
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Sbold-webfont-v2.eot?#iefix?#iefix') format('eot'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Sbold-webfont-v2.woff') format('woff'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Sbold-webfont-v2.ttf') format('truetype'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Sbold-webfont-v2.svg#svgFontName') format('svg');
    font-weight: 600
}

@font-face {
    font-family: "Proxima Nova";
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Bold-webfont-v2.eot?#iefix');
    src: url('https://s.yimg.com/uy/build/fonts/ProximaNova-Bold-webfont-v2.eot?#iefix?#iefix') format('eot'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Bold-webfont-v2.woff') format('woff'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Bold-webfont-v2.ttf') format('truetype'), url('https://s.yimg.com/uy/build/fonts/ProximaNova-Bold-webfont-v2.svg#svgFontName') format('svg');
    font-weight: 700
}

.opt-out-bug {
	position: fixed;
	top: 47px;
	left: 0px;
	height: 40px;
	width: 100%;
	z-index: 2000;
	cursor: pointer;
/*	color: rgba(255,255,255,0.8);*/
	font-family: "Proxima Nova","helvetica neue",helvetica,arial,sans-serif;
}

.with-eyebrow .opt-out-bug {
	top: 68px;
}

.opt-out-bug.scrolling-header, .with-eyebrow .opt-out-bug.scrolling-header {
	position: absolute;
	top: 47px;
}

.opt-out-bug button {
	color: rgba(255,255,255,1);
	font-size: 12px;
	cursor: pointer;
	font-weight: 200;
	background-color: rgba(0,0,0,0.4);
	border: 0;
	border-radius: 0;
	width: 100%;
}

.opt-out-bug button:hover {
	background-color: rgba(255,0,132,1);
}
/* -------------------------------------------------------------------------------- */
/* Carets */
/* -------------------------------------------------------------------------------- */

a .caret					{ display: inline-block; width: 10px; height: 12px; background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1574px -93px; }
a:hover .caret					{ background-position: -1614px -53px; }
a .caret-down					{ background-position: -1614px -13px; }
a:hover .caret-down				{ background-position: -1614px -93px; }

/* -------------------------------------------------------------------------------- */
/* Primary Column (contains nav, photo, meta, invites, and comments) */
/* -------------------------------------------------------------------------------- */

#primary-column  				{ clear: both; float: left; margin-bottom: 30px; width: 640px; }

/* -------------------------------------------------------------------------------- */
/* Nav */
/* -------------------------------------------------------------------------------- */

#nav						{ /*float: left;*/ position: relative; width: 100%; height: 24px; margin: 15px 0; }

#button-bar-options span,
#button-bar-share span				{ display: inline-block; }
#button-bar-options span.caret,			
#button-bar-share span.caret			{ width: 9px; height: 12px; margin-left: 5px; _margin-left: 0; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1015px -13px; text-indent: -999em; }
#button-bar-options:hover span.caret,
#button-bar-share:hover span.caret		{ background-position: -1015px -53px; }
#button-bar-options.DisabledButt span.caret,
#button-bar-options:hover.DisabledButt span.caret,
#button-bar-share.DisabledButt span.caret,
#button-bar-share:hover.DisabledButt span.caret	{ background-position: -1015px -93px; }

#share-menu span.caret {display: block; height: 11px; width: 12px; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1574px -93px; float: left; margin-top: 1px; }
#share-menu .share-menu-options-open span.caret	{ background-position: -1015px -52px; }

/* lightbox icon */
a#nav-bar-lightbox img {
	display: none;
}

a#nav-bar-lightbox span,
a#nav-bar-lightbox:hover span {
	background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -892px -11px;
	display: inline-block;
	height: 15px;
	width: 15px;
	margin-bottom: -3px;
}

a#nav-bar-lightbox:hover span {
	background-position: -892px -51px;
}

a#nav-bar-lightbox.DisabledButt span {
	opacity: 0.3;
}
	
#nav-bar a,
#button-bar a {
	/* IE 6 + 7 */
	*display: inline-block;
	*padding: 4px 7px;
	*height: 16px;
	*border: 1px solid #f0f0f0;
	*vertical-align: middle;
}

#nav-bar #nav-bar-lightbox {
	_display: none; /* not you, IE 6. You go to hell. You go to hell and you die! */
}

#nav-bar-prev span,
#nav-bar-next span				{ display: inline-block; }
#nav-bar-prev span.arrow			{ width: 10px; height: 8px; _height: 12px; margin-right: 5px; *margin-right: 0; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -935px -15px; }
#nav-bar-next span.arrow			{ width: 10px; height: 8px; _height: 12px; margin-left: 5px; *margin-left: 0; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -975px -15px; }
#nav-bar-prev:hover span.arrow			{ background-position: -935px -56px; }
#nav-bar-next:hover span.arrow			{ background-position: -975px -56px; }
#nav-bar-prev.DisabledButt span.arrow,
#nav-bar-prev:hover.DisabledButt span.arrow	{ background-position: -935px -94px; }
#nav-bar-next.DisabledButt span.arrow,
#nav-bar-next:hover.DisabledButt span.arrow	{ background-position: -975px -94px; }

#nav-bar-prev span.arrow,
#nav-bar-next span.arrow {
	/* IE 6 + 7 */
	*vertical-align: middle;
	*padding-left: 3px;
}

#nav-bar-next span.arrow {
	*margin-left: 3px;
	*padding-left: 0;
	*padding-right: 0;
}

#candy_nav_button_search			{ margin-right: 6px; border: none; }
.site_nav_menu_buttons li#candy_nav_button_search span { padding-left: 4px; padding-right: 4px; }

/* -------------------------------------------------------------------------------- */
/* Photo */
/* -------------------------------------------------------------------------------- */

#photo						{ position:relative; width: 100%; /*float: left;*/ }
#photo .photo-gne-video-wrapper-div embed	{ display: block; margin: 0 auto; } /* display removes vertical space below it which exposes the striped bg */
#photo .photo-div,
#photo #photo-drag-proxy			{ /*margin: 0 auto;*/ }
#photo .photo-div img				{ display: inline-block; image-rendering: optimizeQuality; /* Firefox 3.6 */ -ms-interpolation-mode: bicubic; /* Internet Explorer 7.0+ */ }	

#photo-drag-proxy 				{ position: absolute; z-index: 999; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); *background: url(https://s.yimg.com/pw/images/spaceout.gif); } /* Must have a background for IE to register hover and click events. */
#photo-drag-proxy.crosshairs 			{ cursor: crosshair; }
body.js .zoom-trigger				{ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABzklEQVR42p2Tv0tCURTHG3OrrSncEqd08PlreASFTUGDJUFI2tKjJ4GSwwMbJMkfgQ2B9ihwfIOLLvoPOOkirg5O6uz+ut/hxOVdr0UHvrzzvveczz33Pe7WurBt28V0wOSDkMMTCiXN0A9kNpud2Y6AR1DUOiTAXNPp9JiaYfOiQA1qpTAC8ZBIJGJmMplHCDn5IlCEeQgUCARa+Xw+Vy6XH3q9Xm00GrW63W4NHtYIiB4Bhh3wPQim63qh2Wzetdvtawa7hNgk7+Px+BNrBEMPN504laIoVr1e1waDwflisThhtgohXy6Xr/1+/wU1wnQczEewVCr1DBBBnAIQNRzMJ4VpmmZwEwlarVYaaniY9JjhcPhrMpmcymBYQ82mY7o6nU6agOzjX8lgWCMQeoQfgLAsK0qwYDD4gSZ+QuTw/H5/i2DD4fBiLaxUKu2apnlDQEhV1bdisZiGkEtuRBRA4TrFYjF3pVLRf7lOUiAPw2M7FAp5stlsvNFo5GxHwGObPW0EEoyATHuHLAA1DOMWQg7P6/Uq7FoVJMB9HiZAmdwQcngQoDwQMZ/Pj/jJ/iwnsFqt3ieTSWz2vyBgIpGI44l3murfQKYdAiG+AfAeAxsdh8wWAAAAAElFTkSuQmCC), -moz-zoom-in; *cursor: url(https://s.yimg.com/pw/images/cursor-zoom.png); }
#photo_notes 					{ position: absolute; border: 0 solid #cc0000; z-index: 1000; visibility: hidden; }

.photo_note 					{ position: absolute; min-width: 500px; }
.photo_note_box_div 				{ position: absolute; border: 0 solid #d4d82d; }
.photo_note_box_inner_div 			{ border: 1px solid #000; }
.photo_note_box_inner_inner_div 		{ border: 1px solid #fff; }
.photo_note_text_div 				{ display: none; position: relative; padding: 5px; border: 1px solid #000; background-color: #fff; width: 200px; }

body.lightbox .video-wrapper			{ display: none; }	/* prevent video SWF from interfering with the right click menu */


/* -------------------------------------------------------------------------------- */
/* Meta (title and description) */
/* -------------------------------------------------------------------------------- */

#meta						{ width: 562px; /*float: left;*/ }
h1.photo-title					{ margin: 12px 0; padding: 0; font-size: 20px; font-weight: normal; line-height: 1.3em; }
.photo-desc					{ line-height: 1.3em; }
.photo-desc p					{ margin: 0 0 10px; }
.photo-desc strong, 
.photo-desc b 					{ font-weight: bold; }
.photo-desc i, 
.photo-desc em 					{ font-style: italic; }
.photo-desc b em,
.photo-desc strong em				{ font-weight: bold; }
.photo-desc del, 
.photo-desc s 					{ text-decoration: line-through; }
#meta .insitu-value				{ width: 546px; }
#meta .insitu-editing .buttons			{ margin-bottom: 20px; }

/* -------------------------------------------------------------------------------- */
/* Liquid */
/* -------------------------------------------------------------------------------- */

#photo #liquid-photo.centered			{ display: block; margin: 0 auto 5px; }
#liquid-photo-buffer				{ position: absolute; left: 0; top: 0; z-index: 0; visibility: hidden; }

.liquid #meta					{ width: auto; }
.liquid #meta .photo-desc			{ width: 562px; }

.liquid #primary-column.columnify #meta		{ float: left; width: 562px; margin-right: 44px; }
.liquid #primary-column.columnify #invites-and-comments { float: left; width: 562px; margin-top: 18px; }
.liquid #primary-column.columnify #invites	{ margin-top: 0; margin-bottom: 33px; }
.liquid #primary-column.columnify #invites.collapsed { margin-bottom: 0; }
.liquid #primary-column.columnify #comments	{ margin-top: 0; }

/* -------------------------------------------------------------------------------- */
/* Group invites */
/* -------------------------------------------------------------------------------- */

#invites					{ width: 562px; /*float: left;*/ margin-top: 23px; }
#invites.collapsed				{ margin-top: 0; }
#invites ul li	 				{ position: relative; margin: 0 -10px 10px; padding: 8px 10px 1px 68px; vertical-align: top; }
#invites ul li .invite-icon 			{ position: absolute; top: 9px; left: 10px; width: 48px; height: 48px; overflow: hidden; _margin-left: -68px;}
#invites ul li .invite-content p 		{ line-height: 1.3em; margin: 0 0 10px; }
#invites ul li .invite-content p.by 		{ margin-top: -8px; font-size: 11px; }
#invites ul li .Butt,
#invites ul li .CancelButt,
#invites ul li .DisabledButt			{ text-transform: uppercase; }
#invites ul li .invite-content .spinning 	{ text-indent: -999em; background: url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 0 6px; }

/* -------------------------------------------------------------------------------- */
/* Comments and faves */
/* -------------------------------------------------------------------------------- */

/* CSS for this is in photo-comments.source.css */

/* -------------------------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------------------------- */

/* Override sprites that the rest of the site uses (since we've combined everything into one sprite for this page). */

.delete-x,
.delete-x-inline img				{ background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1452px -12px; }
.delete-x:hover,
.delete-x-inline:hover img 			{ background-position: -1452px -52px; }

.close-x,
.close-x-red 					{ display: block; background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1492px -12px; width: 16px; height: 16px; cursor: pointer; cursor: hand; }
.close-x:hover 					{ background-position: -1492px -52px; }
.close-x-red:hover 				{ background-position: -1492px -92px; }
.close-x span,
.close-x-red span 				{ position: absolute; left: -999em; }

a#lang_zh-hk img,
a#lang_ko-kr img 		{ background-image: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5); background-repeat: none; background-position: -500px -13px; }
a:hover#lang_zh-hk img 		{ background-position: -500px -53px; background-color: #0063dc; }
a#lang_ko-kr img 		{ background-position: -569px -14px; }
a:hover#lang_ko-kr img 		{ background-position: -569px -54px; background-color: #0063dc; }

/* These don't override any styles; they're only set in this file. */

.f-machinetag-sprite 				{ display: block; width: 15px; height: 12px; background-image: url(https://s.yimg.com/pw/images/icons-machinetags.png.v4); background-position: 0 0; background-repeat: no-repeat; }
ul.icon-left li a.f-machinetag-sprite-link 	{ display: block; margin: 2px 0 0 1px; }
#photo-sidebar-additional-info li a.f-machinetag-sprite-link:hover{ background-color: transparent; }

.fs-icon_foursquare 				{ background-position: 0 0; }
.fs-icon_openplaques 				{ background-position: 0 -15px; }
.fs-icon_osm 					{ background-position: 0 -30px; }
.fs-icon_openlibrary 				{ background-position: 0 -45px; }
.fs-icon_bbc 					{ background-position: 0 -60px; }
.fs-icon_lastfm_over 				{ background-position: 0 -75px; }
.fs-icon_vimeo 					{ background-position: 0 -90px; }
.fs-icon_upcoming_over 				{ background-position: 0 -105px; }
.fs-icon_dopplr 				{ background-position: 0 -120px; }
.fs-icon_eol 					{ background-position: 0 -135px; }
.fs-icon_burningman 				{ background-position: 0 -150px; }
.fs-icon_train 					{ background-position: 2px -164px; }
.fs-icon_noticings 				{ background-position: 0 -180px; }
.fs-icon_foodspotting 				{ background-position: 0 -195px; }
.fs-icon_nyt 					{ background-position: 0 -210px; }
.fs-icon_mapmy 					{ background-position: 0 -225px; }
.fs-icon_mapmyrun				{ background-position: 0 -240px; }
.fs-icon_mapmyride				{ background-position: 0 -255px; }
.fs-icon_mapmytri				{ background-position: 0 -270px; }
.fs-icon_mapmyhike				{ background-position: 0 -285px; }
.fs-icon_mapmywalk				{ background-position: 0 -300px; }
.fs-icon_ufm 					{ background-position: 0 -315px; }
.fs-icon_pleiades 				{ background-position: 0 -330px; }
.fs-icon_glitch 				{ background-position: 0 -345px; }
.fs-icon_filmdev 				{ background-position: 0 -361px; height: 15px;}

/* Story */

#photo-story-attribution span.name span.realname a { color: #666; }
#photo-story-attribution span.name span.no-realname a { color: #666; }
#photo-story-attribution span.name strong.username a:hover, 
#photo-story-attribution span.name span.realname a:hover { background-color: #0063DC; color: #fff; }

#add-to-map-reminder-close			{ margin-left: 6px; }
#add-to-map-inline-container.hidden		{ display: none; }

#photo-story-attribution span.name .badge_add_contact {
	margin-left: 10px;
}

#photo-story-attribution span.name span{
/*	background-color: #c8fecf;*/
	color: #666; /* phil says make this dark */
	background-color: rgba(200, 254, 207, 0);
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}

#photo-story-attribution span.name span.contact-highlight {
	background-color: rgba(200, 254, 207, 1.0);
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}

/* Ad */

.ad-lrec					{ color: #999; position: relative; }
.ad-lrec .ad-lrec-ad				{ overflow: hidden; height: 250px; }
.ad-lrec .ad-lrec-thisisanad                    { font-size: 11px; text-align: center; position: absolute; top: 0; width: 300px; }
.ad-lrec .ad-lrec-gopro				{ font-size: 11px; text-align: center; }

/* -------------------------------------------------------------------------------- */


/* previous-zoom-next nav */
ul#nav-bar					{ float: right; list-style: none; margin: 3px 0 0; padding: 0; text-align: right; width: 50%; }

/* fave-actions-share nav */
ul#button-bar					{ float: left; list-style: none; margin: 3px 0 0; padding: 0; text-align: left; width: 50%; }

#button-bar-fave {
	_height: 16px !important; /* IE 6 hax */
	_line-height: 18px;
}

/* ipad button bar */
@media only screen and (device-width: 768px) {
	
	ul#button-bar, ul#nav-bar {
		-webkit-transform: scale(1.3);
		margin-top: -1px;
	}

	ul#button-bar {
		-webkit-transform-origin: left;
	}

	ul#nav-bar {
		-webkit-transform-origin: right;
	}

}





/* ---------- */

#sidebar					{ position: relative; width: 300px; float: right; margin: 54px 0 30px; }

/* -------------------------------------------------------------------------------- */
/* Sidebar */
/* -------------------------------------------------------------------------------- */

#sidecar h4,
#sidebar-contexts h4				{ margin: 30px -5px 6px; padding: 0 5px 6px; border-bottom: 1px solid #eee; color: #222; }
#sidecar h5					{ margin: 0 0 6px; color: #222; font-weight: normal; }

#sidecar ul					{ margin-top: 0; padding: 0; }

#thetags {
	_zoom: 1;
}
#thetags a					{ color: #999; }
#thetags-wrapper:hover a			{ color: #0063dc; }
#thetags a:hover 				{ color: #fff; background-color: #0063dc; }





/*.show-links #sidecar a,
.show-links #sidecar #thetags a.Plain,	
.show-links #sidecar #machine_tag_toggle a.Plain,
.show-links #sidecar #themachinetags a.Plain 	{ color: #0063dc; }*/
.show-links #sidecar a:hover,
.show-links #sidecar #thetags a:hover,
.show-links #sidecar #machine_tag_toggle a:hover,
.show-links #sidecar #themachinetags a:hover 	{ color: #fff; background-color: #0063dc; }
/*.show-links #sidecar a.delete-link 		{ color: #e40600; }*/
.show-links #sidecar a.delete-link:hover 	{ color: #fff; background-color: #e40600; }

#sidecar small.caps				{ font-variant: small-caps; }

/* standard sidecar list styles */
ul.sidecar-list li	 			{ position: relative; list-style-type: none; margin-left: 0; padding-left: 20px; font-size: 12px; line-height: 18px; color: #999; }
ul.sidecar-list li .list-dot 			{ position: absolute; top: 7px; left: 5px; _margin-left: -20px; display: block; width: 4px; height: 3px; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -338px -58px; }

#sidecar .ccIcn 				{ padding-right: 0; }
#sidecar ul.icon-inline li span.getty 		{ border: none; margin-left: 1px; height: 15px; width: 15px; vertical-align: text-bottom; _vertical-align: bottom; /* margin: 3px 0 -1px 1px; padding-right: 3px; */ }
#sidecar #privacy-display-collapsed		{ margin-left: 1px; }

a.getty:link, a.getty:visited 		{color: #999;}
a.getty:hover               		{color: #0063dc; background: transparent;}

#sidecar ul.icon-left li 			{ position: relative; background: none;	margin: 0; padding-left: 20px; }
#sidecar ul.icon-left li .force-left 		{ position: absolute; top: 2px; left: 0; margin: 0; _margin-left: -20px; /* ie 6 */ }
#sidecar ul.icon-left li .force-left-small 	{ margin: 4px 0 0 3px; }
#sidecar ul.icon-left li#safety-setting,
#sidecar ul.icon-left li#reviewed 		{ margin-top: 6px; }
#sidecar ul.icon-left li#review-safety .force-left { top: 14px; }

#sidecar #privacy ul.icon-left li 		{ padding-left: 40px; }
#sidecar #privacy ul.icon-left li img.force-left { left: 20px; }

#sidecar ul.icon-inline li 			{ position: relative; background: none; margin-top: 0; margin-left: 0; padding-left: 0; }
#sidecar ul.icon-inline li .force-left 		{ display: inline-block; *display: inline; margin: 1px 2px -1px 0; padding: 0; }
#sidecar ul.icon-inline li .force-left-priv	{ margin-bottom: -3px; }

#sidecar ul.icon-left li #flag-icon.force-left	{ display: block; width: 12px; height: 12px; top: 3px; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -854px -14px; }
#sidecar ul.icon-left li a:hover #flag-icon.force-left	{ background-position: -854px -54px; }

#sidecar #div_taken_in b,
#sidecar #div_taken_in .neighbourhood 		{ font-weight: normal; }

#sidecar #photo-sidebar-photo-owner 		{ margin: 30px -9px 0; padding: 0 9px; }
#sidecar #photo-sidebar-photo-owner-who-can-use h5 { margin-top: 0; }
#sidecar #photo-sidebar-photo-owner h4 small	{ display: none; }
body.js  #sidecar #photo-sidebar-photo-owner h4 small	{ display: inline; }
#sidecar #photo-sidebar-photo-owner p 		{ margin: 0 0 9px; font-size: 12px; line-height: 18px; color: #999; }
#sidecar #photo-sidebar-photo-owner ul.with-spacing { margin-bottom: 9px; }
#sidecar #photo-sidebar-photo-owner .show:hover	{ color: #fff; }


#owner-expanded					{ display: none; }
#owner-expanded h5				{ margin: 20px 0 0; padding: 0 0 2px; border: none; }

/* Story. */
#photo-story {
	color: #666;
	margin: 0 0 40px;
	position: relative;
}

#photo-story-story {
	margin: 10px -5px 0;
	padding: 6px 5px 5px;
	border-top: 1px solid #eee;
}
#photo-story-story a {
	color: #666;	
	*color: #0063cd;
}
#photo-story:hover a	{ color: #0063cd; background-color: transparent; }
#photo-story a:hover	{ color: #fff; background-color: #0063cd; }


#photo-story-dot,
#photo-story-image-dot {
	position: absolute;
	top: 44px;
	left: 142px;
}

div#photo-story-dot,
#photo-story-image-dot {
	background:url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) -332px -213px;
	height:16px;
	width:16px;
}
#photo-story-image-dot.hide {
	display: none;
}

#photo-story-copyright {
	position: absolute;
	top: 0;
	left: 0;
	opacity: .4;
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#photo-story-arrow-top 			{ left: -14px; font-size: 13px; }
	#photo-story-arrow-btm			{ left: -14px; font-size: 13px; }
}


#photo-story #photo-story-attribution strong a {
	color: #0063dc;
}
#photo-story #photo-story-attribution strong a:hover {
	background: #0063dc;
	color: #fff;
}

#photo-story #photo-story-attribution strong a.pro-link:hover { 
	background: transparent; 
}

#photo-story #photo-story-attribution p.flickr-user {
	min-height: 24px;
}
#photo-story #photo-story-attribution p.flickr-user span.name strong.username {
	line-height: 13px;
	margin-top: 0;
}
#photo-story #photo-story-attribution p.flickr-user span.name span.realname {
	line-height: 12px;
}

#photo-story #photo-story-attribution p.flickr-user span.name span.realname {
	margin-right: 10px;
}


#photo-story #photo-story-story {
	margin-top: 10px;
}
#photo-story #photo-story-map {
	margin-top: 5px;
	position: relative;
}
#photo-story #photo-story-map a img {
	border: 1px solid #fff;
	display: block;
}
#photo-story #photo-story-map a img#photo-story-map-zoom-in,
#photo-story #photo-story-map a img#photo-story-map-zoom-street,
#photo-story #photo-story-map a noscript {
	margin-top: -102px;
	position: absolute;
}
/*
#photo-story a img#photo-story-map-zoom-in, 
#photo-story a:hover img#photo-story-map-zoom-out {
	opacity: 0;
	-webkit-transition: opacity 0.15s ease-in-out;
}
#photo-story a img#photo-story-map-zoom-out, 
#photo-story a:hover img#photo-story-map-zoom-in {
	opacity: 1;
}*/
#photo-story a img#photo-story-map-zoom-in,
#photo-story a img#photo-story-map-zoom-street {
	opacity: 0;
}

#photo-story .story-button {
	text-align: center;
}

#photo-story #photo-story-addtomap {
	position: relative;
	width: 300px;
	height: 28px;
	padding: 36px 0;
	background: url(https://s.yimg.com/pw/images/add-to-map-bkgd.gif) no-repeat 0 0;
}

#photo-story #photo-story-addtomap.story-divider {
	padding: 0;
	height: 0;
	background: none;
	border-top: 1px solid #eee;
}

#photo-story #photo-story-addtomap a.add {
	display: inline-block;
	padding: 5px 10px;
	background-color: #fff;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}
#photo-story #photo-story-addtomap.exif-geo a.add {
	padding-right: 40px;
	padding-left: 40px;
}
#photo-story #photo-story-addtomap a.add:hover {
	background: #0063dc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#468EE6), to(#0063DC));
	background-image: -moz-linear-gradient(top, #468EE6, #0063DC);
	background-image: linear-gradient(to bottom, #468EE6 0%, #0063DC 100%);
	color: #fff;
}
#photo-story #photo-story-map-zoom-out.exif-geo {
	/* opacity:0.5; */
}

#photo-story #photo-story-addtomap.exif-geo {
	margin-top:-105px;
	margin-left:1px;
	background:none;
}

#photo-story #photo-story-stats {
	color: #999;
	margin-top: 6px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	text-align: center;
}
#photo-story #photo-story-stats .stat-item {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	padding: 0 5px 0 22px;
	color: #666;	
}
#photo-story #photo-story-stats .zero {
	display: none;
}

#photo-story #photo-story-stats .stat-icon {
	position: absolute;
	top: 4px;
	left: 5px;
	display: block;
	width: 11px;
	height: 10px;
	background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat 0 0;
}

#photo-story:hover #photo-story-stats a	{ color: #0063cd; background-color: transparent; }
#photo-story #photo-story-stats a:hover	{ color: #fff; background-color: #0063cd; }

#photo-story #photo-story-stats #view-count {
	margin-left: 0;
}

#photo-story #photo-story-stats #view-count .stat-icon {
	background-position: -15px -15px;
}
#photo-story #photo-story-stats a#view-count:hover .stat-icon {
	background-position: -15px -55px;
}
#photo-story #photo-story-stats #comment-count .stat-icon {
	background-position: -55px -15px;
}
#photo-story #photo-story-stats a#comment-count:hover .stat-icon {
	background-position: -55px -56px;
}
#photo-story #photo-story-stats #fave-count .stat-icon {
	background-position: -94px -16px;
}
#photo-story #photo-story-stats a#fave-count:hover .stat-icon {
	background-position: -94px -56px;
}
#photo-story #photo-story-stats #gallery-count .stat-icon {
	background-position: -135px -15px;
}
#photo-story #photo-story-stats a#gallery-count:hover .stat-icon {
	background-position: -135px -55px;
}

#photo-story #photo-story-stats .minimal .full-text {
	display: none;
}

/* Tags (only some of the styles are here; the rest are in other CSS files). These are mostly Tag Selecta styles. */

#tagadderform .tag-selecta {
	width: 300px;
}

#tagadder #addtagbox.tag-selecta-field {
	width: 292px;
}


/* chunky links 
#Main #sidebar .chunk:hover {
	background: #0063dc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#468EE6), to(#0063DC));
	background-image: -moz-linear-gradient(top, #468EE6, #0063DC);
	background-image: linear-gradient(to bottom, #468EE6 0%, #0063DC 100%);
	color: #fff;
} */

/* Old note style (new style is in photos_people.css). */

#shadow_div 					{ position: absolute; }
#photo_notes 					{ position: absolute; border: 0 solid #cc0000; z-index: 1000; visibility: hidden; }
.photo_note 					{ position: absolute; min-width: 500px; }
.photo_note_box_div 				{ position: absolute; border: 0 solid #d4d82d; }
.photo_note_box_inner_div 			{ border: 1px solid #000; }
.photo_note_box_inner_inner_div 		{ border: 1px solid #fff; }
.photo_note_text_div 				{ display: none; position: relative; padding: 5px; border: 1px solid #000; background-color: #fff; width: 200px; }

/* CC Icons */

.ccIcn 						{ padding-right: 2px; }
.ccIcn img 					{ border: none; margin-right: 4px; height: 32px; width: 32px; vertical-align: text-bottom; }
.ccIcnSmall img 				{ border: none; margin-right: 1px; height: 15px; width: 15px; vertical-align: text-bottom;}
.ccIcn img.last 				{ margin: 0; }
.ccIcn a 					{ text-decoration: none; }
.ccIcn a:hover, 
.licenseIcons a:active 				{ background: none; }
.ccTerm 					{ position: relative; top: 1px; }

/* License link */

#photo-sidebar-can-use a			{ color: #999; *color: #0063cd; }
#photo-sidebar-can-use:hover a			{ color: #0063cd; background: transparent; }
#photo-sidebar-can-use a:hover			{ color: #fff; background: #0063cd; }

/* report abuse link */

#sidecar #photo-sidebar-report			{ margin-top: 26px;}
#sidecar #photo-sidebar-report a		{ color: #999; }
#sidecar #photo-sidebar-report a:hover		{ color: #0063cd; background: transparent; }
body.signed-out #sidecar #photo-sidebar-report	{ margin-top: 26px; }


/* Photo owner controls. */

#sidecar #review-safety 			{ margin-top: 10px; padding-top: 12px; background: url(https://s.yimg.com/pw/images/dotted.gif) repeat-x left top; }

#sidecar #photo-sidebar-stats 			{ margin: 30px 0; visibility: hidden; position: absolute; left: -10000px;}

#sidecar #hide-from-public-searches .SmallButt 	{ margin-left: -20px; }

#sidebar #offensive-form .SmallButt,
#sidebar #photo-sidebar-photo-owner-submit 	{ margin-top: 8px; }
#sidebar.js #offensive-form .SmallButt,
#sidebar.js #photo-sidebar-photo-owner-submit,
#sidebar.js #title-desc-edit 			{ display: none; }

#sidecar img.status-icon 			{ display: block; position: absolute; top: -3px; left: -25px; width: 16px; height: 14px; padding: 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#sidecar img.icon-spinner 			{ background: transparent url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 4px 7px; }
#sidecar img.icon-warn 				{ background: transparent url(https://s.yimg.com/pw/images/iphone/sprite_confirmation_icons.png.v2) no-repeat -14px 3px; }
#sidecar img.icon-confirm 			{ background: transparent url(https://s.yimg.com/pw/images/iphone/sprite_confirmation_icons.png.v2) no-repeat 6px 3px; }

#sidecar #privacy-modifiers 			{ margin-bottom: 0; }

.guestpass-collapsed,	
.groups-collapsed 				{ display: none; }
.js .guestpass-collapsed,
.js .groups-collapsed 				{ display: list-item; }
.js .hidden-guestpass,
.js .hidden-group,
.js #owner-collapsed-access .hidden-guestpass-access-item,
.js #owner-collapsed-access .hidden-group-access-item { display: none; }

#sidecar .edit-setting 				{ display: none; overflow: hidden; margin: 0 -15px 4px -35px; border: 1px solid #f0f0f0; border-width: 1px 0; background: #fefefe; }
#sidecar .edit-setting .inner 			{ padding: 8px 20px 11px; }

#sidecar .edit-setting ul 			{ margin-bottom: 8px; }
#sidecar .edit-setting .SmallButt 		{ margin: 0 2px 0 1px; }
#sidecar #safety-level-setting em.saving,
#sidecar #content-type-setting em.saving,
#sidecar #nipsa-edit-setting em.saving 		{ color: #bbb; }
.pause-display 					{ color: #999; }

#sidecar .machinetags-extras-list 		{  }

#photo-sidebar-additional-info a		{ color: #999; *color: #0063cd; }
#photo-sidebar-additional-info:hover a		{ color: #0063cd; background: transparent; }
#photo-sidebar-additional-info a:hover		{ color: #fff; background: #0063cd; }

/* ---------- */

/* Additional Info: Camera Settings */

#camera-settings-wrapper.hidden #exif-details {
	display: none;
}

#camera-settings-wrapper.loaded .wait {
	display: none;
}

#camera-settings {
	position: relative;
	min-height: 20px;
}

#camera-settings.highlighted {
	/* highlight for "new feature" */
	background: #FFFFD3;
	-moz-transition: background .75s linear;
	-webkit-transition: background .75s linear;
	transition: background .75s linear;
}

#camera-settings.fade-out {
	background: #fefefe;
}

#camera-settings #exif-details {
	display: inline-block;
	padding: 2px;
	margin-top: -2px; /* vertical align */
	vertical-align: middle;
	line-height: auto;
}

#camera-settings #exif-details,
#camera-settings span.exif-detail {
	border-radius: 3px;
}

#camera-settings:hover #exif-details:hover span.exif-detail {
	border-color: #fff;
	border-color: rgba(255,255,255,0.5);
}

#camera-settings span.exif-detail {
	padding: 1px 3px;
	border: 1px solid #e6e6e6;
	margin-right: 3px;
}

#camera-settings span.exif-detail:last-child {
	margin-right: 0px;
}

#camera-settings span.camera-icon {
	display: inline-block;
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) -294px -15px no-repeat;
	width: 12px;
	height: 11px;
	margin-left: -20px;
	margin-bottom: -1px; /* vertical align */
	padding-right: 8px;
}

#photo-sidebar-additional-info {
	/* vertical-align tweak */
	/*
	margin-top: -12px;
	*/
}

/* ---------- */

.TopBar .NavBar #search_header_form_td input.Box{ width: 180px; margin-left: 179px; }

/* -------------------------------------------------------------------------------- */
/* Search referer catching box */
/* -------------------------------------------------------------------------------- */

#search-refer-tip {
	position: absolute;
	right: 0;
	width: 200px;
}

.search-refer-tip-box,
.search-refer-tip-box .extra_yellow {
	background-image: url(https://s.yimg.com/pw/images/gradient-search-referer-catch.png);
	background-repeat: repeat-x;
}

.search-refer-tip-box {
	position:relative;
	top: 8px;
	background-color: #fdfcd1;
	background-position: 0 -100px;
	padding:5px 10px 10px;
	border: 1px solid #d6d5b7;
	-moz-border-radius:2px 2px 2px 2px;
	-webkit-border-radius:2px 2px 2px 2px;
	-border-radius:2px 2px 2px 2px;
	color: #373536;
	z-index: 1;
	line-height: 13px;
}

.search-refer-tip-box .search-refer-tip-extra-yellow {
	_display: none; /* ie 6 doesn't get nice things */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
	background-color: #fffff2;
	background-position: 0 0;
}

.search-refer-tip-box p {
	margin: 3px 0 0;
	font-size:11px;
	position: relative;
	z-index: 2;
}

.search-refer-tip-box p.search-refer-tip-button {
	margin-top: 7px;
	margin-left: -1px;
}

.search-refer-tip-wedge {
	background-color:transparent;
	background-image:url(https://s.yimg.com/pw/images/wedges-paleyellow-border.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
	width:17px;
	height:8px;
	position:absolute;
	right:31px;
	top:1px;
	z-index: 2;
}

.search-refer-tip-wedge-up {
	background-position:0px -162px;
}

.search-refer-tip-box .search-refer-tip-close {
	visibility:hidden;
	position:absolute; 
	right:0px;
	top:0px;
	width:9px;
	height:9px;
	margin:4px 4px 0 0;
	background:transparent url(https://s.yimg.com/pw/images/close_x_small_sprite.png) no-repeat 0 0;
	overflow:hidden;
	cursor:pointer;
	z-index:2;
}

#delete-submit {
	margin-left: 2px;
}


/* -------------------------------------------------------------------------------- */
/* Admin styles */
/* -------------------------------------------------------------------------------- */		

.AdminButt,
.SmallAdminButt 				{ padding: 4px 6px; *padding: 3px 2px; background: orange; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: none; font-family: inherit; font-size: 12px; font-weight: bold; color: #000; text-overflow: ellipsis; text-decoration: none; white-space: nowrap; cursor: pointer; -webkit-appearance: none; }


/* -------------------------------------------------------------------------------- */
/* Used for language upgrade messages. */
/* -------------------------------------------------------------------------------- */

#new-lang-alert			{ display: none; position: relative; padding-left: 32px; font-size: 16px; }
#new-lang-alert .msg-icon	{ top: 8px; }
#new-lang-alert p		{ margin-bottom: 4px; }
#new-lang-alert p.also		{ margin-bottom: 12px; font-size: 13px; }

#new-lang-alert a.close-x 	{ position: absolute; right: 7px; top: 7px; } 
#new-lang-alert a.close-x:hover { background-color: transparent; }

/* -------------------------------------------------------------------------------- */
/* Shortcuts */
/* -------------------------------------------------------------------------------- */

#shortcuts {
	border-top: 1px dotted #dadada;
	color: #999;
	clear: both;
	font-size: 11px;
	margin: 30px auto 20px;
	padding: 26px 0 0;
	text-align: center;
	display: block;
	overflow: hidden;
	height: 0;
	*display: none; /* not you, IE 6/7. */
}

#shortcuts.enabled {
	height: 3em;
	-moz-transition: height .25s linear;
	-webkit-transition: height .25s linear;
	transition: height .25s linear;
}

#shortcuts kbd {
	color: #666;
	font-family: inherit;
	font-weight: bold;
	margin: 0 5px 0 20px;
}
#shortcuts a {
	color: #999;
}
#shortcuts:hover a {
	color: #0063DC;
}
#shortcuts a:hover {
	color: #fff;
	background: #0063DC;
}
html #foot { /* override the regular foot styles so it looks like the keyboard shortcuts are in the footer */
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	*margin-top: 30px;
	*padding-top: 9px;
}

#lrec-ad-container.ad-lrec.with-contexts {
	/* special case: more padding when other contexts are involved */
	padding-top: 25px;
}

.ad-lrec-beacon {
	/**
	 * special beacon-only case for media.net keyword ads on photo.gne
	 * load ad code in iframe, but no content to display - just data gathering.
	 */
	position: relative;
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
}

.ad-lrec-beacon iframe {
	/* beacon-only case; minimize the iframe dimensions, too */
	width: 0px !important;
	height: 0px !important;
}

.ad-lrec .house-ad {
	background-image:url(https://s.yimg.com/pw/images/sharethis_ad_bg.png);
	background-repeat: no-repeat;
	height:250px; 
	width:300px;
	padding:15px;
	position: relative;
}

.ad-lrec .house-ad h3,
.ad-lrec .house-ad p {
	color: #ee4684;
	font-weight: bold;
	font-family: "myriad", "Myriad Pro", arial, sans-serif;

}

.ad-lrec .house-ad h3{
	position:absolute;
	top:24px;
	left:15px;
	font-size:22px;
	line-height: 1em;
	width:250px;
}

.ad-lrec .house-ad p {
	position: absolute;
	top:100px;
	width: 266px;
	font-weight: normal;
	font-size:14px;
}

#photo-replace .thumb {
	text-align: center;
	margin: 20px 5px 5px;
}

#photo-replace .thumb img {
	max-width: 240px;
	max-height: 160px;
}

#photo-replace .rotate180 img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

#photo-replace .rotate90 img {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
	margin: 20px;
}

#photo-replace .rotate270 img {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	transform: rotate(270deg);
	margin: 20px;
}

/* -------------------------------------------------------------------------------- */
/* Pro Upsell */
/* -------------------------------------------------------------------------------- */

div.photo-page-pro-upsell 			{ width: 100%; margin: -5px auto 0; padding: 0; background: #f4f4f4; font-size: 13px; line-height: 17px; color: #222; cursor: pointer; *cursor: hand; }
div.photo-page-pro-upsell div			{ padding: 8px 32px 7px 25px; }
div.photo-page-pro-upsell div span.msg-icon	{ top: 0; left: 5px; width: 14px; height: 30px; background: url(https://s.yimg.com/pw/images/pro-flag-vertical.png) no-repeat 0 0; }
div.photo-page-pro-upsell a.callout,
div.photo-page-pro-upsell a.callout:hover	{ color: #ff0084; background-color: transparent; }
div.photo-page-pro-upsell a.close-x 		{ position: absolute; right: 8px; top: 8px; }
div.photo-page-pro-upsell a.close-x:hover 	{ background-color: transparent; }

#pro-upsell-side				{ width: 300px; margin: 0 0 8px; background: #bee8ff url(https://s.yimg.com/pw/images/pro-ad-clouds.png) no-repeat 50px -8px; text-align: center; font-size: 12px; }
#pro-upsell-side div				{ padding: 2px 8px 2px 15px; }
#pro-upsell-side div span.msg-icon		{ left: 2px; }
#pro-upsell-side a.callout,
#pro-upsell-side a.callout:hover		{ color: #ff0084; background-color: transparent; }
#pro-upsell-side a.close-x 			{ visibility: hidden; position: absolute; top: 0; right: 0; width: 14px; height: 14px; background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1453px -11px; }
#pro-upsell-side a.close-x:hover 		{ background-color: transparent; background-position: -1453px -51px; }
#pro-upsell-side:hover a.close-x		{ visibility: visible; }

/* -------------------------------------------------------------------------------- */
/* Hera */
/* -------------------------------------------------------------------------------- */

#sidebar,
#invites-and-comments,
#main-photo-container,
.share-options-list,
.hera-click-mask {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	-ie-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.hera-click-mask {
	position: absolute;
	z-index: 15000;
	background: white;
	opacity: 0;
	display: none;
}
#sidebar-click-mask {
	width: 350px;
	margin-left: -25px;
}
#sidebar-contexts .context-photos li span.context-thumb-placeholder span.bound-msg span{background:url(https://s.yimg.com/pw/images/en-us/photo-bound-sprite.png) no-repeat 0 0;}
.button-list li{display:-moz-inline-box;display:inline-block;*display:inline;list-style:none;position:relative}.button-list li.divider{width:2px;margin:0}.button-list li.divider span{height:5px;padding:4px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #e4e4e4;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#f4f4f4));background:-moz-linear-gradient(top,#fbfbfb,#f4f4f4);background:linear-gradient(to bottom,#fbfbfb 0,#f4f4f4 100%);*background:#f8f8f8}.button-list li.divider span span{height:5px;padding:3px 0;border:none;border-left:1px solid #f0f0f0;border-right:1px solid #fff}.button-list li .Butt,.button-list li .DisabledButt{height:5px;padding:4px 7px;_padding:4px 7px!important;overflow:hidden;border:1px solid #f0f0f0;border-color:#f0f0f0 #e2e2e2 #e4e4e4 #f0f0f0;border-width:1px 0;background:#f7f7f7;color:#444;font-weight:normal;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#f4f4f4));background:-moz-linear-gradient(top,#fbfbfb,#f4f4f4);background:linear-gradient(to bottom,#fbfbfb 0,#f4f4f4 100%);*background:#f8f8f8;_background:#f8f8f8!important;_color:#444!important;_font-weight:normal!important}.button-list li.first .Butt,.button-list li.first .DisabledButt{-moz-border-radius-topleft:6px;-moz-border-radius-bottomleft:6px;-webkit-border-top-left-radius:6px;-webkit-border-bottom-left-radius:6px;border-top-left-radius:6px;border-bottom-left-radius:6px;border-left:1px solid #f0f0f0}.button-list li.last .Butt,.button-list li.last .DisabledButt{-moz-border-radius-topright:6px;-moz-border-radius-bottomright:6px;-webkit-border-top-right-radius:6px;-webkit-border-bottom-right-radius:6px;border-top-right-radius:6px;border-bottom-right-radius:6px;border-right:1px solid #e2e2e2}.button-list li .Butt:hover{background-color:#f2f2f2;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#ebebeb));background:-moz-linear-gradient(top,#fbfbfb,#ebebeb);linear-gradient(to bottom,#fbfbfb 0,#ebebeb 100%);border-color:#f0f0f0 #e2e2e2 #e0e0e0 #eaeaea;color:#111;_background:#f2f2f2!important;_color:#111!important}.button-list li .Butt:focus{outline:none;background:#edf2f8;background:-webkit-gradient(linear,left top,left bottom,from(#edf2f8),to(#dde5ee));background:-moz-linear-gradient(top,#edf2f8,#dde5ee);linear-gradient(to bottom,#edf2f8 0,#dde5ee 100%);border-color:#d2e3f8 #c2dbf8 #bcd8f9 #c2dbf8;color:#000;_background:#ececec!important;_color:#000!important}.button-list li .Butt:active,.button-list li .ActiveButt,.button-list li .ActiveButt:hover{background:#ececec;background:-webkit-gradient(linear,left top,left bottom,from(#ebebeb),to(#fbfbfb));background:-moz-linear-gradient(top,#ebebeb,#fbfbfb);linear-gradient(to bottom,#ebebeb 0,#fbfbfb 100%);border-color:#e2e2e2 #e8e8e8 #e4e4e4 #ddd;color:#000;_background:#ececec!important;_color:#000!important}.button-list li .DisabledButt{color:#bbb}@media screen and (-webkit-min-device-pixel-ratio:0){.button-list li .Butt,.button-list li .DisabledButt{padding:4px 7px}.button-list li.divider span{height:5px;padding:4px 0;overflow:hidden;border:1px solid #f0f0f0;border-color:#f0f0f0 #f0f0f0 #e4e4e4 #fff;border-width:1px 0;background:#f7f7f7;color:#444;font-weight:normal;background:-webkit-gradient(linear,left top,left bottom,from(#fbfbfb),to(#f4f4f4));background:-moz-linear-gradient(top,#fbfbfb,#f4f4f4);linear-gradient(to bottom,#fbfbfb 0,#f4f4f4 100%)}}.button-list li a#nav-bar-lightbox img{vertical-align:middle;padding-bottom:3px}.button-list-dim li.divider span{border-top:1px solid #111;border-bottom:1px solid #000;background:-webkit-gradient(linear,left top,left bottom,from(#393939),to(#2c2c2c));background:-moz-linear-gradient(top,#393939,#2c2c2c);linear-gradient(to bottom,#393939 0,#2c2c2c 100%)}.button-list-dim li.divider span span{border-left:1px solid #222;border-right:1px solid #484848}.button-list-dim li .Butt,.button-list-dim li .DisabledButt,.button-list-dim li .Butt:focus{border-color:#111 #020202 #000 #111;background:#333;background:-webkit-gradient(linear,left top,left bottom,from(#393939),to(#2c2c2c));background:-moz-linear-gradient(top,#3b3b3b,#2c2c2c);linear-gradient(to bottom,#3b3b3b 0,#2c2c2c 100%);text-shadow:1px 1px 0 #161616;color:#ddd}.button-list-dim li .DisabledButt{color:#666}.button-list-dim li .Butt:hover{background:#282828;background:-webkit-gradient(linear,left top,left bottom,from(#3f3f3f),to(#242424));background:-moz-linear-gradient(top,#3f3f3f,#242424);linear-gradient(to bottom,#3f3f3f 0,#242424 100%);border-color:#111 #010101 #000 #080808;text-shadow:1px 1px 0 #111;color:#eee}.button-list-dim li .Butt:active,.button-list-dim li .ActiveButt{background:#242424;background:-webkit-gradient(linear,left top,left bottom,from(#242424),to(#3f3f3f));background:-moz-linear-gradient(top,#242424,#3f3f3f);linear-gradient(to bottom,#242424 0,#3f3f3f 100%);border-color:#000 #080808 #111 #010101;text-shadow:1px 1px 0 #080808;color:#fff}.button-list-dim li.first .Butt,.button-list-dim li.first .DisabledButt{border-left:1px solid #111}.button-list-dim li.last .Butt,.button-list-dim li.last .DisabledButt{border-right:1px solid #020202}#lightbox-logo,
#lightbox-prev span,
#lightbox-next span,
#lightbox-allsizes span,
#lightbox-play span,
.lightbox-comments .icon                                { background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat 0 0; }

#lightbox                                         { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; z-index: 1003; background: #141414; color: #f7f7f7; }
#lightbox .hd                                     { position: absolute; z-index: 2; top: 10px; left: 10px; right: 10px; padding: 0 0 10px; text-align: center; }
#lightbox .bd                                     { position: absolute; z-index: 1; top: -5px; bottom: 5px; left: 10px; right: 10px; padding: 0; text-align: center; *width: 100%; *height: 100%; *bottom: auto; }
#lightbox .ft                                     { position: absolute; z-index: 2; top:50%; left: 10px; right: 10px; height: 0; padding: 0; text-align: center; } /* not really used at the moment */

#lightbox .hd ul                                  { height: 21px; padding: 2px 0 0; }
#lightbox .hd ul#lightbox-nav               { }
#lightbox .hd ul#lightbox-other-controls    { position: absolute; top: 0; right: 0; }
#lightbox .hd #lightbox-logo                { position: absolute; top: 0; left: 0; display: block; width: 76px; height: 22px; background-position: -1083px -9px; }
#lightbox .hd a#lightbox-prev span          { display: inline-block; background-position: -1212px -14px; width: 15px; height: 10px; }
#lightbox .hd a#lightbox-prev:hover span    { background-position: -1212px -54px; }
#lightbox .hd a#lightbox-prev.DisabledButt span,
#touchlightbox a#lightbox-prev.DisabledButt span  { background-position: -1212px -94px; }
#lightbox .hd a#lightbox-next span          { display: inline-block; background-position: -1252px -14px; width: 15px; height: 10px; }
#lightbox .hd a#lightbox-next:hover span    { background-position: -1252px -54px; }
#lightbox .hd a#lightbox-next.DisabledButt span,
#touchlightbox a#lightbox-next.DisabledButt span  { background-position: -1252px -94px; }

#lightbox .hd #lightbox-from-yahoo          { position: absolute; top: 13px; left: 75px; display: block; width: 69px; height: 9px; background: url(https://s.yimg.com/pw/images/lightbox/en-us/from-yahoo-white.png) no-repeat 0 0; }
.zh-hk #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/zh-hk/from-yahoo-white.png); }
.de-de #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/de-de/from-yahoo-white.png); }
.es-us #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/es-us/from-yahoo-white.png); }
.fr-fr #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/fr-fr/from-yahoo-white.png); }
.ko-kr #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/ko-kr/from-yahoo-white.png); }
.it-it #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/it-it/from-yahoo-white.png); }
.pt-br #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/pt-br/from-yahoo-white.png); }
.vn-vn #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/vn-vn/from-yahoo-white.png); }
.id-id #lightbox .hd #lightbox-from-yahoo   { background-image: url(https://s.yimg.com/pw/images/lightbox/id-id/from-yahoo-white.png); }

#lightbox .bd ul.contexts,
#lightbox .bd ul.positions                        { display: block; position: relative; width: 100%; height: 100%; }
#lightbox .bd li.context,
#lightbox .bd li.position                         { display: block; position: absolute; width: 100%; height: 100%; visibility: hidden; }
#lightbox .bd li.context                          { top: 100%; left: 0; }
#lightbox .bd li.position                         { top: 0; left: 100%; }
#lightbox.touch .bd li.position                   { top:0; left:  0; visibility: visible;}
#lightbox .bd li.loading                          { /* background: url(https://s.yimg.com/pw/images/progress/balls-24x12-black.gif) no-repeat 50% 50%; */ }
#lightbox .bd li.position .img-wrap               { position: absolute; display: block; left: 50%; top: 50%; height: 100%; width: auto; margin-top: -30%; margin-left: -30%; background: #222; -moz-box-shadow: 0 0 10px #0e0e0e; -webkit-box-shadow: 0 0 10px #0e0e0e; box-shadow: 0 0 10px #0e0e0e; } /* dimensions and position overridden by JS */

/* lose shadows for ipad */
#lightbox.touch .bd li.position div.img-wrap      { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* dimensions and position overridden by JS */

#lightbox .bd li.position .img-wrap img,
#lightbox .bd li.position .img-wrap .lightbox-video { position: absolute; display: block; left: 0; top: 0; height: 100%; width: 100%; z-index: 1; } /* stretch images and videos to fill the wrapper */
#lightbox .bd li.position .lightbox-meta          { position: absolute; left: 50%; top: 50%; color: #fff; margin-top: -30%; margin-left: -30%; } /* position overridden by JS */

#lightbox .bd li.position .img-wrap img           { image-rendering: optimizequality; -ms-interpolation-mode: bicubic; } /* optimize display of the main image shown in lightbox, Firefox and IE 7+ */
#lightbox .bd li.position .img-wrap img.fuzzy     { background: url(https://s.yimg.com/pw/images/fuzzy/photo-fuzzy-m.png) repeat 0 0; }

#lightbox .bd li.position div.interstitial        { position: absolute; top: 50%; left: 50%; z-index: 101; width: 286px; margin: -48px 0 0 -154px; padding: 12px 12px 16px; text-align: center; background: #000; background: rgba(0, 0, 0, .6); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#lightbox .bd li.position div.interstitial h4     { font-size: 12px; line-height: 16px; margin-bottom: 14px; }

#lightbox .untitled                               { color: #666; }

.lightbox-meta-attribution                              { float: left; padding: 10px 0; text-align: left; }
.lightbox-meta-attribution a                            { color: #fff; text-decoration: none;  }
.lightbox-meta-attribution a:hover                      { background: transparent; color: #0063dc; }
a.lightbox-meta-buddyicon                               { display: block; float: left; width: 36px; height: 36px; margin-right: 10px; background: #222; }
a.lightbox-meta-buddyicon img                           { opacity: 0; }
.lightbox-meta-title                                    { display: block; height: 13px; margin: 0 0 6px; font-size: 18px; white-space: nowrap; }
.lightbox-meta-owner                                    { display: block; float: left; }

.lightbox-fave                                          { display: block; float: left; margin-left: 10px; }
.lightbox-fave .star                                    { background-position: -1293px -11px; }
.lightbox-fave.fave .star                               { background-position: -1293px -51px; }
.lightbox-fave .text                                    { margin-left: 5px; color: #fff; }

.lightbox-fave-link:hover                               { color: #fff; }
.lightbox-fave-link .text:hover                         { color: #0063DC; }

.lightbox-comments                                      { display: block; float: left; margin-left: 11px; }
.lightbox-comments .icon                                { display: inline-block; height: 16px; position: relative; text-indent: -999em; width: 11px; background-position: -55px -52px; opacity: 0.9; }
.lightbox-comments .icon-shadow                         { margin-left: -10px; background-position: -55px -51px; opacity: 0.3; }
.lightbox-comments .text                                { margin-left: 5px; color: #fff }

.lightbox-comments-link:hover                           { color: #fff; }
.lightbox-comments-link .text:hover                     { color: #0063DC; }

.lightbox-meta-attribution .divider                     { display: block; float: left; margin-left: 5px; color: #333; }

#lightbox-play                                    { padding: 4px 6px; }
#lightbox-play span                               { display: inline-block; width: 15px; height: 11px; margin-bottom: -2px; background-position: -1092px -54px; }
#lightbox-play:hover span                         { background-position: -1092px -94px; }
#lightbox-play.playing span                       { background-position: -1132px -55px; }
#lightbox-play.playing:hover span                 { background-position: -1132px -96px; }
#lightbox-play .lightbox-pause                    { font-size: 9px; }
#lightbox-play .lightbox-pause span               { letter-spacing: 3px; }

#lightbox-other-controls a#lightbox-allsizes span              { display: inline-block; width: 33px; height: 10px; margin-bottom: -1px; background-position: -1163px -15px; }
#lightbox-other-controls a#lightbox-allsizes:hover span        { background-position: -1163px -55px; }
#lightbox-other-controls a#lightbox-allsizes.DisabledButt span { background-position: -1163px -95px; }
#lightbox-other-controls span.close-button-x                         { font-size: 14px; line-height: 14px; vertical-align: text-top; }
#lightbox-other-controls #lightbox-context-list span           { display: inline-block; width: 14px; height: 10px; font-size: 10px; }
#lightbox-other-controls #lightbox-context-list.loading span   { background: transparent url(https://s.yimg.com/pw/images/progress/balls-12x6-black.gif) no-repeat 1px 3px; text-indent: -15em; overflow: hidden; }
#lightbox-other-controls #lightbox-context-list ul             { display: none; position: absolute; text-align: left; margin: 1px 0 0 -1px; }
#lightbox-other-controls #lightbox-context-list ul.open        { display: block; }
#lightbox-other-controls #lightbox-context-list ul li          { display: block; background-color: #2c2c2c; padding: 1px 6px; white-space: nowrap; border: 1px solid #333333; border-width: 0 1px; font-size: 93%; }
#lightbox-other-controls #lightbox-context-list ul li a        { color: #ddd; }
#lightbox-other-controls #lightbox-context-list ul li a:hover  { color: #fff; background: none; }

#lightbox-spinner                                 { display: none; margin-top: -15px; margin-left: -28px; background: url(https://s.yimg.com/pw/images/progress/balls-24x12-black.gif) no-repeat 50% 50% rgba(0, 0, 0, 1); }

#lightbox .facade-of-protection                   { width: 100%; height: 100%; z-index: 100; position: absolute; left: 0; top:0; background: url('data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); *background: url(https://s.yimg.com/pw/images/spaceout.gif); }

#lightbox .lightbox-preview                       { display: block; position: absolute; z-index: 102; width: 75px; height: 75px; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
#lightbox .lightbox-preview-hidden                { display: none; }

/* reveal the lightbox when this classname is applied to the body */
body.lightbox #lightbox                           { display: block; }

/* hide scrollbars */
body.lightbox                                           { overflow: hidden; } 

/*****************/
/* refresh style */
/*****************/
body.super-liquid #lightbox,
body.super-liquid #touchlightbox  {
	background-color:#000;
}
body.super-liquid.extras #lightbox-logo{
	background-position: center center !important;
  	background-image: url(https://s.yimg.com/pw/images/flickr_logo_small_white.png);
  	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/flickr_logo_small_white.png) 1x, url(https://s.yimg.com/pw/images/flickr_logo_large_white.png) 2x);
  	background-repeat: no-repeat;
  	background-size: 76px 22px;
}
body.super-liquid.extras #lightbox .hd #lightbox-from-yahoo{
	display: none;
}

/******************/
/* Touch Lightbox */
/******************/

#touchlightbox {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #141414;
	overflow: hidden;
	text-align: center;
	z-index: 10;
}

#touchlightbox a{
/*	font-size: 25px;*/
}

#touchlightbox #hd,
#touchlightbox #ft{
	position: absolute;
	background-color: rgba(0,0,0, 0.25);
	-webkit-transform: translate3d(0px, 0px, 0px);
	width: 100%;
/*	-webkit-transition: all -0.5s ease-in;
	transition: all -0.5s ease-in;*/
}



#touchlightbox #hd{
	top: 0px;
	height: 40px;
	z-index: 20;
	opacity: 1;
	-webkit-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

#touchlightbox #ft{
	bottom: 0px;
	left: 0px;
	height: 5em;
	z-index: 20;
	opacity: 1;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
}

#touchlightbox #hd,
#touchlightbox #ft{
	-webkit-transform: translate3d(0px,0px,10px);
}

#touchlightbox.hide-chrome #hd{
	opacity: 0;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

#touchlightbox.hide-chrome #ft{
	opacity: 0;
	-webkit-transition: all 1s ease-in;
	transition: all 1s ease-in;
}

#touchlightbox.pinch-chrome #hd,
#touchlightbox.pinch-chrome #ft{
	display: none;
}

#touchlightbox #ft .meta{
	position: absolute;
	left: 10px;
	top: 5px;
	height: 3em;
	color: #fff;
	text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	width: 100%;
}


#touchlightbox #ft .meta h1,
#touchlightbox #ft .meta p{
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	height: 1.1em;
	text-overflow: ellipsis;

}

#touchlightbox #ft .meta h1.title { 
	padding-top: 4px;
}


#touchlightbox #ft .meta p{
	height: 2em;
}

#touchlightbox #ft .meta .lightbox-fave{
	float: none;
	display: inline-block;
	height: 40px;
	padding-right: 60px;
}

#touchlightbox #ft .meta h1,
#touchlightbox #ft .meta a,
#touchlightbox #ft .meta p{
	color #fff;
	text-align: left;
	padding-top: 0px;
}

#touchlightbox #ft .meta a,
#touchlightbox #ft .meta a:link,
#touchlightbox #ft .meta a:hover,
#touchlightbox #ft .meta a:active{
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

/*#touchlightbox .swiper{
	width: 300%;
	position: absolute;
	top: 30px;
	left: 0px;
	height: 100%;
	display: none;
	overflow: hidden;
}*/

#touchlightbox .slide-wrap{
	position: absolute;
	display: block;
	text-align: center;
	top: 30px;
	left: 0px;
	z-index: 12;
}


#touchlightbox .position{
	position: absolute;
	top: 30px;
	bottom: 10px;
	right: 10px;
	left: 10px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#touchlightbox .imgwrap{
	height: 600px;
	width: 800px;
	position: relative;
	margin: 0 auto 0 auto;
}

#touchlightbox .slide-wrap .img{
	position: relative;
	display: block;
	margin: 0px auto;
	background-repeat: no-repeat;
	text-align: center;
}

#touchlightbox .slide-wrap .img h4{
	position: relative;
	top: 40%;
	margin: 0px;
	width: 50%;
	min-width: 240px;
	display: inline-block;
	padding: 10px;
	font-size: 15px;
	color: white;
	background-color: rgba(0,0,0,0.75);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#touchlightbox #lightbox-nav{
	margin-top: 10px;
	height: 21px;
	-webkit-transform: scale(1);
}



#touchlightbox a#lightbox-prev span{ 
	display: inline-block; 
	background-position: -1212px -14px; 
	width: 15px; 
	height: 10px; 
}

#touchlightbox a#lightbox-next span{
	display: inline-block;
	background-position: -1252px -14px;
	width: 15px;
	height: 10px;
}

#touchlightbox #logo{
	position: absolute;
	top: 10px;
	left: 20px;
	-webkit-transform: scale(1);
}


#touchlightbox #lightbox-other-controls{
	position: absolute;
	top: 10px;
	right: 10px;
}

#touchlightbox #lightbox-logo		{ position: absolute; top: 0; left: 0; display: block; width: 75px; height: 22px; background-position: -1083px -9px; }

#touchlightbox #lightbox-from-yahoo { 
	position: absolute; 
	top: 13px; 
	left: 75px; 
	display: block; 
	width: 69px; 
	height: 9px; 
	/*do not load: background: url(https://s.yimg.com/pw/images/lightbox/en-us/from-yahoo-white.png) no-repeat 0 0; */
	
	/* Hide until phil fixes broken ass image */
	display: none;
}

#touchlightbox #lightbox-play span{
	background: transparent;
	margin: -2px -1px 1px -1px;
	letter-spacing: -3px;
}



@media only screen and (orientation:landscape) {
	#touchlightbox #logo{
		-webkit-transform: scale(0.8);
	}
	
}

@media only screen and (max-device-width: 480px) and (orientation:portrait){
	body{
/*		height: 416px;*/
		width: 100%;
	}
	
	#touchlightbox{
		height: 416px;
	}
	
}

@media only screen and (max-device-width: 480px) and (orientation:landscape){
	body{
		height: 199px;
		width: 100%;
	}
	
	#touchlightbox{
		height: 199px;
	}
	
}

/* iphone & android phones*/
@media only screen and (max-device-width: 570px) {

	#lightbox-play{
		background: transparent;
	}

	#touchlightbox #lightbox-nav .first,
	#touchlightbox #lightbox-nav .last {
		display: none;
	}
	
	#touchlightbox ul.button-list li.divider{
		display: none;
	}
	
	#touchlightbox ul.button-list li a{
		background: transparent;
		border: none;
	}
	#touchlightbox #lightbox-other-controls .first{
		display: none;
	}
	
	#touchlightbox #logo{
		position: absolute;
		top: 10px;
		left: 10px;
		-webkit-transform: scale(0.6);
	}
	
	#touchlightbox #ft .meta{
		left: 5px;
	}


	#touchlightbox #ft{
		height: 40px;
	}
	
	#touchlightbox #lightbox-close{
		position: absolute;
		right: -5px;
		top: -15px;
		width: 25px;
		text-align: center;
		height: 25px;
		display: block;
		overflow: hidden;
		text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
		text-overflow: clip;
		-webkit-transform: scale(1.8);
	}
	
	#lightbox-play{
		padding:none;
		display: block;
		position: absolute;
		left: -24px;
		text-align: center;
		top: -18px;
		width: 40px;
		height: 30px;
	}
	
	#lightbox-play span{
		position: relative;
		display: inline;
		letter-spacing: -35px;
		font-size: 18px;
		text-shadow: rgba(0,0,0,0.5) 2px 2px 5px;
	}
	

	#touchlightbox #ft .meta{
		text-align: right;
		padding: 3px 0 0 0;
		position: relative;
	}
	
	#touchlightbox #ft .meta .lightbox-fave{
		padding: 0px;
		position: absolute;
		width: 30px;
		height: 30px;
		overflow: hidden;
		top: -16px;
		right: -22px;
		text-align: center;
		-webkit-transform: scale(1.5);
	}
	
	#touchlightbox #ft .meta h1,
	#touchlightbox #ft .meta p {
		font-size: 14px;
		text-align: left;
		overflow: visible;
		position: relative;
		height: 1.3em;
		padding: 0px;
		margin: 0px;
	}
	
	#touchlightbox #ft .meta h1 > a,
	#touchlightbox #ft .meta p > a{
		display: inline-block;
		position: relative;
		margin: 0px;
		padding: 0px;
		top: -10px;
		left: 0px;
		height: 2em;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: left;
		width: 250px;

	}
	

}

/* landscape */
@media only screen and (min-width: 321px) and (max-width: 500px) and (orientation: landscape){

/*	#touchlightbox #ft .meta h1{
		max-width: 250px;
		text-align: right;
		text-overflow: ellipsis;
	}
	
	
	
	#touchlightbox #ft .meta p{
		max-width: 150px;
		text-overflow: ellipsis;
	}*/
	
	#touchlightbox #ft .meta h1 > a,
	#touchlightbox #ft .meta p > a{
		width: 380px;
	}

}

#touchlightbox .video_overlay {
	background: url(https://s.yimg.com/pw/images/iphone/video_play_icon_large.png.v1);
	background-size: 66px 38px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transform:  scale(1);
}

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {

	#lightbox-logo,
	#lightbox .fave-button span.star,
	#lightbox .lightbox-comments .icon,
	#lightbox .hd a#lightbox-prev span,
	#lightbox .hd a#lightbox-next span,
	#lightbox-allsizes span,
	#lightbox-play span {
		background: transparent url(https://s.yimg.com/pw/images/lightbox/lightbox-sprite2x.png.v3) no-repeat;
		background-size: 406px 40px;
	}

	#lightbox-logo {
		background-position: -2px -18px !important;
	}

	#lightbox .fave-button span.star {
		background-position: -328px 0px;
	}

	#lightbox .fave-button.fave span.star {
		background-position: -328px -24px;
	}

	#lightbox .lightbox-comments .icon {
		background-position: -363px -25px;
		width: 12px;
	}

	#lightbox .lightbox-comments .icon-shadow {
		display: none;
	}

	#lightbox .hd a#lightbox-prev span {
		background-position: -209px -29px;
	}

	#lightbox .hd a#lightbox-prev:hover span {
		background-position: -240px -29px;
	}

	#lightbox .hd a#lightbox-prev.DisabledButt span {
		background-position: -271px -29px;
	}

	#lightbox .hd a#lightbox-next span {
		background-position: -205px -10px;
	}

	#lightbox .hd a#lightbox-next:hover span {
		background-position: -236px -10px;
	}

	#lightbox .hd a#lightbox-next.DisabledButt span {
		background-position: -267px -10px;
	}

	#lightbox-play span {
		background-position: -95px -29px; 
	}

	#lightbox-play:hover span {
		background-position: -95px -9px; 
	}

	#lightbox-play.playing span {
		background-position: -124px -29px; 

	}
	#lightbox-play.playing:hover span {
		background-position: -124px -10px; 
	}

	#lightbox-other-controls a#lightbox-allsizes span {
		background-position: -156px -30px; 
	}

	#lightbox-other-controls a#lightbox-allsizes:hover span {
		background-position: -156px -10px; 
	}

}





/*---------------------------------------------------------------------------------*/
/* REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH */
/*---------------------------------------------------------------------------------*/

/* For Refresh, links on black should be PINK */
.super-liquid #lightbox .lightbox-meta-attribution a:hover,
.super-liquid #lightbox .lightbox-comments-link .text:hover,
.super-liquid #lightbox .lightbox-fave-link .text:hover {
	color: #ff0084;
}

#lightbox.biggering-2013 .bd li.position .lightbox-meta {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	z-index: 104; /* higher than the facade and the next/prev arrows */
/*	background: rgba(0,0,0,0.5);*/
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 300;
	background-image: url(https://s.yimg.com/pw/images/lightbox_shadow_bottom_left.png.v3);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/lightbox_shadow_bottom_left.png.v3) 1x, url(https://s.yimg.com/pw/images/lightbox_shadow_bottom_left_2x.png) 2x);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 66px; /* BG image is 66px */
}

#lightbox.biggering-2013 .lightbox-meta-attribution {
	padding-bottom: 0;
}

#lightbox.biggering-2013 .bd li.position .lightbox-meta-wrap {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 10px 10px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-image: url(https://s.yimg.com/pw/images/lightbox_shadow_bottom_right.png);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/lightbox_shadow_bottom_right.png) 1x, url(https://s.yimg.com/pw/images/lightbox_shadow_bottom_right_2x.png) 2x);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#lightbox.biggering-2013 .bd li.position .lightbox-meta-wrap {
	float: none;
}

#lightbox.biggering-2013 .bd li.position .lightbox-meta-title {
	font-size: 18px;
}

#lightbox.biggering-2013 .bd li.position .lightbox-meta-owner {
	font-size: 13px;
}

#lightbox.biggering-2013 .lightbox-fave-comments {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px 10px 0;
	position: absolute;
	right: 0;
	bottom: 0;
}

#lightbox.biggering-2013 .lightbox-fave {
	margin-right: 20px;
}

#lightbox.biggering-2013 #lightbox-logo {
	width: 70px;
	height: 22px;
	-webkit-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
	-moz-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
	background-position: center center;
	background-image: url(https://s.yimg.com/pw/images/flickr_logo_small_white.png);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/flickr_logo_small_white.png) 1x, url(https://s.yimg.com/pw/images/flickr_logo_large_white.png) 2x);
	background-repeat: no-repeat;
	background-size: auto;
}

#lightbox.biggering-2013 .bd {
	/* really full bleed */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#lightbox.biggering-2013 .bd .prev-wrap,
#lightbox.biggering-2013 .bd .next-wrap {
	position: absolute;
	bottom: 0;
	top: 0;
	min-width: 200px;
	width: 15%;
}
#lightbox.biggering-2013 .bd .prev-wrap,
#lightbox.biggering-2013 .bd .next-wrap,
#lightbox.biggering-2013 .bd .prev-wrap:hover,
#lightbox.biggering-2013 .bd .next-wrap:hover {
	background: transparent;
}

#lightbox.biggering-2013 .bd .prev-wrap {
	left: 0;
	z-index: 102;
}

#lightbox.biggering-2013 .bd .next-wrap {
	right: 0;
	z-index: 103; /* higher for the rare possible case when it stacks over the prev arrow */
}

#lightbox.biggering-2013 .bd .prev-doohickey,
#lightbox.biggering-2013 .bd .next-doohickey,
#lightbox.biggering-2013 .bottom-controls {
	background: rgba(0,0,0,0.8);
	opacity: 0;
	-webkit-transition: opacity .75s ease-in-out;
	-moz-transition: opacity .75s ease-in-out;
	-o-transition: opacity .75s ease-in-out;
	transition: opacity .75s ease-in-out;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

#lightbox.biggering-2013 .bd .next-doohickey {
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-moz-border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

#lightbox.biggering-2013 .bd .prev-doohickey {
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-moz-border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

#lightbox.biggering-2013 .bd .prev-wrap.hidden,
#lightbox.biggering-2013 .bd .next-wrap.hidden {
	display: none;
}

#lightbox.biggering-2013.mouse-active .bd .prev-doohickey,
#lightbox.biggering-2013.mouse-active .bd .next-doohickey,
#lightbox.biggering-2013.mouse-active .bottom-controls {
	opacity: 0.5;
}

#lightbox.biggering-2013 .bd .prev-wrap:hover .prev-doohickey,
#lightbox.biggering-2013 .bd .next-wrap:hover .next-doohickey,
#lightbox.biggering-2013 .bottom-controls:hover {
	opacity: 1;
}

#lightbox.biggering-2013 .bd .prev-doohickey,
#lightbox.biggering-2013 .bd .next-doohickey {
	width: 50px;
	height: 60px;
	position: absolute;
	top: 50%;
	margin-top: -30px;
	border: none;
	display: block;
}

#lightbox.biggering-2013 .bd .prev-doohickey {
	left: 0;
}

#lightbox.biggering-2013 .bd .next-doohickey {
	right: 0;
}

#lightbox.biggering-2013 .bd .prev-doohickey span,
#lightbox.biggering-2013 .bd .next-doohickey span {
	width: 50px;
	height: 60px;
	display: block;
}

#lightbox.biggering-2013 .bd .prev-doohickey span {
	background: transparent url(https://s.yimg.com/pw/images/lightbox_left.png) no-repeat center;
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/lightbox_left.png) 1x, url(https://s.yimg.com/pw/images/lightbox_left_2x.png) 2x);
	background-position: 10px 10px;
}

#lightbox.biggering-2013 .bd .next-doohickey span {
	background: transparent url(https://s.yimg.com/pw/images/lightbox_right.png) no-repeat center;
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/lightbox_right.png) 1x, url(https://s.yimg.com/pw/images/lightbox_right_2x.png) 2x);
	background-position: 10px 10px;
}

#lightbox.biggering-2013 .bottom-controls {
	position: absolute;
	left: 0px;
	right: 0px;
	text-align: center;
	z-index: 102;
	width: 80px;
	height: 43px;
	margin: 0 auto;
}
#lightbox.biggering-2013 .bottom-controls .play {
	bottom: 150px;
	display: inline-block;
	width: 80px;
	height: 43px;
	margin: auto;
	padding: 0;
	background: transparent;
	background-image: url(https://s.yimg.com/pw/images/ken_play.png);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/ken_play.png) 1x, url(https://s.yimg.com/pw/images/ken_play_2x.png) 2x);
	background-position: 32px center;
	background-repeat: no-repeat;
}

/* Hide/show controls on mouse move */
#lightbox.biggering-2013 .bd li.position .lightbox-meta,
#lightbox.biggering-2013 .hd .button-list {
	-webkit-transition: opacity .75s ease-in-out;
	-moz-transition: opacity .75s ease-in-out;
	-o-transition: opacity .75s ease-in-out;
	transition: opacity .75s ease-in-out;
	opacity: 0;
}

#lightbox.biggering-2013.mouse-active .bd li.position .lightbox-meta,
#lightbox.biggering-2013 .bd li.position .lightbox-meta:hover,
#lightbox.biggering-2013.mouse-active .hd .button-list,
#lightbox.biggering-2013 .hd .button-list:hover {
	opacity: 1;
}

/* icon changes */
#lightbox.biggering-2013 .lightbox-comments .icon {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/comment.png) no-repeat center;
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/sprites/icons/comment.png) 1x, url(https://s.yimg.com/pw/images/sprites/icons-retina/comment-2x.png) 2x);
	background-size: contain;
	width: 16px;
}

#lightbox.biggering-2013 .lightbox-comments .icon-shadow {
	display: none;
}

#lightbox.biggering-2013 .fave-button span.star {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/fav.png) no-repeat center;
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/sprites/icons/fav.png) 1x, url(https://s.yimg.com/pw/images/sprites/icons-retina/fav-2x.png) 2x);
	background-size: contain;
	width: 16px;
}

#lightbox.biggering-2013 .fave-button.fave span.star {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/fav_hover.png) no-repeat center;
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/sprites/icons/fav_hover.png) 1x, url(https://s.yimg.com/pw/images/sprites/icons-retina/fav_hover-2x.png) 2x);
	background-size: contain;
}

#lightbox.biggering-2013 .hd .button-list li {
	position: absolute;
	right: 0;
	top: -5px;
	right: 15px;
}

#lightbox.biggering-2013 span.close-button-x {
	background-image: url(https://s.yimg.com/pw/images/sprites/icons/close.png);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/sprites/icons/close.png) 1x, url(https://s.yimg.com/pw/images/sprites/icons-retina/close-2x.png) 2x);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	display: block;
/*	-webkit-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
	-moz-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
	filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
*/
}

#lightbox.biggering-2013 .hd #lightbox-other-controls {
	background-image: url(https://s.yimg.com/pw/images/lightbox_shadow_top_right.png);
	background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/lightbox_shadow_top_right.png) 1x, url(https://s.yimg.com/pw/images/lightbox_shadow_top_right_2x.png) 2x);
	background-repeat: no-repeat;
	background-position: right top;
	width: 166px;
	height: 76px;
	top: -10px;
	right: -10px;
}

#lightbox.biggering-2013 .hd .button-list .Butt {
	background: transparent;
	border: none;
}

/*---------------------------------------------------------------------------------*/
/* END OF REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH REFRESH  */
/*---------------------------------------------------------------------------------*//* 

 +-DANGER DANGER DANGER DANGER-+
 |                             |
 |                             |
 |    THIS IS A SASS FILE      |
 |                             |
 |    EDIT ONLY THE SCSS       |
 |                             |
 |    NEVER EDIT .source.css   |
 |       (or .css)             |
 |                             |
 +-DANGER DANGER DANGER DANGER-+

Before you panic looking for how to compile this nonsese, look here
https://git.corp.yahoo.com/flickr/classic-tasks

*/
@-webkit-keyframes bounce-ken {
  0% {
    left: 0px;
    z-index: 3;
  }

  5% {
    left: 0px;
    z-index: 3;
  }

  25% {
    left: 12px;
    z-index: 3;
  }

  50% {
    left: 29px;
    z-index: 3;
  }

  75% {
    left: 12px;
    z-index: 2;
  }

  95% {
    left: 0px;
  }

  100% {
    left: 0px;
    z-index: 2;
  }
}

@-moz-keyframes bounce-ken {
  0% {
    left: 0px;
    z-index: 3;
  }

  5% {
    left: 0px;
    z-index: 3;
  }

  25% {
    left: 12px;
    z-index: 3;
  }

  50% {
    left: 29px;
    z-index: 3;
  }

  75% {
    left: 12px;
    z-index: 2;
  }

  95% {
    left: 0px;
  }

  100% {
    left: 0px;
    z-index: 2;
  }
}

@-o-keyframes bounce-ken {
  0% {
    left: 0px;
    z-index: 3;
  }

  5% {
    left: 0px;
    z-index: 3;
  }

  25% {
    left: 12px;
    z-index: 3;
  }

  50% {
    left: 29px;
    z-index: 3;
  }

  75% {
    left: 12px;
    z-index: 2;
  }

  95% {
    left: 0px;
  }

  100% {
    left: 0px;
    z-index: 2;
  }
}

@keyframes bounce-ken {
  0% {
    left: 0px;
    z-index: 3;
  }

  5% {
    left: 0px;
    z-index: 3;
  }

  25% {
    left: 12px;
    z-index: 3;
  }

  50% {
    left: 29px;
    z-index: 3;
  }

  75% {
    left: 12px;
    z-index: 2;
  }

  95% {
    left: 0px;
  }

  100% {
    left: 0px;
    z-index: 2;
  }
}

@-webkit-keyframes bounce-ken-left {
  0% {
    left: 29px;
  }

  5% {
    left: 29px;
  }

  25% {
    left: 12px;
  }

  50% {
    left: 0px;
  }

  75% {
    left: 12px;
  }

  95% {
    left: 29px;
  }

  100% {
    left: 29px;
  }
}

@-moz-keyframes bounce-ken-left {
  0% {
    left: 29px;
  }

  5% {
    left: 29px;
  }

  25% {
    left: 12px;
  }

  50% {
    left: 0px;
  }

  75% {
    left: 12px;
  }

  95% {
    left: 29px;
  }

  100% {
    left: 29px;
  }
}

@-o-keyframes bounce-ken-left {
  0% {
    left: 29px;
  }

  5% {
    left: 29px;
  }

  25% {
    left: 12px;
  }

  50% {
    left: 0px;
  }

  75% {
    left: 12px;
  }

  95% {
    left: 29px;
  }

  100% {
    left: 29px;
  }
}

@keyframes bounce-ken-left {
  0% {
    left: 29px;
  }

  5% {
    left: 29px;
  }

  25% {
    left: 12px;
  }

  50% {
    left: 0px;
  }

  75% {
    left: 12px;
  }

  95% {
    left: 29px;
  }

  100% {
    left: 29px;
  }
}

#ken-burns-mode {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 1004;
}
#ken-burns-mode .loading {
  background-color: black;
  background-position: center;
  background-repeat: no-repeat;
}
#ken-burns-mode .pip {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 4;
  display: none;
}
#ken-burns-mode .logger {
  position: absolute;
  top: 150px;
  left: 30px;
  height: 400px;
  overflow: hidden;
  font-family: courier;
  z-index: 4;
  font-size: 12px;
  color: #fff;
  text-shadow: 1px 1px 0px black;
}
#ken-burns-mode .slide {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  -webkit-transform-origin: 0 0 50%;
  -moz-transform-origin: 0 0 50%;
  -ms-transform-origin: 0 0 50%;
  -o-transform-origin: 0 0 50%;
  transform-origin: 0 0 50%;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  /*	  @include transition(transform 9s ease-out);*/
  background: black;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: cover;
  z-index: 3;
}
#ken-burns-mode .logo {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 70px;
  height: 22px;
  z-index: 3;
  -webkit-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.5));
  background-position: center center;
  background-image: url(https://s.yimg.com/pw/images/flickr_logo_small_white.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/flickr_logo_small_white.png) 1x, url(https://s.yimg.com/pw/images/flickr_logo_large_white.png) 2x);
  background-repeat: no-repeat;
}
#ken-burns-mode .bottom-controls {
  position: absolute;
  bottom: 10px;
  left: 0px;
  right: 0px;
  text-align: center;
  z-index: 102;
  width: 400px;
  height: 43px;
  margin: 0 auto;
  -webkit-transition: opacity 0.75s ease-in-out;
  -moz-transition: opacity 0.75s ease-in-out;
  -o-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
}
#ken-burns-mode .bottom-controls .button {
  display: inline-block;
  text-align: left;
  font-family: "Helvetica Neue", sans-serif;
  color: #fff;
  background: transparent;
  z-index: 8;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  width: 80px;
  height: 43px;
  margin: 0 5px;
  padding: 0;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.8);
  background-position: center center;
  background-repeat: no-repeat;
}
#ken-burns-mode .bottom-controls .button:hover {
  background-color: black;
}
#ken-burns-mode .bottom-controls .button.play {
  background-image: url(https://s.yimg.com/pw/images/ken_pause.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/ken_pause.png) 1x, url(https://s.yimg.com/pw/images/ken_pause_2x.png) 2x);
}
#ken-burns-mode .bottom-controls .button.play.paused {
  background-image: url(https://s.yimg.com/pw/images/ken_play.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/ken_play.png) 1x, url(https://s.yimg.com/pw/images/ken_play_2x.png) 2x);
  background-position: 32px center;
  background-repeat: no-repeat;
}
#ken-burns-mode .bottom-controls .button.prev {
  background-image: url(https://s.yimg.com/pw/images/ken_prev.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/ken_prev.png) 1x, url(https://s.yimg.com/pw/images/ken_prev_2x.png) 2x);
}
#ken-burns-mode .bottom-controls .button.next {
  background-image: url(https://s.yimg.com/pw/images/ken_next.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/ken_next.png) 1x, url(https://s.yimg.com/pw/images/ken_next_2x.png) 2x);
}
#ken-burns-mode .close-x {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  color: #fff;
  background: transparent;
  background-image: url(https://s.yimg.com/pw/images/sprites/icons/close.png);
  background-image: -webkit-image-set(url(https://s.yimg.com/pw/images/sprites/icons/close.png) 1x, url(https://s.yimg.com/pw/images/sprites/icons-retina/close-2x.png) 2x);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
#ken-burns-mode .controls {
  display: block;
  opacity: 0;
  z-index: 5;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 2s ease-out;
  -moz-transition: opacity 2s ease-out;
  -o-transition: opacity 2s ease-out;
  transition: opacity 2s ease-out;
}
#ken-burns-mode .controls.visible {
  opacity: 0.9;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}
#ken-burns-mode .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background: black;
  z-index: 2;
  -webkit-transition: opacity 1s ease-out;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}
#ken-burns-mode .backdrop .balls-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 26px;
}
#ken-burns-mode .backdrop.firstload {
  -webkit-transition-property: none;
  -moz-transition-property: none;
  -o-transition-property: none;
  transition-property: none;
}
#ken-burns-mode .backdrop.loading .loader {
  z-index: 5;
  position: absolute;
  bottom: 20px;
  right: 37px;
  height: 24px;
  width: 24px;
}
#ken-burns-mode .holder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: black;
  z-index: 2;
}
#ken-burns-mode .marker {
  position: absolute;
  border: 2px solid red;
  height: 1px;
  width: 1px;
  border-radius: 90px;
  z-index: 6;
}
#ken-burns-mode .balls-holder .html5-balls {
  left: -29px;
}
#ken-burns-mode .balls-holder .blueball, #ken-burns-mode .balls-holder .pinkball {
  width: 24px;
  height: 24px;
  -webkit-animation: bounce-ken 1.2s infinite;
  -moz-animation: bounce-ken 1.2s infinite;
  -o-animation: bounce-ken 1.2s infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
#ken-burns-mode .balls-holder .blueball {
  left: 29px;
  -webkit-animation: bounce-ken-left 1.2s infinite;
  -moz-animation: bounce-ken-left 1.2s infinite;
  -o-animation: bounce-ken-left 1.2s infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  animation-timing-function: linear;
}
html{
	background: #141414;
}

#large-loader{ 
	position: absolute; top: 50%; left: 50%; width: 90px; height: 19px; margin: -12px 0 0 -64px; padding: 4px 3px 2px 35px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #eee url(https://s.yimg.com/pw/images/iphone/balls-24x12-trans.gif) no-repeat 5px 6px; background-size: 24px 12px; color: #666; 
}

#ios-custom-banner {
	position: absolute;
	display: block;
	left: 0;
	bottom: -46px;
	width: 100%;

	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABYCAYAAADfoya1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAQElEQVQoU2O5c+fOf0ZGRgYWJiYmBhBgYYACFpAwSQywOZhScJPxSDFAAVG64AxMXXik4CKjjFEGLsbPnz/BDAAdawgwy0uRtwAAAABJRU5ErkJggg==) repeat-x 0 0;
	background-size: 1px 44px;
	
	border: 1px solid #a1a1a1;
	border-width: 1px 0;

	/* position the banner above the .hd and .ft elements */
	-webkit-transform: translate3d(0,0,10px); 
	z-index: 100;

	/* slide in */
	-moz-transition-duration: 0.7s;
	-moz-transition-timing-function: ease-out;
	-moz-transition-property: bottom;
	-webkit-transition-duration: 0.7s;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-property: bottom;
	transition-duration: 0.7s;
	transition-timing-function: ease-out;
	transition-property: bottom;
}

#ios-custom-banner .wrap {
	display: block;
	height: 43px;
	line-height: 43px;
	border: 1px solid #fff;
	border-width: 1px 0 0;
}

#ios-custom-banner .cta,
#ios-custom-banner .cta:hover,
#ios-custom-banner .cta:active {
	display: block;
	margin-right: 31px;
	height: 43px;
	color: #454545;
	background-color: transparent;
	text-align: center;
}

#ios-custom-banner .cta .msg {
	display: inline-block;
	padding: 0 0 0 46px;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAAAiCAYAAADmvn/1AAAJp0lEQVR4XtWZeZAU1R3Hv31NT8+xs7OzC8sirLrKJWBMhRINciSCRa1SxBDjRSl4pJCKxjOVEG+MJFVaXkESCtQgqEh5xBBKPMKKBDHGA+TMKoewILs7O/f08Y7YlV+VMxsNK7uzqXyqXr3p98/vW5/361fdPYqUEj4XPinQG164UsX/CAWASrOPBCBwVYvEN2HZJPjoIKSQ6CkvztWU69bwaLKA4Zry7yBzn+WfLr9Y66RAlUQFYAAIADABGHLpzpFwRQg+IT2nzBm+G8smuQAcAP7M5JwN4hhWy4UI+fVCXr5KV/68QwSeeV/MdBgun7mcTdAVWR0LShDI2gpmLpN5XcMmQ8Pq0fXK6gVTtVwfCtJIQkgu3/VtubNrFlLOeXBFIyI6oFGDMAm54RAQ0FoRD7ymjE08p1w+bJvyxOQCAFdc8ab4b0LolgEuWOqiO69cE1AAaLOf9n6Uc+RdDRE+rCnuYWBYwNQkusOEgiN5FftSOj5N652RABZdNV5/7PvDVKcXYhTqiLBYued0uenIHRB8CupNYIAJhDR8JTkGtLvAYceXs06ZPHihOqtpB4A8AMZnvy7LbK84t1xI8+8dlLL2J6a6ZBNLvLqTrxwQYlObqj3Uhzl6SsZR0ZoysDdtfDC2Qf3hvc3GAQAc3wyVuiLG79hytfwkfafSaBlKQxDfBHnIhjxgO8rI+C+0X31nJYA0AJddul6C0FdNKxcy/fEiCKybZ2k/f9kZueOIeKGxyj11VI2L42VPVwCt6cDnQ+PqpYsvMt8iKbKHnRGUXU4du/OdRYrnXaIkDCghDceDzHGIDheIBpcYD5xzD4AuAI7743USvvXnppcLmfa7PHzWzw9rS952h/zpY2/DiRG3cWjERW85XDCwO2Umxw3Vpt17fnArAK8HMkwACff6DQuVvH2lljD81d7BJXiSQVaHHg08OPF+AEkArjNrrTTXNJcfqpwLvHF9VN28l8XXfuw+U6s7jXHNRbaIXhNRHDQERc17+81VT21Rpl5xpnnoGLePDqDKufNvV6A9e6UeVYE0R1+gqoC7LzXfvW/LJ4EFZ64CkBKce+h+qNKuWLOfyt5ayNt3NQQd9DVHHBNSDy5fc030BgAFAOJrzo0o39w2yvnNu6+ZhgirKvoUzgGXa8ngwglT1dMSrQBylAU6vsT46x634bMku2FQwEHGFuhrLBSxL6PPXtxS/MN1k6wPAXyVdQNAzHli242a44RVm6Ov0fyhaDX24x/MCz127t0AbABuqRAVgLV0Y36+wYpxRzA4qAyWLBqvbpe3fCHkWjpLBAhQDu+tz05i+1M/sNIFVApDUeC0dl7Gd3Qs1UbVZimL1EukRdvS7ALNc5GTApVCwkG70KdvO+QNHDPYKJR2CeWIOC/smqmnCzoyTkWf9zXAsv+47fzwoimHQM8nJATmyi354fmC12Q4DJXGE254zT/yZ44ZXH2YWlWW3C4Rtj91VjhpQyl4qCSGAAqfdn0XwNNUm+kky3p3r32G5zJ4jkDFkQytR71xANbTgcapQACAxZL5EVqyAHCJSqJ5HLwzPwxAkGoXdWrTYEeWnex5DNyTqDSqwpGz2WAAFtXntDEBtruzSubdmJrzUGk0m4Hn7AaSYQAACYHpeLzKYwKc94MQJlBweBUF0QG4oIxsf1c1HA9wOfoD6Xgq29MZ1YclNABQSYiuQHIpJfoDv44CwUmGVvZdI6BJwQX6C8k4FEsnF1BU+qGGA8iJ/hICiaCODKg2SjBGD8gwpX+MSFUBV6StDYnR23hJmJNqjYP9JURIoL5KOwjKVTJzrTbsSEP9nBkKKo3n17B0eo2AgO+ILviscVU7meyfnWGSY3yTtYtqlwph/lAT1i7HRMXxa6h1fg4wGiAh8E4bHEzXRrRtHLI/bpcjcyfWtNLTIQNB145xev07+X4QkjclzPFDNwJwqDYJoW+PU0aE1rucoZK4guOMxuB6AC7VZSBorVjzy++15GJq0jFQMYqmRDGut1XfPPE9/7JUiKCF4oOXDWmJhtDqh64ETApA5cklc4e+5Nejwbt1SE6rDaetKSevSAUZKkXK5Ag3j3hKDRlZv2apEElve1l/vnpy7ZNFz0MlDljb8zDjjNiKmrCeB5AnIQJfwilceuDDM9fl6vS9XRWQkrQYCoPMnQMemPGGX4uyCBJCrQpkfCm3Ng/66KxTrWfznoO+JOc6OHmg/vriOSe+SfLTtBGlSFpLqaFAV92vm+8/GmG5rNF3UtIGQ3tUpOofuXARZUhRTUlCynamy7f1yi3DVzdUK29n7CIkJHpL1rYRC4ntf7lt+FL6MNRFUhj+E0ab01l10bd2x+ed/duDwSLL6F7vZege2izbrb1tysLw1GF7/RqUg4NQu+1MkkZh8z1jHh4xWF+bKhTgMobjgQmBVLGA+jg2t9x+2n3xsJ4tqVGkuuVQFgrbMeDu6ZsSN0++62DYznToNo6Xdt1GW8ztqLt92oLETZPf95coh7M9dIv8uk+IAQAJAA0A6gCErl3aOmnVpvY5Qd2MRC0LqqL06NE8Y9souLZ93tjq51+8eeTLJKATQBuFOdZ/NQaAKgD1AAZk125vOjT/+RutNntUjTARFQH0hIzqolO14TZGPjxh2SUPhSeesh/AUQBHAGQ+Dt7EAGC0/WC5EP2yt8FWTlDoVbjWD0JyrF1txdi8Za0z3vln5jxdNULBgAFT16FAgaHr8BiDBPxOQtFz4TLPHTM03PL43KbV45qi1A3oAnAYQAddix7+QRX1hVCmqsM3vXh218q/X6olnRNj0kRI6jCgQZcqfJgi4IKjoHhIKw5kXag1Pnf8ivqF579Ht2I7jSwAts34mQSAMd5D5ULUSzbCRzxzjkpS4gAGAqgBEAJgFF1h3L1m/9iWnemxBzqcU5iQgc6sNyQRNT5TADEkYbZOGBHbetuME7YOqg7YADzQmUG70tkjGeVSdKpfQxsUA2ClX9p6QufijRPcvR2nioxdKwpeNRQI1TIyanXoqHlK3e7EdRM2VTWPPkwZ0lQ/Sdd8q3a9BDGWP1IuRLn4LRCQz05UAQSoZRMUJgLApIAqhVVQjqDBATh0UKeoK9K0Jo7zu7BJGar9XCQpSHm0kiyS6ntUL0+dkaaucD5SfirQjdPlowAJOdbuWABiNKJ0HaAgCsmRJIJRkCIVT1OYAq3L3n4GpdphEmJ12ySU5HAoR57qu8f+15CEHAOVCgZLg1AwtUQIp6I2BcjTb49C9iWUCQbNXyXEo8G71++lEIK6gUIY5a1KQsqDCFr/v+Jffc+BmFF62wcAAAAASUVORK5CYII=) no-repeat 0 13px;
	background-size: 34px 17px;
	font-size: 15px;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	font-family: "Helvetica Neue", Arial, sans-serif;
}
/* smaller text for long strings */
body.de-de #ios-custom-banner .cta .msg {
	font-size: 14px;
	padding: 0 0 0 40px;
}
body.fr-fr #ios-custom-banner .cta .msg,
body.es-us #ios-custom-banner .cta .msg,
body.pt-br #ios-custom-banner .cta .msg {
	font-size: 13px;
	padding: 0 0 0 40px;
}

#ios-custom-banner .close {
	display: block;
	position: absolute;
	right: 0;
	top: 1px;

	background: #eaeaea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAACM0lEQVR42q2UsWsTURzHC2mXOhSprQoOWl1L7eamFSehKK1SUdwqHXXo0roWRK0gKPpPOHm55JIhCYgS6BASgiTq0CElCZjk2hTa2uD5eZAfHOXd3QsY+EDy7ve+n3e53++GPM/7L1iWNQ0rMONf9xfMQxtcmB8kPJFIzNi2/Zl9Ht/fwqxck4K78XjcVQV9dtWaaTjYap/gOM57tS6CEewVuSgg3KdowSA8KXv8ZLPZR9TEVOHZarW6ifVII9mTOzE5uVAoFL6Q+Zi6UVV8BTYajUY9nU57QXdienKCD1qtVoa6OzCmNkyCsiWR7IlEdydRJyf8uNPpVKl7AdfglBIMw0VYBgdJN0jC33jfIPwl3IBxeQZ+yRNI6SRCSPgP9r7yh0sXCSNwSSTNZlMkg4TPwRkJF0GQxNFIjE+uFYhEnkm73f6az+f/6MJ5Fl6tVtsOCxeBjuFisXg7l8uVJDBAckTPP9eFC4ETmuSjCdV1V5fuWgya9oHGv1wue6lUSjuMQRNvPP6VSqXnum6XB38YMCeuTmIafkz4L+os+IakayoxCZdWfAMP4Ck4JhIRxAzCX8McnIPLsBwlUe0ugtO0oxUVLq0or5UwCY2ww7XzIpiq1+sf6OfOifCfXNuUcH+fh0kymUyPvDjrV0WgCtfVaUulUo/x94ffPPluCZMw9X9/8+H3R5gWwRjcgndQgK3IcL3Ehu/wCZZgQgQxmOhLVuEZXNeER0kewhrcgwv99aF/VGz6u+w40h4AAAAASUVORK5CYII=) no-repeat 9px 16px;
	background-size: 12px 12px;

	border-left: 1px solid #fff;
	width: 30px;
	height: 43px;
}