@charset "UTF-8";

/* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */

.TabbedPanels { width: 640px; border-bottom:1px solid #000; /*height:150px; min-height:inherit; overflow:visible;*/
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; }
.NewsMainTab .TabbedPanelsTabGroup { /*font-variant:small-caps; */}
.VerticalMainTabPanels .TabbedPanelsTabGroup { background-image:url(bgtabbedtest.png); background-repeat:repeat-x; background-position:bottom; min-height:301px; border-right:1px solid #98baac; border-bottom:1px solid #98baac;}


.TabbedPanelsTab { color:#000; position: relative; top: 0px; float: left; padding: 1px 1px; margin: 0px 0px 0px 0px;
/*	font: bold 0.7em sans-serif;*/
background-color: #e6eeeb;
list-style: none;
border-left: solid 1px #98baac;
border-bottom: solid 1px #98baac;
border-top: solid 1px #98baac;
/*border-right: solid 1px #98baac;
	-moz-user-select: none; -khtml-user-select: none; */ cursor:pointer; }

.TabbedPanelsTab-Horizontal { position: relative; top: 1px;  float: left; padding: 1px 0px 1px 0px; margin: 5px 10px 0px 2px;
/*	font: bold 0.7em sans-serif;*/
background-color: #e6eeeb; list-style: none;
border-left: solid 1px #98baac;
border-bottom: solid 1px #98baac;
border-top: solid 1px #98baac;
border-right: solid 1px #98baac;
/*	-moz-user-select: none; -khtml-user-select: none; */ cursor:pointer; }

.TabbedPanelsTab-Horizontal h2 { color:#000; font-size:100%; padding: 0 10px 0 10px; }



.TabbedPanelsTabHover {	background-color: #fff; }
/* .NewsMainTab .TabbedPanelsTabHover { background-image:url(menubgv.png); background-repeat:repeat-x; }
.TabbedPanelsTabHover { background-image:url(menubg.png); background-repeat:repeat-y; } */

.TabbedPanelsTabSelected { background-color: #ccc; border-bottom: 1px solid #000; }


.TabbedPanelsTab a, .TabbedPanelsTab a:link { color: #000; text-decoration: none; }

/* This is the selector for the ContentGroup. The ContentGroup container houses
* all of the content panels for each tabbed panel in the widget. For our
* default style, this container provides the background color and borders that
* surround the content.
*
* The name of the class ("TabbedPanelsContentGroup") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the ContentGroup container.
*/

.NewsMainTab .TabbedPanelsContentGroup { clear: both; border-bottom: solid 1px #98baac; border-right: solid 1px #98baac; border-left: solid 1px #98baac; }

.TabbedPanelsContentGroup { clear: both; 
/*	border-left: solid 1px #fff;
border-bottom: solid 1px #fff;
border-top: solid 1px #98baac;
border-right: solid 1px #fff;
/*	background-color: #fff;*/ }

/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
*
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
*/

.TabbedPanelsContent {  padding: 0px 0px 0px 0px; }
.VerticalMainTabPanels .TabbedPanelsContent { border-top:1px solid #98baac; border-left:1px solid #98baac;  border-bottom:1px solid #98baac; background-image:url(bgtabbedtest.png); background-repeat:repeat-x; background-position:bottom; min-height:311px; overflow: hidden }

.TabbedPanelsContent img { padding:10px 0px 0px 0px; margin:0px 0px 0px 10px;}
.TabbedPanelsContent p, .TabbedPanelsContent h3 { margin: 5px 15px 0px 10px; }
.TabbedPanelsContent p {margin-bottom: 20px}

/* 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 "VerticalMainTabPanels" 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.
*/

.TabbedPanelsTabGroup { padding:0px; margin:0px; }
.VerticalMainTabPanels .TabbedPanelsTabGroup { float: right; width: 162px; }

/* 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.
*/

.NewsMainTab .TabbedPanelsTab {}

.VerticalMainTabPanels .TabbedPanelsTab {
float: none; margin-bottom: 10px;  }


/* 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.
*/

.NewsMainTab .TabbedPanelsTabSelected {  padding: 5px 0px 2px 0px; margin: 0px 10px 0px 2px;
background-color: #fff; color:#000;
border-left: solid 1px #98baac;
border-bottom: solid 1px #fff;
border-top: solid 1px #98baac;
border-right: solid 1px #98baac; }

.VerticalMainTabPanels .TabbedPanelsTabSelected {
background-color: #fff; color:#000;
border-left: solid 1px #98baac;
border-bottom: solid 1px #98baac;
border-top: solid 1px #98baac;
border-right: solid 3px #98baac; }


/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/

.NewsMainTab .TabbedPanelsContentGroup { background-color:#fff; clear: none; float: left; padding: 0px; width: 580px; border-top:1px solid #98baac; }

.VerticalMainTabPanels .TabbedPanelsContentGroup { background-color:#e6eeeb; clear: none; float: left; padding: 0px; width: 417px; }