/* ------------ TREE VIEW CONTROLS ----------- */
#treeViewOuter
{
	clear: both;
}

.TreeView 
{ 
  background-color:White;
  padding-top:4px; 
  padding-left:1px; 
  margin-left: 10px;
  margin-bottom: 10px;
  border: #7C7C94 1px solid; 
  cursor:default; 
}


/* ------- Standard Tree View ------- */
.TreeViewMargin
{ 
  margin-left: 10px;
  margin-bottom: 10px;
  background:url(../../_assets/caImages/treeview_bg.gif);
  background-color: #FFFFFF;
  padding-top:4px; 
  padding-left:1px; 
  border: #57566F 1px solid; 
  cursor:default; 
}

.TreeNode, .HoverTreeNode,.SelectedTreeNode, .GrayedTreeNode
{
  	font-size: 11px; 
	padding: 0; margin: 0; border: 0;
  	padding-top:2px;
  	padding-bottom:1px;
  	padding-left: 3px; 
  	padding-right: 3px; 
	
}
 
.TreeNode 
{ 
  	cursor:default;
}

.HoverTreeNode 
{ 
  	text-decoration:underline; 
  	cursor: hand; 
}

.SelectedTreeNode 
{ 
  	background-color: gray; 
  	color:white; 
  	cursor: hand; 
}


.GrayedTreeNode 
{ 
  color:gray; 
  cursor:default;
}



/* ------- Context Menu ------ */
.MenuGroup
{
  background-color:white;
  background-image:url(/helmePark/ui/_assets/caImages/group_background.gif);
  border-width:1px; 
  border-color:#7E7E81; 
  border-style:solid;
  cursor:default; 
}

.MenuItem
{
  color:black; 
  font-size:11px; 
  margin:1px; 
  cursor:default; 
}

.MenuItemHover 
{
  background-color:#FFEEC2; 
  color:black; 
  font-size:11px; 
  border-width:1px; 
  border-color:#4B4B6F; 
  border-style:solid;
  cursor:default; 
}

.MenuBreak
{
  background-image:url(/helmePark/ui/caImages/menu_images/break_bg.gif);
  width: 100%;
  height: 1px;
}


/* ------ Calendar ------ */
.calendar_button
{
	border:none;
	cursor:pointer;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 12px;
  padding: 2px;
  cursor: pointer;
}

.calendar td
{
  font-size:11px;
}

.title
{
	font-weight:bold;
  background-color:#D7D7E5;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align: middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align: middle;
  background-color:#FFFFFF;
}

/* ------- Rad Editor Tree View ------- */
.RadTreeView
{ 
  margin-left: 10px;
  margin-bottom: 10px;
  background:url(/helmePark/ui/_assets/caImages/treeview_bg.gif);
  background-color: #FFFFFF;
  padding-top:4px; 
  padding-left:1px; 
  border: solid 1px white;
  cursor:default; 
}

.RadTreeNode, .RadHoverTreeNode,.RadSelectedTreeNode, .RadGrayedTreeNode
{
  	font-size: 11px; 
	padding: 0; margin: 0; border: 0;
  	padding-top:2px;
  	padding-bottom:1px;
  	padding-left: 3px; 
  	padding-right: 3px; 
	
}
 
.RadTreeNode 
{ 
  	cursor:default;
}

.RadHoverTreeNode 
{ 
  	text-decoration:underline; 
  	cursor: hand; 
}

.RadSelectedTreeNode 
{ 
  	background-color: gray; 
  	color:white; 
  	cursor: hand; 
}


.RadGrayedTreeNode 
{ 
  color:gray; 
  cursor:default;
}

.RadNodeEdit 
{
  border:1px gray solid;
  font-family: tahoma; 
  font-size: 11px;
}


