
/*========= START DOMTABS=========== */



#layout_main div.domtabs_menu ul {list-style-image:none;margin:0;padding:0;}
#layout_main div.domtabs_menu ul li {padding:0px 2px 0px 6px;margin:0px;left:0px}

#layout_second div.domtabs_menu ul{margin:0;padding:0;}
#layout_second div.domtabs_menu ul li{margin:0;}
#layout_third div.domtabs_menu ul{margin:0;padding:0;}
#layout_third div.domtabs_menu ul li{margin:0;}



#layout_second div.domtabs_menu ul li{background-color:#99DF7D}
#layout_third div.domtabs_menu ul li{background-color:#fff}

#layout_second div.domtabs_menu a:link ,#layout_second div.domtabs_menu  a:visited {color:#000;}
#layout_second div.domtabs_menu a:hover{color:#000;text-decoration:none;} #layout_second div.domtabs_menu  a:active{color:#000;}
#layout_third div.domtabs_menu a:link ,#layout_third div.domtabs_menu  a:visited {color:#000;}
#layout_third div.domtabs_menu a:hover{color:#000;text-decoration:none;} #layout_third div.domtabs_menu  a:active{color:#000;}
/*========= END DOMTABS =========== */

div.domtabs_menu {

	float:left;
	width:100%;
	_height:1%;
	background:transparent url("../../css/default/button/tabbg.gif") repeat-x bottom;
	line-height:normal;
	clear:both;

}

div.domtabs_menu ul {

	margin:0;

	padding:10px 0px 0;

	list-style:none;

}

div.domtabs_menu li {

	float:left;

	background:transparent url("../../css/default/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. */

	cursor: pointer;

}

div.domtabs_menu a {

	float:left;

	display:block;

	width:.1em;

	background:transparent url("../../css/default/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;

}

div.domtabs_menu > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

div.domtabs_menu a {float:none;}

/* End IE5-Mac hack */

div.domtabs_menu a:hover {

	color:#333;

}
div.domtabs_menu a:link,div.domtabs_menu a:visited{
	color:#666;
}


 div.domtabs_menu li.selected {

	background-position:0 -150px;

	border-width:0;

}



 div.domtabs_menu li.selected a, body.domtabs_menu div.domtabs_menu li.selected a:link, body.domtabs_menu div.domtabs_menu li.selected a:active, body.domtabs_menu div.domtabs_menu li.selected a:visited {

	background-position:100% -150px;

	padding-bottom:5px;

	color:#000;

}

body.domtabs_menu div.domtabs_menu li:hover, body.domtabs_menu div.domtabs_menu li:hover a, div.domtabs_menu li.sfhover, div tab li.sfhover a{

	background-position:0% -150px;

	color:#333;

}

div.domtabs_menu li:hover a,
div.domtabs_menu li a.hover {
	background-position:100% -150px;
}
div.domtabs_menu li:hover,
div.domtabs_menu li.hover {
	background-position:0% -150px;
}


div.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', '')"));
}
div.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: 7px;
	min-height: 10px;
	background:#FBFBFB;
	
	_height:1%;
}

/* IE only nonsense */

* html div.tabBody {

	height: 10px;

}

/* Make the minimum height of an embedded tab less than the normal tab. */

div.tabBody div.tabBody {

	min-height: 10px;
	

}

/* IE only nonsense */

* html div.tabBody div.tabBody {

	height: 10px;

}

/* Make the minimum height of an embedded tab embedded in a tab less than the embedded tab. */

div.tabBody div.tabBody div.tabBody {

	min-height: 10px;

}

/* IE only nonsense */

* html div.tabBody div.tabBody div.tabBody {

	height: 10px;

}

/* use this if javascript is turned off */

div.domtabs {

padding:1px;
margin:0px;

}

body.domtabs_menu div.tabBody div.domtabs {

	border-width: 0;
	margin: 0;
	padding: 0;
	display: none;
	clear:both;

}

body.domtabs_menu div.tabBody div.selected { display: block; }

div.domtabs_menu a.small {font-size:11px;font-weight:normal;padding:5px 8px 4px 4px;}
