@import url("./gym.css");
@import url("./layout-mobile.css");
@font-face {
	font-family: thug_1;
	src: url(./fonts/Arimo.ttf);
}

/* src: url(./fonts/Roboto-Regular.ttf); */
/* THUG BATTLE  */
body
{
	margin:0px;
	text-align:justify;
	font-family:thug_1;
	color:#FFFFFF;
	background-color:#000000;
	font-size:12px;
	touch-action: manipulation;
}
a:visited,a:active,a:hover,a:link {
	color: green;
	text-decoration: none;
}
table,tr{
	font-family:helvetica, arial, geneva, sans-serif;
	font-size: 12px;
}

td {
	font-family:thug_1;
}
img {
	border:none;
}
textarea {
	font-family:helvetica, arial, geneva, sans-serif;
	font-size:12px;
	color: black;
}
#bg {
	background-image: url(../images/bg-left.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}
#main {
	background-image: url(../images/bg-right.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
	height: 100%;
}
#bg1 {
	background-repeat:no-repeat;
	background-position:left top;
}
#main1 {
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
	height: 100%;
}
#page {
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}
#header {
	float: left;
	height: 170px;
	width: 1000px;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
}
#left-image {
	float: left;
	height: 295px;
	width: 462px;
	background-image: url(../images/login_bg_left.jpg);
	background-repeat: no-repeat;
	padding-top: 153px;
	padding-left: 38px;
}
#right-image {
	float: left;
	height: 448px;
	width: 500px;
	background-image: url(../images/flash_bg_right.jpg);
	background-repeat: no-repeat;
}
#top-block {
	height: 618px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#top-block1 {
	height: 155px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#imp-note {
	float: left;
	height: 130px;
	width: 970px;
	background-image: url(../images/important_text_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-left: 30px;
}
#imp-note1 {
	float: left;
	height: 103px;
	width: 970px;
	padding-top: 5px;
	padding-left: 40px;
}
#title {
	float: left;
	height: 158px;
	width: 388px;
	margin-left: 20px;
	margin-top: 2px;
}
#top-values {
	float: left;
	height: 19px;
	width: 483px;
	background-image: url(../images/top-cal.png);
	background-repeat: no-repeat;
	margin-top: 140px;
	margin-left: -370px;
	font-size: 11px;
	padding-top: 3px;
}
#top-values1 {
	float: left;
	height: auto;
	width: 320px;
	background-image: url(../images/dash-top2.png);
	background-repeat: repeat-y;
	font-size: 11px;
	padding-top: 3px;
	text-align:left;
	margin-top:15px;
	margin-right: 5px;
}
#top-values10 {
	float: right;
	height: 19px;
	width: 435px;
	background-image: url(../images/dash-top.png);
	background-repeat: no-repeat;
	font-size: 11px;
	padding-top: 3px;
	text-align:right;
	margin-top:60px;
	margin-right: 15px;
}
.tov {
	color:#ffb952;
}
.toh {
	color:#fd8a02;
}
.ttv {
	color:#4dc20d;
}
#flash {
	float: left;
	height: 655px;
	width: 527px;
	margin-left: -45px;
	position: relative;
	margin-top: -127px;
	background-image: url(../images/thugman_shadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#login {
	float: left;
	height: 213px;
	width: 320px;
	background-image: url(../images/login-bg.png);
	background-repeat: no-repeat;
}
#login-innerblock
{
	float: left;
	height: 200px;
	width: 260px;
	margin-left: 30px;
	margin-top: 20px;
	font-weight:bold;
}
#ex-user {
	float: left;
	height: 19px;
	width: 231px;
	margin-top: 17px;
	margin-left: 45px;
}
.frm_txt {
	float: left;
	height: 15px;
	width: 75px;
	font-size: 11px;
	color: #000001;
	margin-left: 40px;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 3px;
	margin-top: 5px;
}
.frm_txtbox {
	float: left;
	height: 22px;
	width: 174px;
	background-image: url(../images/textbox.png);
	background-repeat: no-repeat;
	margin-top: 5px;
}
.ltxt {
	background:none;
	border:0;
	width:166px;
	height:18px;
	margin-left:4px;
	margin-right:4px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	letter-spacing: 0.04em;
	color: #FFFFFF;
}
.frm_forget {
	font-family: Candara;
	font-size: 12px;
	text-decoration: underline;
	float: left;
	height: 15px;
	width: 105px;
	margin-left: 40px;
	margin-top: 5px;
	padding-top: 3px;
}
.frm_forget a {
	color:#FFFFFF;
	text-decoration:underline;
}
.frm_forget a:hover {
	color:#ffb607;
	text-decoration:underline;
}
.button {
	float: right;
	height: 26px;
	width: 77px;
	margin-right: 30px;
	margin-top: 4px;
}
.button a {
	color:#FFFFFF;
}
.button a:hover {
	color:#000001;
}
.button2 {
	float: left;
	height: 26px;
	width: 77px;
	margin-left: 250px;
	margin-top: -50px;
}
.new-user {
	float: left;
	height: 30px;
	width: 89px;
	margin-top: 44px;
	margin-left: 90px;
}
.signup {
	float: left;
	height: 25px;
	width: 54px;
	margin-top: 27px;
}
#M-image {
	float: left;
	height: 89px;
	width: 60px;
}
.text {
	font-size: 12px;
	float: left;
	height: auto;
	width: 330px;
	margin-top: 39px;
	margin-left: 10px;
}
.text1 {
	font-size: 12px;
	float: left;
	height: auto;
	width: 550px;
	margin-top: 39px;
	margin-left: 10px;
}
#inside-thugbattle {
	float: left;
	height: auto;
	width: 950px;
	margin-right: 25px;
	margin-left: 25px;
	padding-bottom: 70px;
}
#thug-title {
	float: left;
	height: 30px;
	width: 176px;
	margin-left: 25px;
}
#inside-left {
	float: left;
	height: 169px;
	width: 21px;
	background-image: url(../images/inside_left.jpg);
	background-repeat: no-repeat;
}
#inside-mid {
	float: left;
	height: 169px;
	width: 888px;
	background-image: url(../images/inside-middle.jpg);
	background-repeat: repeat-x;
	padding-right: 10px;
	padding-left: 10px;
}
#inside-right {
	float: left;
	height: 169px;
	width: 21px;
	background-image: url(../images/inside-right.jpg);
	background-repeat: no-repeat;
}
#inside-title-block {
	float: left;
	height: 36px;
	width: 944px;
	margin-top: 3px;
	margin-left: -28px;
	position: relative;
}
#itb-left {
	float: left;
	height: 36px;
	width: 17px;
	background-image: url(../images/inside-title-left.png);
	background-repeat: no-repeat;
}
#itb-right {
	float: left;
	height: 36px;
	width: 17px;
	background-image: url(../images/inside-title-right.png);
	background-repeat: no-repeat;
}
#itb-mid {
	float: left;
	height: 29px;
	width: 910px;
	background-image: url(../images/inside-title-middle.png);
	background-repeat: repeat-x;
	font-size: 18px;
	font-weight: bold;
	color: #a1560c;
	padding-top: 7px;
}
.in-text {
	float: left;
	height: auto;
	width: 175px;
	text-align: center;
}
.in-text1 {
	float: left;
	height: auto;
	width: 220px;
	text-align: center;
}
.in-text2 {
	float: left;
	height: auto;
	width: 165px;
	text-align: center;
}
.in-text99 {
	float: left;
	height: auto;
	width: 165px;
	text-align: center;
}
.shadow {
	color:#a1560c;position:relative;left:2px;top:-24px;
}
.shadow1 {
	color:#000001;position:relative;left:0px;top:0px;
}
.block {
	float: left;
	height: auto;
	width: 165px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0e1114;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.block-txt {
	float: left;
	height: 20px;
	width: 135px;
	padding-left: 30px;
	padding-top: 3px;
}
.block-line {
	float: left;
	height: 1px;
	width: 165px;
	background-color: #0e1114;
}
.block1 {
	float: left;
	height: auto;
	width: 190px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0e1114;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.block-txt1 {
	float: left;
	height: 20px;
	width: 160px;
	padding-left: 30px;
	padding-top: 3px;
}
.block-line1 {
	float: left;
	height: 1px;
	width: 190px;
	background-color: #0e1114;
}
.block2 {
	float: left;
	height: auto;
	width: 155px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0e1114;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.block3{
	float: left;
	height: auto;
	width: 155px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.block99{
	float: left;
	height: auto;
	width: 155px;
	padding-top: 8px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 13px;
}
.block-txt2 {
	float: left;
	height: 20px;
	width: 125px;
	padding-left: 30px;
	padding-top: 3px;
}
.block-txt99 {
	float: left;
	height: 20px;
	width: 155px;
	padding-left: 30px;
	padding-top: 3px;
}
.block-line2 {
	float: left;
	height: 1px;
	width: 155px;
	background-color: #0e1114;
}
.block-line99 {
	float: left;
	height: 1px;
	width: 155px;
	background-color: #0e1114;
}
#footer-content {
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#foot-link {
	height: 27px;
	width: 420px;
	padding-top: 9px;
	float: left;
	margin-right: 280px;
	margin-left: 280px;
}
.foot-ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
.foot-ul li {
	width:auto;
	height:auto;
	margin-left:20px;
	margin-right:20px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color: #ecdcca;
}
.foot-ul li a {
	color:#ecdcca;
}

.foot-ul li a:hover {
	color:#f4a60e;
}
#page_views {
	font-size: 11px;
	float: left;
	height: auto;
	width: 110px;
	margin-top: 15px;
}
#copyright {
	font-size: 11px;
	color: #454545;
	float: left;
	height: auto;
	width: 760px;
	text-align: center;
	margin-top: 15px;
	font-family: Tahoma;
}
#site {
	font-size: 11px;
	color: #454545;
	float: left;
	height: auto;
	width: 100px;
	text-align: right;
	margin-top: 15px;
}
#site a {
	color:#454545;
}
#site a:hover {
	color:#CCCCCC;
}
#opt_view {
	font-family: verdana;
	font-size: 11px;
	float: left;
	height: auto;
	width: 980px;
	margin-top: 20px;
	text-align: center;
}
.moz {
	color:#de851c;
}
.term {
	color:#454545;
}
.term a {
	color:#454545;
}
.term a:hover {
	color:#CCCCCC;
}

.download-link {
	color:#FFFFFF;
	text-decoration:none;
}

.download-link a {
	color:#FFFFFF;
	text-decoration:none;
}

.download-link a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#flash1 {
	float: left;
	height: 588px;
	width: 447px;
	position: relative;
	margin-top: -147px;
	margin-left: -9px;
	background-image: url(../images/thugman_shadow1.png);
	background-repeat: no-repeat;
	background-position: center 415px;
}
#signup-block {
	float: left;
	height: auto;
	width: 426px;
	margin-left: 47px;
	position: relative;
	margin-top: 7px;
}
#s-top {
	float: left;
	height: 12px;
	width: 426px;
	background-image: url(../images/sign-up-top.png);
	background-repeat: no-repeat;
}
#s-repeat {
	float: left;
	height: auto;
	width: 426px;
	background-image: url(../images/signup-repeat.png);
	background-repeat: repeat-x;
}
#s-inner {
	float: left;
	height: 600px;
	width: 416px;
	margin-right: 5px;
	margin-left: 5px;
	background-image: url(../images/signup-inner-repeat.png);
	background-repeat: repeat-x;
}
#thug_reg {
	float: left;
	height: 21px;
	width: 416px;
	text-align: center;
	margin-top: 15px;
	padding-bottom: 20px;
}
.s-textbox {
	float: left;
	height: 36px;
	width: 349px;
	margin-right: 24px;
	margin-left: 23px;
	background-image: url(../images/sign-up-textbox-bg.png);
	background-repeat: no-repeat;
	margin-top: 6px;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
}
.s-text {
	float: left;
	height: 24px;
	width: 150px;
	padding-top: 2px;
}
.s-box {
	float: left;
	height: 29px;
	width: 198px;
	background-image: url(../images/sign-up-textbox.png);
	background-repeat: no-repeat;
}
.signt {
	width:188px;
	height:18px;
	margin-left:4px;
	margin-right:4px;
	margin-top:3px;
	margin-bottom:2px;
	color:#c0c0c0;
	font-size:12px;
	background:none;
	border:0;
}
.container {
	border:0;
	width: 186px;
	height: 15px;
	overflow: hidden;
	margin-top:6px;
	margin-left:5px;
	position: relative;
}
.slctbox {
	float: left;
	position: absolute; width: 191px; top: -4px; left: -3px;
	color:#B4B4B4;
	background-color:#111213;
}
#captcha-block {
	float: left;
	height: 123px;
	width: 312px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 2px;
	padding-left: 7px;
	margin-top:20px;
	margin-left:48px;
	margin-right:48px;
}

