#PagexSelector {
	margin: 0;
	background-color: #ffffff;
}
       
#PagexSelector h1, 
#PagexSelector h2, 
#PagexSelector h3, 
#PagexSelector p, 
#PagexSelector span, 
#PagexSelector a, 
#PagexSelector ul, 
#PagexSelector li, 
#PagexSelector div {
	color: #666666;
	font-size: 11px;
	font-family: Arial,Verdana,helvetica;
}

#PagexSelector p {
	margin: 0;
}
#PagexSelector p.heading {
	color: #666666;
	line-height: 18px;
	font-weight: bold;
}

/*	-----------------------------------------------------------------------
	Header
	----------------------------------------------------------------------- */

	#PagexSelector #Header {
		text-align: left;
		background-color: #f2f2f2;
		border: solid 1px #dddddd;
	}
	#PagexSelector #Header .inner {
		width: 100%;
		margin: 3px 0;
		overflow: hidden;
	}
	#PagexSelector #Header .left {
			width: 40%;
			float: left;
	}
	#PagexSelector #Header .left p {
		margin: 0 0 0 12px;
		color: #888888;
	}
	#PagexSelector #Header .right {
			width: 40%;
			float: right;
			text-align: right;
	}
	#PagexSelector #Header .close {
		padding: 0 11px 0 16px;
		cursor: pointer;
		font-size: 10px;
		line-height: 18px;
		text-transform: uppercase;
		background-image: url(images/icon_greyCross.gif);
		background-position: left top;
		background-repeat: no-repeat;
	}

/*	-----------------------------------------------------------------------
	Content
	----------------------------------------------------------------------- */

	#PagexSelector #ContentRegion {
		padding: 10px;
		text-align: left;
		background-color: #f2f2f2;
		border-left: solid 1px #dddddd;
		border-right: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
	}

/*	-----------------------------------------------------------------------
	Tree
	----------------------------------------------------------------------- */
	
	#PagexSelector #PagexTree {
		height: 400px;
		overflow: auto;
		border: solid 1px #ffffff;
		background-color: #ffffff;
	}