@charset "utf-8";
/* CSS Document */


/*html, body {
    height: 100%;
    margin: 0 0 1px;
    padding: 0;
}*/

html {
    /* permet de forcer l'affichage scrollbar même sans contenu à scroller */
    overflow-y: scroll;
}

div#allCards div {
    display: inline-block;
    margin-right: 30px;
}
div#allCards img {
    margin:4px;
}

p#error {
    background-color: red;
    padding: 4px;
    color: yellow;
    display: none;
    margin: 4px;
}

#overlayMsg {
     display: block;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-color: rgba(0,0,0,0.8);
     background-image: url('../images/texture-stripe1.png');
}
#overlayMsg div#closeMsg {
    position:absolute;
    right:0px;
    top:-20px;
    z-index:1001;
    text-decoration: underline;
}
#overlayMsg div#msgBox,
#overlayMsg div#rebuyPara,
#overlayMsg div#reportBox,
#overlayMsg div#awayBox,
#overlayMsg div#scoreBox,
#overlayMsg div#popChatBox,
#overlayMsg div#genericBox {
    display:none;
    position: relative;
    width:30%;
    margin:10% auto;
    background-color: #fff;
    border: 1px solid #C40000;
    border: 2px solid #FFF;
    color: #FFFFFF;
    padding:15px;
    text-align:center;
    border-radius: 10px;
    background: #383838;
    background-image: url('../images/texture-pw_maze_black.png');
}
#overlayMsg div#scoreBox, #overlayMsg div#popChatBox  {
   width:70%;
   max-width: 720px;
}

#overlayMsg div#loader {
    display: block;
    position: relative;
    /*width:90%;*/
    margin:10% auto;
    color: #FFFFFF;
    text-align:center;
}

img.imgChatPop {
    width:100px;
}
.popUpChatPara {
    position:absolute; top:-90px;
    right:-20px;
    z-index:5;
    display: none;
}

p.loaderRoom {
    font-size: 2em;
    font-weight: bold;
    font-family: DaysRegular,Arial,sans-serif;
    text-transform: uppercase;
}
p.loaderCancel {
    margin: 12px 0 0 0;
}
p.loaderCancel a {
    color:#FFF;
    text-transform: none;
    text-decoration: none;
}
p.loaderCancel a:hover {
    font-size: 1.4em;
    color: #F9FCAE;
}
div#loader img {
    margin: -4px 4px 0 0;
    vertical-align: middle;
}

div#rebuyPara button#rebuy {
    color:#036400;
}
div#rebuyPara button#leaveGame {
    color:#680100;
}
div#rebuyPara a, div#msgBox a, div#awayBox a, div#genericBox a {
    margin:18px 10px 0 0;
}

div#reportBox textarea {
    width:90%;
    min-height: 100px;
    padding: 2px;
    margin: 4px 0 10px 0;
}
div#reportBox p#privacyNote {
    font-size:0.7em;
    margin: 20px 0 0 0;
    text-align: justify;
}
div#reportBox p#privacyNote strong {
    font-size:1.2em;
    font-weight: bold;
}
div#reportBox h3 {
    font-size:1.4em;
    margin: 0 0 8px 0;
}
div#reportBox p#reportError {
    color: red;
    display: none;
    font-size: 0.8em;
}
div#reportBox p.reportDescribe {
    font-size: 0.9em;
    text-align: justify;
}
#overlayMsg div#scoreBox {
    /*display:block;*/
    margin:60px auto;
}
div#scoreBox {

}
tr.localScore td {
    background-color: rgba(255,255,255,0.2);
}
table.tableScore {
    width:90%;
    padding: 8px;
    margin: auto;
    text-align: left;
    background-color: rgba(0,0,0,0.4);
    border: 1px solid #000;
    border-radius: 16px;
    border-spacing: 0px;
    border-collapse: collapse;
}
table.tableScore td, table.tableScore th {
    vertical-align: top;
    padding: 2px 0;

    padding: 4px 10px;
    border: 1px solid #242424;
    text-align: center;
}
table.tableScore th {
    background-color: rgba(0,0,0,0.6);
}
table.tableScore td img {
    vertical-align: bottom;
}
table.tableScore td.plScore {
    /*width:40%;*/
    border-right:0px;
    text-align: left;
}
td.plScore img {
    width:20px;
}
table.tableScore td:first{
    background-color: green;
}
.scoreExpl {
    font-size:0.8em;
    color:gray;
    margin:10px 0;
    border-top:1px dotted gray;
    border-bottom:1px dotted gray;
    padding: 4px;
}

/*div#heartsWon p {
    font-size: 0.9em;
    text-align: left;
    width:30%;
    margin: 4px auto;
}
div#heartsWon p#heartsTotal {
    font-size: 1.3em;
    text-align: center;
    width:100%;
}*/

span.blinking {
    color:#F8FF7A;
}

#table {
    position:relative;
    top:20px;
    margin:0 auto;
    width:800px;
    height:450px;
    /*max-width:800px;*/
    /*overflow:hidden;*/ /* indispensable sinon fusion de marge... */
    border-radius:30px;
}

.tableStyle {

    background: rgb(54,140,28);

    /* FALLBACK pour IE et Opera */
    background-color: #1F6D0C;
    background-image:url('../images/texture-stripe3.png');
    background-repeat:repeat;

    background-image: url('../images/texture-stripe3.png'),
    -moz-radial-gradient(center, ellipse cover, rgba(54,140,28,1) 0%, rgba(20,76,7,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(54,140,28,1)), color-stop(100%,rgba(20,76,7,1)));

    background-image: url('../images/texture-stripe3.png'),
    -webkit-radial-gradient(center, ellipse cover, rgba(54,140,28,1) 0%,rgba(20,76,7,1) 100%);

    /* ne fonctionne pas */
    /*background-image: url('../images/texture-stripe3.png'),
    -o-radial-gradient(center, ellipse cover, rgba(54,140,28,1) 0%,rgba(20,76,7,1) 100%);*/

    background-image: url('../images/texture-stripe3.png'),
    -ms-radial-gradient(center, ellipse cover, rgba(54,140,28,1) 0%,rgba(20,76,7,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    radial-gradient(center, ellipse cover, rgba(54,140,28,1) 0%,rgba(20,76,7,1) 100%);
}

/*.speedMode {

    background: rgb(110,131,255);

    background-color: #243AB5;
    background-image:url('../images/texture-stripe3.png');
    background-repeat:repeat;

    background-image: url('../images/texture-stripe3.png'),
    -moz-radial-gradient(center, ellipse cover, rgba(110,131,255,1) 0%, rgba(36,58,181,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(110,131,255,1)), color-stop(100%,rgba(36,58,181,1)));

    background-image: url('../images/texture-stripe3.png'),
    -webkit-radial-gradient(center, ellipse cover, rgba(110,131,255,1) 0%,rgba(36,58,181,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    -ms-radial-gradient(center, ellipse cover, rgba(110,131,255,1) 0%,rgba(36,58,181,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    radial-gradient(center, ellipse cover, rgba(110,131,255,1) 0%,rgba(36,58,181,1) 100%);
}*/

.ie #table {
    background-color: #144C07;
    background-color: #1F6D0C;
    background-image:url('../images/texture-stripe3.png');
    background-repeat:repeat;
}

.tableBorder {
    box-shadow: 0 0 0 10px #D1D1D1, 0 0 0 14px #A38C96;
}

#sounds {
    display:none;
}

/** elactic video **/
/** see http://webdesignerwall.com/tutorials/css-elastic-videos **/
video {
    max-width: 100%;
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    padding:0;
    margin:0;
    display:none;
}

