body.cs p,
.width_limit {
  max-width: 730px;
}
.page-body-cs {
  font-size: 1.2em;
}
.page-body-cs p {
  font-size: 1em;
}
#csbody fieldset {
  font-size: 1em;
}
.page-body-cs ul {
  padding-left: 1.5em;
  line-height: 1.3em;
}
body.cs h2 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}
.widgetpanel td {
  padding: 6px;
}
.warningbox {
  background-color: #f6f2e5;
  border: 2px double black;
  padding: 12px;
  margin: 4px;
  max-width: 600px;
  font-size: 120%;
}
.center {
  text-align: center;
}
table.spine td.c {
  text-align: center;
}
table.spine td.l {
  text-align: right;
  width: 50%;
  font-weight: bold;
  padding-right: 0.3em;
}
table.spine td.r {
  text-align: left;
  width: 50%;
}
.page-numbers {
  padding: 0;
  margin: 0;
}
.page-numbers li {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.page-numbers li * {
  padding: 0.1em 0.3em;
}
.page-numbers a.current {
  text-decoration: none;
  background: #ccc;
  background: url(//static.chickensmoothie.com/rgba/66FFFFFF);
  background: rgba(255, 255, 255, 0.4);
}
.cstable {
  border: none;
  border-spacing: 0;
}
.cstable th {
  padding: 0.5em;
}
.cstable td {
  padding: 0.35em;
}
body.help #csbody h3 {
  margin-bottom: 0.3em;
}
body.help .helplist p {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0.8em;
}
body.help .helplist dt,
body.help .helplist dd {
  margin: 0 0 0 0;
  padding: 0.5em 0 0.5em 2.5em;
  background-position: 0.5em 0.5em;
  background-repeat: no-repeat;
}
body.help .helplist dt {
  font-weight: bold;
  background-image: url('/img/helpq.png');
}
body.help .helplist dd {
  background-image: url('/img/helpa.png');
}
body.help .helplist dt:target,
body.help .helplist dt:target + dd {
  background-color: rgba(255, 255, 255, 0.5);
}
body.help .helplist li {
  margin: 0;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  list-style-image: url('/img/leafbullet.png');
}
body.help #helpbuttons {
  margin-top: -15px;
}
body.help #helpbuttons li {
  float: left;
  margin-right: 1em;
}
body.help .helpsectionlist {
  float: left;
  width: 360px;
  padding: 0;
  margin: 0;
}
body.help .helpsectionlist li,
body.help .helpsectionlist ul,
body.help #helpbuttons li {
  list-style-type: none;
  list-style-image: none;
}
body.help .helpsectionlist li ul {
  margin: 0 0 0 0;
  padding: 0 1em 0 0em;
}
body.help .helpsectionlist li ul li a {
  padding-left: 1em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  display: block;
}
/* Compliant browsers use this declaration. IE's gets overridden later. */
.iewibl {
  display: inline-block;
}
#loginbox dt {
  width: auto;
}
#loginbox dd {
  width: auto;
}
.ui-tabs-hide {
  display: none;
}
.newsitem .date {
  font-weight: bold;
  padding: 0.35em;
  margin-bottom: 0;
  vertical-align: middle;
  text-align: center;
  max-width: 730px;
}
.newsitem .date img {
  vertical-align: middle;
  position: relative;
  left: -1em;
}
.newsitem {
  margin-bottom: 1.1em;
}
.newsitem .newscontent {
  background-repeat: no-repeat;
  background-position: 4px 0;
  padding-top: 0.5em;
  padding-right: 0.5em;
  min-height: 32px;
  text-align: center;
}
.newscontent img {
  max-width: 100%;
  height: auto;
}
.reqjs {
  display: none;
}
body.frontpage #newssub {
  padding: 0.5em;
  text-align: center;
}
body.frontpage #main_right {
  float: right;
  width: 70%;
  position: relative;
}
body.frontpage #main_left .panel {
  margin-right: 4px;
}
body.frontpage #main_left {
  width: 30%;
  float: left;
}
body.frontpage #latest_posts dt {
  font-size: 110%;
}
body.frontpage #latest_posts dd {
  font-size: 90%;
  padding-bottom: 0.5em;
}
body.frontpage #latest_drawings .prevnext {
  text-align: center;
}
body.frontpage #latest_drawings ul {
  min-height: 188px;
  padding-top: 0;
  padding-bottom: 2em;
  padding-left: 0;
}
body.frontpage #latest_drawings ul li {
  text-align: center;
  width: 100%;
  list-style-type: none;
}
body.frontpage #latest_drawings ul li div {
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
body.frontpage #latest_drawings img {
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
body.permissionslip #csbody p {
  margin-bottom: 1em;
  margin-top: 1em;
}
body.permissionslip #csbody p,
body.permissionslip #csbody dl,
body.permissionslip #csbody ul {
  font-size: 115%;
  line-height: 1.3em;
}
body.permissionslip #csbody dt em {
  font-weight: bold;
  font-style: normal;
}
body.permissionslip #csbody dl p,
body.permissionslip #csbody ul p {
  font-size: 100%;
  line-height: inherit;
}
body.permissionslip #permission-print-bar {
  background-color: #c8c8ff;
  background-color: rgba(200, 200, 255, 0.5);
  padding: 0.5em;
}
body.permissionslip #permission-slip {
  background-color: #e8f8c8;
  background-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 1em;
  margin-left: 1em;
  padding: 1em;
}
body.permissionslip #permission-slip .writing-line {
  margin-top: 3em;
  width: 25em;
  border-bottom: 1px dotted black;
}
body.permissionslip #permission-slip dl {
  padding-bottom: 1em;
}
body.permissionslip #permission-slip dt {
  font-weight: bold;
  min-width: 15em;
  margin-top: 1em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.permissionslip #permission-slip dd {
  margin-left: 2em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.permissionslip #permission-slip .contact-detail {
  margin-left: 2em;
}
body.permissionslip #csbody dl dl {
  font-size: 100%;
}
body.privacy-policy-page .privacy-policy {
  font-size: 14px;
}
body.store #storecatlist {
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  margin-bottom: 2em;
}
body.store #storecatlist li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: 140px;
  min-width: 200px;
  position: relative;
  float: left;
}
body.store #storecatlist .new {
  position: absolute;
  left: 250px;
  top: 20px;
  width: 48px;
  height: 48px;
}
body.storecategory .store-line td {
  padding: 4px;
}
body.storecategory .store-line-release {
  font-size: 11px;
  text-align: center;
  padding: 0.5em;
  margin: 1px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.storecategory .store-line-release p {
  padding: 0;
  margin: 0;
}
body.storecategory .store-species-link {
  padding: 4px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.storecategory .store-species-link.selected {
  background: #ccc;
  background: url(//static.chickensmoothie.com/rgba/4CFFFFFF);
  background: rgba(255, 255, 255, 0.3);
}
body.storecategory .store-models {
  position: relative;
}
body.storecategory .store-models,
body.storecategory .store-line-release-item-pics {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
body.storecategory .store-model:not(:first-child) {
  display: none;
}
body.storecategory .store-item-variant {
  display: none;
}
body.storecategory .store-item-variant[data-model*="00"] {
  display: block;
}
body.storecategory #csbody .store-line-release-content {
  padding: 0;
  margin: 0;
  line-height: 1;
}
body.storecategory .store-line-release-content li {
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.storecategory .store-line-release-item {
  padding: 4px;
}
body.storecategory .store-line-flex tr {
  display: flex;
}
body.storecategory .store-line-flex .store-line-header {
  background-color: #99c57c;
  align-items: center;
}
body.storecategory .store-line-flex .store-line-header td:first-child {
  max-width: 440px;
  flex-grow: 0;
}
body.storecategory .store-line-flex .store-line-header td:last-child {
  flex-grow: 1;
}
body.storecategory .store-line-flex .store-line-body td:first-child {
  display: flex;
}
body.storecategory .store-line-flex .store-models {
  position: sticky;
  top: 50px;
  align-self: flex-start;
}
body.fans #thumbs div.pic {
  float: left;
  padding: 8px;
  background-color: #cff47d;
}
body.fans #thumbs div.pic dl,
body.fans #thumbs div.pic dd,
body.fans #thumbs div.pic dt {
  padding: 0;
  margin: 0;
}
body.fans #thumbs div.pic dt {
  float: left;
  clear: left;
  width: 3em;
  display: block;
  padding-top: 0.5em;
  font-weight: bold;
}
body.fans #thumbs div.pic dd {
  float: left;
  margin-left: 3.5em;
  padding-top: 0.5em;
}
body.fans #thumbs div.pic dd.image {
  margin: 0;
  padding: 0;
}
table.tradelist {
  min-width: 600px;
}
table.tradelist tr {
  border-spacing: 1px;
}
.tradelist .cancelled {
  background-color: #ffa0a0;
}
.tradelist .edited {
  background-color: #a0e1aa;
}
.tradelist .summaryhead {
  font-size: 120%;
}
.tradelist .summaryline {
  font-size: 0.9em;
}
.tradelist .trade-status {
  min-width: 20em;
}
.tradelist .trade-check {
  min-width: 1em;
  text-align: center;
}
body.tradingcenter div.search {
  text-align: right;
  padding: 3px;
}
body.tradingcenter div.search * {
  font-size: 95%;
}
body.tradingcenter .noneyet {
  font-style: italic;
  text-align: center;
}
body.tradingcenter .pages {
  padding: 3px;
}
body.tradingcenter span.error {
  color: red;
}
body.tradingcenter input.text {
  border: 1px solid #888;
  padding: 0.2em;
}
body.tradingcenter input.error {
  background-color: #ffe0e0;
  color: black;
}
body.tradingcenter .tradelist .cancelticked {
  font-size: 95%;
}
body.tradingcenter .tradelist .cancelticked input {
  padding: 1px;
}
body.tradingcenter .tradelist .cancelticked td {
  padding: 3px;
  text-align: right;
}
body.tradingcenter .tradelist .cancelticked * {
  vertical-align: baseline;
}
body.tradingcenter .tradelist td.unread {
  text-align: center;
}
body.viewtrade .sendpane {
  margin-top: 8px;
}
body.viewtrade .section {
  margin-bottom: 8px;
}
body.viewtrade .messageintro {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
body.viewtrade .message {
  margin-left: 29px;
  font-size: 120%;
  padding: 4px;
}
body.viewtrade .trade-icon-info {
  padding-right: 5px;
  vertical-align: middle;
}
body.viewtrade .trade-things {
  margin-left: 1em;
  margin-top: 0.5em;
}
body.viewtrade .rarity-update-note {
  padding: 5px;
  border-radius: 5px;
}
body.viewtrade .rarity-update-note img {
  display: block;
  margin-right: 1em;
}
body.viewtrade .rarity-update-note-row {
  display: flex;
  align-items: center;
}
body.viewtrade .rarity-update-note-row p {
  flex-grow: 1;
  flex-shrink: 1;
}
body.viewtrade #csbody .trade-things ul {
  padding: 0;
  line-height: inherit;
}
body.viewtrade .trade-things .pet,
body.viewtrade .trade-things .item {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.viewtrade .trade-things .pet {
  text-align: center;
}
body.viewtrade .trade-things .pet table {
  margin-left: auto;
  margin-right: auto;
}
body.viewtrade .trade-things .pet .pet-image,
body.viewtrade .trade-things .item img {
  display: block;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
}
body.viewtrade .trade-things .pets,
body.viewtrade .trade-things .items {
  margin-bottom: 1em;
}
body.viewtrade .infoline {
  margin-bottom: 4px;
}
body.viewtrade .chicken-dollars {
  font-size: 125%;
  height: 76px;
  margin-top: 1em;
  margin-bottom: -0.5em;
  padding: 0.5em 4px 4px 180px;
  font-size: 18px;
  background-image: url(/img/chickendollars.png);
  background-repeat: no-repeat;
}
body.viewtrade .chicken-dollars .current-balance {
  font-size: 70%;
}
body.viewtrade .trade-action-buttons {
  margin-bottom: 2em;
}
body.viewtrade .trade-action-buttons .btn {
  margin-right: 0.1em;
  margin-bottom: 0.5em;
}
.view-trade-share-link {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
.view-trade-share-link input {
  margin-left: 29px;
  max-width: 80vw;
}
.view-trade-share-link a {
  display: none;
}
@media screen and (max-width: 1024px) {
  .view-trade-share-link input {
    width: 15em;
  }
}
.archive-index-columns {
  overflow: hidden;
}
.archive-index-columns ul,
.archive-index-columns {
  list-style-type: none;
  padding-left: 0 !important;
  margin-left: 0;
}
.archive-index-columns ul li {
  line-height: 1.8;
}
.archive-index-columns dl {
  margin-bottom: 1em;
  margin-right: 3em;
  margin-left: 1em;
}
.archive-index-columns dt {
  font-size: 120%;
  margin-bottom: 0.5em;
}
.archive-index-columns > li {
  float: left;
}
body.archive .wishlist-jump {
  font-size: 60%;
  margin-left: 0.5em;
}
body.archive #csbody .kinds {
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}
.archive-accolades {
  padding-left: 0 !important;
  list-style-type: none;
  font-size: 200%;
  text-align: center;
  margin: 1em 0;
}
body.archive .btn-show-completion {
  margin-left: 1em;
}
body.archive .filter-bar {
  margin-bottom: 1em;
}
body.archive .filter-bar form {
  display: inline-block;
}
body.archive .wishlist-top-menu .filter-bar {
  display: inline-block;
}
body.archive .wishlist-action-bar {
  display: inline-block;
}
body.archive .kinds .kind {
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border-radius: 5px;
}
body.archive .kinds .kind a {
  font-size: 120%;
  padding: 0.75em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.archive .kinds li:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.archive .kinds li:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
body.archive .years {
  font-size: 120%;
}
body.archive .years .year {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
body.archive #csbody .tabs li {
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.archive #csbody .tabs .event-section-title {
  padding: 0.5em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.archive #csbody .tabs a {
  padding: 0.5em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.archive #csbody .tabs {
  padding: 0;
  margin: 0;
}
body.archive #csbody .events-section {
  margin-bottom: 1em;
}
body.archive .archive-pet-tree,
body.archive .archive-item-group {
  margin-bottom: 2em;
  border-spacing: 1px;
}
body.archive .archive-pet-tree td {
  vertical-align: middle;
  text-align: center;
  padding: 4px;
  min-width: 100px;
}
body.archive .archive-pet-tree td.parent {
  max-width: 390px;
  overflow-x: auto;
}
body.archive .archive-pet-tree th,
body.archive .archive-item-group th {
  vertical-align: middle;
  text-align: center;
  padding: 4px;
  min-width: 100px;
  font-weight: normal;
}
body.archive .archive-pet-tree .empty {
  border: none;
  background-color: transparent;
}
body.archive .archive-pet-tree-container {
  overflow: auto;
}
body.archive .wllink {
  min-width: 200px;
}
body.archive a.wl_unadded span.iewibl {
  width: 24px;
  height: 24px;
  background-image: url(/img/archive/wishlist.png?v=1);
  background-repeat: no-repeat;
  background-position: 0 -24px;
  vertical-align: middle;
}
body.archive a.wl_added span.iewibl {
  width: 24px;
  height: 24px;
  background-image: url(/img/archive/wishlist.png?v=1);
  background-repeat: no-repeat;
  background-position: 0 -72px;
  vertical-align: middle;
}
body.archive .wl_added:hover div {
  background-position: 0 -48px;
}
body.archive .wl_unadded:hover div {
  background-position: 0 0;
}
body.archive img.wl_owned {
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
body.archive #csbody .archive-item-group td {
  padding: 4px;
}
body.archive #csbody .archive-item-group ul {
  padding: 0;
}
.event-own-all-icon,
.year-own-all-icon,
.event-own-none-icon,
.year-own-none-icon,
.event-own-some-icon,
.year-own-some-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 48px 16px;
  background-image: url(/img/archive/markers.png);
  background-repeat: no-repeat;
  margin: 0 0 -3px 2px;
}
.event-own-none-icon,
.year-own-none-icon {
  background-position: -16px 0;
}
.event-own-some-icon,
.year-own-some-icon {
  background-position: -32px 0;
}
body.archive .item {
  padding: 6px;
  text-align: center;
  font-size: 95%;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.archive .item > img:first-child {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.archive .item-name {
  font-size: 105%;
  margin-bottom: 2px;
}
body.archive .item img.wl_owned {
  width: 16px;
  height: 16px;
}
body.archive .giveaway-box {
  background: transparent !important;
}
body.archive .pages {
  margin-bottom: 0.5em;
}
body.speciespage .specieslist {
  padding-left: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 650px;
  margin-bottom: 2em;
  display: block;
}
body.speciespage .specieslist li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  min-height: 140px;
  min-width: 200px;
  position: relative;
  float: left;
}
body.speciespage .specieslist li .new {
  position: absolute;
  left: 237px;
  top: 30px;
  width: 48px;
  height: 48px;
}
.icon_wl_added {
  width: 24px;
  height: 24px;
  background-image: url('/img/archive/wishlist.png?v=1');
  background-repeat: no-repeat;
  background-position: 0 -72px;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
}
body.teampage .role {
  max-width: 50em;
  padding-top: 1em;
  line-height: 150%;
}
body.teampage .role > .name {
  font-weight: bold;
  font-size: 110%;
  line-height: 110%;
  padding: 0.4em;
}
body.teampage .role .member td {
  vertical-align: top;
  padding: 0;
}
body.teampage .role .member {
  width: 100%;
  padding: 0.5em 0 0.5em 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body.teampage .role .last {
  border-bottom: none;
}
body.teampage .role .member .avatar {
  padding: 0 0.6em 0 0;
  width: 100px;
}
body.teampage .role .member .description {
  padding: 0 0.6em 0 0.7em;
  text-align: justify;
}
body.teampage .role .member .bio {
  padding-top: 0.2em;
  font-size: 1em;
  line-height: 1.3em;
  margin-bottom: 1.5em;
}
body.teampage .role .member .name a {
  font-size: 125%;
}
body.teampage .role .member .name span {
  margin-left: 1em;
}
body.dress-pet #wrap {
  max-width: 1280px;
}
body.dress-pet .page-body-cs ul {
  padding-left: 0;
  line-height: 1em;
}
body.cs .item-category-tabs,
body.cs .item-category-tabs > ul,
body.cs .item-category-tabs .subcategory-tabs > ul.ui-tabs-nav,
body.cs .item-category-tabs .subcategory-tabs > ul.ui-tabs-nav li {
  background: none;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
body.cs .item-category-tabs .subcategory-tabs {
  min-height: 2em;
  padding: 0;
  position: static;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
body.cs .item-category-tabs .subcategory-tabs ul.ui-tabs-nav li {
  margin: 0;
}
body.cs .item-category-tabs .page-numbers {
  margin: 0.5em 0;
}
body.cs .item-category-tabs .category-body {
  padding: 0.5em;
}
body.cs .item-category-tabs li.special {
  float: right;
}
body.cs .item-category-tabs .wishlist-icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url(/img/icons/star16.png);
  background-repeat: no-repeat;
  margin-right: 0.5em;
  vertical-align: top;
}
body.item-collection .category-items-search,
body.edittrade .category-items-search {
  padding: 0.75em !important;
}
body.item-collection .category-items-search input[type=search],
body.edittrade .category-items-search input[type=search] {
  margin-right: 0.75em;
}
body.item-collection #csbody ul {
  padding-left: 0;
  line-height: 1em;
}
body.item-collection .findlink {
  vertical-align: super;
  font-size: 80%;
}
body.item-collection .dlgFindItems {
  display: none;
  padding: 0;
}
body.item-collection #pnlPets {
  height: 85%;
  width: 95%;
  overflow: auto;
  padding: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}
