@font-face {
	font-family: 'BanksiaRegular';
	src: url('/fonts/banksia-webfont.eot');
	src: url('/fonts/banksia-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/banksia-webfont.woff') format('woff'),
		 url('/fonts/banksia-webfont.ttf') format('truetype'),
		 url('/fonts/banksia-webfont.svg#banksiaregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
@font-face {
	font-family: 'BanksiaBold';
	src: url('/fonts/banksb20-webfont.eot');
	src: url('/fonts/banksb20-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/banksb20-webfont.woff') format('woff'),
		 url('/fonts/banksb20-webfont.ttf') format('truetype'),
		 url('/fonts/banksb20-webfont.svg#banksia_bold') format('svg');
	font-weight: normal;
	font-style: normal;

}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
	  font-family: 'BanksiaRegular';
	  src: url('/fonts/banksia-webfont.svg#BanksiaRegular') format('svg');
  }
  @font-face {
	  font-family: 'BanksiaBold';
	  src: url('/fonts/banksb20-webfont.svg#banksia_bold') format('svg');
  }
}

/* goog-tooltip currently unused as it weighs ~20k */
.goog-tooltip {
	background: #333;
	background: rgba(10, 10, 10, 0.9);
	color: #fff;
	padding: 12px 15px;
	border-radius: 4px;
	max-width: 300px;
	text-align: center;
	z-index: 1000;
}

.tooltip-toggle .icon-question-sign,
.tooltip-toggle.icon-question-sign {
	opacity: 0.4;
	cursor: pointer;
	margin-top: -1px;
	margin-left: 5px;
}

/* choices fixes */


/* bootstrap fixes */

input[type="checkbox"] {
	margin-top: 2px;
}

.input-full {
	/* 100% accounting for input padding */
	width: 98%;
	width: calc(100% - 12px);
}

.modal-body form {
	margin-bottom: 0;
}

.btn-group {
	white-space: nowrap;
}
.sidebar-nav {
	padding: 9px 0;
}
blockquote {
	border-left: 5px solid #ccc;
}

a.tooltip-toggle {
    cursor: pointer;
    color: #909;
    text-decoration: underline;
}

.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	visibility: hidden;
	margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
	visibility: visible;
}

.navbar .dropdown:hover .dropdown-menu {
	display: block;
}
.dropdown-menu-right {
	right: 0;
	left: auto;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
	margin-top: 0;
}

.navbar {
	color: #ccc;
}

.navbar .sub-menu:before {
	border-bottom: 7px solid transparent;
	border-left: none;
	border-right: 7px solid rgba(0, 0, 0, 0.2);
	border-top: 7px solid transparent;
	left: -7px;
	top: 10px;
}
.navbar .sub-menu:after {
	border-top: 6px solid transparent;
	border-left: none;
	border-right: 6px solid #fff;
	border-bottom: 6px solid transparent;
	left: 10px;
	top: 11px;
	left: -6px;
}

.scrolltarget {
  position: relative;
  display: block;
  height: 0px;
  top: -42px
}

input.choices__input {
	width: 10px;
	font-size: 13px; /* makes the size calculation correct */
	padding-top: 3px;
}

/* BBcode stuff */
span.bb.tab {
	margin-left: 2em;
}
/*
.bbcode ul > br,
.bbcode ol > br,
.bbcode table > br,
.bbcode tr > br,
.bbcode pre br {
	display: none;
}
.bbcode table + br,
.bbcode ul + br,
.bbcode ol + br,
.bbcode div + br,
.bbcode iframe + br,
.bbcode pre + br,
.bbcode blockquote + br {
	display: none;
}
*/
.bbcode pre {
	word-break: normal;
}
.bbcode table td {
	vertical-align: top;
}
.bbcode table.basic {
	border-collapse: collapse;
}
.bbcode table.basic td,
.bbcode table.basic th {
	padding: 2px 5px;
	border: 1px solid #666;
	text-align: left;
}

.bbcode table.invis {
	border-collapse: collapse;
}
.bbcode table.invis td,
.bbcode table.invis th {
	padding: 5px 10px;
	border: 0;
	text-align: left;
}

.bbcode .spoiler-wrap .spoiler {
	background-color: rgba(0,0,0,0.07);
	padding: 10px 10px;
	margin: 10px 0 0;
	display: none;
}

.bbcode .spoiler-wrap.open > .spoiler {
	display: block;
}
.bbcode blockquote {
	font-size: 13px;
	margin-bottom: 10px;
	overflow: hidden;
}
.bbcode ul {
	overflow: hidden;
	margin-left: 0;
	padding-left: 25px;
}
.statusmessage .bbcode ul {
    overflow: visible;
}
.statusmessage .bbcode li {
    line-height: 22px;
}
.bbcode blockquote p {
	font-size: 13px;
}
.bbcode blockquote b {
	/* apparently this is necessary because bold in blockquotes "stopped working recently" (2019) somehow */
	font-weight: bold;
}

.bbcode div.center {
	text-align: center;
}
.bbcode div.center table {
	margin-left: auto;
	margin-right: auto;
}
.bbcode p {
	line-height: 20px;
	margin-bottom: 10px;
}
.bbcode li p:last-child,
.bbcode td p:last-child,
.bbcode th p:last-child {
	margin-bottom: 0;
}

.bbcode sub,
.bbcode sup {
	font-size: 9.75px;
}
.bbcode sup sup,
.bbcode sub sub,
.bbcode sup sub,
.bbcode sub sup {
	font-size: 7.3px;
}

.bbcode .diceroll {
	border: 1px dashed #000;
	border-radius: 4px;
	padding: 1px 3px;
	background: #eee;
	background: rgba(0,0,0,0.1);
	cursor: default;
	font-weight: bold;
}

/* end BBcode stuff */

/* Markdown stuff */
.markdown blockquote p {
	font-size: 13px;
}
/* end Markdown stuff */

/* idiotic bootstrap fixes */
body.loggedin {
	margin-top: 40px !important;
}
@media (max-width: 979px) {
  body.loggedin {
	margin-top: 50px !important;
  }
}
.navbar-fixed-top {
	margin-bottom: 0 !important;
	position: fixed !important;
}
/* end idiotic bootstrap fixes */
body {
	background: #222;
	color: #333;
	font-size: 13px;
}

h1 {
	font-size: 32px;
}
h2 {
	font-size: 28px;
}
h3 {
	font-size: 24px;
	margin: 0;
}
h4 {
	font-size: 16px;
}

h1 {
	margin-bottom: 20px;
}