#videoBorder {
    position:absolute;
    left:0;
    top:0;
    z-index:5;
    border-radius:30px;
    box-shadow: 0 0 0 10px #D1D1D1, 0 0 0 14px #A38C96;
    width:800px;
    height:450px;
    display:none;
}
p.reloadVideo {
    position:absolute;
    bottom:10px;
    right:16px;
    z-index:6;
    font-size: 1.4em;
    text-shadow:2px 2px 2px rgba(0,0,0,0.4);
}
p.reloadVideo a {
    text-decoration: none;
    color: #FCFFC7;
}

#videoBackground {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    background-color: rgba(0,0,0,0.50);
    display:none;
}

p#inner {
    margin:6% 0 0 0;
    padding:3% 0 0 0;
    width:100%;
    text-align:center;
    font-size:3.4em;
    color: #254c07;
    color:#1F7C00;
    color:#F4FFA8;
    color:#FFFFFF;
    font-weight:bold;
    font-family:DaysRegular, sans-serif;
    text-shadow: 1px 1px 3px #5D7C61;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    opacity:0.3;
}
p.roomGameMode {
    text-align:center;
    font-size:0.8em;
    color:#FFFFFF;
    font-weight:bold;
    font-family:DaysRegular, sans-serif;
    opacity:0.4;
    font-style: italic;
}
p#paraJoin {
    width:20%;
    margin:0 auto;
    text-align:center;
    font-size:1em;
    color: #254c07;
    font-weight:bold;
    padding: 0;
}
p#paraPot {
    width:30%;
    border-radius:10px;
    margin:auto;
    text-align:center;
    font-size:2em;
    color:#EDFF96;
    font-weight:bold;
    padding: 2px;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    opacity:0.4;
}
p#paraPot i, p#sidePots i {
    font-size: 0.8em;
}
p#sidePots {
    width:30%;
    margin: 0.4% auto;
    visibility: hidden;
    text-align: center;
}
p#sidePots span {
    width:10%;
    border-radius:15px;
    text-align:center;
    font-size:1em;
    color:#EDFF96;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    font-weight:bold;
    padding: 2px;
    margin:0 4px;
    opacity:0.4;
}
div#tableLog {
    width:450px;
    border-radius:15px;
    margin:8px auto;
    text-align:center;
    font-size:1em;
    color: #254c07;
    font-weight:normal;
    color:#F9FCC7;
    overflow: hidden;
    white-space: nowrap;
}
div#tableLog p {
    display:inline-block;
}
div#tableLog a {
    text-decoration: none;
    color: #254c07;
}
p#lastActionLog {
    font-size:1em;
    cursor: pointer;
}

p.spriteCards {
    background-image:url('../images/cards/sprite-cards.png');
    width:75px;
    height:107px;
}
p.spriteBack {
    background-image:url('../images/cards/back.png');
    width:75px;
    height:107px;
}
p.cardLeft {
    position:absolute;
    left:15px;
    top:0;
    z-index:-10;
}
p.cardRight {
    position:absolute;
    left:36px;
    top:0;
    z-index:-9;
}
div.seatCards {
    position:absolute;
    /*top:-54%;*/
    top:-45px;
}

#flop {
    min-height:75px;
    width:410px;
    width:402px;
    margin:10px auto;
    display: block;
    white-space: nowrap;
    padding: 0 0 0 8px;
}
#flop p {
    border:1px dashed #254c07;
    border-radius:4px;
    height:105px; /* à cause de la bordure ...*/
    width:73px;
    display: inline-block;
    margin: 0 2px;
}

#flop p.spriteCards {
    border:0;
    width:75px;
    height:107px; /* plus de bordure bordure ...*/
}

#topTableFlop {
    width:410px;
    display: none;
    white-space: nowrap;
    position:absolute;
    top:-55px;
    left:194px;
    z-index:-1;
}

#topTableFlop p.spriteCards {
    display: inline-block;
    margin: 0 2px;
}

#bufferInfo {
    width:50%;
    max-width:300px;
    max-width:402px;
    margin: 10px auto 0 auto;
    padding: 8px;
    border-radius:16px;
    text-align:center;
    /*background-color: #254c07;*/
    display:none;
    color:#FFFFFF;
    font-weight:normal;
    font-size: 0.9em;

    background-color: #214700;
    background-image:url('../images/texture-stripe1.png');
    background-repeat:repeat;

    background-image: url('../images/texture-stripe1.png'),
    -moz-radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%, rgba(33,71,0,1) 100%);

    background-image: url('../images/texture-stripe1.png'),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(29,109,0,1)), color-stop(100%,rgba(33,71,0,1)));

    background-image: url('../images/texture-stripe1.png'),
    -webkit-radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%,rgba(20,76,7,1) 100%);

    background-image: url('../images/texture-stripe1.png'),
    -ms-radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%,rgba(33,71,0,1) 100%);

    background-image: url('../images/texture-stripe1.png'),
    radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%, rgba(33,71,0,1) 100%);

    border:1px solid #214700;
}
#bufferInfo a {
    color:#FFFFFF;
}
.seat div.seatInfoBulle {
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    font-size:12px;
    position:absolute;
    width:130px;
    height:90px;
    border:2px solid #FFF;
    border-radius: 16px;
    padding:4px 8px 8px 8px;
    background-color: #000;
    background-image: url('../images/texture-pw_maze_black.png');
    top:58px;
    left:8px;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4);
    display: none;
    color:#FFFFFF;
    z-index:5;
    opacity: 1;
}
.seat div.seatInfoBulle p.plNameInfo {
    font-size: 1.4em;
    border-bottom:1px dotted gray;
    text-align: center;
    color:#FFF;
    line-height: 1em;
    margin: 0 0 4px 0;
}
.seat div.seatInfoBulle p.prizesInfo {
    color:#FFF;
    margin:4px 0;
}
p.plNameInfo span {
    font-size: 0.7em;
    text-align: center;
}
.avatarImg {
    cursor: pointer;
}
.seat p.seatToken {
    width:20px;
    height:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    color:#FFFFFF;
    position:absolute;
    top:-5px;
    right:-5px;
}
.seat p.star {
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    text-shadow:1px 1px 2px #000;
}
.starRed {
    color:#E60026;
}
.starBlue {
    color:#82B0FF;
}
.starYellow {
    color:#FFFF45;
}
.starGreen {
    color:#11BD1F;
}

.starYellowLight {
    color:#FCFF9E;
}

.starYellowMedium {
    color:#FAFF5C;
}

.starYellowDark {
    color:#F8FF24;
}
.seat p.seatStar {
    font-size:14px;
    position:absolute;
    top:58px;
    left:8px;
}
.seat p.seatStarCurrent {
    font-size:24px;
    position:absolute;
    bottom:-8px;
    right:-6px;
}
.seat p.seatTokenBottom {
    width:14px;
    height:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    -o-border-radius:14px;
    border-radius:14px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    color:#FFFFFF;
    font-size:12px;
    position:absolute;
    /*bottom:-5px;
    right:-5px;*/
    top:58px;
    left:4px;
}
.seatTokenName {
    width:14px;
    height:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    -o-border-radius:14px;
    border-radius:14px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    color:#FFFFFF;
    font-size:12px;
}
.timerToken {
    width:30px;
    height:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -o-border-radius:30px;
    border-radius:30px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    color:#FFFFFF;
    font-size:24px;
    position:absolute;
    padding: 2px 2px 0 2px;
    bottom:-5px;
    right:-5px;
    box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4);
}
.itemLeftToken {
    float:left;
    margin:2px 48px 0 0;
    width:20px;
    height:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    color:#FFFFFF;
}

