.ui-tabs {
            position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
            padding: .2em;
        }

            .ui-tabs .ui-tabs-nav {
                margin: 0;
                padding: .2em .2em 0;
            }

                .ui-tabs .ui-tabs-nav li {
                    list-style: none;
                    float: left;
                    position: relative;
                    top: 0;
                    margin: 1px .2em 0 0;
                    border-bottom-width: 0;
                    padding: 0;
                    white-space: nowrap;
                }

                .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
                    float: left;
                    padding: .5em 1em;
                    text-decoration: none;
                }

                .ui-tabs .ui-tabs-nav li.ui-tabs-active {
                    margin-bottom: -1px;
                    padding-bottom: 1px;
                }

                    .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
                    .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
                    .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                        cursor: text;
                    }

        .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
            cursor: pointer;
        }

        .ui-tabs .ui-tabs-panel {
            display: block;
            border-width: 0;
            padding: 1em 0em;
            background: none;
        }


      
         #tabs .ui-widget-header {
            border: 1px solid #aaaaaa;
            background: #cccccc;

            font-weight: bold;
        }

            #ftabs .ui-widget-header {
            border: 1px solid #aaaaaa;
            background: #cccccc;

            font-weight: bold;
        }

            /* Interaction states
    ----------------------------------*/
           #tabs .ui-state-default,
           #tabs .ui-widget-content .ui-state-default,
           #tabs .ui-widget-header .ui-state-default {
                border: 1px solid #b8b6b6;
                background: #e6e6e6;
                font-weight: normal;
                color: #000;
            }

               #tabs .ui-state-default a,
               #tabs .ui-state-default a:link,
              #tabs  .ui-state-default a:visited {
                    color: #343333;
                    text-decoration: none;
                }

          #tabs  .ui-state-hover,
           #tabs .ui-widget-content .ui-state-hover,
           #tabs .ui-widget-header .ui-state-hover,
           #tabs .ui-state-focus,
          #tabs  .ui-widget-content .ui-state-focus,
          #tabs  .ui-widget-header .ui-state-focus {
                border: 1px solid #999999;
                background: #286090;

                font-weight: normal;
                color: #fff;
            }

            #tabs    .ui-state-hover a,
              #tabs  .ui-state-hover a:hover,
             #tabs   .ui-state-hover a:link,
             #tabs   .ui-state-hover a:visited,
              #tabs  .ui-state-focus a,
              #tabs  .ui-state-focus a:hover,
              #tabs  .ui-state-focus a:link,
              #tabs  .ui-state-focus a:visited {
                    color: #fff;
                    text-decoration: none;
                }


          #tabs  .ui-state-active,
          #tabs  .ui-widget-content .ui-state-active,
          #tabs  .ui-widget-header .ui-state-active {
                border: 1px solid #aaaaaa;
                background: #ffffff;
                font-weight: normal;
                color: #fff;
            }

              #tabs  .ui-state-active a,
              #tabs  .ui-state-active a:link,
              #tabs  .ui-state-active a:visited {
                    background: #286090;
                    color: #fff;
                    text-decoration: none;
                }

                 /* Interaction states
    ----------------------------------*/
           #ftabs .ui-state-default,
           #ftabs .ui-widget-content .ui-state-default,
           #ftabs .ui-widget-header .ui-state-default {
                border: 1px solid #b8b6b6;
                background: #e6e6e6;
                font-weight: normal;
                color: #000;
            }

               #ftabs .ui-state-default a,
               #ftabs .ui-state-default a:link,
              #ftabs  .ui-state-default a:visited {
                    color: #343333;
                    text-decoration: none;
                }

          #ftabs  .ui-state-hover,
           #ftabs .ui-widget-content .ui-state-hover,
           #ftabs .ui-widget-header .ui-state-hover,
           #ftabs .ui-state-focus,
          #ftabs  .ui-widget-content .ui-state-focus,
          #ftabs  .ui-widget-header .ui-state-focus {
                border: 1px solid #999999;
                background: #286090;

                font-weight: normal;
                color: #fff;
            }

            #ftabs    .ui-state-hover a,
              #ftabs  .ui-state-hover a:hover,
             #ftabs   .ui-state-hover a:link,
             #ftabs   .ui-state-hover a:visited,
              #ftabs  .ui-state-focus a,
              #ftabs  .ui-state-focus a:hover,
              #ftabs  .ui-state-focus a:link,
              #ftabs  .ui-state-focus a:visited {
                    color: #fff;
                    text-decoration: none;
                }


          #ftabs  .ui-state-active,
          #ftabs  .ui-widget-content .ui-state-active,
          #ftabs  .ui-widget-header .ui-state-active {
                border: 1px solid #aaaaaa;
                background: #ffffff;
                font-weight: normal;
                color: #fff;
            }

              #ftabs  .ui-state-active a,
              #ftabs  .ui-state-active a:link,
              #ftabs  .ui-state-active a:visited {
                    background: #286090;
                    color: #fff;
                    text-decoration: none;
                }


    /*YOKESH WANT BELOW BOTH*/
      #tabs  .ui-helper-clearfix:before,
     #tabs   .ui-helper-clearfix:after {
            content: "";
            display: table;
            border-collapse: collapse;
        }
      #tabs  .ui-helper-clearfix:after {
            clear: both;
        }


       #ftabs  .ui-helper-clearfix:before,
     #ftabs   .ui-helper-clearfix:after {
            content: "";
            display: table;
            border-collapse: collapse;
        }
      #ftabs  .ui-helper-clearfix:after {
            clear: both;
        }

        /*.ui-accordion .ui-accordion-header {
            display: block;
            cursor: pointer;
            position: relative;
            margin: 2px 0 0 0;
            padding: .5em .5em .5em .7em;
            min-height: 0;
            font-size: 100%;
        }*/