/* 
Styles specific to the tabs in tabbed navigation
---------------------------------------------------------------------------------------------*/

@charset "utf-8";

@media print {#tabs {display: none}}

@media screen {

	#tabs {
		position: relative;
		width: 100%;
		height: 3em;
		width: 60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
		}
	
	#tabs ul#tabList {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: -1px;
		width: 60em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
		}
	
	#tabs ul#tabList li  {
		display: inline;
		list-style: none;
		}
	
	#tabs ul#tabList a, #tabs ul#tabList span, #tabs ul#tabList a.current {
		width: 8em;
		display: block;
		float: left;
		padding: 4px 0;
		margin: 1px 2px 0 0;
		text-align: center;
		font-family: tahoma, verdana, sans-serif;
		font-size: 85%;
		text-decoration: none;
		color: #333;
		}
	
	#tabs ul#tabList span, #tabs ul#tabList a.current, #tabs ul#tabList a.current:hover {
		border: 1px solid #666;
		border-bottom: none;
		background: #fff3b3;
		padding-bottom: 6px;
		margin-top: 0;
		}
	
	#tabs ul#tabList a {
		background: #fffae1;
		border: 1px solid #aaa;
		border-bottom: none;
		}
	
	#tabs ul#tabList a:hover {
		margin-top: 0;
		border-color: #666;
		background: #fff7cd;
		padding-bottom: 5px;
		}
	
	#scrollMsg {color: #832b7b; font-size: 90%; font-style: italic}
	
	#printMsg {color: #9f659c; font-size: 80%; padding-left: 1em}
	#printMsg b {color: #832b7b}

}