div#stepTabs {
margin:0;
padding:0;
height:18px;
}
div.stepTabBody {
border:  1px solid black;
margin:0;
padding: 10px;
background: #e9e9e9;
} 
div.stepTabContent {
margin:0;
padding: 10px 0px;
}
div#stepTabs a, div#stepTabs div  {
color: black;
margin:0px;
padding: 4px 15px 4px 0;
background: #d8ebbc;
display:inline-block;
text-decoration:none;
float:left;
border-right: 1px solid black;
border-top:   1px solid black;
border-bottom: 1px solid black;
}
div#stepTabs a span, div#stepTabs div span {
background:#f9f4a2;
padding:5px 10px;
margin:0 10px 0 0;
color:black;
border-left:1px solid black;
border-right:1px solid silver;
}
div#stepTabs a:hover, div#stepTabs .active {
color: white;
background: #7baf78;
}
div#stepTabs a:hover span, div#stepTabs .active span {
background:#e0dd69;
color:black;
font-weight:bold;
}




/*  Regular Tabs, go to new page */
.pageTab {
 padding: 1em 0;
 margin-left: 0;
 margin: 0; /* added July 16, 07 */
 padding:0;
 border-bottom: 1px solid #778;
 line-height: 1.9em;
 font-size: 0.9em;
 font-weight: normal;
 font-family: verdana, sans-seriff;
}

.pageTab li {
 list-style: none;
 margin: 0;
 display: inline;
 height: 32px;

}

.pageTab li a {
 padding: 2px 0.5em;
 margin-left: 3px;
 margin-bottom: 0px;
 border: 1px solid #778;
 /*border-bottom: none;*/
 background: #DDE;
 text-decoration: none;

 font-family: tahoma !important;
 font-size: 12px;
 font-weight: normal;
}

.pageTab li a:link { color: #448; }
.pageTab li a:visited { color: #667; }

.pageTab li a:hover {
 color: #000;
 background: #AAE;
 border-color: #227;
}

.pageTab li .active, .pageTab li.active a:hover {
 background: white;
 border-bottom: 1px solid white;
}




div.tabContainer {
 border-bottom:1px solid gray;
 border-left:  1px solid gray;
 border-right: 1px solid gray;
 margin: 0;
 padding: 7px;
 background: #f5f5f5;
 /*text-align: left;*/
} 

div.hide {
  display:none;
}
div.pageHeight {
  min-height:500px;
}
* html div.pageHeight{height:500px};



div.XtabContainer {
    position:relative;
	margin-bottom:1px;
	border-bottom:1px solid gray;
	border-left:  1px solid gray;
	border-right: 1px solid gray;
	background:white;
	z-index: 1;
}	

#headerTab .pageTabBody {
  display: none;
}

#mainTab .pageTabBody {

}

.pageTabBody {
	margin-bottom:1px;
	border-bottom:1px solid gray;
	border-left:  1px solid gray;
	border-right: 1px solid gray;
	background: white;
	overflow: auto;
    display: none;
	height: 400px;
	border: 2px solid #778;
	border-top: none;
	padding:10px;
}	




/* flexible user configuration */

.pageTab {
 text-align: left;
}



#bar1 {
	width: 500px;
	padding: 15px;
	margin: 3px 0 20px 0;
	border: 1px solid #ccc;
	background: #fff;
}

/* pyramid */

#bar1 .tabStyle {
	margin: 0;
	padding: 0 0 1.7em 1.4em;
	border-bottom: 1px solid #9FB1BC;
}

#bar1 .tabStyle li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	

#bar1 .tabStyle a:link, .tabStyle a:visited {
	float: left;
	padding: 0 1.2em 0.6em 1.2em;
	text-decoration: none;
}



/*  Client Variables */
#bar1 .tabStyle a:link, .tabStyle a:visited {
	font-size: 0.90em;
	line-height: 1.1em;
	font-weight: bold;
	color: #708491; /* inactive tab */
}

#bar1 .tabStyle a:link.active, #bar1 .tabStyle a:visited.active, #bar1 .tabStyle a:hover {
	color: #000; /* hover and active */
	background: url(pyramid.gif) no-repeat bottom center;
}