#term-service {
	float: left;
	height: auto;
	width: 312px;
	margin-top: 15px;
	text-align: center;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	margin-right: 48px;
	margin-left: 48px;
	line-height: 16px;
}
.sterm {
	text-decoration:underline;
}
.sterm a {
	text-decoration:underline;
	color:#ffffff;
}
.sterm a:hover {
	text-decoration:underline;
	color:#860400;
}
#submit {
	float: left;
	height: 39px;
	width: 416px;
	text-align: center;
	margin-top: 33px;
}
#d-header {
	float: left;
	height: 155px;
	width: 1000px;
}
#d-left {
	float: left;
	height: 155px;
	width: 517px;
	background-image: url(../images/dash-header-left.jpg);
	background-repeat: no-repeat;
}
#d-right {
	float: left;
	height: 155px;
	width: 483px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0) calc(100% - 50px), black),
	url(../images/dash-header-right.jpg);
	background-repeat: no-repeat;
	background-size: cover; /* Ensures the image covers the area */
}
#thug_man {
	float: right;
	height: 152px;
	width: 200px;
	background-image: url(../images/dash-thug-man.png);
	background-repeat: no-repeat;
	margin-right: -20px;
	margin-top: -160px;
}
#thug_man_xmas {
	float: right;
	height: 152px;
	width: 200px;
	background-image: url(../images/dash-thug-man_xmas.png);
	background-repeat: no-repeat;
	margin-right: -20px;
	margin-top: -160px;
}
#thug_man_zombie {
	float: right;
	height: 152px;
	width: 200px;
	background-image: url(../images/dash-thug-zombie.png);
	background-repeat: no-repeat;
	margin-right: -20px;
	margin-top: -160px;
}
#date_time {
	font-size: 11px;
	float: left;
	height: 20px;
	width: auto;
	margin-top: 20px;
	margin-left: 140px;
}
.logout {
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #da0b0b;
	float: right;
	height: 20px;
	width: auto;
	background-image: url(../images/logout.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-top: 40px;
	text-decoration:underline;
	margin-right: 15px;
}
.logout a{
	color: #da0b0b;
	text-decoration:underline;
}

.logout a:hover {
	color:#666666;
	text-decoration:underline;
}
/* PET HEADER BAR */
#acc-bar_pets
{
	float: left;
	height: 90px;
	width: 775px;
	margin-top:5px;
}
#acc-mid_pets
{
	float: left;
	height: 85px;
	width: 745px;
	background-image: url(../images/acc-mid_pets.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#acc-inner-mid_pets
{
	float: left;
	height: 80px;
	width: 730px;
	background-image: url(../images/acc-i-mid_pets.png);
	background-repeat: repeat-x;
	padding-top: 4px;
}
#acc-left_pets
{
	float: left;
	height: 90px;
	width: 8px;
	background-image: url(../images/acc-left_pets.jpg);
	background-repeat: no-repeat;
}

#acc-right_pets
{
	float: left;
	height: 90px;
	width: 8px;
	background-image: url(../images/acc-right_pets.jpg);
	background-repeat: no-repeat;
}
#acc-inner_pets
{
	float: left;
	height: 32px;
	width: 971px;
}
#acc-inner-left_pets
{
	float: left;
	height: 80px;
	width: 8px;
	background-image: url(../images/acc-i-left_pets.png);
	background-repeat: no-repeat;
}
#acc-inner-right_pets
{
	float: left;
	height: 80px;
	width: 8px;
	background-image: url(../images/acc-i-right_pets.png);
	background-repeat: no-repeat;
}
#acc-mid_pets2
{
	float: left;
	height: 85px;
	width: 565px;
	background-image: url(../images/acc-mid_pets.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#acc-inner-mid_pets2
{
	float: left;
	height: 80px;
	width: 565px;
	background-image: url(../images/acc-i-mid_pets.png);
	background-repeat: repeat-x;
	padding-top: 8px;
}
#acc-bar_pets2
{
	float: right;
	height: 90px;
	width: 580px;
	margin-top:5px;
}
#acc-mid_pets2
{
	float: left;
	height: 85px;
	width: 564px;
	background-image: url(../images/acc-mid_pets.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
}
/* END OF PETS */

#acc-mid_pets2
{
	float: left;
	height: 85px;
	width: 565px;
	background-image: url(../images/acc-mid_pets.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#acc-inner-mid_pets2
{
	float: left;
	height: 80px;
	width: 565px;
	background-image: url(../images/acc-i-mid_pets.png);
	background-repeat: repeat-x;
	padding-top: 8px;
}
#acc-bar_pets2
{
	float: right;
	height: 90px;
	width: 580px;
	margin-top:5px;
}
#acc-mid_pets2
{
	float: left;
	height: 85px;
	width: 564px;
	background-image: url(../images/acc-mid_pets.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#gym-actiontext
{
	float: left;
	height: 35px;
	width: 900px;
	margin-left: 10px;
	margin-top: 60px;
}
/* END OF GYM Header Layout */
#acc-bar99
{
	float: left;
	height: 45px;
	width: 988px;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom:5px;
}
#acc-bar {
	float: left;
	height: 45px;
	width: 988px;
	margin-right: 6px;
	margin-left: 6px;
}
#acc-left {
	float: left;
	height: 45px;
	width: 8px;
	background-image: url(../images/acc-left.jpg);
	background-repeat: no-repeat;
}
#acc-mid {
	float: left;
	height: 39px;
	width: 972px;
	background-image: url(../images/acc-mid.jpg);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#acc-right {
	float: left;
	height: 45px;
	width: 8px;
	background-image: url(../images/acc-right.jpg);
	background-repeat: no-repeat;
}
#your-account {
	float: left;
	width: 172px;
	height: 20px;
	margin-left: 10px;
	padding-top: 6px;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
}
#acc-inner {
	float: left;
	height: 32px;
	width: 971px;
}
#acc-inner-left {
	float: left;
	height: 32px;
	width: 8px;
	background-image: url(../images/acc-i-left.png);
	background-repeat: no-repeat;
}
.task-list-img {
	float: left;
	height: 19px;
	width: 125px;
	background-repeat: no-repeat;

}
#acc-inner-mid99 {
	float: left;
	height: 32px;
	width: 830px;
	background-image: url(../images/acc-i-mid.png);
	background-repeat: repeat-x;
	padding-top: 8px;
}
#acc-inner-mid {
	float: left;
	height: 32px;
	width: 955px;
	background-image: url(../images/acc-i-mid.png);
	background-repeat: repeat-x;
}
#acc-inner-right {
	float: left;
	height: 32px;
	width: 8px;
	background-image: url(../images/acc-i-right.png);
	background-repeat: no-repeat;
}
#profile {
	float: left;
	height: auto;
	width: 219px;
}
#db-left {
	float: left;
	height: auto;
	width: 219px;
	margin-top: 10px;
	margin-left: 6px;
	padding-bottom: 70px;
}
#profile-top {
	float: left;
	height: 10px;
	width: 219px;
	background-image: url(../images/brown-top.jpg);
	background-repeat: no-repeat;
}
#profile-mid {
	float: left;
	height: auto;
	width: 219px;
	background-color:#211815;
}
#profile-bottom {
	float: left;
	height: 10px;
	width: 219px;
	background-image: url(../images/brown-bottom.jpg);
	background-repeat: no-repeat;
}
#menu3 {
	float: left;
	height: auto;
	width: 219px;
	margin-top:10px;
}
#menu-top {
	float: left;
	height: 10px;
	width: 219px;
	background-image: url(../images/green-top.jpg);
	background-repeat: no-repeat;
}
#menu-mid {
	float: left;
	height: auto;
	width: 219px;
	background-color:#1b2115;

}
#menu-bottom {
	float: left;
	height: 10px;
	width: 219px;
	background-image: url(../images/green-bottom.jpg);
	background-repeat: no-repeat;
}
#online {
	float: left;
	height: auto;
	width: 219px;
	margin-top:10px;
}
#online-top {
	float: left;
	height: 10px;
	width: 219px;
	background-image: url(../images/blue-top.jpg);
	background-repeat: no-repeat;
}
#online-mid {
	float: left;
	height: auto;
	width: 219px;
	background-color:#152021;

}
#online-bottom {
	float: left;
	height: 10px;
	width: 219px;
	background-image: url(../images/blue-bottom.jpg);
	background-repeat: no-repeat;
}
.acc-text {
	float: left;
	height: 16px;
	width: auto;
	font-size: 12px;
	font-weight: bold;
	margin-top:8px;
}
.acc-text img {
	float: left;
	height: 20px;
	width: 22px;
	margin-right:6px;
}

/* top bar Icon Sprite */
.acc-text img.icons_1 {background-image:url('../images/icon_sprite.gif'); background-position:-528px 0px} /* Home page */
.acc-text img.icons_2 {background-image:url('../images/icon_sprite.gif'); background-position:-66px 0px} /* City page */
.acc-text img.icons_3 {background-image:url('../images/icon_sprite.gif'); background-position:-109px 0px} /* Back Alley */
.acc-text img.icons_4 {background-image:url('../images/icon_sprite.gif'); background-position:-550px 0px} /* Gym */
.acc-text img.icons_5 {background-image:url('../images/icon_sprite.gif'); background-position:-572px 0px} /* Inventory */
.acc-text img.icons_6 {background-image:url('../images/icon_sprite.gif'); background-position:-594px 0px} /* Crimes */

.acc-text a {
	color:#fff;
}
.acc-text a:hover {
	color:#d89608;
}
.acc-line {
	float: left;
	height: 32px;
	width: 1px;
	margin-right: 7px;
	margin-left: 7px;
	background-color: #292b2d;
}
#profile-img-block {
	height: 191px;
	width: 180px;
}
#profile-img1 {
	float: left;
	height: 9px;
	width: 179px;
	background-image: url(../images/profile-top.jpg);
	background-repeat: no-repeat;
}
#profile-img2 {
	float: left;
	height: 178px;
	width: 180px;
	background-color: #000003;
}
#pr-img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	position: relative; /* Required for child positioning */
	display: flex; /* Use Flexbox for alignment */
	align-items: flex-end; /* Align child to the bottom */
}
#profile-img3 {
	float: left;
	height: 9px;
	width: 179px;
	background-image: url(../images/profile-bottom.jpg);
	background-repeat: no-repeat;
}
#profile-name {
	font-size: 12px;
	font-weight: bold;
	background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent dark background */
	color: white; /* White text for contrast */
	padding: 8px 16px; /* Add some padding */
	width: 100%; /* Make it span the full width */
	border-bottom-left-radius: 10px; /* Match parent's border radius */
	border-bottom-right-radius: 10px; /* Match parent's border radius */
	text-align: center; /* Center the text */
	justify-content: flex-start;
}
#profile-name a {
	color: white; /* Ensure the link text is white */
	text-decoration: none; /* Remove underline from the link */
}
.star {
	width:16px;
	height:16px;
	float:left;
	margin-top: 7px;
	margin-bottom: 0px;
	margin-left: 4px;
}
.p-name {
	color:#fb9701;
}
#profile-list {
	float: left;
	height: auto;
	width: 201px;
	margin-right: 9px;
	margin-left: 9px;
}
/* PETS */
.petline
{
	width:201px;
	height:1px;
	margin-top:5px;
	background-color:#040302;
}
.petlist
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.petlist li
{
	width:150px;
	float:left;
	margin-top:5px;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}

.plist
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.plist li
{
	width:201px;
	float:left;
	margin-top:5px;
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
}
.plist
{
	margin:0px;
	padding:0px;
	list-style:none;
}

/* Menu Icon Sprite */
.plist li img.icons_1 {background-image:url('../images/icon_sprite.gif'); background-position:-640px 0px} /* LEVEL */
.plist li img.icons_2 {background-image:url('../images/icon_sprite.gif'); background-position:-662px 0px} /* CREDIT */
.plist li img.icons_3 {background-image:url('../images/icon_sprite.gif'); background-position:-684px 0px} /* POINTS */
.plist li img.icons_4 {background-image:url('../images/icon_sprite.gif'); background-position:-706px 0px} /* MONEY */
.plist li img.icons_5 {background-image:url('../images/icon_sprite.gif'); background-position:-44px 0px} /* LOCATION */

.pline
{
	width:201px;
	height:1px;
	margin-top:5px;
	background-color:#040302;
}

.pline2
{
	width:700px;
	height:1px;
	margin-top:5px;
	background-color:#040302;
}
.pblue
{
	color:#1753bd;
}
.pyellow
{
	color:#bf8c00;
}

