/**************************************************************************************************
| 609 Mafia - css/site.css
|
| Replaces css/styleold.css + css/stylenew.css (previously loaded together on every logged-in page
| via header.php, in that order - styleold.css first, stylenew.css second, so stylenew.css's rules
| won on any conflict). Those two files were audited against the live codebase (every .php/.html/.js
| file, including id="..."/class="..." attributes, JS getElementById/classList/querySelector calls,
| and a permissive raw substring search as a safety net against anything the parser missed) to find
| out which of their ~940 selectors actually correspond to something still on the page. 671 of them
| matched NOTHING anywhere in the codebase - leftover menu/nav/section styling for pieces of the
| original illuzone template (old top-nav sprite links, inner-page sections, etc.) that no longer
| exist in the current HTML - and are not carried over here. The 269 that are still in use are kept
| verbatim (values unchanged) and in their original relative order, so the cascade resolves exactly
| the way it already does live: nothing about the current appearance should change from this file
| alone.
|
| This is the ONLY stylesheet the site loads now (previously css/modern-ui.css was a second file
| loaded alongside it for the new shared pieces - inputs, buttons, collapsible menus - it's been
| folded in below as Section 3 so there's just one file instead of two).
|
| Section 1 below preserves what styleold.css was contributing that stylenew.css didn't already
| redefine; Section 2 preserves stylenew.css's own (winning) rules. Section 3 is the small set of
| new, hand-written utility classes (.mu-*) used sparingly to modernize specific elements (subtle
| button hover/press effects, the login page's transparent shell, a collapsible-menu style for the
| staff panel) without redesigning anything wholesale. Do not reorder the sections.
|**************************************************************************************************/

/* ================================================================================================
   Section 1: base rules carried over from styleold.css
   ================================================================================================ */









a,h1 {
    overflow: hidden;
}

.clear {
    clear: both;
}

#push {
    clear: both;
    height: 120px;
}

#main {
    width: 1000px;
    min-height: 100%;
    height: auto !important;
    background: transparent url(../images/main-bg.jpg) no-repeat;
    height: 100%;
    margin: 0 auto;
    position: relative;
    margin: 0 auto -102px auto;
    text-align: left;
}

#top {
    margin-bottom: 4px;
    height: 120px;
}

#top h1 {
    text-indent: -9999px;
    float: left;
    background: transparent url(../images/logo.jpg) no-repeat;
    width: 290px;
    height: 87px;
    margin: 40px 0  0 120px;
    display: inline;
}

#top form {
    float: right;
    padding: 50px 120px 0 0;
}

#top form div {
    float: left;
    padding-right: 5px;
}

#username,#password {
    background: transparent url(../images/input-bg.jpg) no-repeat;
    width: 77px;
    height: 18px;
    border: none;
    font-size: 11px;
    font-family: arial, sans-serif;
    padding: 5px 0 0 6px;
    color: #cab18c;
}

#server {
    background: transparent url(../images/input-bg.jpg) no-repeat;
    width: 77px;
    height: 18px;
    border: none;
    font-size: 11px;
    font-family: arial, sans-serif;
    color: #cab18c;
}

.home_a {
    margin-left: 5px;
    font-weight: bold;
}

.story_a {
    margin-left: 28px;
}

#content {
    clear: both;
    width: 1000px;
    height: 400px;
}

#content h2 {
    display: none;
}

#welcome {
    float: left;
    padding: 30px 0 0 128px;
}

#welcome p {
    font-size: 12px;
    line-height: 18px;
    width: 400px;
    text-align: justify;
    padding-top: 90px;
}

#story {
    width: 1000px;
    min-height: 100%;
    height: 1676px;
    background: transparent url(../images/story-bg.jpg) no-repeat;
    height: 1676px;
    margin: 0 auto;
    position: relative;
    margin: 0 auto -102px auto;
    text-align: left;
}

#story1 {
    float: left;
    padding: 135px 0 0 150px;
}

#story1 p {
    font-size: 12px;
    line-height: 18px;
    width: 400px;
    padding-top: 20px;
}

