@import url("./gym.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 {

}
.bg_style_1 {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	background-image: url('../images/UI/bg-004.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
#main1 {
	background-repeat:no-repeat;
	background-position:right top;
	width:100%;
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}
#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;
}
.tov {
	color:#ffb952;
}
.toh {
	color:#fd8a02;
}
.ttv {
	color:#4dc20d;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
#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;
}
/* ----------------------------------- END ----------------------------------- */
#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;
}
.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;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
.text1 {
	font-size: 12px;
	float: left;
	height: auto;
	width: 550px;
	margin-top: 39px;
	margin-left: 10px;
}
/* ----------------------------------- END ----------------------------------- */
#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;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
.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;
}
/* ----------------------------------- END ----------------------------------- */
.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;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
#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;
}
/* ----------------------------------- END ----------------------------------- */
#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;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
.container {
	border:0;
	width: 186px;
	height: 15px;
	overflow: hidden;
	margin-top:6px;
	margin-left:5px;
	position: relative;
}
/* ----------------------------------- END ----------------------------------- */
.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;
	-webkit-mask-image: linear-gradient(to right, transparent 0, black 80px);
	        mask-image: linear-gradient(to right, transparent 0, black 80px);
}
#d-right {
	float: left;
	height: 155px;
	width: 483px;
	background-image: url(../images/dash-header-right.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-mask-image: linear-gradient(to left, transparent 0, black 80px);
	        mask-image: linear-gradient(to left, transparent 0, black 80px);
}
#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_halloween {
	float: right;
	height: 152px;
	width: 200px;
	background-image: url(../images/dash-thug-halloween.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;
}
#thug_man_memorial_day {
	float: right;
	height: 152px;
	width: 230px;
	background-image: url(../images/dash-thug-memorial-day.png);
	background-repeat: no-repeat;
	margin-right: -30px;
	margin-top: -160px;
}
#thug_man_powerup{
	 float: right;
	 height: 152px;
	 width: 230px;
	 background-image: url(../images/dash-thug-powerup.png);
	 background-repeat: no-repeat;
	 margin-right: -30px;
	 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;
}
#your-account {
	float: left;
	width: 172px;
	height: 20px;
	margin-left: 10px;
	padding-top: 6px;
	letter-spacing: 0.03em;
	word-spacing: 0.08em;
}
.task-list-img {
	float: left;
	height: 19px;
	width: 125px;
	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, .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;
}
#profile-img-block, .profile-img-block {
	height: 191px;
	width: 180px;
}
#profile-img2, .profile-img2 {
	float: left;
	height: 178px;
	width: 180px;
	background-color: #000003;
}
#pr-img, .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-name, .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, .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, .profile-list {
	float: left;
	height: auto;
	width: 201px;
	margin-right: 9px;
	margin-left: 9px;
}
.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;
}
#main-menu {
	float: left;
	height: 30px;
	width: 219px;
	text-align: center;
}
#menu-list, .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;
}
#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;
}
#personal {
	float: left;

	height: 35px;
	width: 761px;
	margin-top: 35px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
