/* $Id: tabs.css,v 1.1 2008/02/15 16:22:09 johnalbin Exp $ */

/*
 * Tabs CSS
 *
 * 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 drupal5-reference.css, line 510.)
 *
  	float:right;
    margin: -30px -20px 10px 10px;
	padding: 8px 8px 8px 0;
	width:75px;

 */

  div.tabs
  {
	background-color:#F5F5F5;
	border:1px solid #CCCCCC;
	border-bottom:none;
	border-right:none;
	font-size:.8em;
  }

  ul.primary
  {
    margin: 0;
    padding: 0;
    border-width: 0;
    white-space:normal;
    line-height: normal;
    background: none;
  }

  ul.primary li
  {
  	display:inline;
    margin: 0;
    padding: 0;
  }

  ul.primary li a
  {
    display: inline;
    margin: 0;
    border-width: 0;
    font-weight: 100;
    text-decoration: none;
    color: #007A99;
    background-color: transparent;
    background: none;
  }

  ul.primary li a .tab
  {
    display: inline;
    margin: 0;
    padding: 0;
    border-width: 0;
    background: none;
  }

  ul.primary li a:hover
  {
    border-width: 0;
    background-color: transparent;
    background: none;
	color:#FF0000;
  }

  ul.primary li a:hover .tab
  {
    background: none;
  }

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

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

  ul.secondary
  {
    margin: 0;
    padding: 0;
    border-bottom: none;
    list-style: none;
    white-space:normal;
    background: none;
  }

  ul.secondary li
  {
    float: left;
    margin: 0;
    padding: 0;
    border-right: none;
  }

  ul.secondary a
  {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    color: #007A99;
    background: none;
  }

  ul.secondary a .tab
  {
    display: block;
    margin: 0;
    padding: 0;
  }

  ul.secondary a:hover
  {
    background: none;
  }

  ul.secondary a.active,
  ul.secondary a.active:hover
  {
    border: none;
    color: #666666;
    background: none;
  }