.pgreen
{
	color:#22680a;
}#stat {
	 background-color: #0d0908;
	 float: left;
	 height: auto;
	 width: 201px;
	 margin-top: 15px;
	 margin-right: 9px;
	 margin-left: 9px;
	 font-family: verdana;
	 font-size: 12px;
	 font-weight: bold;
	 padding-bottom: 10px;
 }
.stat-title {
	float: left;
	height: 20px;
	width: 201px;
	margin-top: 5px;
	text-align: center;
}
.stext {
	color: #f8b032;
	height: 21px;
	width: 56px;
	padding-top: 8px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}
#stat .sbox {
	float: left;
	height: 25px;
	width: 125px;
	background-image: url(../images/stats-bg.jpg);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 5px;
}
.stat-per {
	background-image: url(../images/stats.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 24px;
	width: auto;
}
#main-menu {
	float: left;
	height: 30px;
	width: 219px;
	text-align: center;
}


#menu-list {
	float: left;
	height: auto;
	width: 201px;
	margin-right: 9px;
	margin-left: 9px;
	margin-top: 9px;
}

.mlist
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.mlist li
{
	width:201px;
	float:left;
	margin-top:5px;
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
}

.mlist li a
{
	color: #fff;

}

.mlist li a:hover
{
	color:#258603;
}
.mlist li img
{
	width:22px;
	height:20px;
	float:left;
	margin-right:5px;
	margin-top:-3px;
	margin-left:8px;
}
/* Menu Icon Sprite */
.mlist li img.icons_1 {background-image:url('../images/icon_sprite.gif'); background-position:0px 0px} /* Hospital */
.mlist li img.icons_2 {background-image:url('../images/icon_sprite.gif'); background-position:-66px 0px} /* STAFF */
.mlist li img.icons_3 {background-image:url('../images/icon_sprite.gif'); background-position:-88px 0px} /* Places of Interest */
.mlist li img.icons_4 {background-image:url('../images/icon_sprite.gif'); background-position:-110px 0px} /* Manage Pets */
.mlist li img.icons_5 {background-image:url('../images/icon_sprite.gif'); background-position:-132px 0px} /* Jail */
.mlist li img.icons_6 {background-image:url('../images/icon_sprite.gif'); background-position:-154px 0px} /* Pet Medical Center */
.mlist li img.icons_7 {background-image:url('../images/icon_sprite.gif'); background-position:-22px 0px} /* Bank */
.mlist li img.icons_8 {background-image:url('../images/icon_sprite.gif'); background-position:-176px 0px} /* Forums */
.mlist li img.icons_9 {background-image:url('../images/icon_sprite.gif'); background-position:-198px 0px} /* Announcments */
.mlist li img.icons_10 {background-image:url('../images/icon_sprite.gif'); background-position:-220px 0px} /* Newspaper */
.mlist li img.icons_11 {background-image:url('../images/icon_sprite.gif'); background-position:-242px 0px} /* Search Users */
.mlist li img.icons_12 {background-image:url('../images/icon_sprite.gif'); background-position:-264px 0px} /* Donate  */
.mlist li img.icons_13 {background-image:url('../images/icon_sprite.gif'); background-position:-286px 0px} /* Friends */
.mlist li img.icons_14 {background-image:url('../images/icon_sprite.gif'); background-position:-308px 0px} /* Enemies */
.mlist li img.icons_15 {background-image:url('../images/icon_sprite.gif'); background-position:-330px 0px} /* Vote */
.mlist li img.icons_16 {background-image:url('../images/icon_sprite.gif'); background-position:-352px 0px} /* Calender */
/* ACCOUNT SETTINGS */
.mlist li img.icons_17 {background-image:url('../images/icon_sprite.gif'); background-position:-374px 0px} /* Edit Account */
.mlist li img.icons_18 {background-image:url('../images/icon_sprite.gif'); background-position:-396px 0px} /* ITEM GUIDE */
.mlist li img.icons_19 {background-image:url('../images/icon_sprite.gif'); background-position:-418px 0px} /* report cheater */
.mlist li img.icons_20 {background-image:url('../images/icon_sprite.gif'); background-position:-440px 0px} /* Support center */
.mlist li img.icons_21 {background-image:url('../images/icon_sprite.gif'); background-position:-462px 0px} /* Submit Idea */
.mlist li img.icons_22 {background-image:url('../images/icon_sprite.gif'); background-position:-484px 0px} /* Help */
.mlist li img.icons_23 {background-image:url('../images/icon_sprite.gif'); background-position:-506px 0px} /* Rules */
.mline
{
	width:201px;
	height:1px;
	margin-top:5px;
	background-color:#090b07;
}


.mlist li span
{
	color:#f17c0a;
}
#staff-online {
	float: left;
	height: 30px;
	width: 219px;
	text-align: center;
}
.staff-inner {
	background-color: #070b0b;
	float: left;
	height: 21px;
	width: 209px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 6px;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
}
.sred {
	width:120px;
	height:auto;
	float:left;
	margin-left:10px;
	color: #df1d1d;
}
.sred a {
	color:#df1d1d;
}
.sred a:hover {
	color:#df1d1d;
	text-decoration:underline
}

.sec {
	width:70px;
	height:auto;
	float:left;
}


#db-right {
	float: left;
	height: auto;
	width: 761px;
	margin-left: 8px;
	margin-top: 6px;
	padding-bottom: 70px;
}
#top-game-details {
	float: left;
	height: auto;
	width: 100%;
	margin-bottom:5px;
}
#game2 {
	float: left;
	height: auto;
	width: 100%;
	background-color: #1b171c;
	padding-bottom:10px;
	padding-top:10px;
	border-radius: 8px;
}
#game-news {
	float: left;
	height: 37px;
	width: 745px;
	margin-right: 8px;
	margin-left: 8px;
}
#game-news1 {
	float: left;
	height: 37px;
	width: 9px;
	background-image: url(../images/game-news1.jpg);
	background-repeat: no-repeat;
}
#game-news2 {
	float: left;
	height: 37px;
	width: 727px;
	background-color: #080606;
}
#game-news3 {
	float: left;
	height: 37px;
	width: 9px;
	background-image: url(../images/game-news2.jpg);
	background-repeat: no-repeat;
}
.game-title1 {
	font-size: 14px;
	font-weight: bold;
	color: #fbbd01;
	float: left;
	height: 27px;
	width: 150px;
	padding-top: 10px;
	padding-left: 5px;
}

.gline
{
	width:2px;
	height:37px;
	float:left;
	background-color:#1b171c;
}
.gtext {
	font-size: 12px;
	float: left;
	height: 27px;
	width: auto;
	margin-left: 20px;
	padding-top: 10px;
}
#posted {
	float: left;
	height: 20px;
	width: 280px;
	margin-top: 10px;
	margin-left: 20px;
	font-size: 11px;
}
#display {
	font-size: 11px;
	float: left;
	height: 20px;
	width: 260px;
	margin-top: 10px;
}
#added {
	font-size: 11px;
	float: left;
	height: 20px;
	width: 190px;
	margin-top: 10px;
}
#title-block {
	float: left;
	height: auto;
	width: 742px;
	margin-top: 5px;
	margin-right: 9px;
	margin-left: 10px;
}
#title-inner {
	float: left;
	height: 32px;
	width: 742px;
}
#title-inner1 {
	float: left;
	height: 32px;
	width: 9px;
	background-image: url(../images/title-left.jpg);
	background-repeat: no-repeat;
}
#title-inner2 {
	float: left;
	height: 32px;
	width: 724px;
	background-color: #130c09;
}

#title-inner3 {
	float: left;
	height: 32px;
	width: 9px;
	background-image: url(../images/title-right.jpg);
	background-repeat: no-repeat;
}
#black-block {
	float: left;
	height: auto;
	width: 742px;
	margin-top: -6px;
}
#black-top {
	float: left;
	height: 6px;
	width: 742px;
	background-image: url(../images/title-black-top.jpg);
	background-repeat: no-repeat;
}

#black-mid {
	float: left;
	height:auto;
	width: 712px;
	background-color:#000002;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 11px;
	line-height: 20px;
}
#black-bottom {
	float: left;
	height: 6px;
	width: 742px;
	background-image: url(../images/title-black-bottom.jpg);
	background-repeat: no-repeat;
}

.title1 {
	font-size: 11px;
	font-weight: bold;
	float: left;
	height: 20px;
	width: 250px;
	padding-left: 5px;
}

.tline
{
	background-color:#1b171c;
	width:2px;
	height:26px;
	float:left;
}
.ttext {
	float: left;
	height: 20px;
	width: auto;
	margin-left: 10px;
	padding-top: 6px;
	font-size: 11px;
}
#rlink {
	float: left;
	height: auto;
	width: 757px;
	border: 1px solid #ce3a3a;
	background-color: #a70000;
	margin-top: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
}
#ref-link-inner {
	float: left;
	height: 26px;
	width: 743px;
	margin-right: 8px;
	margin-left: 8px;
}
#link1 {
	float: left;
	height: 26px;
	width: 10px;
	background-image: url(../images/link-left.jpg);
	background-repeat: no-repeat;
}
#link2 {
	float: left;
	height: 20px;
	width: 723px;
	background-color: #670000;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	padding-top: 6px;
	text-align: center;
}

#link3 {
	float: left;
	height: 26px;
	width: 10px;
	background-image: url(../images/link-right.jpg);
	background-repeat: no-repeat;
}


.link-color
{
	color:#f3be18;
}

.link-color a
{
	color:#f3be18;
}

.link-color a:hover
{
	color:#f3be18;
	text-decoration:underline;
}
.link-text {
	float: left;
	height: auto;
	width: 757px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Verdana;
	padding-top: 3px;
}

.link-color1
{
	color:#31a10a;
}
#personal {
	float: left;

	height: 35px;
	width: 761px;
	margin-top: 35px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
.gray-block-top{
	float: left;
	height: 16px;
	width: 759px;
	background-image: url(../images/inside-top.png);
	margin-top: 10px;
}

.gray-block-middle{
	float: left;
	height: auto;
	width: 760px;
	background-image: url(../images/inside-middle.png);
	background-repeat: repeat-y;
}
.gray-block-middle-wiki{
	float: left;
	height: auto;
	width: 759px;
	background-image: url(../images/inside-middle.png);
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 5px;
}
.gray-block-bottom{
	float: left;
	height: 16px;
	width: 760px;
	background-image: url(../images/inside-bottom.png);
}


.small-inner-top{
	float: right;
	height: 16px;
	width: 590px;
	background-image: url(../images/inside-top.png);
	margin-top: 10px;
}
.small-inner-middle{
	float: right;
	height: auto;
	width: 590px;
	background-image: url(../images/inside-middle.png);
	background-repeat: repeat-y;
}
.small-inner-bottom{
	float: right;
	height: 16px;
	width: 590px;
	background-image: url(../images/inside-bottom.png);
}
.small-inner-header {
	float: right;
	width: 580px;
	height: 23px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #f27f0b;
	margin-right: 3px;
	margin-left: 3px;
}
.small-inner-container {
	float: left;
	width: 590px;
	height: auto;
}

.menu-container {
	float: left;
	width: 170px;
	height: auto;
}


.menu-size-top{
	float: left;
	height: 16px;
	width: 160px;
	background-image: url(../images/inside-top.png);
	margin-top: 10px;
}

.menu-size-mid{
	float: left;
	height: auto;
	width: 160px;
	background-image: url(../images/inside-middle.png);
	background-repeat: repeat-y;
}
.menu-size-bottom{
	float: left;
	height: 16px;
	width: 160px;
	background-image: url(../images/inside-bottom.png);
}

.gray-block{
	float: left;
	height: auto;
	width: 759px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-top: 15px;
}


.gray-block1-top{
	float: left;
	height: 16px;
	width: 371px;
	background-image: url(../images/inside-top1.png);
	margin-top: 10px;
}

.gray-block1-middle{
	float: left;
	height: auto;
	width: 369px;
	background-image: url(../images/inside-middle1.png);
	background-repeat: repeat-y;
	border-radius: 0px 0px 8px 8px;
}
.gray-block1-middle2{
	float: left;
	height: auto;
	width: 369px;
	background-image: url(../images/inside-middle1.png);
	background-repeat: repeat-y;
	border-radius: 0px 0px 8px 8px;
}

.container-halfblock {
	float: left;
	height: auto;
	width: 373px;

}

.container-halfblock2 {
	float: left;
	height: auto;
	width: 373px;
	margin-left:15px;
}

