/*Tree styles*/

#grid div.chkCell{
	width: 20px;
	float:left;
	height: 16px;
}
#grid div.spacerCell, #grid div.cornerCell, #grid div.tBarCell, #grid div.lineBarCell{
	width: 50px;
	color: #F5F5F5;
	float: left;
}

#grid div.spacerCell, 
#grid div.cornerCell, 
#grid div.tBarCell, 
#grid div.lineBarCell,
#grid div.pageNodeSelected div.spacerCell, 
#grid div.pageNodeSelected div.cornerCell, 
#grid div.pageNodeSelected div.tBarCell, 
#grid div.pageNodeSelected div.lineBarCell,
#grid div.pageNode:hover div.spacerCell, 
#grid div.pageNode:hover div.cornerCell, 
#grid div.pageNode:hover div.tBarCell, 
#grid div.pageNode:hover div.lineBarCell{
	width: 50px;
	color: #DDD;
	float: left;
}

#grid div.spacerCell, #grid div.cornerCell, #grid div.tBarCell, #grid div.lineBarCell{
	color: #67492D;
}


#grid div.spacerCell{
	background: transparent none repeat-x top left;
	
}                  
#grid div.cornerCell{
	background: transparent url(images/cell-c.png) no-repeat top left;
	
}
#grid div.tBarCell{
	background: transparent url(images/cell-t.png) no-repeat top left;
	
}
#grid div.lineBarCell{
	background: transparent url(images/cell-l.png) no-repeat top left;
	
}
#grid div.pageNode, #grid div.pageNodeSelected, #grid div.pageNodeNotActive{
	position: relative;
	clear: left;
}

#grid div.pageNodeNotActive{
	color: #AAA;
}


#grid div.nCellwChild{
	background: transparent url(images/cell-n.png) no-repeat bottom left;
}
#grid div.options, #grid div.nCell, #grid div.nCellwChild, #grid div.options > div{
	width: auto;
	display:inline;
}
#grid div.options{
	width: inherit;
	position:absolute;
	right: 5%;
	top: 0;
	font-size: .8em;
	text-align:right;
}
#grid div.options > a{
	float:right;
	padding: 0 5px 0 5px;
}
#grid div.options > div{
	float:right;
}


#grid div.pageNode:hover, #grid div.pageNodeSelected{
	background-color: #7F5F3F;
	color: #7F5F3F;
}

#grid div.pageNode div.options > div, #grid div.pageNodeSelected div.options > div{
	margin-left: 10px;
}
#grid div.options > div:hover{
	margin-left: 10px;
	background-color: #BBB;
}

#grid div.sites{
	margin-left: 10px;
	display:inline;
}

#grid div.site{
	min-width: 15px;
	display: inline;
	padding: 0 0 0 2px;	
	text-align:center;
	background: transparent url(images/globe-small.png) no-repeat left top;
	color: #FFF;
	margin: 0 2px 0 2px;
	font-size: .9em;
	
}
#grid div.sites div.site span{
	display:none;
	color: #000;
	margin-left: 10px;
}

#grid div.sites div.site:hover{
	background-color: #FFF;
	cursor: help;
}
#grid div.sites div.site:hover span{
	display:inline;
}
#grid div.moveButtons,
    #grid div.moveButtons div.moveUpHolder,
    #grid div.moveButtons div.moveDownHolder{
    display:inline-block;
}
#grid div.moveButtons input{
    font-size: .4em;
    height: 10px;
    width: 30px;
    margin:0;
    padding:0;
}
#grid div.moveButtons input.moveUp, #grid div.moveButtons div.moveUpHolder{
    width: 18px;
}
#grid div.moveButtons div.moveDownHolder{
    width: 30px;
}