﻿/*Tabbed Boxes Hitting CSS*/
* { margin: 0; padding: 0;
}
p { margin: 1em 0; 
}
#hit-leaders {
      width: 280px;
      font-size: 1.2em; 
}
.tabbed-box {
      width: 240px;
      background: #fff;
}
.tabbed-box .tabs li {
      list-style: none;
      float: left; 
}
.tabbed-box .tabs li a {
      display: block;
      width: 110px;
      padding: 5px 0;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #888;
      background: #fff url('contentbg4.jpg') repeat-x 50% bottom; 
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
}
.tabbed-box .tabs li:first-child a {
      border-left: none; 
}
.tabbed-box .tabs li a:hover {
      color: #333; 
}
.tabbed-box .tabs li a:focus {
      outline: none; 
}
.tabbed-box .tabs li a.active {
      background: #fff;
      color: #333;
      border-bottom: 1px solid #fff; 
}
.tabbed-content {
	  color: #F6070B;
	  font-size: 12px;
	  padding: 1em 1em 1em 1em;
      display: none;
      line-height: 16px; 
}
.headers{
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

/*Tabbed Boxes Pitching CSS*/

#pitch-leaders {
      width: 400px;
      font-size: 1.1em; 
      margin-left: 15px;
}
.tabbed-box-p {
      width: 390px;
      background: #fff url(../images/contentb4.jpg) repeat-x bottom;
      border: 1px solid blue; 
      font-family: SprintSansWeb,"Helvetica","Arial Unicode MS",sans-serif;

}
.tabbed-box-p .tabs-p li {
      list-style: none;
      float: left; 
}
.tabbed-box-p .tabs-p li a {
      display: block;
      width: 129px;
      padding: 5px 0;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #888;
      background: #fff url('contentbg4.jpg') repeat-x 50% bottom; 
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
}
.tabbed-box-p .tabs-p li:first-child a {
      border-left: none; 
}
.tabbed-box-p .tabs-p li a:hover {
      color: #333; 
}
.tabbed-box-p .tabs-p li a:focus {
      outline: none; 
}
.tabbed-box-p .tabs-p li a.active {
      background: #fff;
      color: #333;
      border-bottom: 1px solid #fff; 
}
.tabbed-content-p {
	  color: #000;
	  font-size: 14px;
	  padding: 1em 1em 1em 1em;
      display: none;
      border: 1px solid blue; 
}
.headers-p{
	color: #000;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid blue;
}

/*Tabbed Boxes Hitting CSS*/

#h-leaders {
      width: 630px;
      font-size: 1.1em; 
      margin-left: 15px;
}
.tabbed-box-h {
      width: 630px;
      background: #fff url(../images/contentb4.jpg) repeat-x bottom;
      border: 1px solid blue; 
      font-family: SprintSansWeb,"Helvetica","Arial Unicode MS",sans-serif;

}
.tabbed-box-h .tabs-h li {
      list-style: none;
      float: left; 
}
.tabbed-box-h .tabs-h li a {
      display: block;
      width: 125px;
      padding: 5px 0;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #888;
      background: #fff url('contentbg4.jpg') repeat-x 50% bottom; 
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
}
.tabbed-box-h .tabs-h li:first-child a {
      border-left: none; 
}
.tabbed-box-h .tabs-h li a:hover {
      color: #333; 
}
.tabbed-box-h .tabs-h li a:focus {
      outline: none; 
}
.tabbed-box-h .tabs-h li a.active {
      background: #000;
      color: #fff;
      border-bottom: 1px solid #000; 
}
.tabbed-content-h {
	  color: #fff;
	  background: #000;
	  font-size: 14px;
	  padding: 1em 1em 1em 1em;
      display: none;
      border: 1px solid blue;
      width: 630px; 
}
.headers-h{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid blue;
}
