﻿﻿/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 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.
*/
/* This is the selector for the main TabbedPanels container. For our
* default style,this container does not contribute anything visually,* but it is floated left to make sure that any floating or clearing done
* with any of its child elements are contained completely within the
* TabbedPanels container,to minimize any impact or undesireable
* interaction with other floated elements on the page that may be used
* for layout.
*
* If you want to constrain the width of the TabbedPanels widget,set a
* width on the TabbedPanels container. By default,the TabbedPanels widget
* expands horizontally to fill up available space.
*
* The name of the class ("TabbedPanels") used in this selector is not
* necessary to make the widget function. You can use any class name you
* want to style the TabbedPanels container.
*/
.TabbedPanels{float:left;clear:none;width:100%;margin:0;padding:0;}
.TabbedPanelsTabGroup{margin:0;padding:0;}
.TabbedPanelsTab{position:relative;top:1px;float:left;font-size:12px;background-color:#DDD;list-style:none;border-left:solid 1px #CCC;border-top:solid 1px #999;border-right:solid 1px #999;-moz-user-select:none;-khtml-user-select:none;cursor:pointer;background-image:url(../img/tabs/tabs-tabbg.gif);background-repeat:repeat-x;background-position:top;margin:0 1px 0 0;padding:5px 10px;}
.TabbedPanelsTabHover{background-color:#CCC;background-repeat:repeat-x;background-position:top;outline:none;text-decoration:underline;}
.TabbedPanelsTabSelected{font-weight:700;background-image:url(../img/tabs/tabs-selected-over.gif);background-repeat:repeat-x;background-position:top;outline:none;}
.TabbedPanelsTab a{color:#000;text-decoration:none;}
.TabbedPanelsContentGroup{clear:both;padding-top:10px;padding-left:10px;padding-right:10px;border-left:solid 1px #CCC;border-bottom:solid 1px #CCC;border-top:solid 1px #999;border-right:solid 1px #999;background-color:#FFF;}
.TabbedPanelsContent{padding:4px;min-height: 250px;}
.TabbedPanelsContent li{margin-left:10px;}
.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;}
.VTabbedPanels .TabbedPanelsTab{float:none;border-top:none;border-left:none;border-right:none;margin:0;}
.VTabbedPanels .TabbedPanelsTabSelected{background-color:#EEE;border-bottom:solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup{clear:none;float:left;width:30em;height:20em;padding:0;}
