/*	----------------------------------------------------------
	Tabs
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.pane ul {
	margin: 0px 20px 0 0;
	padding: 0px;
}

.pane ul li {
	margin: 5px;
	padding: 5px;
	background: #fff;
	line-height: 20px;
	text-decoration: none;
	display: block;
}

.pane ul li a {
	text-decoration: none;
}

.pane ul li img {
	float: left;
	margin-right: 10px;
}

.pane ul li .commentr_author_title a {
	font-size: 16px;
	text-decoration: none;
	color: #666;
	display: inline;
}

.pane ul li span {
	font-size: 15px;
}

.pane ul li p {
	font-size: 13px;
	padding-bottom: 0px;
	line-height: 18px;
}

.pane ul li a:hover {
	text-decoration: none;
}

/*	----------------------------------------------------------
	root element for tabs
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

ul.tabs {
	list-style: none;
	margin: 0px !important;
	padding: 0 0 0 10px;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	height: 42px;
	font-family: 'Oswald', sans-serif;
}

/*	----------------------------------------------------------
	Single Tab
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

ul.tabs li {
	float: left;
	text-indent: 0;
	padding: 0;
	margin: 0 !important;
	list-style-image: none !important;
	color: #FFF;
	border: none;
}

/*	----------------------------------------------------------
	link inside the tab. uses a background image
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

ul.tabs li a {
	color: #FFF;
	display: block;
	text-align: left;
	text-decoration: none;
	margin: 8px 5px;
	padding: 2px 5px;
	position: relative;
	top: 1px;
}

ul.tabs a:active {
	outline: none;
}

/* when mouse enters the tab move the background image */
ul.tabs li a:hover {
	color: #fff;
	border: none;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor: default !important;
	color: #666 !important;
	background: #fff;
}

/*	----------------------------------------------------------
	Different widths for tabs: use a class name: w1, w2, w3 or w2
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*	----------------------------------------------------------
	Initially all panes are hidden
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.panes .pane {
	display: none;
}