/* ----- Fully templated Tree View ----- */
.SiteTreeView
{ 
  	margin-top: 15px;
  	cursor:default;
  	font-family: arial;
  	padding-top: 10px;
  	padding-left: 0px;
}
.SiteTreeViewShop
{ 
  	margin-top: 15px;
  	margin-bottom: 10px;
  	padding-left:0px; 
  	cursor:default;
  	font-family: arial; 
}

	.Cat0_Box
	{
		font-size: 90%;
		padding: 1px 4px 1px 4px;
		text-transform: uppercase;
		cursor: pointer; 
		padding-left: 10px;
		padding-top: 3px;
	}
	.Cat0_Hover
	{
		color: #FF33BD;
		cursor: pointer; 
	}

	.Cat1_Box
	{
		font-size: 80%;
		text-transform: uppercase;
		padding: 1px 4px 1px 4px;
		cursor: pointer;
		background-image: url(/helmePark/ui/_assets/images/catArrow.gif);
		background-repeat: no-repeat;
		padding-left: 15px;
		padding-top: 2px;
	}
	.Cat1_Hover
	{
		color: #FF33BD;
		cursor: pointer; 
	}

	.Cat2_Box
	{
		font-size: 80%;
		text-transform: uppercase;
		padding: 1px 4px 1px 0px;
		cursor: pointer; 
		
	}
	.Cat2_Hover
	{
		color: #FF33BD;
		cursor: pointer; 
	}

	/* -------------- SELECTED NODES -------------------- */
	.Cat0_Selected, .Cat1_Selected, .Cat2_Selected
	{
		text-transform: uppercase;				padding: 1px 4px 1px 4px;
		color: #FF33BD;							font-weight: bold;
	}
	.Cat0_Selected
	{
		font-size: 90%;
		padding-left: 10px;
		padding-top: 3px;
	}
	.Cat1_Selected, .Cat2_Selected
	{
		font-size: 80%;
		background-repeat: no-repeat;
		padding-left: 15px;
		padding-top: 2px;
	}
	.Cat1_Selected
	{
		background-image: url(/helmePark/ui/_assets/images/catArrow.gif);
	}
	.Cat2_Selected
	{
		padding-left: 0px;
	}

	/* -------------- SELECTED ROW --------------- */
	.Cat1_Row
	{
		background: url('/fmaSweetShop/ui/_assets/images/leftnavbg.jpg');
		margin-top: 2px;
	}
	.Cat2_Row
	{
		background: url('/fmaSweetShop/ui/_assets/images/leftnavbg.jpg');
	}

	.SelectedTreeNodeRow
	{ 
	  width:				100%; 
	  border:				1px; 
	  border-color:			#AAAACC; 
	  border-bottom-color:	white; 
	  border-style:			solid;
	}

	.ChooseFrom
	{
		
	}


/* -------------- SHOP CMS TREE STYLES ---------------- */

	.shop0_Box
	{
		font-size: 90%;
		padding: 1px 4px 1px 4px;
		text-transform: uppercase;
		cursor: pointer; 
		padding-left: 10px;
		padding-top: 3px;
	}
	.shop0_Hover
	{
		color: #FF33BD;
		cursor: pointer; 
	}

	.shop1_Box
	{
		font-size: 80%;
		text-transform: uppercase;
		padding: 1px 4px 1px 4px;
		cursor: pointer;
		/* background-image: url(/helmePark/ui/_assets/images/catArrow.gif);
		background-repeat: no-repeat;
		padding-left: 15px;
		padding-top: 2px; */
	}
	.shop1_Hover
	{
		color: #FF33BD;
		cursor: pointer; 
	}

	.shop2_Box
	{
		font-size: 80%;
		text-transform: uppercase;
		padding: 1px 4px 1px 0px;
		cursor: pointer; 
		
	}
	.shop2_Hover
	{
		color: #FF33BD;
		cursor: pointer; 
	}

	/* -------------- SELECTED NODES -------------------- */
	.shop0_Selected, .shop1_Selected, .shop2_Selected
	{
		text-transform: uppercase;				padding: 1px 4px 1px 4px;
		color: #FF33BD;							font-weight: bold;
	}
	.shop0_Selected
	{
		font-size: 90%;
		padding-left: 10px;
		padding-top: 3px;
	}
	.shop1_Selected, .shop2_Selected
	{
		font-size: 80%;
		/*background-repeat: no-repeat;
		padding-left: 15px;
		padding-top: 2px;*/
	}
	.shop1_Selected
	{
		/*background-image: url(/helmePark/ui/_assets/images/catArrow.gif);*/
	}
	.shop2_Selected
	{
		padding-left: 0px;
	}

	/* -------------- SELECTED ROW --------------- */
	.shop1_Row
	{
		background: url('/fmaSweetShop/ui/_assets/images/leftnavbg.jpg');
		margin-top: 2px;
	}
	.shop2_Row
	{
		background: url('/fmaSweetShop/ui/_assets/images/leftnavbg.jpg');
	}