smartTabs.css

/*
------------------------ =cornerstoneUX smartTabs ------------------------ */
.smart-tabs {
	position: relative;
}
	.smart-tabs:before,
	.smart-tabs:after {
		content: " ";
		display: table;
	}
	.smart-tabs:after {
		clear: both;
	}
	
	/* ------------------------ navigation ------------------------ */
	.smart-tabs dt {
		background: #eee;
		border: solid #dfe1e1;
		border-width: 1px 1px 0;
		color: #333;
		float: left;
		font-size: 0.875em;
		font-weight: 400;
		height: 3em;
		line-height: 3;
		text-align: center;
	}
		.smart-tabs dt a {
			color: #999;
			display: block;
			padding: 0 1rem;
			text-decoration: none;
		}
		.smart-tabs dt.current {
			background: #fff;
			border-bottom: 1px solid #fff;
			position: relative;
			z-index: 2;
		}
			.smart-tabs dt.current a {
				color: #111;
			}
			
	/* ------------------------ panels ------------------------ */
	.smart-tabs dd {
		background: #fff;
		border: 1px solid #dfe1e1;
		font-size: 0.875em;
		margin-top: -1px;
		padding: 0.75em 1em;
		position: absolute;
		width: 100%;
	}

	/* ------------------------ accordion changes ------------------------ */
	.smart-tabs.accordion {
		border-bottom: 1px solid #dfe1e1;
		min-height: 100%;
	}
		.smart-tabs.accordion dt {
			float: none;
			text-align: left;
			width: 100%;
			z-index: 1;
		}
			.smart-tabs.accordion dt.current {
				z-index: 0;
			}
			.smart-tabs.accordion dt a:before {
				content: '\2b\a0';
			}
			.smart-tabs.accordion dt.current a:before {
				content: '\2013\a0';
			}
			/*.smart-tabs.accordion dt a:after {
				content: '\2b';
				position: absolute;
				right: 1rem;
			}
			.smart-tabs.accordion dt.current a:after {
				content: '\2013';
			}*/
		.smart-tabs.accordion dd {
			border-bottom: 0 none;
			height: 100%;
			min-height: 0;
			position: relative;
			top: 0;
		}
			.smart-tabs.accordion dd:before,
			.smart-tabs.accordion dd:after {
				content: " ";
				display: table;
			}
			.smart-tabs.accordion dd:after {
				clear: both;
			}