@CHARSET "ISO-8859-1";

.tabdisplay
{
	margin-top: 0px;
	/* padding-top: 20px; */
	
	/* padding-bottom: 15px; */
	margin-bottom: 0px;
	
	
	/* padding left and right are set in the JS right now, it puts the html in a div and gives it padding in the JS */
	/* this is done so we can safely set the width of this container to 99% to try to take up the full width unless overridden */
	/* if we set the padding here, we would have to calculate what % to make the width, but that would not stay correct as we go from
	500 to 640 to 780 px layouts.  You could override it everytime with a maximum pixel width you know to work for each layout, but
	you will have to manually set it everytime.  This way it defaults to max width but jumps through a hoop or two to do it for you */
	
	/* maybe just use JS to calculate it dynamically based on the container width instead? */
	
	display: none;
	
	float: left;
	width: 99%;
	
	border-left: 1px solid #B7BCBF;
	border-right: 1px solid #B7BCBF;
	border-bottom: 1px solid #B7BCBF;
}


.tabmenu
{
	/* using width: 100% so we can display these as blocks in order to make Firefox 1.5 and 2.0 work */
	/* we no longer apply a border-left here because width: 100% causes conflicts.  We now put the border on the first element using JS */
	width: 99%;
	
	/* maybe use width: auto on most browsers and width: 100% on ie? */
	
	display: none;
	float: left;

	background-image: url(/static/_global/images/little_tabs_bg_repeated_dot.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	border-left: 1px solid #B7BCBF;
	
	margin-bottom: 0px;
}

.tabmenu ul
{
	list-style-type: none;
	
	margin-left: 0px;
	padding-left: 0px; 
	
	margin-top: 0px;
	padding-top: 0px;
}

.tabmenu li
{
	float: left;
	font-size: 10pt;
	line-height: normal;
}

.tabmenu a, .tabmenu a:link, .tabmenu a:visited, .tabmenu a:active, .tabmenu a:hover
{
	font-size: 10pt;
	line-height: normal;
	display: block;
	
	padding-left: .5em;
	padding-right: .5em;
	
	padding-top: .3em;
	padding-bottom: .3em;
	
	text-decoration: none;
	font-size: 1em;
	color: #333399;
	
	white-space: nowrap;
	
	border-right: 1px solid #5C5E60;
	border-top: 1px solid #B7BCBF;
}

.tabmenu a:hover
{
	color: #990000;
	cursor: pointer;
	text-decoration: underline;
}

.tabmenu a.activetab
{
	color: black;
	
/*	background-image: url(/static/_global/images/little_tabs_active.gif); */
	background-image: none;
	background-color: none;
	
	border-top: 1px solid #5C5E60;
	border-bottom: 1px solid white;
	border-right: 1px solid #5C5E60 !important;
}

.tabmenu a.activetab:hover
{
	color: black;
	cursor: default;
	text-decoration: none;
}

.tabmenu a.inactivetab
{
	background-image: url(/static/_global/images/little_tabs_inactive.gif);
	
	border-bottom: 1px solid #B7BCBF;
}