/* $Id: red.css 4488 2006-09-20 07:31:02Z vasyl $ */
/*
 * Tabs theme.
 *
 * Copyright (c) 2006 by SouthProjects
 * http://www.southprojects.com
 * Santiago, Chile,
 * Version 1.2 Dec 2006.
 * All rights reserved.
 */

/*
 * CSS Theme for "red" theme. Notice the name sptabsRed needs to be
 * used as the start of all definitions.
 * If the themes was named "blue" you would need to start with sptabsBlue
 */


/*
 * Base definition for tabs headers container
 */

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


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

.sptabsRed a,
.sptabsRed a:visited,
.sptabsRed 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
 */
 
.sptabsRed a span {
  background: url(red/tab_bg1_left.gif) top left no-repeat;
  padding-left: 16px;
  display: table-cell; /* for Mozilla */
  display: inline-block;
  height: 20px;
  cursor: pointer;
}


/*
 * Right part of the tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */
 
.sptabsRed a span span {
  background: url(red/tab_bg1_right.gif) top right no-repeat;
  padding-left: 0px;
  padding-right: 16px;
  color: #767696;
  font-weight: bold;
  display: block; /* for Mozilla */
  display: inline-block;
  line-height: 20px;
  cursor: pointer;
}


/*
 * Change color of the links in tabs header when they're hovered over
 */

.sptabsRed a:hover,
.sptabsRed a:hover span span {
  color: #dd0000;
}


/*
 * Definition of access key in inactive tab header
 */

.sptabsRed a u {
  color: #060339;
}


/*
 * Definition of access key in tab header when this header in hovered
 */
 
.sptabsRed a:hover u {
  color: #dd0000;
}


/*
 * Left part of the active tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */
 
.sptabsRed a.sptabsActive span {
  background: url(red/tab_bg2_left.gif) top left no-repeat;
}


/*
 * Right part of the active tab header (or footer)
 * In red theme, for example, pictures are done only for header
 */
 
.sptabsRed a.sptabsActive span span {
  color: #eeeeee;
  background: url(red/tab_bg2_right.gif) top right no-repeat;
}


/*
 * Definition of the active tab header when it's hovered over
 */
 
.sptabsRed a:hover.sptabsActive,
.sptabsRed a:hover.sptabsActive span span {
  color: #eeeeee;
}


/*
 * Definition of access key in active tab header
 */
 
.sptabsRed a.sptabsActive u {
  color: #eeeeee;
}


/*
 * Definition of access key in active tab header when tab header is hovered
 */
 
.sptabsRed a.sptabsActive:hover u {
  color: #eeeeee;
}


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

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


/*
 * Definition for container where scroll buttons are located
 */
 
.sptabsScrolly
	{
	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)
 */

.sptabsScrolly span
	{
	padding: 0 3px;
	}

	
/*
 * Base definition for tabs container if tabs are using Accordion style
 */
  
.sptabsRedAccordionContent
	{
	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
 */
 
.sptabsRedAccordionContent div
	{
	background-image: url(red/bg.gif);
	}

	
/*
 * Definition for tabs headers
 * if tabs use Accordion style
 */
 
.sptabsRedAccordionContent div.tabChooser
	{
	color: white;
	background: #cc3333;
	cursor: pointer;
	font-weight: bold;
	}


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

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