/*******************************************************************************************
*******************************************************************************************
/shared/modules/_nav-vertical.css
*******************************************************************************************
*******************************************************************************************/

.navVerticalHeading {
	color: #FEB300;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 11px 0 10px 0;
	text-decoration: none;
	text-transform: uppercase;
}
	.navVerticalHeading.noLink:hover {
		color: #FEB300;
	} 

.navVertical {
	display: block;
	line-height: 1.2;
    list-style: none;
    margin: 0;
    padding: 0;
}
	.navVertical li {
		list-style: none;
	}
	.navVertical .navItem {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
		.navVertical .navItem a,
		.navVertical .navItem-noLink a:hover,
        .navVertical .navItem .noLink:hover {
			color: #111;
			cursor: pointer;
			display: block;
			margin: 0;
			padding: 4px 0;
			position: relative; /* for positioning the 'new' flag */
			text-decoration: none;
		}
            .navVertical .navItem-noLink a,
            .navVertical .navItem .noLink {
                cursor: default !important;
            }
			.navVertical .navItem a:hover,
			.navVertical .navItem > a:hover,
			.navVertical .navItem.active > a,
			.navVertical .navItem.active > a:hover,
			.navVertical .navItem > a.active,
			.navVertical .navItem > a.active:hover {
                cursor: pointer;
				text-decoration: underline;
			}
			
		.navVertical .navItem .arrowRight {
			float: right;
			margin-top: 3px;
			margin-right: -7px;
		}
		.navVertical .navItem .arrowDown {
			float: right;
			margin-top: 2px;
			margin-right: -3px;
		}
		.navVertical .navItem .new {
			font-size: 11px;
			left: -30px;
			width: 30px;
		}
		.navVertical .navItem .sm {
			color: #666;
			display: block;
			font-weight: normal;
		}
			
/* sublevel */			
.navVertical .sublevel {
	display: block;
	font-size: 12px;
	margin: 0;
	padding: 0 0 0 15px;
}
	.navVertical .sublevel .navItem {
		margin: 0;
	}
	.navVertical .sublevel .navItem a {
		font-weight: normal;
		margin: 0;
	}	 
        .navVertical .sublevel .navItem a:hover {
            text-decoration: underline;
        }
		.navVertical .sublevel .navItem.active a,
		.navVertical .sublevel .navItem a.active,
        .navVertical .sublevel .navItem a.active:hover {
            font-weight: bold;
        }
	.navVertical .sublevel .navItem .arrowSm {
		float: right;
		margin-top: 4px;
		margin-right: -6px;
	}

.navVerticalSubHeading {
	color: #000;
	display: block;
	font-weight: bold;
}


/*** SIDEBAR NAV ***/      
.nav-secondary .navVertical .navItem {
    margin: 0 0 1px 0;
}
.nav-secondary .navVertical .navItem a,
.nav-secondary .navVertical .navItem-noLink a:hover,
.nav-secondary .navVertical .navItem .noLink:hover {
    background: #cfe1f1;
    border-left: 5px solid #82aed8;
    font-weight: bold;
    padding: 6px 8px;
}
.nav-secondary .navVertical .navItem a:hover,
.nav-secondary .navVertical .navItem.active > a,
.nav-secondary .navVertical .navItem.active > a:hover,
.nav-secondary .navVertical .navItem a.active,
.nav-secondary .navVertical .navItem a.active:hover {
    background: #9ec2e6;
    border-left: 5px solid #1e5180;
    text-decoration: none;
}

/* sublevel */
.nav-secondary .navVertical .sublevel {
    background: #eaf2f9;
    border: solid 1px #b5d2ec;
    border-top: none;
    padding: 4px 0;
}
    .nav-secondary .navVertical .sublevel .navItem {
        margin: 0;
    }
	.nav-secondary .navVertical .sublevel .navItem a {
        background: none;
        border: none;
        font-weight: normal;
	    padding: 4px 8px 4px 12px;
	}
	.nav-secondary .navVertical .sublevel .navItem a:hover,
	.nav-secondary .navVertical .sublevel .navItem.active a,
    .nav-secondary .navVertical .sublevel .navItem a.active,
    .nav-secondary .navVertical .sublevel .navItem a.active:hover {
	    background: #fff;
	    border: solid 1px #dce9f4;
        border-left: none;
        border-right: none;
        padding: 3px 8px 3px 12px;
	}
	.nav-secondary .navVertical .sublevel .navItem.active a,
	.nav-secondary .navVertical .sublevel .navItem a.active,
	.nav-secondary .navVertical .sublevel .navItem a.active:hover {
	    font-weight: bold;
	}
    
.nav-secondary .navVerticalSubHeading {
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    border-bottom: 1px dashed #F3F8FC;
}    


/*** SITE MAP ***/
.sitemap .shoutBox,
.sitemap .btn {
	display: none;
}
.sitemap .navVerticalHeading,
.sitemap .navVerticalHeading.noLink:hover {
	background: #eaeaea;
    color: #000;
    cursor: default;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 5px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    margin-top: 23px;
    text-transform: none;
}
.sitemap .navVerticalHeading:hover {
	background: #e0e0e0;
	cursor: pointer;
}
.sitemap .navVertical .navItem a,
.sitemap .navVertical .navItem a.noLink {
	color: #055bad;
    text-decoration: underline;
}
.sitemap .navVertical .navItem a:hover,
.sitemap .navVertical .navItem a.noLink:hover {
	text-decoration: none;	
}
.sitemap .navVertical .navItem a .sm {
	display: none;
}