/* **** FOR RENDERING CUSTOM FIELD **** */

.cs_dlgLabelSmall {
	text-align:left;
}

/*
.cstab_row  tbody tr td{
	border:1px dotted green;
}

.cstab_row  tbody tr td span table tr td{
	border:2px dotted pink;
	height:20px;
}

.cstab_active  {
	border:2px solid #000;
	height:50px;
}

.cstab_inactive  {
	border:2px solid red;
	height:30px;
}
*/

.navigation{
	font-size:13px;
}
.navigation ul{
	list-style: none;
}
.navigationHolder{
	border:1px solid black;
	height:340px;
	width:515px;
	padding: 5px;
	overflow: auto;
}
.rootItem{
	float:left;
}
.controlsContainer{
	float:left;
	width:70px;
	padding-left:5px;
}
.item-edit{
	display:inline;
	padding-left:5px;
}
.jstree-hovered .item-edit{
	display:inline;
}
/*

commented out and replaced by what is below. - AR

.navigation .navigationHolder #treeHolder a.ui-icon{
	height: 15px;
	width: 15px;	
	_height: 17px;
	_width:18px;	
	margin: 0 0 -5px;
	padding: 0;
	cursor: pointer;
}*/

.navigation .navigationHolder #treeHolder a.ui-icon{
	height: 15px;
	width: 15px;
	_height: 17px;
	_width:28px;
	padding: 0;
	cursor: pointer;
}

.jstree a{
	border: 1px solid transparent;
	padding: 0 2px 0 1px;
	height:20px;
	cursor: move;	
}
.jstree-classic.jstree-focused {
	background: transparent;
}
.jstree-classic .jstree-hovered{
	padding: 0 2px 0 1px;
}
#treeHolder .jstree-hovered{
	background-color:silver;
	border-color: silver;
	color:white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#treeHolder .item-edit{
	/*display:none;*/
}

#treeHolder .jstree-hovered .item-edit{
	/*display:inline;*/
}
.jstree-classic .jstree-closed > ins {
	background: url(/ADF/apps/nps_nav/images/elbow-end-plus-nl.gif);
	background-position: 0px !important;
}
.jstree-classic .jstree-open > ins {
	background: url(/ADF/apps/nps_nav/images/elbow-end-minus-nl.gif);
	background-position: 0px !important;
}

/* Hide the folder icon */
.jstree-classic a ins.jstree-icon {
	 display: none;
}

/*Add Icon*/
.navigation .ui-icon-circle-plus{
	background: url(/ADF/apps/nps_nav/images/add.png);
}
/*Edit Icon*/
.navigation .ui-icon-pencil{
	background: url(/ADF/apps/nps_nav/images/pencil.png) no-repeat 0 0;
}
/*Delete Icon*/
.navigation .ui-icon-circle-close{
	background: url(/ADF/apps/nps_nav/images/delete.png) no-repeat 0 0;
}
/*Link Icon*/
.navigation .ui-icon-link{
	background: url(/ADF/apps/nps_nav/images/link.png) no-repeat 0 0;
}
/*Link (Disabled) Icon*/
.navigation .ui-icon-link-disabled{
	background: url(/ADF/apps/nps_nav/images/link_grayed.png) no-repeat 0 0;
}
/*unlink icon*/
.navigation .ui-icon-gear{
	background: url(/ADF/apps/nps_nav/images/link_break.png) no-repeat 0 0;
}
/*Hide icon*/
.navigation .ui-icon-bullet{
	background: url(/ADF/apps/nps_nav/images/lightbulb_off.png) no-repeat 0 0;
}
/*Show Icon*/
.navigation .ui-icon-radio-on{
	background: url(/ADF/apps/nps_nav/images/lightbulb.png) no-repeat 0 0;
}
/*Show Icon*/
.navigation .ui-icon-add-page{
	background: url(/ADF/apps/nps_nav/images/page_white_add.png) no-repeat 0 0;
}
/*Deprecate Icon*/
.navigation .ui-icon-deprecate-on{
	background: url(/ADF/apps/nps_nav/images/deprecate_on.png) no-repeat 0 0;
}
/*Undeprecate Icon*/
.navigation .ui-icon-deprecate-off{
	background: url(/ADF/apps/nps_nav/images/deprecate_off.png) no-repeat 0 0;
}
#treeHolder li.isStandardNav a {
	color:red;
}

#treeHolder ul li.isCustomNav a {
	color:black;
}


/* **** FOR RENDERING PAGE NAV **** */

span.isNotActive a,span.isHidden a {
	float:left;
	padding-right:5px;
}

.helper .helperItem{
	margin-top:10px;
	float:left;
	padding-right:15px;
}
.helper .ui-icon{
	float:left;
	margin-right:5px;
}
span.helperItem {
	font-size:10px;
	padding-right:0px;
}					
					
/*

#sub-nav a {

	border:1px solid #000;

}

a.standardPageCreateLink{
	background: url(/ADF/apps/nps_nav/images/page_white_add.png) no-repeat 0 0;
	padding-left:20px;
	height:16px;
	color:#888;
	border:1px solid #000;
} 

a.standardPageCreateLink:link{
	color:#888;
}

span.isNotCreated a {
	color:#888;
}

span.isNotCreated a:hover {
	text-decoration:none;
	color:#aaa;
}*/