div.sb_container {

	width: 200px;

margin: 10px 0 10px 0 !important;	

}	

div.sidebarTabs_panes {


	clear: left;

		

	margin: 0 0 10px 0;

	padding: 0;


	width: 100%;

}

	

/* tab pane */

div.sidebarTabs_panes .tb {

	display:none;

	padding:8px;

	background-color:#464646;

		

	color: #ffffff !important; 

	
}

	
div.sidebarTabs_panes .tb a {

	color: #c1c1c1 !important;

}

	
	
div.sidebarTabs_panes .tb a:hover {

	color: #e18364 !important;

}

	
ul.sidebarTabs {  

	margin:0 !important; 

	padding:0;

	font-family: Arial, Verdana;

}



/* single tab */

ul.sidebarTabs li {  

	float:left;	 

	padding:0 !important; 

	margin:0 !important;  

	list-style-type:none !important;

	background: none !important;

}



/* link inside the tab. uses a background image */

ul.sidebarTabs a { 

	float:left;

	display:block;

	padding:0 6px !important;

	text-align: center;	

	text-decoration:none;

	color:#464646 !important;

	margin-right: 2px !important;

	

	background: #969696 url('images/h30.png') repeat-x 0 0;

	

	position:relative;

	outline: none;

}



ul.sidebarTabs a:hover {

	background-color:#e6e7e8 !important;

	color:#333333 !important;

}

	

/* selected tab */

ul.sidebarTabs a.current {

	cursor:default;

}



ul.sidebarTabs li:before {

	content: none !important;	

}  

/* 

    root element for the scrollable. 

    when scrolling occurs this element stays still. 

*/ 

div.scrollable { 

 

    /* required settings */ 

    position:relative; 

    overflow:hidden; 

    float: left;

} 

 

/* 

    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. 

*/ 

ul.sidebarTabs  { 

    /* this cannot be too large */ 

    width:20000em; 

    position:absolute; 

} 



.widget_title { display: none; }



.title_sidebarTabs {

	line-height: 30px !important;

	background-color: #464646;

	margin: 0 0 10px 0 !important;

	padding: 0 0 0 10px !important;

	color: #fff !important;

	font-size: 1.2em !important;

}



.sb_accordion {

	background:#464646;

	width: 200px;



margin: 10px 0 10px 0 !important;	

}



/* accordion header */

.sb_accordion h4.accordion_h4 {

	

	background: #ddd url('images/vertical_bg.png') repeat-x left top !important;


	

	margin:0 !important;

	padding: 0 0 0 10px !important;

	height: 30px !important;

	line-height: 30px !important;


	clear: both;


	font-size: 11px !important;


	font-weight: normal !important;

	

	font-style: normal;

	cursor:pointer;		

	

}


.sb_accordion .accordion_h4 span { 

	display: block;

	background: transparent url('images/accordion-collapsed.png') no-repeat 95% 50%; 

}

/* currently active header */

.sb_accordion .accordion_h4.current {

	cursor:default;

	

}

.sb_accordion .accordion_h4.current span {

	background: transparent url('images/accordion-active.png') no-repeat 95% 50%;

}

/* accordion pane */

.sb_accordion div.pane {

	display:none;

	padding:8px;

		

	color: #ffffff !important; 

	
}

	
.sb_accordion div.pane a {

	color: #c1c1c1 !important;

}

	
	
.sb_accordion div.pane a:hover {

	color: #e18364 !important;

}

	


/* a title inside pane */

.sb_accordion div.pane h3 {

	font-weight:normal;

	margin:0 0 -5px 0;

	font-size:16px;

	color:#999;

}