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: tahoma, arial, verdana, sans-serif;
}
/* 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;
}