/*
---

name: Tabs

provides: [CSS.Tabs]

...
*/


.grid .active {
	margin-top: 0;
	border: 0;
	padding-bottom: 7px;
	background-color: #C7CFD3;
}
	/* tabs */
	.grid .tab_block ul:after {
		content: '';
		display: table;
		clear: both;
	}
	.grid .tab_block li {
		float: left;
		background-color: #006BAB;
	}
	.grid .tab_block li.current {
		background-color: #fff;
	}
		.grid .tab_block li.current h2 a {
			color: #000;
		}
		.grid .tab_block li h2 {
			float: left;
			font-size: 1em;
			line-height: normal;
			color: #000;
		}
			.grid .tab_block li h2 a {
				float: left;
				line-height: 22px;
				color: #fff;
			}

	/* tab content */
	.grid .active_block {
		padding-bottom: 0;
	}
	.grid .active_block ul {
		margin: 0 7px;
		padding: 10px 10px 0;
		background-color: #fff;
	}
		.grid .active_block ul li {
			padding-bottom: 4px;
		}
		.grid .active_block ul h4 {
			font-weight: bold;
		}

/* TABS FROM SCREEN ?? */
#content .tab_block ul li h2, #content .tab_block li.current h2 {
	border: 0;
	padding: 0;
}