/* \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\tabs\Form gradient\tabstyle.css */
.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: {{TABborderwidth}}px;
		border-style: {{TABborderstyle}};
		border-color: {{TABborder_color}} {{TABborder_color}} transparent {{TABborder_color}};
}
.TAB_borderbottom(@borderwidth) when (@borderwidth > 0){
	border-bottom: {{TABborderwidth}}px {{TABborderstyle}} {{TABborder_color}};
}

.str_tab_bricks{
	float:left;
	margin: {{TAB_vmargin}}px {{TAB_hmargin}}px;
	padding: 0;
	width: 100%;
	background: {{TABulbgcolor}};
	.TAB_borderbottom({{TABborderwidth}});
	ul {
		margin: 0;
		padding-left:0;
		list-style: none;
		float:left;
		width: 100%;
		overflow: hidden;
	}
	li.current a,
	a:hover {
		float: left;
		position:relative;
		padding: 5px 10px;
		height:27px;
		line-height:27px;
		.TABaborder({{TABborderwidth}});
		border-bottom-width: 0 !important;
		background: {{TABbghvrcolor}} url(./{{image_path}}/{{current_grad_image}}) repeat-x left top;
		margin-bottom:0 !important;
		color: {{current_text_color}} !important;
		.TABborder_radius({{TAB_topborderradius}}, {{TAB_bottomborderradius}});
	}
	li{
		display: inline;
		margin: 0 2px 0 0;
		padding: 0;
	}

	a:focus {
		outline:none !important;
	}

	a{
		float: left;
		height: 27px;
		line-height: 27px;
		border-width: 1px 1px 0;
		border-style: solid;
		border-color: {{TABborder_color}};
		display: block;
		color: {{text_color}} !important;
		font: {{TAB_fontweight}} {{str_tab_fontsize}}px {{str_tab_fontfamily}};
		margin: 0 1px 0 0;
		padding: 10px 10px 0;
		text-decoration: none !important;
		letter-spacing: 1px;
		background: {{TABbgcolor}} url(./{{image_path}}/{{grad_image}}) repeat-x left top;
		position:relative;
		z-index: 10;
	}
}
*+html { /* Ie7 hack */
	.str_tab_bricks {
		ul {
			position: relative; /* IE 6 and IE7 fix for overflow: hidden */
		}
	}
}
