.tabselector {
  border-bottom: 1px solid #355387;
  padding: 10px 0px 6px 0px;
  width: 455px;
  padding-left: 10px;
  margin: 2%;
  list-style-type: none;
}

.tab-unselected {
  display: inline;
  padding: 0px 0px 0px 0px;
  background: #d8dfea;
  border: 1px solid #355387;
  border-bottom: 1px solid #355387;  
  margin-left:1px;
  margin-right:1px;
}

.tab-unselected:hover {
  background: #355387;
}

.tab-selected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #355387;
  border-bottom: 0;
  margin-left:1px;
  margin-right:1px;
  position: relative;
}

.tab-unselected a {
  padding: 6px;
  text-decoration:none;
  color: #355387; 
}
.tab-unselected a:hover {
  color: #ffffff;
}

.tab-selected a {
  font-weight:bold;
  color: #355387;
  padding: 6px;
  text-decoration:none;
}

.panes {
  width: 97%;
  padding-left: 0px;
  margin: 2%;
  min-height: 300px;
  overflow: auto;
}

.pane-selected {
  list-style-type: none;
  display: block;
  padding: 10px;
}

.pane-unselected {
  list-style-type: none;
  display: none;
}