﻿

.image_carousel
{
    padding: 0px 0 0px 0px;
    overflow:hidden;
    position: relative;
    height: 144px;
    min-width:600px;
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(64,64,64,1) 25%, rgba(64,64,64,1) 75%, rgba(0,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(25%,rgba(64,64,64,1)), color-stop(75%,rgba(64,64,64,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(64,64,64,1) 25%,rgba(64,64,64,1) 75%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(64,64,64,1) 25%,rgba(64,64,64,1) 75%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(64,64,64,1) 25%,rgba(64,64,64,1) 75%,rgba(0,0,0,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(64,64,64,1) 25%,rgba(64,64,64,1) 75%,rgba(0,0,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

    .reportimagewrapper{
        height:144px;
    width:144px;
    float: left;
    position:relative;
    z-index:100;
    }
.image_carousel .reportimagewrapper > a
{
    height:144px;
    width:144px;
    padding: 6px;
    margin: 0px;
    display: block;
}

.image_carousel .reportimagewrapper > a img, .image_carousel_block .reportimagewrapper > a img
{
    border: 1px solid white;
    height: 132px;
    width: 132px;
}
.image_carousel .reportimagewrapper > a:active, .image_carousel_block .reportimagewrapper > a:active, .image_carousel .reportimagewrapper > a.active, .image_carousel_block .reportimagewrapper > a.active
{
    background-color: #B2D235 !important;

}

.image_carousel .reportimagewrapper > a:hover, .image_carousel_block .reportimagewrapper > a:hover 
{
    border: 1px solid #FAA61A !important;
    background-color: #FAA61A !important;

}
.image_carousel_block .reportimagewrapper > a.active {
    border: 1px solid #B2D235 !important;
    background-color: #B2D235 !important;
}
.image_carousel .reportimagewrapper > a:hover
{
    padding: 5px;
}

a.prev, a.next
{
    background-position: 20 20;
    width: 43px;
    height: 144px;
    display: block;
    position: absolute;
    top: 0px;
    z-index:110;
}
a.prev.disabled,a.next.disabled  {
   cursor: default;
   opacity:0;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}
a.prev
{
    left: 0px;
}
a.prev:hover
{
}
a.next
{
    right: 0px;
}
.image_carousel_block .next
{
    display: none !important;
}
.image_carousel_block .prev
{
    display: none !important;
}
a.prev span, a.next span
{
    display: none !important;
}
.clearfix
{
    float: none;
    clear: both;
}
a.prev
{
    background-image: url('../images/control_carouselleft_off.png');
}
a.prev:hover
{
    background-image: url('../images/control_carouselleft_on.png');
}
a.next
{
    background-image: url('../images/control_carouselright_off.png');
}
a.next:hover
{
    background-image: url('../images/control_carouselright_on.png');
}
.image_carousel_block
{
    height: auto;
    overflow: hidden;
    height: 100%;
    display: block;
    background-color: #d3d3d3;
}
.image_carousel_block .reportimagewrapper > a
{
    padding: 0px;
    margin: 10px;
    background-color: #d3d3d3;
    position:relative;
}
.image_carousel_block .reportimagewrapper > a > img
{
    padding: 0px;
    margin: 0px;
    height: 132px;
    width: 132px;
}
.image_carousel_block .reportimagewrapper > a
{

    background: #d3d3d3;
    padding: 5px;
    margin: 0px;
    display: block;
    float: left;
    border: 1px solid #d3d3d3;
}
#reportimages .reportimagewrapper > a.active, #reportimages .reportimagewrapper > a:hover {
    background-color: #B2D235;
}
#reportimages .reportimagewrapper > a:hover, #reportimages .reportimagewrapper > a:hover 
{
    border: 1px solid #B2D235 !important;
    background-color: #B2D235 !important;

}
.cornerinfo {
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    height:62px;
    width:42px;
    margin: 0 6px 6px 0;
    cursor:pointer;
}
    .cornerinfo img {
        opacity:0;
        filter:alpha(opacity=0); /* For IE8 and earlier */
    }