/*

 +-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);
}
#foot {
	clear: both;
	color: #999;
	font-size: 11px;
	margin: 30px auto 0;
	padding: 9px 10px 10px;
	width: 960px;
	border-top: 1px dotted #dadada;
}

#foot {
	*background: transparent url(https://s.yimg.com/pw/images/dotted.gif) repeat-x scroll left top;
	*padding: 10px;
	*border: none;
	*margin-top: 8px; /* remove when you launch the new footer */
} /* For IE6/7 */


/* SHARE */
#foot-share {
	float: right;
}
#foot-share a {
	display: block;
	text-align: right;
}


/* COBRAND */
#foot-cobrand {
	float: right;
	clear: right;
	margin-top: 26px;
}


/* NAV */

#foot-nav ul ul {
	display: inline-block;
	*display: inline;
}
#foot-nav li {
	display: -moz-inline-box; /* firefox 2.x */
	display: block;
	*display: block;
	margin-right: 15px;
}
#foot-nav li a {
	color: #999;
}
#foot-nav li li {
	display: -moz-inline-box; /* firefox 2.x */
	display: inline-block;
	*display: inline;
	border-right: 1px solid #eee;
	margin-right: 2px;
	padding-right: 5px;
	*padding-right: 0px;
	*margin-right: 5px;
}
#foot-nav li li a {
	color: #0063DC;
}
#foot-nav li a:hover,
#foot-nav li li a:hover {
	color: #fff;
	background: #0063DC;
}
#foot-nav li li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#foot-nav li span {
	display: inline-block;
	min-width: 70px;
}


/* ABOUT */
#foot-about {
	margin-top: 15px;
}
#foot-about li {
	display: -moz-inline-box; /* firefox 2.x */
	display: inline-block;
	*display: inline;
	border-right: 1px solid #eee;
	margin-right: 2px;
	padding-right: 5px;
}
#foot-about li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}


/* LANG */
#foot-lang {
	margin-top: 30px;
	text-align: center;
}
#foot-lang li {
	display: -moz-inline-box; /* firefox 2.x */
	display: inline-block;
	*display: inline;
	border-right: 1px solid #eee;
	margin-right: 2px;
	padding-right: 5px;
	line-height: 14px;
	font-size: 11px;
}
#foot-lang li.last {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#foot-lang img {
	margin-top: -4px;
	vertical-align: middle;
}
#foot-lang a.selected {
	color: #999;
	cursor: default;
}
#foot-lang a.selected:hover {
	background: #fff;
	color: #999;
}


/* COPYRIGHT */
#foot-copy {
	color: #999;
	text-align: center;
}



/* --------------------------------- */
/* new footer */
/*
body.new-footer #feeds	{
	width: 960px;
}

*/
#main,
#Main {
	z-index: 1;
	position: relative;
}

body.new-footer #foot { /* overwriting some things set at the top of this file. will merge for launch */
	border-top: 1px dotted #dadada;
	clear: both;
	color: #000;
	font-size: 11px;
	line-height: 1.3;
	margin: 0 auto;
	padding: 17px 10px 10px;
	width: 980px;
}

body.new-footer.super-liquid #foot {
	width: 100%;
	padding: 17px 0 10px;
}

body.new-footer #foot-wrap { /* overwriting some things set at the top of this file. will merge for launch */
	margin: 0 auto;
	width: 960px;
}
body.new-footer #main,
body.new-footer #Main { /* should be incorporated into flickr_zeus.css when done */
	margin-bottom: 50px;
}
body.new-footer.new-footer-tight-ass #main,
body.new-footer.new-footer-tight-ass #Main { /* should be incorporated into photo_zeus.css when done */
	margin-bottom: 16px;
}
body.new-footer #foot a {
	text-decoration: none;
}

body.new-footer #foot-lang-legal,
body.new-footer #foot #foot-nav {
	position: relative;
	*width: 960px;
	/* center */
	margin: 0px auto;
}

body.new-footer #foot-lang-legal,
body.new-footer #foot #foot-nav,
body.new-footer #foot #foot-wrap {
	/* restrict width for centering */
	max-width: 960px;
}

body.new-footer #foot #foot-nav {
	padding-bottom: 30px;
}
body.new-footer #foot #foot-nav .foot-nav-col-new {
	float: left;
	margin-right: 114px;
}

body.quirks #foot #foot-nav .foot-nav-col-new {
	margin-right: 85px;
}



body.zh-hk.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 115px;}
body.de-de.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 62px;}
body.es-us.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 65px;}
body.fr-fr.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 74px;}
body.ko-kr.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 90px;}
body.it-it.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 85px;}
body.pt-br.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 80px;}
body.vn-vn.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 60px;}
body.id-id.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 90px;}

body.new-footer #foot #foot-nav .foot-nav-col-new.last {
	margin-right: 0;
}

body.new-footer #foot #foot-nav .foot-nav-col-new.last {
	margin-left:50px;
	_margin-left:150px;
}

body.new-footer #foot #foot-nav .last {
	/* right-align last item, IE 8 */
	*margin-right: 0px !important;
}

body.quirks.new-footer #foot #foot-nav .last {
	/* right-align display hack for up to IE 8 */
	*width: 1px;
}

body.quirks.new-footer #foot #foot-nav .last dl {
	/* IE 8 hack continued: force parent to expand */
	*width: auto;
	*white-space: nowrap;
}


/* iPad/iphone unbreaking */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){

	body.new-footer #foot #foot-nav .foot-nav-col-new {
		float: left;
		margin-right: 95px;
	}

	body.zh-hk.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 96px;}
	body.de-de.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 42px;}
	body.es-us.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 45px;}
	body.fr-fr.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 54px;}
	body.ko-kr.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 70px;}
	body.it-it.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 65px;}
	body.pt-br.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 60px;}
	body.vn-vn.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 40px;}
	body.id-id.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 70px;}
	body.new-footer #foot #foot-nav .foot-nav-col-new.last {
		margin-right: 0;
	}

}

@media only screen and (max-device-width: 480px) {

	body.new-footer #foot #foot-nav .foot-nav-col-new {
		float: left;
		margin-right: 95px;
	}

	body.zh-hk.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 96px;}
	body.de-de.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 42px;}
	body.es-us.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 45px;}
	body.fr-fr.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 54px;}
	body.ko-kr.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 70px;}
	body.it-it.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 65px;}
	body.pt-br.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 60px;}
	body.vn-vn.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 40px;}
	body.id-id.new-footer #foot #foot-nav .foot-nav-col-new {margin-right: 70px;}
	body.new-footer #foot #foot-nav .foot-nav-col-new.last {
		margin-right: 0;
	}

}

body.quirks #foot #foot-nav .foot-nav-col-new.last {
	/* hack for IE 8, prevent wrap on Twitter + FB links */
	*margin-left: 0px;
	*position: absolute;
	*top:0;
	*right: 5px;
}

body.quirks #foot #foot-nav .foot-nav-col-new {
	margin-right:100px;
}


body.new-footer #foot #foot-nav dl {
	text-align: left;
	line-height: 15px;
	margin: 0;
	padding: 0;
}
body.new-footer #foot #foot-nav dt {
	font-size: 12px;
	line-height: 15px;
}
body.new-footer #foot #foot-nav dd {
	margin: 5px 0 0;
	font-size: 11px;
	line-height: 15px;
}
body.new-footer #foot #foot-staf {
	margin: 0 0 5px;
}
body.new-footer #foot #foot-lang {
	float: left;
	margin-top: 0; /* can be removed once the old footer goes away */
	text-align: left;
	width: 60%;
}
body.new-footer #foot #foot-lang ul {
	padding: 0;
	margin: 0;
}
body.vn-vn.new-footer #foot #foot-lang {width: 50%;}
body.new-footer #foot #foot-legal {
	color: #999;
	float: right;
	text-align: right;
	width: 40%;
}
body.vn-vn.new-footer #foot #foot-legal {width: 50%;}
body.new-footer #foot #foot-legal div {
	margin: 0 0 5px;
}
body.new-footer #foot #foot-partners {
	clear: both;
	margin-top: 30px;
	text-align: right;
}


/* Shortcuts - should be moved back to photo_zeus.css when all done*/
body.new-footer #shortcuts {
	border-top: none;
	color: #999;
	clear: both;
	font-size: 11px;
	margin: 0 auto;
	padding: 50px 0 0;
	text-align: center;
	display: block;
	overflow: hidden;
	height: 0px;
	*display: none; /* not you, IE 6/7. */
}
body.new-footer #shortcuts.enabled {
	height: auto;
}


body.new-footer #foot #foot-nav .foot-nav-col-new .ft-twitter span.icon,
body.new-footer #foot #foot-nav .foot-nav-col-new .ft-facebook span.icon {
	background: transparent url(https://s.yimg.com/pw/images/share-this-icons-sprite.png.v6) no-repeat 0 0;
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	height:18px;
	width:18px;
	background-position: -152px -162px;
}


body.new-footer #foot #foot-nav .foot-nav-col-new .ft-twitter,
body.new-footer #foot #foot-nav .foot-nav-col-new .ft-facebook{
	color: #0063DC;
	display: block;
	position: relative;
	height: 17px;
	padding: 1px 0 0 23px;
	_padding: 0 0 0 23px;

}

#foot-nav .last a:hover {
	background: transparent;
}

#foot-nav .foot-nav-col-new a:hover span.link-text{
	background: #0063DC;
	color: #fff;
}


body.new-footer #foot #foot-nav .foot-nav-col-new .ft-facebook span.icon{
	background-position: -237px -162px;

}


/* FEEDS */

#Feeds {
	margin-top: 20px;
	padding: 0px 0px 8px 0px;
	text-align: left;
	vertical-align: middle;
}
* html #Feeds {
	margin-left: 10px;
}
#Feeds img {
	float: none;
	border: none;
	margin-right: 3px;
	vertical-align: top;
}
#AtomRSS {
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	color: #999;
}
#AtomRSS .image_link {
	display: inline-block;
}

/*

 +-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

*/
.pure-menu ul {
  position: absolute;
  visibility: hidden;
}

.pure-menu.pure-menu-open {
  visibility: visible;
  z-index: 2;
  width: 100%;
}

.pure-menu ul {
  left: -10000px;
  list-style: none;
  margin: 0;
  padding: 0;
  top: -10000px;
  z-index: 1;
}

.pure-menu > ul {
  position: relative;
}

.pure-menu-open > ul {
  left: 0;
  top: 0;
  visibility: visible;
}

.pure-menu-open > ul:focus {
  outline: 0;
}

.pure-menu li {
  position: relative;
}

.pure-menu a,
.pure-menu .pure-menu-heading {
  display: block;
  color: inherit;
  line-height: 1.5em;
  padding: 5px 20px;
  text-decoration: none;
  white-space: nowrap;
}

.pure-menu.pure-menu-horizontal > .pure-menu-heading {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0;
  vertical-align: middle;
}

.pure-menu.pure-menu-horizontal > ul {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  height: 2.4em;
}

.pure-menu li a {
  padding: 5px 20px;
}

.pure-menu-can-have-children > .pure-menu-label:after {
  content: '\25B8';
  float: right;
  /* These specific fonts have the Unicode char we need. */
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
  margin-right: -20px;
  margin-top: -1px;
}

.pure-menu-can-have-children > .pure-menu-label {
  padding-right: 30px;
}

.pure-menu-separator {
  background-color: #dfdfdf;
  display: block;
  height: 1px;
  font-size: 0;
  margin: 7px 2px;
  overflow: hidden;
}

.pure-menu-hidden {
  display: none;
}

/* FIXED MENU */
.pure-menu-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* HORIZONTAL MENU CODE */
/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}

/* Submenus should still be display: block; */
.pure-menu-horizontal li li {
  display: block;
}

/* Content after should be down arrow */
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
  content: "\25BE";
}

/*Add extra padding to elements that have the arrow so that the hover looks nice */
.pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
  padding-right: 30px;
}

/* Adjusting separator for vertical menus */
.pure-menu-horizontal li.pure-menu-separator {
  height: 50%;
  width: 1px;
  margin: 0 7px;
}

/* Submenus should be horizontal separator again */
.pure-menu-horizontal li li.pure-menu-separator {
  height: 1px;
  width: auto;
  margin: 7px 2px;
}

/*csslint adjoining-classes:false*/
/*TODO: Remove this lint rule override after a refactor of this code.*/
/* MAIN MENU STYLING */
.pure-menu.pure-menu-open,
.pure-menu.pure-menu-horizontal li .pure-menu-children {
  background: #fff;
  /* Old browsers */
  border: 1px solid #b7b7b7;
}

/* remove borders for horizontal menus */
.pure-menu.pure-menu-horizontal,
.pure-menu.pure-menu-horizontal .pure-menu-heading {
  border: none;
}

/* LINK STYLES */
.pure-menu a {
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
}

.pure-menu a,
.pure-menu .pure-menu-can-have-children > li:after {
  color: #777;
}

.pure-menu .pure-menu-can-have-children > li:hover:after {
  color: #fff;
}

/* Focus style for a dropdown menu-item when the parent has been opened */
.pure-menu .pure-menu-open {
  background: #dedede;
}

.pure-menu li a:hover,
.pure-menu li a:focus {
  background: #eee;
}

/* DISABLED STATES */
.pure-menu li.pure-menu-disabled a:hover,
.pure-menu li.pure-menu-disabled a:focus {
  background: #fff;
  color: #bfbfbf;
}

.pure-menu .pure-menu-disabled > a {
  background-image: none;
  border-color: transparent;
  cursor: default;
}

.pure-menu .pure-menu-disabled > a,
.pure-menu .pure-menu-can-have-children.pure-menu-disabled > a:after {
  color: #bfbfbf;
}

/* HEADINGS */
.pure-menu .pure-menu-heading {
  color: #565d64;
  text-transform: uppercase;
  font-size: 90%;
  margin-top: 0.5em;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dfdfdf;
}

/* ACTIVE MENU ITEM */
.pure-menu .pure-menu-selected a {
  color: #000;
}

/* FIXED MENU */
.pure-menu.pure-menu-open.pure-menu-fixed {
  border: none;
  border-bottom: 1px solid #b7b7b7;
}

.pure-g {
  letter-spacing: -0.31em;
  /* Webkit: collapse white-space between units */
  *letter-spacing: normal;
  /* reset IE < 8 */
  *word-spacing: -0.43em;
  /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed;
  /* Webkit: fixes text-rendering: optimizeLegibility */
  	/*
  	Sets the font stack to fonts known to work properly with the above letter
  	and word spacings. See: https://github.com/yui/pure/issues/41/

  	The following font stack makes Pure Grids work on all known environments.

  	* FreeSans: Ships with many Linux distros, including Ubuntu

  	* Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
  	Arial to get picked up by the browser, even though neither is available
  	in Chrome OS.

  	* Droid Sans: Ships with all versions of Android.

  	* Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
  	*/
  	/*
  	Use flexbox when possible to avoid `letter-spacing` side-effects.

  	NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
  	`-moz-` prefix version is omitted.
  	*/
  /* IE10 uses display: flexbox */
}

/* Opera as of 12 on Windows needs word-spacing.
The ".opera-only" selector is used to prevent actual prefocus styling
and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}

.pure-u {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*="pure-u"] {
  /*    family: sans-serif;*/
}

.pure-u-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-5-24,
.pure-u-7-24,
.pure-u-11-24,
.pure-u-13-24,
.pure-u-17-24,
.pure-u-19-24,
.pure-u-23-24 {
  display: inline-block;
  *display: inline;
  /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-u-1 {
  width: 100%;
}

.pure-u-1-2 {
  width: 50%;
  *width: 49.969%;
}

.pure-u-1-3 {
  width: 33.3333%;
  *width: 33.3023%;
}

.pure-u-2-3 {
  width: 66.6667%;
  *width: 66.6357%;
}

.pure-u-1-4 {
  width: 25%;
  *width: 24.969%;
}

.pure-u-3-4 {
  width: 75%;
  *width: 74.969%;
}

.pure-u-1-5 {
  width: 20%;
  *width: 19.969%;
}

.pure-u-2-5 {
  width: 40%;
  *width: 39.969%;
}

.pure-u-3-5 {
  width: 60%;
  *width: 59.969%;
}

.pure-u-4-5 {
  width: 80%;
  *width: 79.969%;
}

.pure-u-1-6 {
  width: 16.6667%;
  *width: 16.6357%;
}

.pure-u-5-6 {
  width: 83.3333%;
  *width: 83.3023%;
}

.pure-u-1-8 {
  width: 12.5%;
  *width: 12.469%;
}

.pure-u-3-8 {
  width: 37.5%;
  *width: 37.469%;
}

.pure-u-5-8 {
  width: 62.5%;
  *width: 62.469%;
}

.pure-u-7-8 {
  width: 87.5%;
  *width: 87.469%;
}

.pure-u-1-12 {
  width: 8.3333%;
  *width: 8.3023%;
}

.pure-u-5-12 {
  width: 41.6667%;
  *width: 41.6357%;
}

.pure-u-7-12 {
  width: 58.3333%;
  *width: 58.3023%;
}

.pure-u-11-12 {
  width: 91.6667%;
  *width: 91.6357%;
}

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}

.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g-r {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  	/*
  	Sets the font stack to fonts known to work properly with the above letter
  	and word spacings. See: https://github.com/yui/pure/issues/41/

  	The following font stack makes Pure Grids work on all known environments.

  	* FreeSans: Ships with many Linux distros, including Ubuntu

  	* Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
  	Arial to get picked up by the browser, even though neither is available
  	in Chrome OS.

  	* Droid Sans: Ships with all versions of Android.

  	* Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
  	*/
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  	/*
  	Use flexbox when possible to avoid `letter-spacing` side-effects.

  	NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
  	`-moz-` prefix version is omitted.
  	*/
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
The ".opera-only" selector is used to prevent actual prefocus styling
and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g-r {
  word-spacing: -0.43em;
}

.ui-dropdown {
  position: relative;
  display: inline-block;
}
.ui-dropdown.ui-dropdown-closed ul, .ui-dropdown.ui-dropdown-disabled ul, .ui-dropdown.ui-dropdown-closed .ui-dropdown-arrow, .ui-dropdown.ui-dropdown-disabled .ui-dropdown-arrow {
  display: none;
}
.ui-dropdown > span {
  text-align: left;
  color: white;
  white-space: nowrap;
  padding-right: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAGCAQAAABQ+cdNAAAAOUlEQVQIW2P4L/lfgwEJ/Nf4L8fwX/f/s//mcCFzIM8YxHCCCYOFnGDyYGEUIbgwqhBY2BhsFhgAAGa6JziJ9SClAAAAAElFTkSuQmCC");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: right;
  cursor: pointer;
  z-index: 2001;
}
.ui-dropdown.ui-dropdown-noarrow > span {
  background: none;
  padding-right: 0;
}
.ui-dropdown.ui-dropdown-disabled > span {
  background: none;
  cursor: default;
  padding-right: 0;
}
.ui-dropdown ul {
  z-index: 2001;
  margin: 1.75em 0 0 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  top: 0;
  left: -1em;
  right: auto;
  list-style: none;
  background: black;
  border: 1px solid #444444;
}
.ui-dropdown.ui-dropdown-alignright ul {
  left: auto;
  right: -1em;
}
.ui-dropdown.ui-dropdown-ellipsis li {
  max-width: 300px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-dropdown.ui-dropdown-has-dialog-arrow .ui-dialog-arrow {
  z-index: 2002;
  border-bottom-color: #666666;
  position: absolute;
  display: block;
  top: 14px;
  right: -5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #444444;
}
.ui-dropdown.ui-dropdown-has-dialog-arrow .ui-dialog-arrow::after {
  z-index: 2003;
  position: absolute;
  display: block;
  top: 1px;
  right: -9px;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid black;
}
.ui-dropdown.ui-dropdown-has-dialog-arrow .ui-dialog-arrow {
  background: none;
  padding-right: 0;
  top: 21px;
}
.ui-dropdown.ui-dropdown-has-dialog-arrow > ul {
  top: 30px;
  left: 0px;
  margin: 0;
}
.ui-dropdown.ui-dropdown-closed .ui-dialog-arrow, .ui-dropdown.ui-dropdown-disabled .ui-dialog-arrow {
  display: none;
}
.ui-dropdown li {
  text-align: left;
  padding: 0.5em 1em;
  color: white;
  font-size: 13px;
  min-width: 80px;
  white-space: nowrap;
  cursor: default;
}
.ui-dropdown li:hover {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
}
.ui-dropdown li label, .ui-dropdown li input, .ui-dropdown li span, .ui-dropdown li a {
  cursor: pointer;
}
.ui-dropdown li.ui-dropdown-item-selected {
  color: #80b8ff;
}
.ui-dropdown.ui-dropdown-use-checkboxes li {
  text-indent: 16px;
}
.ui-dropdown.ui-dropdown-use-checkboxes li[data-sub] {
  text-indent: 40px;
  background-position: 30px 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERDYzNzA4NkEzRDgxMUUzQjhEOEI4RDE3OTJFN0IwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERDYzNzA4N0EzRDgxMUUzQjhEOEI4RDE3OTJFN0IwNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRENjM3MDg0QTNEODExRTNCOEQ4QjhEMTc5MkU3QjA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRENjM3MDg1QTNEODExRTNCOEQ4QjhEMTc5MkU3QjA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+txsjIgAAAIdJREFUeNpi/P//P8OOHTtUGRgYOoDYhQEC9gBxhYeHx23G7du3qwM5J4C4CYjnQhUkA3EdEFuwAIk2IG4Aqp7IgAD9QFP/geSYoMbOZ8AEINPcmBgIACaogxKwyCUB8S6QG6qB+DjQTkYgPQ9JsgGILZmAjrsBci0Q2wHxUygGsS1AcgABBgAxfCQ+jZOO2gAAAABJRU5ErkJggg==");
}
.ui-dropdown.ui-dropdown-use-checkboxes li.ui-dropdown-item-selected {
  background-position: 8px 50%;
  background-repeat: no-repeat;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4NThCMjkwM0EzRDgxMUUzQjhEOEI4RDE3OTJFN0IwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4NThCMjkwNEEzRDgxMUUzQjhEOEI4RDE3OTJFN0IwNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjg1OEIyOTAxQTNEODExRTNCOEQ4QjhEMTc5MkU3QjA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjg1OEIyOTAyQTNEODExRTNCOEQ4QjhEMTc5MkU3QjA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7rhxZQAAAJNJREFUeNpi/P//PwORwBiIfzOANBCBJYD4CRDbEaOYGYj3AHEj2DVAQgyKcWmoB+J9UI1gDUFAfBWI+bEodgLip1AnMcA0gPAkIN4BMwXN3c7IhiC7cycQT0Ti74W5GxkzIgUrPxCfAOIJQCwJxLZA7AbEf1ECF80EFSB+BnWKBLZAYMQScbpA/A+Ir2KLPYAAAwANhhe3LWrJ2AAAAABJRU5ErkJggg==");
}
.ui-dropdown.ui-dropdown-use-checkboxes li.ui-dropdown-item-selected[data-sub] {
  background-position: 30px 50%;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERDYzNzA4MkEzRDgxMUUzQjhEOEI4RDE3OTJFN0IwNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERDYzNzA4M0EzRDgxMUUzQjhEOEI4RDE3OTJFN0IwNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRENjM3MDgwQTNEODExRTNCOEQ4QjhEMTc5MkU3QjA2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRENjM3MDgxQTNEODExRTNCOEQ4QjhEMTc5MkU3QjA2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+W+dE+gAAAFVJREFUeNqEj0EKgEAMA8d9gL+Q7uf7AfFPonivLeSmroG5JKGkLSJIlsSTQ7g8KrRkj6fKM9T+kk91Eph519X4URW2Qb7Whj4Y2dGbprGncHncAgwACmqYrvxd4f0AAAAASUVORK5CYII=");
}
.ui-dropdown .ui-dropdown-shim {
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
}
.ui-dropdown.drop-up ul {
  bottom: 30px;
  top: auto;
}
.ui-dropdown.drop-up span.ui-dialog-arrow {
  bottom: 20px;
  border-top-width: 10px;
  border-top-style: solid;
  border-top-color: #58585b;
  top: auto;
  border-bottom: none;
}
.ui-dropdown.drop-up span.ui-dialog-arrow::after {
  bottom: 1px;
  border-top-width: 9px;
  border-top-style: solid;
  border-top-color: white;
  top: auto;
  border-bottom: none;
}

html.styleguide {
  height: 100%;
}
html.styleguide #footer_admin_info_div {
  position: absolute;
  bottom: 109px;
  left: 0;
  right: 0;
}
html.styleguide body {
  position: relative;
  min-height: 100%;
  box-sizing: border-box;
  padding-bottom: 150px;
}
html.styleguide body.new-footer.super-liquid #foot {
  padding: 0;
}