.shoutout .image {
	margin-top: -17px;
	margin-left: -10px;
	margin-right: 10px;
	width: 105px;
	height: 110px;
	float: left;
}
.shoutout .text {
	margin-top: 10px;
}

.encounter_notification > .image {
	margin-top: -17px;
	margin-left: -10px;
	margin-right: 10px;
	width: 105px;
	height: 110px;
	float: left;
}
.encounter_notification .description {
	margin-top: 5px;
	font-weight: bold;
}
.encounter_notification .reward {
	display: flex;
}

.encounter_notification .buttonholder {
	margin-left: 10px;
	position: relative;
	margin-top: auto;
	margin-bottom: 0;
}

.encounter_notification .buttonholder button {
	height: 53px;
}

.encounter_notification .reward .itemlist,
#encounter_editor .itemlist {
	grid: auto-flow / repeat(auto-fit, minmax(235px, 235px));
}
.encounter_notification .reward .itemlist .item {
	float: right;
}
.encounter_notification .reward .image,
#encounter_editor .reward .image {
	width: 50px;
}
.encounter_notification .reward .name,
#encounter_editor .name {
	font-size: 12px;
}

.encounter_rewards_display {
	box-sizing: border-box;
	display: grid;
	grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
	column-gap: 2%;
}









.sortlayers {
	margin: 0 0 10px 0;
	list-style-type: none;
}
.sortlayers li {
	padding: 3px 5px 3px 17px;
	height: 20px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}
li.sortable-item {
	cursor: move;
	background: #efe;
	list-style-type: none;
}
li.sortable-item:before {
	content: '::';
	position: absolute;
	margin-left: -12px;
	margin-top: -2px;
}
li.sortable-fixed {
	cursor: default;
	background: #ffe;
}
li.sortable-exclude {
	cursor: default;
	background: #eee;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.togglelayer {
	margin: 0;
	position: absolute;
	top: 2px;
	right: 5px;
}
.togglelayer input {
	background: #fff;
}
.sortlayers .sortable-placeholder {
	background: #fff;
	height: 20px;
	display: flex;
}

.item.sortable-item.gu-mirror {
	padding: 3px 5px 3px 17px;
	height: 20px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}
.item.sortable-item.gu-mirror:before {
	content: '::';
	position: absolute;
	margin-left: -12px;
	margin-top: -2px;
}
.item.sortable-item.gu-mirror form {
	display: none;
}








.rules dt {
	line-height: auto;
	font-size: large;
}
.rules dd {
	margin-bottom: 20px;
}
.clear {
	clear: both;
}
.right {
	float: right !important;
}
.center {
	text-align: center;
}
.nobull {
	list-style-type: none;
}
.nomargin {
	margin: 0 !important;
}
.jsshow {
	display: none;
}
.mc_header {
	font-family: BanksiaBold, "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
}
h2.mc_header {
	margin-top: 25px;
	margin-bottom: 10px;
}



.container.wide {
	width: 1020px;
}
/*
@media (max-width: 1020px) and (min-width: 808px) {
	.container.wide {
		width: 804px;
	}
}
@media (max-width: 807px) {
	.container.wide {
		width: auto;
	}
}
*/
.container.wide .alert {
	border-radius: 0;
}




.round_box {
	border: 2px solid #333;
	border-radius: 10px;
	margin-bottom: 10px;
	background: #333;
	overflow: hidden;
}
/*
.round_box:after {
   content: " ";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
*/
.round_box td,
.round_box > div {
	/* necessary due to annoying hack to get rid of tiny white border inside the corner */
	background: #fff;
}
.round_box .title_bar {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 7px;
}
.round_box .title_bar th {
	padding: 7px;
}





.loading {
    opacity: 0.2;
    filter: blur(5px) grayscale(100%);
    transition: 1s linear;
}
.loaded {
    opacity: 1;
    transition: 0.1s linear;
}





.itemlist, .petlist {
    margin: 0 0;
    list-style: none;
    display: grid;
    grid: auto-flow / repeat(auto-fit, minmax(300px, 1fr));
    align-items: baseline;
    grid-gap: 10px;
    gap: 10px;
    width: 100%;
}
.petlist {
	grid: auto-flow / repeat(auto-fit, minmax(350px, 1fr));
}
.itemcard,
.petlist li {
    color: #333;
    background: #eee;
    border-radius: 4px;
    border: 1px solid #ccc;
    display: flex;
    position: relative;
    cursor: pointer;
}
.itemcard.unlisted,
.petlist li.unlisted {
    background: #ecc;
}
.itemcard .image,
.petlist .image {
    padding-right: 12px;
    flex-shrink: 0;
}

.itemcard .name,
.petlist .name {
    font-weight: bold;
    margin-top: 6px;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}
.petlist .name {
    height: 20px;
    margin-bottom: 0;
}
.petlist .description {
    font-size: 11px;
}


.itemcard .price,
.petlist .price {
    line-height: 13px;
}
.petlist .price {
    position: absolute;
    bottom: 10px;
}


.itemcard .equip_species {
    position: absolute;
    bottom: 0;
    right: 0;
}

.itemcard .properties {
    flex-grow: 1;
    position: relative;
}
.itemcard .name {
    font-weight: bold;
    margin-top: 6px;
    height: 40px;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 5px;
}
.itemcard .badgearea {
	position: absolute;
	height: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
}
.itemcard .badge {
	float: left;
    text-align: center;
    padding: 2px;
    min-width: 12px;
    padding-bottom: 0;
    border-radius: 0px;
}
.itemcard .stock {
	background: #d66;
}
.itemcard .equipped {
	background: #d66;
}
.itemcard .unequipped {
	background: #66d;
}
.itemcard .year {
	background: #99b;
}

.itemcard .price .original_price {
	text-decoration: line-through;
}
.itemcard .price .market {
	font-weight: bold;
	color: #090;
}


/* COMPACT ITEM LIST */
.inv_defaultsize .itemlist.inventory {
	grid: auto-flow / repeat(auto-fit, minmax(180px, 1fr));
}
.inv_defaultsize .itemcard .image {
	padding-right: 6px;
	width: 50px;
}
.inv_defaultsize .itemcard .name {
	font-size: 12px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* ICONS ONLY ITEM LIST */
.inv_compactsize .itemlist.inventory {
	grid: auto-flow / repeat(auto-fit, minmax(49px, 49px));
}
.inv_compactsize .itemcard .image {
	padding: 0;
	width: 50px;
}
.inv_compactsize .itemcard .name,
.inv_compactsize .itemcard .properties
 {
	display: none;
}




#arrange_pocketable_done {
	display: none;
}
#pocket_rearrange_notif {
	text-align: center;
	display: none;
}



