/* 
    Document   : scrollable
    Created on : 7-lug-2009, 10.29.19
    Author     : FranchinM
    Description:
        Purpose of the stylesheet follows.
*/
#scrollContainer {
    padding:0 10px;
    margin-left:0px;
    width: 730px;
    border: 0px solid blue;
/*    overflow:scroll;*/
}

#characters-scrol {
    position:relative;
    border-top:0px solid #EBEBEB;
    padding:1px;
    margin:0px;
    width:100%;
    height:120px;
    background-image:url('../images/scroll/scroll_bg.jpg');
    background-repeat: repeat-x;
    background-position: 0px 10px;
/*    border: 1px solid red;*/
}


/* root element for the whole scrollable setup */
div.scrollable_sitcom {
    margin:0px 11px;
    position:relative;
    padding:0px;
    padding-top:1px;
    padding-bottom:10px;
    overflow:hidden;
    height:110px;
    vertical-align:middle;
}

/*
	root element for scrollable items. It is
	absolutely positioned with large width.
*/
#thumbs {
    position:absolute;
    width:20000em;
    clear:both;
    border:0px;
}


    /* single item */
    #thumbs div {
        float:left;
        width:59px;
        overflow:hidden;
        cursor:pointer;
        padding:27px 10px;
    }
        #thumbs div .selected {
            display: none;
        }
        #thumbs div img {
            width:60px;
        }

        #thumbs div.hover img {
            display: none;
        }
        #thumbs div.active .selected, #thumbs div.hover .selected  {
            background:url("../images/scroll_selected_bg.jpg") repeat-x scroll 0 0 #B90619;
            border:3px solid #C0C0C0;
            color:#FFFFFF;
            display:block;
            font-weight:bold;
            height:108px;
            left:-10px;
            padding:0;
            position:relative;
            top:-22px;
            width:70px;
        }
        #thumbs div .selected p {
            padding:5px;
            padding-top:20px;
        }
        #thumbs div.active img {
            display: none;
        }







a.disabled {
    /*visibility:hidden !important;*/
}

a#scrollPrev, a#scrollNext {
    position:absolute;
    display:block;
    width:14px;
    height:106px;
    cursor:pointer;
    margin:0px;
    padding:0px;
    top:8px;
}
a#scrollPrev {
    left:-14px;
    background:url(../images/scroll/prev.gif) no-repeat;
}

a#scrollNext {
    right:-14px;
    background-image:url(../images/scroll/next.gif);
}