/*
	Vertical "tab" view 
	(used on the user/mod CP and FAQ pages)
*/







.tab-list {
	float: left;
	width: 200px;
}
.tab-list li {
	padding: 11px 12px 11px 8px;
	text-align: right;
}
.tab-list li.selected {
	margin: 0 -1px 0px 8px;
	border: 1px solid #666;
	border-right: none;
	border-radius: 1px 0 0 1px;
	/* box shadow looks ugly where the tab meets the content, so we use an image instead */
	box-shadow: none;
	background: url('images/content_shading.png') top repeat-x #2A2A2A !important; /* fallback */
	background: url('images/content_shading.png') top repeat-x, url('images/noise.png') #2A2A2A !important;
	padding: 10px 13px 10px 8px;
	font-weight: bold;
}
.tab-list li h3 {
	color: #AAA;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}
.tab-list li a {
	color: #CCC;
	cursor: pointer;
}
.tab-list li a:hover, .tab-list li.selected a {
	color: #DDD;
}
.tab-list li.selected a:hover {
	text-decoration: none;
}

.tab-view .content {
	display: none;
	margin-left: 200px !important;
	/* box shadow looks ugly where the tab meets the content, so we use an image instead */
	box-shadow: none;
	background: url('images/content_shading.png') top repeat-x #2A2A2A !important; /* fallback */
	background: url('images/content_shading.png') top repeat-x, url('images/noise.png') #2A2A2A !important;
}
.tab-view .content.active {
	display: block;
}