#news {
    float: left;
    font-size: 11px;
}

#news span {
    color: #fff;
}

#time {
    float: right;
    padding-right: 130px;
    font-size: 11px;
}

#exp {
    margin-top: 10px;
    list-style: none;
}

#exp li {
    position: relative;
    height: 23px;
}

#exp div {
    position: absolute;
    top: 0;
    right: 0;
}

#title {
    float: center;
    padding: 8px 0 0 10px;
}

#title h2 {
    clear: both;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    background: transparent url(../images/content-h.jpg) no-repeat;
    width: 554px;
    height: 25px;
    padding-top: 8px;
}

#reg_btn {
    margin-top: 20px;
}

#reg_btn {
    margin-top: 20px;
}

#footer {
    clear: both;
    background: transparent url(../images/footer-bg.jpg) repeat-x bottom left;
    height: 102px;
}

#copyright {
    position: absolute;
    bottom: 15px;
    left: 120px;
    color: #cab18c;
}

table.sample {
    border-width: 0px 0px 0px 0px;
    border-spacing: 0px;
    border-style: none none none none;
    border-color: black black black black;
    border-collapse: collapse;
    background-color:;
}

table.sample th {
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
    border-color: black black black black;
    background-color:;
    -moz-border-radius: 0px 0px 0px 0px;
}

table.sample td {
    border-width: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: none none none none;
    border-color: black black black black;
    background-color:;
    -moz-border-radius: 0px 0px 0px 0px;
}

.table {
    margin: 0 auto;
    border: 1px solid #211A12;
    border-collapse: collapse;
}

.table td {
    background-color: #382a1e;
    background:transparent url(../images/personal_md.gif) repeat-y scroll left top;
    border-color: #211A12;
    padding: 4px;
}

td .alt {
    height:22px;
    border-width: 3px;
    -moz-border-radius: 10px;
    border: solid;
    border-color: #352417;
}

td .h {
    background-image:url(baa.jpg);
    background-repeat:repeat-x;
    font-weight: bold;
    background-color: #000000;
    border-width: 3px;
    -moz-border-radius: 10px;
    border: solid;
    border-color: #352417;
}

.table th {
    color: #ddd;
    background: transparent url('../images/personal_mid.gif') scroll repeat-x 0 0;
    padding: 4px;
}

.stronger {
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.error {
    color: #fc0203;
    font-size: 14px;
    font-weight: bold;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.yui-skin-sam .yui-panel .hd {
    color: #ddd;
    background: transparent url('../images/dt_head2.jpg') scroll repeat-x 0 0;
    padding: 4px;
    border: 1px solid #333;
    text-align: center;
}

.yui-skin-sam .yui-panel .bd {
    background-color: #382a1e;
    border-color: #211A12;
    padding: 4px;
}

.yui-skin-sam .yui-panel .ft {
    background-color: #382a1e;
    border-color: #211A12;
    padding: 4px;
    text-align: center;
}

.yui-skin-sam .yui-panel .ft input {
    color: #111;
    font-size: 11px;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
    background-color: #fff;
}

.yui-skin-sam .yui-button .first-child {
    border-color: #000;
}

.yui-skin-sam .yuimenu .bd {
    background-color: #222;
    border:1px solid #444;
}

.yui-skin-sam .yui-panel .hd {
    background: none;
    background-color: #333;
    border: 1px solid #808080;
    color: #ddd;
    text-align: center;
}

.yui-skin-sam .yui-panel .bd {
    background: none;
    background-color: #555;
    border: 1px solid #808080;
}

.yui-skin-sam .yui-panel .ft {
    background: none;
    background-color: #555;
    border: 1px solid #808080;
    color: #111;
    text-align: center;
}

.yui-skin-sam .yui-panel .ft input {
    color: #111;
    font-size: 11px;
}

.yui-skin-sam .yui-panel-container.shadow .underlay {
    background-color: #fff;
}

.yui-skin-sam .yui-button .first-child {
    border-color: #000;
}

.yui-skin-sam .yuimenu .bd {
    background-color: #222;
    border:1px solid #444;
}

#searchControls .sortDir .yui-radio-button,
#searchControls .sortDir .yui-radio-button .first-child {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

#searchControls .sortDir .yui-radio-button .first-child button {
    font-size: 0;
    height: 19px;
    width: 40px;
    background-image: url('../images/up_down.png');
}

#searchControls .sortDir .yui-radio-button.sortDown .first-child button {
    background-position: 0 -50px;
}

