/* CSS Document */

#tabs
{
	margin:1em 0px 1em 0px;
}

#tabs ul
{
	text-align: left;
	font: bold small verdana, arial, sans-serif;
	padding:0px 0px 2px 10px;
	border-bottom:1px solid #ccd2d2;	
	margin:0px 0px 0px 0px;
}

#tabs ul li
{
	display:inline;
	list-style-type: none;
}

#tabs ul li a
{
	text-decoration:none;
	background-color: #d5f5df;
	color: #666666;
	border: 1px solid #ccd2d2;
	border-bottom:none;
	padding:4px 4px 2px 4px;

}

#tabs  ul li a:hover 
{ 
	/*background: #ffffff;*/
	text-decoration:underline;
	
}

/*if we dont set the following style explicitly for #tabs ul li a:hover.selectedTab then in IE
the hover state above will apply to the selectedTab also which we dont want....IE ignores the
ordering here that Firefox and Opera use correctly*/
#tabs ul li a.selectedTab,#tabs ul li a:hover.selectedTab
{
	border-bottom:1px solid #ffffff;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
}

#tabContent
{
	border:1px solid #66cc66;
	border-top:none;
	padding:75px;
	background-color:#ffffff;
}