.scrollDown, .scrollUp
{
	display:none;
	width:100%;
	height:4px;
	position:absolute;
	z-index:1001;
}

.scrollDown
{
	bottom:0px;
	left:0px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
}

.scrollUp
{
	top:0px;
	left:0px;
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 100%);
}

#splitter
{
	cursor:col-resize;
	position:fixed;
	left:300px;
	width:3px;
	height:100%;
	background-color:#c0c0c0;
	z-index:1002;
}

#splitter:hover
{
	transform: translate(-4px);
	width:11px;
	background-color:#e0e0e0;
}

#splitter:hover:after
{
	content:"";
	display:block;
	width:3px;
	height:100%;
	background-color:#c0c0c0;
	z-index:1000;
	left:4px;
	position:fixed;
}

#splitter.active
{
	transform: translate(-4px);
	width:11px;
	background-color:#a0a0a0;
	background-image:url(../Images/splitter_handle.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:7px 18px;
}

#splitter.active:hover
{
	background-color:#a0a0a0;
}

#splitter.active:hover:after
{
	display:none;
}

#navWrapper{
	width:300px;
	float:left;
	height:100%;
	background-color:#ffffff;
	position:absolute;
	z-index:1000;
}

#navPanel{
	width:300px;
	height: 100%;
	left: 0px;
	position:fixed;
	background-color: #ffffff;
	border-right: 0px solid #2f2f2f;
	z-index:1000;
	padding:16px 0px 0px 0px;

}

#navPanel li,
#sitemap li
{
	font-size:12px !important;
	background-color:transparent;
	list-style-image:url('../Images/button.png');
	position:relative;
	line-height:1.75em;
}

#sitemap li
{
	background-color:transparent;
}

#navPanel p:hover 
{
    background-color: #f0f0f0;
}

#navPanel a,
#sitemap a
{
	display:block;
	padding:10px 5px 10px 5px;
	text-decoration:none;
	color:#000000;
	opacity:1.0;
	margin-left: 10px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-family:Brutal_Regular;
}

#navPanel a span
#sitemap a span
{
	margin-left:0px;
	display:block;
	position:relative;
}

#navPanel .largetitle a span
{
	margin-left:0px;
}

#navPanel li a,
#sitemap li a
{
	margin-left:45px;
}

#navPanel li li a,
#sitemap li li a
{
	margin-left:65px;
}

#navPanel li li li a,
#sitemap li li li a
{
	margin-left:85px;
}

#navPanel li li li li a,
#sitemap li li li li a
{
	margin-left:105px;
}

#navPanel li li li li li a,
#sitemap li li li li li a
{
	margin-left:125px;
}

#navPanel li li li li li li a,
#sitemap li li li li li li a
{
	margin-left:145px;
}

#navPanel li li li li li li li a,
#sitemap li li li li li li li a
{
	margin-left:165px;
}

.collapse_button
{
	position:absolute;
	top:15px;
	width: 11px;
	height: 11px;
}

#navPanel li .collapse_button,
#sitemap li .collapse_button
{
	left:25px;
}

#navPanel li li .collapse_button,
#sitemap li li .collapse_button
{
	left:50px;
}

#navPanel li li li .collapse_button,
#sitemap li li li .collapse_button
{
	left:70px;
}

#navPanel li li li li .collapse_button,
#sitemap li li li li .collapse_button
{
	left:90px;
}

#navPanel li li li li li .collapse_button,
#sitemap li li li li li .collapse_button
{
	left:110px;
}

#navPanel li li li li li li .collapse_button,
#sitemap li li li li li li .collapse_button
{
	left:130px;
}

#navPanel li li li li li li li .collapse_button,
#sitemap li li li li li li li .collapse_button
{
	left:150px;
}

#navPanel ul,
ul#sitemap
{
	margin: 0px;
	padding: 0px;
	padding-left: 0px;
	list-style-type:none;
}

#navPanel li ul
#sitemap li ul
{
	margin: 0px 0px 5px 0px;
	list-style-type:none;
}

/*#NavPanelList{
margin-left:20px !important;
}*/

/* #sitemap li{
	background:url('../Images/list-item-root.png') no-repeat top left;
	list-style-image:url('button.png');
	cursor:auto;
} */

.collapsibleList li{
	margin:0;
	padding:0;
	background:url('../Images/list-item-root.png') no-repeat top left;
	list-style-position:inside;
	list-style-image:url('button.png');
	cursor:auto;
}

