/* $Id: tabs.css,v 1.2 2009/08/12 08:03:53 johnalbin Exp $ */

/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal6-reference.css, line 510.)
 */

div.tabs {
	margin: 10px 0;
}

ul.primary {
	margin:       0;
	padding:      0; /* LTR */
	border-width: 0;
	list-style:   none;
	white-space:  nowrap;
	line-height:  normal;
}

ul.primary li {
	float:       left; /* LTR */
	margin:      0;
	padding:     0;
	border-left: 1px solid #8a714e;
}

ul.primary li:first-child {
	border-left: 0;
}

ul.primary li a {
	display:          block;
	height:           12px;
	margin:           0;
	padding:          0 0 0 6px; /* width of tab-left.png */
	border-width:     0;
	font-size:        12px;
	font-style:       italic;
	font-family:      Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-decoration:  none;
	color:            #8a714e;
	background-color: transparent;
}

ul.primary li a .tab {
	display:      block;
	height:       12px;
	margin:       0;
	padding:      0 6px 0 0;
	border-width: 0;
	line-height:  12px;
}

ul.primary li a:hover {
	border-width:     0;
	background-color: transparent;
	text-decoration: underline;
}

ul.primary li a:hover .tab {
}

ul.primary li.active a,
ul.primary li.active a:hover {
	border-width:     0;
	color:            #000;
	background-color: transparent;
}

ul.primary li.active a .tab,
ul.primary li.active a:hover .tab {
}

ul.secondary {
	margin:        0;
	padding:       0 0 0 5px; /* LTR */
	border-bottom: 1px solid #c0c0c0;
	list-style:    none;
	white-space:   nowrap;
}

ul.secondary li {
	float:        left; /* LTR */
	margin:       0 5px 0 0;
	padding:      5px 0;
	border-right: none; /* LTR */
}

ul.secondary a {
	display:         block;
	height:          24px;
	margin:          0;
	padding:         0;
	border:          1px solid #c0c0c0;
	text-decoration: none;
	color:           #777;
}

ul.secondary a .tab {
	display:     block;
	height:      18px; /* 24px (parent) - 6px (padding) */
	margin:      0;
	padding:     3px 8px;
	line-height: 18px;
}

ul.secondary a:hover {
}

ul.secondary a.active,
ul.secondary a.active:hover {
	border:     1px solid #c0c0c0;
	color:      #000;
}