/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    height:42px;
	background-image:url(images/slice_all_tab.png);
	background-repeat:repeat-x;
}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    font-size:15px;
    display:block;
    height: 42px;
    line-height:30px;
    text-align:center;
    text-decoration:none;
    color:#fff;
    padding:0 18px;
    margin:0px;
    position:relative;
    top:1px;

}

#left_news ul.tabs a {
    padding:0 15px;
}

ul.tabs a:active {
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background-position: -420px -31px;
    color:#fff;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position: -420px -62px;
    cursor:default !important;
    color:#ddd !important;
	background-image:url(images/bg_current.png);
	background-repeat:no-repeat;
	background-position:center;
}

ul.tabs li  div {
	background-image: url(images/line.png);
	background-repeat:no-repeat;
	background-position:right;
	height:30px;
}
ul.tabs li  div.last_tab {
	background-image:none;
}


/* initially all panes are hidden */
.panes .pane {
    display:none;
}


/* tab pane styling */
.panes div.mainbox {
    display:none;
    padding:5px 10px 10px 10px;
    border-top:0;
    height:auto;
    font-size:14px;
    background-color:#fff;
}