/** Tabs and Sections **/

.tab
{
	width: 100%;
	padding-top: 4px;
	margin-top: 20px;
}

.tab .left, .tab .right, .tab .current
{
	padding: 3px 20px 3px 20px;
	#0000AA-space: nowrap;
}

.tab .left, .tab .right
{
	background-color: #DDDDDD;
	border-top: 1px solid #0000AA;
	border-bottom: 2px solid #0000AA;
}
.tab .left{ border-left: 1px solid #0000AA; }
.tab .right{ border-right: 1px solid #0000AA; }

.tab .current
{
	padding-top: 6px;
	margin-top: -4px;	/* use extra space in table row to make current tab taller */
	background-color: #DDDDFF;
	border: 2px solid #0000AA;
	border-bottom: 2px solid #DDDDFF;
	font-weight : bold;
}

.tab .space
{
	width: 100%;
	border-bottom: 2px solid #0000AA;
}

.tab a
{
	color: black;
	text-decoration: none; 
}

.tab .current a
{
	color: #0000AA;
	cursor: default;
}

.tabsection
{
	width: 100%;
	padding: 20px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background-color: #DDDDFF;
	border: 2px solid #0000AA;
	border-top-style: none;
}

/* styles for funky DHTML effects */

.inactivecontent
{
	visibility: hidden;
	display: none;
}

.activecontent{ visibility: visible; }