a,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    border: 0;
    margin: 0;
    padding: 0;
}
body {
    background-color: #111111;
    border: 1px solid black;
    font-family: "Open Sans", sans-serif;
    height: 600px;
    padding: 0 8px;
    position: absolute;
    /*width: 884px;*/
	width: 100%;
}
.custom_input[type=radio] {
    vertical-align: middle;
}
.custom_input[type=text],
.custom_input[type=number],
.custom_input[type=password] {
    background-color: transparent;
    border: 1px solid #373737;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    outline: 0;
    padding: 6px 12px;
    vertical-align: middle;
}
::-webkit-input-placeholder {
    color: #4e4e4e;
}
:-moz-placeholder {
    /* Firefox 18- */
    color: #4e4e4e;
}
::-moz-placeholder {
    /* Firefox 19+ */
    color: #4e4e4e;
}
:-ms-input-placeholder {
    color: #4e4e4e;
}
.custom_select {
    -webkit-appearance: none;
    background: no-repeat right url(/images/icon_arrow_select.png);
    background-color: #111111;
    border: 1px solid #636363;
    color: #cccccc;
    font-family: "Open Sans", sans-serif;
    margin-right: 8px;
    padding: 3px 20px 3px 3px;
}
.custom_select:focus {
    outline: none;
}
.ib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.p {
    color: #808080;
    font-size: 14px;
    margin-bottom: 4px;
}
.dash {
    color: #999999;
    font-size: 14px;
    vertical-align: middle;
}
.box {
    border: 1px solid #959595;
    box-sizing: border-box;
    margin: 16px 0;
    padding: 8px 12px;
    width: 100%;
}
.input_label {
    color: white;
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}
.block_wrapper {
    margin-bottom: 12px;
}
.col_2 {
    float: left;
    width: 50%;
}
.result_message {
    color: #808080;
    font-size: 12px;
    margin-right: 10px;
    vertical-align: middle;
}
.loading_message {
    color: #cccccc;
    font-size: 18px;
    margin-bottom: 1.2em;
}
/* Menu Classes */

.menu_area {
    border-bottom: 1px solid #373737;
    color: #999999;
    font-family: "Open Sans Condensed", sans-serif;
    *font-family: sans-serif;
    height: 47px;
    line-height: 47px;
    width: 100%;
}
.menu_area .gamelogo,
.menu {
    float: left;
    text-align: center;
}
.menu_area .gamelogo {
    width: 132px;
}
.menu_area .menu {
    width: 436px;
}
.menu_area .menu .item {
    cursor: pointer;
    *font-size: 14px;
    margin-left: 20px;
    vertical-align: middle;
}
.menu_area .menu:first-child {
    margin-left: 0;
}
.menu_area .menu .item:hover {
    color: white;
}
.menu_area .menu .selected {
    color: #ffd006;
    cursor: auto;
}
.menu_area .menu .selected:hover {
    color: #ffd006;
    cursor: auto;
}
.menu_area .npoints {
    float: right;
    *font-size: 13px;
    text-align: left;
    width: 115px;
}
.menu_area .account {
    float: right;
    font-size: 12px;
    *font-size: 9px;
    text-align: right;
    width: 198px;
}
/* Main Area Classes */

.main_area {
    font-family: "Open Sans", sans-serif;
    height: 600px;
    margin-left: 15px;
    overflow: hidden;
    /*width: 869px; */
	width: 100%;
}
.header {
    color: white;
    font-size: 20px;
    font-weight: 300;
    line-height: 53px;
    margin-bottom: 15px;
}
.content {
    height: 476px;
    margin-bottom: 8px;
    width: 100%;
}
/* Main Content Blocks */

.body,
.aside,
.v_separator {
    float: left;
    height: 100%;
}
.body {
    position: relative;
    width: 700px;
}
.v_separator {
    border-left: 1px solid #373737;
    margin: 0 7px;
    width: 0;
}
.aside {
    color: #cccccc;
    font-size: 14px;
    width: 150px;
}
/* Body & Content Wrappers */

.slide_panel {
    height: 100%;
    position: relative;
    width: 100%;
}
.section {
    margin-bottom: 20px;
    position: relative;
}
/* Body Contents */