#searchControls .sortDir .yui-radio-button-checked .first-child button {
    background-position: 0 -100px;
}

#searchControls .sortDir .yui-radio-button-checked.sortDown .first-child button {
    background-position: 0 -150px;
}

.floyd_table tr.odd {
    background-color:#161616;
}

.floyd_table tr.even {
    background-color:#111;
}

.floyd_table.medium th,
.floyd_table.medium td {
    font-size: 13px;
}

.money {
    color: green;
    font-weight: bold;
    text-align: right;
}

.hide {
    display: none;
}


/* ================================================================================================
   Section 2: base rules carried over from stylenew.css (wins on any overlap with section 1)
   ================================================================================================ */

V					
	


* {
    margin:0px;
    padding:0px;
}

body {
    background: #000000 url(../images/bodybg.jpg) center top repeat-x;
    font:normal 11px Tahoma;
    color:#ffffff;
}

img {
    border:0px;
}

a {
    text-decoration:none;
    color:#000000;
}

input {
    font:normal 12px Tahoma;
    color:red;
}

select {
    font:normal 12px Tahoma;
    color:red;
}

textarea {
    font:normal 12px Tahoma;
    color:red;
}

li {
    list-style:none;
}

#pagecontainer {
    width:1000px;
    margin:0 auto;
    background:#000000;
}

.glow {
    text-shadow:5px 5px 25px #42ad08;
    text-color:#d50fd4;
}

.headerpart {
    width:1000px;
    height:30px;
}

.toplist {
    width:285px;
    float:right;
}

.toplist h2 {
    font:normal 11px Tahoma;
    color:#c9c8c8;
    float:left;
    padding-top:8px;
}

.toplist h2 a {
    color:#c9c8c8;
}

.toplist h3 {
    float:left;
    padding:5px 0px 0px 10px;
}

.toplist h3 select {
    width:120px;
    height:20px;
    font:normal 11px Tahoma;
}

.flashpart {
    width:1000px;
    height:460px;
    clear:both;
}

.menu {
    padding:10px 0px 0px 317px;
}

.menu li {
    float:left;
    padding-right:22px;
}

.home a {
    display:block;
    width:67px;
    height:28px;
    background:url(../images/home.jpg) no-repeat;
}

.home a:hover {
    background:url(../images/home_hover.jpg) no-repeat;
}

.home_active a {
    display:block;
    width:67px;
    height:28px;
    background:url(../images/home_hover.jpg) no-repeat;
}

.story a {
    display:block;
    width:81px;
    height:28px;
    background:url(../images/story.jpg) no-repeat;
}

.story a:hover {
    background:url(../images/story_hover.jpg) no-repeat;
}

.contact a {
    display:block;
    width:81px;
    height:28px;
    background:url(../images/contact.jpg) no-repeat;
}

.contact a:hover {
    background:url(../images/contact_hover.jpg) no-repeat;
}

.signup a {
    display:block;
    width:81px;
    height:28px;
    background:url(../images/signup.jpg) no-repeat;
}

.signup a:hover {
    background:url(../images/signup_hover.jpg) no-repeat;
}

.centerpart {
    clear:both;
    background:#000000;
    width:1000px;
    padding-left:30px;
}

.column1 {
    width:562px;
    position:relative;
    background:#000000;
    float:left;
}

.col1_top {
    width:562px;
    margin-top:20px;
}

.welpart {
    width:562px;
    padding-bottom:25px;
    background:url(../images/col1_md.gif) left top repeat-y;
    float:left;
}

