html,body {background: url('../images/bg.jpg') #040404 no-repeat 50% 0px; font: 12px/1.25 "trebuchet ms", arial, sans-serif; color: #4a4a4a}
h2 {font-weight: normal; line-height: 1.1}
h3 {font-weight: normal; line-height: 1.1}
h4 {font-weight: normal; line-height: 1.1}
h5 {font-weight: normal; line-height: 1.1}
h6 {font-weight: normal; line-height: 1.1}
h2 strong {font-weight: bold}
h3 strong {font-weight: bold}
h4 strong {font-weight: bold}
h5 strong {font-weight: bold}
h6 strong {font-weight: bold}
a {color: #0072a3}
a:hover {color: #014663}
a:unknown {color: #014663}
.subcategory {font-size: 14px; text-transform: uppercase; color: #5d5d5d;font-weight:bold;margin-bottom:3px}
.headline {font: bold 28px/1.25 "trebuchet ms", arial, sans-serif; color: #393939; letter-spacing: -0.04em}
.caption {margin: 0px 0px 0.5em; font: bold 16px/1.25 "trebuchet ms", arial, sans-serif; color: #393939; letter-spacing: -0.02em}
.section-title {padding-bottom: 0.25em; margin: 0px 0px 0.5em; font: bold 16px/1.25 "trebuchet ms", arial, sans-serif; text-transform: uppercase; color: #393939; border-bottom: #afadac 1px solid; letter-spacing: -0.05em}
.text-green {color: #4a8432}
.text-red {color: #b00;}/*#944a4a}*/
.text-orange {color: #b9801d}
.glow-shadow {moz-box-shadow: #888 0 0 10px; webkit-box-shadow: #888 0 0 10px; box-shadow: #888 0 0 10px}
.glow-shadow-2 {moz-box-shadow: #b2b2b2 0 0 5px; webkit-box-shadow: #b2b2b2 0 0 5px; box-shadow: #b2b2b2 0 0 5px}
.glow-shadow-3 {moz-box-shadow: #000 0 0 8px; webkit-box-shadow: #000 0 0 8px; box-shadow: #000 0 0 8px}
.ui-cancel span {padding-right: 1em; padding-left: 1em; padding-bottom: 0px; margin-left: 10px; border-left: #bbb 1px solid; padding-top: 0px}

.button3 {padding-right: 4px; padding-left: 4px; padding-bottom: 2px; padding-top: 2px}
.button3 span {font-weight: bold; font-size: 14px; background: url('../images/button3.gif') repeat-x 50% 0px; color: #fff; line-height: 43px; height: 43px}
.button3 span {moz-border-radius: 4px; webkit-border-radius: 4px; border-radius: 4px}
.button3 span span {background-position: 50% -131px}
.button3:hover span {background-position: 50% -44px}

unknown {moz-box-shadow: #444 0 0 5px; webkit-box-shadow: #444 0 0 5px; box-shadow: #444 0 0 5px}
.hover span {background-position: 50% -44px}
.button3:unknown span {background-position: 50% -44px}
.button3.disabled span {background: #bdbcb9; cursor: default}

.ebank-balance {margin-top: -75px; float: right}
.balance {position: relative; width: 192px}
.balance .dropdown-toggler {padding-right: 0px; display: block; font-size: 14px; z-index: 20; background: url('../images/dropdown-bg.gif') repeat-x 0px 0px; overflow: hidden; color: #eaeaea; position: relative; height: 30px; moz-border-radius: 5px; webkit-border-radius: 5px; moz-box-shadow: #b2b2b2 0 0 5px; webkit-box-shadow: #b2b2b2 0 0 5px; box-shadow: #b2b2b2 0 0 5px;cursor:pointer}
.balance .dropdown-toggler a {padding-right: 3px}
.balance .dropdown-toggler:hover {background: url('../images/dropdown-bg.gif') repeat-x 0px -40px}
.balance .dropdown-toggler span {padding-right: 40px; display: block; padding-left: 10px; background: url('../images/dropdown-right.gif') no-repeat 100% 0px; color: #fff; line-height: 30px; height: 30px; text-align: right; moz-border-radius-topright: 5px; moz-border-radius-bottomright: 5px; webkit-border-top-right-radius: 5px; webkit-border-bottom-right-radius: 5px}
.balance .dropdown-toggler span #moneynum {margin-right:10px;}
.balance .dropdown-toggler:hover span {background: url('../images/dropdown-right.gif') no-repeat 100% -30px}
.opened .dropdown-toggler span {background: url('../images/dropdown-right.gif') no-repeat 100% -60px; moz-border-radius-bottomright: 0; webkit-border-bottom-right-radius: 0}
.opened .dropdown-toggler:hover span {background: url('../images/dropdown-right.gif') no-repeat 100% -60px; moz-border-radius-bottomright: 0; webkit-border-bottom-right-radius: 0}
.balance .dropdown-wrapper {clear: both; border: #a0a0a0 1px solid; padding: 5px;  display: block; z-index: 210; right: 0px; background: #c5c5c5; width: 180px; position: absolute; moz-border-radius: 3px; webkit-border-radius: 3px; moz-box-shadow: #b2b2b2 0 4px 4px; webkit-box-shadow: #b2b2b2 0 4px 4px; box-shadow: #b2b2b2 0 4px 4px; moz-border-radius-topright: 0; webkit-border-top-right-radius: 0; border-top-right-radius: 0}
.balance .dropdown-wrapper ul li a {padding: 5px; display: block; color: #000; }
.balance .dropdown-wrapper ul li a:hover {background: #d4d4d4; text-decoration: none; moz-border-radius: 2px; webkit-border-radius: 2px}
.balance .dropdown-wrapper ul li a:unknown {background: #d4d4d4; text-decoration: none; moz-border-radius: 2px; webkit-border-radius: 2px}

#service {right: -7px; font-family: "lucida sans unicode",arial,helvetica,sans-serif; moz-user-select: none; webkit-user-select: none; user-select: none}
.wrapper {margin: 0px auto; width: 990px}
#layout-top {background: url('../images/bg-sides.gif') repeat-x center bottom; position: relative}
#layout-top .wrapper {position: relative}
#layout-middle {min-height: 400px; background: url('../images/bg-middle.jpg') #d3d1ce repeat-x center top; border-bottom: #777674 4px solid; min-width: 1120px}
#layout-bottom {min-height: 100px; background: url('../images/bg.jpg') #040404 no-repeat 50% 70%; moz-user-select: none; webkit-user-select: none; user-select: none}
img {moz-user-select: none; webkit-user-select: none; user-select: none}
#header {clear: both; padding-top: 50px}
#header #logo {overflow: hidden; width: 201px; height: 92px; moz-user-select: none; webkit-user-select: none; user-select: none;cursor:pointer !important;}
#header #logo a {display: block; background: url('../images/mgrlogo.png') no-repeat; width: 201px; border: 0; text-indent: -9999px; height: 92px; }
.ie6 #header #logo a{background:none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v8/mgr/images/mgrlogo.png', sizingMethod='crop');cursor:pointer !important;}

#header #navigation {padding-right: 20px; margin-top: 5px; padding-left: 0px; padding-bottom: 0px; padding-top: 15px; height: 61px; moz-user-select: none; webkit-user-select: none; user-select: none}
#header #navigation h2 {font-weight: normal; margin-bottom: 10px; color: #89959a}
#header #navigation a {color: #00b6ff}
#content {padding-right: 0px; padding-left: 0px; padding-bottom: 25px; padding-top: 25px}

#navigation #page-menu h2 {border-right: #495354 1px solid; padding-right: 20px; font-size: 36px; float: left; margin: 0px 20px 0px 0px}
#navigation #page-menu h2.isolated {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px}
#navigation #page-menu h2 a {color: #62737e}
#navigation #page-menu h2 a:hover {color: #fff}
#navigation #page-menu ul {padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 0px; padding-top: 5px; font-family: "lucida sans unicode", "lucida grande", "arial", sans-serif; list-style-type: none}
#navigation #page-menu li {float: left; margin-right: 10px; position: relative}
#navigation #page-menu li a {padding-right: 15px; display: block; padding-left: 15px; float: left; padding-bottom: 10px; padding-top: 10px; height: 36px}
#navigation #page-menu li a:hover {color: #fff}
#navigation #page-menu li span {display: none; background: url('../images/menu-arrow.gif') no-repeat; left: 50%; margin: 0px -13px; width: 27px; position: absolute; top: 42px; height: 18px}
#navigation #page-menu li.active a {color: #fff}
#navigation #page-menu li.active span {display: block}
#navigation #page-menu li .menu-arrow {padding-right: 20px; background: url('../images/mgr-arrows.gif') no-repeat 100% 0px}
#navigation #page-menu li .menu-arrow:hover {background-position: 100% -41px}

.flyout-menu {z-index: 75; margin-top: 35px; background: url('../images/menu-dropdown.gif') no-repeat 0px 0px; left: 50%; margin-left: -70px; width: 140px; padding: 20px 0 0 0; position: absolute;}
.flyout-menu ul {list-style: none;margin: 0; float: left; background: #4d606d; padding: 0 0 5px 0; width: 136px;border-left:2px solid #8198A8;border-right:2px solid #8198A8;}
.flyout-menu ul li {padding: 0 5px; clear: both; position: relative;}
.flyout-menu ul li a {text-decoration: none;  display: block;color: #acbdc8; line-height: 1.5; padding: 5px !important;}
.flyout-menu ul li a:hover {background: #6b7f8d; color: #fff; moz-border-radius: 3px}

#navigation #page-menu .flyout-menu ul {display: block; visibility: visible;}
#navigation #page-menu .flyout-menu .menu-bottom{background:url('../images/menu-bottom.gif') no-repeat 0px 0px;width:140px;display:block;height:6px;margin: 0; float: left; }
#navigation #page-menu .flyout-menu li {display: block; float: none; width: auto; margin-right: 0px; position: static;}
#navigation #page-menu .flyout-menu li a {display: block; font-size: 12px; float: none;  color: #acbdc8; height: auto;border:1px solid #4d606d}
#navigation #page-menu .flyout-menu li a:hover {color: #fff;border:1px solid #ccc} 

#page-header {margin-bottom: 10px; padding-bottom: 10px; border-bottom: #afadac 1px solid}
#page-header h2 {margin-top: 0px}
.page-content p {margin: 0px 0px 15px; line-height: 1.5}
.page-content form {margin-top: 15px}
div.section-title {text-transform: none}
.page-content form {margin-bottom: 3em}

.help-link {display: inline-block; padding-left: 20px; background: url('../images/tooltip-help.gif') no-repeat left center; margin: 0px 0px 0.5em; line-height: 20px; height: 20px}
.input {border: #c0c0c0 1px solid; padding: 7px; font-size: 14px; background: url(input-bg.gif) #fff repeat-x; color: #5a5a5a; }
#message-data{padding:0 !important;margin:5px 0px !important;}
.alert {font-size: 12px; margin: 15px 0; overflow: hidden; width: 310px; color: #c4bdb0}
.alert .alert-inner {position: relative; moz-border-radius: 4px; webkit-border-radius: 4px; border-radius: 4px}
.alert .alert-message { padding: 10px 10px 10px 50px;}
.alert .alert-message .title strong {font-size: 14px}
.alert .alert-message a {color: #ffd800}
.alert p.title {margin: 0px 0px 0.25em; line-height: 1.1;color: #fff}
.alert p {margin: 0px 0px 0.75em; line-height: 1.25}
.error .alert-inner {background: url('../images/alert-error.gif') #732e03 repeat-x 0px 0px}
.error .alert-message {background: url('../images/error.gif') no-repeat 13px 18px}
.success {color: #adbda8}
.success .alert-inner {background: url('../images/alert-success.png') #4c7141 repeat-x 0px 0px}
.success .alert-message {background: url('../images/success.gif') no-repeat 13px 18px}
.success .alert-message a {color: #ffd800}

.alert-page {margin: 3em auto; width: 600px}
.alert-page p.title {font-size: 32px; margin: 0.5em 0px}
.alert-page p {margin: 0px 0px 1em}
.alert-page .success-page {padding-left: 80px; background: url('../images/success-large.png') no-repeat 0px 40px}
.alert-page .caution-page {padding-left: 80px; background: url('../images/warning-large.png') no-repeat 0px 40px}
.alert-page .error-page {padding-left: 80px;background: url('../images/error-large.png') no-repeat 0px 40px}

/************************************************ie*****************************************/
.ie #header #navigation {zoom: 1}
.ie .balance {z-index: 80; position: relative;width: 190px;border:1px solid #555558}
.ie .ebank-balance {z-index: 80; position: relative}
.ie .balance .dropdown-wrapper {right: -1px !important;}
.ie #header {z-index: 50}
.ie #service {z-index: 100}
.ie .service-bar { display: inline; zoom: 1; z-index: 150; }
.ie #layout-top {z-index: 75}
.ie #layout-middle {z-index: 74}
.ie #navigation #page-menu li {z-index: 76}
.ie #navigation #page-menu li.active {z-index: 75}
.ie .disabled span,.ie .disabled:hover span,.ie .disabled:unknown span,.ie .disabled:active span,.ie .disabled span {border-color: #bdbcb9; }

.ie .processing span ,.ie .processing:hover span,.ie .processing:unknown span,.ie .processing:active span {border-color: #bdbcb9;color: #bdbcb9; }
.ie button.hover span,.ie button.hover span span {background-position: 50% -32px}
.ie .alert-page-message {zoom: 1}
/******************************ie over***************************/







/********************ie6*************************/
.ie6 form {zoom: 1}
.ie6 .input {color: #5a5a5a}
.ie6 .hover span {background-position: center -32px}
.ie6 #layout-top {z-index: 100; background: url('../images/bg-sides.gif') no-repeat center bottom}
.ie6 #layout-middle {z-index: 50; height: 400px}
.ie6 #header {z-index: 50}
.ie6 #header #navigation h2 {zoom: 1}
.ie6 #navigation {width: 990px}
.ie6 #navigation #page-menu .flyout-menu {zoom: 1; position: absolute}
.ie6 #navigation #page-menu .flyout-menu li {height: 16px}
.ie6 .flyout-menu ul li a { display: inline-block; }
.ie6 .ebank-balance {width: 162px}
.ie6 .balance .dropdown-toggler span{margin-top:5px;}
.ie6 .balance .dropdown-wrapper ul li{margin:0 !important;border:1px solid #c5c5c5} 

.border-top-line {border-top:1px solid #d1cfce !important;}
.border-bottom-line {border-bottom:1px solid #d1cfce !important;}

#content .pay-menu {padding: 0px; margin: 0px; height: 50px; -moz-user-select: none}
#content .pay-menu ul {list-style: none none outside; font-size: 12px;}
#content .pay-menu li {position: relative; width: 188px; background: url('../images/menu-btn.jpg') #fff no-repeat 0px -50px; float: left; height: 50px; font-size: 14px; margin-right: 20px}
#content .pay-menu li.active,#content .pay-menu li a:hover {background-position:0px 0px;color: #fff}
#content .pay-menu li a {text-align: center; line-height: 50px; display: block; height: 50px;color: #fff}
#content .payboard {border: #b2b0af 1px solid; height: 500px; background: #e5e3e2;}
#content .payboard .topbox{padding-top:60px}


#content .payboard .pay-tip {border-bottom: #d1cfce 1px solid; text-align: center; padding: 20px 0px;font-size:14px;margin-bottom:25px;}
#content .payboard  .blue {margin: 0px 5px; color: #0072a3;font-weight:bold}
#content .payboard  .red {margin: 0px 5px; color: #f00;font-weight:bold}
#content .payboard  .orange {margin: 0px 5px; color: #ee6913;font-weight:bold}
#content .payboard  #pay-content {border-bottom: #d1cfce 1px solid; padding: 30px 0px; }



#content .payboard .buy-link {padding:0px 0px 30px 30px; }
#content .payboard .border-b {border-bottom: #d1cfce 1px solid !important; }
#content .payboard .buy-link h2{font-weight:bold;font-size:26px;margin-bottom:25px;color: #2f72a3; }
#content .payboard .buy-link p{font-size:14px;padding:10px 0 10px 25px}
#content .payboard .buy-link p.tip{padding: 0 0 5px 25px;margin:0px;font-weight:normal !important;}
#content .payboard .buy-link p .title{font-weight:bold;display:inline-block;width:108px;text-align:right}
#content .payboard .buy-link p .bankcardid{display:inline-block;width:200px;color:#000}


.payselect {border: #b2b0af 1px solid; height: 500px; background: #e5e3e2;}
.payselect h2{font-weight:bold;font-size:16px;margin-bottom:25px;text-align:center}


.payway {width:360px;height:115px;overflow:hidden;padding:5px;margin:30px 0px 30px 80px;float:left;border:1px solid #d3d3d3;background:#f7f7f7}
.ie6 .payway{margin:30px 0px 30px 50px;}
.payway_img {width:150px;height:100px;margin:10px 0px 0px 5px;float:left;}
.payway_intro {width:200px;height:100px;margin-top:10px;float:left;}
.intro_info {width:180px;height:63px;line-height:20px;margin-left:5px;}
.btn_gamepay {width:200px;margin-top:2px;margin-left:0px;} 


.types {border-right: #b2b0af 1px solid; font-weight: bold; font: 14px/150% Arial, "ËÎÌå";height:500px;position:absolute;width:180px;background:#e5e3e2;zoom:1}
.types div,.types a {height: 50px; border-bottom: #b2b0af 1px solid;width:100%;font-size:14px !important;text-align:center;line-height:49px;background:#f7f7f7;display:block;font-weight:bold;}
.types div {cursor:default;}
.types a {color:#069;}
.types a:hover{background:#fff9ed;color:#369}
.types .active {border-right: #e5e3e2 1px solid;background:#e5e3e2;color:#060}
.types sup{color:#f00;font-size:11px;font-weight:normal;}
.ie6 .types .active{background:#ffffdd}
/**************history**********************/
#history {width: 100%; border-collapse: collapse}
#history thead {text-align: left; padding: 10px;text-transform: uppercase; background: url('../images/shadow-small-top.gif') repeat-x 0px 100%; height: 38px; font-weight: normal;}
#history td {padding-bottom: 10px; padding-left: 15px; padding-right: 0px; border-top: #c1bfbc 1px solid; padding-top: 10px}
#history td a{border:1px solid #d3d1ce;}
#history td a:hover{border-color:#ee6913;}
#history td a img{vertical-align:middle;width:16px;height:16px;}
#history tbody tr:hover {background-image: none; background-color: #e1e0de}
#history th.header {padding: 10px 0px 10px 15px;  font-weight: bold; text-align:left;}
* + html #history thead th.header {height: 18px;}
#history .empty-history {text-align: center; padding: 50px;font-size: 18px; font-weight: bold;}

/****************page********************/
.pagination {text-align: left;padding: 20px 0 5px 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 11px;}
.pagination  a {padding:3px 8px;margin:0 5px;border:1px solid #afadac !important;background-color:#cccac7}
.pagination a.pagination-active, .pagination a.pagination-active:hover , .pagination  a:hover{background-color:#afadac !important;border-color:#626160 !important;color:#0090ff !important;}


p.service-nav { margin: 0 0 15px 0;}
p.service-nav.sor-adjust {position:absolute; top:-10px;}
p.service-nav a { margin-right:8px; background-color:#565d67; padding: 4px 8px; color: #FFFFFF; display: inline-block; zoom: 1; text-decoration: none; font-weight: bold; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
p.service-nav a:hover,p.service-nav a:focus,p.service-nav a:active { background: #FFFFFF; color: #565d67; }
p.service-nav a.active,p.service-nav a.active:hover,p.service-nav a.active:focus,p.service-nav a.active:active { color: #565d67; background: #FFFFFF; text-decoration: none; }

p.subcat-nav { margin: 0 0 15px 0;display: inline-block; }
p.subcat-nav a {border:1px solid #333;margin-right:8px; background-color:#abacad; padding: 4px 8px; color: #464747; display: inline-block; zoom: 1; text-decoration: none; font-weight: bold; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;color:#0072A3}
p.subcat-nav a:hover,p.subcat-nav a:focus,p.subcat-nav a:active { background: #ffffff; color: #3d4248; }
p.subcat-nav a.active,p.subcat-nav a.active:hover,p.subcat-nav a.active:focus,p.subcat-nav a.active:active {padding-left:11px;color: #3d4248; background: url('../images/accept.gif') #ffffff no-repeat -2px -5px; text-decoration: none; border-color:#0b6aa1}
.ie67 p.subcat-nav{display: inline;zoom:1 }