.gray-block1-bottom{
	float: left;
	height: 16px;
	width: 371px;
	background-image: url(../images/inside-bottom1.png);
}
.gray-block1{
	float: left;
	height: auto;
	width: 369px;
	background-color: #242424;
	border: 1px solid #979494;
}

.gray-block2{
	float: left;
	height: auto;
	width: 371px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-left:15px;
	margin-top: 15px;
}

.heading {
	float: left;
	height: 23px;
	width: 745px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #f27f0b;
}

.heading2{
	float: left;
	height: 23px;
	width: 753px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #161616;
	font-size: 12px;
	padding-top: 5px;
	color: #f27f0b;
	font-style: italic;
}

.heading1 {
	float: left;
	height: 22px;
	width: 362px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 6px;
	color: #f27f0b;
}

.text-block {
	float: left;
	height: auto;
	width: 362px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}

.text-block1 {
	float: left;
	height: auto;
	width: 362px;
	margin-right: 5px;
	margin-left: 20px;
	margin-top: 5px;
}

s.ptext1 {
	float: left;
	height: 18px;
	width: 180px;
	font-family: Verdana;
	font-size: 12px;
}

.ptext1 {
	font-family: Arial;
	font-size: 12px;
	float: left;
	height: 18px;
	width: 210px;
	font-weight: bold;
}



.ptext2 {
	font-family: Arial;
	font-size: 12px;
	float: left;
	height: 18px;
	width: 122px;
}

.ptext3 {
	font-family: Arial;
	font-size: 12px;
	float: left;
	height: 18px;
	width: 362px;
	font-weight: bold;
}
.tcolor
{
	color:#ffa500;
}

.tcolor a
{
	color:#ffa500;
}

.tcolor a:hover
{
	color:#999999;
}

.trade
{
	color:#f27f0b;
	font-weight:bold;
}
.trade a
{
	color:#f27f0b;
}

.trade a:hover
{
	color:#666666;
	font-weight:bold;
}
.treasure {
	float: left;
	height: auto;
	width: auto;
	margin-left: 5px;
}
.worth {
	float: right;
	height: auto;
	width: auto;
	margin-right: 5px;
}

.tr2 {
	float: left;
	width: 20%;
	height: 100px;
	text-align: center;

}

.tr1-text {
	font-size: 12px;
	float: left;
	height: 18px;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.tr-img {
	float: left;
	height: 50px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
}
#pnotepad {
	float: left;
	height: auto;
	width: 757px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 15px;
}
#notepad-top {
	float: left;
	height: 16px;
	width: 757px;
	background-image: url(../images/notepad-top.jpg);
	background-repeat: no-repeat;
}
#notepad-repeat {
	float: left;
	height: auto;
	width: 747px;
	background-image: url(../images/notepad-repeat.jpg);
	background-repeat: repeat-x;
	padding-right: 5px;
	padding-left: 5px;
}
#note-text {
	font-size: 17px;
	font-weight: bold;
	float: left;
	height: auto;
	width: 740px;
	padding-right: 5px;
	padding-left: 10px;
}


.textnote
{
	width:732px;
	height:245px;
	float:left;
	padding:5px;
}

.update-button
{
	float:right;
	margin-top:5px;
}
#frm {
	float: left;
	height: auto;
	width: 732px;
	margin-top: 5px;
}

.ctext1 {
	font-family: Arial;
	font-size: 12px;
	float: left;
	height: 10px;
	width: 375px;
	font-weight: bold;
}

.ctext2 {
	font-family: Arial;
	font-size: 12px;
	float: left;
	height: 18px;
	width: 181px;
}

.trneww {
	background-color: #161616;
}

.fullgrayblock {
	float: left;
	height: auto;
	width: 250px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-top: 15px;
}

.trneww2 {
	background-color: #202125;
	font-size: 18px;

	text-align: center;
	color: #FAB001;
}

.grey-blockgangmenu{
	float: left;
	height: auto;
	width: 160px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-top: 15px;
}

.gray-blockgangblock{
	float: left;
	height: auto;
	width: 371px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-left:15px;
	margin-top: 15px;
}

.gangblockheader{
	float: left;
	height: 23px;
	width: 572px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #f27f0b;
}

.gangmenuheader{
	float: left;
	height: 23px;
	width: 155px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #f27f0b;
}

.grey-blockgangmenu2{
	float: right;
	height: auto;
	width: 590px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-top: 15px;
	margin-left: 5px;
}

.citypage1 {
	float: left;
	height: auto;
	width: 89px;
	margin-right: 40px;
	margin-left: 40px;
}

.cityheader1{
	float: left;
	height: 23px;
	width: 160px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #f27f0b;
}

.city-links1 {
	font-size: 12px;
	float: left;
	height: 18px;
	width: 160px;
	text-align: center;
	margin-top: 5px;
}

.item-infoblock{
	float: left;
	height: auto;
	width: 395px;
	background-color: #242424;
	border: 1px solid #979494;
	margin-top: 15px;
}

.iteminfo-heading {
	float: left;
	height: 23px;
	width: 390px;
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	background-color: #161616;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	color: #f27f0b;
}

#footer-space {
	clear: both;
	height: 50px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

#footer {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 105px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: repeat-x;
}

.footer-inner {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
}
#footer-link {
	float: left;
	height: 23px;
	width: 645px;
	background-image: url(../images/footer-link-bg.png);
	background-repeat: no-repeat;
	font-size:14px;
	padding-top:5px;
	text-align:center;
}

.f-ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}

.f-ul li
{
	width:auto;
	height:16px;
	float:left;
	margin-left:20px;
	margin-right:40px;
}

.f-ul li a
{
	color:#FFFFFF;
}

.f-ul li a:hover
{
	color:#a9560e;
}
.site {
	float: right;
	height: auto;
	width: 120px;
	color:#FFFFFe;
	font-size:11px;
	text-align:right;
}

.site a
{
	color:#FFFFFe;
}

.site a:hover
{
	color:#9f0101;
}
.copy {
	float: left;
	height: auto;
	width: 460px;
	font-size: 11px;
	color: #FFFFFd;
	margin-top: 20px;
}

.copy a
{
	color:#FFFFFd;
}

.copy a:hover
{
	color:#ffc955;
}

.optimize
{
	width:480px;
	height:auto;
	font-size: 11px;
	color: #FFFFFd;
	margin-top: 20px;
	text-align:right;
	float: left;
}

.optimize a
{
	color:#ffc955;
	text-decoration:underline;
}
.optimize a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}



.row0 {
	background-color: #ffffff;
}

tr.row0:hover {
	background-color: #ffff00;
}

.row1 {
	background-color: #767676;
}

tr.row1:hover {
	background-color: #ffff00;
}

.top_showstuff
{
	float: left;
	height: auto;
	width: 85%;
	padding-top: 8px;
	background-image: url(../images/dash-top3.png);
	background-repeat: repeat-y;
	margin-top: 25px;
	padding-left:125px;
}
.header-display-time
{
	position: absolute;

	float: left;
	height: auto;
	width: 300px;
	margin-top: -35px;
}
#percentage
{
	float: left;
	height: auto;
	width: 281px;
	margin-top: -2px;
	margin-left:40px;
}
#percentage-gym
{
	float: left;
	height: auto;
	width: 281px;
	margin-top: -2px;
	margin-left:5px;
}
.per-top {
	float: left;
	height: 6px;
	width: 281px;

}
.per-mid {
	float: left;
	height: auto;
	width: 269px;
	padding-right: 6px;
	padding-left: 6px;
	font-family: monospace;
}
.per-bottom {
	float: left;
	height: 6px;
	width: 281px;

}
.p-text {
	font-family: thug_1;
	font-size: 12px;
	color: #FFFFFF;
	float: left;
	height: 16px;
	width: 45px;
	padding-top: 2px;
	margin-top: 2px;
}
.per-bg {
	font-size: 13px;
	float: right;
	height: 18px;
	width: 180px;
	background: #828282;
	position:relative;
	margin-top: 2px;
}
/* GYM POINTS DIV */
.per-bg-gympoints
{
	font-size: 14px;
	font-weight: bolder;
	float: right;
	height: 18px;
	width: 180px;
	position:relative;
	margin-top: 2px;
}
.per-inner span
{
	float:right;
	position:absolute;
	margin-top:2px;
	width:177px;
	text-align:right;
}
.per-inner {
	float: left;
	height: 18px;
	width: auto;
	background: rgb(242,132,11);
	background: linear-gradient(0deg, rgba(242,132,11,1) 0%, rgba(238,140,7,1) 50%, rgba(249,158,17,1) 50%, rgba(246,169,15,1) 100%);

}
/* PET TRAINER EXP BAR */
.p-text-pet {
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	float: right;
	height: 16px;
	width: 45px;
	padding-top: 2px;
	margin-top: 2px;
}
.per-bg-pet
{
	font-size: 13px;
	float: left;
	height: 18px;
	width: 165px;
	background-image: url(../images/percent-bg.jpg);
	background-repeat: repeat-x;
	position:relative;
	margin-top: 2px;
}
.per-inner-pet span
{
	float:right;
	position:absolute;
	margin-top:2px;
	width:162px;
	text-align:left;
}
.per-inner-pet
{
	float: left;
	height: 17px;
	width: auto;
	background-image: url(../images/percent.jpg);
	background-repeat: repeat-x;
}

#pup {
	position:absolute;
	z-index:200; /* aaaalways on top*/
	padding: 3px;
	margin-left: 10px;
	margin-top: 5px;
	width: 300px;
	border: 1px solid black;
	background-color: #777;
	color: white;
	font-size: 0.95em;

}

.newspaper-container {
	width:745px;
	height:auto;
	background-color: #ffffff;
	color: black;
}

#outside_page {
	float: left;
	height: auto;
	width: 1000px;
	margin-left: 47px;
	position: relative;
	margin-top: 7px;

}
#out_top{
	float: left;
	height: 12px;
	width: 950px;
	background-image: url(../images/sign-up-top.png);
	background-repeat: no-repeat;
}
#out_repeat {
	float: left;
	height: auto;
	width: 950px;
	background-image: url(../images/signup-repeat.png);
	background-repeat: repeat-x;
}
#out-side-page {
	float: left;
	height: 448px;
	width: 1000px;
	background-image: url(../images/out-side-page.jpg);
	background-repeat: no-repeat;
}
#outside-main {
	background-image: url(../images/bg-right.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
	height: auto;
}
#out-top-values {
	float: left;
	height: 19px;
	width: 1000px;
	background-color: #000000;
	background-repeat: no-repeat;
	font-size: 14px;
	padding-top: 3px;
	margin-left: 45px;
}
.calendar {
	width: 775px;
}
.calendar div {
	float: left;
	height: 80px;
	width: 105px;
	border: 1px solid #333333;
	color: #FFFFFF;
}
.calendar .monheader {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	width: 747px;
	background-color: #333333;
}
.calendar .dayheader {
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	background-color: #000000;
}
.calendar .day {
	background-color: #999966;
}
.calendar .today {
	background-color: #FFCC00;
	border-color: #CC0000;
}
.calendar .event {
	background-color: #005C00;
	border-color: #CC0000;
}
.calendar .todayevent {
	background-color: #FF9933;
	border-color: #CC0000;
}
.calendar .inactive {
	background-color: #666666;
}
.templatemo_side_bar
{
	float: left;
	width: 180px;
	padding: 20px 19px 0 19px;
	background: #1b1919;
	border: 1px solid #363434;
}

.templatemo_side_bar ul {
	margin: 0px;
	padding: 0px;
}

.templatemo_side_bar ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left: 5px solid #000;
	list-style: none;
}

.templatemo_side_bar ul li a {
	display: block;
	background: #242224;
	padding: 5px 0 5px 10px;
	color: #b5b1b1;
	text-decoration: none;
}

.templatemo_side_bar ul li a:hover {
	color: #ffffff;
	background: #000;
}

.templatemo_side_bar form {
	margin: 0px;
	padding: 0px;
}
.header_01 {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	/*color: #e40b0b;*/
}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}

#menu2 {
	width: 18em;
	background: #1b1919;
	z-index:100;
}

#menu2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	z-index:100;
}

#menu2 a, #menu2 h2 {

	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #1f1f1f;
	margin: 0;
	padding: 3px 4px;
	z-index:100;
}

#menu2 h2 {
	color: #000;
	background: #1f1f1f;
	text-transform: uppercase;
	z-index:100;
}

#menu2 a {
	color: #fff;
	background: #1f1f1f;
	text-decoration: none;
	z-index:100;
}

#menu2 a:hover {
	color: #a00;
	background: #000;
	z-index:100;
}

#menu2 ul ul ul {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
}

#menu2 li {position: relative;}

#menu2 ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	z-index:100;
}

div#menu2 ul ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}