.column1_left {
    width:380px;
    float:left;
    padding-left:20px;
}

.column1_left h1 {
    padding-top:15px;
}

.column1_left p {
    color:#5c5c5c;
    line-height:25px;
    width:355px;
    text-align:justify;
    padding-top:25px;
}

.col1_btm {
    width:562px;
}

.column2 {
    width:400px;
    float:left;
    padding-left:15px;
}

.column2 p {
    padding-top:20px;
    height:18px;
    color:#7e7e7e;
}

.column2 p span {
    padding-left:100px;
}

.formpart {
    width:400px;
}

.uname_box {
    float:left;
}

.uname_box input {
    width:135px;
    height:25px;
    background:#0d0d0d;
    border:1px solid #2f2f2f;
    padding:5px 5px 0px 5px;
}

.loginbtn {
    float:left;
}

.loginbtn input {
    width:50px;
    height:30px;
    background:#2d0000;
    border:1px solid #7b0000;
    font:normal 11px Tahoma;
    color:#d68383;
    margin-left:5px;
}

.userchoice {
    width:400px;
    clear:both;
}

.server {
    float:left;
    padding-top:8px;
    height:30px;
}

.server select {
    width:145px;
    height:25px;
    background:#0d0d0d;
    border:1px solid #2f2f2f;
    font:normal 11px Tahoma;
    color:#7e7e7e;
    padding:5px 0px 0px 5px;
}

.forgot_txt {
    padding:15px 0px 0px 0px;
    text-indent:12px;
}

.forgot_txt a {
    color:#7e7e7e;
    text-decoration:underline;
}

.redbg {
    clear:both;
    width:370px;
    height:231px;
    background:url(../images/red_bg.jpg) left top no-repeat;
    position:relative;
    top:10px;
}

.red_txt1 {
    color:#ffffff;
    padding:24px 0px 0px 146px;
}

.red_txt1 span {
    color:#ff0000;
}

.logo {
    padding-left:32px;
}

.gym a {
    width:67px;
    height:28px;
    display:block;
    background:url(../images/gym.gif) no-repeat;
}

.gym a:hover {
    background:url(../images/gym_hover.jpg) no-repeat;
}

.news a {
    width:90px;
    height:28px;
    display:block;
    background:url(../images/news.jpg) no-repeat;
}

.news a:hover {
    background:url(../images/news_hover.jpg) no-repeat;
}

.forum a {
    width:67px;
    height:28px;
    display:block;
    background:url(../images/forum.jpg) no-repeat;
}

.forum a:hover {
    background:url(../images/forum_hover.jpg) no-repeat;
}

.protect a {
    width:90px;
    height:28px;
    display:block;
    background:url(../images/protect.jpg) no-repeat;
}

.protect a:hover {
    background:url(../images/protect_hover.jpg) no-repeat;
}

.logout a {
    width:67px;
    height:28px;
    display:block;
    background:url(../images/logout.jpg) no-repeat;
}

.logout a:hover {
    background:url(../images/logout_hover.jpg) no-repeat;
}

.profile_mid {
    width:224px;
    background:url(../images/profile_md.gif) left top repeat-y;
    float:left;
}

.icolumn2 {
    width:720px;
    float:left;
    margin-left:20px;
}

.upgradepart {
    width:642px;
    float:right;
}

.upgradepart_left {
    width:302px;
    float:left;
}

.upgradepart_left p {
    font-weight:bold;
    text-align:center;
    line-height:30px;
}

.upgradepart_left b {
    color:#ff0000;
}

.upgradepart_left p span {
    color:#6e6e6e;
    font:normal 11px Tahoma;
}

.upgradepart_left h2 {
    padding-top:10px;
}

.gainpart {
    width:251px;
    float:left;
    margin-left:52px;
}

.gain_md {
    width:251px;
    background:url(../images/gain_md.jpg) left top repeat-y;
}

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

.gain_md li {
    color:#646464;
    margin-left:15px;
    line-height:25px;
}

