/* \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\tabs\Bricks\tabstyle.css */
@vpadding=5px;
.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(@TABborderwidth) when (@TABborderwidth > 0) {
	border: {{TABborderwidth}}px {{TABborderstyle}} {{TABborder_color}};
	position:relative;
	top: {{TABborderwidth}}px;
}

.str_tab_bricks {
	margin: {{TAB_vmargin}}px {{TAB_hmargin}}px;
	padding: 0;
	width: 100%;
	float:left;

	ul{
		margin: 0;
		padding-left:0;
		list-style: none;
		float:left;
		width: 100%;
		overflow: hidden;
		border-bottom: {{TABulborderwidth}}px {{TABulborderstyle}} {{TABborder_color}};
		*position: relative; /* IE 6 and IE7 fix for overflow: hidden */
	}

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

	a:focus {
		outline:none !important;
	}

	a{
		float: left;
		display: block;
		color: {{text_color}} !important;
/*
		font: bold {{str_tab_fontsize}}px {{str_tab_fontfamily}};
*/
		margin: 0 1px 2px  0;
		padding: @vpadding 10px @vpadding - 1;
		text-decoration: none !important;

		background: {{TABbgcolor}};
		.TABaborder({{TABborderwidth}});
		border-bottom:0;
		.TABborder_radius({{TAB_topborderradius}}, {{TAB_bottomborderradius}});
	}

	a:hover
	{
		background: {{TABbghvrcolor}};
		color: {{hover_text_color}} !important;

	}
	.current a {
		background: {{TABbghvrcolor}};
		color: {{hover_text_color}} !important;
		.TABaborder({{TABcurrentborderwidth}});
/*
		border: {{TABcurrentborderwidth}}px {{TABcurrentborderstyle}}  {{TABborder_color}}!important;
*/
		border-bottom:solid 1px {{TABbghvrcolor}};
		margin: 0 1px 0 0;
		padding: @vpadding 10px;
	}
/* Fluid Slider */
	.ls-select-box {
		width: 100%;
		height: 35px;
		overflow: hidden;
		background: url(./{{image_path}}/menu.png) no-repeat right {{TABbghvrcolor}};

		select {
			color: {{TABtexthvrcolor}};
			background: transparent;
			width: 120%;
			-webkit-appearance: normal;
			-moz-appearance: normal;
			appearance: normal;
			padding: 5px;
			font-size: 110%;
			border: none;
			height: 35px;
			cursor: pointer;
			outline: 0;
			option {
				background: {{TABbghvrcolor}};
			}
		}
	}
}