div#foot.footer-full-view {
  font-size: 14px;
  /* Override old footer styles */
  border-top: none;
  clear: both;
  color: inherit;
  line-height: inherit;
  margin: 0;
  width: auto;
  /* End overrides */
}
div#foot.footer-full-view,
div#foot.footer-full-view .foot,
div#foot.footer-full-view .foot [class*="pure-u"] {
  font-family: "Proxima Nova", "helvetica neue", helvetica, arial, sans-serif;
}
div#foot.footer-full-view::before {
  content: "";
  display: block;
  width: 100%;
  clear: both;
}
div#foot.footer-full-view .foot {
  background: #212124;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 109px;
  min-width: 1060px;
  width: 100%;
  font-size: 14px;
  text-align: center;
}
div#foot.footer-full-view .foot a:hover {
  background-color: transparent;
}
div#foot.footer-full-view .foot .foot-top-row a {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
div#foot.footer-full-view .foot .foot-top-row a:hover {
  opacity: 0.7;
}
div#foot.footer-full-view .foot .nav-menu {
  margin: 14px 0 14px 0;
  padding: 0;
}
div#foot.footer-full-view .foot .ui-dropdown.drop-up span.ui-dialog-arrow {
  border-top-color: #fff;
}
div#foot.footer-full-view .foot .simple-drop ul {
  display: none;
}
div#foot.footer-full-view .foot .simple-drop span.ui-dialog-arrow {
  display: none;
}
div#foot.footer-full-view .foot .simple-drop a {
  -webkit-transition: opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
div#foot.footer-full-view .foot li:hover .simple-drop ul {
  display: block;
  min-width: 155px;
}
div#foot.footer-full-view .foot li:hover .simple-drop span.ui-dialog-arrow {
  display: block;
}
div#foot.footer-full-view .foot .ui-dropdown {
  position: relative;
  vertical-align: top;
}
div#foot.footer-full-view .foot .ui-dropdown .ui-dropdown-shim {
  display: block;
  bottom: 10px;
  width: 100px;
  height: 20px;
  top: auto;
  position: absolute;
}
div#foot.footer-full-view .foot .ui-dropdown > .ui-dialog-arrow {
  background: none;
  padding-right: 0;
  z-index: 2002;
  position: absolute;
  right: -5px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
div#foot.footer-full-view .foot .ui-dropdown li a,
div#foot.footer-full-view .foot .ui-dropdown li a:hover,
div#foot.footer-full-view .foot .ui-dropdown li a:visited {
  color: #212124;
  text-decoration: none;
  background: transparent;
}
div#foot.footer-full-view .foot .ui-dropdown ul {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 3px;
  margin: 0;
  padding: 0;
}
div#foot.footer-full-view .foot .ui-dropdown ul > li {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  padding: 0;
  margin-top: 0;
}
div#foot.footer-full-view .foot .ui-dropdown ul > li:hover {
  background-color: #dce3e6;
}
div#foot.footer-full-view .foot .ui-dropdown ul > li.ui-dropdown-item-selected {
  font-weight: 500;
}
div#foot.footer-full-view .foot .ui-dropdown ul > li:first-of-type {
  margin-top: 10px;
}
div#foot.footer-full-view .foot .ui-dropdown ul > li:last-of-type {
  margin-bottom: 10px;
}
div#foot.footer-full-view .foot .ui-dropdown ul > li a {
  display: block;
  padding: 0 15px;
}
div#foot.footer-full-view .foot .foot-company {
  text-align: center;
  line-height: 1.5;
}
div#foot.footer-full-view .foot-nav-ul {
  padding: 0;
  margin: 1em 0;
  height: 20px;
}
div#foot.footer-full-view li.foot-li {
  display: inline-block;
  padding: 2px;
  font-size: 14px;
}
div#foot.footer-full-view li.foot-li a,
div#foot.footer-full-view li.foot-li a:hover,
div#foot.footer-full-view li.foot-li a:visited {
  color: #fff;
  text-decoration: none;
}
div#foot.footer-full-view li.foot-li > a {
  text-decoration: none;
}
div#foot.footer-full-view li.foot-li > a.highlighted {
  position: relative;
}
div#foot.footer-full-view li.foot-li > a.highlighted::before {
  position: absolute;
  left: -0.5em;
  top: 50%;
  font-size: 125%;
  line-height: 0;
  content: '•';
  color: #ff0084;
}
div#foot.footer-full-view .foot-container {
  position: relative;
  margin: auto;
  width: 1060px;
}
div#foot.footer-full-view .foot-info {
  border-top: 1px solid #38383a;
  color: #898989;
  font-weight: normal;
  font-size: 14px;
  margin-top: 13px;
  padding: 18px 0 0;
  overflow: hidden;
}
div#foot.footer-full-view .foot-info ul {
  height: 21px;
  margin: 0;
  padding: 0;
}
div#foot.footer-full-view .foot-info .foot-yahoo ul {
  text-align: justify;
}
div#foot.footer-full-view .foot-info .foot-yahoo ul:after {
  content: '';
  width: 100%;
  /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
  height: 1px;
}
div#foot.footer-full-view .foot-info li.foot-li,
div#foot.footer-full-view .foot-info .foot-company {
  display: inline-block;
}
div#foot.footer-full-view .foot-info li.foot-li a,
div#foot.footer-full-view .foot-info .foot-company a {
  color: inherit;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
div#foot.footer-full-view .foot-info li.foot-li a:hover,
div#foot.footer-full-view .foot-info .foot-company a:hover {
  color: #fff;
}
div#foot.footer-full-view .foot-nav,
div#foot.footer-full-view .foot-nav ul {
  text-align: justify;
}
div#foot.footer-full-view .foot-nav-ul:after {
  content: '';
  width: 100%;
  /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
  height: 1px;
}
div#foot.footer-full-view .foot-social {
  text-align: right;
}
div#foot.footer-full-view .ft-icon {
  display: inline-block;
  margin-left: 20px;
  opacity: 0.5;
  -webkit-transition: opacity 150ms ease-out;
  -moz-transition: opacity 150ms ease-out;
  -o-transition: opacity 150ms ease-out;
  transition: opacity 150ms ease-out;
  overflow: hidden;
  width: 20px;
  height: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
div#foot.footer-full-view .ft-icon:hover {
  opacity: 1;
}
div#foot.footer-full-view .ft-twitter {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: -2px -80px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  div#foot.footer-full-view .ft-twitter {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: -2px -80px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
div#foot.footer-full-view .ft-facebook {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -159px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  div#foot.footer-full-view .ft-facebook {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -159px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
div#foot.footer-full-view .ft-instagram {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -119px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  div#foot.footer-full-view .ft-instagram {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -119px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
div#foot.footer-full-view .ft-googleplus {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -40px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  div#foot.footer-full-view .ft-googleplus {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -40px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
div#foot.footer-full-view .ft-tumblr {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  margin-right: -8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  div#foot.footer-full-view .ft-tumblr {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 0;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
/* ----------------------------- */
/* thumbnails */
/* common */


.photo-display-container {
	overflow: hidden;
}

