/* \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\tabs\Bricks gradient\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 */
}
		.TABBricks_gradient_currentborder_style(@TABcurrentborderstyle) when not (@TABcurrentborderstyle = 'NIL') {
			border-style: {{TABcurrentborderstyle}};
		}
		.TABBricks_gradient_currentborder_style(@TABcurrentborderstyle) when (@TABcurrentborderstyle = '') {
			border-style: none;
		}
		.TABBricks_gradient_currentborder_style(@TABcurrentborderstyle) when (@TABcurrentborderstyle = 'NIL') {
			border-style: none;
		}
.TABaborder(@borderwidth,@TABcurrentborderstyle) when (@borderwidth > 0) and not (@TABcurrentborderstyle = none) {
		border-width: {{TABcurrentborderwidth}}px {{TABcurrentborderwidth}}px 0 {{TABcurrentborderwidth}}px;
		.TABBricks_gradient_currentborder_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_bricks{
	float:left;
	padding: 0;
	margin: {{TAB_vmargin}}px {{TAB_hmargin}}px;
	width: 100%;
	.TAB_borderbottom({{TABborderwidth}}px);
	background: {{TABulbgcolor}};

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

	li {
		display: inline;
		margin: 0 2px 0 0;
		padding: 0;
		width: auto;
	}

	a:focus {
		outline:none !important;
	}

	a{
		float: left;
		display: block;
		background: {{background_color}} url(./{{image_path}}/{{grad_image}}) repeat-x;
		color: {{TABtextcolor}} !important;
		font: {{TAB_fontweight}} {{str_tab_fontsize}}px {{str_tab_fontfamily}};
		.TABborder_radius({{TAB_topborderradius}}, {{TAB_bottomborderradius}});
/*
		padding: @vpadding @hpadding;
*/
		padding: @vpadding + {{TABcurrentborderwidth}}px @hpadding;
		text-decoration: none !important;
/*
		letter-spacing: 1px;
		border:0;
*/
		margin: {{single_TAB_vmargin}} {{single_TAB_hmargin}}px 0 0;
	}

	.current a,
	a:hover {
		background: {{current_background_color}} url(./{{image_path}}/{{current_grad_image}}) repeat-x;
		.TABborder_radius({{TAB_topborderradius}}, {{TAB_bottomborderradius}});
		.TABaborder({{TABcurrentborderwidth}}, {{TABcurrentborderstyle}});
		color:{{TABtexthvrcolor}}!important;
		padding-bottom: @vpadding + 1px + {{TABcurrentborderwidth}}px;
	}
/* 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}};
			}
		}
	}
}
*+html { /* Ie7 hack */
	.str_tab_bricks {
		ul {
			position: relative; /* IE 6 and IE7 fix for overflow: hidden */
		}
	}
}