.dealerToken, .clotheLeft, .muchTimeLeft {
display: none;
background: #2476b5; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #2476b5 0%, #043772 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2476b5), color-stop(100%,#043772)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #2476b5 0%,#043772 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #2476b5 0%,#043772 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #2476b5 0%,#043772 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #2476b5 0%,#043772 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2476b5', endColorstr='#043772',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.clotheLeft {
    display: block;
}
.sbToken {
display: none;
background: #ceab10;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZWFiMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWQ3MDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ceab10 0%, #ad7000 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ceab10), color-stop(100%,#ad7000));
background: -webkit-radial-gradient(center, ellipse cover,  #ceab10 0%,#ad7000 100%);
background: -o-radial-gradient(center, ellipse cover,  #ceab10 0%,#ad7000 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ceab10 0%,#ad7000 100%);
background: radial-gradient(ellipse at center,  #ceab10 0%,#ad7000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceab10', endColorstr='#ad7000',GradientType=1 );
}
.bbToken {
display: none;
background: #ceab10;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNjZWFiMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWQ3MDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover,  #ceab10 0%, #ad7000 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ceab10), color-stop(100%,#ad7000));
background: -webkit-radial-gradient(center, ellipse cover,  #ceab10 0%,#ad7000 100%);
background: -o-radial-gradient(center, ellipse cover,  #ceab10 0%,#ad7000 100%);
background: -ms-radial-gradient(center, ellipse cover,  #ceab10 0%,#ad7000 100%);
background: radial-gradient(ellipse at center,  #ceab10 0%,#ad7000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceab10', endColorstr='#ad7000',GradientType=1 );
}

.seat {
    border:2px dotted gray;
    color:#CCCCCC;
    border-radius:16px;
    padding: 12px;
    text-align:center;
    z-index:1;
    min-width:90px;
    min-height:50px;
    background-color: transparent;
    background-image:url('../images/texture-stripe1.png');
    background-repeat:repeat;
}
.seated {
    border: 0;
    padding: 0;
    background-color: transparent;
    background-image:none;
}

.foldBlur {
    opacity:0.4;
}

.playerActive {
    background-color: darkgray;
    border: 2px solid gray;
}
.seat p {
    color:#CCCCCC;
}
.seat a {
    color:#CCCCCC;
    text-decoration:none;
    font-weight:bold;
}
.seat a:hover {
    color:#FFFFFF;
    text-shadow:4px 4px 8px rgba(0,0,0,0.8);
}

/**
 * Les sièges ont un z-index de 6 pour garantir que les infobulles des joueurs
 * seront affichés par-dessus les videos. Cf contexte d'empilement, pas tout compris
 */
#seat6 {
    position:absolute;
    top:60px;
    left:-160px;
    z-index:6;
}
#seat5 {
    position:absolute;
    top:270px;
    left:-160px;
    z-index:6;
}
#seat4 {
    position:absolute;
    bottom:-150px;
    left:60px;
    z-index:6;
}
#seat3 {
    position:absolute;
    bottom:-150px;
    left:350px;
    z-index:6;
}
#seat2 {
    position:absolute;
    bottom:-150px;
    left:650px;
    z-index:6;
}
#seat1 {
    position:absolute;
    top:270px;
    right:-160px;
    z-index:6;
}
#seat0 {
    position:absolute;
    top:60px;
    right:-160px;
    z-index:6;
}