body.breakout-justified div.photo-display-container {
	background-image:url(https://s.yimg.com/pw/images/iphone/balls-24x12-trans.gif);
	background-position:50% 5%;
	background-repeat:no-repeat;
	margin:auto;
}


body.js.breakout-justified .yui3-popover-content-hider {
	z-index: 1000;
}

body.js.breakout-justified .photo-display-item {
	opacity: 0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
	filter: alpha(opacity=00);
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

body.breakout-justified.breakout .photo-display-item {
	opacity: 1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

body.breakout .loading .photo-display-item {
	opacity: 0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
	filter: alpha(opacity=00);
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

body.breakout .photo-display-container.narrow {
	float: none;
	width: auto;
	margin-right: 353px;
}

.photo-display-container .photo-display-item {
	float: left;
	line-height: 0;
	text-align: center;
}
.photo-display-container .photo-display-item .thumb {
	line-height: 0; /* removes whitespace at the bottom of the div */
}

/* square view */
.photo-display-container.sq .photo-display-item {
	height: 75px;
	margin: 0 0 6px 0;
	width: 81px;
}
.photo-display-container.sq .photo-display-item .thumb {
	/* the other layout options use display: inline-block here, but this one can't use it for some reason */
}

/* small view */
.photo-display-container.sm .photo-display-item {
	height: 131px;
	margin: 0 0 5px 0;
	width: 120px;
}

/* medium view */
.photo-display-container.md .photo-display-item {
	height: 290px;
	margin: 0 0 5px 0;
	width: 265px;
}

/* large view */
.photo-display-container.lg .photo-display-item {
	height: 699px;
	margin: 0 0 5px 0;
	width: 665px;
}

/* justified view */



.photo-display-container.ju {
	width: auto; /* 975px;*/
	padding-bottom: 16px; 
	overflow: hidden;
}



.photo-display-container .row {
/*	border: 1px solid black;*/
	white-space:nowrap;
	margin-bottom: 8px;
	display: block;
}

.breakout .photo-display-container .row {
	margin-bottom: 8px;
	border-bottom: none;
}

.photo-display-container .row .photo-display-item {
	float: none;
	position: relative;
	display: inline-block;
	*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 */
	width: auto;
	background: #ccc;
}

.photo-display-container .row .photo-display-item {
	border-right: 8px solid white;
}

.zoomer {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
	opacity: 0;
}

.zoomer .thumb {
	position: relative;
}

.zoomable .photo-display-container .row .photo-display-item:hover {
	margin: -1px 3px -1px -1px;
	border: 1px solid black;
}

.photo-display-container .row .photo-display-item.hoverzoom,
.zoomer.hoverzoom {
	border: 4px solid black;
	margin:-2px 0 -4px 0;
/*	box-shadow: 2px 2px 2px rgba(0,0,0,0.5);*/

}


.zoomer.lastchild {
	-webkit-transform-origin: 100% 50%;
}

.zoomer.firstchild {
	-webkit-transform-origin: 0% 50%;
}

.zoomer.hoverzoom .meta {
/*	-moz-transition-delay: .25s; */
/*	-webkit-transition-delay: .25s; */
/*	transition-delay: .25s; */
/*	font-size:8px;*/
}

.photo-display-container .row .photo-display-item.hoverzoom:last-child {
	border: 2px solid white;
	margin:-2px 0 -2px 0;
	box-shadow: 2px 2px 4px black;
}

.photo-display-container .row .photo-display-item:last-child {
	border: none;
}

.photo-display-container.single-col .photo-display-item { /* if we only have a single column of the z size then collpase the height to auto and use margin to get a consistant spacing */
	height: auto;
	margin: 0 0 32px 0;
}

/* common small, medium, and large views */
.photo-display-container .photo-display-item .thumb {
	display: inline-block; /* constrains the boundaries of this div to its contents. removing it adds in all sorts of whitespace */
	*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 */
	position: relative;
}
.photo-display-container .photo-display-item .meta {
	color: #666;
	font-size: 11px;
	line-height: 1.3;
	margin-top: 5px;

}

.photo-display-container.ju .photo-display-item {
	z-index:999;

}

.photo-display-container .photo-display-item .meta a {
	color: #666;
}

.photo-display-container .photo-display-item .meta a:hover {
	background: #0063DC;
	color: #fff;
}
/* hover container */
.photo-display-container .photo-display-item .hover-target {
	display: inline-block;
}

.zoomer {
	position: absolute;
	top:0px;
	left:0px;
	border:2px solid white;
}

.zoomer .pc_img {
	height: 100%;
	width: 100%;
	background-size: cover;
}

.photo-display-container.ju .photo_container img {
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

.photo-display-container.ju .photo-display-item .meta,
.zoomer .meta {
	position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding: 10px 5px 10px 5px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0);
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	*display:none;
	color: #fff;
	font-size: 11px;
	line-height: 1.3;
	margin-top: 5px;
	text-align: left;
	text-shadow: 1px 1px 0px black;
	overflow: hidden;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.ua-windows-gecko .photo-display-container.ju .photo-display-item .meta,
.ua-macintosh-gecko .photo-display-container.ju .photo-display-item .meta,
.ua-linux-gecko .photo-display-container.ju .photo-display-item .meta,
.ua-windows-gecko .zoomer .meta,
.ua-macintosh-gecko .zoomer .meta,
.ua-linux-gecko .zoomer .meta {
	padding-bottom:5px;
	opacity: 1;
}

.photo-display-container.scrolling .photo-display-item .meta {
	display: none;
}

.photo-display-container.scrolling div.photo-display-item:hover div.meta {
	display: none;
}

.photo-display-container.ju .photo-display-item .html5-balls {
	display: inline;
	padding-right: 26px;
}

.photo-display-container.ju .photo-display-item .meta .attribution{
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}

.photo-display-container.ju .photo-display-item:hover .meta .attribution,
.photo-display-container.ju .photo-display-item.inline-commenting .meta .attribution,
.photo-display-container.ju .photo-display-item.inline-share .meta .attribution,
.zoomer .meta .attribution {
	width:100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.photo-display-container.ju .photo-display-item:hover .narrow .meta .attribution{
	width: 70px;
}

.photo-display-container.ju .photo-display-item:hover .super-narrow .meta .attribution{
	width: 55px;
}

.photo-display-container.ju .photo-display-item:hover .crazy-narrow .meta .attribution{
	width: 100%;
}

.photo-display-container.ju .photo-display-item:hover .too-narrow .meta .attribution{
	width: 100%;
}

.photo-display-container.ju .photo-display-item:hover .waytoo-narrow .meta .attribution{
	width: 100%;
}

.photo-display-container.ju .photo-display-item:hover .wide .meta .attribution{
	width: 300px; 
}

/*.zoomer .thumb .meta .attribution span,
.zoomer .thumb .meta .aa {
	display: inline;
}
*/

/* Hide meta when video swf comes in, it just gets in the way */
.photo-display-container.ju .photo-display-item.swf-activated .meta,
.zoomer.swf-activated .meta {
	display: none;
}

.photo-display-container.ju .photo-display-item .meta br,
.zoomer .meta br {
	display: none;
}

.photo-display-container.ju .photo-display-item .meta a:link,
.photo-display-container.ju .photo-display-item .meta a:visited,
.zoomer .meta a {
	color: #fff;
}

.photo-display-container.ju .photo-display-item .meta a:hover,
.photo-display-container.ju .photo-display-item .meta a:hover,
.zoomer .meta a:hover {
	color: #fff;
	background: #0063DC;
}



.photo-display-container.ju .photo-display-item .meta a.title,
.zoomer .thumb .meta a.title {
	opacity: 0;
	font-size: 13px;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: bold;
	max-width: 100%;

}

.photo-display-container .photo-display-item .meta div {
	overflow: hidden;
	width: 100%;
}

.zoomer.hoverzoom .meta a.title {
	opacity: 1;
}


.zoomer .meta,
.photo-display-container.ju .photo-display-item:hover .meta,
.photo-display-container.ju .photo-display-item.inline-commenting .meta,
.photo-display-container.ju .photo-display-item.inline-share .meta {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	background: rgba(0,0,0,0.6);
	opacity: 1;
	display:block;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	-o-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.photo-display-container.ju .photo-display-item:hover .meta a.title,
.photo-display-container.ju .photo-display-item.inline-commenting .meta a.title,
.photo-display-container.ju .photo-display-item.inline-share .meta a.title {
	opacity: 1;
}

.photo-display-container.ju .photo-display-item:hover .meta .inline-icons a:hover,
.photo-display-container.ju .photo-display-item.inline-commenting .meta .inline-icons a:hover,
.photo-display-container.ju .photo-display-item.inline-share .meta .inline-icons a:hover,
.zoomer.hoverzoom .meta .inline-icons a:hover {
	background: transparent;
}


.photo-display-container.ju .photo-display-item:hover .meta div:hover a.title,
.photo-display-container.ju .photo-display-item.inline-commenting .meta div:hover a.title,
.photo-display-container.ju .photo-display-item.inline-share .meta div:hover a.title,
.zoomer.hoverzoom .meta a.title:hover {
	white-space: normal;
}




/* icons next to the title */
.photo-display-container .photo-display-item .meta .inline-icons {
	margin-left: 0;
	margin-top: 2px;
	height: 0;
	width: 0;
	position: relative;
	overflow: visible;
	display: inline-block;
	vertical-align: top;
}




.photo-display-container.ju .photo-display-item .meta .inline-icons,
.hoverzoom .meta .inline-icons  {
	margin-left: 0;
	margin-top: 2px;
	position: absolute;
	right: 10px;
	bottom: 4px;
	top: auto;
	display:block;
	height: 20px;
	width: auto;
	overflow: visible;
	z-index: 500;
}

.photo-display-container.ju .photo-display-item:last-child  .meta .inline-icons{
	right: 15px;
}

.photo-display-container.ju .photo-display-item.contact:last-child  .meta .inline-icons,
.photo-display-container.ju .photo-display-item.pool-photo:last-child  .meta .inline-icons {
	right: 25px;
}



.ua-windows-gecko .photo-display-container.ju .photo-display-item .meta .inline-icons,
.ua-windows-gecko .hoverzoom .meta .inline-icons,
.ua-macintosh-gecko .photo-display-container.ju .photo-display-item .meta .inline-icons,
.ua-macintosh-gecko .hoverzoom .meta .inline-icons,
.ua-linux-gecko .photo-display-container.ju .photo-display-item .meta .inline-icons,
.ua-linux-gecko .hoverzoom .meta .inline-icons {
	bottom: 12px;
}


.ua-windows-gecko #faves.ju .photo-display-item .meta .inline-icons,
.ua-windows-gecko #faves .hoverzoom .meta .inline-icons,
.ua-macintosh-gecko #faves.ju .photo-display-item .meta .inline-icons,
.ua-macintosh-gecko #faves .hoverzoom .meta .inline-icons,
.ua-linux-gecko #faves.ju .photo-display-item .meta .inline-icons,
.ua-linux-gecko #faves .hoverzoom .meta .inline-icons,
.ua-windows-gecko #pool-photos.ju .photo-display-item .meta .inline-icons,
.ua-windows-gecko #pool-photos .hoverzoom .meta .inline-icons,
.ua-macintosh-gecko #pool-photos.ju .photo-display-item .meta .inline-icons,
.ua-macintosh-gecko #pool-photos .hoverzoom .meta .inline-icons,
.ua-linux-gecko #pool-photos.ju .photo-display-item .meta .inline-icons,
.ua-linux-gecko #pool-photos .hoverzoom .meta .inline-icons {
	bottom: 9px;
}



/* only show them in the zoom view when zoomable */
.photo-display-container.ju .unzoomed .meta .inline-icons {
	display: none;
}

.photo-display-container.ju .photo-display-item:hover .too-narrow .meta,
.photo-display-container.ju .photo-display-item:hover .waytoo-narrow .meta,
.photo-display-container.ju .photo-display-item:hover .crazy-narrow .meta {
	padding-bottom: 29px;
}

/* exclude bottom padding for compact/"full width" cases */
.photo-display-container.ju .photo-display-item:hover .too-narrow .meta.single-line,
.photo-display-container.ju .photo-display-item:hover .waytoo-narrow .meta.single-line,
.photo-display-container.ju .photo-display-item:hover .crazy-narrow .meta.single-line {
	padding-bottom: 10px;
}

.photo-display-container.ju .unzoomed:hover .crazy-narrow .meta,
.photo-display-container.ju .photo-display-item:hover .waytoo-narrow .meta,
.photo-display-container.ju .unzoomed:hover .too-narrow .meta {
	padding-bottom: 10px;
}


/*.photo-display-container.ju .photo-display-item .crazy-narrow .meta .inline-icons ,
.photo-display-container.ju .photo-display-item .too-narrow .meta .inline-icons{
	border:1px dotted red;
}
*/

/* deleting */
.photo-display-container .photo-display-item .meta a.delete-x-inline {
	display: none;
	margin-left: 5px;
	width: 9px;
	height: 9px;
}
.photo-display-container .photo-display-item .hover-target:hover .meta a.delete-x-inline {
	display: inline;
}
.photo-display-container .photo-display-item .meta a.delete-x-inline:hover {
	background-color: transparent;
}
.photo-display-container .photo-display-item .meta a.delete-x-inline img {
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat scroll -1455px -15px;
	vertical-align: top;
}
.photo-display-container .photo-display-item .meta a.delete-x-inline:hover img {
	background-position: -1455px -55px;
}

/* faving */
.photo-display-container .photo-display-item .meta a.fave-star-inline,
.zoomer .meta a.fave-star-inline {
	display: none;
	margin-left: 5px;
	width: 10px;
	height: 9px;
}

.photo-display-container.sm .photo-display-item .meta a.fave-star-inline {
	margin-left: 0px;
}

.photo-display-container .photo-display-item .meta a.fave-star-inline img,
.zoomer .meta a.fave-star-inline img {
	margin-left: 0;
}

.photo-display-container .photo-display-item .meta a.fave-star-inline .fave-count,
.zoomer .meta a.fave-star-inline .fave-count {
	padding-left: 2px;
}

.zoomer.hoverzoom .meta a.fave-star-inline img {
/*	-webkit-transform: scale(0.7);*/
}

.photo-display-container.ju .photo-display-item .meta a.fave-star-inline,
.zoomer .meta a.fave-star-inline,
.photo-display-container.ju .photo-display-item .meta a.delete-x-inline,
.zoomer .meta a.fave-star-inline {
	display: inline;
}

.photo-display-container.ju .photo-display-item .meta a.delete-x-inline img {
	background: transparent url(https://s.yimg.com/pw/images/zoom-sprite.png) no-repeat scroll -8px -26px;
}

.photo-display-container.ju .photo-display-item .meta a.delete-x-inline.unfave img {
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat scroll -1455px -13px;
	vertical-align: top;
}

div.group-content-wrapper {
	width: 975px; /* Extra wide searchified header for groups */
}

body.super-liquid div.group-content-wrapper {
	width: auto;
	margin: 0 10px;
}

body.super-liquid div.group-content-wrapper.group-cover-photo {
	margin: 0;
}

body.super-liquid div.group-content-wrapper.sponsored {
	width: 800px;
	margin: 0 auto;
}

.group-content-wrapper .share-this-wrapper {
	position: absolute;
	width: 300px;
	top: 4px;
	right: 0;
}

#sg_group_title_fg {
	width: 800px;
}

#sg_group_title_fg .share-this-wrapper {
	top: 0;
	right: 88px;
	color: #000;
}

#sg_group_title_fg .share-this-wrapper a,
#sg_group_title_fg .share-this-wrapper a:hover {
	color: #444;
} 

#sg_group_title_fg .share-this-wrapper .divider span,
#sg_group_title_fg .share-this-wrapper .divider span span {
	font-size: 12px;
}

.group-content-wrapper .group-pool-header {
	margin-bottom: 0;
}

.group-content-wrapper .share-this-positioner {
	position: relative;
	z-index: 99; /* to put the share buttons above other content */
}

.photo-display-item .remove-from-group {
	display:none;
}

.photo-display-item:hover .remove-from-group {
	display: block;
	position: absolute;

	height:14px;
	width:14px;
	top:5px;
	right:5px;

	z-index: 1000;
	overflow: hidden;
}

.photo-display-item:last-child .remove-from-group {
	right: 18px;

}

.photo-display-item .remove-from-group img {
	background: rgba(0,0,0,0.7) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAABAAgMAAAAG4J09AAAACVBMVEUAAAD////CCgr718DLAAAAAXRSTlMAQObYZgAAAD1JREFUeF7ly6ENAEAIA8A3GDxLMA2CAZGM+aYpG2CouqTt20kIkAZYAhIEK47nfiSlQDvgDWgRrDie+24+dvAI6UPFypkAAAAASUVORK5CYII=) no-repeat -9px -8px;
}

.photo-display-item .remove-from-group:hover img {
	background-position: -9px -41px;
}
	

.photo-display-container.ju .photo-display-item .inline-icons {
	opacity: 0;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
	filter: alpha(opacity=00);
}

.photo-display-container.ju .photo-display-item .inline-icons img,
.zoomer .meta .inline-icons img{
	margin-left: 10px;
}

.photo-display-container.ju .photo-display-item .inline-icons a:hover img,
.zoomer .meta .inline-icons a:hover img {
	opacity : .5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
}

.photo-display-container.ju .photo-display-item:hover .inline-icons,
.photo-display-container.ju .photo-display-item.inline-commenting .inline-icons,
.photo-display-container.ju .photo-display-item.inline-share .inline-icons {
	opacity: 1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
}

.photo-display-container.ju .photo-display-item .waytoo-narrow .inline-icons {
	display: none;
}

.photo-display-container .photo-display-item .hover-target:hover .meta .fave-star-inline,
.photo-display-container .photo-display-item .hover-target .meta .fave-star-inline-faved {
	display: inline;
}

.photo-display-container .photo-display-item .meta .fave-star-inline:hover,
.photo-display-container .photo-display-item .meta .fave-star-inline-faved {
	background-color: transparent;
}
.photo-display-container .photo-display-item .meta .fave-star-inline img {
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat scroll -855px -96px;
	vertical-align: top;
}

.photo-display-container .photo-display-item .meta .fave-star-inline-faved img {
	background-position: -895px -96px;
}

.photo-display-container .photo-display-item .meta .fave-star-inline-faved img {
	background-position: -895px -96px;
}

.photo-display-container.ju .photo-display-item .meta .fave-star-inline img, 
.hoverzoom .meta a.fave-star-inline img {
	background: transparent url(https://s.yimg.com/pw/images/zoom-sprite.png) no-repeat scroll -8px -6px;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta{
	padding: 5px 0 10px 8px;
}

.super-liquid .photo-display-container.ju .photo-display-item .inline-icons img{
	vertical-align:top;
	margin-top:0px;
	width:16px;
	height:16px;
}

.super-liquid .photo-display-container.ju .photo-display-item .meta .fave-star-inline img, 
.super-liquid .hoverzoom .meta a.fave-star-inline img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/fav.png) no-repeat scroll center;
	background-size: contain;
	margin-top:-1px;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta .fave-star-inline-faved img,
.super-liquid .photo-display-container.ju .photo-display-item .meta .fave-star-inline-faved:active img,
.super-liquid .photo-display-container.ju .photo-display-item .meta a.delete-x-inline img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/fav_hover.png) no-repeat scroll center;
	background-size: contain;
	
}

.photo-display-container.ju .photo-display-item .meta a.comments-icon img, 
.hoverzoom .meta a.comments-icon img {
	background: transparent url(https://s.yimg.com/pw/images/zoom-sprite.png) no-repeat scroll -38px -26px;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.comments-icon img, 
.super-liquid .hoverzoom .meta a.comments-icon img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/comment.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.comments-icon.active img, 
.super-liquid .hoverzoom .meta a.comments-icon.active img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/comment_hover.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.inline-share-icon img, 
.super-liquid .hoverzoom .meta a.inline-share-icon img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/share.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.inline-share-icon.active img, 
.super-liquid .hoverzoom .meta a.inline-share-icon.active img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/share_hover.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid #faves.photo-display-container.ju .photo-display-item .meta a.inline-share-icon {
	padding-bottom: 15px;
}

.ua-windows-gecko .photo-display-container.ju .photo-display-item .meta a.comments-icon img,
.ua-windows-gecko .hoverzoom .meta a.comments-icon img,
.ua-macintosh-gecko .photo-display-container.ju .photo-display-item .meta a.comments-icon img,
.ua-macintosh-gecko .hoverzoom .meta a.comments-icon img,
.ua-linux-gecko .photo-display-container.ju .photo-display-item .meta a.comments-icon img,
.ua-linux-gecko .hoverzoom .meta a.comments-icon img {	
	background-position: -38px -27px;
}

.ua-windows-gecko .photo-display-container.ju .photo-display-item .meta a.fave-star-inline img, 
.ua-macintosh-gecko .photo-display-container.ju .photo-display-item .meta a.fave-star-inline img, 
.ua-linux-gecko .photo-display-container.ju .photo-display-item .meta a.fave-star-inline img, 
.ua-windows-gecko .hoverzoom .meta a.fave-star-inline img,
.ua-macintosh-gecko .hoverzoom .meta a.fave-star-inline img,
.ua-linux-gecko .hoverzoom .meta a.fave-star-inline img, {
	background-position:  -8px -6px;
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.comments-icon img, 
.super-liquid .hoverzoom .meta a.comments-icon img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/comment.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.comments-icon.active img, 
.super-liquid .hoverzoom .meta a.comments-icon.active img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/comment_hover.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.inline-share-icon img, 
.super-liquid .hoverzoom .meta a.inline-share-icon img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/share.png) no-repeat center;
	background-size: contain;
	
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.inline-share-icon.active img, 
.super-liquid .hoverzoom .meta a.inline-share-icon.active img {
	background: transparent url(https://s.yimg.com/pw/images/sprites/icons/share_hover.png) no-repeat center;
	background-size: contain;
	
}

.meta a img {
	vertical-align: text-bottom;
	display: inline;
}

.photo-display-item .meta .count,
.photo-display-item .meta .lightbox-title,
.hoverzoom .thumb .meta .count,
.hoverzoom .thumb .meta .lightbox-title {
	display: inline;
	padding-left:5px;
	margin-right:0px;
	margin-bottom:-3px;
	background-color: transparent;
	border:0;
}

.photo-display-container.ju .photo-display-item .crazy-narrow .meta .count,
.photo-display-container.ju .photo-display-item .too-narrow .meta .count {
	display: none;
}


.photo-display-item .meta .count.null-count,
.hoverzoom .thumb .meta .count.null-count {
	display: none;
}

.photo-display-container.ju .photo-display-item .waytoo-narrow {
/*	border:2px solid red;*/
}

.photo-display-item .crazy-narrow .meta .lightbox-title,
.super-liquid .photo-display-item .lightbox-title,
.photo-display-item .too-narrow .meta .lightbox-title,
.photo-display-item .way-narrow .meta .lightbox-title,
.photo-display-item .waytoo-narrow .meta .lightbox-title,
.photo-display-item .super-narrow .meta .lightbox-title,
.photo-display-item .narrow .meta .lightbox-title,
.zoomer .crazy-narrow .meta span.lightbox-title,
.zoomer .too-narrow .meta span.lightbox-title,
.zoomer .way-narrow .meta span.lightbox-title,
.zoomer .waytoo-narrow .meta span.lightbox-title {
	display: none;
}



.photo-display-container.ju .photo-display-item .meta a.fave-star-inline img {
/*	background-position: -94px -54px;*/
}

.photo-display-container.ju .photo-display-item .meta a.fave-star-inline-faved img,
.zoomer .meta a.fave-star-inline-faved img {
	background: transparent url(https://s.yimg.com/pw/images/zoom-sprite.png) no-repeat scroll -8px -26px;
}

.photo-display-container .photo-display-item .meta a.fave-star-inline:hover img {
	opacity: 0.5;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	filter: alpha(opacity=50);
}
/*
.photo-display-container .photo-display-item .meta a.fave-star-inline-faved:hover img {
	opacity: 1;
}*/

/* lightbox */
.photo-display-container .photo-display-item .meta a.lightbox-inline,
.hoverzoom .meta a.lightbox-inline {
	display: none;
	margin-left: 10px;
	width: 10px;
	height: 10px;
}

.photo-display-container.ju .photo-display-item .meta a.lightbox-inline img,
.photo-display-container.ju .photo-display-item:hover .meta a.lightbox-inline img,
.hoverzoom .meta a.lightbox-inline img{
	background: transparent url(https://s.yimg.com/pw/images/zoom-sprite.png) no-repeat scroll -38px -5px;
	margin-left: 0;
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.lightbox-inline img,
.super-liquid .photo-display-container.ju .photo-display-item:hover .meta a.lightbox-inline img,
.super-liquid .hoverzoom .meta a.lightbox-inline img{
    background-image: url('https://s.yimg.com/pw/images/sprites/icons/full_screen.png');
	background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
	margin-left: 0;
	margin-top:2px;
	width:12px;
	height:12px;
}



.photo-display-container .photo-display-item .hover-target:hover .meta a.lightbox-inline,
.photo-display-container.ju .photo-display-item:hover .meta a.lightbox-inline,
.photo-display-container.ju .photo-display-item.inline-commenting .meta a.lightbox-inline,
.hoverzoom .meta a.lightbox-inline {
	display: inline;
}
.photo-display-container .photo-display-item .meta a.lightbox-inline:hover {
	background-color: transparent;
}
.photo-display-container .photo-display-item .meta a.lightbox-inline img {
	background: transparent url(https://s.yimg.com/pw/images/temp-magnify-small.png) 0 0 no-repeat;
	vertical-align: top;
}
.photo-display-container .photo-display-item .meta a.lightbox-inline:hover img {
	background-position: 0 -24px;
}

.super-liquid .photo-display-container.ju .photo-display-item .meta a.lightbox-inline:hover img {
	background-position: center;
}

/* old fashioned stretch zoom requires this*/
.zoomer .thumb span,
.zoomer .thumb a {
	display: block;
}

.zoomer .thumb .meta span,
.zoomer .thumb .meta a {
	display: inline;
}

.zoomer span.photo_container {
	position: relative;
}

/* video play icon link */
.ju span.photo_container a.pc_link,
.zoomer a.pc_link {
	position: absolute;
	display:block;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	text-align: center;
}

.ju span.photo_container a.pc_link img,
.zoomer .photo_container a.pc_link img{
	margin: auto;
	position: relative;
	top: 48%;
}

.ju span.pc_tiny a.pc_link, /* stats */
.ju span.pc_s a.pc_link, /* square */
.ju span.pc_t a.pc_link,
.zoomer span.pc_t a.pc_link { /* thumbnail */
	top: 10px;
	height: 11px;
	left: 2px;
	width: 11px;
}
.ju span.pc_m a.pc_link,
.zoomer span.pc_m a.pc_link,
.ju span.pc_l a.pc_link, /* medium 500 */
.ju span.pc_z a.pc_link, /* medium 640 */
.zoomer span.pc_l a.pc_link,
.zoomer span.pc_z a.pc_link {
	position: absolute;
	display:block;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	text-align: center;
}


/* ----------------------------- */
/* wide breakout view */
/* this can eventually be pulled out into one of the more common css files as the breakout theme gets more common */
body.breakout #main {
	margin: 5px 0 15px;
	min-width: 975px;
	width: auto;
}
html body.breakout #foot {
	width: auto;
}
html body.breakout #foot #foot-wrap {
	margin: 0 auto;
	width: 960px;
}


body.breakout .photo-display-container {
	margin: 0 15px 20px; /* adds some margin at the sides so we don't butt up against the very edges of the browser */
	/* padding-top: 16px;*/
}

body.super-liquid .photo-display-container {
	margin: 0 10px 20px;
}

body.breakout-justified .photo-display-container {
	width: auto;
	margin: 0 0 0;
}

body.breakout-justified .photo-display-container.narrow {
	float: none;
	margin-right: 353px;
}

body.breakout-justified .infinite-pages .pages {
	display: none;
}

body.breakout-justified .infinite-pages {
	margin-bottom:48px;
}

body.breakout-justified .infinite-pages a,
body.breakout-justified .infinite-pages .AtStart,
body.breakout-justified .infinite-pages .AtEnd {
	padding: 5px 9px;
	background: #0063DC;
	color: #fefefe;
	font-size: 12px;
	font-weight: bold;
	border-radius: 4px;
	text-transform: uppercase;
	border: none;
}

body.breakout-justified .infinite-pages a:hover {
	background: #0054bd;
}

body.breakout-justified .infinite-pages .AtStart,
body.breakout-justified .infinite-pages .AtEnd  {
	background: #eee;
	color: #bbb;
}

body.breakout-justified .infinite-pages .Paginator .Results {
	display: inline-block;
	width: 119px;
	font-size:14px;
	color: #999;
}
/*
.breaker {
	position: relative;
	display:inline-block; width: 45px; height:100%; background: #141414; border-right: 8px solid #fefefe
}

.breaker p {
	display: block;
	position: absolute;
	color:#fefefe;
	font-size: 18px;
	bottom: 3px;
	left: 30px;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 0 0;
	-moz-transform: rotate(270deg);
	-moz-transform-origin: 0 0;
	-ms-transform: rotate(270deg);
	-ms-transform-origin: 0 0;
	transform: rotate(270deg);
	transform-origin: 0 0;
	font-family: arial, sans-serif;
	font-weight: bold;
}
*/

#group-sidebar{
	display:none;
}

#group-sidebar{
	position: absolute;
	top: 156px;
	left:-338px;
	width: 300px;
	z-index:2000;
	-webkit-transition: left .25s ease-in-out;
	-moz-transition: left .25s ease-in-out;
	-o-transition: left .25s ease-in-out;
	-ms-transition: left .25s ease-in-out;
	transition: left .25s ease-in-out;
}

#group-sidebar.open {
	position: absolute;
	top: 156px;
	left:17px;
	width: 300px;
	z-index:1;
}

#group-sidebar .toggle {
	position: absolute;
	margin:0;
	padding:0;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 100% 100%;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 100% 100%;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 100% 100%;
	-ms-transform: rotate(-90deg);
	-ms-transform-origin: 100% 100%;
	transform: rotate(-90deg);
	transform-origin: 100% 100%;
	text-align: right;
	right: -68px;
	top: -28px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	opacity:1;
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

#group-sidebar.open .toggle {
	opacity: 0;
}

#group-sidebar .toggle p, 
#group-sidebar .hide a, 
#group-sidebar .hide a:hover{
	color: #fff;
	margin:0;
	background: transparent;
	padding:6px 10px;
	font-size:14px;
	font-weight:bold;
	white-space:nowrap;
	cursor: pointer;
}

#group-sidebar .hide a,
#group-sidebar .hide a:hover {
	font-weight: normal;
	font-size: 12px;
}

#group-sidebar .topic {
	margin-bottom: 6px;
}

#group-sidebar .hide {
	position: absolute;
	top: 0px;
	right: -20px;
	border-radius: 5px;
	background: rgb(0,0,0);
	background: rgba(0,0,0,0.7);
	z-index: 2;
}

#group-sidebar .ago {
	display: inline-block;
	float: right;
}

#group-sidebar .group-hideable {
	height: 110px;
/*	-webkit-transition: height .25s ease-in-out;
	-o-transition: height .25s ease-in-out;
	-moz-transition: height .25s ease-in-out;
	transition: height .25s ease-in-out;*/
	overflow: hidden;
}

/*#group-sidebar .contributor {
	display: inline-block;
}*/

#group-sidebar .count {
	color: #999;
/*	font-size: 9px;*/
}

#group-sidebar .top-100 {
	margin-top: 6px;
}

.about-group {
	margin: 0px 0 20px 0;
	overflow:hidden;
	padding-bottom:5px;
}

#group-sidebar .group-meta, .bullet {
	color: #999;
}

#group-sidebar .discuss-topic {
	display: block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bullet {
	display: inline-block;
	padding: 0 4px;
}

.group-stats {
	color: #999;
	margin:10px 0;
}

#pool-photos.ju {
	min-height: 640px;
	margin:0 0 0 20px;
}

#group-sidebar .group-subhead {
	font-size:14px;
	font-weight: bold;
	margin: 0 0 6px 0;
}

#group-sidebar .cta {
	font-weight: bold;
}

#group-sidebar .cta a:nth-child(2) {
	padding-left: 8px;
	margin-left: 5px;
	border-left: 1px solid black;
}

#group-sidebar .group-name {
	width: 220px;
}

.lightbox #group-sidebar, .lightbox #group-sidebar .toggle {
	display: none;
}

#group-sidebar .tags a,
#group-sidebar .posters a
{
	color: #999;
}

#group-sidebar .tags:hover a,
#group-sidebar .posters:hover a 
{
	color: #0259C4;
}

#group-sidebar .tags a:hover,
#group-sidebar .posters  a:hover
{
	color: #fff;
}

#group-sidebar .tag {
	display: inline;
}

.short-pool .tags, 
.short-pool .posters, 
.short-pool .discussions
{
	opacity:0;
}

#group-sidebar .sec {
	background: #fefefe;
	margin: 0;
	padding: 0 0 25px 0;
	opacity: 0;
	-webkit-transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	-ms-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out;
}

