﻿#tabs
{
  /*Accounts for width of masterContainer-padding-left below*/ /*   font-weight: bold; */
  width: 100%; /*875px;*/
  padding: 0px 0px 0px 0px;
  border-top: solid 1px #CCCCCC;
  border-bottom: solid 1px #CCCCCC;
}

#tabs ul
{
  list-style: none;
  margin: 0px 0px 0px 10px;
}

#tabs li
{
  display: inline;
  margin: 0px;
  padding: 0px;
}

#tabs a
{
  float: left;
  background: #FFFFFF no-repeat scroll; /*  background: url("Images/tabLeft.gif" ) no-repeat left top;*/
  margin: 0px;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  border-left: solid 1px #CCCCCC;
}

#tabs a span
{
  float: left;
  display: block; /* background: url("Images/tabRight.gif" ) no-repeat right top;*/
  padding: 5px 15px 4px 6px;
  color: #3872B4;
  font-size: 10px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span
{
  float: none;
}

#tabs a:hover
{
  /*background-position: 0% -42px;*/
}
#tabs a:hover span
{
  /*  background-position: 100% -42px;*/
  background: #3872B4 no-repeat scroll;
  color: #FFFFFF;
}

/*SELECTED TAB*/
#tabs a.here
{
  background: #3872B4 no-repeat scroll; /*  background: url( "Images/tabLeft.gif" ) no-repeat 0% -42px;*/
}

#tabs a.here span
{
  /*background: url( "Images/tabRight.gif" ) no-repeat 100% -42px;*/
  color: #FFFFFF;
}
/*SELECTED TAB*/

/*Bar underneath tabs*/

#tabBar
{
  background: #3872B4 no-repeat scroll; /*Matches tab*/
  clear: both;
  font-weight: normal;
  margin: 0;
  padding: 6px 0px 2px 40px;
  height: 18px;
}

#tabBar ul
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#tabBar li
{
  display: inline;
  margin: 0;
  padding: 0px 15px 0px 0px;
}

#tabBar a
{
  background: transparent;
}

#tabBar a span
{
  background: transparent;
  color: #FFFFFF;
}

#tabBar a:hover span
{
  color: yellow; /*#FFFFFF;*/
}
