div.tab_nav {
    display: block;
    width: auto;
    border: none;
    font-size: 1em;
    text-align: left;
   /* border: 1px solid red; */
    position: relative;
    overflow: hidden;
    height: 35px;
}
/* * html div.tab_nav {width: 850px; }*/
ul.tabselector, .tab-selector {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.tabselector li {
  display: block;
  float: left;
  height: 35px;
  width: auto;
  margin: 0 3px 0 0;
  padding: 0;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  border-bottom: none;
  color: #c0c0c0;
  text-align: center;
}
* html ul.tabselector li {
    width: 150px;
} 
ul.tabselector a, ul.tabselector a:link, ul.tabselector a:visited {
  display: block;
  color: #a0a0a0;
  width: auto;
  height: 100%;
  text-decoration: none;
  line-height: 35px;
  padding: 0 5px 0 5px;
  white-space: nowrap;  
  font-weight: bold;
}
ul.tabselector a:hover, ul.tabselector a:active {
  color: #333;
}
li.tab-selected a, li.tab-selected a:link, li.tab-selected a:visited {
  background: #c23950;
  font-weight: bold;
  color: #ffffff;
}
li.tab-selected a:hover, li.tab-selected a:active {
  color: #f0f0f0;
  background: #d56578;
}
div.pane {
    display: block;
    border: none;
    min-height: 300px;
    position: relative;
    width: auto;    
    border: 1px solid #c0c0c0;
}
.panes, .pane-selector {
  padding-left: 2px;
  padding-right: 2px;
  min-height: 300px;
  width: auto;
  overflow: auto;
  margin: 0;
  padding: 10px;
  list-style: none;
}

.pane-selected {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}
.pane-unselected {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
}
.green{
	background-color: #c1ffa2;
}
.red{
	background-color: #FFC6C6;
}
.yellow{
	background-color: #ffffd9;
}
.blue{
	background-color: #e4ffff;
}
.pink{
	background-color: #f1e1ff;
}
.green2{
	background-color: #e1f7d6;
}