#group-sidebar.open .sec {
	opacity: 1;
}

#group-sidebar .group-description {
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}

#group-sidebar .group-description .high-top-fade {
	height: 30px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	pointer-events: none;
	background: -moz-linear-gradient(top,  rgba(254,254,254,0) 0%, rgba(254,254,254,1) 98%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,254,254,0)), color-stop(98%,rgba(254,254,254,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 98%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 98%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 98%,rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(254,254,254,0) 0%,rgba(254,254,254,1) 98%,rgba(254,254,254,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fefefe', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
}

.toggle-pointer {
	display: inline-block;
	font-size: 16px;

}

.toggle .toggle-pointer {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	padding-left: 3px;
}

body.js.breakout-justified #SubNav, body.js.breakout-justified .searchified-options {
        opacity: 0;
}

body.js.breakout-justified #SubNav.thincase {
	opacity: 1;
}

/* slideshow link under the feeds at the bottom of the page */
.slideshow-bottom {
	width: 975px;
	margin: 0 auto 15px;
	font-size: 11px;
	color: #999;
}
.slideshow-bottom a span {
	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: 16px;
	*left: -2px; /* ie7 hack */
	margin-left: -2px;
	position: relative;
	width: 17px;	
}

.hideimg .img {
	visibility: hidden;
}

/* pool blast flavor */

.pool-blast {
	
}

.pool-blast img.blast-icon {
	top: 6px;
	left: 8px;

}

.pool-blast .blast-text {
	margin: 3px 0 4px 30px;
	min-height: 14px;
}

.pool-blast .admin-hint,
.pool-blast .admin-hint:hover,
.pool-blast .admin-hint:active,
.pool-blast .admin-hint:visited {
	color: #bbb;
	text-decoration: none;
	background: transparent;
}

.Invited {
	margin-bottom: 10px;
}

div.info.Invited p {
	margin-bottom: 5px;
}

.confirmform {
	display: inline-block;
	max-width: 100px;
	padding-right: 5px;

}
body #main #SubNav{margin:20px auto;width:975px}body.super-liquid #main #SubNav{width:auto;margin:10px 10px}#recent-uploads{margin-top:32px}#contacts{margin-bottom:20px}#feeds.next-to-slideshow-link img{margin-right:2px}.slideshow-bottom,.contact-suggestions-bottom{width:975px;margin:0 auto;font-size:11px;color:#999}.slideshow-bottom a span,.contact-suggestions-bottom a span{background:transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat scroll 0 -88px;bottom:-4px;*bottom:-1px;display:inline-block;height:15px;*left:-2px;margin-left:-6px;position:relative;width:21px}.slideshow-bottom a span{background-position:-1768px -92px}.contact-suggestions-bottom a span{background-position:-1967px -13px}#contacts.narrow{float:left;width:655px}body.breakout #contacts.narrow{float:none;width:auto;margin-right:353px}#contacts-thumbs-wrapper{position:relative;margin-bottom:10px}.sidebar-contact-suggestions{width:302px;margin-top:0;margin-bottom:30px;background:#f5f5f5;padding:8px 8px 0}.sidebar-contact-suggestions h3{font-weight:bold;font-size:13px}.sidebar-contact-suggestions h3 span{font-weight:normal}.sidebar-contact-suggestions h3 .sidebar-contact-suggestions-remove-container{font-size:12px}body.breakout .sidebar-contact-suggestions{position:absolute;top:0;right:25px}.sidebar-contact-suggestions .suggestions li{padding-left:56px}.sidebar-contact-suggestions .suggestions a{color:#000}.sidebar-contact-suggestions:hover .suggestions a{color:#0063DC}.sidebar-contact-suggestions .suggestions a:hover{color:#fff}.sidebar-contact-suggestions .more-people{margin:10px 0;font-size:11px}#contacts.single-col.narrow{margin-right:205px}#contacts.single-col+.sidebar-contact-suggestions{right:50%;margin-right:-487px}.es-us .sidebar-contact-suggestions h3,.fr-fr .sidebar-contact-suggestions h3,.it-it .sidebar-contact-suggestions h3,.id-id .sidebar-contact-suggestions h3,.de-de .sidebar-contact-suggestions h3{padding:0 20px 6px 0;font-size:13px}.fr-fr .sidebar-contact-suggestions-remove-container,.it-it .sidebar-contact-suggestions-remove-container,.de-de .sidebar-contact-suggestions-remove-container{top:auto}.fr-fr .sidebar-contact-suggestions h3{font-size:12px}/* -------------------------------------------------------------------------------- */
/* Styles for the Popover menus.  */
/* Example HTML:

	<p id="foo" class="yui3-popover">
		<span class="yui3-popover-arrow">◢◣</span>
		<span class="yui3-popover-arrow-mask"></span>
		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
	</p>

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

.yui3-popover {
	position: absolute;
	z-index: 1000 !important; /* important because the popover widget assigns the wrong z-index when aligning */
}

.yui3-popover					{ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -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); background: #fff; }
.yui3-popover.square-menu-css	{ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -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); background: #fff; }
.yui3-popover-hidden			{ visibility: hidden; }
.yui3-popover-content			{ position: relative; z-index: 1002; }

/* -------------------------------------------------------------------------------- */
/* Arrow positions. */
/* -------------------------------------------------------------------------------- */

