.resource {
    position: relative;
    border: 1px solid #CDCED1;
    padding: 0 2ex 2ex 2ex;
    border-radius: 6px;
    display: inline-block;
    width: 360px;
    margin: 0.9ex;
    vertical-align: middle;
    height: 320px;
    text-align: left;
    overflow: hidden;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s, background linear 0.2s;
}

.resource:hover {
    background: rgb(237, 237, 237);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    border-color: rgba(82, 168, 236, 0.8);
}

.resource img {
    width: 170px;
    height: 80px;
    border: 1px solid;
    border-color: #BBBBBB;
    background: white;
    display: inline;
}

.resource h2 {
    font-size: 24px;
}

.resource h3 {
    font-size: 19px;
    margin: 0.5ex 0 1ex 0;
}

.resource .mainbutton {
    float: right;
}

.resource_details .panel {
    background-color: rgb(246, 246, 244);
    border: 1px solid rgb(205, 206, 209);
    border-radius: 6px 6px 6px 6px;
    text-align: center;
    margin: 0 3ex;
    padding: 1ex;
}