.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-bottom{
	float: left;
	height: 16px;
	width: 760px;
	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;
}
/* ----------------------------------- END ----------------------------------- */
.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;
}
.tcolor {
	color:#ffa500;
}
.tcolor a {
	color:#ffa500;
}
.tcolor a:hover {
	color:#999999;
}
.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;
}
.trneww {
	background-color: #161616;
}
.trneww2 {
	background-color: #202125;
	font-size: 18px;
	text-align: center;
	color: #FAB001;
}
.trneww3 {
	background-color: #161616;
	font-size: 14px;
	text-align: center;
	color: #FAB001;
}
.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;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
.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;
}
/* ----------------------------------- END ----------------------------------- */
#footer-space {
	clear: both;
	height: 50px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 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;
	position: relative;
}
/* Sits in .footer-inner's 25px top padding, so it doesn't shift the footer layout */
.footer-loadtime {
	position: absolute;
	top: 6px;
	left: 0;
	right: 0;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	color: #999;
}
.footer-inner {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 25px;
	padding-right: 30px;
	padding-left: 30px;
}
#footer-link, .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;
}
.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;
}
.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%);
	transition: width 0.5s ease;
}
/* PET TRAINER EXP BAR - Used in other features - needs to be phased out.*/
.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 {
	float: left;
	height: 17px;
	width: auto;
	background-image: url(../images/percent.jpg);
	background-repeat: repeat-x;
}
.per-inner-pet span {
	float:right;
	position:absolute;
	margin-top:2px;
	width:162px;
	text-align:left;
}
#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;

}
#outside_page {
	float: left;
	height: auto;
	width: 1000px;
	margin-left: 47px;
	position: relative;
	margin-top: 7px;
}
#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;
}
/* ----------------------------------- NEEDS REVIEWED ----------------------------------- */
.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;
}
/* ----------------------------------- END ----------------------------------- */
#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;
}
/* 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;
}
.center {
	width:932px;
	background-color:#333333;
	vertical-align:top;
	text-align:center;
}
tr .tr1 {
	height:22px;
	width:100%;
}
tr .tr222 {
	height:22px;
	width:100%;
}
tr .trnew1 {
	background-color: #161616;
}
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;
}
.table td {
	background-color:#DEDEDE;
	height:22px;
}
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;
}
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; }
/* PAGINATION */
.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 {
	float: left;
	height: 17px;
	width: auto;
	background-image: url(../images/percent.jpg);
	background-repeat: repeat-x;
}
.per-inner99 span {
	float:left;
	margin-bottom:2px;
	width:140px;
	text-align:left;

}

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;
}
/* graveyard.php */
.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.php */
.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;
}
/* upgrade_perks.php */
.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.php */
.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.php */
.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_heists{background:url(../images/icons/icon_196.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_heists2{background:url(../images/icons/icon_196.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_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_heists:hover, .button_heists2: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_inner_text {
	position: absolute;
	text-align: center;
	width: 100%;
	margin-top: -23px;
	margin-left: -2px;
	font-size: 15px;
}
/* Header Menu Row Container */
.header-menu-row {
	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;
}
/* ===== MENU EDIT MODE STYLES ===== */
#header-wrapper.edit-mode {
	border: 3px solid orange;
	border-radius: 12px;
	padding: 8px;
	background: rgba(255, 165, 0, 0.1);
	position: relative;
	display: inline-block;
}
#header-wrapper.edit-mode::before {
	content: 'EDIT MODE';
	position: absolute;
	top: -12px;
	left: 50%;
	transform: translateX(-50%);
	background: orange;
	color: #000;
	padding: 2px 10px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	z-index: 100;
}
#header-wrapper.edit-mode .header-icon-container {
	cursor: move;
	transition: all 0.2s ease;
	position: relative;
}
#header-wrapper.edit-mode .header-icon-container:hover {
	transform: scale(1.1);
	z-index: 10;
	box-shadow: 0 0 10px rgba(255, 165, 0, 0.5);
}
#header-wrapper.edit-mode .header-icon-container.ui-sortable-helper {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
	transform: scale(1.15);
	z-index: 1000;
}
#header-wrapper.edit-mode .header-icon-container.ui-sortable-placeholder {
	background-color: rgba(100, 200, 100, 0.4) !important;
	border: 2px dashed #4CAF50 !important;
	visibility: visible !important;
}
/* Drag/drop swap mode styling */
#header-wrapper.edit-mode .header-icon-container.being-dragged {
	opacity: 0.5;
	border: 2px dashed #FFA500 !important;
}
#header-wrapper.edit-mode .header-icon-container.drop-target-hover {
	outline: 2px solid #4CAF50;
	outline-offset: -2px;
	background-color: rgba(76, 175, 80, 0.3) !important;
}
/* Lock overlay for locked items in edit mode */
.lock-overlay {
	position: absolute;
	bottom: 2px;
	right: 2px;
	width: 16px;
	height: 16px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 3px;
	z-index: 50;
}
.lock-overlay::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 10px;
	height: 10px;
	background: url('../images/icons/red_x.png') no-repeat center;
	background-size: contain;
}
/* Empty slot styling in edit mode */
#header-wrapper.edit-mode .header-icon-container[data-item-id="empty"] {
	background-color: rgba(50, 50, 50, 0.5);
	border: 2px dashed #555;
}
#header-wrapper.edit-mode .header-icon-container[data-item-id="empty"]:hover {
	border-color: #4CAF50;
	background-color: rgba(76, 175, 80, 0.2);
}