.yui3-popover-arrow			{ position: absolute; top: -9px; display: block; color: #fff; font-family: Trebuchet; font-size: 24px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); cursor: default; *display: none; /* IE6 and IE7 */ }
.yui3-popover-arrow-mask		{ position: absolute; top: 0; z-index: 1001; display: block; width: 50px; height: 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background-color: #fff; *display: none; /* IE6 and IE7 */ display: none\0/; /* IE8 */ }

@media \0screen { /* IE8 */
	.yui3-popover-arrow		{ display: none; }
}
:root .yui3-popover-arrow 		{ font-size: 58px\9; color: #e0e0e0\9; display: none\9; } /* IE9 - this almost works, but the caret needs to be a different color. Commenting out until we have a solution. */

/* Top left */

.yui3-popover-arrow-tl			{ left: 16px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.yui3-popover-arrow-mask-tl		{ left: 11px; }

/* Top */

.yui3-popover-arrow-t			{ left: 50%; margin-left: -12px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.yui3-popover-arrow-mask-t		{ left: 50%; margin-left: -26px; }

/* Top right */

.yui3-popover-arrow-tr			{ right: 16px; -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.yui3-popover-arrow-mask-tr		{ right: 11px; }

/* Right top */

.yui3-popover-arrow-rt			{ right: -14px; top: 20px; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.yui3-popover-arrow-mask-rt		{ right: -19px; top: 26px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

/* Right */

.yui3-popover-arrow-r			{ right: -14px; top: 50%; margin-top: -9px; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.yui3-popover-arrow-mask-r		{ right: -19px; top: 50%; margin-top: -3px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

/* Right bottom */

.yui3-popover-arrow-rb			{ right: -14px; top: auto; bottom: 20px; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.square-menu-css .yui3-popover-arrow-rb			{ right: -14px; top: auto; bottom: 27px; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
.yui3-popover-arrow-mask-rb		{ right: -19px; top: auto; bottom: 26px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

/* Bottom right */

.yui3-popover-arrow-br			{ right: 16px; top: auto; bottom: -8px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.square-menu-css .yui3-popover-arrow-br			{ right: 16px; top: auto; bottom: -1px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.yui3-popover-arrow-mask-br		{ top: auto; bottom: 0; right: 6px; }

/* Bottom */

.yui3-popover-arrow-b			{ left: 50%; top: auto; bottom: -10px; margin-left: -11px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.square-menu-css .yui3-popover-arrow-b			{ left: 50%; top: auto; bottom: -3px; margin-left: -11px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.yui3-popover-arrow-mask-b		{ left: 50%; top: auto; bottom: 0; margin-left: -26px; }

/* Bottom left */

.yui3-popover-arrow-bl			{ left: 18px; top: auto; bottom: -10px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.square-menu-css .yui3-popover-arrow-bl			{ left: 18px; top: auto; bottom: -3px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.yui3-popover-arrow-mask-bl		{ top: auto; bottom: 0; left: 5px; }

/* Left bottom */

.yui3-popover-arrow-lb			{ left: -13px; top: auto; bottom: 20px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.square-menu-css .yui3-popover-arrow-lb			{ left: -13px; top: auto; bottom: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.yui3-popover-arrow-mask-lb		{ left: -19px; top: auto; bottom: 26px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Left */

.yui3-popover-arrow-l			{ left: -13px; top: 50%; margin-top: -7px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.square-menu-css .yui3-popover-arrow-l			{ left: -13px; top: 50%; margin-top: 0px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.yui3-popover-arrow-mask-l		{ left: -19px; top: 50%; margin-top: -3px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Left Top */

.yui3-popover-arrow-lt			{ left: -13px; top: 20px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.yui3-popover-arrow-mask-lt		{ left: -19px; top: 26px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Webkit */
body.ua-macintosh-webkit .yui3-popover-arrow            { font-size: 18px; }

body.ua-macintosh-webkit .yui3-popover-arrow-tl         { top: -9px; left: 19px; }
body.ua-macintosh-webkit .yui3-popover-arrow-t          { top: -9px; margin-left: -9px; }
body.ua-macintosh-webkit .yui3-popover-arrow-tr         { top: -9px; right: 19px; }
body.ua-macintosh-webkit .yui3-popover-arrow-rt         { right: -9px; top: 19px; }
body.ua-macintosh-webkit .yui3-popover-arrow-r          { right: -9px; margin-top: -9px; }
body.ua-macintosh-webkit .yui3-popover-arrow-rb         { right: -9px; bottom: 19px; }
body.ua-macintosh-webkit .yui3-popover-arrow-br         { right: 19px; bottom: -9px; }
body.ua-macintosh-webkit .yui3-popover-arrow-b          { bottom: -9px; margin-left: -9px; }
body.ua-macintosh-webkit .yui3-popover-arrow-bl         { left: 19px;  bottom: -9px; }
body.ua-macintosh-webkit .yui3-popover-arrow-lb         { left: -9px; bottom: 19px; }
body.ua-macintosh-webkit .yui3-popover-arrow-l          { left: -9px; margin-top: -9px; }
body.ua-macintosh-webkit .yui3-popover-arrow-lt         { left: -9px; top: 19px; }

body.ua-macintosh-webkit .square-menu-css  .yui3-popover-arrow-rb         { right: -9px; bottom: 26px; }
body.ua-macintosh-webkit .square-menu-css  .yui3-popover-arrow-br         { right: 19px; bottom: -2px; }
body.ua-macintosh-webkit .square-menu-css  .yui3-popover-arrow-b          { bottom: -2px; margin-left: -9px; }
body.ua-macintosh-webkit .square-menu-css  .yui3-popover-arrow-bl         { left: 19px;  bottom: -2px; }
body.ua-macintosh-webkit .square-menu-css  .yui3-popover-arrow-lb         { left: -9px; bottom: 26px; }

/* Chrome and Safari on Windows displays the UTF8 character significantly smaller than all other browsers. */

body.ua-windows-webkit .yui3-popover-arrow 	        { font-size: 30px; }

body.ua-windows-webkit .yui3-popover-arrow-tl           { top: -7px; left: 18px; }
body.ua-windows-webkit .yui3-popover-arrow-t            { top: -7px; margin-left: -11px; }
body.ua-windows-webkit .yui3-popover-arrow-tr           { top: -7px; right: 16px; }
body.ua-windows-webkit .yui3-popover-arrow-rt           { right: -10px; top: 21px; }
body.ua-windows-webkit .yui3-popover-arrow-r            { right: -10px; margin-top: -8px; }
body.ua-windows-webkit .yui3-popover-arrow-rb           { right: -10px; bottom: 18px; }
body.ua-windows-webkit .yui3-popover-arrow-br           { bottom: -7px; right: 16px; }
body.ua-windows-webkit .yui3-popover-arrow-b            { bottom: -7px; margin-left: -11px; }
body.ua-windows-webkit .yui3-popover-arrow-bl           { bottom: -7px; left: 16px; }
body.ua-windows-webkit .yui3-popover-arrow-lb           { left: -10px; bottom: 19px; }
body.ua-windows-webkit .yui3-popover-arrow-l            { left: -10px; margin-top: -9px; }
body.ua-windows-webkit .yui3-popover-arrow-lt           { left: -10px; top: 19px; }

body.ua-windows-webkit .square-menu-css  .yui3-popover-arrow-rb           { right: -10px; bottom: 25px; }
body.ua-windows-webkit .square-menu-css  .yui3-popover-arrow-br           { bottom: 0px; right: 16px; }
body.ua-windows-webkit  .square-menu-css .yui3-popover-arrow-b            { bottom: 0px; margin-left: -11px; }
body.ua-windows-webkit .square-menu-css  .yui3-popover-arrow-bl           { bottom: 0px; left: 16px; }
body.ua-windows-webkit .square-menu-css  .yui3-popover-arrow-lb           { left: -10px; bottom: 26px; }

body.ua-windows-webkit .yui3-popover-arrow-rt.win-safari,
body.ua-windows-webkit .yui3-popover-arrow-r.win-safari,
body.ua-windows-webkit .yui3-popover-arrow-rb.win-safari { right: -14px; }
body.ua-windows-webkit .yui3-popover-arrow-lb.win-safari,
body.ua-windows-webkit .yui3-popover-arrow-l.win-safari,
body.ua-windows-webkit .yui3-popover-arrow-lt.win-safari { left: -14px; }

/* Firefox 3.6 */
body.ua-windows-gecko-1 .yui3-popover-arrow             { margin-top: 6px; }

/* IE9 */
body.ua-windows-ie-9 .yui3-popover-arrow-tl,
body.ua-windows-ie-9 .yui3-popover-arrow-t,
body.ua-windows-ie-9 .yui3-popover-arrow-tr		{ top: -8px; }
body.ua-windows-ie-9 .yui3-popover-arrow-rt,
body.ua-windows-ie-9 .yui3-popover-arrow-r,
body.ua-windows-ie-9 .yui3-popover-arrow-rb		{ right: -15px; }
body.ua-windows-ie-9 .yui3-popover-arrow-br,
body.ua-windows-ie-9 .yui3-popover-arrow-b,
body.ua-windows-ie-9 .yui3-popover-arrow-bl		{ bottom: -9px; }
body.ua-windows-ie-9  .square-menu-css  .yui3-popover-arrow-br,
body.ua-windows-ie-9  .square-menu-css  .yui3-popover-arrow-b,
body.ua-windows-ie-9 .square-menu-css  .yui3-popover-arrow-bl		{ bottom: -2px; }
body.ua-windows-ie-9 .yui3-popover-arrow-lb,
body.ua-windows-ie-9 .yui3-popover-arrow-l,
body.ua-windows-ie-9 .yui3-popover-arrow-lt		{ left: -14px; }

/* Old pages */
body.quirks .yui3-popover-arrow                         { line-height: 18px; height: 18px; width: 18px; margin-top: 1px; }
/*--Calendar--*/
.c-call {
	background-color:	transparent;
	height:			auto;
	border:			none;
	font-size:		12px;
}
.c-call.multi-1 {
	width:			191px !important;
}
.c-call.multi-2 {
	width:			380px !important;
/*	_width:			373px*/
}
.c-call.multi-3 {
	width:			568px !important;
/*	_width:			560px*/
}
.c-call .c-box {
	margin:			1px;
/*	_margin:		4px 2px;*/
	height:			auto;
	width:			auto;
	float:			left;
/*	*padding-bottom:	5px;*/
/*	_padding-bottom:	3px;*/
	position:		relative;
}
.c-call .c-hd {
	width:			189px;
	height:			24px;
	background-color:	#F7F7F7;
	position:		relative;
	-moz-border-radius-top:	4px;
	-webkit-border-top-radius:4px;
	border-radius-top:	4px;
}
.c-call .c-hd a {
	
}
.c-call .c-hd a.prev {
	position:		absolute;
	left:			0;
	top:			0;
	float:			left;
	width:			24px;
	height:			24px;
	font-size:		11px;
	line-height:		24px;
	text-decoration:	none;
	text-align:		center;
	color:			#0063DC;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
}
.c-call .c-hd a.next {
	position:		absolute;
	right:			0;
	top:			0;
	width:			24px;
	height:			24px;
	font-size:		11px;
	line-height:		24px;
	text-decoration:	none;
	text-align:		center;
	color:			#0063DC;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
}

.c-call .c-hd a.title,
.c-call .c-hd a.title:link,
.c-call .c-hd a.title:visited {
	margin:			0 auto;
	display:		block;
	width:			83px;
	height:			24px;
	line-height:		24px;
	text-align:		center;
	color:			#0063DC;
	text-decoration:	none;
}

.c-call .c-hd a:hover {
	background-color:	#0063DC;
	color:			#FFF;
}
.c-call .c-hd a.title:hover {
	background-color:	#0063DC;
	color:			#FFF;
}

.c-call .c-bd {
	margin-left:		3px;
	width:			183px;
}
.c-call .c-bd .whd {
	width:			auto;
	height:			19px;
	overflow:		hidden;
	margin-top:		4px;
/*	*padding-left:		2px;*/
/*	*width:			179px;*/
}
.c-call .c-bd .whd span {
	float:			left;
	width:			14.286%; /* 1/7 */
	text-align:		center;
	font-size:		11px;
	line-height:		19px;
	color:			#666;
}

.c-call .c-bd .dbd {
	width:			183px;
	height:			auto;
	background-color:transparent;
	margin-top:		4px;
	margin-bottom:		3px;
/*	*padding-left:		2px;*/
/*	*width:			179px;*/
}
.c-call .c-bd .dbd a,
.c-call .c-bd .dbd a:link,
.c-call .c-bd .dbd a:visited {
	color:			#0063DC;
	float:			left;
/*	width:			25.857px;*/
	width:			14.286%;
	text-align:		center;
	line-height:		22px;
	text-decoration:	none;
}

/*--Status date--*/
.c-call .c-bd .dbd a.null,
.c-call .c-bd .dbd a.null:link,
.c-call .c-bd .dbd a.null:visited {
	background-color:transparent;
	color:			white;
	cursor:			default;
}
.c-call .c-bd .dbd a.today,
.c-call .c-bd .dbd a.today:link,
.c-call .c-bd .dbd a.today:visited {
	color:			#FF0084;
	font-weight:		bold;
}
.c-call .c-bd .dbd a.disabled,
.c-call .c-bd .dbd a.disabled:link,
.c-call .c-bd .dbd a.disabled:visited {
	color:			#BBB;
	cursor:			default;
	background-color:	white;
}
.c-call .c-bd .dbd a.range,
.c-call .c-bd .dbd a.range:link,
.c-call .c-bd .dbd a.range:visited {
	background-color:	#FFF2F9;
}
.c-call .c-bd .dbd a.today:hover,
.c-call .c-bd .dbd a:hover {
	color:			#FFF;
	background-color:	#0063DC;
}
.c-call .c-bd .dbd a.selected,
.c-call .c-bd .dbd a.selected:link,
.c-call .c-bd .dbd a.selected:visited,
.c-call .c-bd .dbd a.selected:hover {
	background-color:	#FFF2F9;
	color:			#000;
	cursor:			default;
}

.c-call .c-ft {
	text-align:		center;
	width:			181px;
}

/*--Time Controls--*/
.c-call .c-ft .c-time {
	background-color:	#e5e5e5;
	display:		inline-block;
/*	*display:		inline;*/
/*	*zoom:			1;*/
	padding:		3px 5px;
/*	*padding:		2px 5px;*/
/*	_padding:		3px 5px;*/
	width:			95px;
	position:		relative;
	padding-right:		18px;
/*	*top:			-2px;*/
/*	_top:			-1px;*/
}
.c-time .cta {
	width:			13px;
	height:			20px;
	position:		absolute;
	right:			0;
	top:			0;
	line-height:		0;
}

.c-time button {
	width:			13px;
	height:			10px;
	border:			0;
	overflow:		hidden;
}
.c-time button.u {
	background-position:	0 0;
}
.c-time button.d {
	background-position:	-16px 0;
}
.c-time span {
	cursor:			pointer;
}
.c-time span.on {
	padding:		0 1px;
	color:			white
}

/*--Time list--*/
.c-timelist {
	position:		absolute;
	height:			auto;
	width:			auto;
	border:			1px solid #9bc0e0;
	z-index:		100;
}
.c-timelist ul {
	width:			50px;
	border-left:		1px solid #9bc0e0;
	float:			left;
	list-style:		none;
	padding:		0px;
	margin:			5px 0px;
}
.c-timelist ul.first {
	border:			0px !important;
}
.c-timelist ul li {
	text-align:		center;
	float:			left;
	width:			100%;
}

.c-timelist ul li a,
.c-timelist ul li a:link,
.c-timelist ul li a:visited {
	line-height:		18px;
	text-decoration:	none;
	color:			black;
}
.c-timelist ul li a:hover {
	color:			#004499;
}

/*--Select Month container--*/
.settime {
	left:			0px;
	top:			25px;
	right:			0px;
	width:			187px;
	text-align:		center;
	vertical-align:		middle;
	height:			auto;
	padding-top:		10px;
	padding-bottom:		10px;
	background-color:	#FFF;
}
.settime p {
	height:			30px;
	margin:			0;
	padding:		0;
}
.settime label {
	display:		block;
	float:			left;
	width:			76px;
	padding-right:		6px;
	line-height:		22px;
	text-align:		right;
}
.settime .text,
.settime .select {
	float:			left;
	width:			60px;
}
.settime .SmallButt {
	margin-right:		6px;
	margin-top:		4px;
}

/*--Choose the time of the container--*/
.selectime {
	position:		absolute;
	left:			0px;
	bottom:			28px;
	right:			0px;
	width:			180px;
	border:			1px solid #9bc0e0;
	text-align:		center;
	vertical-align:		middle;
	height:			auto;
	padding-top:		10px;
	padding-bottom:		10px;
}
.selectime a,
.selectime a:link,
.selectime a:visited {
	margin-left:		10px;
	display:		inline-block;
	float:			left;
	text-decoration:	none;
	color:			#004499;
}
.selectime a:hover {
	text-decoration:	underline;
}
.selectime a.x {
	position:		absolute;
	right:			3px;
	bottom:			2px;
	font-weight:		bold;
}
.selectime select,
.selectime input {
	width:			80px;
}

/* Clearfix Hack! */
.clearfix:after {
	content:		'\0020';
	display:		block;
	height:			0;
	clear:			both;
}
.clearfix {
	*zoom:			1;
}
.hidden {
	position:		absolute;
	display:		none;
}
/* ****************************************************
*  "SHARE THIS V3": Upload once, share everywhere.    *
*  ************************************************** */

/* non-photo.gne views: tweak legacy table columnar layout to accommodate wider share this buttons etc. */

#SubNav .Buddy {
	width: 58px;
	padding-right: 0;
}

#SubNav .Section {
	/* traditionally, this has been 100%, but that leaves no room for the right-hand column - and not all browers handle that well. */
	width: 715px;
}

#SubNav .Extras {
	/* right-hand side area: extended width */
	*width: 250px; /* IE 7 again */
	*text-align: right; /* IE 7 in particular, photostream case etc. */
}

#SubNav .share-this-wrapper .share-options-list {
	/* IE 7 hax */
	*float: none;
	*display: inline;
}

/* --- slideshow button --- */

#SlideShowButton {
	/* override old Slideshow layout */
	position: relative;
	*display: inline-block;
	background: none;
	border: none;
	padding: 5px 24px 5px 0;
	line-height: 13px;
	color: #444;
	white-space: nowrap;
	text-decoration: none;
	z-index: 252;
	margin-right: 0;
	border: none;
}

#SlideShowButton span {
	display: block;
	position: absolute;
	right: 0;
	top: 3px;
	width: 18px;
	height: 17px;
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -211px -91px;
}

.Butt:hover #SlideShowButton,
#SlideShowButton:hover {
	color: #111;
}

.Butt:hover #SlideShowButton span,
#SlideShowButton:hover span {
	background-position: -251px -91px;
}

/* --- general --- */

div.share-this-wrapper {
	/* right-align the Share This buttons */
	width: auto;
	text-align: right;
	/* so slideshow + share buttons sit next to each other */
	white-space: nowrap;
}

.share-this-wrapper #SlideShowButton {
	border: none;
}

/* --- photo.gne tweaks --- */

ul#button-bar,
ul#nav-bar {
	/* change the widths of the top two button bars, accommodate different spacing between left and right areas */
	width: auto;
}

.share-options-list {
	display: inline-block;
}

#nav-bar .Butt,
#nav-bar .DisabledButt,
#button-bar-options {
	/* misc: fixes for clipped borders on prev/next, photo.gne */
	_height: 15px;
}

/* --- share button menu --- */

.share-options-list {
	/*
	 * redefine .button-list.share-options-list
	 * .share-options-list used because of old IE multi-classname bug, etc.
	*/
	margin: 0;
	padding: 0;
	text-align: left; /* body {} has center on sets page?? */
	/* IE 7 really won't show 2+ of these inline without float */
	*float: left;
	*display: inline;
	*vertical-align: top; /* IE 7 seems to need this, for alignment purposes, on the photostream. */
}

.share-options-list li {
	/* -moz-inline-box for firefox 2.x, *display:inline for IE 6/7 is rendered as inline-block. */
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	list-style: none;
}

.share-options-list li.divider {
	width: 2px;
	margin: 0;
}

.share-options-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;
}

.share-options-list li.divider span span {
	height: 5px;
	padding: 3px 0;
	border: none;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #fff;
}

.share-options-list li .Butt,
.share-options-list li .DisabledButt {
	width: auto;
	height: 5px;
	overflow: hidden;
	padding: 4px 7px;
	margin: 0px;
	background: #f7f7f7;
	color: #444;
	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%);
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-color: #F0F0F0 #E2E2E2 #E4E4E4 #F0F0F0;
	border-style: solid;
	border-width: 1px 0;
	color: #444444;
	font-weight: normal;
}

.share-options-list li a:focus,
.share-options-list li a:active {
	outline: none;
}

.share-options-list li .Butt a.share-icon,
.share-options-list li .DisabledButt a.share-icon {
	min-width: 15px;
	height: 16px;
	border-left: none;
	border-right: none;
	padding: 0px;
	margin: 0px;
	border: none;
}

/* --- General IE 7 fixes --- */

#button-bar-options {
	*padding: 4px 7px !important; /* IE 6 + 7 */
	*line-height: 15px; /* vertical-align text relative to favourite button (shown at left for non-owner view) */
}

#button-bar-options .caret {
	/* because of different line-height, adjust drop-down caret to match */
	*margin-top: 1px;
}

.share-options-list li.share-this-v3 .Butt a.share-via-email {
	/* IE hack: indent email icon slightly */
	*margin-left: 4px !important;
}

.share-options-list li {
	/* IE 6/7 really need floats for this layout to work */
	*float: left;
	*display: inline;
	*zoom: 1;
	*vertical-align: middle;
}

.share-options-list li.divider {
	/* IE 7 divider fixes */
	*background: transparent;
	*width: 2px;
	*border: none;
	*margin-top: 1px;
	*height: 26px;
	*border-right: 1px solid #f0f0f0;
	_border-right: none;
}

/* --- IE 7, non-photo.gne views --- */

.share-this-wrapper .share-options-list li.divider,
.share-this-wrapper .share-options-list li.divider span {
	*height: 18px;
}

.share-this-wrapper .share-options-list li.divider {
	/* IE 7, photostream case */
	*margin-top: 0px;
	*background: transparent;
	*width: 1px;
	*overflow: hidden;
}

.share-options-list li.share-service-last .Butt .share-icon, 
.share-options-list li.share-service-last .DisabledButt .share-icon {
	/* a little extra spacing, so the divider is properly centered out */
	*margin-right: 3px;
}

.share-this-wrapper .share-options-list li.divider span {
	/* IE 7 hax */
	*display: block;
}

.share-this-wrapper .share-options-list li.divider>span {
	*margin-top: -8px; /* argh */
}

.share-this-wrapper .share-options-list li.divider span span {
	*width: 1px;
}

.share-this-wrapper .share-options-list li.first .Butt {
	*border-left: none; /* IE 7 */
}

/* --- general IE 7 fixes --- */

.share-options-list li.share-this-v3 {
	/* icon buttons */
	*top: 1px; /* vertical alignment tweak */
	*padding: 3px 1px;
	*border: 1px solid #f0f0f0;
	*border-left: none;
	*border-right: none;
}

.share-options-list li.share-this-v3,
.share-options-list li.share-this-v3 .Butt {
	/* IE 6/7 display fixes */
	*background-color: #f7f7f7;
}

.share-options-list li a {
	/* stupid IE 7 tweaks, non-photo.gne view */
	*display: block;
	*text-overflow: auto;
}

.share-options-list li.share-this-v3:hover,
.share-options-list li.share-this-v3:hover span {
	*background-color: #f0f0f0;
}

.share-options-list li.share-this-v3.first {
	*border-left: 1px solid #f0f0f0;
}

.share-options-list li.last {
	*border-right: 1px solid #f0f0f0;
	*width: auto;
}

.share-options-list li.share-this-v3 .share-dropdown-arrow {
	*position: relative;
	*float: left;
	*display: inline;
	*min-width: 12px;
	*height: 18px;
	_width: 12px;
	_height: auto; /* IE 6 */
	*padding: 0px;
	*border: none;
	*border-right: none !important; /* argh */
	padding-left: 5px;
	padding-right: 4px;
}

/* --- IE 7, .share-this-wrapper li {} non-photo.gne (table-based layout) fixes --- */

.share-this-wrapper li.share-this-v3.first {
	/* a little more side padding */
	*padding: 3px 2px;
}

.share-this-wrapper li.share-this-slideshow {
	/* IE 7 again */
	*border: 1px solid #f0f0f0;
}

.share-this-wrapper li.share-this-slideshow .Butt {
	*border: none !important; /* arg, hack */
}

.share-this-wrapper li.share-this-slideshow #SlideShowButton {
	*height: 13px; /* border on outside.. */
}

.share-this-wrapper li .Butt a.share-icon,
.share-this-wrapper li .DisabledButt a.share-icon {
	*padding: 1px 1px 1px 0px;
}

.share-this-wrapper li .Butt a.share-icon:active,
.share-this-wrapper li .Butt a.share-icon:focus {
	*background-color: transparent;
}

.share-this-wrapper .share-options-list li.share-this-v3 .Butt a.share-via-email {
	/* IE hack: indent email icon slightly */
	*margin-left: 3px !important;
}

.group-content-wrapper #SubNav .Section {
	/* IE 7 groups hack, fix TD.Section so it doesn't fuck over the Share This "Extras" TD, forcing it to be super-narrow */
	*width: auto;
}

/* --- general share buttons layout --- */

.share-options-list li.first .Butt,
.share-options-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;
}

.share-options-list li.last .Butt,
.share-options-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;
}

.share-options-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);
	background: linear-gradient(to bottom, #fbfbfb 0%, #ebebeb 100%);
	border-color: #f0f0f0 #e2e2e2 #e0e0e0 #eaeaea;
	color: #111;
}

.share-options-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);
	background: linear-gradient(to bottom, #edf2f8 0%, #dde5ee 100%);
	border-color: #d2e3f8 #c2dbf8 #bcd8f9 #c2dbf8;
	color: #000;
}

.share-options-list li .Butt:active,
.share-options-list li .ActiveButt,
.share-options-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);
	background: linear-gradient(to bottom, #ebebeb 0%, #fbfbfb 100%);
	border-color: #e2e2e2 #e8e8e8 #e4e4e4 #ddd;
	color: #000;
}

.share-options-list li .DisabledButt {
	color: #bbb;
}

/* service icon button spacing */

.share-options-list li.share-this-v3 .Butt,
.share-options-list li.share-this-v3 .DisabledButt {
	padding-left: 2px;
	padding-right: 2px;
}

.share-options-list li.share-this-v3.last .Butt:first-child,
.share-options-list li.share-this-v3.last .DisabledButt:first-child {
	padding-left: 3px;
	padding-right: 3px;
}

.share-options-list li.share-this-v3.last .Butt:last-child,
.share-options-list li.share-this-v3.last .DisabledButt:last-child {
	padding-left: 4px;
	padding-right: 4px;
}

.share-options-list .share-via-email .Butt,
.share-options-list .share-via-email .DisabledButt {
	padding-left: 8px;
}

.share-options-list li.share-service-first .Butt,
.share-options-list li.share-service-first .DisabledButt {
	padding-left: 8px;
}

/* non-photo GNE */

.share-options-list li.share-this-v3.last .Butt:first-child,
.share-options-list li.share-this-v3.last .DisabledButt:first-child {
	padding-left: 6px;
}
.share-options-list li.share-this-v3.last .Butt:last-child,
.share-options-list li.share-this-v3.last .DisabledButt:last-child {
	padding-right: 4px;
}

.share-options-list li.share-service-last .Butt,
.share-options-list li.share-service-last .DisabledButt {
	padding-right: 7px;
}

/* --- The individual service icons (facebook, twitter etc.) --- */

.share-icon, 
.share-icon-medium,
.share-icon-large {
	background: transparent url(https://s.yimg.com/pw/images/share-this-icons-sprite.png.v6) no-repeat 0 0;
}

.share-icon {
	position: relative;
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -9999em;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=67)";
	filter: alpha(opacity=67);
	opacity: 0.67;
	top: 1px;
}

.Butt:hover .share-icon,
.share-icon:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	background-color: transparent;
}

#button-bar a.share-icon {
	*top: 0px; /* except IE. */
	/* more IE hacks */
	*padding: 0px;
	*margin: 0px;
	*display: block;
}

.share-icon-medium {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-indent: -9999em;
}

.share-icon-large {
	position: relative;
	display: inline-block;
	*display: block;
	width: 45px;
	height: 45px;
	text-indent: -9999em;
	vertical-align: bottom;
}

.share-dialog-action:hover .share-icon {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.share-disabled .share-dialog-action:hover .share-icon,
.share-disabled .share-icon,
.share-disabled .share-icon:hover,
.share-disabled .share-icon-medium,
.share-disabled .share-icon-medium:hover,
.share-disabled .share-icon-large,
.share-disabled .share-icon-large:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* IE 8 */
	filter:alpha(opacity=30); /* IE 6 + 7 */
	opacity: 0.3;
	cursor: default;
}

ul.share-services li a {
	color: #666;
	text-decoration: none;
}

ul.share-services li a:hover,
ul.share-services-small li a:hover {
	background-color: transparent;
	color: #000;
}

ul.share-services li.share-disabled a,
ul.share-services-small li.share-disabled a,
ul.share-services li.share-disabled a:hover,
ul.share-services-small li.share-disabled a:hover { /* disabled buttons stay gray */
	color: #666;
	cursor: default;
}

ul.share-services li a .service-name {
	display: block;
	padding-top: 4px;
	margin-bottom: 10px;
}

/* 
	Icons for individual services
	1 => 'AtomAPI',
	2 => 'Blogger',
	3 => 'beta.blogger.com',
	4 => 'BloggerAPI',
	5 => 'LiveJournal',
	6 => 'Manila',
	7 => 'MetaWeblogAPI', (Wordpress)
	8 => 'MovableType',
	9 => 'Twitter',
	10 => 'Typepad',
	11 => 'Vox', (Vox is DEAD)
	128 => 'Facebook',
	129 => 'Yahoo Pulse'
*/

/* Blogger (beta.blogger.com) */
.share-via-service-3		{ background-position: -321px -162px; width: 16px; height: 16px; }
.share-via-service-3-medium	{ background-position: -317px -99px; }
.share-via-service-3-large	{ background-position: -307px -19px; }

/* Live Journal */
.share-via-service-5		{ background-position: -490px -162px; width: 16px; height: 16px; }
.share-via-service-5-medium	{ background-position: -486px -99px; }
.share-via-service-5-large	{ background-position: -476px -19px; }

/* Wordpress (MetaWeblogAPI) */
.share-via-service-7		{ background-position: -405px -162px; width: 16px; height: 16px; }
.share-via-service-7-medium	{ background-position: -401px -99px; }
.share-via-service-7-large	{ background-position: -391px -19px; }

/* Twitter */
.share-via-service-9		{ background-position: -152px -162px; width: 16px; height: 16px; }
.share-via-service-9-medium	{ background-position: -148px -99px; }
.share-via-service-9-large	{ background-position: -138px -19px; }

/* Facebook */
.share-via-service-128		{ background-position: -237px -162px; width: 16px; height: 16px; }
.share-via-service-128-medium	{ background-position: -233px -99px; }
.share-via-service-128-large	{ background-position: -223px -19px; }

/* Yahoo Pulse */
.share-via-service-129		{ background-position: -68px -162px; width: 16px; height: 16px; }
.share-via-service-129-medium	{ background-position: -64px -99px; }
.share-via-service-129-large	{ background-position: -54px -19px; }

/* Email */
.share-via-service-130          { background-position: -658px -162px; width: 21px; }
.share-via-service-130-medium   { background-position: -656px -99px; width: 26px; }
.share-via-service-130-large    { background-position: -647px -19px; }

/* Pinterest */
.share-via-service-132          { background-position: -744px -162px; width: 16px; height: 16px; }
.share-via-service-132-medium   { background-position: -740px -99px; }
.share-via-service-132-large    { background-position: -732px -19px; }

/* Tumblr */
.share-via-service-12		{ background-position: -574px -162px; width: 16px; height: 16px; }
.share-via-service-12-medium	{ background-position: -570px -99px; }
.share-via-service-12-large	{ background-position: -560px -19px; }

.share-dropdown-arrow {
	/* old email + dropdown background icon */
	background-position: -76px 0;
}

.share-options-list li.share-this-v3 .share-dropdown-arrow .caret {
	display: inline-block;
	*display: block; /* IE 6, 7 */
	*position: relative;
	*margin-top: 2px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1015px -13px;
	width: 12px;
	height: 13px; /* vertical align on photostream */
}

.share-options-list li.share-this-v3 .share-disabled .caret {
	/* ghetto way to make the black caret gray */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.share-options-list li.share-this-v3 .share-dropdown-arrow .caret {
	*display: inline-block;
	*margin-top: 1px;
	*left: 2px;
	*padding-right: 2px;
	margin-left: 4px;
}



.share-dropdown-more {
	color: #666;
}

/* ***************************************
*  "SHARE THIS V3" drop-down menu        *
*  ************************************* */

#share-menu-v3 .share-panel-list,
#options-menu {
	/* border tweak for action + share this v3 drop-down menu, older browsers */
	border: 1px solid #fff;
	border-color: #eee; /* by default, give a slight border to older browsers */
	border: 0px rgba(0,0,0,0); /* all good browsers, eg., non-IE8, which can apply box-shadow etc */
}

#main .share-this-v3-hider-fix {
	/* massive hack: IE 7 display fix, share / action menu drop-downs */
	/* fix for .yui3-popover-content-hider that wraps share/action menus */
	/* otherwise, content is empty/white until :hover and other strangeness */
	left: -999em; /* opera 11.01 fix, it can't handle huge -ve offsets */
	*position: relative;
	*display: block;
}

/* from photo CSS */

#share-menu-v3 .share-this-more span.caret {
	display: inline-block;
	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;
}

#share-menu-v3 .share-this-more:hover span.caret {
	background-position: -1015px -53px;
}

#share-menu-v3 .share-this-more.DisabledButt span.caret,
#share-menu-v3 .share-this-more:hover.DisabledButt span.caret {
	background-position: -1015px -93px;
}

/* /from photo CSS */

#share-menu-v3 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: 1px 2px 0px 6px;
}

#share-menu-v3 .share-options-open span.caret {
	background-position: -1015px -52px;
}

#share-menu-v3 .share-panel-list {
	position: relative;
	margin: 0;
	padding: 1px;
}

#share-menu-v3 li.share-options {
	display: block;
	border-bottom: 1px solid #E3E3E3;
	margin: 0;
	padding: 1px 0;	
	height: 29px;
	overflow: hidden;
	position: relative;
}

#share-menu-v3 li.share-options-open {
	height: auto;
}
/* for refresh, get rid of borders */
.square-menu-css #share-menu-v3 li.share-options:first-child .share-options-header,
.square-menu-css #share-menu-v3 li.share-options:last-child .share-options-header { 
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* give the top item curved corners to match the container */
#share-menu-v3 li.share-options:first-child .share-options-header {
	-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 */
#share-menu-v3 li.share-options:last-child .share-options-header {
	-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;
	border-bottom-width: 0;
}
#share-menu-v3 li.share-options:first-child {
	padding-top: 0;
}
#share-menu-v3 li.share-options:last-child {
	border-bottom-width: 0;
}

#share-menu-v3 .share-options-header {
	color: #0063DC;
	cursor: pointer;
	padding: 4px 7px;
}

#share-menu-v3 .share-options-header:hover {
	background: #0063DC;
	color: #fff;
}

#share-menu-v3 .share-options-header:hover .caret {
	background-position: -1614px -53px;
}

#share-menu-v3 .share-options-open .share-options-header:hover .caret {
	background-position: -1015px -52px;
}

#share-menu-v3 li.share-options-open .share-options-header, 
#share-menu-v3 li.share-options-open:hover .share-options-header {
	background: #fff;
	/*
	  disabling because white, the upwards pointing arrow is layered over the menu
	  background-color: transparent;
	*/
	color: #000;
	cursor: default;
	font-weight: bold;
}

#share-menu-v3 li#share-options-quick .share-options-header {
	/*
	  give the top item some more padding
	  to move the text a little further away from the top
	  and then give it curved corners to match the container
	*/
	padding-top: 6px;
}

#share-menu-v3 li#share-options-quick .share-options-header {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
	border-radius-topleft: 4px;
	border-radius-topright: 4px;
}

#share-menu-v3 .share-options-inner {
	margin: 5px 0 10px;
	padding: 0 16px;
	display: none;
}

#share-menu-v3 li.share-options-open .share-options-inner {
	display: block;
}

/* --- share this photo/video --- */

#share-menu-v3 p#share-options-quick-addmessage {
	margin-top: 10px;
}

#share-menu-v3 #share-options-quick-message-container {
	display: none;
	margin-top: 10px;
}

#share-menu-v3 textarea#share-options-quick-message-textarea {
	border: 1px solid #d7d7d7;
	height: 70px;
	padding: 4px;
	width: 272px;
}

#share-menu-v3 p#share-options-quick-formbuttons {
	margin-top: 10px;
}

/* --- grab the link --- */

#share-menu-v3 #share-options-grablink .share-options-placeholder {
	height: 144px;
}

#share-menu-v3 input#share-options-grablink-input {
	border: 1px solid #d7d7d7;
	display: block;
	padding: 4px;
	width: 97%;
	*height: 24px;
	margin-bottom: 0;
}

/* short URL checkbox */
#share-menu-v3 #grab-link #short-url {
	margin: 2px 0 0;
	padding: 0;
	text-align: right;
	font-size: 11px;
}

/* the pixel values in here are kind of finicky */
#share-menu-v3 #grab-link .guestpass {
	margin: 10px 0 0;
	padding: 10px 10px 5px;
	background: #f6f6f6;
}

#share-menu-v3 #grab-link .guestpass p {
	margin-bottom: 7px;
	line-height: 1.2em;
}