#menu2 ul li {float: left; width: 100%;}
#menu2 ul li a {height: 1%;}

#menu2 a, #menu2 h2 {

}

/* IMAGE UPLOAD STYLE */
#Upload {
	width: 25em;
	margin: 1em auto;
	padding:0 2em 2em 2em ;
	border:1px solid #bbb;
	color: #333;
	background:#ffd;
	font: 0.9em verdana, sans-serif;
}

#Upload h1{
	font: 1.4em bold verdana, sans-serif;
	margin: 0;
	padding:1em 0;
	text-align:center;
}
#Upload label{
	float: left;
	width: 7em;
}

#Upload p {
	clear: both;
}

.red{
	color:red;
}

.middle-container
{
	float: left;
	width: 768px;
}
/* NEW LAYOUT UPDATE */
.header-container {
	float: left;
	height: 37px;
	width: 765px;
}
.header-container-staff {
	float: left;
	height: 37px;
	width: 1000px;
}
.header-top-l {
	float: left;
	height: 37px;
	width: 11px;
	background-image: url(../images/header-top-l.png);
	background-repeat: no-repeat;
	font-size:14px;
	font-weight:bold;
	margin-top:3px;
}
.header-top-r {
	float: left;
	height: 37px;
	width: 11px;
	background-image: url(../images/header-top-r.png);
	background-repeat: no-repeat;
	font-size:14px;
	font-weight:bold;
	margin-top:3px;
}
.header-top-m
{
	font-family: thug_1;
	float: left;
	height: 38px;
	width: 743px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	padding-top: 1px;
	margin-top:3px;
	color: #FAB001;
	text-align: center;
}
.header-top
{
	font-family: thug_1;
	float: left;
	height: 38px;
	width: 765px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	padding-top: 2px;
	margin-top:3px;
	color: #FAB001;
	text-align: center;
	border-radius: 7px 7px 0px 0px;
}

.header-top-m-staff
{
	font-family: thug_1;
	float: left;
	height: 38px;
	width: 978px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	padding-top: 1px;
	margin-top:3px;
	color: #FAB001;
	text-align: center;
}
.page-middle {
	font-family: thug_1;
	float: left;
	height: auto;
	width: 760px;
	/* background: #1c1d22; */
	background-image: url(../images/inside-middle3.png);
	background-repeat: repeat-y;
	font-size:13px;
	padding-left: 5px;
	padding-bottom: 8px;
	/*font-weight:bold;*/
	border-radius: 0px 0px 8px 8px;
}
.page-middle-staff {
	font-family: thug_1;
	float: left;
	height: auto;
	width: 995px;
	background-image: url(../images/inside-middle3.png);

	font-size:13px;
	padding-left: 5px;
	padding-bottom: 8px;
	/*font-weight:bold;*/
	border-radius: 0px 0px 8px 8px;
}
.trneww3{
	background-color: #161616;
	font-size: 14px;
	text-align: center;
	color: #FAB001;
}

.header-container-menusize {
	float: left;
	height: 37px;
	width: 180px;
}
.header-top-menusize {
	float: left;
	height: 37px;
	width: 189px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	font-weight:bold;
	padding-top: 5px;
	margin-top:3px;
	color: #FAB001;
	border-radius: 8px 8px 0px 0px;
}

.page-middle-menusize {
	float: left;
	height: auto;
	width: 174px;
	background-image: url(../images/inside-middle.png);
	background-repeat: repeat-y;
	font-size:13px;
	font-weight: lighter;
	border-radius: 0px 0px 8px 8px;
}

.container-smallarea {
	width: 580px;
	float: right;
}
.header-container-small {
	float: left;
	height: 37px;
	width: 580px;
}
.header-top-small {
	float: left;
	height: 37px;
	width: 557px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	font-weight:bold;
	padding-top: 5px;
	margin-top:3px;
	color: #FAB001;
}
.page-bottom-small {
	float: left;
	height: 18px;
	width: 579px;
	background-image: url(../images/inside-bottom.png);
	background-repeat: no-repeat;

}
.page-middle-small {
	float: left;
	height: auto;
	width: 579px;
	background-image: url(../images/inside-middle.png);
	background-repeat: repeat-y;
	font-size:13px;
	/*font-weight:bold;*/
	border-radius: 0px 0px 8px 8px;

}

.header-index-block {
	font-family: Calibri;
	float: left;
	height: 37px;
	width: 347px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	font-weight:bold;
	padding-top: 5px;
	margin-top:3px;
	color: #FAB001;
}
.header-index
{
	font-family: Calibri;
	float: left;
	height: 37px;
	width: 369px;
	background-image: url(../images/header-top-m.png);
	background-repeat: repeat-x;
	font-size:16px;
	font-weight:bold;
	padding-top: 5px;
	margin-top:3px;
	color: #FAB001;
	border-radius: 7px 7px 0px 0px;
}
.center {
	width:932px;
	background-color:#333333;
	vertical-align:top;
	text-align:center;
}
.table333 {
	background-color:#153238;
	width:90%;
}
.table335 {
	background-color:#153238;
	width:90%;
	table-layout:fixed;
}
tr .tr1 {


	height:22px;
	width:100%;
}
tr .tr222 {


	height:22px;
	width:100%;
}

tr .trnew1 {
	background-color: #161616;
}

