/* this makes it possible to add next button beside scrollable */
.scrollable
{
    float: left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse
{
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    margin: 130px 0px;
    cursor: pointer;
    font-size: 1px;
}



.button
{
    width: 30px;
    height: 30px;
}


/* right */
/* a.right 				{background:url(../images/hori_large.png) no-repeat;} */


/* left */
/*a.left				{ background:url(../images/hori_large.png) no-repeat; } */


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

.scrollable
{
    /* required settings */
    position: relative;
    overflow: hidden;
    width: 550px;
    height: 265px;
    padding: 50px;
    top: 7px;
    left: 15px;
}


.proscrollable
{
    float: left;
    margin: 0 25px 15px 3px !important;
    text-align: center;
    width: 188px;
}

.proscrollale span
{
    float: left;
    height: 275px;
    width: 188px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-bottom: 5px; /*border: 2px solid #292727; */
}

.scrollable .items
{
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
    top: 5px;
    left: 1px;
}

.items div
{
    /**/ float: left;
    width: 1900px;
}


.scrollable img
{
    float: left;
    /*margin: 0px 0px 0px 5px;*/
    /*background-color: #fff;
    padding: 1px;
    border: 1px solid #F56666;*/
    width: 138px;
    height: 178px;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    cursor: pointer;
    /*box-shadow: 3px 2px 3px 0px #0C0303;*/
    /*border-radius: 4px;*/
    box-shadow: none;
    border: 4px solid white;
}

    /* Quang DMS*/
    .scrollable img:hover
    {
        box-shadow: none;
    }
/* active item */
.scrollable .active
{
    border: 2px solid #000;
    position: relative;
    cursor: default;
}


/* single scrollable item */
.proscrollable img
{
    float: left;
    /*margin: 0px 0px 0px 5px;*/
    /*background-color: #fff;
    padding: 1px;
    border: 1px solid #F56666;*/
    width: 100%;
    height: 275px;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;*/
    cursor: pointer;
}

.trailer_vis
{
    background: url("../Images/overlay-trailer.jpg") no-repeat scroll left top transparent;
    height: 191px;
    left: 0;
    position: absolute;
    top: 15px;
    width: 130px;
    z-index: 999;
}


.viewmore-btn_vn
{
    display: block;
    float: left;
    width: 65px;
    height: 21px;
    margin-top: 5px;
    background: url(../Images/more-button_vn.jpg) no-repeat left top;
}


.buyticket-btn_vn
{
    display: block;
    float: left;
    width: 65px;
    height: 21px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 5px;
    background: url(../Images/buy-ticket-button_vn.jpg) no-repeat left top;
}



.buyticket-btn_vn_popup
{
    display: block;
    float: left;
    width: 105px;
    height: 50px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 5px;
    background-color: Green;
}


/*
    DMS-QUANG
    */

.scrollable-news
{
    height: 490px;
    width: 475px;
    /*padding: 50px;*/
}

    .scrollable-news .items-news
    {
        width: 5000em;
        position: absolute;
        clear: both;
    }

        .scrollable-news .items-news .proscrollable-news
        {
            text-align: center;
            width: 475px;
            margin-top: 0px;
        }



/* DMS-QUANG
*/

.scrollable-QUANG
{
    position: relative;
    overflow: hidden;
    width: 550px;
    height: 265px;
    padding: 50px;
    top: 7px;
    left: 15px;
}
.scrollable-QUANG .items
{
    width: 20000em;
    position: absolute;
    clear: both;
    top: 5px;
    left: 1px;
}


.scrollable-QUANG img
{
    float: left;
    cursor: pointer;
    box-shadow: none;
    border: 4px solid white;
}
    /* Quang DMS*/
    .scrollable-QUANG img:hover
    {
        box-shadow: none;
    }
/* active item */
.scrollable-QUANG .active
{
    border: 2px solid #000;
    position: relative;
    cursor: default;
}