/* Box size width = (5 tabs * 102 tab-width) + 2 + 2 */
.tabbed-box {
	width: 514px;
	background: #fff url(../images/tabbed-body-bg.jpg) repeat-x bottom;
	border: 1px solid #ddd; }

/* Box style */
.tabbed-box .tabs li {
	list-style: none;
	float: left; }
.tabbed-box .tabs li a {
	display: block;
	width: 102px;
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #888;
	background: #fff url(../images/tabbed-tab-bg.jpg) repeat-x bottom;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;}
	
.tabbed-box .tabs li:first-child a {
	border-left: none; }

/* Define how the tabs behave in three states: hover, focus, and “active”: */
.tabbed-box .tabs li a:hover {
	color: #333; }
.tabbed-box .tabs li a:focus {
	outline: none; }
.tabbed-box .tabs li a.active {
	background: #fff;
	color: #333;
	border-bottom: 1px solid #fff; }
	
/* Apply styles to our tabbed-content */	
.tabbed-content {
	padding: 3em 1em 1em 1em;
	display: none; }