'min' => 740,

    'min' => 960,

#carddisplay {
    width:960px;
    margin:0 auto;
}
#boardwrap {
    margin:0 auto;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.66);
    border: solid 2px #333;
    border-radius: 3px;
    height:720px;
    width:960px;
    overflow: hidden;
}

    top:-10px;
    left:-10px;

    margin:.5em .25em;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.66);
    border: solid 2px #333;
    border-radius: 3px;

    left: 10px;

    left: 18px;

}
.locslot .highlight {
    box-shadow: 0 0 4px 6px rgb(255, 255, 255) !important;

    background-size: 810px;

    float:left; height:180px; width: 316px; margin-right:.5em;

    float:left;
    height:166px;
    width: 282px;
    margin-right:.5em;

    float:left; height:180px; width: 660px;

    float:left;
    height:166px;
    width:630px;

    min-width:47%;
    margin-right: 1%;

    height:166px;
    width:455px;
    margin-right: 10px;

    width: 92%;
    padding:3px 2px;

    width:91%;
    padding:1px 2px;

    font-size: .8em;

    font-size: 13px;

.cardname.casecard {
    background-image: url(img/casenamebg.png);
    color:#f3f1ec;
}

}
/* Hide for now. Later these will be able to be switched on via a UI option. */
.cardname,
.tilename {
    display:none;

}

}

            this.CARD_WIDTH = 102;
            this.CARD_HEIGHT = 156;

            this.CARD_WIDTH = 90;
            this.CARD_HEIGHT = 138;

            // A "convenience store". For each tile we place, we store its DIV
            // here, so we can reference it easily for the highlight tile when
            // mouse is over the associated card feature.
            this.tileDivsByName = {};

            dojo.place('<div class="cardname casecard">' + _(this.gamedatas.cardinfos[card_type_id].name) + '</div>', card_div.id);

            var name = this.gamedatas.cardinfos[card_type_id].name;
            dojo.place('<div class="cardname">' + _(name) + '</div>', card_div.id);
            dojo.connect(card_div, 'mouseover', this, function (e) {
                dojo.addClass(this.tileDivsByName[name], 'highlight');
            });
            dojo.connect(card_div, 'click,mouseout', this, function (e) {
                dojo.removeClass(this.tileDivsByName[name], 'highlight');
            });

            this.tileDivsByName[name] = card_div;

    <div id="evidence_wrap" class="whiteblock" style="float:left; width:950px"><div id="evidence"></div></div>
    <div class="whiteblock" style="display:inline-block;background:none; opacity:0.75; width:110px;">

    <div id="evidence_wrap" class="whiteblock" style="float:left; width:838px; padding:5px 8px;"><div id="evidence"></div></div>
    <div class="whiteblock" style="display:inline-block; background:none; margin-right:0; padding:5px 8px; opacity:0.75; width:90px;">

<div id="boardwrap">

</div>