/* This is all in public/javascripts/dice.src.js now. */
::selection { background: #ccffcc; }
::-moz-selection { background: #ccffcc; }
body { font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; overflow-y: scroll; opacity: 1; background: #999999 url(/images/bg.png) left top; background-size: 63.5%; }
.wrapper { width: 950px; margin: 0 auto; }
.wrapper2 { width: 840px; margin: 0 auto; }
h1 { padding: 0 40px 0 30px; }
h2 { margin-top: 0px; }
h3 { margin: 1ex 0 2ex 0; padding: 0 40px 0 30px; }
pre { font-size: 90%; }
.panel li { margin: 1em; }
.panel p { line-height: 140%; }
#invest_error, #divest_error { font-weight: bold; }
.important { font-weight: bold; }
a { color: #000000; font-weight: bold; outline: none; -moz-outline-style: none; }
input, button { color: #000000; }
.s1 { font-size: 150%; }
.s2 { font-size: 120%; }
.s3 { font-size: 80%; }
div.clear { clear: both; }
div.aleft { text-align: left; }
div.aright { text-align: right; }
div.fleft { float: left; }
span.fleft { float: left; }
div.fright { float: right; }
div.indent { padding-left: 20px; }
div.rindent { padding-right: 20px; }
div.rpad { padding-right: 10px; }
div.pad { padding: 10px; }
.realcontent { width: 468px; height: 60px; margin: 0 1px; border: 1px solid #000000; }
.allcodes { font-family: monospace; }
.nodisplay { display: none; position:absolute; left:-9999px; visibility: hidden; }
.skinny { width: 1px; overflow: hidden; display: inline-block; }
.code { font-family: monospace; white-space: nowrap; overflow: auto; }
.play { width: 70px; }

/* ------------------------------ site name ------------------------------ */
.header { float: left; display: block; border: 3px solid #777777; background: #bbbbbb; border-radius: 12px; font-size: 2em; font-weight: bold; padding: 0.3em 0.7em; }
.header a { text-decoration: none; }

/* ------------------------------ welcome ------------------------------ */
.welcome { border: 3px solid #444444; font-size: 130%; font-weight: bold; padding: 20px; border-radius: 12px; }
.welcome button { padding: 5px 10px; margin: 0px 20px; }
.welcome input { margin: 2px 0; width: auto; font-family: monospace; } 
/* ------------------------------ message area ------------------------------ */
div.log { width: 673px; height: 50px; background: #bbbbbb; float: left }
.log2 { padding: 8px; }
.log span { background-color: #bbbbbb; vertical-align: baseline; align: center; text-align: center; }

/* ------------------------------ tabs ------------------------------ */
ul.tabs { margin: 17px 0 0.5em 0; padding: 0 0 0 17px; width: 100%; }
.tabs li { list-style: none; display: inline; margin: 0px; }
.tabs a.attention { background: #ddaaaa; }
.tabs a.attention:hover { background: #ffcccc; }
.tabs a.mentioned { background: #aaddaa; }
.tabs a.mentioned:hover { background: #ccffcc; }
.tabs a { border-left: 1px solid #444444; border-right: 1px solid #444444; border-top: 1px solid #444444; padding: 9px 10px 7px 8px; color: #444444; border-radius: 12px 12px 0 0; font-weight: bold; text-decoration: none; margin: -3px; background: #aaaaaa; }
.tabs a:hover { text-decoration: none; background: #cccccc; color: #222222; }
.tabs a.active { color: #000000; background: #eeeeee; border-bottom: 0px; }
div.tab { border: 1px solid #cccccc; background-color: #f8f8f8; margin-top: 0; margin-top: -3px; border-radius: 6px; }

/* ------------------------------ stats box ------------------------------ */
.winlose div { float: right; font-size: 130%; margin: 0; padding: 3px; margin-top: 0; border-radius: 12px; font-weight: bold; }
div.winlose { float: right; }
div.wins { color: green; }
div.losses { color: rgb(189, 29, 29); }
div.wins, div.losses { min-width: 30px; }
div.slash { padding-left: 0px; padding-right: 0px; text-align: center; }
.mp { padding: 3px; vertical-align: baseline; }
.mp span { font-size: 130%; padding: 3px 3px 3px 3px; font-weight: bold; }
.mp, .winlose { margin: 0; text-align: right; }
.stats { border-left: 3px solid #888888; border-right: 3px solid #888888; border-top: 3px solid #888888; background: #aaaaaa; border-radius: 12px 12px 0 0; padding: 3px 3px 2px 3px; margin: 5px; margin-bottom: 0; margin-right: 17px; }

/* ------------------------------ invest ------------------------------ */
#invest_edit { font-size: 130%; margin-top: 7px; margin-left: 20px; font-weight: bold; }

/* ------------------------------ chat ------------------------------ */
.chatscroll, .chatbetscroll { border: 1px solid #000000; background: white; overflow-y:scroll; }
.chatscroll { height: 320px; }
.chatbetscroll { height: 80px; resize: vertical; }
.chatbase { margin-top: 10px; width: 100%; }
.autowidth { width: auto; }
.chatinput { border: 1px solid #000000; text-align: left; width: auto; }
.chatstat th { padding: 0.5ex 1ex 0.5ex 1ex; }
.chatstat td { padding: 0.5ex 1ex }
.chatstat td, .chatstat th { text-align: right; font-size: 120%; }
#chatbets { display: none; }

/* ------------------------------ history table ------------------------------ */
.hist_table { font-size: 12px; }
.hist_table { text-align: right; }
.hist_table th, .hist_table td {padding: 4px; }
.hist_table th { text-align: center; background: #888888; }
.hist_table tr { background: #bbbbbb;}
.hist_table tr:nth-child(even) {background: #aaaaaa;}

/* ------------------------------ results box ------------------------------ */
.result.me { background: #d0d0d0; }
.result .zero { color: #888888; }
.result.me .zero { color: #909090; }
.result.win .lucky, .result.win .profit { color: #008800; font-weight: bold; }
.result.lose.imp .lucky { color: #444444; font-weight: bold; }
.result.win.gold .lucky { color: #996600; font-weight: bold; }
.result.lose .lucky, .result.lose .profit { color: #bd1d1d; font-weight: bold; }
.bet, .chance { width: 90px; }
.betid { width: 85px; }
.betid a { font-size: 70%; text-decoration: none; font-weight: normal; }
.lucky { width: 75px; }
.who { width: 140px; }
.when, .compare, .profit, .payout { width: 150px; }
.results .when { font-size: 80%; }
.results_header .profit, .results_header .bet { text-align: center; }
.bet, .profit { display: inline-block; padding: 0px; text-align: right; }
.when, .who, .betid, .chance, .lucky, .compare, .payout { display: inline-block; padding: 0px; text-align: center; }
fieldset p { display: inline-block; background: #dddddd; border: 1px solid #999999; padding: 5px; margin: 5px 0px; }
.container { padding-bottom: 10px; }
.llabel { border-radius: 6px 0 0 6px; min-width: 12ex; text-align: right; }
.rlabel { min-width: 17px; cursor: pointer; border-radius: 0 12px 12px 0; }
.edit_ga input { width: auto; }
input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #ffffff; border: 1px solid #999999; font-size: 100%; margin: 0; padding: 5px; text-align: right; vertical-align: baseline; width: 15ex; }
div.buttons { background-color: #999999; overflow: auto; }
.button_inner_group { margin: 0; padding: 0; display: inline-block; }
.button_group { overflow: hidden; margin-right: 5px; margin-top: 0; padding: 0; float: left; border: 5px solid #777777; border-radius: 12px; background-color: #777777; }
.button_group button.button_label:hover { border: 3px solid #999999; background: #bbbbbb; }
.button_group button.button_label:active { border: 3px solid #999999; background: #999999; }
.button_group button.button_label { border: 3px solid #bbbbbb; border-radius: 12px 0 0 12px; background: #dddddd; width: auto; }
.button_inner_group .key { font-size: 80%; border: 2px solid #000000; border-radius: 3px; background: #448844; color: white; width: 3ex; margin: auto; margin-top: 2px; text-shadow: 1px 1px #000000; }
.button_group button.right, .button_group button.right:hover { border-radius: 0 12px 12px 0; }
.button_group button.waiting, .button_group button.waiting:hover { background-color: #66aa66; cursor: auto; }
.button_group button.inactive, .button_group button.inactive:hover { background-color: #66aa66; cursor: auto; }
.button_group button.invalid, .button_group button.invalid:hover { background-color: #ffcccc; border: 5px solid #cc9999; cursor: auto; }
.button_group button { vertical-align: top; height: 48px; border-radius: 0; background-color: #ccffcc; font-size: 100%; border: 3px solid #88aa88; padding: 0 1px; min-width: 5ex; }
.button_group button:hover { background-color: #aaddaa; }
.button_group button:active { background-color: #88bb88; }
input[type="submit"], button { font-size: 100%; border: 3px solid #888888; border-radius: 6px; padding: 1px 6px; margin: 1px 2px; width: auto; background-color: #cccccc; }
input[type="submit"]:hover, button:hover { background-color: #aaaaaa; cursor: pointer; }
input[type="submit"]:active, button:active { background-color: #888888; }
.target { font-size: 60%; height: 13px; }
fieldset { display: inline-block; background-color: #999999; }
.buttons { background-color: #bbbbbb; }
.results { overflow:auto }
.results_header { font-weight: bold; font-size: 120%; padding: 1ex 0; border-radius: 12px 12px 0 0; border-bottom: 1px solid #000000; background: #aaaaaa; }
.roll { border: 3px solid #444444; padding: 15px 10px 0px 10px; border-radius: 12px; }
.gap { height: 10px; }
.roll span { font-size: 110%; }
.roll .slabel { width: 170px; }
.slabel { float: left; padding: 0px 5px 5px 0; font-size: 130%; text-align: right; width: 150px; }
.statspanel h2 { padding-left: 35px; }
.statspanel { float: left; width: 400px; }
.panel, .results_container { border-radius: 12px; background: #b0b0b0; border: 3px solid #777777; margin: 0px; }
#blank .panel { height: 200px; }
fieldset, .log, .buttons { vertical-align: top; padding: 0 5px; margin-right: 5px; margin-bottom: 5px; border: 3px solid #777777; border-radius: 12px; }
.warning { background-color: #ffcc00; }
.invalid { background-color: #ffcccc; }
.readonly { background-color: #dddddd; }
.hilite { display: inline; }
.big { padding: 0; font-size: 125%; display: inline-block; }
.big button { border: 5px solid green; border-radius: 12px; }
.big .button_group button { height: 77px; min-width: 75px; }
.big .button_inner_group .key { font-size: 61.538%; }
.balance { padding-top: 5px; padding-left: 5px; }
.bal_text { padding: 0; text-align: left; }
.big input { margin: 0; font-size: 120%; border: 3px solid #888888; background: #cccccc; font-weight: bold; color: #448844; width: 190px; border-radius: 12px; }
div.panel { padding: 1em; }
#stats .panel span { font-size: 120%; font-weight: normal; }
.chatline { text-indent: -2em; margin-left: 2em; }
.chatwin, .chatlose, .chatmod, .chatpm, .chatemote, .chatprincess, .chatstake, .chatinfo, .chatme, .ding { text-indent: 0; margin-left: 0; }
.ding { font-weight: bold; background: #eeeedd; color: inherit; }
.chatme { font-style: oblique; background: #eeeedd; color: inherit; }
.chatwin { background: #e8ffe8; color: inherit; }
.chatlose { background: #ffe8e8; color: inherit; }
.chatmod { background: #ffffc0; color: inherit; }
.chatpm { background: #e0e0ff; color: inherit; }
.chatemote { background: #ffddaa; color: inherit; }
.chatprincess { background: inherit; color: #500060; }
.chatstake { background: #d7dcfa; color: inherit; }
.chatinfo { background: #e5ceed; color: inherit; }
#chat span:hover { background: #e5ceed; }
#chat span { font-family: inherit; padding: 1px; margin: 0; font-weight: inherit; background: inherit; border: inherit; border-radius: inherit; }
.mono span, .roll span, .panel span, .chatstat span { font-family: monospace; padding: 2px 4px; margin: 2px; font-weight: bold; background: #cccccc; border: 1px dashed #777777; border-radius: 12px; }
.deposit { border: 3px solid #444444; padding: 5px; border-radius: 12px; }
.setup_ga .secret, .deposit .address { font-family: monospace; color: #000000; font-weight: bold; font-size: 130%; }
.w200 { width: 200px; }
.deposit #desc { width: 500px; }
.edit_ga .boxes { border-radius: 12px; border: 3px solid #777777; margin: 10px; padding-left: 10px; }
.setup_ga #desc, .edit_ga .desc { width: 400px; padding-left: 20px; }
.monospace { font-size: 90%; font-weight: bold; background: #cccccc; padding: 3px; display: inline-block; font-family: monospace; border-radius: 12px; }
.input_ok { font-size: 150%; }
.setup_ga .input_ok_button { padding-left: 10px; }
.withdraw p, .deposit p { margin: 10px 20px; }
.deposit img { margin-left: 20px; }
.withdraw .input_ok_button { font-size: 150%; padding-right: 10px; }
div.input_ok_input { float: left; }
.input_ok_input input { font-family: monospace; width: 100%; }
.autowidth { width: auto; }
input.name_input { font-family: monospace; margin-left: 10px; width: auto; }
.withdraw { width: 650px; border: 3px solid #444444; padding: 5px; border-radius: 12px; }
.withdraw .fleft { text-align: right; padding-right: 5px; width: 120px; }
#form_error { margin: 10px; }
#faq h4 { padding: 10px; background: #cccccc; border: 1px solid #666666; border-radius: 12px; }
#space { height: 100px; }