/* 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;
	 /* background: linear-gradient(180deg, #15b858 0%, #13aa52 50%, #0d7a3a 100%); */
	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;
}

.round-image-a { /* estate.php + rampagezone.php */
	border-radius: 8px 8px 8px 8px;
}

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

/* Item Rank Color */
.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;
}

/* 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;
}
/* explore.php */
#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);
}
/* Referral Ribbon */
.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;}
/* MOBILE DESIGN */
#mobile-only {
	display: none;
}
.mobile-only {
	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-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;
}
.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;
	transition: width 0.5s ease;
}

@media (prefers-reduced-motion: reduce) {
	.per-inner,
	.mobile-stat-bar-inner {
		transition: none;
	}
}
.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;
}
.mailbox-menu-new {
	/* mailbox.php */
	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;
}
.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;
}
.imagecontainers {
	/* inventory.php */
	height: 95px;
	width: 95px;
}
.imagecontainers img {
	height: 75px;
	width: 75px;
}
.table-header-text {
	/* gang_armory.php */
	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;
}
.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;
}
.flexbox
{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: center;
	gap: 5px;
}

.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;
}
.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;
    z-index: 1000;
}

.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-bottom:2px;
	width:99.5%;
	min-height:30px;
	background: #353b41;
	border-color: #353b41;
	border-style:solid;
	border-width:1px;
	border-left-color: #353b41;
	border-left-width: 5px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-bottom:3px;
	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;
}

/* ALERTS BAR - markup from include/_checkStatus.php (tb_alert_cell).
   One 36px strip of icon-only cells split by a 1px divider, no gaps.
   Desktop wraps to a second row if there are more alerts than fit; under
   600px the strip scrolls sideways instead. */