#log {
    color: #FFFFFF;
    background-color: rgba(0, 0, 0, 0.3);
    width:160px;
    min-height:100px;
    font-size:0.8em;
    padding:4px;
    border-top:2px dotted gray;
    border-bottom:2px dotted gray;
    border-right:2px dotted gray;
}
aside {
    position:fixed;
    top:50px;
    left:0px;
}
aside p#hideHistoryPara {
    text-align: right;
    font-size: 0.8em;
    margin: 0 0 3px 0;
    color:#FFF;
}
a#hideHistory {
    color:#FFF;
}
.seatBackground {
    position:relative;
    border-radius:16px;
    padding: 0px 4px 6px 4px;
    /*min-width: 120px;
    max-width: 100px;*/
    /*width:120px;*/
    width:126px;
    max-width:126px;

    min-height: 70px;


    text-align: left;
    border:2px solid #4F4F4F;

    background: #757575;

    background-image: url('../images/texture-outlets.png'),
    -moz-radial-gradient(center, ellipse cover,  #757575 0%, #2E2E2E 100%);

    background-image: url('../images/texture-outlets.png'),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#757575), color-stop(100%,#2E2E2E));

    background-image: url('../images/texture-outlets.png'),
    -webkit-radial-gradient(center, ellipse cover,  #757575 0%,#2E2E2E 100%);

    background-image: url('../images/texture-outlets.png'),
    -o-radial-gradient(center, ellipse cover,  #757575 0%,#2E2E2E 100%);

    background-image: url('../images/texture-outlets.png'),
    -ms-radial-gradient(center, ellipse cover,  #757575 0%,#2E2E2E 100%);

    background-image: url('../images/texture-outlets.png'),
    radial-gradient(ellipse at center,  #757575 0%,#2E2E2E 100%);

    background-image: url('../images/texture-outlets.png'),
    radial-gradient(ellipse at center, #757575 0%, #2E2E2E 100%);

    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    -o-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=4);
}

.ie .seatBackground {
    background-color: #3A3A3A;
    background-image:url('../images/texture-tissu.png');
    background-repeat:repeat;
    border-radius:0;
}

.highlight {
    border:2px solid #1B8700;
    background: #0d720f;
    background: -moz-radial-gradient(center, ellipse cover,  #0d720f 0%, #214702 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0d720f), color-stop(100%,#214702));
    background: -webkit-radial-gradient(center, ellipse cover,  #0d720f 0%,#214702 100%);
    background: -o-radial-gradient(center, ellipse cover,  #0d720f 0%,#214702 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #0d720f 0%,#214702 100%);
    background: radial-gradient(ellipse at center,  #0d720f 0%,#214702 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d720f', endColorstr='#214702',GradientType=1 );
}

.winner {

    border:2px solid #F4FF93;
    text-shadow:1px 1px 2px rgba(0,0,0,0.4);
    background: #b7bf20;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiN2JmMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTY3NjBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #b7bf20 0%, #96760d 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b7bf20), color-stop(100%,#96760d));
    background: -webkit-radial-gradient(center, ellipse cover,  #b7bf20 0%,#96760d 100%);
    background: -o-radial-gradient(center, ellipse cover,  #b7bf20 0%,#96760d 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #b7bf20 0%,#96760d 100%);
    background: radial-gradient(ellipse at center,  #b7bf20 0%,#96760d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7bf20', endColorstr='#96760d',GradientType=1 );
}

#avatar {
    float:left;
}
p.playerName {
    text-align:left;

}
p.onSeat {
    display:block;
    vertical-align: top;
    color:#FFFFFF;
    margin:0 0 0 4px;
}
p.onSeat img {
    float:left;
    margin: 0 6px 0 0;
    width:100%;
    max-width:50px;
    -moz-box-shadow: 2px 2px 2px 0px #000000;
    -webkit-box-shadow: 2px 2px 2px 0px #000000;
    -o-box-shadow: 2px 2px 2px 0px #000000;
    box-shadow: 2px 2px 2px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}
p.girlName {
    font-size:1.05em;
    font-weight:bold;
    color:#F6FFC9;
    white-space: nowrap;
    overflow: hidden;
}
span.spanBet {
    font-size:1.6em;
    font-weight:bold;
}
span.spanTotal {
    font-size:1em;
}
.profitPos {
    color:#F2FC79;
}
.profitNeg {
    color:#FFF;
}
p.paraProfit {
    display:none;
    position: absolute;
    bottom: -20px;
    left:40px;
}
span.spanProfit {
    padding: 0 0 0 8px;
    font-weight: bold;
    display:inline;
}
span.profit {
    color:#5AD339;
}
span.loss {
    color:#FF5959;
}

p.playerHand {
    display: none;
    border-radius:6px;
    padding: 2px 4px;
    text-align:center;
    font-size:0.8em;
    position:absolute;
    z-index:4;
    width:90%;
    width:128px;
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.6);
    -o-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.6);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=4);
    background-color: #3D3D3D;
    background-image: url("../images/texture-twinkle_twinkle.png");
    color:#FDFFCC;
    opacity:1;
    border: 1px solid #1F1F1F;
}

p.lastAction {
    display: none;
    border-radius:6px;
    color:#FFFFFF;
    padding: 2px 10px;
    text-align:center;
    font-weight:bold;
    font-size:1em;
    position:absolute;
    top:-40px;
    left:4px;
    z-index:4;
    width:auto;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);

    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    -o-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=4);
}

.ie p.lastAction {
    -ms-transform: none;
    transform: none;
    border-radius:0;
}

p.actionLabelAllIn, p.actionLabelAllin {
    background: #b52424; /* Old browsers */
    background: -moz-linear-gradient(left,  #b52424 0%, #600600 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b52424), color-stop(100%,#600600));
    background: -webkit-linear-gradient(left,  #b52424 0%,#600600 100%);
    background: -o-linear-gradient(left,  #b52424 0%,#600600 100%);
    background: -ms-linear-gradient(left,  #b52424 0%,#600600 100%);
    background: linear-gradient(left,  #b52424 0%,#600600 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52424', endColorstr='#600600',GradientType=1 );
    opacity:0.2;
    opacity:1;
    border:1px solid #D31500;
}

p.actionLabelBet {
    background: #b52424; /* Old browsers */
    background: -moz-linear-gradient(left,  #b52424 0%, #600600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b52424), color-stop(100%,#600600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #b52424 0%,#600600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #b52424 0%,#600600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #b52424 0%,#600600 100%); /* IE10+ */
    background: linear-gradient(left,  #b52424 0%,#600600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b52424', endColorstr='#600600',GradientType=1 ); /* IE6-9 */
    opacity:0.2;
    opacity:1;
    border:1px solid #D31500;
}

p.actionLabelCall, p.actionLabelCheck {
    background: #064402; /* Old browsers */
    background: -moz-linear-gradient(left,  #064402 0%, #1d8403 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#064402), color-stop(100%,#1d8403)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #064402 0%,#1d8403 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #064402 0%,#1d8403 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #064402 0%,#1d8403 100%); /* IE10+ */
    background: linear-gradient(left,  #064402 0%,#1d8403 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#064402', endColorstr='#1d8403',GradientType=1 ); /* IE6-9 */
    opacity:0.2;
    opacity:1;
    border:1px solid #32A000;
}

p.actionLabelFold {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(left,  #000000 0%, #828282 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(100%,#828282)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #000000 0%,#828282 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #000000 0%,#828282 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #000000 0%,#828282 100%); /* IE10+ */
    background: linear-gradient(left,  #000000 0%,#828282 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#828282',GradientType=1 ); /* IE6-9 */
    opacity:0.2;
    opacity:1;
    border:1px solid #898989
}

#roomFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    padding: 0.5% 0;
    background: rgb(51,51,51);
    background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(33,33,33,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(33,33,33,1)));
    background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%);
    background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%);
    background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%);
    background: linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(33,33,33,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#212121',GradientType=0 );
    color:white;
    border-top:1px solid black;
}

#chatContainer {
    width:20%;
    position: absolute;
    left:0;
    bottom:35px;
    z-index:2;
    border:1px solid black;
    padding: 8px;
    font-size:0.8em;
    background-color: rgba(51,51,51,0.7);
}
#chatContainer ul {
    max-height:200px;
    overflow-y: scroll;
}

p#chat {
    float:left;
    margin-left:12px;
}

p#infos {
    float:right;
    margin-right:12px;
}
.timerContainer {
    /*position:absolute;*/
    margin: 4px 0 -4px 4px;
    width:92%;
    height:4px;
    background-color: gray;
    border-radius:4px;
    background: #282828;
    background: -moz-linear-gradient(top,  #282828 0%, #6b6b6b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#282828), color-stop(100%,#6b6b6b));
    background: -webkit-linear-gradient(top,  #282828 0%,#6b6b6b 100%);
    background: -o-linear-gradient(top,  #282828 0%,#6b6b6b 100%);
    background: -ms-linear-gradient(top,  #282828 0%,#6b6b6b 100%);
    background: linear-gradient(to bottom,  #282828 0%,#6b6b6b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#6b6b6b',GradientType=0 );
    background-color: #424242;
}
.timerBar {
    width:100%;
    height:100%;

    border-radius:4px;

    background: #0ea800;
    background: -moz-linear-gradient(left,  #0ea800 0%, #013f00 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0ea800), color-stop(100%,#013f00));
    background: -webkit-linear-gradient(left,  #0ea800 0%,#013f00 100%);
    background: -o-linear-gradient(left,  #0ea800 0%,#013f00 100%);
    background: -ms-linear-gradient(left,  #0ea800 0%,#013f00 100%);
    background: linear-gradient(to right,  #0ea800 0%,#013f00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ea800', endColorstr='#013f00',GradientType=1 );
}

div#filterRoom {
    margin:10px auto 20px auto;
    max-width:1200px;
    color: #FFFFFF;
    text-align: center;
}
div#filterRoom span {
    font-size: 0.9em;
    margin: 0 8px;
    color:#FCFFBF;
    font-weight: bold;
    font-style: italic;
}
div#filterRoom h4 {
    font-size: 1.2em;
}
div#filterRoom select {
    border: 1px solid #1C1C1C;
    height: auto;
    background-color: rgba(64, 64, 64, 0.5);
    color:#FFF;
    padding:3px;
}
div#filterRoom option {
    background-color: rgb(64, 64, 64);
}

p.tip {
    margin:10px auto;
    text-align: center;
    color:#FFF;
    font-size: 1.2em;
}
p.tip a {
    color:#FFF;
}

p.roomSize {
    padding:8px;
    display:block;
    max-width:1000px;
    margin: 10px auto;
}

.roomLevel {
    margin:50px auto 10px auto;
    margin: 40px auto 10px auto;
    background: rgb(35,142,8);

    background-color: #212121;
    background-image: url('../images/texture-brushed-alu.png');
    color: #1C1C1C;
    border:1px solid #000;
    padding:8px;
    display:block;
    border-radius:10px;
    max-width:1000px;
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    -ms-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    font-size: 1.8em;
}
.roomLevel p {
    color: #1C1C1C;
}
.roomLevel span {
    float: right;
    font-size: 0.5em;
}
.roomLevel span i {
    text-decoration: none;
}
.roomLevel a {
    color: #000;
}
.roomLevel a:hover {
    text-decoration: none;
    color:#1C1C1C;
}
.roomLevel em {
    font-size: 0.6em;
    color:#FAFFA3;
    color:#FFF;
    background-color: blue;
}
.roomLevel strong  {
    font-size: 1.4em;
    color:#FFFD91;
}
.infoRoomLevel {
    font-size: 0.5em;
}
.roomLevel p.roomType {
    font-family: DaysRegular,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.8em;
}

.titleList {
    text-align: center;
    text-transform: uppercase;
    font-size:3.6em;
    /*font-family: DaysRegular,Arial,sans-serif;
    font-family: molot,DaysRegular,Arial,sans-serif;*/
    font-family: DISTGRG,Arial,sans-serif;
    margin: 16px 0 0 0;
    color: #e1e1e1;
    color:#fff;

  /* 3D effect */
  text-shadow: -1px 0 #707070, 0 1px #707070, 1px 0 #707070, 0 -1px #707070,
               0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}
.titleList img {
    vertical-align: middle;
}
.titleTestMode {
    text-align:center;
    font-size:1.2em;
    color: #EAFF63;
}

div.roomChoice {
    margin:10px auto;
    background: rgb(35,142,8);

    /* FALLBACK Opera */
    background-color: #0E5B05;
    background-image:url('../images/texture-stripe3.png');

    background-image: url('../images/texture-stripe3.png'),
    -moz-radial-gradient(center, ellipse cover,  rgba(35,142,8,1) 0%, rgba(14,91,5,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(35,142,8,1)), color-stop(100%,rgba(14,91,5,1)));

    background-image: url('../images/texture-stripe3.png'),
    -webkit-radial-gradient(center, ellipse cover,  rgba(35,142,8,1) 0%,rgba(14,91,5,1) 100%);

    background-image: url('../images/texture-stripe3.png'),
    radial-gradient(center, ellipse cover,  rgba(35,142,8,1) 0%,rgba(14,91,5,1) 100%);

    border:1px solid #238E08;
    padding:8px;
    display:block;
    border-radius:10px;
    vertical-align: top;
    max-width:1000px;

    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    -ms-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.4);
}

.ie div.roomChoice {
    border-radius:0;
    background-color: #0E5B05;
    background-image:url('../images/texture-stripe3.png');
    background-repeat:repeat;
}

div.roomChoice h3 {
    color:#073001;
    width:100%;
    text-align: center;
    font-size:2.2em;
    text-align: left;
    font-family: DaysRegular,Arial,sans-serif;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #149C16;
}
div.roomChoice span.infoRoom {
    font-size: 1.4em;
    color:#FFFD91;
}
div.roomChoice h3, div.roomChoice p {
    display: inline-block;
}
div.roomChoice p {
    color:#FFFFFF;
}

div.roomChoice p a {
    color:#FFFFFF;
    text-decoration: none;
}
div.roomChoice ul {
    list-style-type:none;
}
div.roomChoice ul img {
    margin: 0 6px 0 0;
    float: left;
}
div.roomChoice li {
    min-height:40px;
    margin: 4px 4px 4px 0;
    color: #FFFFFF;
    float:left;
    min-width:150px;
}
div.roomChoice li span {
    font-size:0.8em;
}
div.roomChoice p span {
    font-size:0.8em;
}
div.roomChoice hr {
    height:1px;
    background-color:rgba(0,0,0,0.2);
    margin: 0 0 6px 0;
    clear: both;
}

div.roomChoice li.girlsInRoom {
    position: relative;
}
div.roomChoice li.girlsInRoom i {
    position:absolute;
    z-index:1;
    top:-10px;
    left:40px;
    text-shadow:2px 2px 3px #3D3D3D;
}
div.roomChoice button.inactive {
    opacity:0.4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
div.roomChoice button.inactive:active {
    position:static;
    color: #FFFFFF;
}
div.roomChoice button.inactive:hover {
    /*color: #e8f0de;*/
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
}
p.enterRoom {
    float:right;
}


/*** Pv Rooms **/
a#showPvForm {
    margin: 0 0 0 10px;
    color: #F9FF87;
    text-decoration: underline;
    cursor: pointer;
    font-size: 0.6em;
    color:#18CC04;
    color:#FFF;
    color:#000;
}
a#showPvForm:hover {
    text-decoration: none;
}
#overlayPvRoom {
     display: none;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
     background-color: rgba(0,0,0,0.8);
     background-image: url('../images/texture-stripe1.png');
}

form#createPvRoom {
    width:80%;
    margin: auto;
    display:block;
    border-radius: 16px;

    margin: 50px auto;
    max-width: 600px;
    border: 4px solid #FFF;
    padding: 2%;

    text-align: left;

    background: #606060;
    background-image: url('../images/texture-pw_maze_black.png');

    -webkit-box-shadow: 4px 8px 8px rgba(0,0,0,0.8);
    -moz-box-shadow: 4px 8px 8px rgba(0,0,0,0.8);
    -o-box-shadow: 4px 8px 8px rgba(0,0,0,0.8);
    -ms-box-shadow: 4px 8px 8px rgba(0,0,0,0.8);
    box-shadow: 4px 8px 8px rgba(0,0,0,0.8);
    color:#FFFFFF;
}
.ie form#createPvRoom {
    background: #212121;
    background-image: url('../images/texture-tissu.png');
}
#createPvRoom label, #createPvRoom input:not([type="submit"]) {
    display: inline-block;
    text-align: left;
    margin: 0.85% auto;
}
#createPvRoom label {
    width:35%;
}
#createPvRoom input:not([type="submit"]) {
    width:60%;
    border: 1px solid #aaa;
    background: #f2f2f2;
    padding: 8px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
#createPvRoom p {
    text-align: center;
}
#createPvRoom p.btReg {
    margin: 20px 0 0 0;
}
#createPvRoom span {
    float:left;
    color:red;
    font-size: 0.8em;
    display: block;
    width:100%;
}
#createPvRoom p.infoForm {
    font-size: 0.8em;
    text-align: left;
}
#createPvRoom .infoTitle {
    text-align:center;
    border-top:1px dotted gray;
    padding-top:4px;
    color:#FFF;
}
#createPvRoom p.infoHeading {
    border-bottom:1px dotted gray;
    padding-bottom:4px;
    color:gray;
    text-align:justify;
}
#createPvRoom p.infoHeading a {
    color:gray;
}
#createPvRoom a {
    color: #FFF;
}
#createPvRoom div#gameModeStyle {
    display: inline-block;
    width:50%;
}
#createPvRoom div#gameModeStyle input {
    width: auto;
}
#createPvRoom div#gameModeStyle label {
    width:auto;
    display: inline;
    margin: 0 20px 0 4px;
}
div#girlsInPvRoom{
    border-bottom:1px dotted gray;
    border-top:1px dotted gray;
    min-height: 58px;
    padding: 4px 0;
    margin: 8px 0 0 0;
}
#createPvRoom ul {
    list-style-type:none;
}
#createPvRoom ul img {
    margin: 0 4px 0 0;
    float: left;
}
#createPvRoom li {
    min-height:40px;
    margin: 4px 0;
    color: #FFFFFF;
    float:left;
    min-width:140px;
}
#createPvRoom li a {
    font-size: 0.8em;
    color:#BDBDBD;
    text-decoration: underline;
    cursor: pointer;
}
#createPvRoom li a i {
    text-decoration: none;
}
#addHelper {
    clear: both;
    text-align: center;
    margin: 4px 0 0 0;
}
#addHelper select,#addHelper p  {
    display: inline-block;
}
#createPvRoom h3 {
    text-align: center;
}
#errorPvRoom {
    margin: 8px 0;
    color:red;
    font-size: 0.9em;
}
/*** Pv Rooms **/


