/** Tabs **/
.tab { 
	position: relative;
	background: #d3d2d8 url('tab_bg.jpg') repeat-x; color: #515151;
	display: block;
	float: left;
	width: 115px;
	font-weight: bold; text-align: center;
	margin-left: 5px;
	border: 1px solid #bebebe;
	/* CSS3 */
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0; 
	text-shadow: 0 1px 1px #fff;
	-moz-text-shadow: 0 1px 1px #fff;
	-webkit-text-shadow: 0 1px 1px #fff;
}
.tab:hover, .tab.sel { 
	background: red; color: white; border-color: #aa001e; 
	text-decoration: none;
	/* CSS3 */
	text-shadow: 0 -1px 1px #96001e;
	-moz-text-shadow: 0 -1px 1px #96001e;
	-webkit-text-shadow: 0 -1px 1px #96001e;
}
.tab.sel i { /* arrow */
	position: absolute; top: 18px; left: 50%; margin-left: -8px;
    width: 0px; height: 0px;
	float: left; display: block;
	border-color: red transparent;
	border-width: 8px 8px 0 8px;
	border-style: solid;
}

.tabcontent { padding: 10px; }
.tabcontent .padd { padding: 5px; }
.tabcontent .title { font-size: 18px; font-weight: bold; line-height: 1; }

.tab.small { 
	height: 14px;
	width: 60px;
	font-size: 11px;
	font-weight: normal;
	padding: 4px;
	}
.tab.small.sel i { /* arrow */
	top: 14px;
}
.tab.dark { 
	color: #fff;
	border: 1px solid #3f4143;
	background: #5c5d60;
	/* CSS3 SHADOW */
	text-shadow: 0 1px 1px #000;
	-moz-text-shadow: 0 1px 1px #000;
	-webkit-text-shadow: 0 1px 1px #000;
}
.tab.dark.sel { 
	background: #393939;
	color: #eb1432;
	margin-bottom: -10px;
}