/*
 * \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\accordion\styles-accordion.css
 */
.Acrdborder_radius(@topradius, @bottomradius) when (@topradius + @bottomradius > 0){
		-o-border-radius: 5px 5px 1px 1px;		/* Opera */
		-icab-border-radius: 5px 5px 1px 1px;	/* iCab */
		-khtml-border-radius: 5px 5px 1px 1px;/* Konqueror  */
		-moz-border-radius: 5px 5px 1px 1px;	/* Firefox */
		-webkit-border-top-right-radius:5px;																																					/* Safari */
		-webkit-border-top-left-radius:5px;																																						/* Safari */
		-webkit-border-bottom-right-radius: 1px;																																		/* Safari */
		-webkit-border-bottom-left-radius: 1px ;																																		/* Safari */
		border-radius: 5px 5px 1px 1px;				/* modern CSS3 compatible browser */
}
.Acrdaborder(@TABborderwidth,@TABborderstyle) when (@TABborderwidth > 0) and not (@TABborderstyle = NIL) {
		border-width: {{TABborderwidth}}px 0;
		border-style: {{TABborderstyle}};
		border-color: {{TABborder_color}};
}


.{{classname}} {
    line-height: 28px - 2 * {{TABborderwidth}}px;
    display: block;
    cursor:pointer;
    width:100%!important;
}

.bg-{{classname}}-closed {
    background:{{Acrd_background_bg_closed}};
		.Acrdborder_radius(5, 1);
		.Acrdaborder({{TABborderwidth}}, {{TABborderstyle}});
    line-height: 28px - 2 * {{TABborderwidth}}px;
    display: block;
    cursor:pointer;
    margin:5px 0 5px 0;
    cursor:pointer;
    height:28px;
    width:100%!important;
    text-decoration: none !important;
    float:left;
	a {
		font: bold 12px Verdana, Geneva, sans-serif;
	  line-height: 28px - 2 * {{TABborderwidth}}px;
    height:28px - 2 * {{TABborderwidth}}px;
    width:100%!important;
		padding: 0 {{Acrd_icon_padding}}px + {{Acrd_icon_width}}px + {{Acrd_icon_padding}}px;
	}
}

.bg-{{classname}}-closed:hover {
    background:{{Acrd_background_bg_closed_hvr}};
    text-decoration: none !important;
}
a.{{classname}}-closed {
    margin:0;
    color:#FFFFFF !important;
    height:28px - 2 * {{TABborderwidth}}px;
    float:left;
    text-align:{{text_align}};
    background: url(./template_images/{{Acrd_icon_closed}}) {{Acrd_icon_padding}}px  center no-repeat;
    width:100%!important;
}

a.{{classname}}-closed:hover {
    color:#BAF3FD !important;
    background: url(./template_images/{{Acrd_icon_closed_hover}}) {{Acrd_icon_padding}}px  center  no-repeat;
    text-decoration: none !important;
}


.bg-{{classname}}-opened {
	.Acrdborder_radius(5, 1);
	overflow:hidden;
	.Acrdaborder({{TABborderwidth}}, {{TABborderstyle}});
  display: block;
  cursor:pointer;
  background: {{Acrd_background_bg_opened}};
  margin:5px 0 5px 0;
  cursor:pointer;
	height:28px;
	width:100%!important;
  text-decoration: none !important;
  float:left;
	a {
		font: bold 12px Verdana, Geneva, sans-serif;
	  line-height: 28px - 2 * {{TABborderwidth}}px;
    height:28px - 2 * {{TABborderwidth}}px;
		padding: 0 0 0 {{Acrd_icon_padding}}px + {{Acrd_icon_width}}px + {{Acrd_icon_padding}}px;
	}
	.current a,
	a:hover {
	}
}

.bg-{{classname}}-opened:hover {
   background:{{Acrd_background_bg_opened_hvr}};
}

p.p{{classname}} {
    margin:0;
    padding: 0;
}

a.{{classname}}-opened {
    text-align:{{text_align}};
    float:left;
    background: url(./template_images/{{Acrd_icon_opened}}) {{Acrd_icon_padding}}px center no-repeat;
		color: #BAF3FD !important;
	}

a.{{classname}}-opened:hover {
    color:#FFFFFF !important;
    background: url(./template_images/{{Acrd_icon_opened_hover}}) {{Acrd_icon_padding}}px center  no-repeat;
    text-decoration: none !important;
}