.gain_md li a:link, .gain_md li a:visited {
    color:#646464;
}

.generalinfopart {
    width:685px;
    clear:both;
    padding-top:35px;
}

.generalinfo_txt {
    width:681px;
}

.generalinfo_txt div {
    float:left;
}

.info_mid {
    width:668px;
    height:41px;
    background:url(../images/info_md.jpg) left top repeat-x;
}

.info_mid p {
    padding:10px 0px 0px 10px;
}

.personal_mid {
    width:668px;
    height:41px;
    background:url(../images/personal_mid.gif) left top repeat-x;
}

.personal_mid p {
    padding:10px 0px 0px 10px;
}

.personal_md {
    width:681px;
    background:url(../images/personal_md.gif) left top repeat-y;
    float:left;
    padding:20px 0px 0px 15px;
}

.update_con {
    width:650px;
    height:164px;
    border:1px solid #530800;
    background:#1b0301;
}

.update_con textarea {
    width:630px;
    height:130px;
    font:normal 12px Tahoma;
    color:#ffffff;
    border:0px;
    background-color:Transparent;
    margin:15px 0px 0px 10px;
}

.update_btn {
    padding:10px 0px 0px 230px;
}

.update_btn a {
    display:block;
    width:228px;
    height:28px;
    background:#4b0a00;
    text-align:center;
    padding-top:10px;
}

.gympage {
    width:675px;
    padding-top:10px;
}

.gympart {
    width:675px;
    background:url(../images/gym_img.gif) center top no-repeat;
    height:237px;
}

.gymtxt {
    padding:42px 0px 0px 17px;
    height:45px;
}

.gym_para {
    padding-left:22px;
}

.gym_tit {
    width:645px;
    background:url(../images/gym_tit_md.png) left top repeat-x;
    height:40px;
}

.searchpage {
    width:675px;
}

.search_top {
    width:675px;
    height:266px;
    background:url(../images/searchpage_img.jpg) left top no-repeat;
}

.housepage {
    width:718px;
}

.housepage_btnpart {
    width:718px;
    height:26px;
    padding-left:45px;
}

.housepage_btnpart div {
    float:left;
    padding-right:25px;
}

.housepage_bigimg {
    clear:both;
    width:718px;
    height:249px;
    background:url(../images/housepage_img.jpg) left top no-repeat;
}

.housepage_bigimg p {
    padding:195px 0px 0px 13px;
}

.house_bg1 {
    width:700px;
    background:url(../images/house_conbg1.png) left top repeat-x;
    float:left;
}

.house_bg2 {
    width:684px;
    position:relative;
    top:10px;
    margin:0px 0px 0px 8px;
    background:#161616;
    float:left;
    padding-bottom:10px;
}

.house_conpart {
    width:675px;
    float:left;
    margin:5px 0px 0px 4px;
}

.house_titpart {
    width:675px;
}

.house_titpart div {
    float:left;
}

.house_tittxt {
    width:655px;
    background:url(../images/gym_tit_md.png) left top repeat-x;
    height:40px;
    padding-top:12px;
}

.house_tittxt div {
    float:left;
}

.htit1 {
    text-indent:82px;
}

.htit2 {
    text-indent:150px;
}

.htit3 {
    text-indent:88px;
}

.htit4 {
    text-indent:85px;
}

.htit5 {
    text-indent:60px;
}

.house_contentpart {
    width:675px;
    padding-top:5px;
    clear:both;
    font-weight:bold;
    color:#aeaeae;
}

.shackpart {
    width:240px;
    float:left;
}

.shack_con {
    width:239px;
    background:url(../images/shack_mid.png) left top repeat-y;
    height:72px;
    float:left;
}

.shack_img {
    float:left;
    padding-left:3px;
}

.shack_txt {
    float:left;
    padding:25px 0px 0px 15px;
}

.city_con {
    width:116px;
    float:left;
    margin-left:5px;
}

.city_md {
    width:116px;
    background:url(../images/all_md.gif) left top repeat-y;
    height:72px;
}