.market_modal .item,
.market_modal .pet {
    display: flex;
}
.market_modal h5 {
    margin-bottom: 2px;
}
.market_modal .image {
    width: 200px;
	height: 200px;
}
.market_modal .image img {
	position: relative;
	left: 50%;
	top: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.market_modal .databox {
    margin-left: 10px;
    width: 100%;
}
.market_modal .databox > h5:first-child {
	margin-top: 0;
}
.market_modal .description {
    font-style: italic;
}
.market_modal .exist::before {
    content: ', ';
}
.market_modal .exist::after {
    content: ' exist';
}
.market_modal .tags span,
.market_modal .credit span {
    display: inline-block;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 10px;
    line-height: 14px;
    padding: 0 4px;
	margin: 2px 2px;
	cursor: default;
}
.market_modal .tag_suggestion {
	font-size: x-small;
}
.market_modal .preview-select {
    display: block;
    margin-top: 10px;
    width: 100%;
}
.market_modal .sale {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-bottom: 0;
}
.market_modal .sale select {
	margin: 0 10px;
	width: auto;
}

.modal > .arrow {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	top: 90px;
	cursor: pointer;
}

.modal > .arrow.right {
	border-width: 15px 0 15px 26.0px;
	border-color: transparent transparent transparent #007bff;
	right: -40px;
}

.modal > .arrow.left {
	border-width: 15px 26.0px 15px 0;
	border-color: transparent #007bff transparent transparent;
	left: -40px;
}

#inventory_modal_forms {
	display: none;
}
#inventory_modal_forms form {
	margin-top: 8px;
	float: right;
}
#inventory_modal_forms button {
	width: 80px;
}



/*

#item-modal .modal-footer form {
  margin: 0;
  margin-bottom: 8px;
}
#item-modal .modal-footer div:last-child {
  padding-top: 4px;
}
#item-modal .modal-footer div:last-child form {
  margin-bottom: 0;
}

#item-modal .modal-footer form select {
  width: calc(100% - 140px);
}
#item-modal .modal-footer form button {
	display: inline-block;
	width: 75px;
	margin-top: 0px;
}

#item-modal .modal-footer .item-pocket form select,
#item-modal .modal-footer .item-pocket form button {
  width: auto;
}


*/


.market_update input {
	width: 100px;
}
.market_update select {
	width: auto;
}
.market_update .remove {
	margin-top: 40px;
	display: block;
}





.boxlist {
	margin: 0;
}
.boxlist:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

.boxlist .active {
	background: #ede;
}

.boxlist-box {
	float: left;
	width: 25%;
	list-style-type: none;
}
.boxlist-box a {
	display: block;
	position: relative;
	text-align: center;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	color: #005580;
}

.boxlist-box a:hover {
	text-decoration: none;
}
.boxlist-box a .name {
	font-weight: bold;
	line-height: 13px;
	margin-bottom: 6px;
	width: 100%;
	height: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.boxlist a .detail {
  font-size: 10px;
  line-height: 10px;
  color: #666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 12px;
}
.boxlist-box a .category,
#item-modal .category {
  color: #fff;
  background: #999;
  background: rgba(0, 0, 0, 0.33);
  font-size: x-small;
  font-weight: bold;
  border-radius: 4px;
  padding: 0 4px;
  height: 18px;
  width: auto;
  display: inline-block;
}



/*
.boxlist .image img {
	border-radius: 10px;
}
.boxlist .title {
	margin-top: 20px;
	font-size: large;
	font-weight: bold;
}
.boxlist .name {
	font-size: 14px;
	font-weight: bold;
	width: 104%;
	margin-left: -2%;
}
.boxlist .properties {
	font-size: x-small;
	color: #666;
}
.boxlist .description {
	margin-top: 20px;
}
*/

.pocketmove-selector[type=checkbox] {
	position: absolute;
	z-index: 2;
	margin: 1px;
	transform: scale(1.5,1.5);
	display: none;
}
.pocketable_sort .pocketmove-selector {
	display: block;
}

.pocketable_sort .boxlist-box a {
	cursor: move !important;
}

.petbox .pet {
	height: 205px;
	padding: 5px 10px;
}
.petbox .pet .image {
	height: 175px;
}
.petbox .pet .image .img {
	max-height: 175px;
}

.petbox.mine .pet {
	background: #fff;
}
.petbox.mine .pet img {
	opacity: 0.5;
}

.itembox {
	width: 20%;
}
.itembox .item {
	height: 150px;
}
/*
.itembox .item.rarity50 {
	box-shadow: 0px 0px 10px #559;
	box-shadow: 0px 0px 10px rgba(85, 85, 154, 0.5);
}
.itembox .item.rarity100 {
	box-shadow: 0px 0px 10px #599;
	box-shadow: 0px 0px 10px rgba(85, 154, 154, 0.5);
}
.itembox .item.rarity250 {
	box-shadow: 0px 0px 10px #995;
	box-shadow: 0px 0px 10px rgba(154, 154, 85, 0.5);
}
*/
.expandy .itembox .item {
  cursor: pointer;
}
.pocketable_sort .pocket-selected {
	background: #dfd !important;
}
.itembox .item_counts,
.itembox .item_year {
	position: absolute;
	top: 5px;
	left: 5px;
}
.itembox .item_counts .badge {
  display: block;
	opacity: 0.7;
}
.itembox .item_year .badge {
	display: block;
	opacity: 0.5;
	font-size: 10px;
	padding: 0px 2px;
	border-radius: 3px;
	background: #99d;
}
.itembox .item_counts .first {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.itembox .item_counts .second {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}



.market_modal .attributes .attr_icon,
.market_manage .effects .attr_icon {
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding-right: 3px;
	margin-right: 2px;
	margin-bottom: 2px;
	font-size: 11px;
}
.market_modal .attributes .attr_icon img,
.market_manage .effects .attr_icon img {
	opacity: 0.5;
	padding: 2px;
	margin-top: -2px;
}
.market_modal .attributes .attr_icon img.perma,
.market_manage .effects .attr_icon img.perma {
	filter: invert() sepia() saturate(10000%) hue-rotate(90deg) brightness(40%);
}





.tabs-left.pockets .nav {
	width: 12em;
}
.tabs-left.pockets .nav a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




.equip_species img {
	opacity: 0.3;
	padding: 2px;
}
.itembox .equip_species {
	position: absolute;
	top: 5px;
	right: 5px;
}
.itembox .equip_species img{
	opacity: 0.3;
	padding: 2px;
	display: block;
}
.itembox .name {
	height: 30px;
	margin-top: 5px;
	margin-bottom: 0;
}
.inventory .itembox a:hover {
	background: #ccc;
}
.inventory .itembox .forms {
  display: none;
}

.salebox .name {
	height: 26px;
	margin-bottom: 0;
}

.staffbox .staff {
	height: 180px;
}
.staffbox a .name {
	font-size: 20px;
	line-height: 20px;
	margin-top: 10px;
	height: auto;
}


/*
.storefront .item {
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	height: 185px;
	position: relative;
}

.storefront .item .name {
	margin-top: 10px;
	font-size: large;
	margin-bottom: 10px;
	line-height: 18px;
	height: 32px;
}
*/





.inventory .description {
	margin-bottom: 10px;
}

#pocket-description {
	text-align: center;
}

