/*!
 * MotionCSS v1.0 Navigation widget
 *
 * Copyright (c) 2012-2013 UpSolution, Inc
 * Licensed under the Creative Commons Attribution-NoDerivs 3.0 Unported License
 * http://creativecommons.org/licenses/by-nd/3.0/
 */

/*
 ************************** Widget w-naw basic styles ************************/
.w-nav {
	position: relative; /* by default */
	}
	.w-nav-h {
		position: relative; /* seems like forever */
		}
		.w-nav-h:after {
			content: '';
			display: block;
			clear: both;
			height: 0;
			overflow: hidden;
			visibility: hidden;
			}
	.w-nav-control {
		position: absolute;
		right: 0;
		top: 0;
		text-decoration: none;
		height: 32px;
		display: none;
		}
	.w-nav-list {
		display: block; /* by default */ /* block/table */
		width: auto; /* by default */ /* auto/100% */
		min-width: 150px; /* temp */
		position: relative; /* by default */ /* relative/absolute */
		}
	.w-nav-list.level_2 {
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 10;
		}
	.w-nav-list.level_3 {
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 11;
		}
	.w-nav-list.drop_left {
		right: 0;
		left: auto;
		}
		.w-nav-list-h {
			}
			.w-nav-item {
				font-size: 14px;
				line-height: 18px;
				}
				.w-nav-item-h {
					position: relative;
					}
					.w-nav-anchor {
						display: block; /* always block */
						position: relative;
						text-decoration: none;
						*zoom: 1;
						}
						.w-nav-anchor:before,
						.w-nav-anchor:after {
							content: "";
							display: table;
							}
						.w-nav-anchor:after {
							clear: both;
							}
					.w-nav-list.layout_hor .w-nav-anchor.level_1 {
						text-align: center;
						}
					.w-nav-list.layout_hor .w-nav-item.with_all .w-nav-anchor.level_1,
					.w-nav-list.layout_hor .w-nav-item.with_icon .w-nav-anchor.level_1,
					.w-nav-list.layout_hor .w-nav-item.with_hint .w-nav-anchor.level_1 {
						text-align: left;
						}
					.w-nav-list.place_inside.level_2 .w-nav-anchor.level_2,
					.w-nav-list.place_inside.level_3 .w-nav-anchor.level_3 {
						padding-left: 40px;
						}
					.w-nav-list.place_inside.level_2 .w-nav-list.place_inside.level_3 .w-nav-anchor.level_3 {
						padding-left: 60px;
						}
						.w-nav-anchor .w-nav-icon {
							float: left;
							width: 24px;
							height: 24px;
							margin-right: 10px;
							overflow: hidden;
							display: none;
							}
						.w-nav-title {
							}
						.w-nav-hint {
							display: none;
							font-size: 11px;
							line-height: 14px;
							margin-top: 4px;
							}
			.w-nav-separator {
				display: none;
				float: left;
				width: 2px; /*temp*/
				padding: 10px 0;
				text-indent: -9999px;
				line-height: 18px;
				}


/*
 ********************* Element w-nav-list modifications **********************/

/*
 * .LAYOUT_HOR (horizontal layout)
 */
.w-nav-list.layout_hor {
	}

/*
 * .layout_hor.WIDTH_AUTO (normal width, list acts like a list)
 */
.w-nav-list.layout_hor.width_auto > .w-nav-list-h:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	}
	.w-nav-list.layout_hor.width_auto > .w-nav-list-h > .w-nav-item {
		float: left;
		}
		
		/*
		 * .layout_hor.width_auto.WITH_SEPARATOR (has separator)
		 */
		.w-nav-list.layout_hor.width_auto.with_separator > .w-nav-list-h > .w-nav-separator {
			display: block;
			}

	/*
	 * .layout_hor.WIDTH_STRETCH (width: 100%, list acts like a table)
	 */
	.w-nav-list.layout_hor.width_stretch {
		display: table;
		width: 100%;
		}
		.w-nav-list.layout_hor.width_stretch > .w-nav-list-h {
			display: table-row;
			}
			.w-nav-list.layout_hor.width_stretch > .w-nav-list-h > .w-nav-item {
				display: table-cell;
				}

		/*
		 * .layout_hor.width_stretch.WITH_SEPARATOR (has separator)
		 */
		.w-nav-list.layout_hor.width_stretch.with_separator > .w-nav-list-h > .w-nav-separator {
			display: table-cell;
			float: none;
			padding: 0;
			font-size: 0;
			}

	/*
	 * .layout_hor.WIDTH_FULL (width: 100%, elements are distributed among the list)
	 */
	.w-nav-list.layout_hor.width_full > .w-nav-list-h {
		text-align: justify;
		line-height: 0;
		text-justify: newspaper;
		text-align-last: justify;
		zoom: 1;
		}
		.w-nav-list.layout_hor.width_full > .w-nav-list-h:after {
			visibility: hidden;
			display: inline-block;
			width: 100%;
			height: 0;
			overflow: hidden;
			content: '';
			}
		.w-nav-list.layout_hor.width_full > .w-nav-list-h > .w-nav-item {
			display: inline-block;
			position: relative;
			text-align: left;
			vertical-align: top;
			zoom: 1;
			*display : inline;
			}

		/*
		 * .layout_hor.width_full.WITH_SEPARATOR (has separator)
		 */
		.w-nav-list.layout_hor.width_full.with_separator > .w-nav-list-h > .w-nav-separator {
			display: inline-block;
			float: none;
			position: relative;
			text-align: left;
			line-height: normal;
			vertical-align: top;
			zoom: 1;
			*display : inline;
			}

