.tabbar {
    z-index: 1;
    width: 100%;
    height: 27px;
    padding-top: 5px;
    margin-bottom: 1px;
}

.tabbar > ul
{
  list-style: none;
}

.tabbar>ul>li
{
    margin: 0 2px 0 0;
    padding: 7px 10px;
    display: block;
    float: left;
    color:#FFF;

    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

    border:1px solid grey;

    background: #DDDDDD; /* old browsers */
	background: -moz-linear-gradient(top, #BBBBBB 0%, #DDDDDD 50%, #EEEEEE 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BBBBBB), color-stop(50%,#DDDDDD), color-stop(100%,#EEEEEE)); /* webkit */
}


.tabbar>ul>li disabled {
    font-style: italic;
}

.tabbar a
{
    text-decoration: none;
    color:White;
}

.tabbar > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor: pointer;
}

.tabbar > ul > li.current a,
.tabbar > ul > li:hover a {
	color: #333;
}

.tabbar > ul > li.current{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor: pointer;
	border-bottom: 1px solid;
	font-weight: bold;
}