#pocketmove {
	display: none;
	width: 100%;
	position: fixed;
	padding: 30px 0;
	bottom: 0;
	left: 0;
	color: #fff;
	background: #333;
	background: rgba(20,20,20,0.9);
	z-index: 10;
}
#pocketmove.active.unmasked {
	display: block;
}
#pocketmove label {
	font-weight: bold;
	margin-right: 50px;
}
#pocketmove form {
	margin: 0;
}

.sortprizes li {
	cursor:move;
}

.extra td {
	background: #ffe !important;
}

.crafting .ingredients {
	text-align: left;
	margin: 20px 0;
}
.crafting .ingredients strike {
	color: #555;
}
.crafting.boxlist > li a {
	height: auto;
	min-height: 300px;
}



.nav .nolink {
	display: block;
	padding: 9px 10px;
	padding-right: 0.5em;
}
.navbar .nav .usermenu {
	padding-left: 0;
}

.main.container {
	background: #fff;
	color: #333;
	padding: 0 40px;
	margin-bottom: 40px;
	position: relative;
	min-width: 724px;
}
.bannergroup {
	position: relative;
}
.banner {
	display: block;
	height: 134px;
}
#banner_top {
	margin-top: -134px;
}
.bannergroup .clock {
	font-size: 12px;
	color: #ddd;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px;
	background-color:rgba(33,33,33,0.7);
	border-radius: 5px 0 0 0 ;
	text-align: center;
}
.navbar .nav li .highlight {
	font-weight: bold;
	color: #0bb;
}
.navbar .nav li:hover .highlight {
	color: #0ff;
}
.navbar .nav a:focus {
	outline: 0;
	text-decoration: underline;
}
.subnav_holder {
	width: 100%;
}
.subnav {
	height: 22px;
	background: #099;
	margin: 0px;
	list-style-type: none;
	z-index: 1000;
	-webkit-box-shadow: 0 3px 10px 0px #333;
	-moz-box-shadow: 0 3px 10px 0px #333;
	-ms-box-shadow: 0 3px 10px 0px #333;
	-o-box-shadow: 0 3px 10px 0px #333;
	box-shadow: 0 3px 10px 0px #333;
}
.subnav > li {
	float: left;
	width: 16.66666%;
}
.container {
	min-width: 480px;
}
.subnav > li > a {
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	white-space: nowrap;
}
.subnav > li:nth-child(odd) > a {
	background: #077;
}
.subnav > li:nth-child(even) > a {
	background: #099;
}
.subnav > li:nth-child(odd) > a:hover {
	background: #066;
	text-decoration: none;
}
.subnav > li:nth-child(even) > a:hover {
	background: #0aa;
	text-decoration: none;
}
.badge.pings {
	background: #a33;
}
.badge.pings.inactive {
	display: none;
}
.ping {
	background:       rgba(0, 100, 255, 0.1);
	border: 1px solid rgba(0, 100, 255, 0.1);
	padding: 1px 2px;
	border-radius: 3px;
}
.ping.oldusername {
	color: rgba(255, 50, 100, 0.7);
	border: 1px solid rgba(255, 50, 100, 0.3);
}
.private_messages .ping {
	background: none;
	padding: 0;
}
/*
.subnav_holder.sticky {
	position: fixed;
	top: 40px;
}
#banner_top.sticky {
	margin-bottom: 42px;
}
*/
.notifications .notification {
	margin-bottom: 1px;
}
.notifications {
	margin: 17px 0;
}

.alert a {
	font-weight: bold;
}

.footer {
	margin-top: 40px;
	height: 30px;
	margin-left: -40px;
	margin-right: -40px;
	background: #111;
	color: #fff;
}
.footer span {
	display: inline-block;
	padding: 5px;
}
.footer a {
	color: #fff;
}



.widetable {
	width: 100%;
}
.widetable td {
	text-align: center;
}
.widetable td.maincol {
	width: 55%;
	text-align: left;
}
.pagination {
	float: left;
}
.listingheader .btn {
	margin: 17px 0;
	padding: 8px 12px;
}
.newpost {
	float: right;
	margin: 22px 0;
}

.registration_form p {
	color: #900;
}


.legend {
	margin-bottom: 20px;
}
.staff {
	font-weight: bold;
	font-size: normal;
}
.administrator {
	text-decoration: underline;
}
.artist {
	color: #707;
}
.coder {
	color: #144;
}
.moderator {
	color: #700;
}
.analyst {
	color: #50d;
}
.coordinator {
	color: #e90;
}
.post_identity a:hover {
	text-decoration: none;
}

#login-page {
	background: #004343;
	color: white;
	margin-top: -17px;
	margin-left: -40px;
	margin-right: -40px;
	margin-bottom: -40px;
	position: relative;
}
#login-page .image {
	float: left;
	width: 55%;
}
#login-page .image img {
	margin-top: 50px;
	margin-left: 25px;
}
#login-page .login-form {
	float: right;
	background: #001f1f;
	padding: 20px;
	border-radius: 0 0 0 10px;
}
#login-page .login-form form {
	margin: 0;
}
#login-page .login-form a {
	float: right;
	margin-top: 7px;
}
#login-page .storybox {
	font-size: large;
	position: relative;
	background: #002c2c;
	padding: 20px;
	float: right;
	width: 38%;
	margin-top: 25px;
	min-height: 350px;
	margin-bottom: 20px;
	border-radius: 10px 0 0 10px;
}
#login-page a.btn-large {
	font-size: 20px;
	margin-top: 15px;
}
#login-page .artpreview {
	font-size: small;
	font-style: italic;
	text-align: center;
	margin-top: 30px;
}


