.pd:hover {
    border: 1px solid lightgrey;
    margin: 0;
    box-shadow: 0 0 6px lightblue
}

.pd {
    display: inline-block;
    width: 196px;
    margin: 1px;
    padding: .5em;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 15%)
}

.pd.highlight {
    margin-bottom: 200px
}

.r1 {
    display: flex;
    flex-direction: column
}

.c1 {
    display: inline-block;
    cursor: pointer;
    padding: 5%;
}

.r2 {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid lightgray;
    margin-top: 1em
}

.d1 {
    margin-right: .5em
}

.gr_icon {
    margin-right: 1em
}

.aui .pdesc h3 {
    font-size: 16px;
    line-height: 100%;
    margin-top: 0;
    margin-bottom: .2em
}

.aui .pdesc h4 {
    font-size: 14px;
    line-height: 100%
}

img.preview {
    width: 100%;
    vertical-align: top
}

.c2 {
    display: inline-block;
    white-space: normal;
    margin-left: .6em;
    min-width: 120px;
    text-align: center;
}

.c2 .title {
    height: 3.5em;
    text-overflow: ellipsis;
}
.pt {
    margin-top: .5em;
    font-weight: bold;
    overflow: hidden !important;
    text-overflow: ellipsis;
    width: 182px;
    white-space: nowrap
}

.pt h5 {
    margin: 0;
    font-size: 1.2em;
    color: darkgoldenrod
}

.pt h5.solved {
    color: darkgreen
}

div.rating {
    width: 55px;
    height: 11px;
    display: inline-block;
    background-image: url("/images/star.png");
    background-position: 0 11px
}

div.rating span {
    background-image: url("/images/star.png");
    background-position: 0 22px;
    display: block;
    height: 12px
}

#sizeSlider, #colorsSlider, #partsSlider, #diffSlider {
    width: 150px;
    display: inline-block;
    margin: 0 1em
}

#input-ca, #input-ci, #input-sa, #input-si, #input-pa, #input-pi {
    width: 5em
}

#input-da, #input-di {
    width: 7em
}

.field-group {
    display: inline-block
}

.aui .dropdown-menu input[type="radio"] {
    margin: -1px 5px 2px 5px;
    vertical-align: middle
}

a.navNext, a.navPrev {
    height: 45px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    transition: opacity .2s;
    z-index: 11
}

a.navPrev span, a.navNext span {
    display: block;
    width: 27px;
    height: 44px;
    background-image: url("/images/solvericons/navicons.png");
    background-size: cover
}

a.navNext {
    right: 10px
}

a.navNext span {
    background-position: 100%, 50%
}

a.navPrev {
    left: 10px
}

a.navPrev span {
    background-position: 0, 50%
}

.voteIcon {
    width: 35px;
    height: 35px;
    display: inline-block;
    cursor: pointer
}

#vote_0 {
    background-image: url("/images/icons/f0.png")
}

#vote_0:HOVER, #vote_0.myVote {
    background-image: url("/images/icons/t0.png")
}

#vote_1 {
    background-image: url("/images/icons/f1.png")
}

#vote_1:HOVER, #vote_1.myVote {
    background-image: url("/images/icons/t1.png")
}

#vote_2 {
    background-image: url("/images/icons/f2.png")
}

#vote_2:HOVER, #vote_2.myVote {
    background-image: url("/images/icons/t2.png")
}

#vote_3 {
    background-image: url("/images/icons/f3.png")
}

#vote_3:HOVER, #vote_3.myVote {
    background-image: url("/images/icons/t3.png")
}

#vote_4 {
    background-image: url("/images/icons/f4.png")
}

#vote_4:HOVER, #vote_4.myVote {
    background-image: url("/images/icons/t4.png")
}

#previewTable {
    border-spacing: 0
}

#previewTable {
    vertical-align: top
}

#previewTable td {
    border-spacing: 0;
    padding: 0
}

#previewTable img.blank {
    border: 1px solid gray
}

#previewTable img.blank.selected {
    border: 1px solid blue
}

.pdetail {
    display: none
}

.pdetail.selected {
    display: table
}

#pdetails, #previewTable {
    display: inline-block;
    margin-left: 2em
}

#pdetails td, .pdetail td {
    width: 100px
}

#pdetails th, .pdetail th {
    text-align: right;
    width: 100px
}

img.solution {
    max-width: 159px;
    max-height: 159px;
    margin: 12px;
    vertical-align: top
}

.themePanel {
    display: inline-table;
    width: 480px;
    max-width: 90%
}

.themePanel h2 {
    line-height: 2.2em;
    cursor: pointer
}

.aui .actualFilter li {
    line-height: 1
}

ul.actualFilter {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.aui .inlineButton {
    display: none
}

.aui .pd:hover .inlineButton {
    display: initial
}

#results > a {
    text-decoration: none;
    color: inherit
}

#results > a:visited {
    color: #777
}

@media (max-width: 767px) {
    .pd {
        display: block
    }

    .r1 {
        display: flex;
        flex-direction: row
    }

    #sizeSlider, #colorsSlider, #partsSlider, #diffSlider {
        display: none;
        width: 0
    }

    .aui .pd:hover .inlineButton, .aui .pd:active .inlineButton {
        display: block
    }
}

@media (max-width: 979px) {
    .aui .btn-group, .aui .button-holder {
        width: auto !important
    }
}