/*	[img-carousel]	*/
body.js #pnlJqCarousel .functions
{
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 0px;
    z-index: 100;
    /*background: #eee;*/
    /* height: 25px; */
    border-bottom: 1px solid #ddd;
}

    body.js #pnlJqCarousel .functions a.prev
    {
        background: url('btn-prev.png') no-repeat 0 0;
    }

    body.js #pnlJqCarousel .functions a.next
    {
        background: url('btn-next.png') no-repeat 0 0;
    }

body.js #pnlJqCarousel
{
    position: relative;
    border: 0px solid #e0e0e0;
}

    body.js #pnlJqCarousel #slides
    {
        float: left;
        width: 100%;
    }

    body.js #pnlJqCarousel .slide
    {
        display: none;
        z-index: 1;
        text-align: center;
        position: absolute;
        width: 100%;
    }


    body.js #pnlJqCarousel .slide
    {
        position: relative;
    }



    /*	[current position]	*/
    body.js #pnlJqCarousel .position
    {
        text-align: right;
        padding-right: 10px;
        color: #ccc;
        font-weight: bold;
    }

        body.js #pnlJqCarousel .position span
        {
            background-image: url('icon-img-item-alt.png');
            display: inline-block;
            width: 11px;
            height: 10px;
            margin-left: 3px;
            cursor: pointer;
        }

            body.js #pnlJqCarousel .position span.current
            {
                background: url('icon-img-item.png') no-repeat 0 0;
            }
    /*	[/current position]	*/
    /*	[/img-carousel]	*/


    /*	[mods]	*/
    body.js #pnlJqCarousel .slide
    {
        text-align: left;
    }

#pnlJqCarousel
{
    background: #fff;
}


    #pnlJqCarousel #slides
    {
        width: 100%;
        padding: 0;
    }




.slide .txt-content h2
{
    font-size: 20px;
    font-weight: normal;
    color: #5F9ACD;
    margin: 0 0 0.5em 0;
}

.slide .txt-content
{
    font-size: 0.9em;
    line-height: auto;
}

.slide .no-bg-img
{
    float: left;
    background: #fff;
}

.slide a img,
.slide a .full-slide
{
    border: none;
    cursor: pointer;
}

.full-slide,
.full-slide a
{
    width: 100%;
    cursor: pointer;
    position: absolute;
}


.slide a
{
    overflow: hidden;
}

.slide .img-content
{
    z-index: 1;
}

    .slide .img-content img
    {
        width: 100%;
    }

/*.slide .txt-content
{
    background: #fff;
    position: absolute;
    z-index: 20;
    top: 70%;
    height: 30%;
    width: 100%;
    opacity: 0.85;
    filter: alpha(opacity=85); 
    overflow: hidden;
}*/

/*Carousel update 2014*/
.slide .txt-content
{
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    left: 0;
    opacity: 0.85;
    overflow: hidden;
    padding: 0 0 10px;
    position: absolute;
    right: 0;
    text-align: left;
    filter: alpha(opacity=85); /* For IE8 and earlier */
}

    .slide .txt-content .padder
    {
        padding: 10px;
    }
/*	[/mods]	*/


body.js #pnlJqCarousel .position
{
    z-index: 200;
    float: none;
    text-align: center;
    margin-top: 5px;
}



.func.prev-btn
{
    float: left;
    margin-left: 10px;
}

.func.next-btn
{
    float: right;
    margin-right: 10px;
}

#pnlJqCarousel .slide a img
{
    width: 100%;
    overflow: hidden;
    /*max-height: 151px;*/
}

body.js #pnlJqCarousel .functions input
{
    display: block;
    font-weight: bold;
    z-index: 100;
    border: solid 1px #0067b4;
    cursor: pointer;
    /*border-radius: 7px; 
		background-color: #f5f5f5;*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #0067b4;
    color: #fff;
}

    body.js #pnlJqCarousel .functions input:hover
    {
        background-color: #fff;
        color: #0067b4;
    }

body.js #pnlJqCarousel .functions
{
    min-height: 24px;
}


/* ----------- */
body.js #pnlJqCarousel .slide,
.full-slide,
.full-slide a
{
    position: relative;
}

body.js #pnlJqCarousel
{
    height: auto;
    float: left;
    overflow: hidden;
}

    body.js #pnlJqCarousel #slides .slide .img-content,
    .full-slide,
    .full-slide a
    {
        height: auto;
    }

    body.js #pnlJqCarousel .slide
    {
        height: auto;
        max-height: 280px;
    }

#pnlJqCarousel .slide a img
{
    overflow: hidden;
}
/*	[/dimensions]	*/

#pnlJqCarousel
{
    margin-bottom: 15px;
    width: 100%;
}

body.js #pnlJqCarousel #slides
{
    max-height: 280px;
    overflow: hidden;
}
/*not in use */
body.content-page.js #pnlJqCarousel #slides
{
    max-height: 280px;
}

body.js .content-aside #pnlJqCarousel #slides
{
    max-height: 188px;
}