tr .mmb {

	height:24px;
	width:90%;
}
tr .tr2 { background-color: #153238}
.initial { background-color: #153238; color:#153238 }
.normal { background-color: #153238 }
.highlight { background-color: #030E12 }


tr .tr99 { background-color: #242424}
.first { background-color: #242424; color:#242424 }
.second { background-color: #242424 }
.lasthl { background-color: #161616 }

tr .tr999 { }
.one {  }
.two {  }
.highlight { background-color: #080808 }

tr .tr9999 { }
.newone {  }
.newtwo {  }
.newhighlight { background-color: #292d34 }

.table {
	background-color:#000000;
	color:black;
}
.table2 {

	background-repeat:no-repeat;
	color:white;
	text-align:left;
}
.table3 {
	background-color:#000000;
}
.table6 {

	height: 204px;


	width:100%;
	color:white;
	text-align:center;


}
.table66 {

	height: 204px;


	width:100%;
	color:white;
	text-align:center;


}
.table30 {

	height: 850px;


	width:100%;
	color:white;
	text-align:left;


}
.table35 {

	height: 10px;


	width:100%;
	color:white;
	text-align:left;


}
.table36 {


	background-repeat:repeat-y;
	text-align:center;

	color:white;



}
.table22 {

	background-repeat:repeat-x;
	height: 25px;
	text-align:center;
}
.table td {
	background-color:#DEDEDE;
	height:22px;
}
.table3 td {
	background-color:#CCCCCC;
}
td .alt {
	background-color:#EEEEEE;
	height:22px;
}
td .h {

	background-repeat:repeat-x;
	font-weight: bold;
	background-color: #D6D6D6;
}
td .energy {

	background-repeat:repeat-x;
	font-weight: bold;
	background-color: #D6D6D6;
}

.table th {

	background-repeat:repeat-x;
	font-weight: bold;
	background-color: #D6D6D6;
}

.table7 {
	width:95%;
	vertical-align:bottom;

	color:white;

}

table tr td.left{
	text-align: left;
}
table tr td.right{
	text-align: right;
}

a.linkText {
	color : red;
	font-family : thug_1;
	font-size : 12px;
	text-decoration : none;
}
a.linkText:link {color : green; }
a.linkText:visited { color : green; }
a.linkText:hover { color : orange; }

/* Second set of link colors */

a.linkTextb {
	color : black;
	font-family : arial;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}

a.linkTextb:link { color : black; }
a.linkTextb:visited {color : black; }
a.linkTextb:hover { color : red; }

/* third set of link colors */

a.linkTextc {
	color : blue;
	font-family : arial;
	font-size : 12px;
	font-weight : bold;
	text-decoration : none;
}

a.linkTextc:link { color : blue; }
a.linkTextc:visited { color : blue; }
a.linkTextc:hover { color : red;  }

/* forth set of link colors */

a.linkTextz {
	color : white;
	font-family : thug_1;
	font-size : 12px;
	text-decoration : none;
}

a.linkTextz:link { color : red; }
a.linkTextz:visited { color : white; }
a.linkTextz:hover { color : orange; }

/* Colored Links #5 - White - Orange */
a.linkText5 {
	color : white;
	font-family : thug_1;
	font-size : 14px;
	text-decoration : none;
}
a.linkText5:link { color : white; }
a.linkText5:visited { color : white; }
a.linkText5:hover { color : orange; }

/* Colored Links #5 - White - Orange */
a.linkText6 {
	color : orange;
	font-family : thug_1;
	font-size : 14px;
	text-decoration : none;
}
a.linkText6:link { color : orange; }
a.linkText6:visited { color : orange; }
a.linkText6:hover { color : white; }

/* small links */
a.linkTextd {
	color : red;
	font-family : arial;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
}
a.linkTextd:link { color : red; }
a.linkTextd:visited { color : red;}
a.linkTextd:hover { color : blue; }

.pagin {
	padding: 2px 0;
	margin: 0;
	font-family: "Verdana", sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
.pagin * {
	padding: 2px 6px;
	margin: 0;
}
.pagin a {
	border: solid 1px #666666;
	background-color: #EFEFEF;
	color: #666666;
	text-decoration: none;
}
.pagin a:visited {
	border: solid 1px #666666;
	background-color: #EFEFEF;
	color: #60606F;
	text-decoration: none;
}
.pagin a:hover, .pagin a:active {
	border: solid 1px #CC0000;
	background-color: white;
	color: #CC0000;
	text-decoration: none;
}
.pagin span {
	cursor: default;
	border: solid 1px #808080;
	background-color: #F0F0F0;
	color: #B0B0B0;
}
.pagin span.current {
	border: solid 1px #666666;
	background-color: #666666;
	color: white;
}

.icons_1 {
	background-image: url(../images/icon_sprite.gif);
	background-position: 0px 0px;
}

.per-bg99
{
	font-size: 13px;
	float: left;
	height: 18px;
	width: 180px;
	background-image: url(../images/percent-bg.jpg);
	background-repeat: repeat-x;
	margin-top: 2px;
}
.per-inner99 span
{
	float:left;
	margin-bottom:2px;
	width:140px;
	text-align:left;

}
.per-inner99
{
	float: left;
	height: 17px;
	width: auto;
	background-image: url(../images/percent.jpg);
	background-repeat: repeat-x;
}
.container-smallarea_pagination {
	width: 580px;
	float: right;
	margin-top: 5px;
}

ul.images
{
	margin-right:2px;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width: 753px;
	overflow-x: auto;

}
ul.images li
{
	display: inline;
	width: 150px;
	height: 150px;
}
/* NEW YORK HARBOR */
#newyork-beach
{
	float: left;
	height: 285px;
	width: 755px;
	background-image: url(../images/backalley-inside-middle.png);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-left: 5px;
}
.hobo-battle-ad
{
	float: left;
	height: 90px;
	width: 728px;
	background-image: url(../images/test2.gif);
}
/* FORUMS */
.quotetop
{
	float: left;
	padding-left: 15px;
	text-align: left;
	font-style: oblique;
}
.text_justify
{
	text-align: left;
}
.graveyard {
	width: 780px;
}
.graveyard div
{
	float: left;
	height: 300px;
	width: 150px;
	background-image: url(../images/headstone.gif);
	background-repeat: no-repeat;
	padding-left: 2px;
}

.dig_up {
	margin-bottom: 10px;
	width: 110px;
	height:30px;
	display:block;
	background:transparent url(../images/dig_up1.png) center top no-repeat;
}

.dig_up:hover {
	background-image: url(../images/dig_up2.png);
}

.bank_money
{
	height: 200px;
	width: 300px;
	background-image: url(../images/bank_bg_money.png);
	background-repeat: no-repeat;
	padding: 5px;
}
.bank_points
{
	height: 200px;
	width: 300px;
	background-image: url(../images/bank_bg_points.png);
	background-repeat: no-repeat;
	padding: 5px;
}

.bank_balance
{
	float: left;
	height: 25px;
	width: 283px;
	margin-left: 10px;
	margin-top: 85px;
	padding-right:5px;
	font-size: 20px;
	color: black;
}

.bank_form_input { float:left; width:232px; height:30px; margin-top:28px; margin-left: 25px; background: url(../images/blank.gif) no-repeat;}
.bank_form_input input { outline:none; font-size:18px; font-family:Arial; color:#a8a9a9; width:215px; margin-left:12px; height:30px; margin-top:9px;background:none; border:0px;   }
.bank_form_input ::-webkit-input-placeholder { color: #a8a9a9 !important; opacity:1 !important;}
.bank_form_input :-moz-placeholder { color: #a8a9a9 !important; opacity:1 !important;}
.bank_form_input ::-moz-placeholder { color: #a8a9a9 !important;opacity:1 !important;}
.bank_form_input :-ms-input-placeholder { color: #a8a9a9 !important; opacity:1 !important;}
.bank_form_input input:focus::-webkit-input-placeholder { opacity:0 !important}
.bank_form_input input:focus:-moz-placeholder { opacity:0 !important }
.bank_form_input input:focus::-moz-placeholder { opacity:0 !important }
.bank_form_input input:focus:-ms-input-placeholder { opacity:0 !important }
.bank_form_deposit { float:left; width:113px; height:52px; background:url(../images/blank.gif) no-repeat;  margin-left:23px; margin-top:37px;  }
.bank_form_withdraw { float:right; width:130px; height:52px; background:url(../images/blank.gif) no-repeat;  margin-top:37px;  margin-right: 23px;}

.bank_form_deposit, .bank_form_withdraw {
	display: block;
	position: relative;
	z-index: 2;
}

.perks_gold_star, .perks_no_star {
	width: 22px;
	height: 22px;
	background-size: contain;
	transition: transform 0.2s ease, filter 0.2s ease;
}

.perks_gold_star {
	background-repeat: no-repeat;
	background-image: url('../images/perk_star.png'); /* Use your actual gold star image */
}

.perks_no_star {
	background-repeat: no-repeat;
	background-image: url('../images/perk_star2.png'); /* Use your actual empty star image */
	cursor: pointer;
}

.perks_no_star.hovered,
.perks_no_star.previous-hover {
	background-image: url('../images/perk_star.png'); /* Change to gold on hover */
	transform: scale(1.1); /* Slightly enlarge for effect */
}

.show_cost{
	display: none;
}


.gym_container
{
	width: 740px;
	text-align: center;
	height: 220px;
	padding-left:15px;

	border-width: 5px; border-color: white; border: solid;
}
.gym_strength
{
	height: 230px;
	width: 200px;
	background-image: url(../images/gym_str_image.png);
	background-repeat: no-repeat;
}
.gym_speed
{
	height: 230px;
	width: 200px;
	background-image: url(../images/gym_spd_image.png);
	background-repeat: no-repeat;
}
.gym_defense
{
	height: 230px;
	width: 200px;
	background-image: url(../images/gym_def_image.png);
	background-repeat: no-repeat;
}
.gym_train_button
{
	float:left;
	margin-left: 5px;
	margin-top:-5px;
	width:75px;
	height:25px;
}

.gym_plus_button
{
	margin-left: 115px;text-align: left;margin-top:-5px;width:19px;height:19px;
}



#header_menu_container
{
	float: left;
	width: 990px;
	height: 56px;
	margin-bottom:-5px;
	background-image: url(../images/UI/desktop-header-menu-bg.png);
	background-repeat: repeat;
	border-radius: 10px 10px 10px 10px;
	margin-left: 7px;

}

.header-icon-container
{
	width:50px;
	height:50px;
	background-color: black;
	border-radius: 8px 8px 8px 8px;
}

.button_homepage{background:url(../images/icons_new/home_icon.png) no-repeat; margin-left:3px;margin-bottom:-4px;text-align: left;width:50px;height:50px; display: inline-block;  transition: transform 0.3s ease;}
.button_explore{background:url(../images/icons_new/explore_icon.png) no-repeat; margin-left:2px;margin-bottom:-1px;margin-top:5px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_inventory{background:url(../images/icons_new/inventory_icon.png) no-repeat; margin-left:4px;margin-bottom:-6px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_bank{background:url(../images/icons_new/bank_icon.png) no-repeat; margin-left:2px;margin-bottom:-7px;text-align: left;width:49px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_gym{background:url(../images/icons_new/gym_icon.png) no-repeat; margin-left:3px;margin-bottom:-6px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_crime{background:url(../images/icons_new/crimes_icon.png) no-repeat; margin-left:2px;margin-bottom:-2px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_backalley{background:url(../images/icons_new/backalley_icon.png) no-repeat; margin-left:2px;margin-bottom:-7px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_rampage{background:url(../images/icons_new/rampagezone_icon.png) no-repeat; margin-left:2px;margin-bottom:-7px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_rampage2{background:url(../images/icons_new/rampagezone_icon2.png) no-repeat; margin-left:2px;margin-bottom:-7px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_ghetto{background:url(../images/icons_new/ghettofights_icon.png) no-repeat; margin-left:3px;margin-bottom:-5px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_godfather{background:url(../images/icons_new/godfather_icon.png) no-repeat; margin-left:3px;margin-bottom:-5px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_school{background:url(../images/icons_new/school_icon.png) no-repeat; margin-left:3px;margin-bottom:-4px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_job{background:url(../images/icons_new/job_icon.png) no-repeat; margin-left:-1px;margin-bottom:1px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_skills{background:url(../images/icons_new/skills_icon.png) no-repeat; margin-left:2px;margin-bottom:-5px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_missions{background:url(../images/icons/icon_82.png) no-repeat; margin-left:7px;margin-bottom:-14px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_hospital{background:url(../images/icons_new/hospital_icon.png) no-repeat; margin-left:2px;margin-bottom:0px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_jail{background:url(../images/icons_new/jail_icon.png) no-repeat; margin-left:2px;margin-bottom:-3px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_jail_active{background:url(../images/icons_new/jail_icon.png) no-repeat; margin-left:2px;margin-bottom:-3px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_tax{background:url(../images/icons_new/tax_icon.png) no-repeat; margin-left:2px;margin-bottom:-8px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_hof{background:url(../images/icons_new/hof_icon.png) no-repeat; margin-left:2px;margin-bottom:-5px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_achievment{background:url(../images/icons_new/achievement_icon.png) no-repeat; margin-left:2px;margin-bottom:-2px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_forge{background:url(../images/icons_new/forge_icon.png) no-repeat; margin-left:2px;margin-bottom:-3px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_forge2{background:url(../images/icons_new/forge_icon2.png) no-repeat; margin-left:2px;margin-bottom:-3px;text-align: left;width:50px;height:50px; display: inline-block; transition: transform 0.3s ease;}
.button_mail{
	background:url(../images/icons/icon_149.png) no-repeat;
	background-size: 30px 30px;
	margin-left:10px;
	margin-top:10px;
	text-align: left;
	width:50px;
	height:50px;
	display: inline-block;
	transition: transform 0.3s ease;
}
.button_events{
	background:url(../images/icons/icon_150.png) no-repeat;
	background-size: 30px 30px;
	margin-left:10px;
	margin-top:10px;
	text-align: left;
	width:50px;
	height:50px;
	display: inline-block;
	transition: transform 0.3s ease;
}
.button_juiced, .button_vote {
	transition: transform 0.3s ease;
}

.button_mail:hover, .button_events:hover, .button_juiced:hover, .button_forge2:hover, .button_forge:hover, .button_achievment:hover,
.button_hof:hover, .button_tax:hover, .button_jail_active:hover, .button_jail:hover, .button_hospital:hover, .button_missions:hover,
.button_skills:hover, .button_job:hover, .button_school:hover, .button_godfather:hover, .button_ghetto:hover, .button_rampage2:hover,
.button_rampage:hover, .button_backalley:hover, .button_crime:hover, .button_gym:hover, .button_bank:hover, .button_inventory:hover,
.button_explore:hover,.button_homepage:hover, .button_vote:hover
{  transform: translateY(3px); }

.button_placeholder{margin-left:2px;margin-bottom:0px;text-align: left;width:50px;height:50px; display: inline-block; opacity: 0.3;}
.button_inner_text
{
	position: absolute;
	text-align: center;
	width: 100%;
	margin-top: -23px;
	margin-left: -2px;
	font-size: 15px;
}

/* CONFIRM + ERROR BAR */
.isa_success, .isa_error {
	float: left;
	width:100%;
	margin-top: 4px;
	border-radius: 8px 8px 8px 8px;
	box-shadow: rgba(0, 0, 0, .2) 0 2px 4px 0;
	border-style: solid;
	border-width: 1px;
	font-size: 13px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	min-height: 40px;
}

.isa_success {
	color: #fff;
	background-color: #13aa52;
	border-color: #13aa52;
}

.isa_error {
	color: #f1f1f1;
	background-color: #d24226;
	border-color: #ff471a;
}
.isa_success i, .isa_error i {
	margin:3px 3px 3px 10px;
	font-size:2em;
	vertical-align:middle;
}

.rampagezone
{
	float: left;
	width: 30%;
	height: auto;
	text-align:center;
}
.round-image-a
{
	border-radius: 8px 8px 8px 8px;
}
.citylandmark
{
	width: 24%;
	height: auto;
}


.tooltiptext9 {
	visibility: hidden;
	width: 300px;
	padding: 3px;
	background: #1f2227;
	border-radius: 5px;
	border-style: solid;
	border-width:0.5px;
	border-color: #000000;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -150px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}
/* Tooltip container */
.tooltip9 {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; /* If you want dots under the hoverable text */


}

/* Tooltip text */
.tooltip9 .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: #444;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 10px;

	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -150px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip9 .tooltiptext9::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -8px;
	border-width: 10px;
	border-style: solid;

	border-color: #1f2227 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip9:hover .tooltiptext9 {
	visibility: visible;
	opacity: 1;
}


/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	/* border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;

	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext
{
	visibility: visible;
	opacity: 1;
}

/* LOGIN PAGE RECENT SIGN-UPS */
.login-recent-signups
{
	background-color: #000;
	color: #fff;
	opacity: .8;
	border-radius: 8px 8px 8px 8px;
}
/* Ajax Backalley */
.ajax_backalley
{
	height: 275px;
	margin-bottom: 10px;
	margin-top: 5px;
	float: left;
}
#acc-bar_backalley
{
	float: left;
	height: 305px;
	width: 775px;
	margin-top:5px;
}
#acc-mid_backalley
{
	float: left;
	height: 300px;
	width: 745px;
	background-image: url(../images/backalley-middle.png);
	background-repeat: repeat-x;
	padding-top: 6px;
}
#acc-left_backalley
{
	float: left;
	height: 300px;
	width: 8px;
	background-image: url(../images/backalley-left.png);
	background-repeat: no-repeat;
}
#acc-right_backalley
{
	float: left;
	height: 300px;
	width: 8px;
	background-image: url(../images/backalley-right.png);
	background-repeat: no-repeat;
}
#acc-inner_backalley
{
	float: left;
	height: 295px;
	width: 971px;
}
#acc-inner-mid_backalley
{
	float: left;
	height: 285px;
	width: 755px;
	background-image: url(../images/backalley-inside-middle.png);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-left: 5px;
}

.image-house-upgrades
{

	border-radius: 8px 8px 8px 8px;

}

.super-godlike-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px firebrick;
	-webkit-box-shadow: inset 0 0 5px firebrick;
	box-shadow:         inset 0 0 5px firebrick;

}
.godlike-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #9000D7;
	-webkit-box-shadow: inset 0 0 5px #9000D7;
	box-shadow:         inset 0 0 5px #9000D7;
}
.infinite-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #FF1BFB;
	-webkit-box-shadow: inset 0 0 5px #FF1BFB;
	box-shadow:         inset 0 0 5px #FF1BFB;
}
.impossible-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #EB6F24;
	-webkit-box-shadow: inset 0 0 5px #EB6F24;
	box-shadow:         inset 0 0 5px #EB6F24;
}
.crazy-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #b3b300;
	-webkit-box-shadow: inset 0 0 5px #b3b300;
	box-shadow:         inset 0 0 5px #b3b300;
}
.ultimate-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #66ccff;
	-webkit-box-shadow: inset 0 0 5px #66ccff;
	box-shadow:         inset 0 0 5px #66ccff;
}
.extreme-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #111;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #66ff66;
	-webkit-box-shadow: inset 0 0 5px #66ff66;
	box-shadow:         inset 0 0 5px #66ff66;
}
.other-item {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #222;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
}
.other-item-header {
	float: left;
	height: 60px;
	width: 60px;
}

.hourly-contest {
	float: left;
	height: 42px;
	width: 980px;
	background-color: maroon;
	border-radius: 5px 5px 5px 5px;
	margin-right: 7px;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
	padding-top:3px;
}
/* GANG MENU */
.nhob_rgtsde_mmenu_row9{ float:left; width:234px; margin-top:2px; margin-left:1px;}
.nhob_rgtsde_mmenu_icon9{ float:left; width:33px; height:23px; background:#46484e; text-align:center; vertical-align:middle; display:table-cell;}
.nhob_rgtsde_mmenu_icon9 *{ vertical-align:middle;}
.nhob_rgtsde_mmenu_icon9 span{ display:inline-block; width:0px; height:100%;}

.nhob_rgtsde_mmenu_name9{float:left; margin-left:2px; color:#fff; width:118px; height:15px; background:#46484e; font-size:13px; padding:4px 9px 4px 9px; border-radius: 5px;}
a:hover .nhob_rgtsde_mmenu_name9{ color:#bf8c00;}
.nhob_rgtsde_mmenu_name29{float:left; margin-left:2px; color:#bf8c00; width:160px; height:15px; background:#545454; font-size:13px;font-family: Hobo Std; padding:4px 9px 4px 9px;}
a:hover .nhob_rgtsde_mmenu_name29{ color:#fff;}

/* TRANSPARENT BLOCK */
.transparent_block {
	float: left;
	height: auto;
	width: 98%;
	background-color: #111111;
	border-radius: 10px;
	padding-left: 8px;
	-moz-box-shadow:    inset 0 0 1px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow:         inset 0 0 15px #000000;
}
.ptext00 {
	font-family: Hobo Std;
	font-size: 10px;
	float: left;
	height: 18px;
	width: 30px;
	font-weight: bold;
	text-align: left;
}
#city-width
{
	width:32%;
	margin-bottom:8px;
}
#city-width-hourlies
{
	width: 32%;
	margin-left: 5px;
	float: left;
	text-align: center;
}
.city-th {
	border-radius: 8px 8px 0px 0px;
	background-color: rgba(0,0,0,1);
	text-align:center;
	font-size:18px;
	color:orange;
	height:30px;
}
.city-td {
	border-radius: 0px 0px 10px 10px;
	background-color: rgba(0,0,0,0.85);
	min-height: 165px;
}
.city-td-inner {

}
.all-city-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width:99%;
}
.newjersey-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227),linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227), url(../images/backdrops/new_jersey.jpg);
}
.orlando-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227), linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227), url(../images/backdrops/orlando.jpg);
}
.newyork-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227), linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227), url(../images/backdrops/new_york.jpg);
}
.chicago-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227), linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227), url(../images/backdrops/chicago_2.jpg);
}
.atlanta-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227), linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227),  url(../images/backdrops/atlanta.jpg);
}
.lasvegas-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227), linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227), url(../images/backdrops/lasvegas.jpg);
}
.sandiego-bg {
	background: linear-gradient(to bottom, rgba(31, 34, 39, 0), #1f2227),linear-gradient(to top, rgba(31, 34, 39, 0), #1f2227), url(../images/backdrops/san_diego.jpg);
}

.nhob_subpg_refrl_cnt{ float:left; margin-top:7px; position:relative; width:765px; background:#ed9018 url(../images/nhobo_subpg_refrl_bg.jpg) repeat-x; height:70px;
	/* -- Box Radius -- */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.nhob_subpg_refrl_ribn{ position:absolute; left:-1px; top:-1px;}
.nhob_subpg_refrl_mmebr{ margin-left:66px; float:left; margin-top:9px;}
.nhob_subpg_refrl_lbltxt{ float:left; margin-left:39px; font-size:18px; color:#cb1515; margin-top:17px;}
.nhob_subpg_refrl_txtbox{ float:left; width:337px; height:22px; background:#a70000; margin-left:3px; margin-top:13px; padding:4px 20px 3px 9px;
	/* -- Box Radius -- */
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;
}
.nhob_subpg_refrl_txtbox input{ float:left; width:347px; font-size:15px; color:#FFFFFF; line-height:19px; background:none; border:0px;}
.nhob_subpg_refrl_erntxt{ float:left; margin-left:39px; font-size:14px; line-height:19px;width:515px; margin-top:-15px;}
.nhob_subpg_refrl_erntxt span{ color:#155f06;}

/* TRANSPARENT BLOCK */
.structure_actions
{
	float: left;
	height: auto;
	width: 98%;
	background-color: #111111;
	border-radius: 10px;
	padding-left: 3px;
	padding-top: 3px;
	width:50px;
	min-height:50px;
	margin-right:3px;
	margin-bottom: 5px;
	-moz-box-shadow:    inset 0 0 1px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow:         inset 0 0 15px #000000;
}
.structure_images
{
	border-radius: 10px;
}
/* TRANSPARENT BLOCK */
.structure_guards
{
	float: left;
	height: auto;
	width: 98%;
	background-color: #111111;
	border-radius: 10px;

	padding-top: 3px;
	width:55px;
	min-height:40px;
	margin-right:3px;
	margin-bottom: 5px;
	-moz-box-shadow:    inset 0 0 1px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow:         inset 0 0 15px #000000;
}

/* MOBILE DESIGN */

.mobile_header {
	display: none;
}
.mobile-ingame-main-header
{
	display: none;
}
.mobile_footer_menu_space
{
	display: none;
}
.mobile-wrapper
{
	display: none;
}


.mobile-header-divider
{
	position: relative;
	width: 4px;
	float: left;
}

.header-mobile-statbar-wrapper {
	height: 40px !important;
	width: 100vw !important;
	background-color: #3b3b3c;
}
.header-mobile-scrollmenu-wrapper
{
	height: 47px !important;
	width: auto;
	background-color: #2d3033;
	padding-top: 3px;
	margin-bottom: 5px;
	overflow-x: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
.header-mobile-scrollmenu-wrapper::-webkit-scrollbar {
	display: none;
}
.mobile-side-menu
{
	display: none;
}

.header-mobile-menu-icon-bg
{
	border-radius: 7px;
	background-color: black;
	width:42px;
	height:42px;
	margin-left: 5px;
	float: left;
	padding-top:2px;
	padding-left: 2px;
}
.header-mobile-menu-icon-bg img
{
	width:40px;
	height: 40px;
}
.navBar {
	background: #455A64;
}

.nav {
	margin: 0 -10px;
	padding: 0 10px;
	list-style: none;
	display: flex;
	-webkit-overflow-scrolling: touch;
}
.button_inner_text_mobile
{
	text-align: center;
	width: 100%;
	margin-top: -16px;
	margin-left: -2px;
	font-size: 13px;
}
.mobile-stat-bar
{
	float: left;
	height: 5px;
	width: 90%;
	background-image: url(../images/percent-bg.jpg);
	background-repeat: repeat-x;
	margin-top: 2px;
	max-width: 125px;
}
.mobile-stat-bar-inner
{
	float: left;
	height: 5px;
	width: auto;
	background-image: url(../images/percent.jpg);
	background-repeat: repeat-x;
	max-width: 125px;
}
.topmenu-4
{
	height: 35px;
}
.index-home-image
{
	width:22%;
	float: left;
}
.index-home-details
{
	width:25%;
	float: left;
}
.index-home-upgrades
{
	width: 10%;
	float: left;
	min-width: 50px;
	min-height: 50px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.index-home-container
{
	width: 100%;
	float: left;
}
.index-home-upgrades-container
{
	width: 53%;
	float: left;
}
.header-text{
	font-family: Calibri;
	width: 100%;
	float: left;
	background-color: #202125;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #FAB001;
}
.mobile-referral-show
{
	display: none;
}
.city-hourlies {
	background-color: #303437;
	border-radius: 0px 0px 10px 10px;

	min-height: 65px;
}
.city-hourlies-header {
	background-color: #202325;
	border-radius: 8px 8px 0px 0px;
	text-align:center;
	font-size:16px;
	font-weight: bold;
	color:orange;
	height:30px;
}
.city-population
{
	width:auto;
	float:right;
	padding-right: 5px;
	color:white;
	margin-top: -5px;
	font-size: 12px;
	font-family:  Calibri;
}
.mailbox-menu-new
{
	width:31%;
	text-align:center;
	font-size:18px;
	font-weight: bold;
	color:orange;
	font-family:  Calibri;
	height: 26px;
	margin-bottom:5px;
}

.mailbox-inbox-list-new
{
	width:99%;
	min-height: 35px;
	font-family:  Calibri;
	font-size: 14px;
	margin-bottom: 3px;
}

#raid-mobile-only
{
	display: none;
}
.bank_container-mobile-only
{
	display: none;
}
.button-orange
{
	color:black !important;
	width: 100px;
	min-height: 25px;
	background-color: darkorange;
	border-radius: 4px 4px 4px 4px;
	font-weight: bold;
	font-family:  Calibri;
	border-color: orange;
	border-style: solid;
	border-width: 1px;
}
.button-orange-inventory
{
	color:black !important;
	width: 100px;
	min-height: 25px;
	max-height: 25px;
	background-color: darkorange;
	border-radius: 4px 4px 4px 4px;
	font-weight: bold;
	font-family:  Calibri;
	border-color: orange;
	border-style: solid;
	border-width: 1px;
	float:left;
	margin-left: 6px;
	text-align: center;
	margin-top: 5px;
}
.imagecontainers
{
	height: 95px;
	width: 95px;
}
.imagecontainers img
{
	height: 75px;
	width: 75px;
}
#flex-even
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.table-header-text{
	font-family:  Calibri;
	background-color: #202125;
	font-size: 16px;
	text-align: center;
	color: #FAB001;
	font-weight: bold;
	min-height: 25px;
}
.inventory-container
{
	font-family:  Calibri;
	border-style: outset;
	border-color: #35454e;
	border-width: 1px;
	text-align:center;
	width: 99%;
	min-height: 35px;
	display: flex;flex-wrap: wrap;justify-content: space-around;
}
#mobile-only
{
	display: none;
}
.mobile-only
{
	display: none;
}
#hof-menu-height
{
	float:left;
	min-height: 20px;
	width: 100%;
	border-style-to: outset;
	border-color: #35454e;
	border-width: 1px;
	text-align: center;
	text-justify: inter-word;
}
.explore-deadly-player
{
	width:100%;
	text-align:center;
	font-family:  Calibri;
	font-size: 14px;
}

.viewuser-actions-container
{
	width: 99%;
	float:left;

}
.viewuser-actions-right
{
	width: 49%;
	float:left;
}
.viewuser-actions-left
{
	width: 50%;
	float:left;
}
.viewuser-actions
{
	width: 15%;
	float: left;
	text-align:center;
	margin-bottom: 5px;
	position: static;
}
#search-form-spacing
{
	height: 30px;
}
.accordion2 {
	cursor: pointer;
	width: 99%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.active2, .accordion2:hover {

}
.bg-hover-1:hover {
	background-color: rgba(14, 17, 19, 0.82);
}
.accordion2:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	text-align: center;
	width:95%;
	margin-top:-15px;

}

.active2:after {
	content: "\2212";
}

.panel2 {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;

}
.flexbox
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: center;
	gap: 5px;
}

.accordion3 {
	cursor: pointer;
	width: 100%;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.active, .accordion3:hover {

}

.accordion3:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2212";
}

.panel3 {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.raffle-container
{
	-moz-box-shadow:    inset 0 0 1px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow:         inset 0 0 15px #000000;
	border-style: inset;
	border-color: #35454e;
	border-width: 1px;
	border-radius: 6px 6px 6px 6px;
}
.div_hr
{
	margin-top:-3px;
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.hourly-contest-div
{
	width:100%;
	background:#ed9018 url(../images/nhobo_subpg_refrl_bg.jpg) repeat-x;
	min-height:35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:2px;
	border-style: inset;
	border-color: #35454e;
	border-width: 1px;
}

.collection-complete {
	float: left;
	height: 50px;
	width: 50px;
	background-color: #13aa52;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
}
.zombie-skills-container
{
	font-family:  Calibri;
	border-style: outset;
	border-color: #35454e;
	border-width: 1px;
	text-align:center;
	width: 99%;
	min-height: 18px;
	display: flex;flex-wrap: wrap;justify-content: space-around;
}
.zombie-inner-header
{
	-moz-box-shadow:    inset 0 0 1px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow:         inset 0 0 15px #000000;
	border-style: inset;
	border-color: #35454e;
	border-width: 1px;
	border-radius: 6px 6px 0px 0px;
}
.per-inner_zombie span
{
	float:left;
	margin-bottom:2px;
	width:140px;
	text-align:left;

}
.per-inner_zombie
{
	float: left;
	height: 17px;
	width: auto;
	background-image: url(../images/percent_zombie.png);
	background-repeat: repeat-x;
}
.fixed-buttons-bottom {
	font-family: thug_1;
	height: 100px;
	width: 100%;
	background-image: url(../images/inside-middle3.png);
	background-repeat: repeat-y;
	font-size:13px;
	padding-top:3px;
}

.gym-defense-bg
{
	/* width:225px; */
	width:32%;
	height:245px;
	background-image: url(../images/gymicons/defense_bg.png);
	border-radius: 4px 4px 4px 4px;
	border-color: #353b41;
	border-style: solid;
	border-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.gym-speed-bg
{
	width:32%;
	height:245px;
	background-image: url(../images/gymicons/speed_bg.png);
	border-radius: 4px 4px 4px 4px;
	border-color: #353b41;
	border-style: solid;
	border-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.gym-strength-bg
{
	width:32%;
	height:245px;
	background-image: url(../images/gymicons/strength_bg.png);
	border-radius: 4px 4px 4px 4px;
	border-color: #353b41;
	border-style: solid;
	border-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;

}
.bg-image {
	width:150px;
	height:30px;
	opacity: 0.7;
	border-radius: 0px 0px 4px 4px;
}
.showcase {
	position: relative;
}
.bg-image-gym
{
	width:130px;
	height:30px;
	opacity: 0.7;
	border-radius: 3px 3px 3px 3px;
	font-weight: bolder;
}
.header-desktop-stats
{
	color:black;
	font-size:12px;
	font-weight:bold;
	z-index:99;
}

.action_bar_top
{
	margin-top:4px;
	margin-bottom:4px;
	width:100.5%;
	min-height:30px;
	background: #353b41;
	border-radius: 8px 8px 8px 8px;
	border-color: #353b41;
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.action_bar_top img
{
	display: flex;flex-wrap: wrap;justify-content: space-around;align-content: center;gap: 5px;
	height:21px;
	width:21px;
}
.action_bar_top a
{
	display: flex;flex-wrap: wrap;justify-content: space-around;align-content: center;gap: 5px;
	height:35px;
	width:50px;
}
.action_bar_top a:hover
{
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.action_bar_button
{
	display: flex;flex-wrap: wrap;justify-content: space-around;align-content: center;gap: 5px;
	height:30px;
	width:50px;
}
.action_bar_button:hover
{
	box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.gamble_div
{
	position: relative;
	width:185px;
	height:240px;
	background-color: #353b41;
	border-color: #353b41;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;

}
.card {
	backdrop-filter: blur(1px) saturate(200%);
	-webkit-backdrop-filter: blur(1px) saturate(200%);
	background-color: rgba(8, 8, 8, 0.74);
	border-radius: 12px;
}

.gang_territory_container {
	height: 45px;
	width: 100px;
	background-color: #222;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	margin-bottom:6px;
	-moz-box-shadow:    inset 0 0 5px #000000;
	-webkit-box-shadow: inset 0 0 5px #000000;
	box-shadow:         inset 0 0 5px #000000;
}

.button-37 {
	background-color: #13aa52;
	border: 1px solid #13aa52;
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, .1) 0 2px 4px 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	font-family: "Akzidenz Grotesk BQ Medium", -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 16px;
	font-weight: 400;
	outline: none;
	outline: 0;
	padding: 10px 25px;
	text-align: center;
	transform: translateY(0);
	transition: transform 150ms, box-shadow 150ms;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
}
.button-37:hover {
	box-shadow: rgba(0, 0, 0, .15) 0 3px 9px 0;
	transform: translateY(-2px);
}

@media (min-width: 768px) {
	.button-37 {
		padding: 10px 30px;
	}
}

.topplayers_name
{
	text-align:center;
	min-width:98px;
	min-height:20px;
}
.header-task-menu
{
	background-image:url('../images/background.png');
	border-radius: 8px 8px 8px 8px;
	box-shadow: rgba(0, 0, 0, .2) 0 2px 4px 0;
}

.green-button {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
	background-color: #4CAF50;
	color: white;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.4s;
	border-radius: 4px;
}

.green-button:hover {
	background-color: #45a049;
}

.animate-charcter
{
	background-image: linear-gradient(
			-225deg,
			#231557 0%,
			#44107a 29%,
			#ff1361 67%,
			#fff800 100%
	);
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 2s linear infinite;
	display: inline-block;
	font-size: 13px;
}

@keyframes textclip {
	to {
		background-position: 200% center;
	}
}

.activity-contest
{
	width:100%;
	background: rgba(255,173,0,0.99) url(../images/nhobo_subpg_refrl_bg2.jpg) repeat-x;
	min-height:35px;
	border-radius: 8px;
	border-width: 1px;
	padding:3px;
	border-style: solid;
	border-color: #d6c531;
}
.hourly-contest-container
{
	position:relative;
	width:100%;
	background:#ed9018 url(../images/nhobo_subpg_refrl_bg.jpg) repeat-x;
	height:45px;
	border-color: #35454e;
	border-width: 1px;
	border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;
	padding-bottom:3px;
}


.modal-background {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9998;

}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	display: none;
	width: 380px;
	height: 650px;
	color: #dcddde;
	background-color: #1f2227;
	box-sizing: border-box;
	z-index: 9999;
}

.modal-header {
	border-bottom: 1px solid #dddddd;
	box-sizing: border-box;
	height: 35px;
}
.modal-header h3 {
	margin: 0;
	box-sizing: border-box;

	line-height: 40px;
	color: #4d4d4d;
	font-size: 16px;
	display: inline-block;
}
.modal-header label {
	box-sizing: border-box;
	border-left: 1px solid #dddddd;
	float: right;
	line-height: 50px;
	padding: 0 10px 0 10px;
	cursor: pointer;
}
.modal-header label:hover img {
	opacity: 0.6;
}
.example-label {
	box-sizing: border-box;
	display: inline-block;
	padding: 10px;
	background-color: #375d91;
	color: #f9f9f9;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
}
.example-label:hover {
	background-color: #3c669f;
}

.modal-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.modal.active {
	z-index: 10;
}
.fish-token-button {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
	background-color: #4CAF50;
	color: white;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.4s;
	border-radius: 4px;
}

.fish-token-button:hover {
	background-color: #45a049;
}

.fish-token-button img
{
	width:40px;
	height:40px;
}

.exp-progress-container {
	position: relative;
	width: 100%;
	height: 20px;
	background-color: #e0e0e0;
	border-radius: 5px;
	overflow: hidden;
}

.exp-progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #4caf50;
	transition: width 0.5s ease;
}

.exp-progress-label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}

.content-header2 {
	margin-top:3px;
	font-family: "Verdana", sans-serif;
	line-height: 1.4;
	width:98%;
	padding: 0 10px;
	word-wrap: break-word;
	color: orange;
	font-weight: bold;
	font-size:14px;
	background: #16171c;
	text-rendering: optimizeLegibility;
	border-radius: 8px 8px 0px 0px;
	min-height:30px;

}
.content2 {
	font-family: thug_1;
	line-height: 0.9;
	width:98%;
	padding: 10px;
	word-wrap: break-word;
	color: #dbdbdb;
	background: #1c1d22;
	text-rendering: optimizeLegibility;
	border-radius: 0px 0px 8px 8px;
	min-height:45px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1);
}

.content2-highlight {
	font-family: "Verdana", sans-serif;
	line-height: 1.4;
	width:98%;
	padding: 0 10px;
	word-wrap: break-word;
	color: #dbdbdb;
	background: #1a1b20;
	text-rendering: optimizeLegibility;
	border-radius: 0px 0px 8px 8px;
	min-height:45px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 1);
}

.table-container
{
	width:100%;
	padding:3px;
	justify-content: start;
	padding-left:5px;
	gap:15px;
}

/* NEW PAGE CONTENT DIV DESIGN */
/* Container for the entire chat area */
.content-container {
	background-color: #121518; /* Dark background similar to Discord */
	color: #dcddde; /* Light gray text color */
	font-family: 'Arial', sans-serif; /* Font similar to Discord */
	padding-top:10px;
	border-radius: 5px 5px 5px 5px;
	max-width: 100.5%; /* Ensure it doesn't exceed the viewport width */
	width: 100.5%;
	border-style: solid;
	border-width:1px;
	border-color: #333333;
	box-sizing: border-box; /* Include padding and border in the element's width and height */
	display: flex;flex-wrap: wrap;justify-content: center;align-content: center;
	margin-top:5px;
}
.content-header {
	font-family: 'Arial', sans-serif; /* Font similar to Discord */
	min-height:20px;
	padding:0px 7px 5px 7px;
	font-size:16px;
	font-weight:500;
	width:98%;
	color: orange;
}
/* Each message row */

/* Message content */
.page-content {
	font-family: 'Arial', sans-serif; /* Font similar to Discord */
	font-size:14px;
	width: 100%;
	box-sizing: border-box; /* Ensure content fits within the container */
	color: #dcddde; /* Light gray color for message text */
	border-radius: 0px 0px 5px 5px;
	min-height:45px;
	background: #1f2227;
	border-color: #353b41;
	padding:  7px;
}
/* ROW 1 */
.ptext10_a {
	font-size: 13px;
	min-height: 18px;
	width: 48%;
	font-weight: bold;
	border-bottom: 0.5px solid #1f2227; /* Thinner border */
	padding-left: 5px;
	position: relative; /* Required for the shadow effect */
	box-shadow:
			inset 0 -1px 0 rgba(0, 0, 0, 0.6); /* Adjusted shadow for the thinner border */
}

/* ROW 1 */
.ptext10_b {
	font-size: 13px;
	min-height: 18px;
	width: 42%;
	font-weight: bold;
	border-bottom: 0.5px solid #1f2227; /* Thinner border */
	padding-left: 5px;
	position: relative; /* Required for the shadow effect */
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.6); /* Adjusted shadow for the thinner border */

}

.ptext01 { /* RANK DIV */
	float: right;
	display: flex;flex-wrap: wrap;justify-content: space-around;align-content: center;gap: 5px;
	font-size: 10px;
	min-height: 18px;
	width: 30px;
	font-weight: 500;
	text-align: left;

}

.index-content {
	float: left;
	height: auto;
	width: 48%;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
}

.box_shadow_1 {

	border-radius: 5px;
	box-shadow:
			inset 0px 1px 1px rgba(255, 255, 255, 0.2),  /* Sharper light inner highlight */
			inset 0px -1px 2px rgba(0, 0, 0, 0.8), /* Sharper and darker inner shadow */
			0px 2px 4px rgba(0, 0, 0, 0.2); /* Lightened outer shadow for defined depth */
}
.bottom_border_1 {
	border-bottom: 0.5px solid #1f2227; /* Thinner border */
	position: relative; /* Required for the shadow effect */
	box-shadow:
			inset 0 -1px 0 rgba(0, 0, 0, 0.6); /* Adjusted shadow for the thinner border */
}

/* Green Button */
.button_1 {
	display: inline-block;
	font-size: 14px;
	padding: 7px;
	background-color: #4CAF50;
	color: white;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.2s;
	border-radius: 4px;
	font-weight: bold
}
.button_1:hover {
	background-color: #45a049;
}

/* Blue Button */
.button_2 {
	display: inline-block;
	font-size: 14px;
	padding: 7px;
	background-color: rgb(0, 164, 255);
	color: white;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: bold
}
.button_2:hover {
	background-color: rgb(4, 142, 222);
}

/* Red Button */
.button_3 {
	display: inline-block;
	font-size: 14px;
	padding: 7px;
	background-color: rgb(246, 68, 29);
	color: white;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.4s;
	border-radius: 4px;
	font-weight: bold
}
.button_3:hover {
	background-color: rgb(222, 61, 26);
}

/* Red Button */
.button_4 {
	display: inline-block;
	font-size: 14px;
	padding: 7px;
	background-color: rgb(238, 136, 10);
	color: white;
	border: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	transition-duration: 0.4s;
	border-radius: 4px;
}
.button_4:hover {
	background-color: rgb(215, 109, 24);
}


.inner_style {
	padding: 3px;
	;background-color:33 rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border-style: solid;
	border-width:0.5px;
	border-color: #000000;
}

.custom-modal-content {
	scrollbar-width: thin; /* Makes the scrollbar thinner */
	scrollbar-color: #202225 #2e3338; /* thumb color, track color */
}

/* Discord-style scrollbar */
.custom-modal-content::-webkit-scrollbar {
	width: 8px;
}
.custom-modal-content::-webkit-scrollbar-track {
	background-color: #2e3338;
	border-radius: 4px;
}
.custom-modal-content::-webkit-scrollbar-thumb {
	background-color: #202225;
	border-radius: 4px;
}
.custom-modal-content:focus {
	/* box-shadow: 0 0 0 2px rgba(114, 137, 218, 0.3); */
}
.custom-modal-content::placeholder {
	color: #72767d;
}

.settings-container {
	width: 100%;
}

.settings-row {
	width: 99%;
	margin-bottom:7px;
}

.settings-label {
	width:20%;
	font-size: 12px;
	color:orange;
}
.settings-value {
	width:75%;
}