2006. Adobe Systems Incorporated. All rights reserved. *//* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */.TabbedPanels { margin: 0px; padding: 0px; float: left; clear: none; width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}.TabbedPanelsTabGroup { margin: 0px; padding: 0px;}li.TabbedPanelsTab {background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat; width:74px; height:27px; border:0; position: relative; top: 1px; float: left; padding: 4px 10px; margin: 0px 1px 0px 0px; font: bold 14px sans-serif; color:#630; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer;}li.TabbedPanelsTabHover{ background: url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat;}li.TabbedPanelsTabSelected { background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsle.jpg) no-repeat; border-bottom: 1px solid #EEE;}li.TabbedPanelsTab a { color: black; text-decoration: none; background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsnos.jpg) no-repeat;}.TabbedPanelsContentGroup { clear: both; width:375px;}.TabbedPanelsContent { background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/newsbg.jpg) no-repeat; padding: 4px 10px; height:320px;}/* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */.TabbedPanelsContentVisible {}/* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". *//* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */.VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC;}/* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */.VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none;}/* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */.VTabbedPanels .TabbedPanelsTabSelected { background:url(http://n.7k7kimg.cn/uploads/ddt/20100831/nosel.jpg) no-repeat; border-bottom: solid 1px #999;}/* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */.VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em;}