.tabbtnbox {
    position: absolute;
    right: 3px;
    width: 30%;
    top:200px;
}

.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;
            padding-right: 50px;
            height: 52px !important;
            background-color: rgba(0,0,0,.5);
        }
            .ui-tabs .ui-tabs-nav li:after {
                content: "";
                position: absolute;
                left: 0px;
                width: 38px;
                height: 52px;
                background-image: url("../images/lefttrianglegray.png");
                top: 0px;
                right: -38px;
            }
            .ui-tabs .ui-tabs-nav li.ui-tabs-selected:after
            
            {
  content: "";
  position: absolute;
  right: 0px;
  border-top: 52px solid rgb(134,203,33);
  border-left: 21px solid transparent;
  border-right: 0px solid transparent;
  height: 0;
  width: 50px;
            }





            .ui-tabs .ui-tabs-nav li a {
                display: block;
                outline: medium none !important;
                padding: 0px;
                width: 100%;
                height: 100%;
                font-size: 15px;
                text-decoration: none;
                color: white;
                line-height: 48px;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                background-color: rgba(0,0,0,.9);
            }

                .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: rgb(134,203,33);
                }

            .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-position: center;
  background-size: cover;
  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;
        text-shadow:1px 1px 4px black;
        min-height: 69px;
        width: 38%;
        left: 30%;
        padding: 15px;
        margin: auto;
        height: 300px;
        top: 20%;
    }
     .ui-tabs .ui-tabs-panel .caption>h1
     {
  color: rgb(134,203,33);
  font-size: 40px;
  text-align: center;
  text-shadow: 1px 1px 4px black;
     }

        .ui-tabs .ui-tabs-panel .caption p {
            overflow: hidden;
            text-align: justify;
            color: white;
            padding:7px;
            background:rgba(0,0,0,.6);
            font-size:12pt
        }

@media (max-width: 768px) {
    .ui-tabs .ui-tabs-nav li
    {
        width:49% !important;
        clear:none !important;
        padding-right: 0px;
        font-size:12px !important;
    }
    .ui-tabs-selected:after
    {
        display:none !important;
    }
    .ui-tabs .ui-tabs-panel .caption p {
      
    }

    .ui-tabs .ui-tabs-nav li a {
        text-align: center;
        font-size:12px !important;
    }

    .ui-tabs .ui-tabs-panel .caption {
        top: 0px;
        bottom: auto;
        width: 100%;
    }
}
#tabs .btnnormal
{
    border:2px solid rgb(134,203,33);
    max-width:200px;
    margin:0 auto;
    text-shadow:0px 0px 0px black;
    background-color:rgba(0,0,0,.5);
}
#tabs .btnnormal:hover
{
    border:2px solid rgb(134,203,33);
    color:gray;
    background-color:white;
}