/*
 * Original source: \Eigene Dateien\Sentra.Designs\BasicDesigner\modules\menues\paragraph-list-flyout\style_anchorlist.css
 */
@anchorlistmargin:10px;
.flyout_anchorlist_shadow(@anchorlist_button_color) when not (@anchorlist_button_color = transparent) {
	box-shadow: {{anchorlist_button_shadowposx}}px {{anchorlist_button_shadowposy}}px {{anchorlist_button_shadowblur}}px {{anchorlist_button_shadowspread}}px {{anchorlist_button_shadowcolor}} {{anchorlist_button_shadowlocation}};
}
.anchorlist_flyout_border(@anchorlist_flyout_border_width) when  (@anchorlist_flyout_border_width > 0) {
	border: {{anchorlist_flyout_border_width}}px {{anchorlist_flyout_border_style}} {{anchorlist_flyout_bordercolor}};
}
.anchorlist_flyout_border_radius(@anchorlist_flyout_border_radius) when  (@anchorlist_flyout_border_radius > 0) {
	border-radius: {{anchorlist_flyout_border_topborderradius}}px {{anchorlist_flyout_border_topborderradius}}px {{anchorlist_flyout_bottomborderradius}}px {{anchorlist_flyout_bottomborderradius}}px;
}
.Sanchorlist_button_border(@anchorlist_button_border_width) when  (@anchorlist_button_border_width > 0) {
	border: {{anchorlist_button_border_width}}px {{anchorlist_button_borderstyle}} {{anchorlist_button_bordercolor}};
}
.Sanchorlist_button_border_radius(@anchorlist_button_border_radius) when  (@anchorlist_button_border_radius > 0) {
	border-radius: {{anchorlist_button_topborderradius}}px {{anchorlist_button_topborderradius}}px {{anchorlist_button_bottomborderradius}}px {{anchorlist_button_bottomborderradius}}px;
}

.flyout_anchorlist {/* the anchorlist button */
	float:left;
	width:{{anchorlist_button_vwidth}}px;
	.Sanchorlist_button_border({{anchorlist_button_border_width}});
	.Sanchorlist_button_border_radius({{anchorlist_button_topborderradius}} + {{anchorlist_button_bottomborderradius}});
	.flyout_anchorlist_shadow({{anchorlist_button_color}});
	position:fixed;
	top:{{anchorlist_button_vtoppos}};
	right:{{anchorlist_button_hrightpos}};
	z-index:202;
	line-height: {{anchorlist_button_line_height}}px;
	background:{{anchorlist_button_bg_color}};
	color: {{anchorlist_button_color}};

	/* remove the bullets and set the margin and padding to zero for the unordered list */

	ul {
		float:left;
		padding: {{anchorlist_li_padding}}px;
		margin:0;
		list-style: none;
		border:0;

		table {
			border-collapse:collapse;
			margin:-1px -10px;
			font-size:1em;
		}

		li {
			float:left !important;
			width:{{anchorlist_button_vwidth}}px;
			left:0 !important;

			a, a:hover,
			a:visited {
				color:{{anchorlist_button_color}};
				font: normal {{anchorlist_button_fontsize}}px {{anchorlist_fontfamiliy}};
				display:block;
				text-align:center;
				text-decoration:none;
				width:{{anchorlist_button_vwidth}}px;
				em {
					clear:both;
					width:{{anchorlist_button_vwidth}}px;
					float:left;
					display:block;
				}
			}
			ul.anchorlist {/* Flyout-window  with links to paragraphs */
				position:absolute;
				list-style:none;
				width: {{anchorlist_flyout_width}}px + 2 * @anchorlistmargin + 2 * {{anchorlist_flyout_a_padding}}px;
				min-height:{{flyout_anchorlist_height}}px;
				background: {{anchorlist_bg}};
				.anchorlist_flyout_border({{anchorlist_flyout_border_width}});
				.anchorlist_flyout_border_radius({{anchorlist_flyout_border_topborderradius}} + {{anchorlist_flyout_bottomborderradius}});
				li {
					float:left;
					background: {{anchorlist_flyout_li_bg}};
					margin: 0 @anchorlistmargin;

					a {
						float:left;
						font: normal {{anchorlist_flyout_fontsize}}px {{anchorlist_fontfamiliy}};
						white-space:normal;
						line-height: {{anchorlist_flyout_line_height}}px;
						color:{{anchorlist_flyout_link_color}};
						font-weight:bold;
						background: {{anchorlist_flyout_li_bg}};
						padding:0 {{anchorlist_flyout_a_padding}}px;
						text-align:left;
						width: {{anchorlist_flyout_width}}px;
/*
						border-bottom: {{anchorlist_flyout_a_border}};
*/
					}
					a:hover {
						color:{{anchorlist_hover_link_color}};
/*
						background: {{anchorlist_a_bg}};
*/
						background-color:{{anchorlist_hover_bg_color}};
					}
				}
			}
		}
		/* make the flying out ul invisible*/
		ul {
			left:-9999px;
			height:0;
			width: {{anchorlist_flyout_width}}px;
		}
	}
/*
	ul li a:hover,
	ul li:hover a {
		color:{{anchorlist_hover_link_color}};
		background:{{anchorlist_bg}};
	}
*/
	ul :hover ul {
		position:fixed;
		top: 0;
		height:auto;
	left: -{{anchorlist_flyout_width}}px - 2 * @anchorlistmargin - 2 * {{anchorlist_flyout_a_padding}}px - {{anchorlist_button_border_width}}px;
		text-align:left;
		z-index:32;
	}
	ul :hover ul li {
		float:left;
		clear:both;
		padding: 0; /* {{anchorlist_horizontal_padding}};*/
		width:auto;
		white-space:normal;
	}
}
*+html {
.flyout_anchorlist {
		ul.anchorlist {
			height:{{flyout_anchorlist_height}}px;
		}
	}
}
