#decktoggle { color: #fff; position: fixed; bottom: 0px; left: 0px; xpadding: 1em; cursor: pointer; 
    background-color: #337ab7; text-align: center; border: 1px solid #2e6da4; border-top-right-radius: 24px; z-index: 200; border-bottom: 0px; border-left: 0px; height: 50px;
    width: 50px;
    line-height: 50px; }
#decktoggle:hover { background-color: #286090; border-color: #204d74; }
    
#decktoggle.dim { background-color: #cecece; border-color: #acacac; }
#decktoggle.dim:hover { border-color: #204d74; }
#deck { display: none; position: absolute; bottom: 0px; left: 0px; width: 300px; max-height: 500px; border: 1px solid #e0e0e0; 
    xborder-top-right-radius: 24px; z-index: 199; background-color: #fafafa; color: #444; border-bottom: 0px; border-left: 0px; xpadding-bottom: 10px; }
#deck_bar { display: none; background-color: #f0f0f0; }
#deck_vp { max-height: 480px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px; padding-left: 3em; border-radius: inherit; background-color: #fafafa; }


.deckrow { height: 40px; clear: both; }
.deckrowlbl { float: left; cursor: pointer; padding: .3em; display: inline-block; margin-right: 15px; width: 75%; font-size: 65%; height: 100%; }
.deckrowdel { float: right; cursor: pointer; padding: .3em; display: inline-block; margin-right: 5px; }

.card {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background-color: #fff;
    z-index: 10;
    opacity: .95;
}
.card_head {
    float: left;
    padding: .5em;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
}
.card_face {
    padding-left: 45px;
    padding-right: 45px;
}

th { 
    font-size: 75%;
    padding: 5px; }

.striped td {
    font-family: sans-serif;
}
.striped th { 
    /*background-color: #0080C0;*/
    background-color: steelblue;
    color: #fff;
    font-size: 90%;
    padding: 5px; }

.card_value {
    font-family: "Oswald", sans-serif;
    font-size: 32px;
    /*font-weight: bold;*/
    text-transform: uppercase;
}

.card.halfcard {
    width: 50%;
}
.card.leftcard {
    left: 0px;
    border-right: 1px solid #ccc;
}
.card.rightcard {
    right: 0px;
    border-left: 1px solid #ccc;
}

.cardtop {
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
}
.cardtop i {
    font-size: 22px;
}

.cardtab {
    background-color: steelblue;
    color: #fff;
    /*position: fixed;
    top: 0px;
    left: 0px;*/
    margin: 0px;
    padding: .6em;
    border-bottom-right-radius: 10px;
    display: inline-block;
    line-height: 20px;
}

.cardtools {
    background-color: steelblue;
    color: #fff;
    /*position: fixed;
    top: 0px;
    left: 0px;*/
    margin: 0px;
    margin-left: 10px;
    padding: .6em;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    line-height: 20px;
}

.cardtab .card_value {
    font-size: 20px;
}