#share-menu-v3 #grab-link .guestpass ul {
	margin-bottom: 5px;
	line-height: 1.2em;
}

#share-menu-v3 #grab-link .guestpass ul li {
	margin-bottom: 2px;
}

#share-menu-v3 #grab-link .guestpass ul li input {
	margin: 3px;
}

#share-menu-v3 #grab-link .guestpass .Butt,
#share-menu-v3 #grab-link .guestpass .DisabledButt {
	margin-top: 3px;
}

/* --- grab the html --- */

#share-menu-v3 textarea.embed-markup {
	border: 1px solid #d7d7d7;
	height: 72px;
	padding: 4px;
	width: 350px;
}

#share-menu-v3 #sharing-get-html-form {
	margin-top: 0.5em;
}

#share-menu-v3 #code-types {
	margin: 0.5em 0 0 0;
}

#share-menu-v3 .share-menu-v3-license-info {
	padding: 10px 5px 5px;
	text-align: center;
	color: #888;
}

#share-menu-v3 .share-menu-v3-license-info img {
	margin-right: 0;
}

#share-menu-v3 .share-menu-v3-license-info em {
	font-style: italic;
}

#share-menu-v3 .share-menu-v3-license-info a {
	color: #999;
	*color: #0063cd;
}

#share-menu-v3 .share-menu-v3-license-info a:hover {
	color: #fff;
	background: #0063cd;
}

/* --- blog it --- */

#share-menu-v3 li#share-options-blog ul {
	margin: 5px 0 0 0;
}

#share-menu-v3 li#share-options-blog li {
	background: transparent url(https://s.yimg.com/pw/images/sidebar-list-dot.png) no-repeat scroll 5px 7px;
	padding-left: 20px;
}

#share-menu-v3 li#share-options-blog li span {
	color: #0063DC;
	cursor: pointer;
}

#share-menu-v3 li#share-options-blog li span:hover {
	/* Implements the .chunk style */
	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);
	background-image: linear-gradient(to bottom, #468EE6 0%, #0063DC 100%);
}

#share-menu-v3 .share_inner_list .sharing-privacy-msg {
	font-size: 11px;
	color: #969593;
	line-height: normal;
	margin: 5px 0;
}

#share-menu-v3 #share-options-quick-message-counter {
	float: right;
	display: inline;
	visibility: hidden;
	margin-left: 1em;
}

#share-menu-v3 #share-options-quick-message-counter.oversize {
	font-weight: bold;
	color: red;
	visibility: visible;
}

#share-menu-v3 #post-gp-gen {
	margin-top: 15px;
}

#share-menu-v3 #SharingGeneratingGpMsg {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

#share-menu-v3 #SharingGeneratingGpText {
	text-align: center;
}

#share-menu-v3 #SharingQuickStatMsg {
	position:absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 0 0 3px;
	background-color: #fff;
}

#share-menu-v3 #share-options-grablink-input,
#share-menu-v3 #sharing_grab_link_gp_input {
	width: 275px;
	margin: 4px 0 6px;
	border: 1px solid #d7d7d7;
	padding: 4px;
	*height: 24px;
}

#share-menu-v3-blogs-error {
	display: none;
}

/* share box, "sending, OK, failed" states */

#share-content .content-block {
	/* hide all by default */
	display: none;
}

#share-content.default .default-content,
#share-content.progress .progress-content,
#share-content.ok .ok-content,
#share-content.problem .problem-content {
	 display: block;
}

/* --- Photo Party stuff that needs to be in place before the module's CSS is loaded. --- */

/* Hidden/shown sections */

#share-menu-v3 li#share-options-party #party-yes-js,
body.js #share-menu-v3 li#share-options-party #party-no-js { 
	display: none; 
}
body.js #share-menu-v3 li#share-options-party #party-yes-js { 
	display: block; 
}

#share-menu-v3 li#share-options-party #party-bad-browser,
#share-menu-v3 li#share-options-party #party-unsupported-browser,
#share-menu-v3 li#share-options-party #party-unsupported-browser-safari,
#share-menu-v3 li#share-options-party #party-unsupported-browser-chrome,
#share-menu-v3 li#share-options-party #party-unsupported-browser-firefox,
#share-menu-v3 li#share-options-party #party-unsupported-browser-ie,
#share-menu-v3 li#share-options-party #party-over-capacity,
#share-menu-v3 li#share-options-party #party-api-failure,
#share-menu-v3 li#share-options-party #party-logging-in { 
	display: none; 
}
	
/* Fetching */

#share-menu-v3 li#share-options-party #party-fetching-url { 
	min-height: 252px; 
	padding: 0 0 0 22px; 
	background: url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 0 5px; 
}
#share-menu-v3 li#share-options-party #party-have-url { 
	display: none; 
	position: relative; 
}

/* ***************************************
*  "SHARE THIS V3" drop-down menu        *
*  ************************************* */

#share-menu-v3 {
	width: 400px;
}

#share-menu-v3 li.share-options .share-options-header {
	background: #f6f6f6;
	color: #0063dc;
	font-weight: bold;
	padding: 0.5em 0;
	width: 100%;
	overflow: hidden;
}

#share-menu-v3 li.share-options .share-options-header:hover {
	background-color: #0063dc;
	color: #fff;
}

#share-menu-v3 li.share-options-open .share-options-header,
#share-menu-v3 li.share-options-open .share-options-header:hover {
	background: transparent;
	color: #000;
}

#share-menu-v3 li.share-options .share-options-header:hover .preview-badge {
	background-color: #398dff;
	color: #fff;
}
#share-menu-v3 li.share-options-open .share-options-header:hover .preview-badge {
	background: #e8cafd;
	color: #000;
}

#share-menu-v3 li.share-options .divider {
	color: #999;
}

#share-menu-v3 .share-options-placeholder {
	background: url(https://s.yimg.com/pw/images/progress/balls-24x12-white.gif) no-repeat 48px 18px;
	height: 96px;
}

ul.share-services,
ul.share-services-small {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.share-services-small {
	padding-top: 0.75em;
}

#share-menu-v3 .share-hidden {
	display: none;
}

ul.share-services li,
ul.share-services-small li {
	position: relative;
	display: inline-block;
	*float: left;
	*display: inline;
	text-align: center;
	vertical-align: top;
	margin: 0;
	width: 88px;
}

ul.share-services li {
	/* a little more space for IE, under each icon */
	*margin-bottom: 10px;
}

ul.share-services li.new-row,
ul.share-services-small li.new-row {
	*clear: left; /* force clear for IE, so new row is aligned properly at left */
}

ul.share-services-small li {
	float: left;
	display: inline;
	width: 120px;
	height: 1.8em;
	text-align: left;
	margin-top: 0.5em;
}

ul.share-services-small li a {
	text-decoration: none;
	color: #666;
}

ul.share-services-small li a img {
	vertical-align: top;
}

ul.share-services-small li a:hover {
	background-color: transparent;
	color: #000;
}

ul.share-services li img {
	display: block;
	margin: 0 auto;
}

ul.share-services li .service-username {
	display: block;
	color: #999;
	font-size: 11px;
	line-height: 13px;
}

#share-menu-v3 .share-options-header .service-username {
	color: #666;
	font-weight: normal;
	font-size: 11px;
}

#share-menu-v3 .share-options-inner .service-username {
	white-space: nowrap;
}

ul.share-services-small {
	border-top: 1px dotted #ccc;
	*border-top: none; /* screwy in IE 7. */
	margin-top:1em;
}

ul.share-services-small li span.share-icon {
	vertical-align: top;
	margin-right: 2px;
	*margin-right: 4px;
}

#share-menu-v3 .more-options {
	*clear: both;
	text-align: right;
	font-size: 11px;
}
#main{background-color:#fefefe;-webkit-transition:background-color .5s ease-in-out 0s;-moz-transition:background-color .5s ease-in-out 0s;-o-transition:background-color .5s ease-in-out 0s;transition:background-color .5s ease-in-out 0s}.all-black #main{background-color:black}.ad-holder{margin-top:10px;background:#333;height:98px;padding-top:8px;position:absolute;top:0;left:-20000px}.ad-holder.normal{position:relative;background-color:transparent}.ad-holder.normal .ad-gopro a{color:#000}.ad-holder.dark{background:#000}.ad-holder .ad-gopro{width:100%;text-align:center;font-size:11px}.ad-holder .ad-gopro a{color:#fefefe;padding:2px}.ad-holder .ad-gopro a:hover{background:#0063dc;color:#fff}.ad-holder .ad-n{width:728px;margin:0 auto;background:#f7f7f7;text-align:center;line-height:0}.ad-holder .ad-n iframe{width:728px;height:90px}.ad-holder .ad-slb{width:970px;margin:0 auto;text-align:center;line-height:0}.ad-holder .ad-slb iframe{width:970px;height:90px}.ew{display:none}.searchified-header{position:relative}.staff-only{position:absolute;padding:5px 7px;background:url(https://s.yimg.com/pw/images/badge_preview_bg.gif);border:2px solid #EEE;width:250px;top:0;right:0}.admin-mode .photo-display-item .ew{display:none}.admin-mode .photo-display-item:last-child .remove-from-group{margin-right:5px}.admin-mode .photo-display-item:hover .ew{position:absolute;display:block;z-index:2000;top:0;left:0;width:100%}.admin-mode .photo-display-item:hover .ew .dp{background:black;display:inline-block;color:#fff;width:20px;height:20px;background:black;font-size:22px;line-height:1em;float:left}.admin-mode .photo-display-item:hover .ew .remove-from-group{position:relative;display:inline-block;top:0;float:right;right:auto}.paginator .prev i,.paginator .next i{position:relative;top:-1px}.paginator .prev i{margin-right:5px}.paginator .next i{margin-left:5px}/* 

 +-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

*/
/* 

 +-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

*/
.searchified-header {
  color: #333;
  margin: 10px;
  padding-top: 0;
  position: relative;
}
body.super-liquid .searchified-header {
  width: auto;
  margin: 20px 10px 26px;
}
.searchified-header img {
  position: absolute;
  top: 0;
  left: 0;
}
.searchified-header.buddy-icon h1, .searchified-header.buddy-icon .searchified-subnav {
  padding-left: 56px;
}
.searchified-header h1 {
  margin: 0;
  padding-top: 3px;
  padding-right: 0;
  padding-bottom: 4px;
}
.searchified-header .searchified-subnav {
  display: block;
  height: 15px;
  margin: 5px 0 0;
}
.searchified-header .searchified-subnav-item {
  font-weight: bold;
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px dotted #dadada;
}
.searchified-header .searchified-subnav-item a {
  font-weight: normal;
}
.searchified-header .searchified-subnav-item:last-child {
  border: 0;
}

#thumb-wrapper {
  text-align: center;
}

.ad-holder.justified {
  z-index: 1;
  position: absolute;
}

.js #photo-list-holder {
  background-image: url(https://s.yimg.com/pw/images/iphone/balls-24x12-trans.gif);
  background-position: 50% 200px;
  background-repeat: no-repeat;
  margin: auto;
}
.js #photo-list-holder #thumbnails {
  visibility: hidden;
}
.js #photo-list-holder.loaded, .js #photo-list-holder.pre-loaded {
  background: transparent;
}
.js #photo-list-holder.loaded #thumbnails, .js #photo-list-holder.pre-loaded #thumbnails {
  visibility: visible;
}
.js #photo-list-holder.loaded .infinite-spinner {
  display: none;
}

#thumbnails {
  margin: 0 auto;
  text-align: left;
}
#thumbnails .count {
  display: none;
}
#thumbnails.md .hover-target .meta .lightbox-inline, #thumbnails.md .hover-target:hover .meta .lightbox-inline, #thumbnails.lg .hover-target .meta .lightbox-inline, #thumbnails.lg .hover-target:hover .meta .lightbox-inline, #thumbnails.sm .hover-target .meta .lightbox-inline, #thumbnails.sm .hover-target:hover .meta .lightbox-inline, #thumbnails.sq .hover-target .meta .lightbox-inline, #thumbnails.sq .hover-target:hover .meta .lightbox-inline {
  display: none;
}
#thumbnails.sm .title {
  display: none;
}
#thumbnails.sm .owner {
  display: inline-block;
  white-space: nowrap;
  max-width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#thumbnails.ju {
  margin: 0 auto;
  overflow: hidden;
}
#thumbnails.ju .photo-display-item {
  border-right: 8px solid #fefefe;
}
#thumbnails.ju .crazy-narrow .count {
  display: none;
}
#thumbnails.ju .count {
  display: inline-block;
}
#thumbnails.ju .row {
  margin-bottom: 4px;
}
#thumbnails.ju .has-ad {
  margin-top: 119px;
}

.all-black #thumbnails.ju .photo-display-item {
  border-right: 8px solid black;
}

