*{
   padding: 0;
   margin:0;
}
#tabs{
   margin: 0;
   padding-top: 15px;
   padding-bottom: 15px;
   position: relative;
   display: inline-block;
   text-align: center;
   /*background-color: #FBFAFA;*/
   width: 100%;
}

#tabs ul{
   border-bottom: 1px solid #eee;
}
#tabs ul li {
   list-style: none;
   display: table-cell;
   padding: 5px 10px;
   outline: none;
}

#tabs ul li a{
   text-decoration: none;
   color: rgb(77,77,77);
   font-size: 18px;
   font-weight: bold;
   outline: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
   background: #fff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
   background: #ffd8d8;
   padding: 5px 10px;
   transition: .5s;
}