div.dash-box {
    height:150px;
    width:222px;
    background-color:#d7d8da;
    float:left;
    position: relative;
}

div.dash-box + div.dash-box {
    margin-left: 12px;
}

div.dash-box:hover {
    cursor: pointer;
}

div.dash-box-top {
    position: relative;
    width:100%;
    height:110px;
}

span.dash-large-figure {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 28px;
    font-weight: bold;
}

span.dash-top-title {
    position: absolute;
    top:10px;
    left:10px;
    font-weight:bold;
    max-width:156px;
}

div.dash-box-bottom {
    background-color:#c4c4c6;
    position: absolute;
    bottom:0;
    left:0;
    height:34px;
    width:100%;
}

span.dash-bottom-title {
    position: absolute;
    bottom:40px;
    left:10px;
}

span.dash-bottom-message {
    float:left;
    margin-left:5px;
    margin-top:7px;
    font-size:16px;
}

span.dash-bottom-number {
    font-size:16px;
    font-weight:bold;
    float:left;
    margin-left:10px;
    margin-top:7px;
}

.dash-text-light {
    color: white;
}

.dash-text-dark {
    color: black;
}