/**************************** UI INTEFACE **********************************/

.girlOffer {
    text-align:left;
    color:#FFFFFF;
    font-weight:normal;
    min-height:50px;
    font-size: 1em;
}
#girlSexyOffer img, #girlStripOffer img {
    float:left;
    margin: 0 8px 0 12px;
    -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    -o-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

#interface, #girlSexyOffer, #girlStripOffer {

    width:400px;
    margin: 8px auto 0 auto;
    padding: 8px;
    border-radius:16px;
    text-align:center;

    display:none;

    /* FALLBACK pour IE et Opera */
    background-color: #214700;
    background-image:url('../images/texture-stripe1.png');
    background-repeat:repeat;

    background-image: url('../images/texture-stripe1.png'),
    -moz-radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%, rgba(33,71,0,1) 100%);

    background-image: url('../images/texture-stripe1.png'),
    -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(29,109,0,1)), color-stop(100%,rgba(33,71,0,1)));

    background-image: url('../images/texture-stripe1.png'),
    -webkit-radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%,rgba(20,76,7,1) 100%);

    background-image: url('../images/texture-stripe1.png'),
    -ms-radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%,rgba(33,71,0,1) 100%);

    background-image: url('../images/texture-stripe1.png'),
    radial-gradient(center, ellipse cover, rgba(29,109,0,1) 0%, rgba(33,71,0,1) 100%);

    border:1px solid #214700;

    /*background: #1d6d00;
    background: -moz-radial-gradient(center, ellipse cover,  #1d6d00 0%, #214700 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#1d6d00), color-stop(100%,#214700));
    background: -webkit-radial-gradient(center, ellipse cover,  #1d6d00 0%,#214700 100%);
    background: -o-radial-gradient(center, ellipse cover,  #1d6d00 0%,#214700 100%);
    background: -ms-radial-gradient(center, ellipse cover,  #1d6d00 0%,#214700 100%);
    background: radial-gradient(ellipse at center,  #1d6d00 0%,#214700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d6d00', endColorstr='#214700',GradientType=1 );*/
}
#girlStripOffer {
    text-align: left;
}
#stripOffer, #sexyOffer {
    font-size: 0.9em;
}
#stripOffer a, #sexyOffer a {
    color:#FFFFFF;
}
/* STYLES DEFAUTS */
#interface button, #girlSexyOffer button {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    padding: .2em 1.2em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .6em;
    -moz-border-radius: .6em;
    border-radius: .6em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #e8f0de;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
