/* based on css from http://actsasflinn.com/Ajax_Tabs/index.html */

.tabselector, .tab-selector {
  width: auto;
  border-bottom: 1px solid #c0c0c0;
  padding: 10px 0 0 20px;
}

.tab-unselected {
  display: inline;
  padding: 2px 7px 0 7px;
  background: #f0f0f0;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
  color: #c0c0c0;
}

.tab-selected {
  display: inline;
  padding: 3px 7px 1px 7px;
  background: #ffffff;
  border: 1px solid #c0c0c0;
  border-bottom: 0;
}

.tabselector li.status_done {
	background: #92cea7;
}
.tabselector li.status_unfinished {
	background: #FF7908;
}

.tab-unselected a {
  padding: 0 6px 0 6px;
  color: #a0a0a0;
}
.tab-selected a:hover,
.tab-unselected a:hover {
	color: black;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: white;
}

.tab-selected a {
  font-weight: bold;
  color: #0066CC;
  padding: 0 6px 0 6px;
}

.panes, .pane-selector {
  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;
}