.navigator_pane {
	padding : 6px;
	background : url('/i/slide_bg.png') no-repeat right top;
}

.navigator_button {
	display : inline-block;
	width : 220px;
	height : 60px;
	line-height : 60px;
	padding-left : 75px;
	border-radius : 4px;
	text-align : left;
	background : #38b2eb url('/i/icon_vis_nav.png') no-repeat 16px center;
	opacity : 0.88;
}
.navigator_button:hover {background-color : #2d82bb;}

.navigator_button_text {
	display : inline-block;
	color : #ffffff;
	font : normal 24px/24px 'helveticaneuebold';
	vertical-align : middle;
}
.navigator_button_text_small {
	display : block;
	font : normal 14px/19px 'helveticaneueroman';
}

.navigator_wrap {
	display : none;
	position : fixed;
	width : 100%;
	height : 100%;
	z-index : 500;
	top : 0;
	left : 0;
	padding : 0;
	background : #f0f0f1;
	opacity : 0.97;
}

.navigator {
	position : relative;
	top : 0;
	left : 0;
	height : 100%;
	width : 100%;
	text-align : center;
	overflow : hidden;
}

.navigator_on_page {
	width : auto;
	height : 600px;
	border : 1px solid #dbe1e5;
}

.node_wrap {
	position : absolute;
	z-index : 2;
	width : 188px;
	height : 210px;
}

.node_wrap:before {
	content : "";
	z-index : 1;
	position : absolute;
	right : 50%;
	top : 0;
	width : 100%;
	border-top : 1px solid #d9dce0;
}
.node_wrap_first:before {
	display : none;
}

.node_wrap:after {
	content : "";
	z-index : 1;
	position : absolute;
	left : 50%;
	top : 0;
	height : 50%;
	border-left : 1px solid #d9dce0;
}
.node_wrap_marked:after {
	height : 100%;
}
.node_wrap_root:after {
	top : 50%;
	height : 50%;
}
.node_wrap_no_links:before {
	display : none;
}
.node_wrap_no_links:after {
	display : none;
}

.nav_item {
	position : relative;
	z-index : 2;
	display : block;
	width : 70px;
	height : 70px;
	margin : 70px auto 0;
	border-radius : 50px;
	background : #9b97c0 url('/i/icon_folder.png') no-repeat center center;
	-webkit-transition : none !important;
	-moz-transition : none !important;
	-o-transition : none !important;
	-ms-transition : none !important;
	transition : none !important;
}
.nav_item_hedh {
	background-image : url('/i/icon_hedh.png');
}
.nav_item_art {
	border-radius : 0;
	background : #fff url('/i/icon_file.png') no-repeat center top;
}
.nav_item_before {
	position : absolute;
	left : 50%;
	top : -40px;
	height : 40px;
	border-left : 1px solid #d1d7dd;
}
.nav_item_after {
	position : absolute;
	left : 50%;
	bottom : -100px;
	height : 100px;
	border-left : 1px solid #d1d7dd;
}
.nav_item_line {
	position : absolute;
	right : 50%;
	top : -40px;
	width : 188px;
	border-top : 1px solid #d1d7dd;
}

.nav_item_inner {
	position : relative;
	z-index : 2;
	overflow : hidden;
	display : inline-block;
	width : 180px;
	margin : 10px auto 0;
	font : normal 16px/22px Arial;
	vertical-align : middle;
	color : #506268;
	text-shadow: 0 0 1px #ffffff;
}

.nav_item_empty {
	border-color : #c9c9c9;
	background : #eeeeee;
	color : #7d7d7d;
}

.nav_item_marked {
	background-color : #509ccd;
}

.nav_item_art.nav_item_marked {
	background : #fff url('/i/icon_file_blue.png') no-repeat center top;
}

.node {
    cursor: pointer;
}

.overlay{
    overflow: hidden;
	
	background: #e9e9e9;
	background: -moz-linear-gradient(left,  #e9e9e9 0%, #fcfcfc 15%, #fcfcfc 85%, #e9e9e9 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e9e9e9), color-stop(15%,#fcfcfc), color-stop(85%,#fcfcfc), color-stop(100%,#e9e9e9));
	background: -webkit-linear-gradient(left,  #e9e9e9 0%,#fcfcfc 15%,#fcfcfc 85%,#e9e9e9 100%);
	background: -o-linear-gradient(left,  #e9e9e9 0%,#fcfcfc 15%,#fcfcfc 85%,#e9e9e9 100%);
	background: -ms-linear-gradient(left,  #e9e9e9 0%,#fcfcfc 15%,#fcfcfc 85%,#e9e9e9 100%);
	background: linear-gradient(to right,  #e9e9e9 0%,#fcfcfc 15%,#fcfcfc 85%,#e9e9e9 100%);
	/* filter: filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=1 ); */
}

.node circle {
    fill: #eeeeee;
    stroke: #c5c9ca;
    stroke-width: 1px;
}

.node circle.active {
    fill: #9b97c0;
}

.node circle.selected {
    fill: #509ccd;
}

.node circle.article {
    fill: #ffffff;
}

.node text {
    font : normal 15px/18px 'Palatino Linotype', Georgia, serif;
    color : #3c4c53;
}

.link {
    fill: none;
    stroke: #c5c9ca;
    stroke-width: 1px;
}