/*
 * .LAYOUT_SITEMAP (fixed width used to create sitemap view)
 */
.w-nav-list.layout_sitemap.level_1 {
	width: 720px; /* temp */
	font-size: 0;
	}
	.w-nav-list.layout_sitemap.level_1 > .w-nav-list-h > .w-nav-item {
		display: inline-block;
		vertical-align: top;
		width: 240px; /* temp */
		/* we need to set item font-size manually in sitemap case */
		font-size: 14px;
		}
	.w-nav-list.layout_sitemap.level_1 .w-nav-anchor.level_1 {
		text-align: left;
		}
		.w-nav-list.layout_sitemap.level_1 .w-nav-list.level_2,
		.w-nav-list.layout_sitemap.level_1 .w-nav-list.level_3 {
			position: relative;
			}

.w-nav-list.layout_sitemap.level_2 {
	width: 540px; /* temp */
	font-size: 0;
	}
	.w-nav-list.layout_sitemap.level_2 > .w-nav-list-h > .w-nav-item {
		display: inline-block;
		vertical-align: top;
		width: 180px; /* temp */
		/* we need to set item font-size manually in sitemap case */
		font-size: 14px;
		}
			
/*
 * .LAYOUT_VER (vertical layout)
 */
.w-nav-list.layout_ver {
	}

/*
 * .FLOAT_RIGHT (push list to the right)
 */
.w-nav-list.float_right {
	float: right;
	}

/*
 * .PLACE_INSIDE (located inside the parent node)
 */
.w-nav-list.place_inside {
	position: static;
	}

/*
 * .PLACE_UP (drops up)
 */
.w-nav-list.place_up {
	left: 0;
	bottom: 100%;
	top: auto;
	}
.w-nav-list.place_up.drop_left {
	top: auto;
	bottom: 100%;
	right: 0;
	left: auto;
	}

/*
 * .PLACE_ASIDE (drops to the right)
 */
.w-nav-list.place_aside {
	left: 100%;
	top: 0;
	bottom: auto;
	}
.w-nav-list.place_aside.drop_left {
	right: 100%;
	left: auto;
	top: 0;
	}
	.w-nav-list.level_2.place_up .w-nav-list.level_3.place_aside {
		bottom: 0;
		top: auto;
		}

/*
 * .SHOW_ACTIVE (show only active children elements)
 * .SHOW_ONCLICK (children elements become active on click)
 */
.w-nav-list.show_active,
.w-nav-list.show_onclick {
	display: none;
	}
.w-nav-item.active > .w-nav-item-h > .w-nav-list.show_active,
.w-nav-item.clicked > .w-nav-item-h > .w-nav-list.show_onclick {
	display: block;
	}
.w-nav-item.active > .w-nav-item-h > .w-nav-list.layout_hor.width_stretch.show_active,
.w-nav-item.clicked > .w-nav-item-h > .w-nav-list.layout_hor.width_stretch.show_onclick {
	display: table;
	}

/*
 * .SHOW_ONHOVER (show children elements on hover)
 */
.w-nav-list.show_onhover {
	display: none;
	}
.w-nav-item:hover > .w-nav-item-h > .w-nav-list.show_onhover {
	display: block;
	}
.w-nav-item:hover > .w-nav-item-h > .w-nav-list.layout_hor.width_stretch.show_onhover {
	display: table;
	}

/*
 * .SHOW_ALWAYS (always show children elements)
 * + always show first-level elements
 */
.w-nav-list.show_always,
.w-nav-list.level_1 {
	display: block;
	}
.w-nav-list.layout_hor.width_stretch.show_always {
	display: table;
	}


/*
 ********************* Element w-nav-item modifications **********************/

/*
 * .WITH_ICON (show item with icon)
 */
.w-nav-item.level_1.with_icon .w-nav-anchor.level_1 .w-nav-icon,
.w-nav-item.level_2.with_icon .w-nav-anchor.level_2 .w-nav-icon,
.w-nav-item.level_3.with_icon .w-nav-anchor.level_3 .w-nav-icon {
	display: block;
	}
	.w-nav-item.level_1.with_icon .w-nav-anchor.level_1 .w-nav-title,
	.w-nav-item.level_2.with_icon .w-nav-anchor.level_2 .w-nav-title,
	.w-nav-item.level_3.with_icon .w-nav-anchor.level_3 .w-nav-title {
		display: block;
		margin-left: 34px;
		}

/*
 * .WITH_HINT (show item with hint)
 */
.w-nav-item.level_1.with_hint .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_2.with_hint .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_3.with_hint .w-nav-anchor.level_3 .w-nav-hint {
	display: block;
	margin-left: 0;
	}

/*
 * .WITH_ALL (show item with both icon and hint)
 */
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-icon,
.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-hint,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-icon,
.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-hint,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-icon,
.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-hint {
	display: block;
	}
	.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-title,
	.w-nav-item.level_1.with_all .w-nav-anchor.level_1 .w-nav-hint,
	.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-title,
	.w-nav-item.level_2.with_all .w-nav-anchor.level_2 .w-nav-hint,
	.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-title,
	.w-nav-item.level_3.with_all .w-nav-anchor.level_3 .w-nav-hint {
		display: block;
		margin-left: 34px;
		}