/* same width as .content-container (100.5% desktop, 98vw phone) */
.tb-alerts {
	margin-bottom: 2px;
	width: 100.5%;
	max-width: 100.5%;
	box-sizing: border-box;
}
.tb-alerts-row {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	min-height: 42px;
	box-sizing: border-box;
	background: linear-gradient(180deg, #1e1f23 0%, #0e0f11 100%);
	/* not #000 - a black edge melts into the page and the bar reads
	   narrower than the content boxes, though the widths are identical */
	border: 1px solid #353b41;
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
.tb-al-head {
	display: flex;
	align-items: center;
	height: 40px;
	padding: 0 12px;
	font: 600 13px/1 'Oswald', 'Arial Narrow', Impact, sans-serif;
	letter-spacing: .14em;
	color: #fab001;
	border-right: 1px solid #000;
	box-shadow: 1px 0 0 rgba(255, 255, 255, .04);
}
.tb-al {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 40px;
	border-right: 1px solid #000;
	box-shadow: 1px 0 0 rgba(255, 255, 255, .04);
	text-decoration: none;
	cursor: default;
}
a.tb-al { cursor: pointer; }
.tb-al img {
	display: block;
	width: 30px;
	height: 30px;
	max-width: none;
	object-fit: contain;
}
.tb-al:hover { background: rgba(255, 255, 255, .06); }
/* the global a:hover colour must not reach the cell */
a.tb-al:link, a.tb-al:visited, a.tb-al:hover, a.tb-al:active { color: #e8e6e1; text-decoration: none; }

.tb-al-tip {
	visibility: hidden;
	opacity: 0;
	transition: opacity .15s;
	position: absolute;
	top: 45px;
	left: 50%;
	transform: translateX(-50%);
	width: 170px;
	box-sizing: border-box;
	padding: 8px 10px;
	background: #0b0c0e;
	border: 1px solid #000;
	border-top: 2px solid #fab001;
	border-radius: 4px;
	box-shadow: 0 6px 18px rgba(0, 0, 0, .6);
	text-align: center;
	z-index: 100;
	pointer-events: none;
}
.tb-al--warn .tb-al-tip { border-top-color: #e53935; }
.tb-al:hover .tb-al-tip { visibility: visible; opacity: 1; }
.tb-al-tip-t {
	display: block;
	font: 600 11px/1.2 'Oswald', 'Arial Narrow', Impact, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fab001;
}
.tb-al--warn .tb-al-tip-t { color: #ff6b67; }
.tb-al-tip-b {
	display: block;
	margin-top: 5px;
	font: 500 12px/1.35 'Barlow Semi Condensed', 'Arial Narrow', sans-serif;
	color: #e8e6e1;
}
@media (max-width: 600px) {
	/* The tip is anchored to .tb-alerts, OUTSIDE the scrolling row, so the
	   row's overflow can't clip it; it opens full-width under the bar. */
	.tb-alerts { position: relative; width: 98vw; max-width: 98vw; }
	.tb-alerts-row {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.tb-alerts-row::-webkit-scrollbar { display: none; }
	.tb-al-head { flex: 0 0 auto; padding: 0 8px; font-size: 11px; letter-spacing: .12em; }
	.tb-al { position: static; width: 40px; }
	.tb-al img { width: 28px; height: 28px; }
	.tb-al-tip { top: 44px; left: 0; right: 0; width: auto; transform: none; }
}

.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;
}
.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-style:solid;
	border-color: darkgoldenrod;
	border-width: 1px;
	border-left-color: #bf5d15;
	border-left-width: 5px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-bottom:3px;
}

.zombie-contest-container
{
	position:relative;
	width:100%;
	background: rgba(121,203,59,0.99);
	min-height:35px;
	border-style:solid;
	border-color: rgba(44,96,4,0.93);
	border-width: 1px;
	border-left-color: rgba(44,96,4,0.93);
	border-left-width: 5px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	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-backup {
	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-backup {
	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-backup {
	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;
}

/* NEW PAGE CONTENT DIV DESIGN 2025 */
/* 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 */
	border-radius: 5px;
	max-width: 100.5%; /* Ensure it doesn't exceed the viewport width */
	width: 100.5%;
	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-bottom: 5px;
}
.content-header {
	border-radius: 5px 5px 0px 0px;
	font-family: 'Arial', sans-serif; /* Font similar to Discord */
	min-height:25px;
	padding: 8px;
	font-size:16px;
	font-weight:800;
	width:98%;
	color: orange;
	background: linear-gradient(180deg, #1f2227 0%, #121518 100%);
	border-bottom: 1px solid black;
	text-shadow: 0 0 8px rgba(76, 175, 80, 0.4);
}
/* 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: linear-gradient(180deg, #13aa52 0%, #0d7a3a 100%);
	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: linear-gradient(180deg, #00c853 0%, #00a045 100%);
}

/* Blue Button */
.button_2 {
	display: inline-block;
	font-size: 14px;
	padding: 7px;
	background: linear-gradient(180deg, #00a4ff 0%, #0080cc 100%);
	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: linear-gradient(180deg, #1ab4ff 0%, #0094e6 100%);
}

/* Red Button */
.button_3 {
	display: inline-block;
	font-size: 14px;
	padding: 7px;
	background: linear-gradient(180deg, #f6441d 0%, #c93616 100%);
	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: linear-gradient(180deg, #ff5c38 0%, #e04520 100%);
}

/* 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: rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	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%;
}

/* Modal scrolling styles */
.style-scrollbar-discord {
    scrollbar-width: thin; /* Makes the scrollbar thinner */
    scrollbar-color: #202225 #2e3338; /* thumb color, track color */
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 650px;
}
/* Discord-style scrollbar */
.style-scrollbar-discord::-webkit-scrollbar {
    width: 8px;
}
.style-scrollbar-discord::-webkit-scrollbar-track {
    background-color: #2e3338;
    border-radius: 4px;
}
.style-scrollbar-discord::-webkit-scrollbar-thumb {
    background-color: #202225;
    border-radius: 4px;
}
.style-scrollbar-discord:focus {
    /* box-shadow: 0 0 0 2px rgba(114, 137, 218, 0.3); */
}
.style-scrollbar-discord::placeholder {
    color: #72767d;
}

/* Remove button for selected items */
.remove-btn {
	position: absolute;
	top: -8px;
	right: -8px;
	background: #ff4444;
	color: white;
	border-radius: 50%;
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	z-index: 200;
	box-shadow: 0 2px 4px rgba(0,0,0,0.3);
	border: 2px solid white;
}

.remove-btn:hover {
	background: #ff0000;
	transform: scale(1.1);
}


.notification_red {
	width: 100%;
	padding-right: 10px;
	height: fit-content;

	background: linear-gradient(
			to bottom,
			#ff000075 0%,
			#e6000066 50%,
			#99000075 100%
	);

	border-left-style: solid;
	border-left-color: red;
	border-left-width: 5px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	text-align: left;
}

.notification_red p {
	float: left;
	padding-left: 10px;
	color: white;
	font-size: 15px;
}


.notification_green {
	width: 100%;
	padding-right: 10px;
	height: fit-content;
	background: linear-gradient(
			to bottom,
			#3ee76f75 0%,
			#28a74566 50%,
			#176f2f75 100%
	);
	border-left-style: solid;
	border-left-color: #28a745;
	border-left-width: 5px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	text-align: left;
}

.notification_green p {
	float: left;
	padding-left: 10px;
	color: white;
	font-size: 15px;
}

/* Name Designer images (variable size, up to 180x26) shrink proportionally into the
   old 98x20 box wherever the layout can't grow. Legacy name images are unaffected.
   Spec: docs/superpowers/specs/2026-10-09-name-designer-sizes-design.md */
.staff-inner .nm-img-nd, #posted .nm-img-nd, .profile-name .nm-img-nd,
.vu-cmt-name .nm-img-nd, .gmh-who .nm-img-nd,
.hb-favor-target .nm-img-nd, .hb-top-name .nm-img-nd, .rf-win-name .nm-img-nd,
.tp-name .nm-img-nd, .ba-lb-name .nm-img-nd, .block-txt .nm-img-nd, .block-txt1 .nm-img-nd, .block-txt2 .nm-img-nd {
    width: auto; height: auto; max-width: 98px; max-height: 20px; vertical-align: middle;
}
/* harbor/raffle: their own .hb-root ... / .rf-root ... img{max-height:20px} outranks this block but sets the same value. */
/* A designer image never overflows a narrow container and shrinks proportionally. */
.nm-img-nd { max-width: 100%; height: auto; }
/* Designer name + gang tag + prestige stars as ONE row (global_func.php name_unit()).
   In wrapping lists (users online) the stars used to drop under a wide image; now the
   row never wraps and, when the column is too narrow, the name image shrinks instead.
   span.nm-unit outranks list rules like `.uo-who > * { flex-shrink: 0 }`. */
span.nm-unit { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 3px;
    max-width: 100%; min-width: 0; flex-shrink: 1; vertical-align: middle; }
span.nm-unit > * { flex-shrink: 0; }
span.nm-unit > .nm-unit-name, span.nm-unit > .nm-unit-name > a { display: inline-flex; flex-shrink: 1; min-width: 0; }
span.nm-unit .nm-img-nd { min-width: 0; }