/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017年6月15日, 下午01:30:43
    Author     : Create
*/

body {
    -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;

}#rightpanelview {
    float: left;
    width: 85% ;
    height: 93% ;
    vertical-align: top;
    background: url(img/cyan_bg_1_light.jpg) no-repeat;
    background-size: 100% ;
    background-color: #009999;
}

#headerview {
    width: 100%  ;
    height: 15vh;
    border: solid 1px;
    border-radius: 5px;
    border-color: red;

    background-size: 100% ;
    background: url(img/gametitle.png) no-repeat;
    background-position: top left;
    background-size: 20% 80% ;
    padding-top: 5px;
    padding-left: 5px;
    background-origin: content-box;
    background-color: beige;
}



@font-face {
    font-family: labelfont;
    src: url(font/cambriab.ttf);
}

.infopanel {
    stroke: solid black 1px;
    fill:black;
    font-size: 13px;
    font-family: labelfont;
}

#credit,
#currentbet,
#currentwin,
#lastbet,
#lastwin {
    fill:blue;
}

.listhead {
    background:green;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    color:white;
    text-align:center;
}

#sidelistview {
    float: left;
    height:800px;
    width:14% ;
    border: solid red 1px;
    background-color:beige;
}


.keyborder2 {
    fill: green;
}

.keyborder1 {
    stroke: white;
    stroke-width:2px;
    fill: yellow;
}

.keylabel1 {
    font-size: 20px;
    fill: wheat;
    border-color: blue;
    border: solid;
    border-width:2px;
}

.keylabel2 {
    font-size:13px;
    fill: wheat;
    border-color:blue;
    border: solid;
    border-width:2px;
}

.tokentxt {
    font-size:8px;
    fill: black;
    stroke: solid white 2px;
}

.token1,
.token2,
.token3 {
    stroke: black;
    stroke-width:2px;
    fill: gold;
}

.token1,
.token3 {
    z-index:10;
}
/*left */
#outcomelistview{
   height:100%;
    width:98%;
    overflow-y:auto;
}

.lispan {
    display:block;
    font-size:12px;
    position: absolute;
    right:2px;
    padding:auto;
    margin:auto;
}
.speczone {
    fill:transparent;
    stroke:white;
    stroke-width:2px;
}
/*JQmobile unorderlist for outcome listing*/
#dlistv{
    padding-left: 2px;
}
#op{
   padding:auto;
   margin:auto;
}
.red_lv{
    display: block;
    position: relative;
    height:25px;
    min-width:180px;
    padding:2px;
    background-color:bisque;
     border: solid;
    border-width: 1px;
     border-color: white;
    margin: auto;
}
.black_lv{
    display: block;
    position: relative;    /*to hold  red,black block*/
    height:25px;
    min-width:180px;
    padding:2px;
    background-color:beige;
     border: solid;
    border-width: 1px;
    border-color: white;
    margin: auto;
}
.green_lv{
    display: block;
    position: relative;    /*to hold  red,black block*/
    height:25px;
    min-width:180px;
    padding:2px;
    background-color:lawngreen;
     border: solid;
    border-width: 1px;
    border-color: white;
    margin: auto;
}

.n_red {
    display:inline-block;
    color:white;
    font-size:15px;
    position:absolute;
    left:2px;
    text-align: center;
    height:22px;
    width:24px;
    padding: auto;
    background:red;
    border: solid white 2px;
      margin: auto;
}

.n_black {
    display:inline-block;
    color:white;
    font-size:15px;
    position:absolute;
    left:25px;
    text-align: center;
    height:22px;
    width:24px;
    padding: auto;
    background:black;
    border: solid white 2px;
      margin: auto;
}

.n_green {
    display:inline-block;
    color:white;
    font-size:15px;
    position:absolute;
    left:12px;
    text-align: center;
    height:22px;
    width:24px;
    padding: auto;
    background:green;
    border: solid white 2px;
}

.controlbtn{
    transform:translateY(0);
}
.controlbtn:hover{
    transform:translateY(-5px);
}
.controlbtn:active{
    transform:translateY(-5px);
}
.pie{
    fill:lightgreen;
    stroke:white;
    stroke-width:2;
}

.statstx,.barcharttx{
    fill:black;
    font-size:10px;

}

.barchart{
    fill:green;
    stroke:white;
    stroke-width:1;
}

#stats33 {
    fill:black;
    font-size:40px;

}