/*
 * Base definition for tabs headers container
 */

.zpTabsRed {
  border-spacing: 0px; /* for Mozilla */
  font: 12px tahoma, verdana, sans-serif;
  overflow: hidden;
  white-space: nowrap;
}


/*
 * Definition of links in tabs in the header
 */

.zpTabsRed a,
.zpTabsRed a:visited,
.zpTabsRed a:link {
  text-decoration: none;
  white-space: nowrap;
}

/*
 * Left part of the tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */

.zpTabsRed .zpTabLinkOuter {
  background:#CCCCCC;
  margin-right:1px;
  line-height: 16px;
  cursor: pointer;
  float: left;
  padding-left: 10px;
}


/*
 * Right part of the tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */
 
.zpTabsRed .zpTabLinkInner {
  padding-right: 10px;
  color: #767696;
  background:#CCCCCC;
  font-weight: bold;
  font-size:10px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  line-height: 16px;
  cursor: pointer;
  float: left;
}

/*
 * Left part of the active tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */

.zpTabsRed .zpTabsActive .zpTabLinkOuter {
  background: #76000d;
}


/*
 * Right part of the active tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */

.zpTabsRed .zpTabsActive .zpTabLinkInner {
  color: #FFFFFF;
  background:#76000d;
}

.zpTabsRed .zpTab,
.zpTabsRed .zpTabLinkInner .zpTabAnchorHolder {
  float: left;
}

/*
 * Definition of access key in inactive tab header when tab header is hovered
 */

.zpTabsRed .zpTabsHover .zpTabLinkInner u {
  color: #dd0000;
}

/*
 * Definition of access key in active tab header when it's hovered over
 */

.zpTabsRed .zpTabsActive .zpTabsHover u {
  color: #eeeeee;
}

/*
 * Definition of access key in inactive tab header
 */
.zpTabsRed .zpTabLinkInner u {
  color: #060339;
}

/*
 * Definition of access key in active tab header
 */
.zpTabsRed .zpTabsActive u {
  color: #eeeeee;
}

.zpTabsRed .zpTabClose {
  margin: 4px 0 0 5px;
  float: left;
  cursor: default;
}

.zpTabsRed .zpTabsClearer {
  clear: both;
}

/*
 * Base definition for the content area (where tab content is displayed)
 */

.zpTabsRedContent {
  border: 1px solid #07030f;
  border-top: solid 5px #76000d;
  /*background: url(red/bg.gif);*/
  font: 11px tahoma, verdana, sans-serif;
  clear: both;
}


/*
 * Definition for container where scroll buttons are located
 */

.zpTabsScrolly
	{
	color: #aaa;
	cursor: pointer;
	width: 30px;
	float: left;
	border: #CC3333 solid;
	border-width: 1px 1px 0 1px;
	/*background: url(red/bg.gif);*/
	}


/*
 * Style for left/right scroll arrows (arrows to scroll tab headers)
 */

.zpTabsScrolly div
	{
	padding: 0 3px;
	}

.zpTabsRedContent .zpTab,
.zpTabsRedAccordionContent .zpTab {
  overflow: hidden;
}

.zpTabsRedContent .zpTabsNoOverflow,
.zpTabsRedAccordionContent .zpTabsNoOverflow {
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/*
 * Base definition for tabs container if tabs are using Accordion style
 */

.zpTabsRedAccordionContent
	{
	border: 1px solid #07030f;
	border-top: solid 5px #CC3333;
	/*background: url(red/bg.gif);*/
	font: 11px tahoma, verdana, sans-serif;
	}


/*
 * Style for tab container
 * if tabs use Accordion style
 */

.zpTabsRedAccordionContent div
	{
	/*background-image: url(red/bg.gif);*/
	}


/*
 * Definition for tabs headers
 * if tabs use Accordion style
 */

.zpTabsRedAccordionContent div.tabChooser
	{
	color: white;
	background: #cc3333;
	cursor: pointer;
	font-weight: bold;
	}


/*
 * Definition for links in tab header
 * if tabs use Accordion style
 */

.zpTabsRedAccordionContent div.tabChooser a
	{
	color: white;
	text-decoration: none;
	margin: 0 3px;
	line-height: 23px;
	}