html {
background:#000 url(../images/background3.png) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover
}
body {
margin:auto;
min-width:800px;
max-width:1000px;
margin-top:8px;
font:400 16px Verdana,"Lucida Sans",Arial,Geneva,Helvetica,Helv,"Myriad Web",Syntax,sans-serif
}
.userbar {
background-color:#000;
border:1px solid #444;
font-size:11.5px;
cursor:pointer
}
.userbar2 {
background-color:#000;
border-left:1px solid #444;
border-right:1px solid #444;
border-bottom:1px solid #444;
font-size:11.5px
}
input[type='text'], input[type='password'] {
background-color: #1A1A1A;
border: 1px #444444;
border-style: solid;
color: #FFFFFF;
}
input[type='text']:hover, input[type='password']:hover {
background-color: #222222;
border: 1px #555555;
border-style: solid;
color: #FFFFFF;
}
input[type='submit'] {
background-color: #1A1A1A;
border: 2px #1A1A1A;
border-style: ridge;
color: #FFFFFF;
}
input[type='submit']:hover {
background-color: #222222;
border: 2px #222222;
border-style: ridge;
color: #FFFFFF;
}
textarea {
background-color: #1A1A1A;
border: 1px #444444;
border-style: solid;
color: #FFFFFF;
}
textarea:hover {
background-color: #222222;
border: 1px #555555;
border-style: solid;
color: #FFFFFF;
}
select {
background-color: #1A1A1A;
border: 1px #444444;
border-style: solid;
color: #FFFFFF;
}
a.popup {
position:relative;
z-index:24;
}
a.popup:hover {
z-index:25;
cursor:pointer
}
a.popup span {
display:none
}
a.popup:hover span {
display:block;
position:absolute;
top:2px;
left:80px;
padding:3px;
width:140px;
border:1px solid #333;
background-color:#111;
color:#FFF;
text-align:left;
font-size:11px
}
.table {
border-color:#444;
border-width:0 0 1px 1px;
border-style:solid
}
.table th {
background-color:#000000;
border:1px solid #222;
border-bottom:0;
padding:5px;
color:#DDD;
font:700 75% Verdana,"Lucida Sans",Arial,Geneva,Helvetica,Helv,"Myriad Web",Syntax,sans-serif
}
.table tr:nth-child(even) {
background-color:#111
}
.table tr:nth-child(odd) {
background-color:#212121
}
.table td {
border-left:1px solid #222;
border-right:1px solid #222
}
.top {
width:1000px;
width:100%;
margin:0 auto;
background-color:#222;
padding:1px;
color:#888;
font-weight:700;
font-size:10px;
border:#222 solid thin;
}
.top a {
text-decoration:none;
color:#fff
}
.top a:hover {
color:#AAA;
text-decoration:none
}
.content {
width:100%;
}
.contenthead {
background-color:#000000;
border:1px solid #222;
border-bottom:0;
padding:5px;
color:#DDD;
font:700 75% Verdana,"Lucida Sans",Arial,Geneva,Helvetica,Helv,"Myriad Web",Syntax,sans-serif;
width:165px;
margin-left:-1px;
}
.headbox {
background-color:#000;
border:1px solid #222;
padding:5px;
color:#DDD;
display:block;
padding:5;
width:164px;
text-align:left
}
.contentcontent {
background-color:#111;
border:1px solid #222;
border-top:0;
padding:6px;
color:#DDD;
font:75% Verdana,"Lucida Sans",Arial,Geneva,Helvetica,Helv,"Myriad Web",Syntax,sans-serif;
}
.contentspacer {
padding:2.5px
}
.head,.headbox,a.topmenu {
margin-left:-1px;
margin-top:-2px;
text-decoration:none;
font:700 80% Verdana,"Lucida Sans",Arial,Geneva,Helvetica,Helv,"Myriad Web",Syntax,sans-serif
}
.mainbox {
background-color:#111;
border:1px solid #222;
color:#DDD
}
.space {
margin-bottom:5px
}
.topbox {
font-size:12px;
width:100%;
height:150px;
color:#DDD;
background:url(../images/mtbanner12.png) no-repeat;
background-size:100% 100%
}
@media (max-width : 1000px) {
.resize {
font-size:90%
}
.resizethug {
font-size:75%
}
}
a {
color:#fc0;
text-decoration:none
}
a:hover {
color:#FF3
}
.style1 {
color:#BDBDBD
}
.center {
text-align:center
}
.small {
font-size:.8em
}
#mttable {
margin:0 auto;
background:#000000;
text-align:center
}
#mttable th {
background:rgba(0,0,0,.25);
height:15px;
padding:10px
}
#mttable td {
background:rgba(0,0,0,.125);
height:15px;
padding:10px
}
.progress {
margin:0 auto;
width:250px;
max-width:250px;
padding:4px;
background:rgba(0,0,0,0.75);
border-radius:6px;
-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.75),0 1px rgba(255,255,255,0.08);
box-shadow:inset 0 1px 2px rgba(0,0,0,0.75),0 1px rgba(255,255,255,0.08);
margin-bottom:3px;
overflow:hidden
}
.progress-bar {
position:relative;
max-width:250px;
height:16px;
border-radius:4px;
background:#333333;
-webkit-transition:.4s linear;
-moz-transition:.4s linear;
-o-transition:.4s linear;
transition:.4s linear;
-webkit-transition-property:width,background-color;
-moz-transition-property:width,background-color;
-o-transition-property:width,background-color;
transition-property:width,background-color;
-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,0.125),inset 0 1px rgba(255,255,255,0.1);
box-shadow:0 0 1px 1px rgba(0,0,0,0.125),inset 0 1px rgba(255,255,255,0.1);
white-space:nowrap;
text-align:left;
text-indent:2px;
color:#fff
}
.progress .progress-bar span {
width:55px;
display:inline-block;
font-weight:700;
color:#fc0
}
.progress-bar:before,.progress-bar:after {
content:'';
position:absolute;
top:0;
left:0;
right:0
}
.progress-bar:before {
bottom:0;
background:url(../images/stripes.png) 0 0 repeat;
border-radius:4px 4px 0 0
}
.progress-bar:after {
z-index:2;
bottom:45%;
border-radius:4px;
background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.1),rgba(255,255,255,0.05));
background-image:-moz-linear-gradient(top,rgba(255,255,255,0.1),rgba(255,255,255,0.05));
background-image:-o-linear-gradient(top,rgba(255,255,255,0.1),rgba(255,255,255,0.05));
background-image:linear-gradient(to bottom,rgba(255,255,255,0.1),rgba(255,255,255,0.05))
}
button {
background-color:#1A1A1A;
border:2px #1A1A1A;
border-style:ridge;
color:#FFF
}
.badges100missions, .badges10missions, .badges125missions, .badges150missions, .badges175missions, 
.badges1monthactive, .badges1weekactive, .badges1yeayactive, .badges200missions, .badges200warmvp, 
.badges250missions, .badges25missions, .badges25warmvp, .badges350missions, .badges500missions, 
.badges50missions, .badges5missions, .badges5warmvp, .badges6monthactive, .badges75warmvp, 
.badgesb15m, .badgesb30m, .badgesb5m, .badgesb75m, .badgesbl10000, 
.badgesbl2000, .badgesbl25000, .badgesbl500, .badgesbw10000, .badgesbw2000, 
.badgesbw25000, .badgesbw500, .badgesc1000, .badgesc15000, .badgesc500, 
.badgesc7500, .badgesl100, .badgesl25, .badgesl300, .badgesl500
{ display: inline-block; background: url('../images/badges.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.badges100missions { background-position: -5px -0px; width: 65px; height: 65px; }
.badges10missions { background-position: -75px -0px; width: 65px; height: 65px; }
.badges125missions { background-position: -145px -0px; width: 65px; height: 65px; }
.badges150missions { background-position: -215px -0px; width: 65px; height: 65px; }
.badges175missions { background-position: -285px -0px; width: 65px; height: 65px; }
.badges1monthactive { background-position: -355px -0px; width: 65px; height: 65px; }
.badges1weekactive { background-position: -5px -70px; width: 65px; height: 65px; }
.badges1yeayactive { background-position: -75px -70px; width: 65px; height: 65px; }
.badges200missions { background-position: -145px -70px; width: 65px; height: 65px; }
.badges200warmvp { background-position: -215px -70px; width: 65px; height: 65px; }
.badges250missions { background-position: -285px -70px; width: 65px; height: 65px; }
.badges25missions { background-position: -355px -70px; width: 65px; height: 65px; }
.badges25warmvp { background-position: -5px -140px; width: 65px; height: 65px; }
.badges350missions { background-position: -75px -140px; width: 65px; height: 65px; }
.badges500missions { background-position: -145px -140px; width: 65px; height: 65px; }
.badges50missions { background-position: -215px -140px; width: 65px; height: 65px; }
.badges5missions { background-position: -285px -140px; width: 65px; height: 65px; }
.badges5warmvp { background-position: -355px -140px; width: 65px; height: 65px; }
.badges6monthactive { background-position: -5px -210px; width: 65px; height: 65px; }
.badges75warmvp { background-position: -75px -210px; width: 65px; height: 65px; }
.badgesb15m { background-position: -145px -210px; width: 65px; height: 65px; }
.badgesb30m { background-position: -215px -210px; width: 65px; height: 65px; }
.badgesb5m { background-position: -285px -210px; width: 65px; height: 65px; }
.badgesb75m { background-position: -355px -210px; width: 65px; height: 65px; }
.badgesbl10000 { background-position: -5px -280px; width: 65px; height: 65px; }
.badgesbl2000 { background-position: -75px -280px; width: 65px; height: 65px; }
.badgesbl25000 { background-position: -145px -280px; width: 65px; height: 65px; }
.badgesbl500 { background-position: -215px -280px; width: 65px; height: 65px; }
.badgesbw10000 { background-position: -285px -280px; width: 65px; height: 65px; }
.badgesbw2000 { background-position: -355px -280px; width: 65px; height: 65px; }
.badgesbw25000 { background-position: -5px -350px; width: 65px; height: 65px; }
.badgesbw500 { background-position: -75px -350px; width: 65px; height: 65px; }
.badgesc1000 { background-position: -145px -350px; width: 65px; height: 65px; }
.badgesc15000 { background-position: -215px -350px; width: 65px; height: 65px; }
.badgesc500 { background-position: -285px -350px; width: 65px; height: 65px; }
.badgesc7500 { background-position: -355px -350px; width: 65px; height: 65px; }
.badgesl100 { background-position: -5px -420px; width: 65px; height: 65px; }
.badgesl25 { background-position: -75px -420px; width: 65px; height: 65px; }
.badgesl300 { background-position: -145px -420px; width: 65px; height: 65px; }
.badgesl500 { background-position: -215px -420px; width: 65px; height: 65px; }
.green {
color:#00BB00;
font-size:9px;
font-weight:600;
}
.rt {
color:#FFCC00;
font-size:8px;
vertical-align:3px;
font-weight:600;
}
.rt a {
text-decoration: none;
color: #FFCC00;
}
.rt a:hover {
color:#FFFF00;
}
.new {
color: #F00F0F;
font-style: italic;
}
.city, .cityNot, .cityGang{
background:#000000;
border:#222 thin solid;
width:32.5%;
margin: 3px .0625%;
display:inline-block;
text-align:center;
}
.cityNot{
	width:24.15%;
}
.cityGang{
	width:99%;
}
.citytop{
background:#000000;
border:#222 thin solid;
width:49.1%;
margin: 3px .125%;
display:inline-block;
text-align:center;
}
.cityHead{
background:rgba(0,0,0,.5);
height:40px;
line-height:40px;
font-size:1.5em;
}
.city a{
display:block;
background:rgba(0,0,0,.25);
height:25px;
line-height:25px;
}
.city a:hover{
display:block;
background:#222;
height:25px;
}
.success {
background: #333333;
color: #ffcc00;
}
.error {
background: #ed4747;
}
.info {
background: #0099d2;
}
.warning {
background: #fa8100;
}
.quote {
color: #ffcc00;
}
.pagination {
background: #1C1C1C;
padding: 20px;
margin-bottom: 20px;
}
.page {
display: inline-block;
padding: 0 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px black;
background: white;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .8), 0 1px 3px rgba(255, 255, 255, .1);
font-size: .875em;
font-weight: 700;
text-decoration: none;
color: #000000;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
}
.page:hover, .page.gradient:hover {
background: white;
background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0);
}
.page.active {
border: none;
background: #616161;
box-shadow: inset 0 0 8px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .8);
color: #000000;
text-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
.page.gradient {
background: -moz-linear-gradient(0% 0% 270deg, #f8f8f8, #e9e9e9);
}
.small {
font-size: 0.8em;
}
.quotemain {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 1.5em 10px;
padding: .5em 10px;
quotes: "\201C""\201D""\2018""\2019";
color: #111;
}
.quotemain:before {
color: green;
content: open-quote;
font-size: 4em;
line-height: .1em;
margin-right: .25em;
vertical-align: -.4em;
}
.quotemain p {
display: inline;
}
.quotetop {
display: none;
}
#crime{
width:24%;
background:#000000;
display:inline-block;
margin:3px .125%;
border:thin solid #222;
line-height:20px;
text-align:center;
padding-top:10px;
}
#crime a{
display:block;
background:rgba(0,0,0,.25);
line-height:25px;
border-top:thin solid #222;
}
#crime a:hover{
background:rgba(0,0,0,.5);
}
.wholescreen{
background:rgba(0,0,0,.75);
border-spacing: 0;
border-collapse: collapse;
}
.success, .error, .warning, .info {
position: relative;
padding: 10px;
margin: 0 0 10px 0;
color: #ffffff;
border-radius: 4px;
}
p {
    margin: 5px 40px;
    i {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0 16px;
        font-size: 26px;
        line-height: 48px;
    }
    span {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        font-size: 20px;
        padding: 0 16px;
        line-height: 48px;
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        box-shadow: -1px 0 0 0 rgba(0, 0, 0, 0.1);/* http://stackoverflow.com/a/4062032 */
        -webkit-background-clip: padding-box;/* for Safari */
        background-clip: padding-box;
        &:hover {
            background-color: rgba(0, 0, 0, 0.05);
            cursor: pointer;
        }
    }
}
.flexcont{
	display:flex;
}
.flexele{
	flex:1;
	background:rgba(0,0,0,.25);
}
.flexelehead{
	height:50px;
	line-height:50px;
	font-size:14px;
	background:rgba(0,0,0,.25);
}
.flexelecontent{
	height:100px;
	line-height:100px;
	font-size:66px;
	background:rgba(0,0,0,.5);
}