.listingbox .lastpost,
.listingbox .updated {
	width: 100px;
}


.featured_pet {
	font-size: 15px;
}
.featured_pet img {
	display: block;
}
.featured_pet .pet_name {
	display: block;
	font-weight: bold;
	font-size: 20px;
}

#forum_filtering .active {
	background: #fff;
	color: #333;
}
#forum_filtering .inactive {
	background: #eee;
	color: #999;
}
#forums,
#forumlisting,
.forumlisting {
	width: 100%;
}
#forums tr:nth-child(odd) td,
#forumlisting tr:nth-child(odd) td,
.forumlisting tr:nth-child(odd) td {
	background: #e0f3f3;
}
#forums td,
#forumlisting td,
.forumlisting td {
	padding: 10px;
}
#forums .category {
	font-size: x-large;
	background: #a0b3b3 !important;
	padding-left: 20px;
}
#forums .forum {
	/*width: 60%;*/
	text-align: left;
}
#forums .lastpost,
#forums .numposts,
#forums .numthreads {
	width: 80px;
}
#forums .name {
	font-size: large;
}
#forums .desc {
	padding-left: 20px;
	font-size: small;
}
.message_view .pagination {
	float: right;
}
.message_view .echo_title {
	margin: 0;
}
.messageholder {
	width: 100%;
}
.message .hidden {
	display: none;
}
.message .post_identity {
	width: 180px;
	vertical-align: top;
	text-align: center;
	font-weight: bold;
	font-size: large;
	padding-bottom: 10px;
}
.message .post_identity .author {
	margin-top: 10px;
	width: 180px;
	word-wrap: break-word;
}
.message .post_identity .admin {
	display: inline-block;
	margin: 10px;
}
.message .post_content {
	/* XXX stupid hack to make images not break everything in FF */
	max-width: 0px;
	vertical-align: top;
}

.message:nth-child(even) td {
	background: #e0f3f3;
}
.message:nth-child(even) .post_identity {
	background: #c2eae5;
}
.message:nth-child(odd) .post_identity {
	background: #e0f3f3;
}
.message.forumlinked td {
	background: #e0e0f3;
}
.message.forumlinked .post_identity {
	background: #c2c2f3;
}
.message .permalink_target {
	position: absolute;
	display: block;
	top: -42px;
}
input.permalink {
	margin-bottom: 0;
	padding: 2px;
	font-size: 11px;
}
.scroll-target {
	position: relative;
	display: block;
	top: -42px;
}
.message .controls {
	float: right;
	padding: 5px;
}
.message .post_main {
	position: relative;
	min-height: 273px;
}
.message .content {
	padding: 10px;
	padding-bottom: 40px;
	overflow-x: hidden;
}
.message .date {
	position: absolute;
	bottom: 10px;
	left: 10px;
	border-top: 1px solid #333;
	font-style: italic;
	font-size: 10px;
	line-height: 10px;
	padding-top: 5px;
}
.round_box .statusmessage {
	padding: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: center;
	background: #eef;
}
.pushupdown {
	padding-top: 20px;
	padding-bottom: 20px;
}
.create_post textarea {
	height: 300px;
}
#bbcode_preview_button {
	margin-right: 10px;
}
.recent_posts .posts {
	max-height: 500px;
	overflow-y: hidden;
}
#bbcode_preview {
	padding: 10px;
	overflow: hidden;
}
.post_history .title_bar {
	text-align: left;
}
.post_history .title_bar a {
	color: #fff;
}
#forumlisting .paid {
	background: url('/images/site_misc/little_nuggie.png') 6px center no-repeat;
}
#forumlisting .statusbox {
	padding: 0;
	text-align: center;
}
#forumlisting .statusbox img {
	display: block;
	margin: 1px 0px;
	margin-left: 2px;
	opacity: 0.25;
}
#forumlisting .new td {
	background: #ffb !important;
	font-weight: bold;
}
.private_messages .replybox {
	border-right: 1px solid #ddd;
}
.private_messages .replylabel {
	margin: 20px;
	font-weight: bold;
	font-size: large;
	text-align: right;
}
.private_messages .participants {
	width: 100%;
	padding: 10px;
}
.private_messages .participants .image {
	width: 45px;
	float: left;
}
.private_messages .participants .name {
	float: left;
	font-size: normal;
	font-weight: bold;
	margin-top: 20px;
	margin-left: 10px;
	width: 120px;
	overflow-wrap: break-word;
	display: block;
}
.pmresponse .tacontainer {
	margin: 20px 40px;
	margin-bottom: 0;
}
.pmresponse textarea {
	width: 100%;
}
.private_messages .collapse {
	display: none;
	height: auto;
}
.pmcc {
	display: none;
	margin-top: 10px;
}









/* profile page stuff */
.title_bar h3 {
	padding: 0 10px;
}
img.status {
	float: right;
}
.humanavatar {
	text-align: center;
}
.profilestats {
	margin-top: 100px;
}
.stats {
	width: 100%;
}
.stats th,
.stats td {
	padding: 10px;
}
.stats th {
	width: 90px;
}
.stats tr:nth-child(odd) th {
	background: #e0f3f3;
}
.stats tr:nth-child(odd) td {
	background: #fff;
}
.stats tr:nth-child(even) th {
	background: #c2eae5;
}
.stats tr:nth-child(even) td {
	background: #e0f3f3;
}
.interact {
	text-align: center;
}

.petimg {
	text-align: center;
	margin-right: 20px;
}
.petimg .stats {
	text-align: left;
}
.unbornpet {
	float: none;
	margin: 0 auto;
}
.stats .name {
	display: block;
	margin-top: 5px;
}
.namepet {
	width: 170px;
}
.bioplaceholder {
	color: #ccc;
}
.petbio .editbio {
	width: 100%;
	height: 630px;
}
.driftform, .dirftform p {
	margin: 0;
}
#petgrowth .progressbar {
	position: relative;
	float: left;
	width: 85%;
}
#petgrowth .growthform {
	text-align: right;
}
#petgrowth .progress {
	height: 28px;
}
#petgrowth .progress .bar {
	height: 28px;
}
.progressbar .progresstext {
	color: #55d;
	text-align: right;
	margin-right: 10px;
	margin-top: -42px;
	margin-bottom: 10px;
	text-shadow:
		 2px  2px 3px #fff,
		-2px -2px 3px #fff,
		-2px  2px 3px #fff,
		 2px -2px 3px #fff;
}