.alltxt {
    text-align:center;
    width:116px;
    line-height:60px;
}

.buybtn {
    float:left;
    margin-left:15px;
    padding-top:25px;
}

.pref_txt {
    padding:8px 0px 0px 14px;
}

.profilepage_btn {
    padding:8px 0px 0px 10px;
}

.pref_menupart {
    width:700px;
    clear:both;
    font-size:13px;
    color:#848484;
    text-transform:uppercase;
}

.pref_menupart div {
    float:left;
    margin-left:14px;
}

.pref_menu1 {
    background:url(../images/profiletxt_bg.jpg) left top no-repeat;
    width:187px;
    height:25px;
    text-align:left;
    line-height:25px;
}

.pref_menu1 a {
    color:#848484;
}

.pref_conpart {
    width:697px;
    clear:both;
}

.pref_mid {
    width:697px;
    background:url(../images/pref_md.gif) left top repeat-y;
    padding-top:6px;
}

.pref_contentbg {
    width:672px;
    margin:0px 0px 0px 8px;
    background:#0e0e0e;
    height:102px;
    padding:8px 0px 0px 10px;
}

.pref_img1 {
    float:left;
    width:105px;
}

.pref_txtpart {
    width:290px;
    float:left;
}

.pref_txtpart1 {
    width:280px;
    float:left;
    padding-center:10px;
}

.pref_txt1 {
    color:#bb0a0a;
    font-weight:bold;
    text-decoration:underline;
    height:35px;
}

.uploadpart {
    float:left;
    width:272px;
}

.pref_txt2 {
    line-height:24px;
}

.pref_txt4 {
    line-height:15px;
    padding-left:15px;
    padding-right:10px;
}

.upload_md {
    width:272px;
    background:url(../images/upload_mdbg.jpg) left top repeat-y;
    height:84px;
}

.pref_conbg1 {
    margin-top:6px;
}

.pref_txtpart1 {
    width:490px;
}

.pref_txtpart3 {
    width:362px;
}

.pref_txtpart5 {
    width:210px;
}

.circleimg {
    float:left;
    -moz-opacity:0.25;
    filter:alpha(opacity=25);
    padding-top:8px;
}

.changebtn {
    float:left;
    padding-top:40px;
    position:relative;
}

.uploadpart2 {
    margin-left:-22px;
    position:relative;
}

.uploadpart3 {
    margin-left:33px;
    position:relative;
}

.signbox {
    float:left;
}

.signbox textarea {
    width:322px;
    height:92px;
    background-color:#050505;
    border:1px solid #303030;
}

.changebtn3 {
    padding:70px 0px 0px 20px;
    float:left;
}

.lockimg {
    float:left;
    padding-top:15px;
    -moz-opacity:0.22;
    filter:alpha(opacity=22);
    position:relative;
    z-index:2;
    padding-left:10px;
}

.perf_passpart {
    width:235px;
    float:left;
    margin:0px 0px 0px 35px;
}

.perf_passpart1 {
    width:265px;
    float:left;
    margin:15px 0px 0px 10px;
}

.passtext {
    width:45px;
    font-weight:bold;
    float:left;
    padding-top:5px;
}

.passtext1 {
    width:70px;
}

.passbox {
    width:188px;
    height:27px;
    background:url(../images/pref_inputbox.jpg) left top no-repeat;
    float:left;
}

.passbox input {
    width:175px;
    height:20px;
    background-color:Transparent;
    border:0px;
    padding:6px 0px 0px 5px;
}

.changeinfo_btn {
    float:left;
}

.changeinfo_btn input {
    width:105px;
    height:25px;
    background:transparent url(../images/changeinfo_btn.jpg) left top no-repeat;
    border:0px;
    margin:2px 0px 0px 78px;
}

.changeinfo_btn1 input {
    background:transparent url(../images/change_btn.jpg) left top no-repeat;
}

.line {
    clear:both;
    border-bottom:1px dashed #636363;
    height:15px;
}

