@charset "utf-8";
/* CSS Document */
.treeview, .treeview ul {
	margin: 0;
	list-style: none;
	font-family: 'Montserrat-Light';
	padding: 0;
	width: 25%;
	float: left;
	margin-right: 5%;
}

.treeview {
    border: 1px solid #f0f0f0;
    /* padding: 20px; */
    border-bottom: 0;
}

	.treeview ul {
		width: 100%;
		float: left;
		padding: 15px 0;
		line-height: 1.7;
	}

	.treeview .hitarea {
		height: 0px;
		width: 0px;
		float: left;
		cursor: pointer;
		display: none
	}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float: none;
}

.treeview li {
	color: #000;
	font-size: 14px;
	font-family: 'Montserrat-Light';
	margin: 0px 0 0px 0;
	border-bottom: 1px solid #eaeaea;
	display: inline-block;
	width: 100%;
}

.treeview li:first-child li a {padding-bottom: 10px;}

	.treeview li a {
		color: #000;
		/* border-bottom: 2px solid #fff; */
		display: block;
		padding: 24px 0 24px 21px;
		position: relative;
		text-decoration: none;
	}

.treeview li a.active:before,.treeview li a.selected:before {
    float: left;
    content: '';
    background: rgba(30 66 121 /0.1);
    height: 100%;
    width: 7px;
    position: absolute;
    left: 0;
    top: 0;
}

.treeview a.selected {
	color: #21457c;
	/* border-color: #2b7dc1; */
	padding: 24px 0 24px 21px;
	font-family: 'M-B';
	/* border: 1px solid #f0f0f0; */
	border-bottom: 1px solid #f0f0f0;
}

.treeview li ul li a.selected {
    /* padding-bottom: 0%; */
    border-bottom: none;
    /* padding-top: 0; */
    padding: 10px 0 0px 40px;
}

.treeview li a:hover {
    color: #21457c;
    font-family: 'M-B';
}

.treeview li ul li ul li a.selected {
    padding-left: 60px;
    border-top: none;
    padding: 5px 0 0px 56px;
}

.treeview li ul li ul li ul li a.selected {
    padding-left: 73px;
    padding-top: 5px;
}

.treeview li ul li ul li a.seected {}

	.treeview li ul a.selected:before {
		float: left;
		content: '';
		background: rgba(30 66 121 /0.1);
		height: 100%;
		width: 7px;
		position: absolute;
		left: 0;
		top: 0;
	}


.treeview li ul > li > a.selected:before {
    float: left;
    content: '';
    background: rgba(30 66 121 /0.1);
    height: 10px;
    width: 10px;
    position: absolute;
    left: 22px;
    top: 13px;
}

.treeview .collapsable ul  li  a.selected:before {
}

.treeview li ul li a:not(.selected,.active):hover:before {
    float: left;
    content: '';
    background: rgba(30 66 121 /0.1);
    position: absolute;
    width: 10px;
    height: 10px;
    left: 23px;
    top: 13px;
}

.treeview li ul li ul li a:not(.selected,.active):hover:before {left: 40px;top: 9px;width: 8px;height: 8px;}

.treeview li ul li ul li ul li a:not(.selected,.active):hover:before {left: 58px;top: 9px;}

.treeview li ul > li > ul > li> a.selected:before {
    left: 40px;
    top: 9px;
    width: 8px;
    height: 8px;
}

.treeview li ul > li > ul > li> ul li a.selected:before {
    left: 58px;
    top: 9px;
}

.treeview li a.active {
	position: relative;
	color: #21457c;
	border: 1px solid #f0f0f0;
	display: block;
	padding: 20px 0px 20px 24px;
	text-decoration: none;
	font-size: 16px;
	font-family: 'M-B';
}

.treeview li ul li a.active {padding-left: 40px;border-bottom: none;font-size: 12px;padding-bottom: 0;padding-top: 14px;font-family: 'M-R';}

.treeview li ul li ul li a.active {
    padding-left: 56px;
    padding-top: 5px;
    border-top: 0;
    font-family: 'M-R';
}

.treeview li ul li a.active:before {float: left;content: '';background: rgba(30 66 121 /0.1);height: 10px;width: 10px;position: absolute;left: 22px;top: 18px;}

.treeview li ul li ul li a.active:before {
    left: 40px;
    height: 8px;
    width: 8px;
    top: 10px;
}

#treecontrol {
	margin: 1em 0;
	display: none;
}

.treeview li a:hover {
	/* color: #2b7dc1; */
}

.treeview li {
}

	.treeview li .icon {
		float: left;
		width: 40px;
		height: 30px;
		margin: -5px 5px 0 0
	}

		.treeview li .icon img {
			max-width: 40px;
			max-height: 30px;
		}

	.treeview .collapsable ul li a.selected {
	}

	.treeview li.expandable {
	}

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

.treeview li ul li a {
	color: #545555;
	background: none;
	border: none;
	border-radius: 0;
	font-size: 15px;
	padding: 10px 0 0px 40px;
	font-size: 12px
}

.treeview .collapsable ul li a {
}

.treeview li ul li ul {
	padding: 0 0 5px 0;
}

	.treeview li ul li {
		margin-bottom: 0;
		border: 0;
		background: url(../images/menu-arrow.png) no-repeat left 10px;
	}

.treeview li:nth-child(2) li:last-child a {padding-bottom: 10px;}

		.treeview li ul li ul li {
			margin-bottom: 0;
			border: 0;
			background: none;
		}

			.treeview li ul li ul li a {
				color: #545555;
				font-size: 12px;
				padding: 5px 0 5px 58px;
			}

.treeview li ul li ul li ul li a {
    padding-left: 73px;
    padding-top: 5px;
}

.treeview li ul li ul li ul li a.selected {}

.treeview li.last {
}

.treeview li.lastCollapsable, .treeview li.lastExpandable {
}

.treeview li.lastCollapsable {
}

.treeview li.lastExpandable {
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {
}

.treeview-red li {
}

	.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {
	}

.treeview-black li {
}

	.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {
	}

.treeview-gray li {
}

	.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {
	}

.treeview-famfamfam li {
}

	.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {
		background-image: url(images/treeview-famfamfam.gif);
	}

.treeview .placeholder {
	background: url(images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li {
	padding: 3px 0 2px 16px;
}

.filetree span.folder, .filetree span.file {
	padding: 1px 0 1px 16px;
	display: block;
}

.filetree span.folder {
	background: url(images/folder.gif) 0 0 no-repeat;
}

.filetree li.expandable span.folder {
	background: url(images/folder-closed.gif) 0 0 no-repeat;
}

.filetree span.file {
	background: url(images/file.gif) 0 0 no-repeat;
}
