@charset "UTF-8";

@import "../loading/loading.css";
@import "../jquery/css/dark-hive/jquery-ui-1.10.0.custom.min.css";
@import "../jquery/css/msdropdown/dd.css";
@import "bt.css";
@import "Left_Menu.css";

.ddTitleText *, ._msddli_ * { vertical-align: middle; }

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body, input, textarea, button, select { font: 12px 굴림; }
img { border: none; }
ul, ol { list-style: none; }
a { color: #00f; }

fieldset { margin: 5px; padding: 10px; border: 1px solid #888; border-radius: 5px; }
legend { margin-left: 20px; padding: 3px; }
label { cursor: pointer; }

input { border: 1px solid #000; outline: none; background: #fff; color: #000; padding: 3px; margin: 0; }
input.readonly { background: #ddd; color: #666; }

input[type=checkbox] { cursor: pointer; }
label.chk { margin-left: 0.25em; cursor: pointer; }

.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.clearfix:before,.clearfix:after{ content:""; display:table; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }

.f-l { float: left; }
.f-r { float: right; }
.v-t { vertical-align: top; }
.v-m { vertical-align: middle; }
.v-m-all * { vertical-align: middle; }

.t-bold { font-weight: bold; }
.t-red { color: #f00; }
.t-blue { color: #00f; }
.t-yellow { color: #ff0; }
.t-green { color: #080; }

.t-l { text-align: left; }
.t-c { text-align: center; }
.t-r { text-align: right; }

.error { padding: 10px; color: #f00; }

.w-full { width: 100%; }

.notification { color: #040; line-height: 1.4; }
ul.notification { list-style: disc; }
ul.notification li { margin-left: 10px; }

.ui-dialog .notification { color: #fc0; line-height: 1.4; }
.hidden { visibility: hidden; }

.input-full { padding: 3px; border: 1px solid #000; background: #fff; }
.input-full input, .input-full textarea { width: 100%; border: none; outline: none; margin: 0; padding: 0; background: transparent; }
.input-full textarea { resize: none; overflow: auto; }

#pin_form { position: absolute; left: 50%; top: 50%; width: 220px; padding: 7px; border: 3px solid #0a0; margin-left: -120px; margin-top: -185px; }

.num_pad { position: relative; width: 220px; height: 290px; background: url(../img/num_pad.png) no-repeat; }
.num_pad button { position: absolute; left: 10px; top: 10px; padding: 0; width: 60px; height: 60px; border: none; background: transparent; cursor: pointer; }
.num_pad button.num_pad-1 { margin: 0 0 0 0; }
.num_pad button.num_pad-2 { margin: 0 0 0 70px; }
.num_pad button.num_pad-3 { margin: 0 0 0 140px; }
.num_pad button.num_pad-4 { margin: 70px 0 0 0; }
.num_pad button.num_pad-5 { margin: 70px 0 0 70px; }
.num_pad button.num_pad-6 { margin: 70px 0 0 140px; }
.num_pad button.num_pad-7 { margin: 140px 0 0 0; }
.num_pad button.num_pad-8 { margin: 140px 0 0 70px; }
.num_pad button.num_pad-9 { margin: 140px 0 0 140px; }
.num_pad button.num_pad-0 { margin: 210px 0 0 70px; }
.num_pad button.num_pad-esc { margin: 210px 0 0 0; }
.num_pad button.num_pad-ent { margin: 210px 0 0 140px; }


#Wrapper { min-width: 1200px; }
#Wrapper h1 { font-size: 14px; padding: 5px; margin-bottom: 15px; border-bottom: 2px solid #666; }
#Wrapper h2 { font-size: 13px; padding: 3px; margin: 10px 0; border-bottom: 2px solid #080; color: #060; }
#Wrapper .contents { margin: 0 5px; padding-bottom: 50px; }

#Popup { min-width: 1000px; }
#Popup h1 { font-size: 14px; padding: 5px; background: #00a; color: #fff; border-bottom: 2px solid #000; }
#Popup h1 img { margin-right: 5px; }
#Popup .contents { padding: 5px; }

#Top { position: relative; }

.TopInfoTable { table-layout: fixed; border-collapse: collapse; min-width: 100%; background: #14f; color: #fff; }
.TopInfoTable-red { background: #c00; }
.TopInfoTable-green { background: #080; }
.TopInfoTable-orange { background: #660099; }
.TopInfoTable td a { color: #fff; text-decoration: none; }
.TopInfoTable th.IPArea { padding: 5px; width: 100px; }
.TopInfoTable td.InfoArea { padding: 0 0 5px 0; }
.TopInfoTable td.TimeArea { width: 140px; text-align: center; }
.TopInfoTable td.IconArea { padding: 0 5px 0 0; white-space: nowrap; text-align: right; width: 21px; }
.TopInfoTable td.IconArea a { margin: 0 5px; }

.TopInfoTable table { border-collapse: collapse; float: left; margin: 5px 0 0 20px; }
.TopInfoTable table th, .TopInfoTable table td { padding: 3px 5px; border: 1px solid #fff; white-space: nowrap; }
.TopInfoTable table th { background: #fff; color: #07d; }
.TopInfoTable table td.flicker-red { background: url( ../img/flicker-red.gif ); color: #fc0; font-weight: bold; }
.TopInfoTable table td.flicker-red a { color: #fc0; font-weight: bold; }

#Main { position: relative; padding-left: 190px; }

img.SportImg { width: 19px; height: 19px; margin-right: 5px; }
img.RegionImg { width: 20px; height: 15px; margin-right: 5px; }

img.icon-white { background: url( ../img/ui-icons-white.png ) no-repeat; }
img.icon-gold { background: url( ../img/ui-icons-gold.png ) no-repeat; }
img.icon-red { background: url( ../img/ui-icons-red.png ) no-repeat; }
img.icon-sky { background: url( ../img/ui-icons-sky.png ) no-repeat; }
img.icon-blue { background: url( ../img/ui-icons-blue.png ) no-repeat; }
img.icon-black { background: url( ../img/ui-icons-black.png ) no-repeat; }

img.icon-arrowthick-2-n-s { width: 6px; height: 9px; background-position: -133px -52px }
img.icon-newwin { width: 9px; height: 8px; background-position: -52px -84px }
img.icon-folder-closed { width: 12px; height: 9px; background-position: -2px -100px; }
img.icon-folder-opened { width: 12px; height: 9px; background-position: -18px -100px; }
img.icon-note { width: 11px; height: 10px; background-position: -68px -100px; }
img.icon-document { width: 8px; height: 9px; background-position: -36px -100px; }
img.icon-comment { width: 9px; height: 9px; background-position: -132px -101px; }
img.icon-clock { width: 9px; height: 9px; background-position: -84px -116px }
img.icon-search{ width: 10px; height: 9px; background-position: -163px -116px; }
img.icon-wrench{ width: 10px; height: 9px; background-position: -179px -116px; }
img.icon-gear { width: 10px; height: 10px; background-position: -196px -116px; }
img.icon-link { width: 10px; height: 10px; background-position: -243px -116px; }
img.icon-cart { width: 11px; height: 8px; background-position: -50px -117px; }
img.icon-plusthick { width: 9px; height: 9px; background-position: -36px -132px }
img.icon-closethick { width: 9px; height: 9px; background-position: -100px -132px }
img.icon-alert { width: 12px; height: 11px; background-position: -2px -146px; }
img.icon-check { width: 12px; height: 9px; background-position: -66px -148px }
img.icon-seek-next { width: 11px; height: 5px; background-position: -35px -166px; }
img.icon-seek-prev { width: 11px; height: 5px; background-position: -50px -166px; }
img.icon-seek-end { width: 9px; height: 5px; background-position: -68px -166px; }
img.icon-seek-first { width: 9px; height: 5px; background-position: -84px -166px; }
img.icon-power { width: 11px; height: 10px; background-position: -2px -179px; }
img.icon-circle-plus { width: 12px; height: 12px; background-position: -18px -194px }
img.icon-circle-minus { width: 12px; height: 12px; background-position: -34px -194px }
img.icon-circle-triangle-e { width: 12px; height: 12px; background-position: -50px -194px }
img.icon-circle-triangle-s { width: 12px; height: 12px; background-position: -66px -194px }
img.icon-circle-triangle-w { width: 12px; height: 12px; background-position: -82px -194px }
img.icon-circle-triangle-n { width: 12px; height: 12px; background-position: -98px -194px }
img.icon-circle-arrow-e { width: 12px; height: 12px; background-position: -114px -194px }
img.icon-circle-arrow-s { width: 12px; height: 12px; background-position: -130px -194px }
img.icon-circle-arrow-w { width: 12px; height: 12px; background-position: -146px -194px }
img.icon-circle-arrow-n { width: 12px; height: 12px; background-position: -162px -194px }
img.icon-circle-zoomin { width: 12px; height: 12px; background-position: -178px -194px }
img.icon-circle-zoomout { width: 12px; height: 12px; background-position: -194px -194px }
img.icon-circle-check { width: 12px; height: 12px; background-position: -210px -194px }
img.icon-scissors { width: 10px; height: 10px; background-position: -148px -132px }

img.top_wait { display: block; margin: 30px auto; width: 200px; height: 10px; background: url(../img/wait.gif) no-repeat; }
img.top_wait-small { display: block; margin: auto; width: 43px; height: 11px; background: url(../img/wait-small.gif) no-repeat; }
img.detail_wait { display: block; margin: 0 auto; width: 200px; height: 10px; background: url(../img/wait.gif) no-repeat; }

img.res-ctrl { width: 16px; height: 16px; background: url(../img/ui-res-black.png) no-repeat; }
img.res-ctrl:hover { background-image: url(../img/ui-res-blue.png); }
img.res-red { width: 16px; height: 16px; background: url(../img/ui-res-red.png) no-repeat; }
img.res-blue { width: 16px; height: 16px; background: url(../img/ui-res-blue.png) no-repeat; }
img.res-green { width: 16px; height: 16px; background: url(../img/ui-res-green.png) no-repeat; }
.ui-dialog img.res-ctrl { background-image: url(../img/ui-res-white.png); }
.ui-dialog img.res-ctrl:hover { background-image: url(../img/ui-res-yellow.png); }

img.res-pencil   { background-position: -168px   -8px; }
img.res-money    { background-position: -264px -104px; }
img.res-message  { background-position:   -8px -136px; }
img.res-timeback { background-position: -232px -136px; }
img.res-wrench   { background-position: -360px -264px; }
img.res-lock-0   { background-position: -328px -264px; }
img.res-lock-1   { background-position: -296px -264px; }
img.res-trash    { background-position: -264px -328px; }
img.res-hide-0   { background-position: -200px -392px; }
img.res-hide-1   { background-position: -232px -392px; }
img.res-star-0   { background-position: -456px -392px; }
img.res-star-1   { background-position: -488px -392px; }
img.res-star-2   { background-position:   -8px -424px; }
img.res-info     { background-position: -169px -488px; }
img.res-info     { background-position: -232px -488px; }


/* PAGING */
.Paging { display: block; text-align: center; margin-top: 10px; }
.Paging a { display:inline-block; line-height: 12px; padding: 0 0.25em; margin: 0 0.25em; color: #00c; text-decoration: none; }
.Paging a.Paging-button-on { color: #060; font-weight: bold; }
.Paging * { vertical-align: middle; }
.Paging-Nodata { display: block; text-align: center; }

.Sort { color: #00c; text-decoration: none; }
.Sort-ASC, .Sort-DESC { margin: 0 0.25em; }
.Sort-ASC { color: #f88; }
.Sort-DESC { color: #6a6; }

table.grid { border-collapse: collapse; text-align: center; }
table.grid caption { padding: 5px 0; text-align: left; font-weight: bold; }
table.grid tr.even { background: rgba( 0, 0, 0, .10 ); }
table.grid tr.odd:hover { background: rgba( 255, 255, 0, .10 ); }
table.grid tr.even:hover { background: rgba( 255, 255, 0, .20 ); }
table.grid tr.NoMoreBet td { color: #aaa; }
table.grid th { padding: 8px 4px; border: 1px solid #888; white-space: nowrap; background: #008; color: #fff; }
table.grid th a { color: #fc0; }
table.grid td { padding: 5px 3px; height: 22px; border: 1px solid #888; }
table.grid td.no-border { border: none; }
table.grid td.no-padding { padding: 0; }
table.grid td.ellipsis a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
table.grid .Paging { margin: 0; }
table.grid .GameNotice { max-width: 100px; text-align: left; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
table.grid td.flicker-red { background: transparent url( ../img/flicker-red.gif ); color: #fc0; font-weight: bold; }

.hide-n { font-weight: bold; }
.hide-y { font-weight: bold; color: #d00; }
.Hide-n { font-weight: bold; }
.Hide-y { font-weight: bold; color: #d00; }

.account_stat-use { font-weight: bold; color: #0b0; }
.account_stat-expire { font-weight: bold; color: #d00; }

.money-wait { color: #00c; }
.money-ok { color: #0b0; font-weight: bold; }
.money-cancel { color: #f00; font-weight: bold; }

.ui-dialog { font-size: 12px; }

.ui-dialog table.grid { border-collapse: collapse; table-layout: fixed; width: 100%; text-align: center; }
.ui-dialog table.grid tr.even { background: rgba( 255, 255, 255, .20 ); }
.ui-dialog table.grid tr.odd:hover { background: rgba( 255, 255, 0, .20 ); }
.ui-dialog table.grid tr.even:hover { background: rgba( 255, 255, 0, .20 ); }
.ui-dialog table.grid th { padding: 6px 4px; border: 1px solid #888; white-space: nowrap; background: #008; color: #fff; }
.ui-dialog table.grid td { padding: 2px 4px; height: 22px; border: 1px solid #888; white-space: nowrap; }
.ui-dialog table.grid td.no-border{ border: none; }
.ui-dialog table.grid .Paging { margin: 0; }
.ui-dialog a { text-decoration: none; }
.ui-dialog a:hover { text-decoration: underline; }

.ui-datepicker select.ui-datepicker-year { width: 60px; }
.ui-datepicker select.ui-datepicker-month { width: 50px; }

.config { background: #285; border: 1px solid #000; color: #fff; padding: 5px; margin-bottom: 10px; font-size: 11px; }
table.search { border-collapse: collapse; width: 100%; }
table.search th { width: 90px; vertical-align: top; }
table.search td { vertical-align: top; }
table.search table { border-collapse: separate; float: left; margin-left: 10px; height: 40px; }
table.search table.f-r { float: right; }
table.search table th { width: auto; border-bottom: 1px solid #060; background: #060; padding: 5px; white-space: nowrap; vertical-align: middle; height: 22px; vertical-align: middle; }
table.search table td { padding: 0 5px; border-bottom: 1px solid #060; white-space: nowrap; height: 22px; vertical-align: middle; }

table th.SeqNo { width: 5em; }
table th.WDate-short { width: 7em; }
table th.NickName { width: 10em; }
table th.Bank { width: 7em; }
table th.Name { width: 6em; }
table th.Amount { width: 6em; }
table th.Btns-3 { width: 10em; }
table th.Btns-4-long { width: 17em; }

input.datepicker { width: 80px; text-align: center; }


ul.Tab {height: 27px; background: url(../img/Tab.gif) repeat-x scroll left 26px #fff; margin-bottom: 10px;}
ul.Tab li {float: left; padding-right: 11px; height: 27px; line-height: 27px;}
ul.Tab span {font-weight: bold; color: #444; float: left; padding-left: 10px; height: 27px; line-height: 27px;}
ul.Tab a {color: #444;}
ul.Tab li.on {background: url(../img/Tab.gif) no-repeat right top;}
ul.Tab .on span {color: black; background: url(../img/Tab.gif) no-repeat left top;}
ul.Tab .on a {color: black;}
ul.Tab a {text-decoration: none;}
ul.Tab a:hover, .Tab .on a:hover {text-decoration: underline;}

table.form { border-collapse: separate; }
table.form th { padding: 10px 5px; text-align: left; border: 1px solid #000; background: #04c; color: #fff; }
table.form td { padding: 10px; border-bottom: 1px solid #000; }
table.form td.no-border { border: none; }
table.form td.no-padding { padding: 0; }
table.form td.caption { padding-top: 12px; padding-bottom: 3px; }
table.form td.bottom { padding-bottom: 0; }
table.form th.t-c { text-align: center; }
table.fixed { table-layout: fixed; }

table.nowrap td { white-space: nowrap; }

.ui-dialog table.form { margin: auto; border-collapse: separate; }
.ui-dialog table.form caption { border-bottom: 2px solid #fff; padding-bottom: 5px; margin-bottom: 2px; margin-top: 10px; text-align: left; color: #fff; }
.ui-dialog table.form th { padding: 10px 5px; text-align: left; border: 1px solid #888; background: #004; color: #fff; }
.ui-dialog table.form th.t-c { text-align: center; }
.ui-dialog table.form td { padding: 10px; border-bottom: 1px solid #888; }
.ui-dialog table.form td.no-border { border: none; }
.ui-dialog table.form td.no-padding { padding: 0; }

.NickNameCtrl a { display: inline-block; width: 16px; height: 16px; margin-left: 4px; text-align: center; cursor: pointer; }

.buttons { margin: 10px 0; }
.buttons button { float: left; margin-left: 10px; }
.buttons button:first-child { margin-left: 0; }
.buttons a { float: left; margin-left: 10px; }
.buttons a:first-child { margin-left: 0; }

ul.chk-list { list-style: square; }
ul.chk-list li { margin: 0.5em 0 0.5em 20px; }

ul.IdxSort li { margin: 2px 0; padding: 5px; border: 1px solid #000; background: #ddd; cursor: move; }
ul.IdxSort li img { margin-right: 5px; }

ul.ClickList { background: #efe; border: 1px solid #060; }
ul.ClickList li { float: left; padding: 5px; width: 130px; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
ul.ClickList li a { text-decoration: none; }
ul.ClickList li.on a { color: #060; font-weight: bold; }

.SendTo-admin { color: #f00; font-weight: bold; }

table.odds_layout { width: 100px; table-layout: fixed; border-collapse: collapse; margin: 0; padding: 0; }
table.odds_layout th, table.odds_layout td { border: none; padding: 0; white-space: nowrap; background: transparent; color: #000; font-weight: normal; }

.ui-dialog dl.confirm { line-height: 1.6; }
.ui-dialog dl.confirm dt { color: #fc0; font-weight: bold; }

.LiveEvent .LeagueInfo { font-weight: bold; background: #ccc; padding: 5px; }
.LiveEvent table.EventInfo { font-weight: bold; font-size: 12px; width: 100%; table-layout: fixed; border-collapse: collapse; font-size: 15px; }
.LiveEvent table.EventInfo td { padding: 10px; }
.LiveEvent table.EventInfo .Player1Name { text-align: right; }
.LiveEvent table.EventInfo .Player2Name { text-align: left; }
.LiveEvent table.EventInfo .EventScore { text-align: center; width: 100px; font: bold 1.5em Verdana,Arial,Helvetica,sans-serif,맑은고딕,나눔고딕,굴림; }


ul.LiveOdds { list-style: none; }
ul.LiveOdds li { margin: 25px 10px; border: 1px solid #000; }
ul.LiveOdds li .GameName { padding: 5px; color: #000; font-weight: bold; }
ul.LiveOdds li .gstate-close { background: #ddd; color: #000; }
ul.LiveOdds li .gstate-finish { background: #080; color: #fff; }
ul.LiveOdds li .gstate-cancel { background: #008; color: #fff; }

table.OddsTable { width: 100%; table-layout: fixed; }
table.OddsTable td { border: 1px solid; padding: 0; }
table.OddsTable td.Odds { border: 1px solid; padding: 0; }
table.OddsTable td.Choice { cursor: pointer; }
table.OddsTable td.On { background: #fc0; color: #000; }
table.OddsTable td.no-border { border: none; }
table.OddsTable td .clearfix { padding: 5px; }
table.OddsTable td .clearfix .RName { float: left; width: 90%; }
table.OddsTable td .clearfix .ROdds { float: right; width: 10%; text-align: right; }
table.OddsTable td .clearfix .RName2 { float: left; width: 65%; }
table.OddsTable td .clearfix .RID { float: right; width: 35%; text-align: right; }
table.OddsTable td .buttons { margin:0; padding:0; }
table.OddsTable td .buttons button { margin:1px; }
table.OddsTable td .buttons a { margin:1px; }
table.OddsTable .hover:hover { background: #ff0; cursor: pointer; }
table.OddsTable .on { background: #fc0; }
table.OddsTable .line-through * { color: #888; }
table.OddsTable .line-through .RName { text-decoration: line-through; }

.sum-ing { color: #080; }
.sum-plus { color: #f00 }
.sum-minus { color: #00f }

.SBoard-area { margin: 0.5em; }
table.SBoard { table-layout: fixed; width: 100%; border-collapse: collapse; }
table.SBoard th, table.SBoard td { padding: 5px; border: 1px solid #000; }

.SMessages-area { margin: 0.5em; }
ul.SMessages { height: 200px; overflow: auto; border: 1px solid #000; }
ul.SMessages li { margin: 0.5em; }

.BetResult { border: 1px solid #888; }
.BetResult- { background: #fff; }
.BetResult-win { background: #ff0; }
.BetResult-lose { background: #c00; color: #fff; }
.BetResult-exception { background: #080; color: #fff; }
.BetResult-cancel { background: #00f; color: #fff; }
.BetResult-invalid { background: #80f; color: #fff; }