﻿.jcarousel-skin-custom .jcarousel-container {            
}

/* HORIZONTAL   
----------------------------------------------------------*/ 

.jcarousel-skin-custom .jcarousel-container-horizontal {
    width: 350px;
    height: 43px;
    padding-top: 8px;
    padding-bottom: 7px;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
}

.jcarousel-skin-custom #mycarouselPrivilege.jcarousel-container-horizontal 
{
    width: 250px;
}


.jcarousel-skin-custom .jcarousel-clip-horizontal {
    width:  290px;
    height: 43px;
    margin-left: 20px;
}

.jcarousel-skin-custom #mycarouselPrivilege > .jcarousel-clip-horizontal 
{
    width:  170px;    
}

.jcarousel-skin-custom .jcarousel-item {
    background-image: url(images/blackBg.gif);
    background-repeat: no-repeat;    
    width: 73px;
    height: 43px;    
    cursor: pointer;
}

.jcarousel-skin-custom .jcarousel-item:hover {
     /*border: solid 1px #808080;*/
}

.jcarousel-skin-custom .jcarousel-item-horizontal {
    margin-left: 20px;
}

.jcarousel-skin-custom .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-custom .jcarousel-next-horizontal {
    position: absolute;
    top: 5px;
    right: 0px;
    width: 21px;
    height: 49px;
    cursor: pointer;
    background: transparent url(images/jcarousel/next-horizontal.jpg) no-repeat -21px 0;
}

.jcarousel-skin-custom .jcarousel-next-horizontal:hover {
    /*background-image: url(images/jcarousel/next_hover.jpg);*/
}

.jcarousel-skin-custom .jcarousel-next-horizontal:active {
    background-position: -42px 0;
}

.jcarousel-skin-custom .jcarousel-next-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 21px;
    height: 49px;
    cursor: pointer;
    background: transparent url(images/jcarousel/prev-horizontal.jpg) no-repeat -21px 0;
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:hover {
    /*background-position: 0 0;*/
}

.jcarousel-skin-custom .jcarousel-prev-horizontal:active {  
    background-position: -42px 0;
}

.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-custom .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
}

/* VERTICAL   
----------------------------------------------------------*/

.jcarousel-skin-custom .jcarousel-container-vertical {
    width: 73px;
    height: 320px;
    padding-left: 8px;
    padding-right: 7px;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
}

.jcarousel-skin-custom .jcarousel-clip-vertical {
    width:  73px;
    height: 235px;
    margin-top: 40px;
}

.jcarousel-skin-custom .jcarousel-item-vertical {
    margin-bottom: 20px;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-custom .jcarousel-next-vertical {
    position: absolute;
    left: 19px;
    bottom: 0px;
    width: 49px;
    height: 21px;
    cursor: pointer;
    background: transparent url(images/jcarousel/next-vertical.jpg) no-repeat 0 -21px;    
}

.jcarousel-skin-custom .jcarousel-next-vertical:hover {
    /* background-position: 0 -32px; */
}

.jcarousel-skin-custom .jcarousel-next-vertical:active {
    background-position: 0 -42px;
}

.jcarousel-skin-custom .jcarousel-next-disabled-vertical,
.jcarousel-skin-custom .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-custom .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;
}

.jcarousel-skin-custom .jcarousel-prev-vertical {
    position: absolute;
    left: 19px;
    top: 0px;
    width: 49px;
    height: 21px;
    cursor: pointer;
    background: transparent url(images/jcarousel/prev-vertical.jpg) no-repeat 0 -21px;        
}

.jcarousel-skin-custom .jcarousel-prev-vertical:hover {
    /* background-position: 0 -32px; */
}

.jcarousel-skin-custom .jcarousel-prev-vertical:active {
    background-position: 0 -42px;
}

.jcarousel-skin-custom .jcarousel-prev-disabled-vertical,
.jcarousel-skin-custom .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-custom .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 0;
}
