#overlay > .admin,
#overlay > .adminVirtualShopItemDetails {
    padding-left: 180px;
}

#overlay .admin.navigation {
    position: fixed;
    top: 20px;
    left: 20px;
}

#overlay .admin.navigation button,
#overlay .admin.navigation input[type=text] {
    position: relative;
    width: 160px;
    display: block;
    margin: 0 0 10px 0;
}

#overlay .admin.navigation .counter {
    background-color: #ff0000;
    border-radius: 100px;
    font-size: 0.9em;
    padding: 2px 4px 2px 4px;
    position: absolute;
    right: -7px;
    top: -8px;
    min-width: 8px;
    line-height: normal;
}

#overlay .admin.navigation .counter:empty {
    display: none;
}

#overlay > .admin + button,                             /* Targets overlay close button */
#overlay > .adminVirtualShopItemDetails + button,       /* Targets overlay close button */
#overlay .admin button {
    background: #427fff;
    border-radius: 2px;
    box-shadow: none;
    font-family: inherit;
    font-weight: bold;
    margin: 0;
}

#overlay > .admin + button.warning,                         /* Targets overlay close button */
#overlay > .adminVirtualShopItemDetails + button.warning,   /* Targets overlay close button */
#overlay .admin button.warning {
    background: #ff0000;
}

#overlay .admin button:disabled {
    background: #cccccc;
}

#overlay .admin button + button{
    margin-left: 10px;
}

#overlay .admin input[type=text] {
    box-sizing: border-box;
    border-radius: 2px;
    border: 2px solid #808080;
    padding: 3px;
    transition: none;
    margin: 0;
}

#overlay .admin input:focus {
    border-color: #427fff;
}

#overlay .admin input.date {
    width: 135px;
    text-align: center;
}

#overlay .admin textarea {
    border: 2px solid #808080;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 3px;
    transition: none;
    margin: 0;
}

#overlay .admin textarea:focus {
    border-color: #427fff;
}

#overlay .admin select {
    background-color: #000000;
    border: 2px solid #808080;
    color: #ffffff;
    outline: none;
    transition: none;
    font-size: inherit;
    height: 27px;
    margin: 0;
}

#overlay .admin select:focus {
    border-color: #427fff;
}

#overlay .admin .header {
    font-size: 1.5em;
    margin-bottom: 20px;

}

#overlay .admin .subHeader {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#overlay .admin .paginator {
    margin-bottom: 20px;
}

#overlay .admin .section {
    position: relative;
    margin-bottom: 20px;
    max-width: 800px;
}

#overlay .admin .username {
    font-family: inherit;
}

#overlay .admin .adminLookup {
    font-weight: bold;
}

#overlay .admin .time {
    color: #999999;
    padding-right: 10px;
}

#overlay .admin .currencyIcon {
    left: 0;
    top: 1px;
    margin: 0 2px 0 2px;
}

#overlay .admin .status {
    margin-left: 10px;
}

#overlay .admin .note {
    color: #999999;
}

#overlay .admin .attention {
    background-color: #ffda00;
    border-radius: 2px;
    color: #000000;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    padding: 10px;
    text-align: justify;
    margin-bottom: 10px;
}

#overlay .admin .attention :first-child {
    margin-top: 0;
}

#overlay .admin .attention :last-child {
    margin-bottom: 0;
}

#overlay .admin .listItem {
    position: relative;
    margin: 0 -4px 0 -4px;
    padding: 4px;
    border-radius: 4px
}

#overlay .admin .listItem:hover {
    background: #000000;
}

#overlay .admin .listItem button {
    vertical-align: top;
}

#overlay .admin .listItem .details {
    padding: 4px 0 4px 0;
}

#overlay .admin .listItem .options.left {
    float: left;
    margin-right: 10px;
    line-height: 24px;
}

#overlay .admin .listItem .options.right {
    float: right;
    margin-left: 10px;
    line-height: 24px;
}

#overlay .admin .forum {
    color: #000000;
}

#overlay .admin .forum .reply {
    margin: 0 0 10px 24px;
}

#overlay .admin .forum .action * {
    cursor: default;
}

#overlay .admin .forum .like:active img {
    display: inline-block;
}

#overlay .admin .forumGuidelines {
    text-align: justify;
}

#overlay .admin .forumGuidelines .subHeader {
    position: relative;
    padding-left: 40px;
}

#overlay .admin .forumGuidelines .subHeader img {
    position: absolute;
    top: -5px;
    left: 0px;
}

/******************** Admin accept guidelines overlay ********************/

/******************** Admin player lookup overlay **********************/