body.item-collection #pnlPets .pet {
  padding: 4px;
  text-align: center;
  display: inline-block;
  *diplay: inline;
  zoom: 1;
}
body.item-collection #pnlButtons {
  padding: 0;
}
body.item-collection .itemblock {
  margin: 5px;
  font-size: 85%;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.item-collection .ui-tabs-panel {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
body.item-collection .ui-tabs .ui-tabs-nav li a {
  padding: 0.5em 0.75em;
  /* Reduce default padding so row doesn't wrap */
}
body.item-collection .tabs li {
  font-size: 80%;
}
body.item-collection #category-tabs {
  margin-bottom: 0.5em;
}
body.item-collection #make-an-offer p {
  margin: 0.25em;
}
.item-collection-buttons {
  margin-bottom: 2em;
  text-align: right;
}
.privacy-policy dt {
  margin-top: 1em;
}
.privacy-policy dd {
  margin-top: 1em;
  margin-left: 2em;
}
.privacy-policy ol {
  margin-bottom: 1em;
}
body.pound .pound-pet {
  min-width: 150px;
  min-height: 100px;
  padding: 4px;
  text-align: center;
  display: inline-block;
  *display: inline;
}
body.pound .pound-pet .taken {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -65px;
  margin-top: -27px;
}
body.pound .pound-pet-image {
  position: relative;
}
body.pound .pound-pet-age {
  margin: 0.1em 0;
}
body.pound .adopt {
  padding: 4px;
  margin: 4px;
}
body.pound #countdown,
body.pound #pets_remaining {
  text-align: center;
  font-size: 150%;
  line-height: 150%;
}
.lost-and-found-item {
  min-width: 150px;
  min-height: 100px;
  padding: 4px;
  text-align: center;
  display: inline-block;
  *display: inline;
}
.lost-and-found-item-image {
  position: relative;
}
.lost-and-found-adopt {
  padding: 4px;
  margin: 4px;
}
body.lostandfound #countdown,
body.lostandfound #items_remaining {
  text-align: center;
  font-size: 18px;
  line-height: 150%;
}
body.pound .timeinfo,
body.lostandfound .timeinfo {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
  padding: 0;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
body.pound .timeinfo-clock,
body.lostandfound .timeinfo-clock {
  margin: 0.75em;
}
body.pound .timeinfo-clock img,
body.lostandfound .timeinfo-clock img {
  display: block;
}
body.pound .timeinfo-details,
body.lostandfound .timeinfo-details {
  margin: 0.75em;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
body.pound .timeinfo p,
body.lostandfound .timeinfo p {
  max-width: none;
}
.lost-and-found-claimed-item {
  display: block;
  margin-bottom: 1em;
}
.lost-and-found-claimed-item-jump {
  display: block;
  margin: 2em auto;
}
.pound-donate-button {
  margin: 1em 1em 1em 0;
}
body.balancepage h3 {
  margin: 0;
  padding: 0;
  font-size: 130%;
}
body.topuppage .paymentoptions {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
}
body.topuppage .paymentoptions table {
  width: 100%;
}
body.topuppage th {
  padding: 1em;
  padding-left: 0.5em;
  padding-right: 1.5em;
  vertical-align: middle;
  text-align: center;
  font-weight: normal;
}
body.topuppage td {
  padding: 1em;
  vertical-align: middle;
  text-align: center;
}
body.topuppage .gst {
  font-size: 0.96em;
  text-align: justify;
}
body.topuppage .product {
  font-size: 160%;
  line-height: 120%;
  width: 40%;
}
body.topuppage .cost {
  font-size: 130%;
}
body.topuppage .payment {
  font-size: 110%;
}
body.topuppage .original_cost {
  font-size: 65%;
}
body.viewgroup .pets-form.pet-rename-mode .petcheck,
body.viewgroup .pets-form.pet-rename-mode .pet-name-row,
body.viewgroup .pets-form.pet-rename-mode .move-pets-to-group,
body.viewgroup .pets-form.pet-rename-mode .mark-pets {
  display: none !important;
}
body.viewgroup dl.pet {
  margin: 4px;
  padding: 2px;
  text-align: center;
}
body.viewgroup .pets > li,
body.viewgroup .pets dl.pet {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.viewgroup .pet input[type="checkbox"] {
  margin-right: 0.2em;
}
body.viewgroup .pet .pet-generate-name,
body.viewgroup .pet .pet-revert-name {
  vertical-align: bottom;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.viewgroup .pet .pet-generate-name img,
body.viewgroup .pet .pet-revert-name img {
  display: block;
  width: 20px;
  height: 20px;
}
body.viewgroup .pet .pet-revert-name {
  visibility: hidden;
}
body.viewgroup .pet .pet-rename-row {
  white-space: nowrap;
}
body.viewgroup .pet .pet-rename-row input {
  text-align: center;
  min-width: 13em;
}
body.viewgroup .pets {
  padding: 0 !important;
  list-style-type: none;
}
body.viewgroup .mark-pets,
body.viewgroup .move-pets-to-group {
  margin-bottom: 0.5em;
}
body.viewgroup .rename-pets .rename-pets-enabled {
  display: none;
}
body.viewgroup .rename-pets.pet-rename-mode .rename-pets-disabled {
  display: none;
}
body.viewgroup .rename-pets.pet-rename-mode .rename-pets-enabled {
  display: block;
}
body.viewgroup .rename-pets button {
  padding: 2px 6px 3px;
  /* Hack to stop IE7 from adding huge horz padding */
  width: auto;
  overflow: visible;
}
body.viewgroup .manage-menu {
  margin-bottom: 2em;
  margin-top: 0.5em;
  display: inline-block;
  width: 25em;
  vertical-align: top;
}
body.viewgroup .manage-menu ul {
  list-style-type: none;
  padding: 0 !important;
  font-size: 105%;
}
body.viewgroup .manage-menu ul li {
  padding: 0.2em 0;
}
body.viewgroup .manage-menu ul li a {
  display: block;
}
body.viewgroup .pets-control-panel {
  border-radius: 5px;
  width: 90%;
}
body.viewgroup .pets-control-panel td:last-child {
  text-align: right;
}
body.viewpet .pet {
  min-width: 500px;
}
body.viewpet .pet,
body.viewpet .pet .c img,
body.viewpet .pet table {
  margin-left: auto;
  margin-right: auto;
}
body.viewpet .pet table {
  min-width: 80%;
}
body.viewpet .pet img {
  display: block;
}
.view-pet-codes {
  display: flex;
  max-width: 730px;
  flex-wrap: wrap;
}
.view-pet-code-side-html,
.view-pet-code-side-forum {
  min-width: 20em;
  flex-grow: 1;
  margin-right: 1em;
  margin-bottom: 1em;
}
.view-pet-codes textarea {
  width: 100%;
  height: 5em;
  margin-right: 1em;
  margin-top: 2px;
}
.page-body-cs .view-pet-actions {
  margin-bottom: 1.5em;
  line-height: 1.5em;
}
.view-pet-action-move,
.view-pet-action-move form {
  display: none;
}
.view-pet-action-move select {
  min-width: 10em;
  max-width: 40em;
  height: 2.5em;
  flex-shrink: 1;
}
.view-pet-action-move button {
  padding: 4px;
  flex-shrink: 0;
  flex-grow: 0;
}
.pet-birthday {
  display: block;
}
body.edittrade div.error {
  margin: 1em 0;
  padding: 1em;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  border: 1px solid;
}
body.edittrade .item div.error {
  padding: 0.5em;
  border: none;
}
body.edittrade .pet {
  margin-right: 4px;
  margin-bottom: 8px;
  text-align: center;
}
body.edittrade .pet p {
  margin-bottom: 0;
}
body.edittrade .pet table {
  margin-left: auto;
  margin-right: auto;
}
body.edittrade .pet td {
  padding: 1px;
}
body.edittrade .pet .icon_wl_added {
  margin-top: -4px;
  margin-bottom: -4px;
}
body.edittrade .pet .locked {
  vertical-align: middle;
}
body.edittrade .pet .details {
  font-size: 90%;
}
body.edittrade .pet .rarity img {
  margin-top: -2px;
}
body.edittrade .rulessection {
  overflow: hidden;
  padding: 4px;
  margin-bottom: 16px;
  padding-bottom: 0;
}
body.edittrade .rulessection .header {
  padding-bottom: 4px;
  font-weight: bold;
}
body.edittrade .rulessection .header img {
  padding-left: 4px;
  padding-right: 5px;
}
body.edittrade .rulessection.collapsed {
  height: 1em;
  min-height: 24px;
}
body.edittrade .rulessection .clicktoshow,
body.edittrade .rulessection .clicktohide {
  display: none;
}
body.edittrade .rulessection .message {
  margin: 4px;
}
body.edittrade .rulessection,
body.edittrade .petsection {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
body.edittrade .petsection {
  padding: 4px;
  margin-bottom: 16px;
}
body.edittrade .petsection .header {
  margin: -4px -4px 4px -4px;
  font-size: 130%;
  padding: 0.3em;
}
body.edittrade .petsection .header a {
  color: inherit;
  font-weight: bold;
}
body.edittrade .petsection .actions {
  margin-top: 1em;
}
body.edittrade .petsection .actions a {
  padding: 0.6em;
  font-size: 110%;
  display: inline-block;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  *display: inline;
  zoom: 1;
}
body.edittrade .petsection .item {
  padding: 4px;
}
body.edittrade .petsection .item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
body.edittrade .petsection .item input {
  margin-top: 5px;
  margin-bottom: 2px;
}
body.edittrade .petsection .trade-credits {
  font-size: 125%;
  height: 76px;
  margin-top: 1em;
  margin-bottom: -1em;
  padding: 1em 4px 4px 180px;
  background-image: url(/img/chickendollars.png);
  background-repeat: no-repeat;
}
body.edittrade .petsection .trade-credits .current-balance {
  font-size: 75%;
  display: block;
  margin-top: 2px;
}
body.edittrade .addbyidnumber {
  margin-top: 8px;
}
body.edittrade .petsection .actions .addbyidnumber {
  margin-left: 4px;
  vertical-align: middle;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.edittrade .petsection .actions .addbydialog {
  vertical-align: middle;
  display: none;
}
body.edittrade .pickDialog {
  font-size: 1.2em;
}
body.edittrade .pickDialog p {
  font-size: 1em;
  line-height: 1em;
  margin-bottom: 1em;
}
body.edittrade .itemblock {
  margin: 5px;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.edittrade .pickDialog {
  overflow: hidden;
}
body.edittrade .pickDialog .category {
  padding: 0;
  margin: 0.7em;
}
body.edittrade .pickDialog .category .page-numbers {
  margin: 0.5em 0;
}
body.edittrade .pickDialog .item-details {
  margin-bottom: 0.5em;
}
body.edittrade #dlgPickOfferItems,
body.edittrade #dlgPickWantItems {
  overflow: auto;
}
body.edittrade .pick-items-dialog-trade-policy {
  padding: 0.5em 0;
  margin-bottom: 0.5em;
}
body.edittrade .ui-tabs .ui-tabs-hide {
  display: none;
}
body.edittrade .ui-tabs-nav li {
  font-size: 80%;
}
body.edittrade .item,
body.edittrade .pet {
  text-align: center;
}
body.edittrade .item p,
body.edittrade .pet p {
  text-align: center;
}
body.edittrade .sendpane {
  max-width: 38em;
  margin-bottom: 1em;
}
body.edittrade .sendpane-body {
  padding-left: 1em;
}
body.viewtrade .send-message-section {
  max-width: 45em;
  margin-bottom: 1em;
}
body.edittrade .send-message-section dt,
body.viewtrade .send-message-section dt {
  margin-bottom: 1em;
}
body.edittrade .send-message-section dd,
body.viewtrade .send-message-section dd {
  padding-left: 2em;
}
body.edittrade .send-message-section select,
body.viewtrade .send-message-section select,
body.edittrade .send-message-section textarea,
body.viewtrade .send-message-section textarea {
  width: 100%;
  margin-bottom: 0.8em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body.edittrade .send-button-section {
  text-align: right;
}
body.edittrade .trade-type-options {
  padding: 0 !important;
  margin-bottom: 1em;
}
body.edittrade .sendpane ul {
  margin-left: -1em;
}
body.edittrade .sendpane-body {
  font-size: 110%;
}
body.edittrade .trade-type-options li {
  list-style-type: none;
}
body.edittrade .trade-type-options label {
  display: block;
  padding: 1em;
  cursor: pointer;
}
body.edittrade .trade-type-options span {
  padding-left: 0.25em;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.edittrade .trade-type-options label.active {
  color: black;
  background: white;
  background: rgba(255, 255, 255, 0.5);
}
body.edittrade .canned-message-selector,
body.viewtrade .canned-message-selector {
  margin-bottom: 1em;
}
body.edittrade .canned-message-preview,
body.viewtrade .canned-message-preview {
  display: none;
  padding: 1em;
  margin-bottom: 1em;
}
body.edittrade .warning {
  width: 100%;
}
body.edittrade .warning td {
  padding: 4px;
}
body.contestgallery #cake-entries {
  padding: 0;
}
body.contestgallery #cake-entries li {
  padding: 0.5em;
}
body.contestgalleryentry #main-image {
  height: 500px;
  margin-top: 1em;
}
body.contestgalleryentry #main-image img {
  margin: 0 auto;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 100%;
  max-width: 100%;
}
body.contestgalleryentry #main-image img.reqjs {
  display: none;
}
body.contestgalleryentry #entry-images {
  padding: 0;
  margin-top: 1em;
  overflow: auto;
  white-space: nowrap;
}
body.contestgalleryentry #entry-images li {
  margin: 0.2em;
  vertical-align: middle;
}
body.contestgalleryentry #entry-images a {
  padding: 3px;
  display: block;
  border: 1px solid #ccc;
}
body.contestgalleryentry #entry-images li.activeSlide {
  background: #88f;
}
body.contestgalleryentry #entry-images img {
  display: block;
}
body.ok_settings #oekaki-settings,
body.ok_settings #oekaki-settings ul {
  padding-left: 0;
}
body.ok_settings #oekaki-settings {
  max-width: 70em;
  margin-bottom: 1em;
}
body.ok_settings #oekaki-settings dt {
  margin-top: 1em;
}
body.ok_settings #oekaki-settings dt label {
  font-weight: normal;
}
body.ok_settings #oekaki-settings dd {
  margin-top: 0.5em;
  margin-left: 2em;
}
body.ok_settings #oekaki-settings #painters {
  margin-bottom: 1em;
}
body.ok_settings #oekaki-settings #painters dt {
  font-size: 125%;
}
body.ok_settings #oekaki-settings #painters dd {
  margin-top: 0.75em;
  margin-bottom: 2em;
}
body.ok_settings #oekaki-settings .experimental {
  background-color: #F66;
  color: black;
  padding: 0.25em;
  font-size: 66%;
}
body.ok_settings #oekaki-settings .submit {
  padding: 0.4em;
}
body.tradesettings #trade_settings {
  max-width: 70em;
}
body.tradesettings #trade_settings dt {
  margin-top: 1em;
}
body.tradesettings #trade_settings dt label {
  font-weight: normal;
}
body.tradesettings #trade_settings dd {
  margin-top: 0.5em;
  margin-left: 2em;
}
body.tradesettings #trade_settings textarea {
  width: 700px;
  min-width: 100%;
  max-width: 100%;
  height: 18em;
}
body.tradesettings #remainingchars {
  visible: false;
  text-align: right;
  font-style: italic;
}
body.tradesettings #csbody .error {
  background-color: #ff8080;
  padding: 1em;
  margin-bottom: 0.5em;
  color: black;
}
body.tradesettings #trade_setting_saved {
  font-size: 120%;
  padding: 0.5em;
  background: rgba(255, 255, 255, 0.4);
  word-break: break-word;
}
body.tradesettings #trade_settings .submit {
  padding: 0.4em;
}
body.groups dl.groups-list > dd {
  float: left;
  margin-bottom: 1em;
  padding-left: 0;
}
body.groups dl.groups-list > dd.group-head {
  font-weight: bold;
}
body.groups dl.groups-list > dt.group-name {
  font-size: 120%;
  clear: left;
  float: left;
  margin-bottom: 0.2em;
  width: 20em;
}
body.groups dl.groups-list ul {
  padding-left: 0 !important;
}
body.groups dl.groups-list li {
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.groups dl.groups-list li.group-name {
  width: 24em;
}
body.groups dl.groups-list li.group-desc {
  min-width: 20em;
}
body.groups dl.groups-list li.group-count {
  min-width: 10em;
}
body.canceltrades #messagearea dt {
  margin-bottom: 0.8em;
}
body.canceltrades #messagearea dd {
  margin-left: 1em;
  margin-bottom: 1em;
  max-width: 60em;
}
.knock-make-attempt {
  text-align: center;
  margin: 1em;
}
.knock-attempts,
.knock-regular {
  display: none;
}
body.has-js .knock-attempts {
  display: block;
}
body.has-js .knock-regular {
  display: inline-block;
}
.knock-button {
  font-size: 120%;
  padding: 0.5em;
  margin-top: 0;
  border-radius: 4px;
  background-color: #fcfcfc;
}
.knock-button:disabled {
  background-color: #eee;
  color: #888;
}
.knock-attempts ul {
  padding: 1em !important;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  height: 200px;
  overflow-y: scroll;
  font-size: 105%;
  background: url(//static.chickensmoothie.com/rgba/33FFFFFF);
  background: rgba(255, 255, 255, 0.2);
  margin-top: 1em;
  margin-bottom: 1em;
}
.knock-attempts li {
  padding: 0.5em;
  border-radius: 2px;
  list-style-type: none;
  margin-bottom: 2px;
  opacity: 0;
  background: url(//static.chickensmoothie.com/rgba/0C000000);
  background: rgba(0, 0, 0, 0.05);
}
.knock-attempts li.show {
  -webkit-animation: knock-fade 0.4s;
  animation: knock-fade 0.4s;
  opacity: 1;
}
.knock-attempts li.me {
  background: url(//static.chickensmoothie.com/rgba/18000000);
  background: rgba(0, 0, 0, 0.1);
}
@-webkit-keyframes knock-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes knock-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.special-event-tourist-gallery {
  text-align: center;
  padding: 1.5em;
  border-radius: 5px;
  margin: 1em 0;
}
.special-event-tourist-gallery .pet {
  padding: 1em;
  text-align: center;
  list-style-type: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.camp-tourists .timeinfo {
  padding: 1em;
  font-size: 110%;
  max-width: 55em;
  margin-left: auto;
  margin-right: auto;
}
body.camp-tourists .timeinfo img {
  margin-right: 0.5em;
}
body.space-tower .collection {
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: center;
}
body.sea-tourists #countdown {
  text-align: center;
  font-size: 120%;
}
body.special-event .hunt-chest-background {
  width: 502px;
  height: 522px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  position: relative;
}
body.special-event .hunt-chest-background.found {
  width: 495px;
  height: 443px;
}
body.special-event .hunt-chest-background > img {
  display: block;
}
body.special-event .hunt-chest-tagline {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  font-size: 125%;
  max-width: 40em !important;
}
body.special-event .hunt-chest-background span {
  font-size: 75%;
}
body.special-event .hunt-chest-got {
  position: absolute;
  left: -7px;
  top: 0px;
  right: 1px;
  line-height: 468px;
  font-size: 14px;
  text-align: center;
  height: 219px;
  white-space: nowrap;
  color: #bbb;
}
body.special-event .hunt-chest-got img {
  vertical-align: middle;
}
body.special-event .hunt-chest-got .what-sort {
  display: none;
}
body.special-event .what-sort {
  font-size: 130%;
  margin-bottom: 0.5em;
}
body.special-event .see-other-page-link {
  text-align: center;
  font-size: 120%;
  margin-bottom: 2em;
}
body.special-event .unlock-bar {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  position: relative;
  width: 563px;
  height: 176px;
}
body.special-event .unlock-bar .outer {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  background-color: #646464;
  height: 68px;
  margin: auto;
  width: 480px;
  top: 61px;
  border: 1px solid black;
  border-radius: 5px;
}
body.special-event .unlock-bar .bar {
  height: 68px;
  background: url(/img/events/2016-space/star-bar.png) repeat-x left center;
}
body.special-event .unlock-bar .overlay {
  width: 120px;
  height: 85px;
  position: absolute;
  top: 71px;
  left: 487px;
  background-image: url(/img/events/2016-space/star-bar-parts.png);
}
.battle-bar {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 666px;
  height: 55px;
  background-image: url(/img/events/2017-april-fools/battle-bar.png);
  margin-top: 2em;
  margin-bottom: 2em;
}
.battle-bar .outer {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  background: url(/img/events/2017-april-fools/battle-bar-gray.png) repeat-x left center;
  height: 53px;
  margin: auto;
  width: 468px;
  top: 0px;
}
.battle-bar .bar {
  height: 53px;
  background: url(/img/events/2017-april-fools/battle-bar-color.png) repeat-x left center;
  border-right: 1px solid #888;
}
.battle-bar,
.battble-bar .bar,
.battle-bar .outer {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
body.special-event .stamps-awarded {
  margin-top: 1em;
}
body.special-event .cooldown-remaining {
  margin-top: 1em;
  font-weight: bold;
}
body.special-event table.giveaway td:last-child {
  max-width: 35em;
}
body.special-event .blurb .stamp,
body.special-event .cs-stamp,
.awarded-stamps .cs-stamp {
  margin-right: 4px;
  position: static !important;
}
body.special-event .blurb {
  margin-left: auto;
  margin-right: auto;
  max-width: 50em;
}
body.special-event .blurb.trim {
  margin-bottom: 0.5em;
}
body.special-event .giveaway {
  margin-bottom: 1em;
  font-size: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
body.special-event .giveaway-description {
  vertical-align: top;
}
body.special-event .releasetradewrap {
  max-width: 700px;
  margin-bottom: 3em;
  margin-left: auto;
  margin-right: auto;
  padding: 1em 0;
  border-top: 1px dashed gray;
  border-bottom: 1px dashed gray;
}
body.special-event .releasetradewrap .new {
  color: red;
  margin-bottom: 0.5em;
}
body.special-event #csbody .releasetrade .item-trade-list {
  list-style-type: none;
  padding: 0;
  margin: 1em 0;
}
body.special-event #csbody .releasetrade .item-trade {
  display: inline-block;
  text-align: center;
  margin: 0.5em 0;
  margin-right: 0.8em;
}
body.special-event #csbody .releasetrade .item-trade p {
  margin-bottom: 0;
}
body.special-event #csbody .releasetrade .item-trade-group {
  margin-bottom: 1em;
}
body.special-event #csbody .releasetrade .item-trade-list ul {
  padding-left: 0;
  margin-top: 0.5em;
}
body.special-event dl.releasetrade {
  width: 100%;
}
body.special-event dl.releasetrade a.disabled {
  display: none;
}
body.special-event dl.releasetrade .item-trade-group-pick-warning {
  font-weight: bold;
  color: #0b0080;
  margin-top: 0.5em;
  margin-bottom: 1.5em;
}
body.special-event.cs-CSDark dl.releasetrade .item-trade-group-pick-warning {
  color: #d67e7e;
}
body.special-event dl.releasetrade > dt,
body.special-event dl.releasetrade > dd {
  float: left;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
body.special-event dl.releasetrade > dt {
  text-align: right;
  width: 40%;
}
body.special-event dl.releasetrade > dt > img,
body.special-event .giveaway-image img {
  margin-right: 2em;
  max-width: 95%;
  height: auto;
  display: block;
  margin-left: auto;
}
body.special-event dl.releasetrade > dd {
  width: 58%;
}
body.special-event .item-trade-list img[src*="588747E9E5D4BEC21BA20A98F004D873"] {
  max-height: 60px;
  width: auto;
}
body.special-event input[type="submit"] {
  padding: 0.5em;
}
body.special-event .jlinks {
  text-align: center;
  font-size: 120%;
  margin-bottom: 1em;
}
body.special-event .return {
  text-align: center;
  font-size: 120%;
  margin-bottom: 2em;
  margin-top: 1em;
}
body.special-event .giveaway-got {
  text-align: center;
  font-size: 120%;
  margin-bottom: 2em;
}
body.special-event #csbody .blurb-thanks {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 140%;
  max-width: 50em;
}
body.special-event .giveaway-got p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
body.special-event h2 {
  font-size: 300%;
  text-align: center;
  margin: 0;
  margin-bottom: 5px;
}
body.special-event .med-error {
  font-size: 120%;
  padding: 0.5em;
  background-color: #faa;
  color: black;
  max-width: 30em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 10px;
}
body.special-event .npc {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}
body.gethelp #helpcontainer {
  max-width: 60em;
}
body.gethelp #loginbox {
  max-width: 30em;
  margin-bottom: 2em;
}
body.gethelp .helpform .disabled {
  background-color: #EBEBE4;
}
body.gethelp .helpform {
  margin-bottom: 1em;
}
body.gethelp #helpform-top {
  margin-bottom: 2em;
}
body.gethelp #helpform-bottom input[name="username"],
body.gethelp #helpform-bottom input[name="email"] {
  width: 20em;
}
body.gethelp .helpform .error {
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
body.gethelp .helpform > dd {
  margin: 0.5em 0 1em 1.5em;
}
body.gethelp .helpform textarea {
  height: 10em;
}
body.gethelp .helpform .submit {
  padding: 0.4em;
}
body.gethelp .extrahelp {
  display: none;
}
body.reportplayer .helpform {
  margin-bottom: 1em;
  max-width: 60em;
}
body.reportplayer .helpform .disabled {
  background-color: #EBEBE4;
}
body.reportplayer #helpform-bottom input[name="username"],
body.reportplayer #helpform-bottom input[name="email"] {
  width: 20em;
}
body.reportplayer .helpform .error {
  margin-top: 0.5em;
  padding-bottom: 0.5em;
}
body.reportplayer .helpform > dd {
  margin: 0.5em 0 1em 1.5em;
}
body.reportplayer .helpform textarea {
  height: 10em;
}
body.reportplayer .helpform .submit {
  padding: 0.4em;
}
body.createpetgroup dl#create-group dt label {
  font-weight: normal;
}
body.createpetgroup dl#create-group dd {
  margin-top: 0.5em;
  margin-bottom: 1em;
  margin-left: 1.8em;
}
body.createpetgroup #csbody #groupname {
  width: 30em;
}
body.createpetgroup #submit-button {
  padding: 0.25em;
}
body.import-avatar .avatar-to-import {
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 7px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.import-avatar .avatar-to-import img {
  display: block;
}
body.namepet .name-pet-panel {
  width: 400px;
  padding: 1em;
  border-radius: 5px;
  vertical-align: top;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.namepet .name-pet-panel-adopt-with-login {
  width: 450px;
  margin-bottom: 1em;
}
body.namepet .name-pet-panel-login,
body.namepet .name-pet-panel-adopt-without-login {
  margin-bottom: 12px;
  margin-right: 20px;
  width: 300px;
}
body.namepet .generate-pet-names {
  display: block;
  margin-bottom: 0.5em;
}
body.namepet #csbody .pet-names-list {
  padding: 0;
  list-style-type: none;
}
body.namepet #csbody .pet-names-list li {
  margin-bottom: 0.25em;
}
body.renamepet .rename-pet-info {
  margin-bottom: 1em;
}
body.renamepet .rename-pet-info td:first-child {
  padding-right: 0.5em;
}
body.renamepet.has-js .pet-generate-name {
  display: block;
  margin-bottom: 0.5em;
}
body.renamepet .pet-rename-form {
  margin-bottom: 2em;
}
body.renamepet .pet-rename-form dt {
  margin-top: 1em;
  font-weight: bold;
}
body.renamepet .pet-rename-form dd {
  margin-top: 0.5em;
  margin-left: 2em;
}
body.stamp-collection .page-body-cs ul {
  padding-left: 0;
  line-height: 1em;
}
body.stamp-collection .stampblock {
  padding-right: 8px;
  font-size: 85%;
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
body.stamp-collection #btnSaveChanges,
body.stamp-collection #btnUndoChanges,
body.stamp-collection #btnRemoveAll {
  padding: 4px;
}
body.stamp-collection #stack li {
  padding: 0;
  margin: 0;
}
body.stamp-collection .ui-tabs-panel {
  padding: 0.5em 0.5em 0.5em 0.5em;
}
body.stamp-collection .toybox {
  margin-right: 0;
}
body.stamp-collection .tabs li {
  font-size: 80%;
}
body.stamp-collection #collection-head-section {
  margin-bottom: 1em;
}
body.stamp-collection #collection-main-section {
  border-spacing: 0;
  width: 100%;
}
body.stamp-collection #collection-panel {
  text-align: center;
}
body.stamp-collection #collection-panel,
body.stamp-collection #stamps-panel {
  margin-bottom: 1em;
  vertical-align: top;
}
body.stamp-collection #stamps-head {
  padding-top: 0.5em;
  padding-bottom: 0.8em;
}
body.stamp-collection #stamps-contents {
  max-height: 50em;
  min-width: 100px;
  min-height: 200px;
  overflow: auto;
}
body.stamp-collection .subcategory-tabs .ui-tabs-panel {
  padding: 0;
}
body.stamp-collection .category {
  max-height: 30em;
  overflow: auto;
}
body.stamp-collection #collection-save-buttons {
  clear: both;
  margin-bottom: 1em;
}
body.stamp-collection #collection-save-buttons .left {
  float: left;
}
body.stamp-collection #collection-save-buttons .right {
  float: right;
}
body.stamp-collection #stamp-collection {
  white-space: nowrap;
  line-height: 0;
  margin: 1em;
  display: inline-block;
  zoom: 1;
  *dispay: inline;
}
body.stamp-collection .stamp-collection-cell {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: relative;
  margin-right: 2px;
  margin-bottom: 2px;
  background: url(//static.chickensmoothie.com/rgba/20000000);
  background: rgba(0, 0, 0, 0.1);
  zoom: 1;
  *display: inilne;
}
body.stamp-collection .stamp-collection-cell.hot {
  background: url(//static.chickensmoothie.com/rgba/20FFFFFF);
  background: rgba(255, 255, 255, 0.1);
}
body.stamp-collection .stamp-collection-cell.hot.error:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(//static.chickensmoothie.com/rgba/80FF0000);
  background: rgba(255, 0, 0, 0.5);
  z-index: 2;
}
body.stamp-collection .stamp-collection-cell .stamp {
  position: absolute;
  z-index: 1;
}
body.stamp-collection .stamp,
.cs-stamp {
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
  body.special-event-map-screen #map-background,
  body.special-event-map-screen #map-container .highlight {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
  }
}
body.special-event-map-screen #map-container {
  margin-top: 1em;
  margin-bottom: 1em;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 830px;
  height: 490px;
}
/* Only the Normal size shows by default: */
body.special-event-map-screen a.map-large,
body.special-event-map-screen img.highlight.map-large,
body.special-event-map-screen a.map-medium,
body.special-event-map-screen img.highlight.map-medium {
  display: none;
}
body.special-event .map-hotspot-image {
  display: block;
}
body.special-event .breaking-news {
  display: block;
  position: relative;
  margin: 1em auto;
  background-image: url(/img/events/2017-sea/breakingnews.png);
  background-repeat: no-repeat;
  width: 689px;
  height: 124px;
}
body.special-event .breaking-news .news-ticker {
  position: absolute;
  left: 131px;
  top: 95px;
  height: 16px;
  width: 528px;
  font-size: 12px;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 1.5) {
  body.special-event-map-screen #map-container .map-hotspot-image,
  body.special-event-map-screen #map-container .highlight {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
  }
}
body.staff-application .staff-position-description {
  margin-bottom: 1em;
}
body.staff-application .staff-position-description img {
  max-width: 100%;
  height: auto;
}
body.staff-application .staff-position-application-image-thumb {
  margin-bottom: 1em;
}
body.staff-application .staff-position-application-image-thumb a {
  display: block;
  margin-bottom: 0.5em;
}
body.staff-application .staff-position-application-image-thumb img {
  display: block;
}
body.staff-application .staff-position-application-image-pick {
  margin-bottom: 1em;
}
body.staff-application .staff-position-application {
  padding-bottom: 1em;
}
body.staff-application .staff-position-application dt {
  font-weight: normal;
  margin-top: 1em;
}
body.staff-application .staff-position-application > dt {
  font-size: 150%;
}
body.staff-application .staff-position-application dd {
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 1em;
}
body.staff-application .staff-position-application-form textarea,
body.staff-application .staff-position-application-form input[type=text] {
  display: block;
  width: 60em;
}
body.staff-application .staff-position-application-form dt {
  font-weight: strong;
  max-width: 60em;
  margin-top: 1.5em;
}
body.staff-application .wordlimit-status {
  margin-top: 5px;
  margin-bottom: 10px;
  display: block;
}
body.staff-application .wordlimit-warning {
  color: red;
}
body.staff-application .staff-position-description {
  font-size: 110%;
  max-width: 60em;
}
body.staff-application .staff-position-description ol {
  margin: 1em 0;
  font-size: 95%;
  padding-left: 1.5em;
}
body.staff-application .staff-position-description ol li {
  list-style-position: inside;
  margin: 0.5em 0;
}
body.staff-openings #csbody h3 {
  text-decoration: initial;
  border: none;
  font-size: 150%;
  margin-top: 1em;
  text-transform: none;
}
body.staff-openings #csbody ul {
  margin-bottom: 1em;
}
body.scene-edit-page #toolbox {
  width: 100%;
  min-height: 300px;
}
body.scene-edit-page #toolbox > div {
  overflow: auto;
  overflow-y: hidden;
}
body.scene-edit-page #toolbox .pet,
body.scene-edit-page #toolbox .item {
  text-align: center;
}
body.scene-edit-page #toolbox .pet .imgwrap {
  display: inline-block;
}
body.scene-edit-page #toolbox .added {
  position: relative;
}
body.scene-edit-page #toolbox .overlay {
  display: none;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.scene-edit-page #wrap {
  max-width: 2300px;
}
.dresscomp-enter-button {
  margin: 1em 0;
  display: block;
}
.dresscomp-enter-title {
  max-width: 100%;
  margin-right: 1em;
  box-sizing: border-box;
}
.dresscomp-blurb {
  margin-bottom: 1em;
}
.dresscomp-blurb-left {
  margin-right: 1em;
}
.dresscomp-blurb-title,
.dresscomp-closed-competitions h3,
.dressup-open-competitions {
  margin-bottom: 0.5em;
  text-transform: none;
  color: inherit;
  font-family: inherit;
  font-weight: normal;
  font-size: 18px;
}
.dresscomp-blurb-title {
  border-bottom: none;
  margin-top: 0;
  padding: 0;
}
.dresscomp-blurb-body {
  display: -ms-flexbox;
  -ms-flex-direction: row;
  display: flex;
  flex-direction: row;
}
.dresscomp-blurb-left .dresscomp-gallery-entry {
  display: block;
}
.dresscomp-blurb-left .dresscomp-gallery-entry img {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.dresscomp-blurb-left {
  -ms-flex: 1 0 auto;
  flex-grow: 1;
}
.dresscomp-blurb-go {
  display: block;
  margin-top: 2em;
  font-size: 110%;
}
.dresscomp-blurb-right {
  width: 45em;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  display: flex;
  flex-direction: column;
}
.dresscomp-blurb-right-main {
  -ms-flex: 1 0 auto;
  flex-grow: 1;
}
.dresscomp-blurb-right-tail {
  color: red;
}
.dresscomp-closed-competitions {
  margin-bottom: 1em;
}
.dresscomp-closed-competitions span:first-child {
  display: inline-block;
  min-width: 15em;
}
@media screen and (max-width: 1024px) {
  .dresscomp-blurb-body {
    display: block !important;
  }
  .dresscomp-blurb-right {
    width: auto;
  }
}
.dresscomp-gallery-entries {
  margin: 1em 0;
  padding: 1em;
  display: -ms-flexbox;
  -ms-flex-direction: row;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: distribute;
  -ms-flex-align: end;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: flex-end;
}
.dresscomp-gallery-samples h3 {
  text-transform: none;
  font-size: 17px;
  color: inherit;
  font-family: inherit;
  font-weight: normal;
}
.dresscomp-blurb .dresscomp-gallery-samples h3 {
  font-size: 16px;
}
.dresscomp-blurb-right,
.dresscomp-gallery-samples .dresscomp-gallery-entries {
  background-color: rgba(255, 255, 255, 0.33);
  border-radius: 5px;
}
.dresscomp-gallery-entry {
  display: inline-block;
  text-align: center;
  margin-right: 1em;
  margin-bottom: 1em;
}
.dresscomp-gallery-entry img {
  display: block;
  margin-bottom: 0.5em;
  margin-left: auto;
  margin-right: auto;
}
.dresscomp-gallery-entry-title {
  max-width: 28em;
  word-wrap: break-word;
  margin-left: auto;
  margin-right: auto;
}
.dresscomp-gallery-entry span {
  display: block;
}
.dresscomp-special-gallery-midnight .dresscomp-gallery-entries,
.dresscomp-special-gallery-midnight .dressup-entry-image a,
.space-tourist-pets {
  color: #eee;
  background: #111 url(/img/events/2016-space/stars-dressups.png) repeat;
}
.dresscomp-special-gallery-midnight .dresscomp-gallery-entries a,
.space-tourist-pets .pet a {
  color: #ccc;
}
.dresscomp-special-gallery-midnight .dressup-entry-image a {
  display: block;
  padding: 2em;
  border-radius: 5px;
  margin-bottom: 1em;
}
/* Fill the sceen with the pick pet dialog on mobile */
body.cs-CSMobile.dialog-open #wrap {
  display: none;
}
body.cs-CSMobile.dialog-open .ui-dialog {
  position: static !important;
  width: auto !important;
  height: auto !important;
}
body.cs-CSMobile.dialog-open .ui-widget-overlay {
  display: none;
}
body.cs-CSMobile.dialog-open .ui-dialog-content {
  height: auto !important;
}
body.cs-CSMobile .pick-pet-dialog select {
  font-size: 16px;
  /* Prevent iOS from zooming by giving it an acceptable fontsize */
}
.pick-pet-dialog {
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
.pick-pet-dialog-pet {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 1em;
  text-align: center;
}
.pick-pet-dialog-image-link {
  display: block;
  margin-bottom: 0.5em;
}
.pick-pet-dialog-pet img {
  display: block;
}
.pick-pet-dialog .page-numbers {
  margin: 1em 0;
}
.pick-pet-dialog-panel-pets {
  margin: 1em 0;
}
.pick-pet-dialog-pet-name {
  font-weight: normal;
  font-size: 120%;
  margin-bottom: 0.2em;
  font-family: inherit;
}
.dressupcomp-enter-error {
  margin: 1em 0;
  padding: 1em;
  border-radius: 4px;
  background-color: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1;
}
.dressupcomp-enter-form dt {
  margin-top: 1em;
  font-weight: bold;
}
.dressupcomp-enter-form dd {
  margin-top: 0.5em;
  margin-left: 2em;
}
.dressupcomp-enter-form button {
  padding: 0.5em;
}
.dressupcomp-picked-pet {
  margin-bottom: 0.5em;
}
.dresscomp-gallery-filters {
  margin: 1em 0;
}
.dresscomp-gallery-enter-button,
.dresscomp-gallery-closed {
  display: block;
  margin: 1em 0;
}
.dresscomp-gallery-closed {
  font-weight: bold;
  font-size: 110%;
}
body.dressup-gallery .pages {
  margin: 1em 0;
}
.dresscomp-gallery-timeinfo {
  padding: 1em;
  font-size: 110%;
  max-width: 55em;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
}
.dresscomp-gallery-timeinfo img {
  margin-right: 0.5em;
}
.dressup-entry-info {
  line-height: 1.2em;
  font-size: 1.1em;
  margin-bottom: 2em;
}
.dressup-entry-info a {
  white-space: nowrap;
}
.dressup-entry-image img {
  display: block;
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
}
.dressup-entry-info td {
  width: 50%;
}
.dressup-entry-info td:first-child {
  text-align: right;
  padding-right: 0.25em;
}
.dressup-entry-info td:last-child {
  text-align: left;
  padding-left: 0.25em;
}
.dressup-entry-info td:first-child:last-child {
  text-align: center;
}
.dressup-entry-like-bar {
  margin-top: 0.25em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.dressup-entry-action-bar td {
  padding-bottom: 1em;
}
.dressup-entry-delete-form {
  margin-bottom: 1em;
}
.dressup-entry-delete-form input[type="submit"] {
  margin-left: 1em;
}
.giveaway {
  display: flex;
  align-items: center;
}
.giveaway-image,
.giveaway-description {
  padding: 8px;
  vertical-align: middle;
}
.giveaway-description {
  flex-shrink: 3;
  min-width: 200px;
}
.giveaway-description .new {
  color: red;
  margin-bottom: 0.5em;
}
.giveaway-image {
  min-width: 200px;
  flex-shrink: 1;
}
.giveaway-image img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: 0;
  margin-left: auto;
}
@media only screen and (max-width: 800px) {
  .giveaway {
    margin-bottom: 1.5em;
  }
  .giveaway-image,
  .giveaway-description {
    display: inline-block;
    padding: 5px;
  }
  .giveaway-image {
    min-width: 0;
    padding-bottom: 0;
  }
  .giveaway-image img {
    max-width: 100%;
  }
  .giveaway-description p {
    margin-bottom: 0.5em;
  }
}
body.advent-fanart .pinboard {
  background-image: url(/img/events/2018-xmas/pinboard-backdrop.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-attachment: local;
  width: 1118px;
  height: 661px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  overflow-x: auto;
  max-width: 100%;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
body.advent-fanart .pinboard-drawing {
  display: block;
  position: absolute;
  background-color: white;
  padding: 11px;
  border: 1px solid #878787;
  outline: 1px solid #878787;
  image-rendering: initial;
  -ms-interpolation-mode: initial;
  -webkit-box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.2);
}
body.advent-fanart .pinboard-drawing:nth-of-type(1),
body.advent-fanart .pinboard-drawing:nth-of-type(4) {
  left: 60px;
}
body.advent-fanart .pinboard-drawing:nth-of-type(2),
body.advent-fanart .pinboard-drawing:nth-of-type(5) {
  left: 400px;
}
body.advent-fanart .pinboard-drawing:nth-of-type(3),
body.advent-fanart .pinboard-drawing:nth-of-type(6) {
  left: 735px;
}
body.advent-fanart .pinboard-drawing:nth-of-type(1),
body.advent-fanart .pinboard-drawing:nth-of-type(2),
body.advent-fanart .pinboard-drawing:nth-of-type(3) {
  top: 360px;
}
body.advent-fanart .pinboard-drawing:nth-of-type(4),
body.advent-fanart .pinboard-drawing:nth-of-type(5),
body.advent-fanart .pinboard-drawing:nth-of-type(6) {
  top: 100px;
}
body.advent-fanart .pinboard-image-link {
  display: block;
}
body.advent-fanart .pinboard-image {
  display: block;
  max-width: 300px;
  max-height: 240px;
  height: auto;
  margin: 0 auto;
}
body.advent-fanart .pinboard-portrait {
  margin-left: 60px;
}
body.advent-fanart .pinboard-portrait .pinboard-image {
  max-width: none;
  max-height: 225px;
}
body.advent-fanart .pinboard-pin {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  width: 14px;
  height: 15px;
  top: 2px;
}
body.advent-fanart .pinboard-pin-ul {
  left: 2px;
}
body.advent-fanart .pinboard-pin-ur {
  right: 0;
}
body.advent-fanart .pinboard-pin[data-index="1"] {
  background-image: url(/img/events/2018-xmas/pin-1.png);
}
body.advent-fanart .pinboard-pin[data-index="2"] {
  background-image: url(/img/events/2018-xmas/pin-2.png);
}
body.advent-fanart .pinboard-pin[data-index="3"] {
  background-image: url(/img/events/2018-xmas/pin-3.png);
}
body.advent-fanart .pinboard-pin[data-index="4"] {
  background-image: url(/img/events/2018-xmas/pin-4.png);
}
body.advent-fanart .pinboard-author {
  line-height: 17px;
  font-family: 'Kalam', cursive, "Arial", Sans-serif;
  font-size: 16px;
  margin-top: 8px;
}
body.advent-fanart .pinboard-author a {
  color: black !important;
}
/* Portrait drawings in top left and top right can have extra room */
body.advent-fanart .pinboard-drawing:nth-of-type(4).pinboard-portrait,
body.advent-fanart .pinboard-drawing:nth-of-type(6).pinboard-portrait {
  left: 105px;
  top: 60px;
  margin-left: 0;
}
body.advent-fanart .pinboard-drawing:nth-of-type(6).pinboard-portrait {
  left: 838px;
}
body.advent-fanart .pinboard-drawing:nth-of-type(4).pinboard-portrait .pinboard-image,
body.advent-fanart .pinboard-drawing:nth-of-type(6).pinboard-portrait .pinboard-image {
  max-height: 260px;
}
body.advent-fanart .pinboard-title {
  position: absolute;
  width: 513px;
  height: 81px;
  left: 305px;
  top: 18px;
}
body.advent-fanart .pinboard-title-2018 {
  background-image: url(/img/events/2019-xmas/pinboard-title-2018.png);
}
body.advent-fanart .pinboard-title-2019 {
  background-image: url(/img/events/2020-xmas/pinboard-title-2019.png);
}
body.advent-fanart .pinboard-title-2020 {
  background-image: url(/img/events/2020-xmas/pinboard-title-2020.png);
}
body.advent-fanart .pinboard-title-2021 {
  background-image: url(/img/events/2022-xmas/pinboard-title-2021.png);
}
body.advent-fanart .pinboard-title-2022 {
  background-image: url(/img/events/2022-xmas/pinboard-title.png);
}
body.advent-fanart .pinboard-sticky {
  background-image: url(/img/events/2018-xmas/pinboard-sticky.png);
  position: absolute;
  width: 82px;
  height: 100px;
  left: 8px;
  top: 5px;
}
body.advent-fanart .pinboard-controls {
  text-align: center;
  font-size: 125%;
  margin-top: 0.5em;
  margin-bottom: 2em;
  user-select: none;
}
body.advent-fanart .pinboard-controls a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
body.advent-fanart #wrap {
  max-width: 1200px;
}
body.advent-fanart .cuttler-explains {
  margin: 1em auto;
  max-width: 70em;
  display: flex;
  align-items: center;
}
body.advent-fanart .cuttler-explains-body {
  flex-grow: 1;
  flex-shrink: 1;
}
body.advent-fanart .cuttler-explains {
  flex-grow: 0;
  flex-shrink: 0;
}
body.advent-fanart .cuttler {
  display: block;
  height: auto;
  max-width: 45%;
}
body.oekaki-challenges .pinboard-display {
  background-image: url(/img/challenges/pinboard-backdrop.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-attachment: local;
  width: 1118px;
  height: 661px;
  margin: 0 auto;
  position: relative;
  overflow: visible;
  overflow-x: auto;
  max-width: 100%;
  image-rendering: optimizeSpeed;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: optimize-contrast;
  image-rendering: pixelated;
  -ms-interpolation-mode: nearest-neighbor;
}
body.oekaki-challenges .pinboard-drawing {
  display: block;
  position: absolute;
  background-color: white;
  padding: 11px;
  border: 1px solid #878787;
  outline: 1px solid #878787;
  image-rendering: initial;
  -ms-interpolation-mode: initial;
  -webkit-box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 6px 6px 16px 0px rgba(0, 0, 0, 0.2);
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(1),
body.oekaki-challenges .pinboard-drawing:nth-of-type(4) {
  left: 60px;
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(2),
body.oekaki-challenges .pinboard-drawing:nth-of-type(5) {
  left: 400px;
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(3),
body.oekaki-challenges .pinboard-drawing:nth-of-type(6) {
  left: 735px;
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(1),
body.oekaki-challenges .pinboard-drawing:nth-of-type(2),
body.oekaki-challenges .pinboard-drawing:nth-of-type(3) {
  top: 360px;
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(4),
body.oekaki-challenges .pinboard-drawing:nth-of-type(5),
body.oekaki-challenges .pinboard-drawing:nth-of-type(6) {
  top: 100px;
}
body.oekaki-challenges .pinboard-image-link {
  display: block;
}
body.oekaki-challenges .pinboard-image {
  display: block;
  max-width: 300px;
  max-height: 240px;
  height: auto;
  margin: 0 auto;
}
body.oekaki-challenges .pinboard-portrait {
  margin-left: 60px;
}
body.oekaki-challenges .pinboard-portrait .pinboard-image {
  max-width: none;
  max-height: 225px;
}
body.oekaki-challenges .pinboard-pin {
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  width: 14px;
  height: 15px;
  top: 2px;
}
body.oekaki-challenges .pinboard-pin-ul {
  left: 2px;
}
body.oekaki-challenges .pinboard-pin-ur {
  right: 0;
}
body.oekaki-challenges .pinboard-pin[data-index="1"] {
  background-image: url(/img/challenges/pin-1.png);
}
body.oekaki-challenges .pinboard-pin[data-index="2"] {
  background-image: url(/img/challenges/pin-2.png);
}
body.oekaki-challenges .pinboard-pin[data-index="3"] {
  background-image: url(/img/challenges/pin-3.png);
}
body.oekaki-challenges .pinboard-pin[data-index="4"] {
  background-image: url(/img/challenges/pin-4.png);
}
body.oekaki-challenges .pinboard-author {
  line-height: 17px;
  font-family: 'Kalam', cursive, "Arial", Sans-serif;
  font-size: 16px;
  margin-top: 8px;
}
body.oekaki-challenges .pinboard-author a {
  color: black !important;
}
/* Portrait drawings in top left and top right can have extra room */
body.oekaki-challenges .pinboard-drawing:nth-of-type(4).pinboard-portrait,
body.oekaki-challenges .pinboard-drawing:nth-of-type(6).pinboard-portrait {
  left: 105px;
  top: 60px;
  margin-left: 0;
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(6).pinboard-portrait {
  left: 838px;
}
body.oekaki-challenges .pinboard-drawing:nth-of-type(4).pinboard-portrait .pinboard-image,
body.oekaki-challenges .pinboard-drawing:nth-of-type(6).pinboard-portrait .pinboard-image {
  max-height: 260px;
}
body.oekaki-challenges .pinboard-header {
  background-image: url(/img/challenges/pinboard-title.png?1);
  position: absolute;
  width: 513px;
  height: 81px;
  left: 305px;
  top: 18px;
  text-align: center;
  line-height: 15px;
  font-family: 'Kalam', cursive, "Arial", Sans-serif;
  font-size: 17px;
  color: #003eb1;
}
body.oekaki-challenges .pinboard-header-body {
  transform: rotate(1deg);
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 17px;
}
body.oekaki-challenges .pinboard-title {
  font-size: 130%;
  margin-bottom: 4px;
}
body.oekaki-challenges .pinboard-sticky {
  background-image: url(/img/challenges/pinboard-sticky.png);
  position: absolute;
  width: 82px;
  height: 100px;
  left: 8px;
  top: 5px;
}
body.oekaki-challenges .pinboard-controls {
  text-align: center;
  font-size: 125%;
  margin-top: 0.5em;
  margin-bottom: 2em;
  user-select: none;
}
body.oekaki-challenges .pinboard-controls a.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.3;
}
body.oekaki-challenges #wrap {
  max-width: 1200px;
}
body.oekaki-challenges .cuttler-explains {
  margin: 1em auto;
  max-width: 70em;
  display: flex;
  align-items: center;
}
body.oekaki-challenges .cuttler-explains-body {
  flex-grow: 1;
  flex-shrink: 1;
}
body.oekaki-challenges .cuttler-explains {
  flex-grow: 0;
  flex-shrink: 0;
}
body.oekaki-challenges .cuttler {
  display: block;
  height: auto;
  max-width: 45%;
}
.archive-games-list {
  max-width: 730px;
  padding-left: 0 !important;
}
.archive-games-list li {
  list-style-type: none;
  margin: 1em 0;
}
.archive-games-list dl {
  display: flex;
}
.archive-games-list dt,
.archive-games-list dd {
  margin-right: 1em;
  margin-bottom: 1em;
}
.archive-games-list dt {
  margin-right: 2em;
}
.archive-games-list dt {
  width: 200px;
  flex-shrink: 0;
  text-align: center;
}
.archive-games-list dd {
  flex-grow: 1;
  flex-shrink: 1;
}
.archive-games-list h4 {
  margin-bottom: 1em;
}
.adopt-species-examples {
  overflow: hidden;
}
.adopt-species-examples img {
  display: block;
  float: left;
  margin-bottom: 0.75em;
}
html.mdz-no-flexbox .adopt-species-examples img {
  max-width: 100% !important;
  height: auto;
}
html.mdz-flexbox .adopt-species-examples {
  display: flex;
  align-items: center;
}
html.mdz-flexbox .adopt-species-examples img {
  float: none;
  height: auto;
  flex-shrink: 1;
  flex-grow: 1;
  width: 50%;
}
.rarity-bar {
  width: 111px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(/img/rarity/notches-light.png);
  background-position: 0 30px;
  background-size: 111px;
}
.rarity-bar-style-starbars {
  background-image: url(/img/rarity/starbars-light.png);
}
.rarity-bar-style-starsbars {
  background-image: url(/img/rarity/starsbars-light.png);
}
.rarity-bar-style-stars {
  background-image: url(/img/rarity/stars-light.png);
}
.rarity-bar-style-accessible {
  background-image: url(/img/rarity/accessible-light.png);
}
.rarity-bar-omgsocommon {
  background-position: 0 0;
}
.rarity-bar-extremelycommon {
  background-position: 0 -30px;
}
.rarity-bar-verycommon {
  background-position: 0 -60px;
}
.rarity-bar-common {
  background-position: 0 -90px;
}
.rarity-bar-uncommon {
  background-position: 0 -120px;
}
.rarity-bar-veryuncommon {
  background-position: 0 -150px;
}
.rarity-bar-extremelyuncommon {
  background-position: 0 -180px;
}
.rarity-bar-rare {
  background-position: 0 -210px;
}
.rarity-bar-veryrare {
  background-position: 0 -240px;
}
.rarity-bar-extremelyrare {
  background-position: 0 -270px;
}
.rarity-bar-omgsorare {
  background-position: 0 -300px;
}
.rarity-bar-stillgrowing {
  background-position: 0 -330px;
}
.rarity-bar-unknown {
  background-position: 0 -360px;
}
.rarity-bar-custom {
  background-position: 0 -390px;
}
@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .rarity-bar {
    background-image: url(/img/rarity/notches-light-2x.png);
  }
  .rarity-bar-style-starbars {
    background-image: url(/img/rarity/starbars-light-2x.png);
  }
  .rarity-bar-style-starsbars {
    background-image: url(/img/rarity/starsbars-light-2x.png);
  }
  .rarity-bar-style-stars {
    background-image: url(/img/rarity/stars-light-2x.png);
  }
  .rarity-bar-style-accessible {
    background-image: url(/img/rarity/accessible-light-2x.png);
  }
}
.cs-CSDark .rarity-bar {
  background-image: url(/img/rarity/notches-dark.png);
}
.cs-CSDark .rarity-bar-style-starbars {
  background-image: url(/img/rarity/starbars-dark.png);
}
.cs-CSDark .rarity-bar-style-starsbars {
  background-image: url(/img/rarity/starsbars-dark.png);
}
.cs-CSDark .rarity-bar-style-stars {
  background-image: url(/img/rarity/stars-dark.png);
}
.cs-CSDark .rarity-bar-style-accessible {
  background-image: url(/img/rarity/accessible-dark.png);
}
@media only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .cs-CSDark .rarity-bar {
    background-image: url(/img/rarity/notches-dark-2x.png);
  }
  .cs-CSDark .rarity-bar-style-starbars {
    background-image: url(/img/rarity/starbars-dark-2x.png);
  }
  .cs-CSDark .rarity-bar-style-starsbars {
    background-image: url(/img/rarity/starsbars-dark-2x.png);
  }
  .cs-CSDark .rarity-bar-style-stars {
    background-image: url(/img/rarity/stars-dark-2x.png);
  }
  .cs-CSDark .rarity-bar-style-accessible {
    background-image: url(/img/rarity/accessible-dark-2x.png);
  }
}
@media screen and (max-width: 700px) {
  html.mdz-flexbox .adopt-species-examples {
    flex-wrap: wrap;
  }
  html.mdz-flexbox .adopt-species-examples img {
    min-width: 51%;
  }
}