button::-moz-focus-inner {
  border: 0;
}
/* special all-in */
#interface button#all-in {
    margin-left: 2em;
    border:0;
    color:#C10B0B;
    text-shadow:none;
    background: #ffff77;
    background: -moz-linear-gradient(top,  #ffff77 0%, #e5da39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff77), color-stop(100%,#e5da39));
    background: -webkit-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: -o-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: -ms-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: linear-gradient(to bottom,  #ffff77 0%,#e5da39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff77', endColorstr='#e5da39',GradientType=0 );
}

#girlSexyOffer button {
    margin: 4px 0 0 0;
}

/* STYLES BTS ACTIFS  */
#interface button.btActive, #girlSexyOffer button.btActive {
    opacity:1;
    outline: none;
}
#interface button.btActive:hover, #girlSexyOffer button.btActive:hover {
    background: #538018;
    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
#interface button.btActive:active, #girlSexyOffer button.btActive:active {
    color: #a9c08c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
    position: relative;
    top: 1px;
    outline: none;
}
#interface button#all-in:hover {
    background: #ffff49;
    background: -moz-linear-gradient(top,  #ffff49 0%, #cec133 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff49), color-stop(100%,#cec133));
    background: -webkit-linear-gradient(top,  #ffff49 0%,#cec133 100%);
    background: -o-linear-gradient(top,  #ffff49 0%,#cec133 100%);
    background: -ms-linear-gradient(top,  #ffff49 0%,#cec133 100%);
    background: linear-gradient(to bottom,  #ffff49 0%,#cec133 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff49', endColorstr='#cec133',GradientType=0 );
}

#interface button.btInactive, #girlSexyOffer button.btInactive {
    opacity:0.4;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: auto;
}
#interface button.btInactive:active {
    position:static;
}
#interface button.btInactive:hover {
    color: #e8f0de;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

#girlSexyOffer button#noBid {
    margin-left: 8px;
    border:0;
    color:#AA0906;
    background: #ffff77;
    background: -moz-linear-gradient(top,  #ffff77 0%, #e5da39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff77), color-stop(100%,#e5da39));
    background: -webkit-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: -o-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: -ms-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: linear-gradient(to bottom,  #ffff77 0%,#e5da39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff77', endColorstr='#e5da39',GradientType=0 );
}
#actionButtons {
    display: block;
}

#interface button#back {
    color: #d7d7d7;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top,  #666,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
#interface button#back:hover {
    background: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
    background: -moz-linear-gradient(top,  #444,  #000);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
#interface button#back:active {
    color: #666;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
    background: -moz-linear-gradient(top,  #000,  #444);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

#interface button#betOk {
    border:0;
    text-shadow:none;
    color:#C10B0B;
    background: #ffff77;
    background: -moz-linear-gradient(top,  #ffff77 0%, #e5da39 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff77), color-stop(100%,#e5da39));
    background: -webkit-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: -o-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: -ms-linear-gradient(top,  #ffff77 0%,#e5da39 100%);
    background: linear-gradient(to bottom,  #ffff77 0%,#e5da39 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff77', endColorstr='#e5da39',GradientType=0 );
}
#interface button#betOk:hover {
    background: #ffff49;
    background: -moz-linear-gradient(top,  #ffff49 0%, #cec133 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffff49), color-stop(100%,#cec133));
    background: -webkit-linear-gradient(top,  #ffff49 0%,#cec133 100%);
    background: -o-linear-gradient(top,  #ffff49 0%,#cec133 100%);
    background: -ms-linear-gradient(top,  #ffff49 0%,#cec133 100%);
    background: linear-gradient(to bottom,  #ffff49 0%,#cec133 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff49', endColorstr='#cec133',GradientType=0 );
}

#betButtons {
    display:none;
}
#betButtons button {
    padding:.2em 0.5em;
}
#betButtons button#bet10, #betButtons button#bet20, #betButtons button#bet30  {
    padding:.2em 1.2em;
}
#betButtons span {
    color:#FFFD91;
    font-weight: bold;
}
#paraReport {
    margin: 8px 0 0 0;
    padding: 0 20px 0 0;
    float: right;
    font-size: 0.9em;
    color:#FFFFFF;
}
#paraReport a {
    color:#FFFFFF;
}
#paraReport a:hover {
    text-decoration: none;
}
/*#paraReport a#fullScreen {
    display: inline;
}
#paraReport a#exitFullScreen {
    color:#F5FF8A;
    display: none;
}*/

#exitFullScreen {
    display: none;
}
#options {
    float:left;
    margin: 8px 0 0 0;
    padding: 0 0 0 8px;
}
#options a {
    margin: 0 0 8px 0;
    text-decoration: none;
    font-size: 1.4em;
    color:#FFF;
}
#toogleMute, #exitFullScreen, #fullScreen, #openPopChat, #mutePopChat {
    padding: 2px;
    width:40px;
}

div#downloadWidget {
    display:none;
    position:fixed;
    max-width:200px;
    font-size:0.9em;
    right:5px;
    bottom:5px;

    z-index:10000;
    padding: 8px;
    text-align: justify;
    color:#FFF;
    border-radius: 6px;

    background: #212121;
    color:white;
    border:1px solid #000;

    background-image: url('../images/texture-pw_maze_black.png');

    -moz-box-shadow: 4px 4px 4px 0px #000000;
    -webkit-box-shadow: 4px 4px 4px 0px #000000;
    -o-box-shadow: 4px 4px 4px 0px #000000;
    -ms-box-shadow: 4px 4px 4px 0px #000000;
    box-shadow: 4px 4px 4px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}
