div#tab-panels.yui-navset {
	margin: 1.5em 0;
}

div#tab-panels.yui-navset .yui-nav li {
    margin: 0;
    background-color: #eee;
	list-style: none;
}

div#tab-panels.yui-navset .yui-nav li a {
	padding: 0.4em 1.2em;
	font-size: 11px;
	font-weight: bold;
	color: #444;
}



div#tab-panels.yui-navset .yui-content {
    border: 1px solid #aaa;
}
div#tab-panels.yui-navset .yui-nav li a {
    border: 1px solid #aaa;
    border-left: none;
}
div#tab-panels.yui-navset .yui-nav li.first a { /* yes, I wish I could use :first-child */
    border-left: 1px solid #aaa;
}
div#tab-panels.yui-navset .yui-nav li.selected a {
    border-bottom-color: #fff;
}



div#tab-panels.yui-navset .yui-nav a:hover {
    background-color: #ddd; /* tab hover */
}

div#tab-panels.yui-navset .yui-nav li.selected a,
div#tab-panels.yui-navset .yui-content {
    background-color: #fff; /* active tab and content bgcolor */
}

div#tab-panels.yui-navset .yui-nav li.selected {
    border-top: 1px solid #AAAAAA;
}

div#tab-panels.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
    min-height: 16em; 
    _height: 16em;
    /*
    	could eliminate need for "height" with a div.clearer, but that could risk other floats
    	in the page. Could also set as style="" attribute on div.yui-content element (which is
    	probably a better idea.
    */
    padding: 10px;
}

div#tab-panels.yui-navset .yui-content h2 {
    display: none;
}

/*
div#tab-panels.yui-navset .yui-content ul {
	list-style: disc url(../../../../img/bullet1.gif) outside;
	margin-left: 18px;
	padding-left: 0;
	text-indent: 0;
/*	padding-left: 15px;
	text-indent: -19px;
}
div#tab-panels.yui-navset .yui-content li {
	/*
	background: #fff url(../../../../img/bullet1.gif) no-repeat scroll 0px 2px;
	list-style-type: none;
	 	padding-left: 17px;
	zoom: 1; 
	margin-bottom: 3px;
             */
}