/* news page stuff */
.news-entry {
	margin-bottom: 30px;
}



.pet_representatives .preview {
    margin: 10px;
    margin-top: -10px;
    width: 160px;
    height: 190px;
    text-align: center;
    float: left
}
.pet_representatives .preview img {
    max-width: 160px;
    max-height: 190px;
}
.pet_representatives .options {
    float: left;
}



.petshop {
	text-align: center;
}


.tradelist .rolledback {
  background: #ecc;
  text-decoration: line-through;
}
.trade td {
	text-align: left;
	padding: 20px;
	border: 1px solid #ddd;
}
.trade .add {
	float: left;
	margin-right: 20px;
}
.trade .add.addbutton {
	float: right;
	margin-right: 0;
}
.trade .add.addbutton button {
	padding: 30px;
	margin-top: 27px;
}
.trade td table td {
	border: 0 !important;
}

/*
.shopheader .description {
	margin-top: 30px;
	text-align: center;
	padding: 20px;
	border: 3px solid #ccc;
	border-radius: 50px;
	font-family: BanksiaBold, "Helvetica Neue",Helvetica,Arial,sans-serif;
}
*/
.shopheader .shopkeeper {
	text-align: center;
}
.speechbubble {
	position: relative;
	text-align: center;
	margin-top: 20px;
	background-color: #fff;
	border: 3px solid #ccc;
	padding: 20px;
	border-radius: 50px;
	font-size: normal;
	min-height: 80px;
	font-family: BanksiaBold, "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.speechbubble:before, .speechbubble:after
{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
}

.speechbubble:before
{
	left: 100%;
	top: 40px;
	border: 19px solid;
	border-color: transparent transparent #ccc #ccc;
}

.speechbubble:after
{
	left: 100%;
	top: 43px;
	border: 16px solid;
	border-color: transparent transparent #fff #fff;
}


.shop-confirm {
	padding: 10px;
	text-align: center;
	background: #077;
	color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 20px;
}

.table.cave-exchange td,
.table.cave-exchange th {
	text-align: center;
}
.cave-exchange-form .row {
	border: 1px solid #eee;
	border-radius: 5px;
	background: #eee;
	margin: 20px 0;
	padding: 10px;
	position: relative;
}
.cave-exchange-form .holder .twenty {
	width: 20%;
}

.market_gems p {

	font-weight: bold;
}




/* sacred tree */
.proposals .row {
	border-bottom: 1px solid #ddd;
}
.proposal_icon {
	text-align: center;
}
.proposal_icon img {
	margin: 15px 0px
}
.proposal_response {
	text-align: center;
}
.btn-block {
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
}









/* CHAT PAGE */
.ttext {
	font-family: monospace;
	background: #eee;
	padding: 2px;
}
#chat .command {
	display: none;
}
#chat .leavechannel {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
}
#chat.fullscreen {
	position: absolute;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	width: calc(100% - 40px);
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	height: calc(100% - 60px);
	margin-top: 40px;
	padding-top: 20px;
}
#channel_holder {
	height: 80%;
	height: calc(100% - 160px);
}
.channel_wrapper {
	height: 100%;
	height: calc(100% - 20px);
}
#chat.fullscreen .chat_pane,
#chat.fullscreen .chat_online {
	height: 80%;
	height: calc(100% - 60px);
}
#channel_tabs .attention-status {
  color: #090;
}
#channel_tabs .attention-chat {
	color: #f00;
}
#channel_tabs .attention-whisper {
	color: #f0f;
}
#channel_holder .exited {
	background: #ddd;
}
#channel_holder .chat_topic {
	min-height: 18px;
	padding-bottom: 10px;
	width: 80%;
	width: calc(100% - 200px);
	float: left;
}
#channel_holder .actionbuttons {
	float: right;
	margin-top: -7px;
	margin-bottom: 7px;
	margin-left: 10px;
}
.chat_pane {
	width: 80%;
	width: calc(100% - 200px);
	height: 400px;
	border: 1px solid #eee;
	white-space: pre-line;
	word-wrap: break-word;
	overflow-y: scroll;
	float: left;
}
.chat_pane .to_me {
	background: #ffd;
}
.chat_pane .invite {
	background: #fdd;
}
.chat_pane .broadcast {
	font-weight: bold;
	padding: 5px;
	background: #ddf;
}
.chat_online {
	width: 20%;
	width: calc(0% + 197px);
	height: 400px;
	border: 1px solid #eee;
	border-left: 0px;
	white-space: pre-line;
	word-wrap: break-word;
	overflow-y: scroll;
	float: left;
}
.chat_online .staff {
	font-weight: bold;
}
.chat_online .owner {
	color: #f00;
}
.chat_online .moderator {
	color: #00f;
}
.chat_online .afk {
	opacity: 0.5;
}
.chat_input {
	margin-top: 5px;
	width: 100%;
	width: calc(100% - 8px);
	clear: both;
}
.chat_pane .timestamp {
	color: #777;
}
.chat_pane .status {
	color: #777;
}
.chat_pane .command {
	color: #999;
	font-size: 10px;
	line-height: 10px;
	font-family: "Lucida Console", Monaco, monospace;
}
.chat_pane .whisper-echo,
.chat_pane .whisper {
  color: #515;
  background: #fef;
  font-style: italic;
}
.chat_pane .timestamp {
  font-style: normal;
}
#chatmodal .official td {
	background: #ffc;
	font-weight: bold;
}
#chatmodal .private td {
	background: #fcc;
}
#chatmodal .private.official td {
	background: #fdc;
}
#roomlist_wrapper {
	height: 300px;
	overflow-y: scroll;
}
#chatmodal .roompop {
	width: 30px;
	text-align: center;
}
#chatmodal .roomdestroy {
	width: 30px;
	text-align: center;
}

.chatline {
	min-height: 18px;
}




form.survey textarea {
	width: 600px;
	height: 150px;
}

.whosonline {
	overflow: hidden;
	margin-left: 0;
}
.whosonline li {
	list-style-type: none;
	float: left;
}
.whosonline .onlineuser {
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 4px;
	padding: 4px 7px;
	margin: 4px;
	margin-left: 0;
	margin-right: 8px;
	display: block;
	width: 210px;
	position: relative;
}
.whosonline .onlineuser_5 {
	width: 162px; /* 157 */
}
.whosonline .onlineuser .userid {
	font-size: 75%;
}
.whosonline .onlineuser:hover {
	background: #ddd;
	text-decoration: none;
}
.whosonline .onlineindicator {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	position: absolute;
	top: 9px;
	right: 5px;
}