.photo-display-item {
  -webkit-transition: opacity 0.3s ease-out 0s;
  -moz-transition: opacity 0.3s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s;
}
.photo-display-item .play {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(https://s.yimg.com/pw/images/spaceball.gif) no-repeat center;
}
.photo-display-item.is-video a {
  position: relative;
}
.photo-display-item.is-video .play {
  content: '';
  background: url(https://s.yimg.com/pw/images/video_play_icon_large.png) no-repeat center;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.photo-display-item.removed {
  opacity: 0.2;
}
.photo-display-item.removed .remove-from-group {
  display: none;
}
.photo-display-item.removed .meta {
  display: none !important;
}
.photo-display-item.scotched {
  opacity: 0.8;
}
.photo-display-item.scotched:after {
  content: 'X';
  font-size: 200px;
  font-family: 'Comic Sans MS';
  color: red;
  position: absolute;
  top: 70px;
  left: 20%;
}
.photo-display-item.superscotch .owner {
  text-decoration: line-through;
}
.photo-display-item.offscreen .pc_img {
  visibility: hidden;
}
.photo-display-item .title .title {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
}
.photo-display-item .attribution-block {
  position: relative;
  margin-right: 0;
  white-space: normal;
  width: inherit;
  display: inline;
}

.upscaled {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.photostream .photo-display-container.ju .photo-display-item .attribution {
  opacity: 0;
}

.photo-display-container.ju .photo-display-item {
  margin-right: 0px;
}
.photo-display-container.ju .photo-display-item.upscaled-item {
  background-color: #fefefe;
}
.photo-display-container.ju .photo-display-item .fuzzy {
  background: url(https://s.yimg.com/pw/images/fuzzy/photo-fuzzy.png);
}
.photo-display-container.ju .photo-display-item:hover .attribution-block {
  position: relative;
  margin-right: 110px;
  white-space: normal;
  display: block;
  width: auto;
}
.photo-display-container.ju .photo-display-item:hover .attribution-block.full-width {
  margin-right: 0px;
}
.photo-display-container.ju .photo-display-item:hover .attribution {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 1;
}
.photo-display-container.ju .photo-display-item:hover .too-narrow .attribution-block {
  margin-right: 0;
}

.paginator {
  width: 100%;
  text-align: center;
  display: none;
  margin: 17px 0 24px 0;
}
.paginator.fullyloaded {
  display: block;
}
.paginator .searchified-menu-button {
  display: inline-block;
  margin: 0 49px;
  font-weight: bold;
}
.paginator #options-when-bottom {
  margin: 0 49px;
  font-weight: bold;
}
.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  */
/*---------------------------------------------------------------------------------*/.fave-button span.star{position:relative;display:inline-block;*top:-3px;width:16px;height:16px;background:url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1053px -11px;text-indent:-999em}.fave-button.fave span.star{background-position:-1053px -51px}#zoom-star{display:block;position:absolute;z-index:1001;top:-43px;left:-1048px;width:auto;height:auto;cursor:pointer}#zoom-star.unfave{top:-3px}#zoom-star-container{display:block;position:absolute;*top:0;z-index:1001;width:32px;height:30px;overflow:hidden;cursor:pointer}#button-bar-fave{*position:relative;*zoom:1;*height:12px}#button-bar-fave span.ie-hack{display:none;*display:inline;font-size:1px;text-indent:0;*width:auto}/* 

 +-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

*/
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-semi-private-inline img,
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-private-inline img,
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-public-inline img {
  width: 27px;
  height: 23px;
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-private-inline img {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -285px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-private-inline img {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -474px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-public-inline img {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -199px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-public-inline img {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -345px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-semi-private-inline img {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -242px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .super-liquid .photo-display-container.ju .photo-display-item .privacy-change .privacy-semi-private-inline img {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -388px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change .html5-balls {
  display: none;
  line-height: 25px;
  margin-left: 8px;
  margin-right: 8px;
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change.working {
  display: inline-block;
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change.working a {
  display: none;
}
.super-liquid .photo-display-container.ju .photo-display-item .privacy-change.working .html5-balls {
  display: inline-block;
  margin: 7px 8px 0 7px;
  padding: 0;
}

.privacy-control {
  pointer-events: all;
}
.privacy-control .ui-dropdown ul {
  display: block;
  position: absolute;
  right: 0;
  top: -197px;
  z-index: 2;
  margin: 0;
  padding: 0;
  background-color: rgba(46, 46, 50, 0.95);
  border-radius: 4px;
  border: 1px solid #58585B;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5), 0px 0px 0px 1px rgba(0, 0, 0, 0.7);
}
.privacy-control .ui-dropdown ul li {
  padding: 0 15px;
  font-size: 15px;
  line-height: 32px;
  text-align: left;
  cursor: pointer;
  font-weight: normal;
  color: #999;
  text-shadow: none;
}
.privacy-control .ui-dropdown ul li:first-of-type {
  margin-top: 10px;
}
.privacy-control .ui-dropdown ul li:last-of-type {
  margin-bottom: 10px;
}
.privacy-control .ui-dropdown ul li.ui-dropdown-item-selected {
  color: #FFF;
  font-weight: bold;
}
.privacy-control .ui-dropdown ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.privacy-control .ui-dropdown .ui-dialog-arrow {
  z-index: 3;
  border-bottom-color: #666;
  position: absolute;
  display: block;
  top: -16px;
  right: 7px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #666;
  background: none;
  padding-right: 0;
}
.privacy-control .ui-dropdown .ui-dialog-arrow::after {
  position: absolute;
  display: block;
  top: -10px;
  right: -9px;
  content: "";
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid rgba(46, 46, 50, 0.95);
}
.privacy-control .ui-dropdown.ui-dropdown-closed, .privacy-control .ui-dropdown.ui-dropdown-disabled {
  display: none;
}
.privacy-control .ui-dropdown.ui-dropdown-closed .ui-dialog-arrow, .privacy-control .ui-dropdown.ui-dropdown-disabled .ui-dialog-arrow {
  display: none;
}
.privacy-control .ui-dropdown.ui-dropdown-open {
  display: block;
}
.privacy-control .ui-dropdown span {
  display: block;
  line-height: 1;
}
.privacy-control .ui-dropdown span i {
  display: inline-block;
}
.privacy-control .ui-dropdown span .ui-icon-tiny-privacyprivate {
  margin-top: 2px;
}
/* 

 +-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;
}
.Pages{text-align:center;margin-bottom:20px;margin-top:20px}.Paginator{font-size:12px;line-height:22px;padding-top:6px;margin-left:auto;margin-right:auto}.Paginator a,.pageList .this-page{padding:2px 6px;border:solid 1px #eee;background:#fff;text-decoration:none}.Paginator a:visited{padding:2px 6px;border:solid 1px #eee;background:#fff;text-decoration:none}.Paginator .AtStart{margin-right:20px;padding:2px 6px;border:solid 1px #eee;background:#fff;color:#bbb}.Paginator .Prev{margin-right:20px;padding:2px 6px;border:solid 1px #eee;background:#fff}.Paginator .break{padding:2px 6px;border:none;background:#fff;text-decoration:none;color:#bbb}.Paginator .Next{margin-left:20px;padding:2px 6px;border:solid 1px #eee;background:#fff}.Paginator .AtEnd{margin-left:20px;padding:2px 6px;border:solid 1px #eee;background:#fff;color:#bbb}.Paginator .this-page{padding:2px 6px;border:solid 1px #eee;font-weight:bold;vertical-align:top;background:#fff;color:#FF0084}.Paginator a:visited:hover,.Paginator a:hover,.Paginator a:active{color:#fff;background:#0063DC;border-color:#fff;text-decoration:none}.Pages div.Results{text-align:center;font:11px/15px Arial,Helvetica;color:#bbb;margin-top:8px}
/* 

 +-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

*/
/* 

 +-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

*/
body.new-header {
  padding-top: 0;
}
body.new-header #main {
  margin-top: 0;
}
body.new-header #searchified-header {
  margin-top: 0;
  margin-bottom: 0;
}
body.new-header #person_hover {
  display: none !important;
}
body.new-header #promo_photostream_welcome {
  position: absolute;
  top: 40px;
  z-index: 999;
}

html.no-scroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

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

.with-eyebrow .subnav-refresh {
  margin-top: 22px;
}

.with-eyebrow.has-subscription-banner .subnav-refresh {
  margin-top: 0;
}

.subnav-refresh,
.subnav-refresh li {
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: normal;
}

.subnav-refresh {
  background: #e2e3e5;
  text-align: center;
  position: relative;
  margin: 0 0 10px 0;
}
.subnav-refresh h1 {
  font-size: 2.5em;
  padding-top: 0;
  font-weight: normal;
  text-shadow: 0 1px 0px #000;
  color: #FFF;
}
.subnav-refresh h2 {
  font-size: 0.89em;
  font-weight: normal;
  text-shadow: 0 1px 0px #000;
  color: #FFF;
}
.subnav-refresh a {
  color: #FFF;
}
.subnav-refresh .cover-photo-holder {
  width: 100%;
  height: 235px;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.subnav-refresh .cover-photo-holder .cover-photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  background-size: 100%;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  z-index: 2;
}
@media (max-width: 975px) {
  .subnav-refresh .cover-photo-holder .cover-photo.wview {
    background-attachment: scroll;
  }
}
@media (max-width: 2048px) {
  .subnav-refresh .cover-photo-holder .cover-photo.w2048 {
    background-size: auto;
  }
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
  background-attachment: scroll;
  background-position: 50% 50%;
  position: absolute;
  top: -35px;
  height: 305px;
}
.subnav-refresh .cover-photo-holder::before {
  content: '';
  position: absolute;
  top: 110px;
  bottom: 42px;
  left: 0;
  right: 0;
  z-index: 3;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(50%, rgba(0, 0, 0, 0.15)), color-stop(100%, rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}
.subnav-refresh .person {
  position: absolute;
  left: 0;
  right: 0;
  position: absolute;
  bottom: 50px;
  left: 140px;
  text-align: left;
  font-size: inherit;
}
.subnav-refresh .person .character-name-holder {
  position: relative;
}
.subnav-refresh .person .character-name-holder .add-button {
  background: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(90%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  border: 1px solid #fff;
  color: #000;
  z-index: 3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 7px;
  font-size: 0.4em;
  text-shadow: none;
  white-space: nowrap;
  position: absolute;
  left: 100%;
  top: 14px;
  margin-left: 10px;
  line-height: 17px;
}
.subnav-refresh .person .character-name-holder .add-button:hover {
  cursor: pointer;
  background: #fff;
  color: #000;
}
.subnav-refresh .stats {
  position: absolute;
  bottom: 49px;
  right: 12px;
  line-height: 17px;
}
.subnav-refresh .stats .stat {
  display: inline-block;
  margin: 0 0 0 40px;
}
.subnav-refresh .stats .stat h1 {
  font-size: 1.5em;
  line-height: 0.9em;
  text-align: right;
  white-space: nowrap;
}
.subnav-refresh .stats .stat h2 {
  font-size: 0.7em;
  text-align: right;
  white-space: nowrap;
}
.subnav-refresh .statCount {
  font-size: 22px;
}
.subnav-refresh .subnav-middle {
  z-index: 4;
  text-align: left;
  position: relative;
  height: 235px;
  width: auto;
  margin: 0;
}
.subnav-refresh .subnav-middle .cover-cta {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(90%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7) 90%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7) 90%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7) 90%);
  background: linear-gradient(top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7) 90%);
  position: absolute;
  top: 87px;
  right: 10px;
  padding: 0;
  border: 1px solid black;
  color: #FFF;
  z-index: 3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  display: none;
}
.subnav-refresh .subnav-middle .cover-cta a {
  background-color: transparent;
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 6px -1299px;
  background-repeat: no-repeat;
  padding: 8px 10px 7px 30px;
  line-height: 15px;
  display: block;
  color: inherit;
  text-shadow: 1px 1px 2px #000;
  cursor: pointer;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh .subnav-middle .cover-cta a {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 6px -1319px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh .subnav-middle .cover-cta:hover {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(90%, rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) 90%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) 90%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) 90%);
  background: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5) 90%);
  color: #FFF;
}
.subnav-refresh .subnav-middle .cover-attribution {
  position: absolute;
  right: 12px;
  top: 54px;
}
.subnav-refresh .subnav-middle .cover-attribution p {
  font-size: 11px;
  color: #FFF;
  opacity: 0.7;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  filter: alpha(opacity=70);
}
.subnav-refresh .subnav-middle .cover-photo-position {
  width: 350px;
  border: 1px solid #000;
  background: rgba(0, 0, 0, 0.6);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 40%;
  left: 50%;
  z-index: 10;
  padding: 10px;
  margin-left: -160px;
  display: none;
}
.subnav-refresh .subnav-middle .cover-photo-position p {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -1736px;
  background-repeat: no-repeat;
  float: left;
  color: #FFF;
  padding: 0 0 0 30px;
  display: block;
  font-size: 1em;
  line-height: 1.3em;
  margin-top: 10px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh .subnav-middle .cover-photo-position p {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -1596px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh .subnav-middle .cover-photo-position > div {
  float: right;
  margin-left: 8px;
}
.subnav-refresh .subnav-middle .cover-photo-position > div.cover-photo-position-cancel {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #111111));
  background: -webkit-linear-gradient(top, #555555, #111111);
  background: -moz-linear-gradient(top, #555555, #111111);
  background: -o-linear-gradient(top, #555555, #111111);
  background: linear-gradient(top, #555555, #111111);
}
.subnav-refresh .subnav-middle .cover-photo-position > div.cover-photo-position-cancel:hover {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #777777), color-stop(100%, #333333));
  background: -webkit-linear-gradient(top, #777777, #333333);
  background: -moz-linear-gradient(top, #777777, #333333);
  background: -o-linear-gradient(top, #777777, #333333);
  background: linear-gradient(top, #777777, #333333);
}
.subnav-refresh .subnav-middle .group-title-holder {
  position: relative;
}
.subnav-refresh .subnav-middle .group-title-holder .add-button {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0.9)), color-stop(90%, #ffffff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  background: linear-gradient(top, rgba(255, 255, 255, 0.9), #ffffff 90%);
  border: 1px solid #fff;
  color: #000;
  z-index: 3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 7px;
  font-size: 15px;
  text-shadow: none;
  white-space: nowrap;
  position: absolute;
  left: 100%;
  top: 12px;
  margin-left: 20px;
  line-height: 17px;
}
.subnav-refresh .subnav-middle .group-title-holder .add-button:hover {
  cursor: pointer;
  background: #fff;
  color: #000;
}
.subnav-refresh.subnav-state-ready .subnav-middle .cover-cta {
  display: block;
}
.subnav-refresh.subnav-state-ready.subnav-state-editing .subnav-middle .cover-cta {
  display: none;
}
.subnav-refresh.subnav-state-loading::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background: black url("https://s.yimg.com/pw/images/progress/balls-24x12-black-trans.gif") 50% 50% no-repeat;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99999;
}
.subnav-refresh.subnav-state-editing {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: hand;
  cursor: grab !important;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
.subnav-refresh.subnav-state-editing .subnav-middle .cover-photo-position {
  display: block;
}
.subnav-refresh.subnav-state-shake .cover-photo-position {
  -webkit-animation: shake 750ms linear 0s infinite normal both;
  -moz-animation: shake 750ms linear 0s infinite normal both;
  animation: shake 750ms linear 0s infinite normal both;
}
.subnav-refresh:hover .subnav-middle .cover-cta {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.subnav-refresh .sn-avatar {
  position: absolute;
  bottom: 9px;
  left: 9px;
  z-index: 3;
  border: 1px solid rgba(255, 255, 255, 0.27);
  width: 110px;
  height: 110px;
}
.subnav-refresh .sn-avatar img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.subnav-refresh .sn-avatar a {
  height: 70px;
  width: 90px;
  position: absolute;
  top: 0;
  /*
  			display: table-cell;
  			vertical-align: middle;
  */
  padding: 40px 10px 0 10px;
  text-align: center;
  font-size: 0.8em;
  color: #EEE;
  text-shadow: 1px 1px 0 #000;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.subnav-refresh .sn-avatar a.mm {
  padding-top: 35px;
  height: 75px;
}
.subnav-refresh .sn-avatar.sn-avatar-editable:hover .sn-avatar-ico {
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.subnav-refresh .sn-avatar.sn-avatar-editable:hover a {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.subnav-refresh .sn-avatar.sn-avatar-size-0 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-48 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-60 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-100 img.sn-avatar-ico {
  border: 30px solid rgba(0, 0, 0, 0.6);
  padding: 1px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
.subnav-refresh .sn-avatar.sn-avatar-size-60 img.sn-avatar-ico {
  border-width: 24px;
  width: 60px;
  height: 60px;
}
.subnav-refresh .sn-avatar.sn-avatar-size-100 img.sn-avatar-ico {
  border-width: 4px;
  width: 100px;
  height: 100px;
}
.subnav-refresh .sn-avatar.sn-avatar-size-150 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-300 img.sn-avatar-ico {
  width: 110px;
  height: 110px;
}
.subnav-refresh .sn-avatar.sn-avatar-size-150 img.sn-avatar-ico img.sn-avatar-mask,
.subnav-refresh .sn-avatar.sn-avatar-size-300 img.sn-avatar-ico img.sn-avatar-mask {
  display: none;
}
.subnav-refresh .subnav-holder {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  background: linear-gradient(top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
  border: 1px solid black;
  border-right: 0;
  border-left: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.subnav-refresh .sn-dropdowntarget {
  position: relative;
}
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown {
  position: absolute;
  z-index: 5;
  top: 40px;
  right: 5px;
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  display: none;
  list-style: none;
  color: #111;
  padding: 5px 0;
}
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown::before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #FFF;
  position: absolute;
  top: -5px;
  right: 15px;
}
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown li.sn-dropdownitem {
  padding: 5px 20px;
  text-align: left;
  color: inherit;
  font-family: Helvetica, Arial, sans-serif;
  min-width: 95px;
}
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown li.sn-dropdownitem.sn-divider {
  margin: 2px 0;
  height: 1px;
  padding: 0;
  background: #D8D8D8;
}
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown li.sn-dropdownitem a {
  line-height: normal;
  font-size: 0.9em;
  text-shadow: none;
  padding: 0;
}
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown li.sn-dropdownitem:hover {
  background: #EEE;
  color: #0063DC;
}
.subnav-refresh .sn-dropdowntarget:hover > ul {
  display: block;
}
.subnav-refresh ul.nav-links {
  margin-left: 121px;
  list-style: none;
  height: 40px;
}
.subnav-refresh ul.nav-links .sn-dropdowntarget ul.arrange {
  margin-left: -21px;
  right: auto;
}
.subnav-refresh ul.nav-links .sn-dropdowntarget ul.arrange li {
  width: auto;
}
.subnav-refresh ul.nav-links li.set .sn-ico-comment-set {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 14px -1494px;
  background-repeat: no-repeat;
  float: left;
  height: 41px;
  padding: 0;
  width: 32px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.set .sn-ico-comment-set {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 14px -1434px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.set .count {
  float: left;
  padding: 13px 15px 0 3px;
  line-height: 10px;
}
.subnav-refresh ul.nav-links li.set.active .sn-ico-comment-set {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 14px -1044px;
  background-repeat: no-repeat;
  background-size: inherit;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.set.active .sn-ico-comment-set {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 14px -1034px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.set.active .count {
  color: #FC389C;
}
.subnav-refresh ul.nav-links li.sn-navitem {
  white-space: nowrap;
  border-right: 1px solid black;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  width: auto;
  text-align: center;
  padding: 0;
  color: #FFF;
  font-size: inherit;
  float: left;
  position: relative;
}
.subnav-refresh ul.nav-links li.sn-navitem:first-child {
  border-left: none;
}
.subnav-refresh ul.nav-links li.sn-navitem a {
  text-shadow: 1px 1px 2px #000;
  display: block;
  font-size: inherit;
  padding: 13px 20px 12px 20px;
  line-height: 1em;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico {
  width: 50px;
  height: 40px;
  padding: 0;
  margin: 0;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-share {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -1534px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-share {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -1394px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico .html5-balls {
  top: 15px;
  left: 10px;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-more {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 12px -1958px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-more {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 12px -1818px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-bookmaker {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -1084px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-bookmaker {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -1234px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-bookmaker .html5-balls {
  top: 15px;
  left: 10px;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-comment {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -1494px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-comment {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -1434px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-lightbox {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -1454px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-lightbox {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -1738px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-slideshow {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -1878px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-slideshow {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -1858px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-active {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -2491px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-active {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -2534px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-inactive {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -2456px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-inactive {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -2639px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-active {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -2561px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-active {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -2569px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-inactive {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -2526px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-inactive {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -2604px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-pool-justified-view {
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 15px -2421px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-pool-justified-view {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 15px -2499px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-refresh ul.nav-links li.sn-navitem.sn-active, .subnav-refresh ul.nav-links li.sn-navitem:hover {
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.7)), color-stop(100%, rgba(0, 0, 0, 0.7)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  background: linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
  color: #FFF;
}
.subnav-refresh ul.nav-links li.sn-navitem:hover {
  cursor: pointer;
}
.subnav-refresh ul.nav-links li.sn-navitem.sn-active {
  font-weight: bold;
}
.subnav-refresh ul.nav-links.nav-links-tools {
  position: absolute;
  right: 0;
  top: 0;
  margin-left: 0;
  border: none;
}
.subnav-refresh ul.nav-links.nav-links-tools li.sn-navitem {
  padding: 0;
  border-right: none;
  border-left: 1px solid black;
}
.subnav-refresh .New {
  position: absolute;
  background: #FF0084;
  color: white;
  right: 0;
  top: 0;
  pointer-events: none;
}

body.subnav-state-positioning,
body.subnav-state-positioning .subnav-refresh.subnav-state-editing {
  cursor: hand;
  cursor: grabbing !important;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

body.ua-windows-ie .subnav-middle .cover-cta {
  background: black;
}
body.ua-windows-ie .subnav-middle .cover-cta:hover {
  background: #222;
}
body.ua-windows-ie .subnav-holder {
  background: url(https://s.yimg.com/pw/images/iefallbacktrans.png) repeat scroll;
}
body.ua-windows-ie .subnav-holder li.sn-navitem:hover {
  background: #222;
}
body.ua-windows-ie .subnav-view > h1 {
  background: #222;
}

body.ua-opera .subnav-refresh .cover-photo-holder .cover-photo {
  background-size: 101%;
}

.subnav-refresh .sn-button,
.subnav-tools .sn-button {
  font-size: 1em;
  padding: 8px 20px;
  border: 1px solid #000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
  background: #0063dc;
  color: #FFF;
  cursor: pointer;
  text-align: center;
  display: block;
}
.subnav-refresh .sn-button:hover,
.subnav-tools .sn-button:hover {
  background: #3781DB;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                             POPUPS AND STUFF                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.subnav-tools {
  position: static;
  font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
  font-size: 20px;
  line-height: normal;
}

.subnav-tools .subnav-view {
  position: fixed;
  overflow: auto;
  top: 50%;
  left: 50%;
  margin-left: -400px;
  margin-top: -300px;
  width: 800px;
  height: 610px;
  background: #FFF;
  border: 1px solid #000;
  z-index: 999999;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 250ms ease-out 0s;
  -moz-transition: all 250ms ease-out 0s;
  transition: all 250ms ease-out 0s;
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px);
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}
.subnav-tools .subnav-view.subnav-state-open {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.subnav-tools .subnav-view > h1 {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 20px;
  line-height: 40px;
  font-weight: normal;
  text-align: center;
  color: #FFF;
  padding: 0;
  margin: 0;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #555555), color-stop(100%, #000000));
  background: -webkit-linear-gradient(top, #555555, #000000);
  background: -moz-linear-gradient(top, #555555, #000000);
  background: -o-linear-gradient(top, #555555, #000000);
  background: linear-gradient(top, #555555, #000000);
}
.subnav-tools .subnav-view > h1 .button-close {
  display: block;
  font-size: 30px;
  line-height: 30px;
  font-weight: 100;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 8px;
}
.subnav-tools .subnav-view > h1 .button-close:hover {
  color: #DDD;
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.subnav-tools .subnav-view > h2 {
  font-size: 1.3em;
  color: #666666;
  font-weight: lighter;
  margin: 20px 10px 10px 15px;
  text-align: left;
}
.subnav-tools .subnav-view .button-upload {
  float: right;
  margin: 20px 22px 10px 10px;
  font-size: 0.8em;
  border: none;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 255, 0.1);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 255, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 255, 0.1);
  padding: 8px 20px 8px 40px;
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 10px -1416px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-tools .subnav-view .button-upload {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 10px -1156px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-tools .subnav-view .button-upload:hover {
  -webkit-transform: translate(0, 1px);
  -moz-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
.subnav-tools .subnav-view #tabs {
  margin: 31px 0 0 20px;
}
.subnav-tools .subnav-view #tabs li {
  display: inline;
  padding: 0;
}
.subnav-tools .subnav-view #group-fail {
  margin: 20px;
}
.subnav-tools .subnav-view #photostream-fail {
  margin: 20px;
}
.subnav-tools .subnav-view .subnav-io {
  position: absolute;
  height: 500px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.subnav-tools .subnav-view .subnav-io div[data-photo-media="video"] {
  display: none;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container {
  margin: 0;
  background: none;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container #photo-display-container {
  margin-top: 4px;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item {
  float: left;
  height: auto;
  width: auto;
  margin: 0;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item .spaceball {
  display: none;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading .photo_container, .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading.selected .photo_container:hover, .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading.selected .photo_container {
  outline: none;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading .photo_container::before, .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading.selected .photo_container:hover::before, .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading.selected .photo_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 150, 230, 0.7);
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading .photo_container::after, .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading.selected .photo_container:hover::after, .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.subnav-state-loading.selected .photo_container::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  margin-top: -18px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: white url("https://s.yimg.com/pw/images/progress/balls-24x12-white.gif") 50% 50% no-repeat;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item .photo_container {
  display: block;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item .photo_container:hover {
  outline: 4px solid #4696e6;
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.selected .photo_container::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(70, 150, 230, 0.7);
}
.subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.selected .photo_container::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
  background-image: url('https://s.yimg.com/pw/images/sprites/icons-sc208c84ef4.png');
  background-position: 0 -412px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 1.5) {
  .subnav-tools .subnav-view .subnav-io .photo-display-container .photo-display-item.selected .photo_container::after {
    background-image: url('https://s.yimg.com/pw/images/sprites/icons-retina-s51591e68cf.png');
    background-position: 0 -285px;
    -webkit-background-size: 70px auto;
    -moz-background-size: 70px auto;
    -o-background-size: 70px auto;
    background-size: 70px auto;
  }
}
.subnav-tools .subnav-view .subnav-io .thumb {
  padding: 0 0 16px 17px;
}
.subnav-tools .subnav-view .subnav-io .pc_img {
  width: 138px;
  height: 138px;
}
.subnav-tools .subnav-view .subnav-io .no-photos {
  text-align: center;
  padding-top: 200px;
}
.subnav-tools .subnav-view.subnav-state-loading .subnav-io {
  overflow: hidden;
}
.subnav-tools .subnav-view.subnav-state-loading .subnav-io::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: white url("https://s.yimg.com/pw/images/progress/balls-24x12-white.gif") 50% 40% no-repeat;
}
.subnav-tools .subnav-view.subnav-state-loading #tabs {
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: alpha(opacity=50);
}
.subnav-tools .subnav-view.subnav-state-loading #tabs li a {
  pointer-events: none;
}

.ua-macintosh-webkit .subnav-tools,
.ua-windows-webkit .subnav-tools {
  /* Scrollbar Reset */
  /* Scrollbar Handle */
}
.ua-macintosh-webkit .subnav-tools ::-webkit-scrollbar,
.ua-windows-webkit .subnav-tools ::-webkit-scrollbar {
  width: 8px;
}
.ua-macintosh-webkit .subnav-tools ::-webkit-scrollbar-thumb,
.ua-windows-webkit .subnav-tools ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #DDD;
}
.ua-macintosh-webkit .subnav-tools .subnav-view .subnav-io,
.ua-windows-webkit .subnav-tools .subnav-view .subnav-io {
  right: 8px;
}

.subnav-tools .subnav-popup {
  position: absolute;
  z-index: 10;
  width: 400px;
  min-height: 100px;
  top: 50%;
  left: 50%;
  margin-left: -200px;
  margin-top: -50px;
  background: #FFF;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 150ms ease-in-out 0s;
  -moz-transition: all 150ms ease-in-out 0s;
  transition: all 150ms ease-in-out 0s;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  color: #111;
  padding: 10px;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  -webkit-transform: translate(0, -20px);
  -moz-transform: translate(0, -20px);
  -ms-transform: translate(0, -20px);
  -o-transform: translate(0, -20px);
  transform: translate(0, -20px);
}
.subnav-tools .subnav-popup.subnav-popup-open {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
}
.subnav-tools .subnav-popup p {
  margin-bottom: 10px;
}
.subnav-tools .subnav-popup .sn-button-bar {
  display: table;
  margin: 0 auto;
}
.subnav-tools .subnav-popup .sn-button {
  float: left;
  margin: 0;
}
.subnav-tools .subnav-popup .sn-button.sn-button-cancel {
  margin-left: 20px;
  background-color: #999;
}
.subnav-tools .subnav-popup .sn-button.sn-button-cancel:hover {
  background-color: #AAA;
}
.subnav-tools .subnav-curtain {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  z-index: 999998;
  -webkit-transition: all 150ms ease-in-out 0s;
  -moz-transition: all 150ms ease-in-out 0s;
  transition: all 150ms ease-in-out 0s;
  opacity: 0;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
}

.subnav-modals .subnav-tools .subnav-curtain {
  opacity: 0.4;
}

.set-wrap .arrow_box {
  position: relative;
}
.set-wrap .arrow_box:after, .set-wrap .arrow_box:before {
  bottom: 100%;
  border: solid transparent;
  position: absolute;
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
}
.set-wrap .arrow_box:before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0.93);
  border-width: 10px;
  left: 50%;
  margin-left: -26px;
}
.set-wrap .set-cover img {
  bottom: 9px;
  left: 9px;
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.27);
}
.set-wrap .set-meta {
  left: 140px;
  position: absolute;
  bottom: 45px;
}
.set-wrap .group-meta {
  left: 140px;
  position: absolute;
  bottom: 58px;
}
.set-wrap h1.set-title {
  color: #FFFFFF;
  font-size: 2.3em;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  line-height: 30px;
  margin-bottom: 3px;
}
.set-wrap h1.group-title {
  color: #FFFFFF;
  font-size: 2.3em;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  line-height: 44px;
  margin-bottom: 3px;
}
.set-wrap h3.set-by a {
  color: #FFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  font-size: 13px;
}
.set-wrap h3.set-by a:hover {
  background-color: transparent;
}
.set-wrap div.set-desc div.hover {
  padding: 7px;
  font-size: 14px;
  font-family: "helvetica neue";
  width: 400px;
  z-index: 11;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.93);
  top: 1px;
}
.set-wrap div.set-desc div.hover a {
  color: #0063dc;
  text-decoration: none;
}
.set-wrap div.set-desc div.hover a:hover {
  color: #FFFFFF;
}
.set-wrap div.set-desc .box-wrap {
  position: absolute;
  word-wrap: break-word;
}
.set-wrap div.set-desc .box-wrap img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.set-wrap div.set-desc .short {
  color: #FFFFFF;
  font-size: 13px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  margin-top: 3px;
  height: 23px;
}
.set-wrap div.set-desc .short a.see-more {
  margin-left: 10px;
  color: #FFF;
}
.set-wrap div.set-desc .short a:hover {
  text-decoration: underline;
  background: none;
}
.set-wrap div.group-desc .short {
  width: 450px;
  height: 24px;
}
.set-wrap div.group-desc div.hover {
  top: 20px;
}

#main .follow-butt,
#Main .follow-butt {
  height: 28px;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  padding: 0 14px 0 37px;
  background-color: #f8f8f8;
  border-color: #c9c9c9;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  top: auto;
  left: auto;
  vertical-align: middle;
  display: inline-block;
  -webkit-transition: padding-right 0.3s ease;
  -moz-transition: padding-right 0.3s ease;
  transition: padding-right 0.3s ease;
}

#main .follow-butt:hover,
#Main .follow-butt:hover {
  background-color: #1272e9;
  border-color: #939395;
  color: #fff;
}

#main .following-copy,
#Main .following-copy {
  position: relative;
  display: inline-block;
}

#main .follow-butt .follow-icon,
#Main .follow-butt .follow-icon {
  position: absolute;
  top: 4px;
  left: 6px;
  width: 20px;
  height: 20px;
  background-image: url(https://s.yimg.com/pw/images/follow_sprite.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#main .follow-butt:hover .follow-icon,
#Main .follow-butt:hover .follow-icon {
  background-position: 0 -70px;
}

#main .follow-butt.is-following,
#Main .follow-butt.is-following {
  border: none;
  background-color: #2888f6;
  color: #fff;
  background-image: none;
}

#main .follow-butt.is-following .follow-icon,
#Main .follow-butt.is-following .follow-icon {
  background-position: 0 -139px;
}

#main .follow-butt.is-following:hover,
#main .follow-butt.is-following.is-showing-dropdown,
#Main .follow-butt.is-following:hover,
#Main .follow-butt.is-following.is-showing-dropdown {
  padding-right: 44px;
}

#main .follow-butt .drop-icon,
#Main .follow-butt .drop-icon {
  display: none;
}

#main .follow-butt.is-following:hover .drop-icon,
#main .follow-butt.is-following.is-showing-dropdown .drop-icon,
#Main .follow-butt.is-following:hover .drop-icon,
#Main .follow-butt.is-following.is-showing-dropdown .drop-icon {
  color: #0250ac;
  text-shadow: 1px 0 #53a0fa;
  display: inline;
  right: -34px;
  top: 0;
  position: absolute;
  padding-left: 10px;
  border-left: 1px solid #1e78e0;
}

#editRelationshipDialog {
  font-size: 14px;
  text-shadow: none;
  color: #000;
  display: inline-block;
  min-width: 130px;
  min-height: 100px;
  vertical-align: bottom;
  position: absolute;
  right: 0;
  top: 51px;
  z-index: 20001;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

@-moz-document url-prefix() {
  #editRelationshipDialog {
    top: 46px;
    right: 13px;
  }
}

.ua-windows-ie-8 #editRelationshipDialog {
  border: 1px solid #000;
}

#editRelationshipDialog:after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  margin-left: -7px;
  position: absolute;
  bottom: -5px;
  right: 9px;
  width: 0;
  height: 0;
  content: '';
  top: -6px;
}

#editRelationshipDialog.is-loading {
  background: white url(https://s.yimg.com/pw/images/progress/balls-24x12-white.gif) no-repeat 50% 50%;
}

#editRelationshipDialog.is-hidden {
  display: none;
}

#editRelationshipDialog label {
  display: block;
  padding: 10px 10px 5px 10px;
}

#editRelationshipDialog .divider {
  display: block;
  height: 1px;
  background-color: #d6d6d6;
  margin: 10px 0;
  padding: 0;
}

#editRelationshipDialog .unfollow-button {
  border: 1px solid #c7c7c7;
  color: #1E1E1E;
  display: block;
  height: 28px;
  font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  padding: 0 14px 0 37px;
  background-color: #f8f8f8;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 10px 10px;
  background-image: url(https://s.yimg.com/pw/images/follow_sprite.png);
  background-repeat: no-repeat;
  background-position: 8px -206px;
  cursor: pointer;
}

#editRelationshipDialog .unfollow-button:hover {
  background: #fc3c71;
  color: #fff;
  border: 1px solid #da1057;
  background-image: url(https://s.yimg.com/pw/images/follow_sprite.png);
  background-repeat: no-repeat;
  background-position: 8px -276px;
}

#editRelationshipDialog.is-loading * {
  display: none;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}

@-moz-keyframes shake {
  0%, 100% {
    -moz-transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -moz-transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -moz-transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                        HACKY FIXES I'M ASHAMED OF                       */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* sometime .breakout gets appended too late for
   resizeCoverPhoto() to abort, this cancel-out the offset */
.breakout #subnav-refresh {
  left: 0 !important;
}

/* hide the view options #25284 */
.searchified-options {
  display: none;
}
/* 	======================================================================
		COMMENTS MODULE STUFF
	====================================================================== */
.photo-display-item .comment-button-post {
  font-size:12px;
}

.photo-display-item.inline-commenting #comments .comment-icon {
  width:33px;
  top:5px;
}

.photo-display-container .photo-display-item.inline-commenting .comments-inner {
  line-height:18px;
}

.photo-display-item #comments.comments-popover {
  position: absolute;
  right: 10px;
  bottom: 37px;
  width: 562px;
  background: #FFF;
  background: rgba(255, 255, 255, 0.93);
  text-align: left;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.3);
  z-index: 999;
  font-size: 120%;
}

.photo-display-item #comments .comment-block {
  margin: 0 -10px 10px;
  min-height: 56px;
  padding: 6px 10px 6px 68px;
  position: relative;
  vertical-align: top;
}

.photo-display-item #comments .adding-comment .buttons {
  text-align: right;
  width: 160px;
  float: right;
}

.photo-display-item #comments.comments-overlay {
  text-align: left;
  width: 100%;
}

.photo-display-item #comments .load-more-comments {
  margin-bottom: 5px;
  margin-top: -5px;
}

.photo-display-item #comments-list {
  margin-top: 0;
}

.photo-display-item #comments .comment-block {
  padding: 0 10px 0 50px;
  margin-bottom: 0px; /* not sure why this was set to 8, but we need it set to 0 to match the sihp inline comment style */
  min-height: 38px;
}

.photo-display-item #comments .comment-block.adding-comment {
  min-height: 44px;
}

.photo-display-item #comments.comments-popover .comment-block.adding-comment {
  min-height: 36px;
}

.photo-display-item #comments .comment-icon {
  top: 5px;
  width: 33px;
}

.photo-display-item #comments .comment-icon {
  _margin-left: -68px; /* IE 6 hax */
  left: 10px;
  position: absolute;
  top: 10px;
  width: 48px;
}

.photo-display-item #comments .comment-icon img {
  width: 33px;
  height: 33px;
}

.photo-display-item #comments .add-comment-form .comment-icon {
  top: 1px;
}

.photo-display-item #comments small.comment-meta {
  color: #8D8D8D;
}

.photo-display-item #comments .comment-author-container a,
.photo-display-item #comments .comment-date a,
.photo-display-item #comments .comment-controls,
.photo-display-item #comments .comment-controls a,
.photo-display-item #comments .comment-body,
.photo-display-item #comments .comment-body p,
.photo-display-item #comments .load-more-comments {
  font-size:12px;
}

/* Different positioning for the different image configurations */
.topLeftLandscapeContainer .comments-popover,
.bottomLeftLandscapeContainer .comments-popover,
.topLeftPortraitContainer .comments-popover,
.bottomLeftPortraitContainer .comments-popover,
.leftPortraitContainer .comments-popover {
  right: -247px;
}

.topRightLandscapeContainer .comments-popover,
.topLeftLandscapeContainer .comments-popover {
  bottom: 47px;
}

.comments-inner {
  padding: 10px 14px 9px 14px;
}

.comments-popover .comments-inner {
  min-height: 36px;
}

.comments-inner .comment-body p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
}

.comments-inner .comment-body img {
  display: none;
}

.comments-inner p {
  color: #1F1F1F;
}

.comments-inner .adding-comment form {
  width: 100%;
  overflow: hidden;
}

#comments ol#photo-activity {
  margin: -2px 0 10px;
}

#comments.comments-popover .adding-comment textarea {
  width: 100%;
  height: 34px;
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  line-height:normal;
}

#comments .adding-comment textarea {
  border: 1px solid #ccc;
  display: block;
  margin: 0 0 5px 0;
  padding: 3px 5px;
  width: 492px;
  height: 41px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

#comments .adding-comment .buttons {
  margin-top: 5px;
}

.comments-popover .arrow {
  position: absolute;
  bottom: -12px;
  border-color: #FFF transparent transparent transparent;
  border-color: rgba(255, 255, 255, 0.93) transparent transparent transparent;
  border-style: solid;
  border-width: 6px;
  height: 0;
  width: 0;
}

/* commenting disabled message */
.comments-popover .comment-disabled {
  text-align: center;
  line-height: 36px;
}

.leftPortraitContainer .comments-popover .arrow {
  right: 373px;
}

.il_comments.active .li_counter,
.il_comments.active .li_99_plus {
  color: #FC389C;
}
#comments {
	width: 562px;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease-in;
	-moz-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-in;
	transition-property: opacity;
	font-size: 120%;
}
#comments ol#photo-activity {
	margin: -2px 0 10px;
}
#comments .adding-comment .show-during-preview,
#comments .previewing-comment .hide-during-preview {
	display: none;
}
.load-more-comments a { 
	position: relative;
	top: -6px;
}
.load-more-comments .icon {
	display: inline-block;
	height: 25px;
	/* Temporary until we get an icon */
	/*width: 25px;
	background-image: url(https://s.yimg.com/pw/images/refresh-sprite.png.v2);
	background-repeat: no-repeat;
	background-position: 3px -164px;*/
}
.load-more-comments .loading {
	display: none;
}
.load-more-comments .html5-balls {
	display: inline-block;
	top: -4px;
}
#comments-list {
	margin-top: 6px;
}




/* -------------------- */
/* posted and previewed comment */
/* -------------------- */
#comments .comment-block {
	margin: 0 -10px 10px;
	min-height: 56px;
	padding: 6px 10px 6px 68px;
	position: relative;
	vertical-align: top;
}
#comments div.comment-block {
	margin-bottom: 0;
	padding-bottom: 0;
}
#comments .comment-icon {
	_margin-left: -68px; /* IE 6 hax */
	left: 10px;
	position: absolute;
	top: 10px;
	width: 48px;
}
#comments .comment-icon img {
	display: block;
}
#comments p.comment-head {
	margin-bottom: -8px;
}
#comments span.comment-author-container small { /* for the [deleted] deleted people */
	color: #000;
}
#comments a.pro-link {
	background: transparent url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -328px -14px;
	display: inline-block;
	height: 12px;
	margin-bottom: -3px;
	vertical-align: baseline;
	width: 24px;
}
#comments small.comment-meta, 
#comments small.comment-meta a {
	font-size: 100%;
	color: #bbb;
}
#comments small.comment-meta a.comment-delete,
#comments small.comment-meta a.spam-delete {
	color: #e40600;
}
#comments span.comment-controls {
	display: none; /* hide at the start */
}
#comments .comment-body img.personmenu-trigger {
	margin-top: 3px;
	vertical-align: baseline;
}
div#comments li.hover span.comment-controls,
div#comments li:hover span.comment-controls {
	display: inline ; /* show on hover */
}
#comments .comment-block.hover a,
#comments .comment-block:hover a {
	color: #0063DC;
}
#comments .comment-block a:hover { /* overwrite this further down for a.spaceball so it doesn't give the spaceball a blue background on hover */
	background-color: #0063DC;
	color: #fff;
}
#comments .comment-block a.comment-delete:hover,
#comments .comment-block a.spam-delete:hover {
	background: #e40600;
	color: #fff;
}
#comments .comment-block.hover a.staff, 
#comments .comment-block:hover a.staff { color: #e40600; }

