/*################################################################################//
//      SCRIPT NAME: thanks_collapse.css                                         #//
//################################################################################//
//      DESCRIPTION: This script is part of mwmods_thanks_collapse product.      #//
//                                                                               #//
//################################################################################//
//               BY: Muddy Waters                                                #//
//             DATE: 05/27/2013                                                  #//
//          VERSION: 1.0                                                         #//
//################################################################################*/

.post-thanks-container {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}

.post-thanks-no-overflow {
    max-height: 200px;
    overflow-y: hidden;
}

.post-thanks-fade {
    position: absolute;
    left: 0;
    top: 120px;

    height: 58px;
    width: 99%;

    background: -moz-linear-gradient(top,  rgba(237,237,237,0.2) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,0.2)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(237,237,237,0.2) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(237,237,237,0.2) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(237,237,237,0.2) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(237,237,237,0.2) 0%,rgba(237,237,237,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ededed', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}

.post-thanks-coll-ctrl a {
    text-decoration: none;
    cursor: pointer ;
}

.post-thanks-coll-ctrl {
    text-align: center;

    position: absolute;
    left: 0;
    top: 178px;

    height: 10px;
    width: 99%;
    padding: 6px;
    background-color: #EDEDED;
}

a:hover .post-thanks-link-text {
    color: #888888;
}

.post-thanks-link-text {
    padding-left: 3px;
    display: inline-block;
    zoom:1;
    *display:inline;
    font: 7pt verdana,geneva,lucida,'lucida grande',arial,helvetica,sans-serif;
    color: #a6a6a6;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.post-thanks-icon-down, .post-thanks-icon-up {
    background: url(img/arrow_sprites.png) no-repeat;
    display: inline-block;
    zoom:1;
    *display:inline;
}

a .post-thanks-icon-down {
    background-position: 0 -15px ;
    width: 8px;
    height: 7px;
}

a:hover .post-thanks-icon-down {
    background-position: -15px -15px ;
    width: 8px;
    height: 7px;
}

a .post-thanks-icon-up {
    background-position: 0 0;
    width: 8px;
    height: 7px;
}

a:hover .post-thanks-icon-up {
    background-position: -15px 0;
    width: 8px;
    height: 7px;
}