/* \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\tabs\Bricks inverted gradient\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(@borderwidth,@TABcurrentborderstyle) when (@borderwidth > 0) and not (@TABcurrentborderstyle = NIL) {
		border-width: {{TABcurrentborderwidth}}px {{TABcurrentborderwidth}}px 0 {{TABcurrentborderwidth}}px;
		border-style: {{TABcurrentborderstyle}};
		border-color: {{TABborder_color}} {{TABborder_color}} transparent {{TABborder_color}};
}

.str_tab_bricks{
	float: left;
	margin: {{TAB_vmargin}}px {{TAB_hmargin}}px;
	padding: 0;
	width:100%;
	border-top: {{TABborderwidth}}px {{TABborderstyle}} {{TABborder_color}};
	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;

		}

			a:focus {
			outline:none !important;
		}

			a{
			float: left;
			display: block;
			font: {{TAB_fontweight}} {{str_tab_fontsize}}px {{str_tab_fontfamily}};
			color:{{text_color}};
			text-decoration: none !important;
			margin: 1px 1px 0 0; /*Margin between each menu item*/
			padding: @vpadding 10px;
			background: {{background_color}}  url(./{{image_path}}/{{grad_image}}); /*Brown color theme*/
			border-top: 1px solid {{background_color}};
			border-bottom:0px;
		}


	a:hover,
	.current a {
		background: {{current_background_color}}  url(./{{image_path}}/{{current_grad_image}}); /*Brown color theme*/
		color: {{current_text_color}};
		.TABborder_radius({{TAB_topborderradius}}, {{TAB_bottomborderradius}});
		.TABaborder({{TABcurrentborderwidth}}, {{TABcurrentborderstyle}});
		border-top-width: 0;
		margin-top:0 !important;
	}
}
*+html { /* Ie7 hack */
	.str_tab_bricks {
		ul {
			position: relative; /* IE 6 and IE7 fix for overflow: hidden */
		}
	}
}