.body .head {
    background: #1f1f1f;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    padding: 3px 8px;
}
.body .input_container_single,
.input_container_left {
    position: relative;
    vertical-align: middle;
}
.body .input_container_left {
    width: 570px;
}
.body .input_container_right {
    bottom: 0;
    *bottom: 20px;
    position: absolute;
    right: 8px;
    text-align: right;
    vertical-align: middle;
    width: 125px;
}
.body .radio_item {
    color: #cccccc;
    font-size: 12px;
    margin-bottom: 2px;
    width: 135px;
}
/* Payment Method Description Box Classes */

.body .desc_box {
    border: 1px solid #373737;
    box-sizing: border-box;
    height: 68px;
    margin: 8px 0 28px 0;
}
.logo,
.description {
    vertical-align: middle;
}
.logo {
    line-height: 68px;
    *line-height: 30px;
    *padding-top: 10px;
    text-align: center;
    width: 116px;
}
.description {
    line-height: 68px;
}
.payment_name,
.payment_phrase,
.payment_limit,
.payment_note,
.payment_result {
    line-height: normal;
}
.payment_name {
    color: white;
    font-size: 14px;
    vertical-align: middle;
}
.payment_phrase {
    color: #cccccc;
    font-size: 12px;
}
.payment_limit {
    color: #808080;
    font-size: 10px;
    vertical-align: middle;
}
.payment_note {
    color: #ffa801;
    font-size: 10px;
}
.payment_result {
    color: #cccccc;
    font-size: 16px;
}
/* Footer Classes */

.footer {
    bottom: 0;
    position: absolute;
}
.footer ul {
    color: #808080;
    font-size: 10px;
    line-height: 1.2em;
    margin: 0;
    padding: 0 0 0 20px;
}
.history {
    border-collapse: collapse;
    width: 100%;
}
.history th,
td {
    text-align: left;
    border-bottom: 1px solid #636363;
    width: 20%;
}
.history th {
    color: white;
    font-size: 12px;
    padding: 12px 0;
}
.history td {
    color: #cccccc;
    font-size: 14px;
    padding: 10px 0;
}
.page_jump_box,
.page_num {
    color: #999999;
    cursor: pointer;
    font-size: 12px;
}
.page_jump_box {
    margin: 0 20px;
}
.page_num {
    margin: 4px;
}
.page_jump_box:hover,
.page_num:hover {
    color: white;
}
.page_current {
    color: #fedf11;
    font-size: 16px;
    cursor: auto;
}
.page_current:hover {
    color: #fedf11;
}
/* Separators */

.h_separator {
    border-top: 1px solid #373737;
    height: 0;
    margin-bottom: 20px;
    width: 100%;
}
.h_separator_dashed {
    border-top: 1px dashed #373737;
    height: 0;
    margin-bottom: 20px;
    width: 100%;
}
.clear {
    clear: both;
}
/* Dropdown Box Classes */

.dropdown {
    background-color: #252525;
    border: 1px solid #464646;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 47px;
}
.dropdown .item,
.item_signout {
    color: #999999;
    cursor: pointer;
    font-size: 14px;
    padding: 6px 20px;
}
.dropdown .item:hover,
.item_signout:hover {
    color: white;
}
.dropdown .item_signout {
    background: #363636;
}
/* Popup Layer Classes */

