Удаление границ со вкладки jQuery

Question

Я пытаюсь создать вкладку минимализма на клиенте. Я хочу удалить все границы вокруг вкладки. По какой-то причине граница продолжает появляться.

Вот образец, который я разместил на своем сайте, чтобы показать проблему.
Вот ссылка: http://www.suttonst.com/govt-dev/

Это мой CSS код:

.ui-tabs { 
    background: transparent; 
    border: none; 
} 
.ui-tabs .ui-tabs-panel { 
    background: transparent; 
    border: none; 
    font-family: "Georgia"; 
    font-size: 13px; 
    color: #777777 
} 
.ui-tabs .ui-widget-content { 
    border: none; 
} 
.ui-tabs .ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #006b54; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
    font-family: "Varela Round"; 
    text-transform: uppercase; 
} 
.ui-tabs .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
.ui-tabs .ui-tabs-nav .ui-state-active { 
    background: transparent url(http://static.squarespace.com/static/51c0eec0e4b0c90d8d52ac7c/t/528ffa03e4b023ca755e496d/1385167363225/uiTabsArrowLogoEmeraldGreen.png) no-repeat bottom center; 
    border: none; 
} 
.ui-tabs .ui-tabs-nav .ui-state-default a { 
    color: #006b54; 
} 
.ui-tabs .ui-tabs-nav .ui-state-active a { 
    color: #cc6a30; 
    font-weight: bold; 
} 

Пожалуйста, помогите.

Answer 1

Попробуйте

.ui-corner-all { 
    border: 0; 
} 

Answer 2

Похоже CSS specificity проблемы попробуйте

#tabs { 
    border: none; 
} 

или

.tabs.ui-corner-all{ 
    border: none; 
} 

Answer 3

Удалить границу из ui-widget-content, вы были закрыть с вами третьей попытки, но нет места:

.ui-tabs.ui-widget-content { 
    border: none; 
} 

или использовать #tabs, если вы хотите быть очень специфичны

Answer 4

Попробуйте переопределение с этой линией,

.ui-tabs .ui-tabs-nav li { 
border:none; 
} 

он работал для меня.