.menu, .staff_menu, .leftmenu{
	background-color:#000000;
	border-radius:5px;
	display:inline-block;
	border:thin solid #333;
	width:175px;
	margin-bottom: 5px;
}
.menu a, .leftmenu a{
	padding: 6px;
	color: #ffffff;
	display: block;
	font-size: 14px;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
	text-indent: 5px;
	border-bottom: thin solid #333;
}
.staff_menu a{
	padding: 6px;
	color: gold;
	display: block;
	font-size: 14px;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
	text-indent: 5px;
	border-bottom: thin solid #333;
}
.menu .head, .staff_menu .head, .leftmenu .head{
	padding: 6px;
	color: #ffd700;
	display: block;
	font-size: 14px;
	height: 17px;
	line-height: 17px;
	text-decoration: none;
	text-align:center;
	border: thin solid #333;
	border-right:0;
	background:#333333;
	border-radius: 5px 5px 0 0;
}
.menu a:before, .staff_menu a:before, .leftmenu a:before{ 
    /* content: " > "; */
	/* content: url(../images/red_dot.png); */
	content: " • ";
	color: red;
}
.menu a:last-child, .staff_menu a:last-child, .leftmenu a:last-child{
	border:0;
}
.menu a:hover, .staff_menu a:hover, .leftmenu a:hover{
	background:rgba(0,0,0,.25);
}