/*
#######################################
# Tabs
#######################################
*/

.tabs {
  overflow:				hidden;
  position:				absolute;
  top:					0px;
  left:					0px;
  right:				0px;
  bottom:				25px;
  margin:				0px;
}
.tab {
  position:				absolute;
  top:					0px;
  left:					0px;
  right:				0px;
  bottom:				0px;
  margin:				0px;
  background:			#ffffff;
  overflow:				auto;
}
.tabHeader {
  height:				25px;
  line-height:			25px;
  padding:				0px 5px 0px 10px;
  font-size:			12px;
  color:				#ffffff;
  background:			#585858;
  font-weight:			bold;
}
.tabHeader span.tabClose {
  position:				absolute;
  top:					0px;
  right:				0px;
  display:				block;
  width:				25px;
  height:				25px;
  background-image:		url("/img/icons/tabClose.png") !important;
  background-position:	center center !important; 
  background-repeat:	no-repeat;
  cursor:				pointer;
  border-left:			1px solid #7B7B7B;
}
.tabContent {
  position:				absolute;
  bottom:				0px;
  left:					0px;
  right:				0px;
  padding:				0px;
  top:					25px;
  overflow:				auto;
  border-left:			1px solid #e2e2e2;
  border-right:			1px solid #e2e2e2;
}
.tabContent.text {
	padding: 10px;	
}
.tabNavWrapper {
  position:				absolute;
  left:					0px;
  right:				0px;
  bottom:				0px;
  height:				24px;
  border-top:			1px solid #585858;
  overflow:				hidden;
}
.tabNav {
  padding:				0px 0px 0px 0px;
  height:				24px;
  list-style:			none;
  position:				absolute; 
}
.tabNav li {
  position:             relative;
  float:				left;
  margin-right:			3px;
  height:				24px;
  overflow:				hidden;
  background-color:		#b0cb32;
  line-height:			24px;
  color:				#ffffff;
  font-size:			11px;
  width:				160px;
}
.tabNav li:hover {
  background-color:		#b0cb32;
}
.tabNav li.tabActive {
  background-color:		#b0cb32;
  color:				#444444;
  font-weight:			bold;
}
.tabNav li.tabActive:hover {
  background-color:		#b0cb32 !important;
}
.tabNav li.list,
.tabNav li.list:hover,
.tabNav li.list.tabActive,
.tabNav li.list.tabActive:hover {
  width:				auto !important;
  color:				#ffffff !important;
  background-color:		#585858 !important;
}
.tabNav li.list.tabActive,
.tabNav li.list.tabActive:hover {
  font-weight:			bold;
}
.tabNav span.tabNavTitle {
  display:				block;
  float:				left;
  width:				97px;
  height:				24px;
  margin:				0px;
  padding:				0px 10px 0px 28px;
  overflow:				hidden;
  cursor:				pointer;
  
}
.tabNav li.list span  {
  width:				44px;
  background-image:		url("/img/icons/list.png");
  background-position:	center left; 
  background-repeat:	no-repeat;
  background-position:	8px 4px; 
}
.tabNav li.write span,
.tabNav li.new span  {
  background-image:		url("/img/icons/write.png");
  background-position:	center left; 
  background-repeat:	no-repeat;
  background-position:	8px 4px;
}
.tabNav li.read span,
.tabNav li.edit span {
  background-image:		url("/img/icons/read.png");
  background-position:	center left; 
  background-repeat:	no-repeat;
  background-position:	8px 4px;
}
.tabNav li:hover span.tabNavClose {
  display:				block;
}
.tabNav li span.tabNavClose {
  position:				absolute;
  display:				none;
  right:				0px;
  width:				25px;
  height:				24px;
  background-image:		url("/img/icons/tabClose.png") !important;
  background-position:	center center !important; 
  background-repeat:	no-repeat;
  cursor:				pointer;
}
.tabNavScroller {
  float: 	left;
  position:	relative; 
  overflow:	hidden; 
  width: 	820px;
  height:	24px;
}

.itemId,
.itemSaved {
	display:			none;
}

.listTable tr.listActive {
  font-weight:			bold;
}
.listTable td.listActive {
  background-image:		url("/img/icons/bullet_white.png");
  background-position:	center center;
  background-repeat:	no-repeat;
  padding:				2px 0px 1px 0px;
  text-indent:			-2000px;
}
.listTable tr.listActive td.listActive {
  background-image:		url("/img/icons/bullet_green.png") !important;
}