div#container {
float: left;
width: 760px;
line-height: 150%;
background: #fff;
}

div#container .ui-tabs-nav {
overflow: hidden;
_height: 23px; /* hack for IE to fix the 1px height difference */
margin: 0;
padding: 5px 10px 0 10px;
list-style: none;
background: #DDD url('img/tab_bg.gif') left bottom repeat-x;
}

div#container .ui-tabs-nav li {
overflow: hidden;
float: left;
margin: 0;
padding: 0 0 0 5px;
background: url('img/left_both.gif') left top no-repeat;
border-bottom: 1px solid #A0A0A0;
}

div#container .ui-tabs-nav li:hover {
color: #000;
outline: none;
}

div#container .ui-tabs-nav li a {
float: left;
display: block;
width: auto;
padding: 3px 15px 3px 7px;
text-decoration: none;
font-weight: bold;
color: #666;
background: url('img/right_both.gif') right top no-repeat;
}

div#container .ui-tabs-nav li a:hover {
color: #000;
outline: none;
}

div#container li.ui-tabs-selected {
border: 0;
background-position: 0 -150px;
}

div#container li.ui-tabs-selected a {
padding-bottom: 4px;
color: #000;
outline: none;
background-position: 100% -150px;
}

div#container .ui-tabs-unselect {
}

div#container .ui-tabs-disabled {
}

.ui-tabs-panel {
padding: 20px;
}

/* extras */
.ui-tabs-panel p {
padding: 5px 0;
}

.ui-tabs-panel ul {
margin-top: 10px;
margin-left: 35px;
list-style: none;
}

.ui-tabs-panel ul ul {
list-style: circle;
margin-bottom: 10px;
}

.ui-tabs-panel ul li {
}

div#container .ui-tabs-hide {
display: none;
}