#overlay .admin.playerLookup .icon {
    transform: scaleX(-1);
    position: absolute;
    bottom: 0;
    right: 0;
}

#overlay .admin.playerLookup .icon.fixed {
    position: fixed;
    left: 680px;                /* 20px padding + 180px padding + 800px container - 320px tank icon width */
    right: initial;
    bottom: initial;
}

/******************** Admin dashboard overlay ********************/

/******************** Admin player names overlay **********************/

#overlay .admin.playerNames .unapproved {
    margin-bottom: 10px;
}

/******************** Admin shop overlay ********************/

/******************** Admin virtual shop item details overlay ********************/

/******************** Admin news overlay ********************/

/******************** Admin messages overlay **********************/

#overlay .admin.messages .message {
    margin: 0 0 10px 0px;
}

#overlay .admin.messages .message.highlight {
    margin-left: -4px;
}

#overlay .admin.messages .message .username {
    font-weight: normal;
    font-family: TankTrouble;
}

#overlay .admin.messages .message .body {
    -webkit-touch-callout: text; /* iOS Safari */
    -webkit-user-select: text;   /* Chrome/Safari/Opera */
    -khtml-user-select: text;    /* Konqueror */
    -moz-user-select: text;      /* Firefox */
    -ms-user-select: text;       /* Internet Explorer/Edge */
    user-select: text;           /* Non-prefixed version, currently not supported by any browser */
    cursor: auto;
}

#overlay .admin.messages .recent > *,
#overlay .admin.messages .popular > * {
    position: relative;
    margin-bottom: 10px;
}

#overlay .admin.messages .attention,
#overlay .admin.messages input,
#overlay .admin.messages button.editContent.cancel,
#overlay .admin.messages button.editContent.confirm,
#overlay .admin.messages .popular textarea,
#overlay .admin.messages .recent textarea {
    display: none;
}

#overlay .admin.messages .recent button.send,
#overlay .admin.messages .popular button.send {
    width: 600px;
    font-weight: normal;
    text-align: justify;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    vertical-align: top;
}

#overlay .admin.messages .recent button.editContent.enable,
#overlay .admin.messages .popular button.editContent.enable {
    float: right;
}

#overlay .admin.messages .recent input,
#overlay .admin.messages .popular input {
    width: 600px;
    margin-bottom: 10px;
}

#overlay .admin.messages .recent .options,
#overlay .admin.messages .popular .options {
    position: absolute;
    right: 0;
    bottom: 0;
}

/******************** Admin chat log overlay **********************/

#overlay .admin.chatLog .chatMessage {
    color: #999999;
    padding-left: 34px;
}

#overlay .admin.chatLog .chatMessage.first:not(:first-child) {
    padding-top: 4px;
    border-top: 2px solid #666666;
}

#overlay .admin.chatLog .chatMessage button.expand {
    left: 0;
    position: absolute;
}

#overlay .admin.chatLog .chatMessage .message {
    color: #ffffff;
}

#overlay .admin.chatLog .chatMessage .message.global {
    color: #68c5ff;
}

#overlay .admin.chatLog .chatMessage .message.private {
    color: #00ff02;
}

/******************** Admin statistics overlay ********************/

#overlay .admin.statistics table td:first-child {
    padding-right: 5px;
}

#overlay .admin.statistics table td:not(:first-child) {
    position: relative;
    padding: 2px 5px 2px 5px;
    text-align: right;
    min-width: 10px;
}

#overlay .admin.statistics table.adminStatistics {
    font-size: 10px;
    margin: 70px -4px 0 -4px;
    white-space: nowrap;
}

#overlay .admin.statistics table.adminStatistics td:first-child {
    padding-left: 4px;
    border-radius: 2px;
}

#overlay .admin.statistics table.adminStatistics td:last-child {
    padding-right: 4px;
    border-radius: 2px;
}

#overlay .admin.statistics table.adminStatistics td.highlight div,
#overlay .admin.statistics table.adminStatistics tr:not(:first-child):hover {
    background: #000000;
}

#overlay .admin.statistics table.adminStatistics tr:first-child td div {
    position: absolute;
    left: calc(50% - 8px);
    top: 0px;
    transform: rotate(-45deg);
    transform-origin: 0 0;
    white-space: nowrap;
    padding: 2px 4px 2px 4px;
    border-radius: 2px
}

/******************** Admin log overlay ********************/

/******************** Admin server log overlay ********************/
































/******************** ALL STYLES BELOW ARE DISABLED AND/OR UNTESTED - SHOULD BE MOVE OR REMOVED **********************/

/* should this be a general style for "form textarea"? */
#overlay .admin.messages form textarea {
    margin-bottom: 10px;
}