.popup_layer {
    background: url(/images/shade.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.popup_layer .window {
    background-color: #252525;
    border: 1px solid #464646;
    height: 244px;
    margin: 0 auto;
    padding: 20px 26px;
    position: relative;
    top: 150px;
    width: 662px;
}
.popup_head {
    color: white;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0.5em;
}
.popup_text {
    color: #999999;
    line-height: 1.6em;
}
.popup_button_container {
    bottom: 20px;
    position: absolute;
    text-align: right;
    width: 662px;
    ;
}
/* Game Logos */

*[class^="gamelogo_"] {
    display: inline-block;
    *display: inline;
    height: 47px;
    vertical-align: middle;
    zoom: 1;
}
.gamelogo_kingdom {
    background: no-repeat center url(/images/gamelogo/gamelogo_kingdom.png);
    width: 102px;
}
.gamelogo_knight {
    background: no-repeat center url(/images/gamelogo/gamelogo_knight.png);
    width: 91px;
}
.gamelogo_phantomers {
    background: no-repeat center url(/images/gamelogo/gamelogo_phantomers.png);
    width: 111px;
}
.gamelogo_nttgame {
    background: no-repeat center url(/images/gamelogo/gamelogo_nttgame.png);
    width: 91px;
}
/* Payment Logos */

*[class^="paymentlogo_"] {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}
.paymentlogo_eprepag {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_eprepag.png);
    height: 30px;
    width: 76px;
}
.paymentlogo_esn {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_esn.png);
    height: 30px;
    width: 60px;
}
.paymentlogo_gocash {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_gocash.png);
    height: 30px;
    width: 75px;
}
.paymentlogo_odeme {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_odeme.png);
    height: 30px;
    width: 69px;
}
.paymentlogo_paybyme_mobile {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paybyme_mobile.png);
    height: 30px;
    width: 78px;
}
.paymentlogo_paybyme_prepaid {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paybyme_prepaid.png);
    height: 30px;
    width: 81px;
}
.paymentlogo_paypal {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paypal.png);
    height: 30px;
    width: 71px;
}
.paymentlogo_paysafecard {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paysafecard.png);
    height: 30px;
    width: 82px;
}
.paymentlogo_rixty {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_rixty.png);
    height: 30px;
    width: 52px;
}
/* Reseller Logos */

*[class^="resellerlogo_"] {
    display: inline-block;
    *display: inline;
    margin: 8px 0;
    vertical-align: middle;
    width: 150px;
    zoom: 1;
}
.resellerlogo_bynogame {
    background: no-repeat center url(/images/resellerlogo/resellerlogo_bynogame.png);
    height: 30px;
}
.resellerlogo_gamesatis {
    background: no-repeat center url(/images/resellerlogo/resellerlogo_gamesatis.png);
    height: 29px;
}
.resellerlogo_kopazar {
    background: no-repeat center url(/images/resellerlogo/resellerlogo_kopazar.png);
    height: 48px;
}
.resellerlogo_oyun {
    background: no-repeat center url(/images/resellerlogo/resellerlogo_oyun.png);
    height: 37px;
}
/* Free Method Logos */

*[class^="freelogo_"] {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}
.freelogo_fyber {
    background: no-repeat center url(/images/freelogo/freelogo_fyber.png);
    height: 30px;
    width: 58px;
}
.freelogo_supersonic {
    background: no-repeat center url(/images/freelogo/freelogo_supersonic.png);
    height: 30px;
    width: 96px;
}
/* Icons */

*[class^="icon_"] {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}
.icon_npoints {
    background: no-repeat left url(/images/icon_npoints.png);
    padding-left: 25px;
}
.main_area .icon_npoints {
    height: 20px;
}
.icon_arrow_dn {
    background: no-repeat right url(/images/icon_arrow_dn.png);
    cursor: pointer;
    line-height: 47px;
    padding-right: 17px;
    text-align: right;
}
.icon_arrow_dn:hover {
    background: no-repeat right url(/images/icon_arrow_dn_over.png);
    color: white;
}
.icon_arrow_up {
    background: no-repeat right url(/images/icon_arrow_up.png);
    cursor: pointer;
    line-height: 47px;
    padding-right: 17px;
    text-align: right;
}
.icon_arrow_up:hover {
    background: no-repeat right url(/images/icon_arrow_up_over.png);
    color: white;
}
.icon_login {
    cursor: pointer;
    line-height: 47px;
    padding-right: 17px;
    text-align: right;
}
.icon_login:hover {
    color: white;
}
/* Buttons */

*[class^="button_"] {
    border-radius: 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    font-size: 14px;
    font-weight: 600;
    *font-weight: normal;
    padding: 8px 12px;
    zoom: 1;
}

*+html .button_gray, *+html .button_yellow {
    /* *behavior : url(/css/border-radius.htc); */
}

.button_gray {
    background: #707070;
}
.button_gray:hover {
    background: white;
}
.button_yellow {
    background: #ffd006;
}
.button_yellow:hover {
    background: #dd8218;
}
/* Common */

.no_padding {
    padding: 0;
}
.bold {
    font-weight: 600;
}
.t_yellow {
    color: #ffd006;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.no_visible {
    display: none;
}