/*
 * \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\tabs\Simple\tabstyle.css
 */
@vpadding=5px;
@hpadding=10px;
.TABborder_radius(@topradius, @bottomradius) when (@topradius + @bottomradius> 0){
		-o-border-radius: {{TAB_topborderradius}}px {{TAB_topborderradius}}px {{TAB_bottomborderradius}}px {{TAB_bottomborderradius}}px;		/* Opera */
		-icab-border-radius: {{TAB_topborderradius}}px {{TAB_topborderradius}}px {{TAB_bottomborderradius}}px {{TAB_bottomborderradius}}px;	/* iCab */
		-khtml-border-radius: {{TAB_topborderradius}}px {{TAB_topborderradius}}px {{TAB_bottomborderradius}}px {{TAB_bottomborderradius}}px;/* Konqueror  */
		-moz-border-radius: {{TAB_topborderradius}}px {{TAB_topborderradius}}px {{TAB_bottomborderradius}}px {{TAB_bottomborderradius}}px;	/* Firefox */
		-webkit-border-top-right-radius:{{TAB_topborderradius}}px;																																					/* Safari */
		-webkit-border-top-left-radius:{{TAB_topborderradius}}px;																																						/* Safari */
		-webkit-border-bottom-right-radius: {{TAB_bottomborderradius}}px;																																		/* Safari */
		-webkit-border-bottom-left-radius: {{TAB_bottomborderradius}}px ;																																		/* Safari */
		border-radius: {{TAB_topborderradius}}px {{TAB_topborderradius}}px {{TAB_bottomborderradius}}px {{TAB_bottomborderradius}}px;				/* modern CSS3 compatible browser */
}
.TABaborder(@borderwidth) when (@borderwidth > 0) {
		border-width: {{TABcurrentborderwidth}}px {{TABcurrentborderwidth}}px 0 {{TABcurrentborderwidth}}px;
		border-style: {{TABcurrentborderstyle}};
		border-color: {{TABborder_color}} {{TABborder_color}} transparent {{TABborder_color}};
}
.TAB_borderbottom(@borderwidth) when (@borderwidth > 0){
	border-bottom: {{TABborderwidth}}px {{TABborderstyle}} {{TABborder_color}};
}
.str_tab_simple{
	float: left;
	margin: {{TAB_vmargin}}px {{TAB_hmargin}}px;
	padding: 0;
	width:100%;
	.TAB_borderbottom({{TABborderwidth}}px);
	background: {{TABulbgcolor}};

	ul {
		margin:0;
		padding-left:0;
		list-style: none;
		float:left;
		overflow: hidden;
	}

	li {
		float; left;
		display: inline;
		margin: 0 3px 0 0;
		padding: 0;
	}

	a:focus {
		outline:none !important;
	}

	a{
		float: left;
		display: block;
		background: {{TABbgcolor}};
		color: {{TABtextcolor}} !important;
		font: {{TAB_fontweight}} {{str_tab_fontsize}}px {{str_tab_fontfamily}};
		padding: @vpadding @hpadding;
		padding: @vpadding + {{TABcurrentborderwidth}}px @hpadding;
		text-decoration: none !important;
		letter-spacing: 1px;
		border:0;
		margin:0 {{TABcurrentborderwidth}}px;
	}

	.current a,
	a:hover {
		background: {{TABbghvrcolor}};
		.TABborder_radius({{TAB_topborderradius}}, {{TAB_bottomborderradius}});
		.TABaborder({{TABcurrentborderwidth}});
		color:{{TABtexthvrcolor}}!important;
		margin:0 !important;
		padding-bottom: @vpadding + {{TABcurrentborderwidth}}px;
	}
}
*+html { /* Ie7 hack */
	.str_tab_simple {
		ul {
			position: relative; /* IE 6 and IE7 fix for overflow: hidden */
		}
	}
}