X#overlay .admin .message {
    margin-left: 0;
    margin-right: 0;
}

X#overlay .admin .action {
    display: inline-block;
}

X#overlay .admin .action * {
	cursor: pointer;
}

X#overlay .admin .label {
    color: #808080;
    font-weight: bold;
    padding: 3px;
}

/******************** Admin accept guidelines **********************/

X#overlay .admin.acceptGuidelines .content {
    display: inline-block;
    max-width: 600px;
}

/******************** Admin News Overlay **********************/

#overlay .admin.news .select .option {
    background: #427fff;
    display: inline-block;
    padding: 4px;
    border-right: 1px solid #6194ff;
    border-left: 1px solid #1e456e;
    cursor: pointer;
    margin: 5px 0;
}

#overlay .admin.news .select .option:active {
    -webkit-transform: translateY(2px);
    -ms-transform: translateY(2px);
	transform: translateY(2px);
}

#overlay .admin.news .select .option.first {
    border-radius: 2px 0 0 2px;
    border-left: none;
    margin-left: 5px;
}

#overlay .admin.news .select .option.last {
    border-radius: 0 2px 2px 0;
    border-right: none;
    margin-right: 5px;
}

#overlay .admin.news .select .option.selected {
    background: #679fff;
}

X#overlay .admin.news .uploadPlaceholder {
    display: inline-block;
    border: 1px dashed #808080;
    width: 30px;
    height: 30px;
    margin: 0 5px 5px;
    vertical-align: middle;
}

X#overlay .admin.news .uploadPreview {
    display: inline-block;
    border: 1px dashed #808080;
    margin: 0 5px 5px;
    vertical-align: middle;
}

X#overlay .admin.news .uploadedImage {
    display: inline-block;
    margin: 5px;
}

X#overlay .admin.news .uploadedPreview {
    border: 1px dashed #808080;
    margin: 5px;
    width: auto;
    height: auto;
    max-width: 100px;
    max-height: 100px;
}

#overlay .admin.news .preview {
    border-collapse: separate;
    border-spacing: 10px 0;
    display: inline-table;
    max-width: 1284px;
    width: 100%;
    margin-top: 5px;
}

#overlay .admin.news .preview > div {
    display: table-cell;
	vertical-align: top;
}

#overlay .admin.news .preview > div:nth-child(odd) {
    width: 130px;
}

#overlay .admin.news form.newsPost {
    margin-top: -20px;
}

#overlay .admin.news form .table1 {
    border-spacing: 10px;
    display: table;
    text-align: left;
    width: 100%;
}

#overlay .admin.news form .table1 > div {
    display: table-row;
}

#overlay .admin.news form .table1 > div > div {
    display: table-cell;
}

#overlay .admin.news form .table1 > div > div:nth-child(odd) {
    width: 20%;
}

#overlay .admin.news form .textareas > div {
    text-align: left;
    display: inline-block;
    width: 40%;
    box-sizing: border-box;
    padding: 0 5px;
}

#overlay .admin.news form .textareas > div:last-child {
    width: 20%;
}

#overlay .admin.news form .timesAndType {
    padding-bottom: 5px;
}

#overlay .admin.news form .timesAndType > div {
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 5px;
}

#overlay .admin.news input[name="title"] {
    width: 100%;
}

#overlay .admin.news textarea {
    width: 100%;
    height: 150px;
}

#overlay .admin.news input[name="time"],
#overlay .admin.news input[name="expiration"],
#overlay .admin.news select {
    width: 140px;
}

/******************** Admin shop overlay ********************/

#overlay .admin.shop .shopItem {
    background: none;;
    height: auto;
    margin: 5px;
    padding: 155px 0 0 0;
}

#overlay .admin.shop .shopItem .preview {
    z-index: -1;
}

#overlay .admin.shop .shopItem .currencyIcon {
    vertical-align: middle;
}

#overlay .admin.shop .shopItem button {
    width: auto;
    margin-left: 0px;
}

/******************** Admin virtual shop item details overlay ********************/

#overlay .adminVirtualShopItemDetails .shopItem {
    position: absolute;
    top: 20px;
    margin: 0;
}

#overlay .adminVirtualShopItemDetails textarea[name=name],
#overlay .adminVirtualShopItemDetails input[name=quantity] {
    width: 140px;
}

#overlay .adminVirtualShopItemDetails textarea[name=description] {
    width: 800px;
}

#overlay .adminVirtualShopItemDetails input[name=priceGold],
#overlay .adminVirtualShopItemDetails input[name=priceDiamonds] {
    width: 60px;
    text-align: right;
}