div.sb_container { width: 260px; margin: 0px 0 0px 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:#d2d1d1; } 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:#ffffff !important; margin-right: 2px !important; background: #464646; position:relative; outline: none; } ul.sidebarTabs a:hover { background-color:#bc0b0b !important; color:#ffffff !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:#d2d1d1; width: 260px; margin: 0px 0 0px 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: 13px !important; font-weight: bold !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; } /* a title inside pane */ .sb_accordion div.pane h3 { font-weight:normal; margin:0 0 -5px 0; font-size:16px; color:#999; }