.perform_btn a {
    width:122px;
    height:26px;
    background:url(../images/perform_btn.jpg) left top no-repeat;
    text-align:center;
    line-height:26px;
    color:#ffffff;
    display:block;
    font-weight:bold;
}

.reg_container {
    width:1000px;
    height:646px;
    margin:auto;
    background:url(../images/reg_bg.jpg) left top no-repeat;
}

.reg_frmpart {
    width:660px;
    float:right;
    margin-top:76px;
}

.regtop {
    clear:both;
    padding-top:10px;
    width:660px;
    font:normal 11px Tahoma;
}

.regtop div {
    float:left;
}

.reg_nametxt {
    padding:4px 6px 0px 0px;
}

.reg_namebox {
    width:130px;
    height:23px;
    background:url(../images/reg_txtbox.gif) left top no-repeat;
}

.reg_namebox input {
    width:116px;
    height:20px;
    background-color:#111;
    border:0px;
    padding:3px 0px 0px 6px;
}

.inventory_topbg {
    width:710px;
    height:180px;
    background:url(../images/inventory_topbg.jpg) left top no-repeat;
    margin-top:-7px;
}

#footerpart {
    width:950px;
    float:left;
    background:url(../images/fbg.jpg) left bottom repeat-x;
    margin-top:-30px;
    position:relative;
    z-index:2;
}

.ifooter {
    width:950px;
    height:116px;
    background:#000000 url(../images/footerbg.jpg) left top no-repeat;
    float:left;
}

.nosign_line {
    width:715px;
    height:30px;
}

.usercmtpart {
    width:715px;
    clear:both;
}

.usercmtpart div {
    float:left;
}

.usercmt_txtpart {
    width:695px;
    background:url(../images/usercomment_md.jpg) left top repeat-x;
    height:34px;
}

.usercmt_left {
    font:bold 18px Arial;
    color:#aa9b9b;
    text-indent:10px;
    line-height:34px;
}

.usercmt_right {
    font:bold 12px Arial;
    color:#ff9909;
    text-indent:455px;
    padding-right:8px;
    line-height:34px;
}

.usercmt_right a {
    color:#ff9909;
}

.cmt_tittxt {
    padding-top:15px;
    text-indent:-475px;
    font-weight:bold;
    clear:both;
    height:20px;
}

.cmtbox_part {
    width:610px;
    margin-left:50px;
}

.cmtbox_top {
    width:610px;
    height:35px;
    background:url(../images/cmtbox_top.jpg) left top no-repeat;
    text-indent:440px;
    color:#858585;
}

.cmtbox_md {
    width:610px;
    background:url(../images/cmtbox_md.jpg) left top repeat-y;
}

.cmtcontent {
    width:555px;
    color:#bcbcbc;
    padding:3px 0px 0px 15px;
    line-height:18px;
    text-align:justify;
}

.footerpart {
    clear:both;
    height:70px;
    text-align:center;
    margin:0 auto;
}

.footerpart p {
    color:#454545;
    padding-top:30px;
}

body {
    text-align:left;
}

.generalinfo_simple {
    width:665px;
    background:url(../images/generalinfo_mid.jpg) left top repeat-y;
    padding:8px;
    text-align:center;
}

.generalinfo_simple span {
    line-height:20px;
}

.generalinfo_simple ul {
    margin:12px 0;
}

.generalinfo_simple a {
    color:red;
}

.generalinfo_simple input {
    color:#000;
    margin:5px 0;
}

.generalinfo_simple textarea,.generalinfo_simple input {
    background:#ECECEC;
}

.generalinfo_simple .mintable {
    margin:0 auto;
}

.smenu a {
    color:#AEAEAE;
}

a {
    color:#ff0000;
}

.reg_frmpart {
    width:670px;
    margin-top:18px;
}

.update_btn span {
    display:block;
    width:228px;
    height:28px;
    background:#4b0a00;
    text-align:center;
    padding-top:10px;
}

.float_con {
    background-color:#000000;
    border:1px solid #FF9909;
    font-family:verdana;
    font-size:10px;
    opacity:0.85;
    padding:5px;
    position:absolute;
    text-align:left;
    width:102px;
    z-index:1000;
}

