.transparent-light {
    opacity:0.35;
}

.pokercard {
    overflow:hidden;
    display:inline-block;
    width:48px;
    height:72px;
    box-shadow:2px 2px 10px 0px rgba(102,102,102,0.5);
    margin-right:4px;
    margin-bottom:8px;
    border-radius:5px;
    background-color:#fff;
    padding:5px;
}

.pokercard-empty {
    background-color:transparent;
    box-shadow: inset 2px 2px 10px 0px rgba(102,102,102,0.15);
}

.pokercard-back {
    background-color:#fff;
    padding:4px;
}

.pokercard-back-inner {
    width:100%;
    height:100%;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACBJREFUCB1j/M/AAERA8B9CMYE5SAQLTIaBkREsjKECADWhBgY5Cc7HAAAAAElFTkSuQmCC');
}

.pokercard-unknown {
    opacity:0.5;
}

.pokercard-value {
    text-align:center;
    margin-left:-17px;
    margin-top:-10px;
    font-size:24pt;
}

.pokercard-unknown .pokercard-value {
    /*margin-left:0px;
    font-size:36pt;*/
}

.pokercard-suit {
    text-align:center;
    margin-left:-17px;
    margin-top:-20px;
    margin-bottom:-10px;
    font-size:28pt;
}



.inline-pokercard-set {
    margin-left:5px;
    margin-right:3px;
    white-space:nowrap;
}

.inline-pokercard {
    text-align:center;
    overflow:hidden;
    display:inline-block;
    width:40px;
    height:26px;
    box-shadow:1px 1px 5px 0px rgba(102,102,102,0.5);
    margin-right:1px;
    margin-bottom:-6px;
    margin-top:-6px;
    border-radius:5px;
    background-color:#fff;
    padding:1px;
    font-weight:bold;
}

.inline-pokercard-empty {
    background-color:transparent;
    box-shadow: inset 2px 2px 10px 0px rgba(102,102,102,0.15);
}

.inline-pokercard-back {
    background-color:#fff;
    padding:3px;
}

.inline-pokercard-back-inner {
    display:inline-block;
    width:100%;
    height:100%;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACBJREFUCB1j/M/AAERA8B9CMYE5SAQLTIaBkREsjKECADWhBgY5Cc7HAAAAAElFTkSuQmCC');
}


.inline-pokercard-unknown {
    background-color:#eee;
    opacity:0.5;
}

.inline-pokercard-value {
}

.inline-pokercard-unknown .inline-pokercard-value {
}

.inline-pokercard-suit {
}