#downloadWidget img {
    max-width:40px;
    float:left;
    margin: 0 4px 0 0;
    -moz-box-shadow: 2px 2px 2px 0px #000000;
    -webkit-box-shadow: 2px 2px 2px 0px #000000;
    -o-box-shadow: 2px 2px 2px 0px #000000;
    box-shadow: 2px 2px 2px 0px #000000;
}
p#downloadInfo {
    font-size: 1.1em;
    color:#FFFD91;
    font-weight: bold;
}

div#popUpMsg {
    display:none;
    position:fixed;
    width:300px;
    font-size:0.9em;
    left:50%;
    margin-left:-150px;
    top:5px;
    z-index:10000;
    padding: 8px;
    text-align: justify;
    color:#FFF;
    border:2px solid #FFF;
    background: #155404;
    background: -moz-linear-gradient(left,  #155404 0%, #0b3602 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#155404), color-stop(100%,#0b3602));
    background: -webkit-linear-gradient(left,  #155404 0%,#0b3602 100%);
    background: -o-linear-gradient(left,  #155404 0%,#0b3602 100%);
    background: -ms-linear-gradient(left,  #155404 0%,#0b3602 100%);
    background: linear-gradient(to right,  #155404 0%,#0b3602 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#155404', endColorstr='#0b3602',GradientType=1 );

    -moz-box-shadow: 4px 4px 4px 0px #000000;
    -webkit-box-shadow: 4px 4px 4px 0px #000000;
    -o-box-shadow: 4px 4px 4px 0px #000000;
    box-shadow: 4px 4px 4px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

div#flashNotice, div#flashAlert {
    display:none;
    position:fixed;
    width:100%;
    top:-10px;
    top:0;
    z-index:500;
}
div#flashNotice p {
    color:#4F4F4F;
    font-size:0.9em;
    margin: 0 25%;
    text-align: center;
    z-index:10000;
    padding: 2px;
    background-color: #FBFF91;
    border:1px solid #DBC42A;
    -moz-box-shadow: 4px 4px 4px 0px #000000;
    -webkit-box-shadow: 4px 4px 4px 0px #000000;
    -o-box-shadow: 4px 4px 4px 0px #000000;
    box-shadow: 4px 4px 4px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}
div#flashAlert p {
    color:#FCDCDC;
    font-size:1.2em;
    font-weight:bold;
    margin: 0 25%;
    text-align: center;
    z-index:10000;
    padding: 2px;

background: #d30c20;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QzMGMyMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NjBjMTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #d30c20 0%, #960c19 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d30c20), color-stop(100%,#960c19));
background: -webkit-linear-gradient(top,  #d30c20 0%,#960c19 100%);
background: -o-linear-gradient(top,  #d30c20 0%,#960c19 100%);
background: -ms-linear-gradient(top,  #d30c20 0%,#960c19 100%);
background: linear-gradient(to bottom,  #d30c20 0%,#960c19 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d30c20', endColorstr='#960c19',GradientType=0 );

    /*background-color: #BD0B1D;*/
    border:1px solid #730611;
    -moz-box-shadow: 4px 4px 4px 0px #000000;
    -webkit-box-shadow: 4px 4px 4px 0px #000000;
    -o-box-shadow: 4px 4px 4px 0px #000000;
    box-shadow: 4px 4px 4px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

#maintenanceInfos {
    text-align: center;
    margin: 10px auto;
    max-width: 1000px;
    /*border: 2px solid #FFF;*/
    padding:6px;
    border-radius:10px;
}
#maintenanceInfos p {
    margin: 0;
}
#maintenanceMsg {
    font-size:2em;
}
#maintenanceInfos #timeLeft {
    color:red;
    font-size: 1.5em;
    font-weight: bold;
    margin: 8px 0;
}
#maintenanceInfos em {
    color:#EEFFAA;
    font-size: 0.9em;
}
#maintenanceInfos span {
    font-size: 1.2em;
    font-weight: bold;
}
div.girlList {
    max-width: 1110px;
    margin: 0 auto;
    text-align: left;
}
div.slides-container {
    width:90%;
    max-width:1200px;
    margin:20px auto;
}
div.m-slide-container {
    float:left;
    width:50%;
    margin:0 26px 0 0;
}
p.slide-container {
    float:left;
    width:45%;
}
p.slide-container img {
    margin:0 10px 10px 0;
    max-width:45%;
}
img.m-img {
    margin:0 10px;
    max-width:100%;
}
p.slide-text, p.slide-text-title {
   padding:10px 0 0 10px;
   text-align:justify;
}
p.slide-text-title {
    font-size: 1.3em;
}
p.wideSlide, div.smallSlides {
    width:80%;
    max-width: 800px;
    margin: 10px auto;
}
p.wideSlide img {
    max-width: 100%;
}
div.smallSlides {
    text-align: center;
}
div.smallSlides p {
    display: inline-block;
    margin: 0 4px 6px 0;
    max-width: 180px;
}
div.smallSlides p img {
    max-width: 100%;
}
div.girlListWide p {
    display: inline-block;
    margin: 10px;
}
div.girlListWide img {
    max-width: 100%;
}
div.girlListWide {
    text-align: center;
}
div.girlChoice {
    margin:10px auto;
    padding:8px;
    display:block;
    border-radius:10px;
    vertical-align: top;
    /*max-width:760px;*/
    max-width:300px;
    display: inline-block;
}
div.girlChoice img {
    border:4px solid #EDEDED;
    border-radius: 8px;
    -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    -o-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
    box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
}
div.girlChoice h3 {
    font-size:1.6em;
}
div.girlChoice p:last-child {
    text-align: center;
}
div.girlChoice .lock {
    font-size: 1.2em;
    color:red;
}
div.girlChoice .unlock {
    color:green;
}
div.girlChoice p span {
    font-size: 1.4em;
}

.cachePercent {
    font-size: 1.4em;
    padding: 0 0 0 4px;
    text-shadow:2px 2px 4px rgba(0,0,0,0.6);
    float: right;
}

div.girlChoice a.unableCacheBt {
    opacity:0.6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: auto;
}
div.girlChoice a.unableCacheBt:active {
    position:static;
}
div.girlChoice a.unableCacheBt:hover {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

/* Adaptation pour les résolutions: 1125 - 1024px de large*/
/*@media only screen and (max-width:1125px) {*/

@media only screen and (max-width:1125px) {
    /* Taille de la table */
    #table {
        width:600px;
        height:338px;
    }
    #videoBorder {
        width:600px;
        height:338px;
    }

    .seat {
        min-height: 40px;
        font-size:0.9em;
    }

    .seatBackground {
        border-radius:16px;

        padding: 0px 4px 6px 4px;

        min-width: 110px;
        min-height: 40px;

        border:2px solid #4F4F4F;

        -moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
        -webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
        -o-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
        box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.7);
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=4);
    }

    p.onSeat img {
        max-width:40px;
    }

    /* Emplacement des sièges */
    #seat5 {
        position:absolute;
        top:240px;
    }
    #seat4 {
        position:absolute;
        bottom:-130px;
        left:50px;
    }
    #seat3 {
        position:absolute;
        bottom:-130px;
        left:240px;
    }
    #seat2 {
        position:absolute;
        bottom:-130px;
        left:440px;
    }
    #seat1 {
        position:absolute;
        top:240px;
    }

    p#inner {
        font-size:2.4em;
    }

    p#inner img {
        max-width: 30px;
    }

    /* Emplacement du Top Flop */
    #topTableFlop {
        width:340px;
        left:140px;
        top:-50px;
    }

    #flop {
        min-height:60px;
        width:340px;
        width:320px;
        margin:6px auto;
    }

    #flop p {
        height:84px; /* 1px bordure quand vide*/
        width:58px;
    }

    #flop p.spriteCards {
        width:60px;
        height:86px;
    }

    p.spriteCards {
        background-image:url('../images/cards/sprite-cards-s.png');
        width:60px;
        height:86px;
    }
    p.spriteBack {
        background-image:url('../images/cards/back-s.png');
        width:60px;
        height:86px;
    }
    p.cardLeft {
        left:15px;
    }
    p.cardRight {
        left:36px;
    }
    div.seatCards {
        position:absolute;
        /*top:-50%;*/
        top:-40px;
    }
    #flop p.spriteCards {
        border:0;
        height:86px; /* plus de bordure ...*/
    }

    #topTableFlop p.spriteCards {
        margin: 0 2px 0 0;
    }

    .girlOffer {
        min-height:40px;
    }

    #interface, #girlSexyOffer, #girlStripOffer {
        width:58%;
        margin: 1.8% auto;
        font-size: 0.9em;
    }

    #girlSexyOffer img, #girlStripOffer img {
        max-width: 40px;
        margin: 0 4px 0 8px;
    }

    #bufferInfo {
        font-size: 0.8em;
    }

    div.roomChoice {
        max-width:900px;
    }
    .roomLevel {
        max-width:900px;
    }
    p.tip  {
        max-width:900px;
    }

    #maintenanceInfos {
        max-width:900px;
    }


    #overlayMsg div#scoreBox {
       width:80%;
    }

    p#paraPot {
        font-size:1.4em;
    }

    p.lastAction {
        padding: 2px 10px;
        font-size:1em;
        top:-30px;
    }

    p#lastActionLog {
        font-size:0.9em;
    }

    .highlight {
        border:2px solid #1B8700;
        /* sinon se fait écraser par .seatBackground */
    }
    .winner {
        box-shadow: 1px 1px 12px #555;
        background: rgb(221,232,23);
        background: -moz-linear-gradient(top,  rgba(221,232,23,1) 0%, rgba(153,155,27,1) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,232,23,1)), color-stop(100%,rgba(153,155,27,1)));
        background: -webkit-linear-gradient(top,  rgba(221,232,23,1) 0%,rgba(153,155,27,1) 100%);
        background: -o-linear-gradient(top,  rgba(221,232,23,1) 0%,rgba(153,155,27,1) 100%);
        background: -ms-linear-gradient(top,  rgba(221,232,23,1) 0%,rgba(153,155,27,1) 100%);
        background: linear-gradient(top,  rgba(221,232,23,1) 0%,rgba(153,155,27,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde817', endColorstr='#999b1b',GradientType=0 );
        border:2px solid #F4FF93;
        text-shadow:1px 1px 2px rgba(0,0,0,0.4);
        /* sinon se fait écraser par .seatBackground */

        background: #b7bf20;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiN2JmMjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTY3NjBkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-radial-gradient(center, ellipse cover,  #b7bf20 0%, #96760d 100%);
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b7bf20), color-stop(100%,#96760d));
        background: -webkit-radial-gradient(center, ellipse cover,  #b7bf20 0%,#96760d 100%);
        background: -o-radial-gradient(center, ellipse cover,  #b7bf20 0%,#96760d 100%);
        background: -ms-radial-gradient(center, ellipse cover,  #b7bf20 0%,#96760d 100%);
        background: radial-gradient(ellipse at center,  #b7bf20 0%,#96760d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7bf20', endColorstr='#96760d',GradientType=1 );

    }

    #overlayMsg div#loader {
        /*width:40%;*/
        font-size: 1em;
    }

    #options a {
        font-size: 1.1em;
    }

    #paraReport {
        font-size: 0.8em;
    }

    p.loaderRoom {
        font-size: 1.4em;
    }

    .seat p.seatTokenBottom {
        top:50px;
        left:4px;
    }

    .seat p.seatStar {
        top:45px;
        left:8px;
    }
    .seat p.seatStarCurrent {
        bottom:-10px;
        right:-8px;
    }

    #overlayMsg div#reportBox {
        width:50%;
    }

}

