/* root element for tabs  */
ul.css-tabs, ul.css-tabs-nested {
    margin: 0 !important;
    padding: 0;
    height: 19px;
    border-bottom: 1px solid #acacac;
}

ul.css-tabs-nested{
	width:782px;
	padding-top:10px;
}

/* single tab */
ul.css-tabs li, ul.css-tabs-nested li {
    float: left;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a, ul.css-tabs-nested a {
    float: left;
    display: block;
    padding: 4px 8px;
    text-decoration: none;
    border-bottom: none;
    height: 11px;
    background-color: #acacac;
    color: #fff;
    margin-right: 1px;
    position: relative;
    top: 0px;
}

ul.css-tabs a:hover, ul.css-tabs-nested a:hover {
    background-color: #F7F7F7;
    color: #000;
}

/* selected tab */
ul.css-tabs a.current, ul.css-tabs-nested a.current {
    background-color: #ababac;
    border-bottom: 1px solid #ababac;
    color: #000;
    cursor: default;
    font-weight: normal;
}



/* tab pane */
div.css-panes .tab_content, div.css-panes-nested .tab_content {
    display: none;
    border-left: 1px solid #acacac;

  margin-top:-10px;
    min-height: 750px;
    padding: 0px 12px 12px 12px;
    background-color: transparent;
}



div.css-panes-nested .tab_content{
	width:758px;
	margin-top:20px;
	
}



div.css-panes-nested .tab_content {
    border-right: none;
    border-bottom: none;
    border-left: none;
}

#nested_container{
	margin-left:-12px;
}

/*
 * SCROLLABLE
 * */
/*
 root element for the scrollable.
 when scrolling occurs this element stays still.
 */
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
 
    /* vertical scrollers have typically larger height than width */ 
    height: 740px; 
    width: 129px; 
	margin-left:12px;
} 

/*
 root element for scrollable items. Must be absolutely positioned
 and it should have a super large width to accomodate scrollable items.
 it's enough that you set width and height for the root element and
 not for this element.
 */
div.scrollable div.items { 
    position:absolute; 
 
    /* this time we have very large space for the height */ 
    height:50000em; 
}



/* active item */
div.scrollable div.items div.active {
    border: 1px inset #ccc;
}