#comments .comment-block.hover a.staff:hover, 
#comments .comment-block:hover a.staff:hover { background: #e40600; color: #fff; }

#comments a.pro-link:hover {
	background-color: transparent;
}

#comments .SetCase a:hover,
#comments .SetCase a:active { 
	background: transparent; 
	text-decoration: none; 
}
.comment-button-post {
	font-size: 100%;
	font-weight: normal;
}




/* -------------------- */
/* highlighted comment */
/* -------------------- */
#comments li.comment-highlighted {
	background-color: #f7f7f7;
}




/* -------------------- */
/* editing comment */
/* -------------------- */
#comments li.comment-editing {
	padding-bottom: 12px;
}
#comments li.comment-editing.hover span.comment-controls,
#comments li.comment-editing:hover span.comment-controls {
	display: none; /* hide when editing */
}
#comments .comment-editing textarea {
	border: 1px solid #ccc;
	display: block;
	line-height: inherit;
	margin: 13px 0 5px 0;
	padding: 3px 5px;
	width: 492px;
}
#comments .comment-editing .buttons {
	text-align: right;
}
#comments .comment-editing .buttons button {
	font-weight: normal;
}
#comments .comment-editing .buttons span {
	margin-right: 0;
	padding: 0;
}
/* editing comment - does this need replacing with something else? */
#comments .comment-block .spinning {
	text-indent: -999em;
	background: url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 0 15px;
	/* make room for the spinner */
	padding-top: 15px;
}
#comments .comment-block .spinning * {
	visibility: hidden;
}





/* -------------------- */
/* deleting comment */
/* -------------------- */
#comments li.comment-deleting.hover span.comment-controls,
#comments li.comment-deleting:hover span.comment-controls {
	display: none; /* hide when deleting */
}
#comments li.comment-deleted {
	display: none;
}
/* fade everything out while deleting it */
#comments li.comment-deleting .comment-icon, 
#comments li.comment-deleting img, 
#comments li.comment-deleting a.pro-link {
	opacity: .5;
}
#comments li.comment-deleting, 
#comments li.comment-deleting a, 
#comments li.comment-deleting a:hover {
	background-color: #f7f7f7;
	color: #999;
}
#comments li.comment-deleting .comment-body {
	display: none;
}
#comments li.comment-deleting .deleting {
	background: url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 0 5px;
	display: block;
	margin-bottom: 7px;
	padding-left: 20px;
}





/* -------------------- */
/* previewing comment */
/* -------------------- */





/* -------------------- */
/* adding comment */
/* -------------------- */
#comments .adding-comment form {
	margin: 4px 0 0;
}
#comments .adding-comment textarea {
	border: 1px solid #ccc;
	display: block;
	line-height: inherit;
	margin: 0 0 5px 0;
	padding: 3px 5px;
	width: 492px;
	height: 41px;
}
#comments .adding-comment .buttons {
	text-align: right;
	width: 160px;
	float: right;
}
#comments .adding-comment .html-info-trigger {
	margin: 3px 0 5px;
	display: none;
	width: 240px;
	float: left;
}
#comments .adding-comment .html-info-trigger .caret { display: none; }
/* loading */
#comments .adding-comment .spinning {
	background: url(https://s.yimg.com/pw/images/progress/balls-16x8-trans.gif) no-repeat 0 6px; /* needed? */
	/* make room for the spinner */
	padding-top: 15px;
}
#comments .adding-comment .spinning * {
	visibility: hidden;
}
/* previewing */
#comments div.previewing-comment {
	background-color: #f7f7f7;
	padding-bottom: 10px;
}
#comments .previewing-comment form {
	margin: 12px 0 0;
}
/* new */
#comments .new-comment {
}





/* -------------------- */
/* favorite */
/* we have three classes of ol: */
/* ol.mixed for mixed faves and comments */
/* ol.rolleddown for when the faves are distributed throughout the timeline */
/* ol.rolledup for when the faves are rolledup to the top */
/* -------------------- */

/* default - just faves */
div.fave-block {
	position: relative;
	color: #000;
	margin: 0 -10px 10px;
	padding: 10px 10px 0 38px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}
.fave-star {
	_margin-left: -44px; /* IE 6 hax */
	position: absolute;
	top: 9px;
	left: 10px;
	width: 24px;
	height: 15px;
	text-indent: -999em;
	background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat -1049px -52px;
}
small.fave-meta {
	color: #bbb;
}
.fave-content p {
	line-height: 1.3em;
}

/* mixed - faves and comments both rolleddown and rolledup */
#comments ol.mixed .fave-block {
	padding-left: 68px;
}
#comments ol.mixed .fave-star {
	left: 38px;
	_margin-left: -68px; /* IE 6 hax */
}
#comments ol.mixed li.fave-block.hover a,
#comments ol.mixed li.fave-block:hover a {
	color: #0063DC;
}
#comments ol.mixed li.fave-block a:hover {
	background-color: #0063DC;
	color: #fff;
}
#comments ol.mixed li.fave-block a.fave-delete {
	color: #e40600;
}
#comments ol.mixed li.fave-block a.fave-delete:hover {
	background-color: #e40600;
	color: #fff;
}
/* rolleddown - specifically only rolleddown faves */
#comments ol.rolleddown li.fave-block, 
#comments ol.rolleddown li.fave-block a {
	color: #999;
}

/* rolledup - specifically only rolledup faves */
#comments ol.rolledup li.fave-block {
	color: #000;
}




/* -------------------- */
/* accepted group invites */
/* -------------------- */

#comments li.group-invite-block {
	position: relative;
	color: #000;
	margin: 0 -10px 10px;
	padding: 10px 10px 7px 44px;
}
#comments .group-icon {
	position: absolute;
	top: 9px;
	left: 12px;
	width: 19px;
	height: 17px;
	background: url(https://s.yimg.com/pw/images/flickr-sprite.png.v5) no-repeat 0 0;
	background-position: -1970px -12px;
}
#comments li.group-invite-block p {
	line-height: 1.3em;
}
/* mixed - faves and comments and group invites both rolleddown and rolledup */
#comments ol.mixed li.group-invite-block {
	padding-left: 68px;
}
#comments ol.mixed .group-icon {
	left: 40px;
}
#comments ol.mixed li.group-invite-block.hover a,
#comments ol.mixed li.group-invite-block:hover a {
	color: #0063DC;
}
#comments ol.mixed li.group-invite-block a:hover {
	background-color: #0063DC;
	color: #fff;
}
/* rolled up or down */
#comments ol.rolleddown li.group-invite-block, 
#comments ol.rolleddown li.group-invite-block a, 
#comments ol.rolledup li.group-invite-block, 
#comments ol.rolledup li.group-invite-block a {
	color: #999;
}




/* -------------------- */
/* styling of the comment itself */
/* -------------------- */
#comments .comment-body p {
	line-height: 1.3em;
	margin: 10px 0 0;
}
#comments .comment-body p.spam-warning {
	color: #ff0000;
}
#comments .comment-body p br {
	line-height: 10px;
}
#comments .comment-body blockquote {
	line-height: 1.3em;
	margin: 0 0 0 20px;
}
#comments .comment-body strong, 
#comments .comment-body b {
	font-weight: bold;
}
#comments .comment-body i, 
#comments .comment-body em {
	font-style: italic;
}
#comments .comment-body b em,
#comments .comment-body strong em {
	font-weight: bold;
}
#comments .comment-body del, 
#comments .comment-body s {
	text-decoration: line-through;
}
#comments .comment-content .comment-author-container {
	display: block;
	float: left;
	padding-right: 10px;
}



/* -------------------- */
/* thumbnails in comments */
/* -------------------- */
/* img */
span.photo_container {
	display: inline-block;
	position: relative;
}

/**
 * video "play" thumbnails in comments
 */

#comments .comment-body span.photo_container a.pc_link {
	bottom: 1px;
	left: 3px;
}

/* spaceball */
a.spaceball {
	background-color: transparent;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#comments .comment-block a.spaceball:hover {
	background-color: transparent;
}
a.spaceball img {
	height: 100%;
	width: 100%;
}
#comments .bbml-gallery .gallery-case a:hover { 
	background-color: transparent; 
}


/* -------------------- */
/* login */
/* -------------------- */
#comments .login-to-add-comment {
	margin-top: 33px;
}

/* ipad overrides */

@media only screen and (device-width: 768px) {
	
	div#comments li.hover span.comment-controls {
		display: inline; /* show on hover */
	}
	
	div#comments li span.comment-controls {
		display: inline; /* show on hover */
	}
	
	#comments .comment-block a {
		color: #0063DC;
	}
	
	#comments .comment-block.hover a {
		color: #0063DC;
	}
	
}

/* -------------------- */
/* comment format options dialog */
/* -------------------- */

.button-container {
	padding-bottom: 10px;
}

	
/* comment faving */

#comments .comment-block .comment-fave,
#comments .comment-block .comment-fave:hover {
	background-color: transparent;
}