#custom_form .well {
  padding: 10px;
  margin-top: 30px;
  margin-bottom: 0px;
}
#custom_form .well p {
  margin: 0;
}






.well-mini {
	min-height: 20px;
	padding: 10px;
	margin-bottom: 5px;
	/*
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
	*/
	border-left: 1px solid #e3e3e3;

}
.well-mini:first-child {
	border-left: 0;
}
.well-mini *:first-child {
	margin-top: 0;
}
.well-mini *:last-child {
	margin-bottom: 0;
}







#adventure_navtree .subtreecaret {
    display: inline-block;
    cursor: pointer;
    margin-left: -1.3em;
}
#adventure_navtree .subtreecaret:after {
    content: '►';
    color: #999;
    font-size: large;
}
#adventure_navtree .subtreecaret.open {
    transform: rotate(90deg);
}
#adventure_navtree .subtree {
    margin-left: -7px;
    padding-left: 20px;
    border-left: 2px dotted #ccc;
}
#adventure_navtree form {
    margin-top: 5px;
}
#adventure_navtree ul {
    list-style-type: none;
    margin-left: 1em;
}
#adventure_navtree .active {
    font-weight: bold;
    color: #449 !important;
}
#adventure_navtree .masked .command,
#adventure_navtree .masked .encounter_command {
    color: #999;
}
#adventure_navtree .command:before {
    content: '⛭';
}
#adventure_navtree .encounter_command:before {
    content: '⚙';
}
#adventure_navtree .encounter:before {
    content: '⚠';
}
#adventure_navtree .encounter.battle:before {
    content: '⚔';
}
#adventure_navtree .items .weapon:before {
    content: '⛏';
}
#adventure_navtree .items .armor:before {
    content: '⛨';
}
#adventure_navtree .items .usable:before {
    content: '⚚';
}
#adventure_navtree .items .misc:before {
    content: '⛬';
}

#adventure_navtree.include_deleted ul {
    margin-left: 3em;
}
#adventure_navtree.include_deleted label {
    opacity: 0.2;
}
#adventure_navtree.include_deleted .deleted label {
    opacity: 0.5;
}
#adventure_navtree.include_deleted .deleted > label {
    font-weight: bold;
    opacity: 1;
}
#adventure_navtree .adventure_delete {
    float: right;
    opacity: 0.3;
}
#adventure_navtree .adventure_delete:hover {
    opacity: 1;
}





#adventure_structure_editor {
	margin-left: 0;
	margin-bottom: 10px;
}
#adventure_structure_editor .node {
	margin-bottom: 20px;
}
#adventure_structure_editor .double > li {
	float: left;
	width: calc(50% - 7px);
}
#adventure_structure_editor .double > li:nth-child(2n+1) {
	clear: left;
}
li.adventure_structure_elem {
	position: relative;
	border: 1px solid rgba(150, 150, 150, 0.3);
	border-radius: 4px;
	margin: 2px;
	background: rgba(150, 150, 150, 0.1);
	overflow: hidden;
}
li.adventure_structure_elem.masked {
	color: #555;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(150, 150, 150, 0.4);
}
li.adventure_structure_elem.new {
	background: rgba(150, 255, 150, 0.2);
}
li.adventure_structure_elem.new.copy {
	background: rgba(150, 255, 255, 0.2);
}
li.adventure_structure_elem.new > .name > .duplicate,
li.adventure_structure_elem.copy > .name > .duplicate,
li.adventure_structure_elem.deleted > .name > .duplicate {
	display: none;
}
li.adventure_structure_elem > .name > .restore,
li.adventure_structure_elem.deleted > .name > .delete,
li.adventure_structure_elem.deleted > .name > .navigate {
	display: none;
}
li.adventure_structure_elem.moved {
	background: rgba(150, 150, 255, 0.2);
}
li.adventure_structure_elem.deleted {
	border: 1px dotted rgba(150, 0, 0, 0.3);
	background: rgba(255, 150, 150, 0.2);
	color: #900;
}
li.adventure_structure_elem.deleted > .name .restore,
li.adventure_structure_elem > .name .delete {
	display: block;
}
li.adventure_structure_elem div {
	clear: both;
}
li.adventure_structure_elem.node > .name {
	font-size: large;
	font-weight: bold;
	padding: 12px 12px 8px 12px;
	cursor: auto;
}
li.adventure_structure_elem.encounter > .name {
	font-weight: bold;
}
li.adventure_structure_elem .name {
	padding: 5px 10px;
}
li.adventure_structure_elem ol,
li.adventure_structure_elem ul {
	list-style-type: none;
	margin-left: 0;
	min-height: 30px;
	overflow: hidden;
}
li.adventure_structure_elem .heading {
	font-weight: bold;
}
li.adventure_structure_elem .encounters .encounter .heading {
	display: none;
}
li.adventure_structure_elem .commands,
li.adventure_structure_elem .encounters {
	margin: 10px;
}
li.adventure_structure_elem .encounters .named_pool {
	margin-top: 20px;
	padding: 4px;
	border: 1px dashed #666;
	border-radius: 4px;
}
li.adventure_structure_elem .encounters .default_pool .heading {
	display: none;
}
li.adventure_structure_elem .name {
	cursor: move;
	padding-left: 22px;
	margin-left: 0;
}
li.adventure_structure_elem .name.underline {
	border-bottom: 1px solid rgba(100,100,100,0.32);
}
#adventure_structure_editor ol .name:before {
	content: '::';
	position: absolute;
	margin-left: -15px;
	margin-top: -1px;
	letter-spacing: 0px;
	font-weight: normal;
	font-size: small;
}
#adventure_structure_editor .sortable-exclude {
	border: 1px dashed #33a;
	background: #eef;
	opacity: 0.6;
	padding: 4px;
	float: unset !important;
	width: auto !important;
	clear: both;
	margin-top: 4px;
}
#adventure_structure_editor .sortable-exclude button {
	width: 35px;
	margin: 0;
}
#adventure_structure_editor .sortable-exclude input {
	width: calc(100% - 50px);
	margin: 0;
}
#adventure_structure_editor .sortable-exclude.new-encounter input:first-child {
	width: calc(75% - 50px);
}
#adventure_structure_editor .sortable-exclude.new-encounter input:nth-child(2) {
	width: calc(25% - 15px);
}








