.ApplicationNavigatorToolbar
{
	float 				: left;
	width 				: 50px;
	height 				: 100%;
	background-color	: #678398;
}
.ApplicationNavigatorBody
{
	float 				: left;
	width              	: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); 
	height 				: 100%;
	background-color	: #829db2;
	cursor				: default;
}
.ApplicationNavigatorToolbar > .sectionTool
{
	float 				: left;
	width 				: 50px;
	height 				: 50px;
	background-repeat	: no-repeat;
	cursor				: pointer;	
}
.ApplicationNavigatorToolbar > .sectionTool:first-of-type
{
	margin-top 			: 10px;
}
.ApplicationNavigatorBody .sectionBody
{
	float 				: left;
	width 				: 100%;
	height             	: -moz-calc(100% - 10px); height: -webkit-calc(100% - 10px); height: calc(100% - 10px);
	margin-top			: 10px;
}
.ApplicationNavigatorBody .sectionHeader
{
	float 				: left;
	width 				: 100%;
	height 				: 50px;	
	overflow			: hidden;
}
.ApplicationNavigatorBody .sectionLock
{
	float 				: left;
	width 				: 30px;
	height 				: 50px;
	background-position	: center center;
	background-repeat	: no-repeat;
	display				: none;
	cursor				: pointer;
}
.ApplicationNavigatorBody .sectionLock[locked]
{
	display				: block;
}
.ApplicationNavigatorBody .sectionLock[locked="true"]
{
	background-image	: url(images/appspace/locked.png);
}
.ApplicationNavigatorBody .sectionLock[locked="false"]
{
	background-image	: url(images/appspace/unlocked.png);
}
.ApplicationNavigatorBody .sectionText
{
	float 				: left;
	width             	: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px);
	height 				: 50px;
	line-height			: 50px;
	vertical-align		: middle;
    text-overflow       : ellipsis;
    overflow            : hidden;
    white-space         : nowrap;
	margin-left			: 10px;
	font-size			: 16px;
}
.ApplicationNavigatorBody .sectionContainer
{
	float 				: left;
	width 				: 100%;
	height             	: -moz-calc(100% - 50px); height: -webkit-calc(100% - 50px); height: calc(100% - 50px);
	overflow-x			: hidden;
	overflow-y 			: auto;
    background          : #829db2;
}
.ApplicationNavigatorBody .sectionLink
{
	float 				: left;
	width             	: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: calc(100% - 10px);
	height 				: 40px;
	line-height			: 40px;
	vertical-align		: middle;
    -ms-text-overflow   : ellipsis;
    -o-text-overflow    : ellipsis;
    text-overflow       : ellipsis;
    overflow            : hidden;
    white-space         : nowrap;
	margin-left			: 10px;
	font-size			: 14px;
    -webkit-box-sizing  : border-box; 
    -moz-box-sizing     : border-box;
	box-sizing			: border-box; 
	border-top-width	: 1px;
	border-top-style	: solid;
    color               : #d6e1e5;
    cursor              : pointer;
    border-top-color    : #90A7B6;
}
.ApplicationNavigatorBody .sectionLink:first-of-type 
{
    border-top-color    : #A1B7C8;
    border-top-width	: 2px;
}

.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar 				{ width: 4px; height: 4px; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-button 		{ width: 0px; height: 0px; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-thumb 		{ background: #3f5266; border: 0px none #ffffff; border-radius: 50px; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-thumb:hover 	{ background: #3f5266; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-thumb:active { background: #3f5266; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-track 		{ background: #546577; border: 0px none #ffffff; border-radius: 50px; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-track:hover 	{ background: #546577; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-track:active { background: #546577; }
.ApplicationNavigatorBody .sectionContainer::-webkit-scrollbar-corner 		{ background: transparent; }
