.domtabs_menu {

	float:left;

	
width:100%;
	background:transparent url("button/tabbg.gif") repeat-x bottom;
	line-height:normal;

}

.domtabs_menu ul {

	margin:0;
	padding:10px 10px 0;

	list-style:none;

}

#layout_right .domtabs_menu li,.domtabs_menu li {

	float:left;
	list-style:none;
	background: #fff url("button/tableft.gif") no-repeat left top;

	margin:0;

	padding:0 0 0 9px;

	border-bottom:1px solid #ccc;

	/*Show the user that they can click on the left side of the tab. */
	/*Show the user that they can click on the left side of the tab. */

	cursor: pointer;

}

.domtabs_menu a {

	float:left;

	display:block;

	width:.1em;

	background:url("button/tabright.gif") no-repeat right top;

	padding:5px 15px 4px 6px;

	text-decoration:none;

	font-weight:bold;

	color:#765;

	/*We don't want the text in the tabs to wrap. */

	white-space: nowrap;

}

.domtabs_menu > ul a {width:auto;}

/*Commented Backslash Hack hides rule from IE5-Mac \*/

.domtabs_menu a {float:none;	text-decoration:none;}
.domtabs_menu a:link,.domtabs_menu a:visited{float:none;	color:#765;text-decoration:none;}
/*End IE5-Mac hack */

.domtabs_menu a:hover {

	color:#333;	text-decoration:none;

}



.domtabs_menu li.selected {

	background-position:0 -150px;
	border-width:0;

}



.domtabs_menu li.selected a, body.domtabs_menu .domtabs_menu li.selected a:link, body.domtabs_menu .domtabs_menu li.selected a:active, body.domtabs_menu .domtabs_menu li.selected a:visited {

	background-position:100% -150px;
	text-decoration:none;
	padding-bottom:5px;

	color:#333;

}

body.domtabs_menu .domtabs_menu li:hover, body.domtabs_menu .domtabs_menu li:hover a, .domtabs_menu li.sfhover, div tab li.sfhover a{

	background-position:0% -150px;
	text-decoration:none;
	color:#333;

}

.domtabs_menu li:hover a,
.domtabs_menu li a.hover {
	background-position:100% -150px;	text-decoration:none;



}
.domtabs_menu li:hover,
.domtabs_menu li.hover {
	background-position:0% -150px;text-decoration:none;
}


.domtabs_menu li a /*IE:hover */ {  
    background-color: expression(this.onmouseover = new Function("this.className += ' hover';"),this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"));
}
.domtabs_menu li /*IE:hover */ {  
    background-color: expression(this.onmouseover = new Function("this.className += ' hover';"),this.onmouseout = new Function("this.className = this.className.replace(' hover', '')"));
}
/* tab body */

div.tabBody {
	clear: both;
	border: 1px solid #ccc;
	border-top: 0;
	padding: 5px;
	min-height: 1px;
	background:#FBFBFB;
}

/* IE only nonsense */

html div.tabBody {
min-height:1px;
clear: both;
}

/* Make the minimum height of an embedded tab less than the normal tab. */

div.tabBody div.tabBody {

min-height: 10px;
clear: both;
}

/* IE only nonsense */

html div.tabBody div.tabBody {

height: 1px;
clear: both;
}

/*Make the minimum height of an embedded tab embedded in a tab less than the embedded tab. */

div.tabBody div.tabBody div.tabBody {

height:1px;clear: both;
}

/*IE only nonsense */

html div.tabBody div.tabBody div.tabBody {

	height: 1px;
clear: both;
}

/* use this if javascript is turned off */

div.domtabs {

padding:2px;
margin:0px;

}

body.domtabs_menu div.tabBody div.domtabs {

	border-width: 0;
	margin: 0;
	padding: 0;
	display: none;

}

body.domtabs_menu div.tabBody div.selected { display: block; }