/*	[img-carousel]	*/
body.js #pnlJqCarousel .functions
{
    width: 100%;
    float: left;
    position: relative;
    padding: 10px 0px;
    z-index: 100;
    background: #eee;
    /* height: 25px; */
}

    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: 1px 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;
}



.func.prev-btn
{
    float: left;
    margin-left: 2%;
}

.func.next-btn
{
    float: right;
    margin-right: 2%;
}

#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 #ccc;
    cursor: pointer;
    border-radius: 7px;
    background-color: #f5f5f5;
}

    body.js #pnlJqCarousel .functions input:hover
    {
        background-color: #fff9f9;
    }

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;
}
/*not in use */
body.content-page.js #pnlJqCarousel #slides
{
    max-height: 280px;
}

body.js .content-aside #pnlJqCarousel #slides
{
    max-height: 188px;
}
