/* CSS styles for long-text content preview, expanding and collapsing */
.textPanel 
{
    width: 100%;
    height: 220px;
    overflow: hidden;
    padding: 0px 0px 10px 0px;
}

.expanded {
    height: 100%;
}

.pnlFade {
    border-bottom: solid 1px #f0f0f0;
    background: linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%);
    background: -ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%);
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(75%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);
    height: 24px;
    margin-top: -25px;
    position: relative;
    width: 100%;
}

.lnkExpand {
    background-image: url(/images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px;
    text-decoration: none;
    cursor: pointer;
}

.lnkCollapse {
    background-image: url(/images/arrow-up.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px;
    text-decoration: none;
    cursor: pointer;
}