li.collapsibleListOpen{
	/*list-style-image:url('../Images/button-open.png') !important;*/
	/*cursor:pointer;*/
}


li.collapsibleListOpen>.collapse_button{
	background:url('../Images/button-open.png') no-repeat !important;
	cursor:pointer;
}

li.collapsibleListClosed{
	/*list-style-image:url('../Images/button-closed.png') !important;*/
	/*cursor:pointer;*/
}

li.collapsibleListClosed>.collapse_button{
	background: url('../Images/button-closed.png') no-repeat !important;
	cursor:pointer;
}

 li.collapsibleListOpen.lastChild{
	background-image:url('../Images/list-item-last-open.png');
  }

#navPanel .largetitle{
	margin-top:0px !important;
	padding-left:0px;
	font-weight:normal;
	font-size: 1em;
}	

#searchBar{
	padding:11px 15px;
	overflow:hidden;
	position:fixed;
	right:0px;
	z-index:100;
	top:0px
}

div#navigation 
{
    transform: translateY(0px) rotate(0deg);
    transform-origin: left center 0;
    float: left;
    margin: 0px;
    padding: 3px 8px;
    position: fixed;
    left: 300px;
    top: 152px !important;
    z-index: 1001;
    background-color: #d8d8d8;
    color: #000;
    -webkit-box-shadow: 4px -3px 6px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px -3px 6px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.0);
    cursor: pointer;
    border: 1px solid #a0a0a0;
    font-size: 2.5em;
}


div#navigation span
{
	opacity:0.5;
}

#pagecontainer H1, H2, h2, .quicksearch, .features{
	clear:none;
}
	
nav#navPanel
{
	transition: left 0.5s linear 0s;
}	

#navWrapper>.menu_scroll,
#navWrapper>.menu_scroll.scrollUp,
#navWrapper>.menu_scroll.scrollDown
{
	transition: left 0.5s linear 0s;
}
	
div#navigation
{
	transition: left 0.5s linear 0s;
}
	
div#navWrapper
{
	transition: width 0.5s linear 0s;
}
	
div#splitter
{
	transition: left 0.5s linear 0s;
}
	
nav#navPanel.instant
{
	transition: left 0.0s linear 0s;
}
	
#nav-filter-container.instant
{
	transition: left 0.0s linear 0s;
}
	
#navWrapper>.menu_scroll.instant,
#navWrapper>.menu_scroll.scrollUp.instant,
#navWrapper>.menu_scroll.scrollDown.instant
{
	transition: left 0.0s linear 0s;
}
	
div#navigation.instant
{
	transition: left 0.0s linear 0s;
}
	
div#navWrapper.instant
{
	transition: width 0.0s linear 0s;
}

div#splitter.instant
{
	transition: left 0.0s linear 0s;
}

nav#navPanel
{
	left:0px;
}

nav#navPanel.collapsed
{
	left:-300px;
}

div#navigation
{
	left:300px;
}

div#navigation.collapsed
{
	left:0px;
}

div#navWrapper
{
	width:300px;
}

div#navWrapper.collapsed
{
	width:0px;
}

div#splitter
{
	left:300px;
}

div#splitter.collapsed
{
	left:-3px;
}

@media only screen and (max-width: 1280px)
{	
	#nav-filter-container 
	{
		left:8px;
		width:238px;
	}

	nav#navPanel
	{
		left:0px;
	}

	div#navigation 
	{
		line-height: 1em;
		font-size: 1.5em;
		top: 145px !important;
	}

	div#navigation.collapsed
	{
		left:0;
	}

	div#navWrapper.collapsed
	{
		width:0px;
	}
	
	#splitter
	{
		width:7px;
	}

	#splitter:hover
	{
		transform: translate(-5px);
		width:17px;
	}

	#splitter:hover:after
	{
		width:7px;
		left: 5px;
	}

	#splitter.active
	{
		transform: translate(-5px);
		width:17px;
	}

	#splitter.active:after
	{
		width:7px;
		left: 5px;
	}
}

@media only screen and (max-width: 700px)
{	
	nav#navPanel
	{
		left:0px;
	}

	div#navigation{
		top: 134px !important;
	}

	div#navigation.collapsed
	{
		left:0;
	}

	div#navWrapper
	{
	}

	div#navWrapper.collapsed
	{
		width:0px;
	}
}