.content {
  padding: 2px 2px;
  min-width: 300px;
  max-width: 1000px;
  margin: 50px auto 0 auto;
}
.content-app {
  padding: 2px;
  margin-top: 50px;
  margin-bottom: 2%;
  margin-left: 50px;
  margin-right: 50px;
}
.content-inner {
  border: 1px solid #555866;
  padding: 15px 15px;
  background: #191b25;
  margin-top: 5px;
}
.content-inner > .content-header {
  color: #e2bb5f;
  padding: 6px 6px 6px 8px;
  margin: 15px -15px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 80%;
}
.content-inner > .content-header:first-child {
  margin: -15px -15px 15px -15px;
}
.content-inner > h1 {
  display: block;
  text-align: center;
  font-size: 200%;
  margin: 0 0 15px 0;
}
.content-inner > h2 {
  display: block;
  font-size: 150%;
  margin: 0 0 15px 0;
}
.content-block {
  background-color: #22242e;
  border: 1px solid #555866;
  padding: 5px;
  margin: 2px;
}
.content-header {
  font-size: 150%;
  padding-left: 17px;
  text-shadow: 0px 1px 1px #000;
}
.g-guests {
  color: #FFF;
}
/* guest */
.g-free {
  color: #888;
}
/* free */
.g-users {
  color: #8F8;
}
/* vip */
.g-girls {
  color: #F6F;
}
/* girls */
.g-vip {
  color: #CCF;
}
/* builders */
.g-codes {
  color: #888;
}
/* codes */
.g-mods {
  color: #F77;
}
/* mods */
.g-admins {
  color: #F44;
}
/* admins */
.g-premium {
  color: gold;
}
/* premium */
.g-helper {
  color: dodgerblue;
}
/* helper */
progress {
  background-color: #121316;
  border: 1px solid #4d4f5b;
  -webkit-appearance: none;
}
progress::-webkit-progress-bar {
  background-color: #121316;
}
progress::-webkit-progress-value {
  background-color: #41434d;
  transition: all 0.3s ease 0s;
}
progress::-moz-progress-bar {
  background-color: #41434d;
  transition: all 0.3s ease 0s;
}
.progress-old {
  background-color: #15171a;
  border: 1px solid #555761;
  -webkit-appearance: none;
}
.progress-old::-webkit-progress-bar {
  background-color: #15171a;
}
.progress-old::-webkit-progress-value {
  background-color: #41434d;
  transition: all 0.3s ease 0s;
}
.progress-old::-moz-progress-bar {
  background-color: #41434d;
  transition: all 0.3s ease 0s;
}
input[type=text],
input[type=password],
textarea {
  color: lightgray;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: auto;
  border: 1px solid #444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px;
}
input[type=text][disabled],
input[type=password][disabled],
textarea[disabled] {
  background-color: rgba(50, 50, 50, 0.5);
}
input,
textarea {
  box-sizing: border-box;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}