/* Adaptation pour les résolutions inf à 960px de large*/
@media only screen and (max-width:960px) {
    /* Taille de la table */
    #table {
        width:500px;
        height:250px;
    }
    #videoBorder {
        width:500px;
        height:250px;
        box-shadow: 0 0 0 8px #D1D1D1, 0 0 0 4px #A38C96;
    }

    .seat {
        min-height: 30px;
        font-size:0.8em;
    }

    .seatBackground {
        width:90px;
        max-width: 90px;
    }

    p.onSeat img {
        max-width:40px;
    }

    /* Emplacement des sièges */
    #seat6 {
        top:20px;
        left:-150px;
    }
    #seat5 {
        top:160px;
        left:-150px;
    }
    #seat4 {
        bottom:-130px;
        left:20px;
    }
    #seat3 {
        bottom:-130px;
        left:190px;
    }
    #seat2 {
        bottom:-130px;
        left:360px;
    }
    #seat1 {
        top:160px;
        right:-150px;
    }
    #seat0 {
        top:20px;
        right:-150px;
    }

    p#inner {
        font-size:1.8em;
        padding-top: 8px;
    }
    p.roomGameMode {
        display: none;
    }

    p#inner img {
        display: none;
    }
    p#paraPot {
        font-size: 1.3em;
        padding: 0;
    }
    p#sidePots {
        display: none;
    }
    div#tableLog {
        margin-top:4px;
    }

    .girlOffer {
        min-height:40px;
    }

    #interface, #girlSexyOffer, #girlStripOffer {
        width:80%;
        margin: 4px auto;
        font-size: 0.9em;
    }

    #girlSexyOffer img, #girlStripOffer img {
        max-width: 30px;
        margin: 0 4px 0 8px;
    }


    /* Emplacement du Top Flop */
    #topTableFlop {
        width:340px;
        left:140px;
        top:-50px;
    }

    #flop {
        min-height:60px;
        width:340px;
        width:320px;
        margin:6px auto;
    }

    #flop p {
        height:84px; /* 1px bordure quand vide*/
        width:58px;
    }

    #flop p.spriteCards {
        width:60px;
        height:86px;
    }

    p.spriteCards {
        background-image:url('../images/cards/sprite-cards-s.png');
        width:60px;
        height:86px;
    }
    p.spriteBack {
        background-image:url('../images/cards/back-s.png');
        width:60px;
        height:86px;
    }
    p.cardLeft {
        left:15px;
    }
    p.cardRight {
        left:36px;
    }
    div.seatCards {
        position:absolute;
        /*top:-50%;*/
        top:-40px;
    }
    #flop p.spriteCards {
        border:0;
        height:86px; /* plus de bordure ...*/
    }

    #topTableFlop p.spriteCards {
        margin: 0 2px 0 0;
    }



    #bufferInfo {
        font-size: 0.8em;
    }

    div.roomChoice {
        max-width:900px;
    }
    .roomLevel {
        max-width:900px;
    }
    p.tip  {
        max-width:900px;
    }

    #maintenanceInfos {
        max-width:900px;
    }

    p.lastAction {
        padding: 2px 10px;
        font-size:1em;
        top:-30px;
    }

    p#lastActionLog {
        font-size:0.9em;
    }

    .highlight {
        border:2px solid #1B8700;
        /* sinon se fait écraser par .seatBackground */
    }

    #overlayMsg div#loader {
        /*width:40%;*/
        font-size: 1em;
    }

    #options a {
        font-size: 1.1em;
    }

    #paraReport {
        font-size: 0.8em;
    }

    p.loaderRoom {
        font-size: 1.4em;
    }

    .seat p.seatTokenBottom {
        top:50px;
        left:4px;
    }

    .seat p.seatStar {
        top:45px;
        left:8px;
    }
    .seat p.seatStarCurrent {
        bottom:-10px;
        right:-8px;
    }
}