/* Option Picker  -------------------------------------- */

ul.tree, ul.tree * {padding: 0 0 0 10px; margin-top: 5px;  width:400px;}
ul.tree li { float: left;  width:261px; margin: 0; padding: 0; }

ul.tree li ul
{
	margin: 5px 0px 0px 0px;
	padding: 30 0 0 0px;
}

ul.tree li .horizontal
{
	padding: 5px;
	margin: 0px 0px 0px 0px;
	width: 261px;
	list-style: none;
	display: inline;
	float: left;
	
	background-color: #E4E7F0;
	/*
	position: absolute;
	left: 185px;*/
}

ul.tree li .horizontal li
{
	width: 261px;
	margin: 0;
	padding: 0;	
}



ul.tree label { cursor: pointer;  padding: 2px 0; }
ul.tree label.hover { color: red; }
ul.tree li .arrow { width: 20px; height: 20px; padding: 0; margin: 0; cursor: pointer; float: left; background: transparent no-repeat 0 4px; }
ul.tree li .collapsed { background-image: url(Images/Icons/Expande_Vertical.gif); }
ul.tree li .expanded { background-image: url(Images/Icons/Collapse_Vertical.gif); }
ul.tree li .checkbox { width: 20px; height: 18px; padding: 0; margin: 0; cursor: pointer; float: left; background: url(Images/JSOptionPicker/check0.gif) no-repeat 0 0px; }
ul.tree li .checked { background-image: url(Images/JSOptionPicker/check2.gif); }
ul.tree li .half_checked { background-image: url(Images/JSOptionPicker/check1.gif); }