#bubblecaption {
    color:#3683B2;
    font-family:Tahoma;
    font-size:11px;
    font-weight:bold;
    margin:0px 0px 5px;
}

#bubblecaption p {
    color:#000;
    font-weight:normal;
}

#bubbledescription {
    color:#3683B2;
    font-family:Tahoma;
    font-size:10px;
    margin:0px 0px 5px;
}


/* ================================================================================================
   Section 3: shared utility classes (formerly css/modern-ui.css, now folded in here)
   ================================================================================================ */

:root {
    --mu-bg: #0d0d0d;
    --mu-border: rgba(255, 255, 255, 0.12);
    --mu-border-focus: rgba(255, 255, 255, 0.35);
    --mu-text: #f2f2f2;
    --mu-muted: #999;
    --mu-accent: #eee;
    --mu-accent-text: #050505;
    --mu-radius: 9px;
}

/* Subtle-only button variant: adds just a hover + pressed feel on TOP of whatever background/
   border/color a legacy button already has (e.g. .loginbtn input above) - it never sets its own
   background/border/color, so it never "redesigns" the button, just makes it feel alive. */
.mu-btn-subtle {
    transition: filter 0.15s ease, transform 0.1s ease, opacity 0.15s ease;
    cursor: pointer;
}
.mu-btn-subtle:hover { filter: brightness(1.18); }
.mu-btn-subtle:active {
    transform: translateY(1px) scale(0.97);
    filter: brightness(0.9);
}

/* Login page: transparent page shell + CSS-only neon-sign hover crossfade */

#pagecontainer.login-page {
    background: transparent;
}

.neon-signup a {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.neon-signup .neon-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.15s ease;
}
.neon-signup a:hover .neon-hover {
    opacity: 1;
}

/* Collapsible menu (staff panel, and anywhere else a nav needs a modern accordion look) */

.mu-menu { font-size: 13px; }
.mu-menu details {
    border: 1px solid var(--mu-border);
    border-radius: var(--mu-radius);
    margin-bottom: 6px;
    background: rgba(255, 255, 255, 0.03);
    overflow: hidden;
}
.mu-menu summary {
    padding: 9px 12px;
    cursor: pointer;
    font-weight: 700;
    color: var(--mu-text);
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: background 0.15s ease;
}
.mu-menu summary::-webkit-details-marker { display: none; }
.mu-menu summary::after {
    content: '+';
    color: var(--mu-muted);
    font-weight: 400;
}
.mu-menu details[open] summary::after { content: '\2212'; }
.mu-menu summary:hover { background: rgba(255, 255, 255, 0.06); }
.mu-menu .mu-menu-body { padding: 4px 10px 10px; }
.mu-menu .mu-menu-body a {
    display: block;
    padding: 6px 8px;
    border-radius: 6px;
    color: #ccc;
    text-decoration: none;
    font-size: 12px;
}
.mu-menu .mu-menu-body a:hover {
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
}

/* Themed auth error page (authenticate.php) - shown over the animated background instead of a
   plain die() page. Reuses the same --mu-* tokens as the rest of the site. */

.auth-error-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh;
    padding: 20px;
}
.auth-error-box {
    max-width: 420px;
    width: 100%;
    background: rgba(13, 13, 13, 0.82);
    border: 1px solid var(--mu-border);
    border-radius: var(--mu-radius);
    padding: 28px 26px;
    text-align: center;
    color: var(--mu-text);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
}
.auth-error-box h3 {
    margin: 0 0 14px;
    color: #ff5c5c;
    font-size: 19px;
}
.auth-error-box p {
    margin: 0 0 20px;
    color: var(--mu-text);
    font-size: 14px;
    line-height: 1.5;
}
.auth-error-box a.mu-btn-subtle {
    display: inline-block;
    padding: 9px 22px;
    background: var(--mu-accent);
    color: var(--mu-accent-text);
    border-radius: var(--mu-radius);
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
}