/* \Sentra.Designs\BasicDesigner\modules\menues\verticaltopicnavi\styles\style_vertical_topicnavi.css */
/* Topic menu in {{thisbar}} */
.{{thisbar}}_vmtp_navi_a_bg(@vmtp_navi_a_bg_file) when (@vmtp_navi_a_bg_file = 'none.png') {
	background: {{vmtp_navi_a_bg_color}};
}
.{{thisbar}}_vmtp_navi_a_bg(@vmtp_navi_a_bg_file) when not (@vmtp_navi_a_bg_file = 'none.png') {
	background: {{vmtp_navi_a_bg_color}}  url(./{{template_images}}/{{vmtp_navi_a_bg_file}}) repeat -4px 0;
}
.{{thisbar}}_vmtp_navi_a_hvr_bg(@vmtp_navi_a_hvr_bg_file) when (@vmtp_navi_a_hvr_bg_file = 'none.png') {
	background: {{vmtp_navi_a_bg_color}};
}
.{{thisbar}}_vmtp_navi_a_hvr_bg(@vmtp_navi_a_hvr_bg_file) when not (@vmtp_navi_a_hvr_bg_file = 'none.png') {
	background: {{vmtp_navi_a_bg_color}} url(./{{template_images}}/{{vmtp_navi_a_hvr_bg_file}}) repeat -4px 0;
}

.{{thisbar}}_vtpcnavi_shadow(@vmenu_shadow_color)  when not (@vmenu_shadow_color = transparent) {
	box-shadow: {{vmenu_shadowPosx}}px {{vmenu_shadowPosy}}px {{vmenu_shadow_blur}}px {{vmenu_shadow_spread}}px {{vmenu_shadow_color}} {{vmenu_shadow_location}};
}

.{{thisbar}}_vtpcnavi_border(@vtpc_navi_border_width, @vtpc_navi_border_color) when (@vtpc_navi_border_width > 0) and not (@vtpc_navi_border_color = transparent){
	border: {{vtpc_navi_border_width}}px {{vtpc_navi_border_style}} {{vtpc_navi_border_color}};
}
.{{thisbar}}_vtpcnavi_border_radius( @vtpc_navi_round_corner_radius ) when (@vtpc_navi_round_corner_radius > 0) {
	border-radius: {{vtpc_navi_round_corner_radius}}px;
}

.{{thisbar}} {
	ul.topicnavi {
		list-style:none;
		clear:both;
		float:left;
		width: {{Width}}px - 2 * {{vtpc_navi_border_width}}px;
		background:{{vtpc_navi_a_bg_color}};
 		margin: 0 0 10px 0;
 		padding: 0;
 		.{{thisbar}}_vtpcnavi_border({{vtpc_navi_border_width}}, {{vtpc_navi_border_color}});
 		.{{thisbar}}_vtpcnavi_border_radius( {{vtpc_navi_round_corner_radius}} );
		.{{thisbar}}_vtpcnavi_shadow({{vmenu_shadow_color}});
		overflow:hidden;

		li {	/* Topics */
			float:left;
			overflow:hidden;
			a {
				height: {{vtpc_navibg_height}}px;
				line-height: {{vtpc_navibg_height}}px;
				float:left;
				width: {{Width}}px - {{vtpc_navi_left_padding}}px - 2 * {{vtpc_navi_border_width}}px;
				padding-left: {{vtpc_navi_left_padding}}px;
				background:{{vtpc_navi_a_bg_color}};
				color: {{vtpc_navi_a_link_color}};
				font-family: {{vtpc_navifontfamily}};
				font-size: {{vtpc_Navi_fontsize}}px;
				font-weight:bold;
			}
			a:hover {
				background:{{vtpc_navi_a_hvr_bg_color}};
				color: {{vtpc_navi_a_hvr_link_color}};
			}
			a.fly {
/*
				background: {{vtpc_navi_a_hvr_link_color}};
				color: {{vtpc_navi_a_hvr_bg_color}};
*/
			}
			a.fly:after {
				content: "";
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-top: 10px solid {{vtpc_navi_a_hvr_bg_color}};
				float: right!important;
				position: relative;
				left: -5px;
				top: floor(({{vtpc_navibg_height}}px - 10px) * 0.5);
			}

			ul {	/* SubTopics */
				float:left;
				list-style:none;
				background:transparent;
		 		margin: 0;
 				padding: 0;
				li {	/* SubTopics */
					float:left;
					background:transparent;
					a {
						height: floor({{vtpc_navibg_height}}px * 2 / 3);
						line-height: floor({{vtpc_navibg_height}}px * 2 / 3);
						float:left;
						width: {{Width}}px - {{vtpc_navi_left_padding}}px - 2 * {{vtpc_navi_border_width}}px -  8px;
						padding-left: {{vtpc_navi_left_padding}}px + 8px;
						background:{{vstpc_navi_a_bg_color}};
						color: {{vstpc_navi_a_link_color}};
						font-family: inherit;
						font-size: floor({{vtpc_Navi_fontsize}}px * 0.85);
						font-weight:normal;
					}
					a:hover {
						color: {{vstpc_navi_a_hvr_bg_color}}!important;
						background: {{vstpc_navi_a_hvr_link_color}}!important;
					}
				}
				li.current {	/* SubTopics */
					a {
						color: {{vstpc_navi_a_hvr_bg_color}};
						background: {{vstpc_navi_a_hvr_link_color}};
					}
				}
			}
		}
		li.current {			/* current topic */
			float:left;
			background:transparent;
			a {
				background:{{vtpc_navi_a_hvr_bg_color}};
				color: {{vtpc_navi_a_hvr_link_color}};
			}
			a:after {
				content: "";
				border-left: 8px solid transparent;
				border-right: 8px solid transparent;
				border-top: 10px solid {{vtpc_navi_a_hvr_link_color}};
				float: right!important;
				position: relative;
				left: -5px;
				top: floor(({{vtpc_navibg_height}}px - 10px) * 0.5);
			}

			li a {	/* currrent topic subtopic  */
				background:{{vtpc_navi_a_bg_color}};
				color: {{vtpc_navi_a_link_color}};
			}
			li a:after {
				content: "";
				border: 0;
			}

			a:hover {
				background:{{vtpc_navi_a_hvr_bg_color}};
				color: {{vtpc_navi_a_hvr_link_color}};
			}
		}
		li.mt {			/* main topic */
			float:left;
			font-variant:small-caps;
			background: {{vstpc_navi_a_bg_color}};
			text-align: center;
			a {
				color: {{vmt_navi_a_link_color}};
			.{{thisbar}}_vmtp_navi_a_bg('{{vmtp_navi_a_bg_file}}');
			}
			a:hover {
				color:{{vmtp_navi_a_bg_color}};
			.{{thisbar}}_vmtp_navi_a_hvr_bg('{{vmtp_navi_a_hvr_bg_file}}');
			}
		}
	}
}
