/*
   file: tabbing.css
   usage: style sheet for tabbing menu
   created: October 12, 2009
   author: Calvin Chan
   copyright: Total Website Solutions Inc
*/

/*
tab colors
inactive #99cc99 // 153 204 153
current  #ffffff; // #caff70 // 202 255 112
hover    #75c5f0 // 117 197 240
*/

div.inactive {
  display: 		none;
}

ol#tabs {
  position:		relative;
  list-style:		none;
  height:		30px;
  width:		720px;
  margin:		0 0 0 3px;
  padding:		0;
  overflow:		hidden;
  font-size:		12px;
}

ol#tabs li {
  float:		left;
  margin:		0 3px 0 0;
  padding:		0;
  line-height:		30px;
}

ol#tabs a {
  background:		url(../images/tabs.gif);
  color:		#666666;
  display:		block;
  float:		left;
  line-height:		30px;
  padding-left:		15px;
  font-weight:		900;
  text-decoration:	none;
  outline:		none;
}

ol#tabs span {
  background:		url(../images/tabs.gif) 100% 0;	
  cursor:		pointer;
  display:		block;
  float:		left;
  line-height:		30px;
  padding-right:	15px;
}

ol#tabs a:hover {
  background-color:	#75c5f0;
  background-position:	0 -60px;
  color:		#000000;
}

ol#tabs a:hover span {
  background-position:	100% -60px;
}

ol#tabs a:hover.active,
ol#tabs a.active {
  background-color:	#75c5f0; /*#f8f8f8;*/
  background-position:	0 -30px;
  color:		#222222;
}

ol#tabs a:hover.active span,
ol#tabs a.active span {
  background-position:	100% -30px;
}

div.tabscontent {
  background:		url(../images/main_bg.gif);
  border:		solid 3px #e3e3e3;
  border-top:		0;
  width:		720px;
  height:		auto;
  clear:		left;
  padding:		10px;
  font-size:		12px;
  text-align:		justify;
}