.ui-treeview
{
	border:solid 1px #cccccc;
	background-color:#ffffff;
}

.ui-treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#ffffff;
}

.ui-treeview ul {
	background-color: white;
	font-size:15px
}

.ui-treeview .hitarea {
	background: url(images/treeview/treeview-default.gif) -52px -64px no-repeat;
	height: 19px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.ui-treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.ui-treeview a.selected {
	background-color: #eee;
	border:solid 1px #000000;
	padding-left:2px;
	padding-right:2px;
}

.ui-treeview a
{
	cursor: pointer;
}



.ui-treeview .hover { color: red; cursor: pointer; }

.ui-treeview li { background: url(images/treeview/treeview-gray-line.gif) 0 0 no-repeat; }
.ui-treeview li.collapsable, .ui-treeview li.expandable { background-position: 0 -174px; }

.ui-treeview .expandable-hitarea { background-position: -16px -105px }

.ui-treeview li.last { background-position: 0 -1766px }
.ui-treeview li.lastCollapsable, .ui-treeview li.lastExpandable { background-image: url(images/treeview/treeview-default.gif); }  
.ui-treeview li.lastCollapsable { background-position: -51px -60px; }
.ui-treeview li.lastExpandable { background-position:  -15px -101px; }

.ui-treeview div.lastCollapsable-hitarea, .ui-treeview div.lastExpandable-hitarea { background-position: 0; }

.filetree li { padding: 3px 0 2px 17px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(images/treeview/folder_1.gif) 0 3px no-repeat; }
.filetree li.expandable span.folder { background: url(images/treeview/folder-closed_1.gif) 0 3px no-repeat; }
.filetree span.file { background: url(images/treeview/file_1.gif) 0 3px no-repeat; }

.orgtree li { padding: 3px 0 2px 16px; }
.orgtree span.folder, .orgtree span.file { padding: 1px 0 1px 16px; display: block; }
.orgtree span.folder { background: url(images/treeview/folder_1.gif) 0px 3px no-repeat; }
.orgtree li.expandable span.folder { background: url(images/treeview/folder_1.gif) 0 3px no-repeat; }
.orgtree span.file { background: url(images/treeview/file_1.gif) 0px 3px no-repeat; }

.systemmodel li { padding: 3px 0 2px 16px; }
.systemmodel span.folder, .systemmodel span.file { padding: 1px 0 1px 16px; display: block; }
.systemmodel span.folder { background: url(images/treeview/systemmodel.png) 0 0 no-repeat; }
.systemmodel li.expandable span.folder { background: url(images/treeview/systemmodel-closed.png) 0 0 no-repeat; }
.systemmodel span.file { background: url(images/treeview/systemmodel-l.png) 0 0 no-repeat; }











.ui-treeview-custom
{
	border:solid 1px #cccccc;
	background-color:#ffffff;
}

.ui-treeview-custom ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	background-color:#ffffff;
}

.ui-treeview-custom ul {
	background-color: white;
}

.ui-treeview-custom .hitarea {
	background: url(images/treeview/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.ui-treeview-custom li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.ui-treeview-custom a.selected {
	background-color: #eee;
	border:solid 1px #000000;
	padding-left:2px;
	padding-right:2px;
}

.ui-treeview-custom a
{
	cursor: pointer;
}



.ui-treeview-custom .hover { color: red; cursor: pointer; }

.ui-treeview-custom li { background: url(images/treeview/treeview-default-line.gif) 0 0 no-repeat; }
.ui-treeview-custom li.collapsable, .ui-treeview-custom li.expandable { background-position: 0 -176px; }

.ui-treeview-custom .expandable-hitarea { background-position: -80px -3px; }

.ui-treeview-custom li.last { background-position: 0 -1766px }
.ui-treeview-custom li.lastCollapsable, .ui-treeview-custom li.lastExpandable { background-image: url(images/treeview/treeview-default.gif); }  
.ui-treeview-custom li.lastCollapsable { background-position: 0 -111px }
.ui-treeview-custom li.lastExpandable { background-position: -32px -67px }

.ui-treeview-custom div.lastCollapsable-hitarea, .ui-treeview-custom div.lastExpandable-hitarea { background-position: 0; }

/* tiledtree ƽÆÌtree¿Ø¼þ */
.ui-tiledtreefield
{
    border: 1px solid #CDCDCD;
    min-height: 27px;
    max-width: 906px;
    min-width: 306px;
    width: 100%;
    background-color: #FFF;
    position: absolute;
    margin-right: 170px;
}
.ui-tiledtreefield .Trow
{
    margin-left: 10px;
    margin-right: 10px;
    color: #555555;
    font-size: 12px;
}
.ui-tiledtreefield .row-item {
    display: block;
    float: left;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}
.ui-tiledtreefield .row-item.selected
{
    color:#0f559d;
}
.ui-tiledtreefield .Trow .divider {
    float: left;
    border-left: 1px solid #CDCDCD;
    height: 14px;
    margin-top: 9px;
    margin-bottom: 9px;
    margin-right: 10px;
}
.ui-tiledtreefield .Trow.c-row
{
    margin:0px;
    overflow: hidden;
}
.ui-tiledtreefield .p-row {
    border-bottom: 1px dashed #E2E2E2;
    margin-right: 70px;
    overflow:hidden;
}
.ui-tiledtreefield .p-row .row-item {
    margin-right: 10px;
}
.ui-tiledtreefield .c-row .row-item {
    margin-left: 24px;
    margin-right: 24px;
}
.ui-tiledtreefield .row-item span
{
    padding-left: 5px;
    padding-right: 5px;
}
.ui-tiledtreefield .row-item.last-item
{
    color:#c33430;
}
.ui-tiledtreefield .op-row {
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 20px;
    height: 20px;
    color:#000000;
    border:1px solid #DEDEDE;
}
.ui-tiledtreefield .op-row .retract{display:none;}
.ui-tiledtreefield .op-row a
{
    /* height:23px; */
    /* line-height: 23px; */
    cursor: pointer;
    padding-left: 5px;
    padding-right: 20px;
    font-size: 12px;
}
.ui-tiledtreefield .op-row i
{
    width: 17px;
    height: 9px;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px;
    right: 0px;
    }
.ui-tiledtreefield .more i
{
    background-image:url(./images/treeview/down.png);
}
.ui-tiledtreefield .retract i
{
    background-image:url(./images/treeview/up.png);
}