.ui-tabs {
    position: relative;
    padding: 0;
    zoom: 1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding:0;
        float: left;
        width: 100%;
    }
        .ui-tabs .ui-tabs-nav li {
            clear: left;
            width: 100%;
            margin: 0 0 4px 0;
            list-style: none;
            float: left;
            position: relative;
            padding: 0px;
            height:52px !important;
            background-color: rgb(181,181,182);
        }
                .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after {
                    content:"";
                    position:absolute;
                    left:0px;
                    width:43px;
                    height:52px;
                    background-image:url('../images/lefttriangle.png');
                    top:0px;
                    left:-39px
                    
        }
                                .ui-tabs .ui-tabs-nav li:after {
                    content:"";
                    position:absolute;
                    left:0px;
                    width:43px;
                    height:52px;
                    background-image:url('../images/lefttrianglegray.png');
                    top:0px;
                    left:-39px
                    
        }
    .ui-tabs .ui-tabs-nav li a {
display: block;
outline: medium none !important;
padding: 0px;
width: 100%;
height: 100%;
text-align: center;
font-size: 17px;
text-decoration: none;
color: #000;
line-height: 48px;
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        background-color:rgb(134,203,33);
        border-right:4px solid rgb(134,203,33);
    }
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
    .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
    .ui-tabs .ui-tabs-nav li.ui-state-processing a {
       color:black

    }
    .ui-tabs .ui-tabs-nav li a, 
    .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
        cursor: pointer;
    } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        position:relative;
        border-width: 0;
        padding: 0;
        height:100%;
        float: right;
        width: 100%;
        background: none;
        overflow:hidden
    }
    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }


    
     .ui-tabs .ui-tabs-panel img {
        width:100%
    }
    .ui-tabs .ui-tabs-panel .caption {
position: absolute;
min-height: 69px;
width: 60%;
background-color: rgba(0,0,0,.9);
bottom: 0px;
left: 10%;
padding: 15px;
margin: auto;
height: 200px;
top: 0px;
    }
        .ui-tabs .ui-tabs-panel .caption p {
            overflow:hidden;
            text-align:justify;
            color: white;
        }

@media (max-width: 768px) {
    .ui-tabs .ui-tabs-panel .caption p {
            font-size:10px;
        }
     .ui-tabs .ui-tabs-panel .caption
     {
         top:40px;
         bottom:auto;
         width:80%;
     }

}