/* wrapper for component */
#componentWrapper5, #componentWrapper11 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 660px;
    margin: 0;
}

    #componentWrapper5 .thumbContainer, #componentWrapper11 .thumbContainer {
   
    }

    #componentWrapper5 .thumbInnerContainer, #componentWrapper11 .thumbInnerContainer {
        top: 0px;
        left: 0px;
    }

    #componentWrapper5 .thumb_hidden, #componentWrapper11 .thumb_hidden {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
    }

    #componentWrapper5 .thumbHolder, #componentWrapper11 .thumbHolder {
        width: 170px;
        height: 200px;
        background: #e4e4e4;
        /*-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px #ccc;*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc')";
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#cccccc');
        border-left: 1px solid #eee;
        overflow: hidden;
        float: right;
        margin: 5px 9px;
        position: relative;
    }

        #componentWrapper5 .thumbHolder a img, #componentWrapper11 .thumbHolder a img {
            display: block;
            width: 100%;
            height: 155px;
        }

    #componentWrapper5 .thumbBackward, #componentWrapper11 .thumbBackward {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #aaa;
        color: #666;
        margin-right: 0px;
        padding: 2px 6px;
        -moz-user-select: none;
        border-radius: 3px;
        cursor: pointer;
        display: inline-block !important;
        font-size: 16px;
        transition: all 0.2s ease 0s;
    }



    #componentWrapper5 .thumbForward, #componentWrapper11 .thumbForward {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 1px solid #aaa;
        color: #666;
        margin-right: 0px;
        padding: 2px 6px;
        -moz-user-select: none;
        border-radius: 3px;
        cursor: pointer;
        display: inline-block !important;
        font-size: 16px;
        transition: all 0.2s ease 0s;
    }

.pager-image {
    text-align: center;
}

/* title */
#componentWrapper5 .title, #componentWrapper11 .title {
    color: #333;
    font-size: 11px;
    height: 42px;
    overflow: hidden;
    text-align: center;
    width: 100%;
}

#componentWrapper5 .info, #componentWrapper11 .info {
    bottom: -176px;
    color: #999;
    font-size: 11px;
    height: 155px;
    margin: 0;
    padding-top: 13px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 195px;
}

#componentWrapper5 .thumbHolder:hover .info, #componentWrapper11 .thumbHolder:hover .info {
    background: #e4e4e4 none repeat scroll 0 0;
    bottom: -110px;
    transition: all 0.5s ease-in-out 0s;
}











/* public functions */
#publicFunctions {
    position: absolute;
    padding: 10px 25px 20px 20px;
    background: #444;
    left: 200px;
    top: 100px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    list-style: circle;
    -moz-box-shadow: 2px 2px 5px #222;
    -webkit-box-shadow: 2px 2px 5px #222;
    box-shadow: 2px 2px 5px #222;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#222222')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#222222');
    display: none;
}

    #publicFunctions li a {
        font-family: Arial, sans-serif;
        font-size: 16px;
        color: #fff;
    }

        #publicFunctions li a:hover, #publicFunctions li .current {
            text-decoration: underline;
        }