﻿/* RadListView1 (Customer Photos) */

#category-home-div,
#category-portal-div {
    width: 790px;
    /* border: solid 1px red; */
}

.myClass {
    width: 150px;
    height: 140px;
    float: left;
    margin: 15px 5px 5px 5px;
    padding: 15px 5px 5px 5px;
    position: relative;
    background: #fff;
    text-align: center;
    border: solid 0px #000;
}

#div-image {
    padding: 10px 1px 1px 1px;
}

.myClass:hover {
    background-color: #a1da29 !important;
}

.imageStyle {
    width: 133px;
}

.txt {
    border: 0px !important;
    background: #CCC !important;
    color: Black !important;
    margin-left: 10%;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 133px;
    filter: alpha(opacity=75); /* IE's opacity*/
    opacity: 0.75;
    -moz-opacity: 0.75;
    text-align: center;
}

.container, .container * {
    padding: 0;
    margin: 0;
    font-family: Verdana, Tahoma,arial,sans-serif;
    font-size: 12px;
}

.container {
    overflow: auto;
    padding: 2px;
    /* background-color:#ECF4FF; */
    /* border:1px solid #5D8CC9; */
    color: #00156E;
    border-bottom-style: none;
    width: 800px;
}

.slider {
    /* background-color:#ECF4FF; */
    /* border:1px solid #5D8CC9; */
    border-top-style: none;
    padding: 0 2px 5px 2px;
    width: 955px;
}

.item {
    width: 145px;
    height: 132px;
    float: left;
    overflow: hidden;
    margin: 5px;
    position: relative;
    /* border:1px solid #5D8CC9; */
    background-color: Transparent;
}

    .item img {
        width: 100%;
    }

.details, .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    display: none;
}

.mask {
    background-color: #5D8CC9;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 20;
}

.rdpWrap + .rdpWrap + .rdpWrap + .rdpWrap {
    min-width: 180px;
}

.details {
    color: White;
    cursor: default;
    z-index: 21;
}

.item:hover .mask,
.item:hover .details {
    display: block;
}

.details .name {
    display: block;
    margin: auto;
    margin-top: 50px;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
}

.details .company {
    display: block;
    text-align: center;
    margin-top: 20px;
    text-align: center;
}
