ul.tabs {
padding: 7px 0;
font-size: 0;
margin: 0;
list-style-type: none;
text-align: left;
}
ul.tabs li {
display: inline;
margin: 0;
margin-right: 3px;
}
ul.tabs li a {
font: normal 12px Verdana;
text-decoration: none;
position: relative;
padding: 7px 16px;
border: 1px solid #CCC;
border-bottom-color: #B7B7B7;
color: #000;
background: #F0F0F0 url(bg.gif) 0 0 repeat-x;
border-radius: 3px 3px 0 0;
outline: none;
}
ul.tabs li a:visited {
color: #000;
}
ul.tabs li a:hover {
border: 1px solid #B7B7B7;
background: #F0F0F0 url(bg.gif) 0 -36px repeat-x;
}
ul.tabs li.selected a, ul.tabs li.selected a:hover {
position: relative;
top: 0px;
font-weight: bold;
background: white;
border: 1px solid #B7B7B7;
border-bottom-color: white;
padding-right: -5px;
}
ul.tabs li.selected a:hover {
text-decoration: none;
}
div.tabcontents {
border: 1px solid #B7B7B7;
padding: 30px;
background-color: #FFF;
border-radius: 0 3px 3px 3px;
}
.closeable {
background-image: url('close.png');
height: 16px;
width: 16px;
display: inline-block;
position: relative;
right: -13px;
top: 4px;
width: 16px;
}
.tabLoader {
background-image: url('tab_loader.gif');
height: 16px;
width: 16px;
display: inline-block;
position: relative;
right: -13px;
top: 4px;
width: 16px;
}
.tabcontents .unselected {
display: none;
}