.tarea-msg {
  width: 100%;
  height: 300px;
}
.tinput {
  width: 100%;
  color: lightgray;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: auto;
  border: 1px solid #444;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 3px 3px;
}
.tbl {
  border-collapse: collapse;
}
.tbl-data tr:nth-child(2n) {
  background: #242733;
}
.tbl-data tr:nth-child(2n-1) {
  background: #191b25;
}
.tbl-data tr td {
  text-align: center;
}
.tbl-data tr td:first-child {
  text-align: left;
}
.tbl-data tr td:last-child {
  text-align: right;
}
.tbl-centered tr td {
  text-align: center;
}
.tbl-header {
  background: rgba(2, 2, 5, 0.9);
}
.tbl-header td {
  text-align: center;
}
table.vatable {
  border-collapse: collapse;
}
table.vatable * {
  vertical-align: bottom;
}
.tree {
  margin: 2px 0px;
}
.tree .tbl {
  width: 100%;
  border-collapse: collapse;
}
.tree .title {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #41434d;
  background: #272937;
  cursor: pointer;
}
.tree .title .text {
  padding-left: 2px;
  display: inline-block;
}
.tree .btn-item {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  width: 20px;
  height: 20px;
  margin-left: -1px;
  border-right: 1px solid #2f3242;
  background: #41434d;
  cursor: pointer;
  color: #eed;
  display: inline-block;
  text-align: center;
}
.tree .btn-info {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  width: 20px;
  height: 20px;
  margin-left: -1px;
  border-right: 1px solid #2f3242;
  background: #41434d;
  display: inline-block;
  text-align: center;
  color: #99F;
  cursor: pointer;
}
.tree .body {
  -webkit-border-radius: 0px 5px 5px 5px;
  -moz-border-radius: 0px 5px 5px 5px;
  border-radius: 0px 5px 5px 5px;
  border: 1px solid #41434d;
  background: rgba(0, 0, 0, 0);
  padding: 5px;
  margin: -1px 0px 5px 20px;
  display: none;
}
.button,
button,
input[type=submit] {
  padding: 5px;
  display: inline-block;
  color: #eed;
  min-width: 50px;
  text-align: center;
  cursor: pointer;
  background: #2f3242;
  border: 1px solid #444960;
}
.button:hover,
button:hover,
input[type=submit]:hover {
  text-decoration: none;
}
.button:hover,
button:hover,
input[type=submit]:hover {
  background: #444960;
}
.button:active,
button:active,
input[type=submit]:active {
  background: #1a1b24;
}
.button-green {
  background: #30432f;
  border: 1px solid #456144;
}
.button-green:hover {
  background: #456144;
}
.button-green:active {
  background: #1b251a;
}
.button-red {
  background: #4a2828;
  border: 1px solid #6b3a3a;
}
.button-red:hover {
  background: #6b3a3a;
}
.button-red:active {
  background: #291616;
}
.button-old {
  padding: 5px;
  display: inline-block;
  background: #2f3242;
  border: 1px solid #41434d;
  color: #eed;
  min-width: 50px;
  text-align: center;
}
.button-old:hover {
  background: #41434d;
  cursor: pointer;
  text-decoration: none;
}
.button-old:active {
  background: #16171a;
  cursor: pointer;
}
.button-green-old {
  background: #30432f;
  border: 1px solid #414d41;
}
.button-green-old:hover {
  background: #414d41;
}
.button-green-old:active {
  background: #16171a;
}
.button-red-old {
  background: #4a2828;
  border: 1px solid #523c3c;
}
.button-red-old:hover {
  background: #523c3c;
}
.button-red-old:active {
  background: #16171a;
}
.post {
  border: 1px solid #555866;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #191b25;
  margin-top: 10px;
}
.post > .post-name {
  padding: 10px 15px;
  color: #ffd573;
  font-size: 150%;
  margin-bottom: 5px;
}
.post > .post-content {
  padding: 5px 20px 10px 15px;
}
.post > .footer {
  border-top: 1px dashed #444;
  color: #e2bb5f;
  font-size: 80%;
  padding-left: 2px;
}
.message {
  border: 1px solid #555866;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 5px;
  background: #191b25;
  margin-top: 5px;
  overflow-y: hidden;
}
.message > .message-header {
  border-bottom: 1px dashed #444;
  color: #e2bb5f;
  font-size: 80%;
  padding-left: 2px;
}
.message > .message-name {
  border-bottom: 1px dashed #444;
  color: #ffd573;
  font-size: 150%;
  text-align: center;
}
.message > .message-content {
  padding: 2px 20px 0px 10px;
  overflow-x: auto;
}
.message > .message-footer {
  border-top: 1px dashed #444;
  color: #e2bb5f;
  font-size: 80%;
  padding-left: 2px;
}
.topic-post {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #555866;
  padding: 10px 15px;
  background: #191b25;
  margin-top: 10px;
}
.topic-post::after {
  content: "";
  display: block;
  clear: both;
}
.topic-post > .topic-post-author {
  display: inline-block;
  float: left;
  padding-right: 10px;
  text-align: center;
  line-height: 150%;
}
.topic-post > .topic-post-author > img {
  max-width: 64px;
  max-height: 64px;
}
.topic-post > .topic-post-author a {
  color: #ffd573;
}
.topic-post > .topic-post-header {
  color: #ffd573;
  font-size: 80%;
  margin-bottom: 10px;
}
.topic-post > .topic-post-header a {
  color: #ffd573;
}
.topic-post > .topic-post-content {
  overflow-x: auto;
}
.topic-post > .topic-post-footer {
  color: #e2bb5f;
  font-size: 80%;
  padding-left: 2px;
}
.blk-topic-post-add {
  display: none;
}
.blk-controls {
  text-align: right;
}
.bash {
  border: 1px solid #555866;
  background: #191b25;
  margin-top: 20px;
}
.bash .bash-header {
  padding: 4px 4px 4px 6px;
  font-size: 80%;
}
.bash .bash-header .bash-header-date {
  color: #e2bb5f;
}
.bash .bash-content {
  min-height: 20px;
  padding: 10px 10px;
  overflow-y: hidden;
}
.bash .bash-content .bash-content-controls {
  display: none;
  float: right;
}
.bash .bash-content:hover .bash-content-controls {
  display: inline-block;
}
.bash .bash-content:hover .bash-content-controls.force-hide {
  display: none;
}
.bash .bash-footer {
  color: #e2bb5f;
  font-size: 80%;
  padding: 4px 4px 4px 6px;
}
.bash .bash-footer .bash-footer-controls {
  display: none;
  float: right;
}
.bash .bash-footer:hover .bash-footer-controls {
  display: inline-block;
}
.bash .bash-footer:hover .bash-footer-controls.force-hide {
  display: none;
}
.bash .bash-rating {
  display: inline-block;
}
.bash .bash-readmore {
  background: linear-gradient(to bottom, transparent 0%, #191b25 70%);
  text-align: center;
  height: 20px;
  margin-top: -20px;
  position: relative;
  color: #e2bb5f;
}
.bash .bash-readmore:hover {
  background: #555866;
  cursor: pointer;
}
hr {
  border-bottom: 1px solid #555866;
  border-top: 1px solid #0d0e0f;
  border-left: 1px solid #0d0e0f;
  border-right: 1px solid #555866;
}
blockquote {
  border: 1px solid #555866;
  padding: 10px;
  margin: 5px;
  overflow-x: auto;
}
.page-ctrl {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #242733;
  border: 1px solid #41434d;
  padding: 3px;
}
.pan {
  border: 1px solid #555866;
  padding: 5px 5px;
  background: #191b25;
  margin-top: 2px;
}
.pan .name {
  border-bottom: 1px dashed #444;
  color: #e2bb5f;
  font-size: 80%;
  padding-left: 2px;
}
.pan .info {
  padding: 2px 10px 0px 10px;
}
.tbl-bbcode {
  width: 100%;
  border: 1px solid #242733;
}
.tbl-bbcode tr:nth-child(2n) {
  background: #242733;
}
.tbl-bbcode tr:nth-child(2n-1) {
  background: #191b25;
}
body {
  background: url(/res/i/background.png) repeat fixed;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  color: #eed;
  margin: 0;
  padding: 0;
}
a {
  color: #9797ff;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.new {
  color: #e2bb5f;
  font-weight: bold;
}
#templates {
  display: none;
}
.scroll-x {
  overflow-x: auto;
}
.form {
  text-align: center;
}
.form .file {
  width: 400px;
}
.tb-btns-right {
  text-align: right;
}
.tb-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: rgba(10, 10, 13, 0.9);
  border-bottom: 1px solid #555866;
}
.tb-panel > .title {
  text-align: center;
  padding: 12px;
  color: gold;
  font-weight: bold;
}
.tb-panel > .title a {
  color: gold;
  text-decoration: none;
}
.tb-panel > .profile {
  position: absolute;
  right: 0;
  padding: 2px;
}
.tb-panel > .navigator {
  position: absolute;
  left: 0;
}
.tb-panel > .navigator a {
  text-decoration: none;
}
.tb-panel > .navigator img {
  height: 24px;
  vertical-align: middle;
}
.tb-panel > .navigator > .navigator-title {
  margin: 8px 8px 9px 8px;
  cursor: pointer;
}
.tb-panel > .navigator > .services {
  position: absolute;
  width: 270px;
  max-height: 85vh;
  overflow-y: auto;
  z-index: 100;
}
.tb-panel > .navigator > .services > ul {
  display: none;
  margin: 0;
  padding: 0;
  background: rgba(10, 10, 13, 0.9);
  border-style: solid;
  border-color: #555866;
  border-width: 0px 1px 1px 0px;
}
.tb-panel > .navigator > .services > ul li {
  list-style: none;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 6px;
  width: 100%;
  color: #eed;
  cursor: pointer;
  background: rgba(0, 0, 0, 0);
}
.tb-panel > .navigator > .services > ul li:hover {
  background: rgba(255, 255, 255, 0.15);
  text-decoration: none;
}
.tb-panel > .navigator:hover > .services > ul {
  display: block;
}
.tb-panel > .snowline {
  position: absolute;
  background: url("/res/i/snowline-bottom-2-seamless.png") repeat;
  height: 26px;
  width: 100%;
}
.tb-btn {
  padding: 6px;
  height: 24px;
  color: #eed;
  cursor: pointer;
  margin: 0 2px;
  display: inline-block;
  border: 0px solid #444;
  background: rgba(0, 0, 0, 0);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.tb-btn:hover {
  background: rgba(255, 255, 255, 0.15);
  text-decoration: none;
}
.tb-btn > img {
  height: 24px;
  width: 24px;
  vertical-align: middle;
}
.tb-btn-active {
  padding: 6px;
  margin: 0 2px;
  display: inline-block;
  border: 1px solid #444;
  background: rgba(27, 27, 66, 0.7);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.profile-panel {
  border: 1px solid #555866;
  padding: 5px 5px;
  background: #191b25;
  margin-top: 5px;
}
.profile-td {
  min-width: 200px;
}
.log-normal {
  color: #eed;
}
.log-offtop {
  color: #444;
}
.log-ses {
  color: gold;
}
.log-offtop:hover {
  color: #999;
}
.control-img {
  width: 14px;
  height: 14px;
}
.mcgl-online-block {
  width: 800px;
  margin: 5px auto 5px;
}
/********************************** CASCADED **********************************/
.fullw {
  width: 100%;
}