/* ### LAYOUT BOXES TABS ### */

/* && tabs && */

	/* Remove the padding, margins and bullets from the lists */
	.tabs {height: 20px; background: url(images/tabs/tabs.gif) repeat; padding: 0; margin: 0;}
	.tabsMultiple {height:20px; background:none; display:none;}
	
		.tabs ul {list-style: none; padding: 0; margin: 0; }
		.tabsMultiple ul {list-style: none; padding: 0; margin: 0; display:inline;}
		
			/* li display: block */
			.tabs li {float: left; background: transparent; margin-right: 1px; white-space: nowrap;}
			.tabsMultiple li {float: left; background: transparent; white-space: nowrap; font-family:Tahoma;
			                  display: block; float: left; height: 20px; line-height: 2.0em; color: #000; margin:0px; font-size: 1em; font-weight: normal; text-decoration: none; }
				
				.tabs li a {
					display: block; float: left; height: 20px; line-height: 2.0em; color: #000; font-size: 1em; font-weight: bold; text-decoration: none;
					background: url(images/tabs/tab-left.gif) no-repeat; padding: 0 0 0 5px; cursor: pointer;}
				.tabsMultiple li a {
					display: block; float: left; height: 20px; line-height: 2.0em; color: #000; font-size: 1em; font-weight: bold; text-decoration: none; 
					background: none; cursor: pointer; padding:0px;}
					
				.tabs li a.active {color: #006633; background: url(images/tabs/tab-active-left.gif) no-repeat;}
				.tabsMultiple li a.active {color: #006633; background: none;}
				
				/* li a span for second BG image */
				.tabs li a span {display: block; float: left; background: url(images/tabs/tab-right.gif) no-repeat right top; padding: 0 10px 0 4px;}
				.tabsMultiple li a span {display: block; float: left; background: none; }
				
				.tabs li a.active span {background: url(images/tabs/tab-active-right.gif) no-repeat right top;}
			        .tabsMultiple li a.active span {background: none;}

					.tabs li a:hover {color: #006633; background: url(images/tabs/tab-active-left.gif) no-repeat;}
					.tabsMultiple li a:hover {color: #006633; background: none;}
					
					.tabs li a:hover span {background: url(images/tabs/tab-active-right.gif) no-repeat right top;}
					.tabsMultiple li a:hover span {background: none;}
					/* for Opera (both Mac and Windows) */
					.tabs li:hover > a {color: #006633; background: url(images/tabs/tab-active-left.gif) no-repeat;}
					.tabsMultiple li:hover > a {color: #006633; background: none;}
					.tabs li:hover > a span {background: url(images/tabs/tab-active-right.gif) no-repeat right top;}
					.tabsMultiple li:hover > a span {background: none;}