/* Oblic overlapping tabs */

ul.obtabs * {
    outline: none; /* disables mozilla dotted border around links */
    border: 0; /* disables msie blue border around image links */
}

ul.obtabs {
    list-style: none;
    margin: 1px 0 -1px 0;
    padding: 0;
    position: absolute;
}

ul.obtabs li.first {
    margin-left: 0;
    /* z-index: 98; */
}

ul.obtabs li {
    float: left;
    display: block;
    height: 30px;
    margin-left: -20px; /* overlap value */
    /* padding declared below */
    position: relative;
    background: url(../images/tab.png) no-repeat 100% 0; /* all right */
    /* border-bottom: 1px solid #bbb8a9; */
    white-space: nowrap;
}

ul.obtabs span {
    height: 30px;
    line-height: 30px;
    padding-left: 7px;
    background: url(../images/tabl.png) no-repeat 0 0; /* left bit */
    /* MSIE strict mode fix */
}

html>body ul.obtabs span {
    display: block;
}

ul.obtabs li#current {
    z-index: 1;
    font-weight: bolder;
    /* border-bottom: 1px solid #fff; */
    height: 30px;
    background: url(../images/tab.png) no-repeat 100% -50px ;
}

ul.obtabs li#current span {
    background: url(../images/tabl.png) no-repeat 0 -50px ; /* left bit - down */
}

ul.obtabs a {
    color: #454545;
}

ul.obtabs a.new {
    color: #c41230;
}

ul.obtabs li#current a {
    color: black;
}

/* Bigger Clickable Area via padding */
ul li a {
display: block;
text-decoration: none;
padding-left: 10px;
padding-right: 40px;
}

/* Rollovers */
ul.obtabs li a:hover  {
  color: black;
  background: url(../images/tab.png) no-repeat 100% -100px ;
}

ul.obtabs li#current a:hover  {
  color: black;
  background: url(../images/tab.png) no-repeat 100% -50px ; /* same */
}