@charset "utf-8";

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/************************************
Horizontal Tabbed Panels
***********************************/

/* selector for Main TabbedPanels 
---------------------------------- */
.TabbedPanels {
clear:none;
float:left;
margin:0px;
padding:0px;
width:100%; /* IE Hack - hasLayout Bug - force proper layout when preceded by p */
}

/* selector for TabGroup
---------------------------------- */
.TabbedPanelsTabGroup {
margin:0px;
padding:0px;
}

/************************************
SPECILAL IMPORTANT CSS ADDITIONS
by csspixels.com - Roger Ledergerber
***********************************/

/* Important: do NOT remove this CSS
---------------------------------- */
.TabbedPanelsContent table {
width:100%;
margin:0 auto;
}
.TabbedPanelsContent table,
.TabbedPanelsContent td {
border-collapse:collapse;
border:1px solid #ccc;
background:#f1f1f1;
}
.TabbedPanelsContent td.highlight {
padding:5px 10px 10px 10px;
background:#ffc;
line-height:130%;
}
.TabbedPanelsContent td,
.TabbedPanelsContent ul,
.TabbedPanelsContent ol,
.TabbedPanelsContent li {
margin-bottom:12px;
font-size:12px;
}
.TabbedPanelsContent img {
margin-top:1px;
padding:5px;
border:1px solid #aaa;
}
.TabbedPanelsContent ul,
.TabbedPanelsContent ol {
margin-right:15px;
}
li.TabbedPanelsTab a.yellow {
color:#f00;
}
/* ---------------------------------- 
*/

/* selector for TabbedPanelsTab
---------------------------------- */
.TabbedPanelsTab {
	float:left;
	position:relative;
	top:1px;
	margin:0px 1px 0px 0px;
	padding:5px 3px 3px 3px;
	font:bold 11px sans-serif;
	list-style:none;
	background-color:#84AED4;
	border-top:2px solid #2585CB;
	border-right:1px solid #B7CFE6;
	border-bottom:1px solid #B7CFE6;
	border-left:2px solid #2585CB;
	cursor:pointer;
	background:url(../images/newimages/g.jpg) repeat-x;
}

/* change appearnce of tab button 
container as mouse enters it
---------------------------------- */
.TabbedPanelsTabHover {
	color:#f00;
	background-color:#ddd;
	border-top:2px solid #aaa;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:2px solid #aaa;
}

/* change appearance of tab button 
container after user clicked on it 
---------------------------------- */
.TabbedPanelsTabSelected {
	color:#fff;
	background-color:#DF5D5D;
	border-top:2px solid #c00;
	border-right:1px solid #F6D1D1;
	border-bottom:1px solid #F6D1D1;
	border-left:2px solid #c00;
	background:url(../images/newimages/gto.jpg) repeat-x;
}

/* make a link inside tab button 
look like normal text
---------------------------------- */
.TabbedPanelsTab a {
color:#000;
text-decoration:none;
}

/* selector for ContentGroup
---------------------------------- */
.TabbedPanelsContentGroup { 
clear:both;
background-color:#fff;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}

/* selector for Content panel
---------------------------------- */
.TabbedPanelsContent {
padding:8px;
}

/* change appearance 
of currently active container panel
---------------------------------- */
.TabbedPanelsContentVisible {
}

.TabbedPanelsTab:focus {
outline:none;
}

/************************************
Vertical Tabbed Panels
***********************************/

/* floats TabGroup 
so that tab buttons render 
to left of active content panel 
---------------------------------- */
.VTabbedPanels .TabbedPanelsTabGroup {
float:left;
position:relative;
width:10em;
height:20em;
background-color:#eee;
border-top:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}

/* disables float property 
placed on each tab button
---------------------------------- */
.VTabbedPanels .TabbedPanelsTab {
float:none;
margin:0px;
border-top:none;
border-right:none;
border-left:none;
}

/* disables float property 
placed on each tab button
---------------------------------- */
.VTabbedPanels .TabbedPanelsTabSelected {
background-color:#eee;
border-bottom:1px solid #999;
}

/* floats content panels for widget 
so they render to 
right of tabbed buttons
---------------------------------- */
.VTabbedPanels .TabbedPanelsContentGroup {
clear:none;
float:left;
padding:0px;
width:30em;
height:20em;
}

#TabbedPanelsContentVisible li {
font-size:12px;
}