/** for the time being, only affect primary tabs (tabs that have the edit/devel/revisions actions, etc)
 *   author Les Peabody
 *   created Feb 7 2012
 */

div.tabs {
  border-bottom: 1px solid #CCC;
}

#content ul.tabs.primary,
#content ul.tabs.secondary {
  padding: 0px 0;
  margin: 0;
  border: none;
}

#content ul.tabs.secondary {
  margin-top: 1px;
}

#content ul.tabs.primary {
  margin-top: 10px;
  background-color: #EEE;
  border: 1px solid #CCC;
}

ul.tabs.primary li,
ul.tabs.secondary li {
  display: block;
  float: left;
}

ul.tabs.primary a {
  margin: 0;
  border: 1px solid #CCC;
  border-left: none;
  border-collapse: collapse;
}

ul.tabs.primary a.active {
  border: 1px solid #CCC;
  border-left: none;
  border-collapse: collapse;
}

ul.tabs.primary li:first-child a {
  
}

ul.tabs.secondary a.active {
  border: none;
}

ul.tabs.secondary li {
  background-color: #EEF;
}

ul.tabs.secondary li.active,
ul.tabs.primary li.active a {
  background-color: #A7D6FF;
  color: #004B8D;
}

ul.tabs.secondary li:first-child {
  border-left: 1px solid #CCC;
}

ul.tabs.secondary li {
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
}

ul.tabs.primary li a:hover {
  border-bottom-color: #CCC;
}

ul.tabs.primary li a { 
  background-color: #DDD;
  -webkit-transition: background-color 0.2s linear,
                      color 0.2s linear;
}

ul.tabs.primary li a:hover {
  color: #D16A10;
}