#adventure_action_editor,
#adventure_action_editor ol {
	margin-left: 0;
	margin-bottom: 10px;
}
li.adventure_actionlist_elem {
	position: relative;
	border: 1px solid rgba(150, 150, 150, 0.3);
	border-radius: 4px;
	margin: 2px;
	background: rgba(150, 150, 150, 0.1);
	overflow: hidden;
}
li.adventure_actionlist_elem.gu-transit {
	max-height: 110px;
	height: auto !important;
}
li.adventure_actionlist_elem .close {
	position: absolute;
	top: 7px;
	right: 9px;
}
li.adventure_actionlist_elem.sortable-exclude {
	border: 1px dashed #33a;
	background: #eef;
	opacity: 0.6;
	padding: 4px;
}
li.adventure_actionlist_elem.sortable-exclude * {
	margin-bottom: 0;
}
li.adventure_actionlist_elem.sortable-exclude option,
li.adventure_actionlist_elem .properties_container label {
	text-transform: capitalize;
}
li.adventure_actionlist_elem .properties_container label {
	margin: 5px 0 0 0;
}
li.adventure_actionlist_elem.sortable-exclude * {
	float: left;
	margin-right: 10px;
}
li.adventure_actionlist_elem .name {
	font-weight: bold;
	font-size: large;
	padding: 5px 10px 5px 22px;
	cursor: move;
	text-transform: capitalize;
}
li.adventure_actionlist_elem .name.underline {
	border-bottom: 1px solid rgba(100,100,100,0.32);
}
li.adventure_actionlist_elem .name:before {
	content: '::';
	position: absolute;
	margin-left: -15px;
	margin-top: -1px;
	letter-spacing: 0px;
	font-weight: normal;
	font-size: small;
}
li.adventure_actionlist_elem .name i {
	margin-top: 4px;
}
li.adventure_actionlist_elem .primary_properties_container {
	float: right;
	margin-right: 20px;
}
li.adventure_actionlist_elem .primary_properties_container label {
	margin: 0;
	float: left;
}
li.adventure_actionlist_elem .primary_properties_container label i {
	margin-top: 0px;
	margin-right: 5px;
}
li.adventure_actionlist_elem .primary_properties_container input,
li.adventure_actionlist_elem .primary_properties_container select {
	margin-top: -5px;
	margin-bottom: 0;
}
li.adventure_actionlist_elem .primary_properties_container input[type=checkbox] {
	margin-top: 0;
}
li.adventure_actionlist_elem .properties_container {
	width: calc(100% - 10px);
	overflow: hidden;
	padding: 10px 0;
}
li.adventure_actionlist_elem .properties_container > div {
	float: left;
	padding-left: 1em;
}
li.adventure_actionlist_elem .properties_container > div.full-width {
	width: calc(100% - 11px);
}
li.adventure_actionlist_elem select.adventure_property {
	width: auto;
}
li.adventure_actionlist_elem textarea.adventure_property {
	width: calc(100% - 16px);
	height: 5em;
}
li.adventure_actionlist_elem input.type_num.adventure_property,
li.adventure_actionlist_elem input.type_check.adventure_property,
li.adventure_actionlist_elem input.type_attack.adventure_property {
	width: 4em;
}
li.adventure_actionlist_elem select.type_stat.adventure_property {
	min-width: calc(4em + 15px);
	max-width: 300px;
}
li.adventure_actionlist_elem input.type_dice.adventure_property {
	width: 8em;
}
li.adventure_actionlist_elem input.prop_text.adventure_property {
	width: calc(100% - 16px);
}
li.adventure_actionlist_elem input.prop_condition.adventure_property {
	width: calc(100% - 16px);
	font-family: monospace;
}

.adventure-item {
	cursor: pointer;
	background:       rgba(0, 100, 255, 0.1);
	border: 1px solid rgba(0, 100, 255, 0.1);
	padding: 1px 2px;
	border-radius: 3px;
}
.adventure-item.weapon {
	background:       rgba(255, 100, 0, 0.1);
	border: 1px solid rgba(255, 100, 0, 0.3);
	color:            rgba(255, 100, 0, 1.0);
}
.adventure-item.armor {
	background:       rgba(0, 100, 255, 0.1);
	border: 1px solid rgba(0, 100, 255, 0.3);
	color:            rgba(0, 100, 255, 1.0);
}
.adventure-item.consumable,
.adventure-item.usable {
	background:       rgba(50, 255, 0, 0.1);
	border: 1px solid rgba(25, 100, 0, 0.3);
	color:            rgba(25, 100, 0, 1.0);
}
.adventure-item.misc {
	background:       rgba(100, 100, 0, 0.1);
	border: 1px solid rgba(50, 50, 0, 0.3);
	color:            rgba(50, 50, 0, 1.0);
}

.adventure_embark_link {
	border: 1px solid #ddd;
	background: #eee;
	border-radius: 4px;
	display: block;
	padding: 10px;
	position: relative;
	color: #333;
	margin-bottom: 10px;
}
.adventure_embark_link:hover {
	text-decoration: none;
	background: #f8f8f8;
}
.adventure_embark_link .title {
	font-size: x-large;
	font-family: 'BanksiaBold';
	padding: 5px 0;
}
.adventure_embark_link .author {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.8;
	color: grey;
	padding: 4px;
}
.adventure_embark_link .info {
	float: right;
}
.adventure_embark_link .version {
	position: absolute;
	top: 15px;
	right: 0;
	opacity: 0.8;
	color: grey;
	padding: 4px;
}
.adventure_embark_link .description {
	display: block;
	clear: both;
	font-style: italic;
	line-height: 1em;
	padding-top: 5px;
}
.adventure_embark_link .tags {
	padding-top: 10px;
	clear: both;
}
.adventure_embark_link .max_participants {
	display: none;
}



.artist-layer-box {
	cursor: pointer;
}
.artist-layer-box img {
	width: 180px;
}
#layer-edit-delete {
	display: none;
}



.sticker-tally-link {
	display: block;
	height: 20px;
}
.sticker-tally-link:hover {
	text-decoration: none
}
.sticker-tally {
	display: inline-block;
	overflow: hidden;
	margin-right: 15px;
}
.sticker-tally div {
	float: left;
	color: #333;
}
.sticker-tally-blob {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin-top: 5px;
	margin-right: 5px;
}

.sticker-tally-blob.blue {
	background: #9bf;
}
.sticker-tally-blob.red {
	background: #fb9;
}
.sticker-tally-blob.yellow {
	background: #dd9;
}
.sticker-tally-blob.green {
	background: #ada;
}
.sticker-tally-blob.pink {
	background: #fcc;
}