.tabsOnRight, .tabsOnLeft
{
  /*set to left, center, or right to align the menu as desired*/
  text-align: left; 
  padding: 2px 0;
  margin-left: 0;
  margin-top: 1px;
  margin-bottom: 0;
  list-style-type: none;
}

.tabsOnRight
{
  margin-right:1px;
}

.tabsOnRight li, .tabsOnLeft li
{
  display: inline;
  margin: 0;
  padding: 0;
}
.tabsOnRight li
{
  float:right; 
  margin-left:5px;
}
.tabsOnLeft li
{
  float:left; 
  margin-right:5px;
}


.tabsOnRight li div, .tabsOnLeft li div
{
  background-color: rgb(255, 242, 212);
  border: 1px solid #778;
  border-bottom: none;
  padding-top: 3px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 2px;
}

.tabsOnRight li div a, .tabsOnLeft li div a, .tabsOnRight li div a:visited, .tabsOnLeft li div a:visited, .tabsOnRight li div a:active, .tabsOnLeft li div a:active
{
  text-decoration: none;
  font-size: 0.8em;
  font-weight: normal;
  display:block;
  color: #666;
}

.tabsOnRight li div.external a, .tabsOnLeft li div.external a
{
  padding-right: 15px;
  background-image: url( 'img/tab_external.png' );
  background-position: 95% 60%;
  background-repeat: no-repeat;
  color: #ff6600;
}

.tabsOnRight li div a:hover, .tabsOnLeft li div a:hover
{
  text-decoration: none;
  color: #ff6600;
}


.tabsOnRight li.selected div, .tabsOnLeft li.selected div
{ 
  background-color: white;
}

.tabsOnRight li.selected div a, .tabsOnLeft li.selected div a
{
  font-weight: bold;
  color: #ff6600;
}

.tabsOnRight li.selected div a:hover, .tabsOnLeft li.selected div a:hover
{ 
  text-decoration: none;
}

.tabPanel a
{
  position: relative;
}