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:RGB(200,200,255);	
	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.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:3.0em;
	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:1.0em;
}
.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-all-icon, .year-own-all-icon {
}
.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;
	vertical-align:top;
	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 {
	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-menus {
	
}
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:#ccc;
	background:url(//static.chickensmoothie.com/rgba/66FFFFFF);
	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:1.0em;
	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.sea-tourists .timeinfo,
body.space-tower .timeinfo{
	padding:1em;
	font-size:110%;
	max-width:55em;
	margin-left:auto;
	margin-right:auto;
}
body.sea-tourists .timeinfo img,
body.space-tower .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 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-left:auto;
	margin-right: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;
}

body.sea-castle .release-trade-4007 .item-trade img {
	max-height:90px;
	width:auto;
	height:auto;
}

@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:604px;
}
/* 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;
}
.fortuneteller-game {
	display:flex;
	align-items:center;
}
.fortuneteller-crystal-ball {
	display:block;
	width:250px;
	max-width:100%;
	height:auto;
	margin-right:1em;
}
.fortuneteller-game-result {
	margin:1em auto;
	background-repeat:no-repeat;
	background-position:center center;
	width:344px;
	height:389px;
}
@-webkit-keyframes fortuneteller-fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fortuneteller-fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fortuneteller-fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fortuneteller-fadein {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-webkit-keyframes fortuneteller-fadein-msg {
	0%   { opacity: 0; }
	75%   { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes    fortuneteller-fadein-msg {
	0%   { opacity: 0; }
	75%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes      fortuneteller-fadein-msg {
	0%   { opacity: 0; }
	90%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes         fortuneteller-fadein-msg {
	0%   { opacity: 0; }
	90%   { opacity: 0; }
	100% { opacity: 1; }
}
.fortuneteller-game-result img {
	display: block;
	position: relative;
	left: 48px;
	top: 48px;
	width: 258px;
	height: 250px;
	-webkit-animation: fortuneteller-fadein 4s ease-in;
	-moz-animation:    fortuneteller-fadein 4s ease-in;
	-o-animation:      fortuneteller-fadein 4s ease-in;
	animation:         fortuneteller-fadein 4s ease-in;
}
.fortuneteller-game-result-message {
	-webkit-animation: fortuneteller-fadein-msg 3s linear;
	-moz-animation:    fortuneteller-fadein-msg 3s linear;
	-o-animation:      fortuneteller-fadein-msg 3s linear;
	animation:         fortuneteller-fadein-msg 3s linear;
}
body.forest-fortuneteller .golf-tradein-token {
	display:inline-block;
	margin:0.5em 0.5em;
}
body.forest-fortuneteller .fortuneteller-game button {
	font-size:120%;
	padding:0.5em;
	margin-top:0;
	border-radius: 4px;
	background-color: #fcfcfc;
}
body.forest-fortuneteller .fortuneteller-game button:disabled {
	background-color: #eee;
	color: #888;
}

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;
}

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.20);
	-moz-box-shadow: 6px 6px 16px 0px rgba(0,0,0,0.20);
	box-shadow: 6px 6px 16px 0px rgba(0,0,0,0.20);
}
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/2021-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.20);
	-moz-box-shadow: 6px 6px 16px 0px rgba(0,0,0,0.20);
	box-shadow: 6px 6px 16px 0px rgba(0,0,0,0.20);
}
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%;
}

.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%;
}
@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%;
	}
}
