/* 
	A simple menu of links shown as tabs.
	This is an original work, but see http://www.kalsey.com/tools/csstabs 
	for ideas.
	In the end, I settled for using tables to handle two effects: Allowing
	a 2nd column to occupy all remaining space and showing and hiding borders.
	Borders can be created with CSS, but getting them to display properly
	with 1 pixel percision, without using pixel level positioning is 
	not easy using only CSS.
*/
/*
	The following styles are commonly customized by overriding them in
	the site's main style sheet:
*/
.tab-menu-links-table td
{
	padding: .25em;
	border-color: black;
	border-width: 1px;
	font-weight: bold;
}
.tab-menu-link-cell
{
	border-style: solid;
	background-color: blue;
}
.tab-menu-link-cell a:link, .tab-menu-link-cell a:visited
{
	color: white;
	text-decoration: none;
}
.tab-menu-link-cell a:hover
{
	color: #CCCCFF;
}
.tab-menu-link-cell-selected
{
	border-style: solid solid none solid;
	background-color: white;
	color: blue;
}
.tab-menu-link-cell-selected a:link, .tab-menu-link-cell-selected a:visited, .tab-menu-link-cell-selected a:hover
{
	color: blue;
	text-decoration: none;
}
.tab-menu-help-div
{
	border: solid 1px black;
	border-style: none none solid none;
}
.tab-menu-help-div a, .tab-menu-help-div a:visited
{
	color: blue;
	font-size: .7em;
	font-weight: bold;
	text-decoration: none;
}
.tab-menu-help-div a:hover, .tab-menu-help-div a:active
{
	color: #0000ff;
	background-color: #dfdfff;
	text-decoration: underline; 
}

/*
	The following styles are NOT commonly customized:
*/
.tab-menu-spacer-cell
{
	border-style: none none solid none;
}
.tab-menu-spacer-cell div
{
	width: .25em;
}