/* 
    Document   : tree
    Created on : 14 Dec, 2013, 2:28:28 PM
    Author     : unicode
    Description:
        Purpose of the stylesheet follows.
*/
.tree-wrapper{width:750px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.tree-main{width:700px; float:left; position:relative; height:600px;}
.n-1{position:absolute; top:0; left:310px; width:80px; text-align:center;}
/*level1*/
.Level1{width:700px; float:left; height:auto; position: absolute; z-index: 999;}
.n-1-1{position:absolute; top:145px; left:157px; width:80px; text-align:center;}
.n-1-2{position:absolute; top:145px;	right:157px; width:80px; text-align:center;}
/*level2*/
.Level2{width:700px; float:left; height:auto; position: absolute; z-index: 999;}
.n-1-1-1{ position:absolute; top:290px; left:78px; width:80px; text-align:center;}
.n-1-1-2{ position:absolute; top:290px; left:235px; width:80px; text-align:center;}
.n-1-2-1{position:absolute; top:290px; right:235px; width:80px; text-align:center;}
.n-1-2-2{position:absolute; top:290px; right:78px; width:80px; text-align:center;}
/*level3*/
.Level3{width:700px; float:left; height:auto; position: absolute; z-index: 999;}
.n-1-1-1-1{position:absolute; top:442px; left:32px; width:80px; text-align:center;}
.n-1-1-1-2{position:absolute; top:442px; left:120px; width:80px; text-align:center;}
.n-1-1-2-1{position:absolute; top:442px; left:198px; width:80px; text-align:center;}
.n-1-1-2-2{position:absolute; top:442px; left:271px; width:80px; text-align:center;}
.n-1-2-1-1{position:absolute; top:442px; right:271px; width:80px; text-align:center;}
.n-1-2-1-2{position:absolute; top:442px; right:195px; width:80px; text-align:center;}
.n-1-2-2-1{position:absolute; top:442px; right:120px; width:80px; text-align:center;}
.n-1-2-2-2{position:absolute; top:442px; right:32px; width:80px; text-align:center;}
/*ARROW*/
.node-1-left{position:absolute;	left:237px; top:89px; z-index: 1;}
.node-1-right{position:absolute; right:237px; top:89px; z-index: 1;}
.node-1-1-left{position:absolute; left:120px; top:232px; z-index: 1;}
.node-1-1-right{position:absolute; left:240px; top:232px; z-index: 1;}
.node-1-2-left{position:absolute; right:240px; top:232px; z-index: 1;}
.node-1-2-right{position:absolute; right:120px; top:232px; z-index: 1;}
.node-1-1-1-left{position:absolute; left:72px; top:382px; z-index: 1;}
.node-1-1-1-right{position:absolute; left:142px; top:382px; z-index: 1;}
.node-1-1-2-left{position:absolute; left:232px;	top:382px; z-index: 1;}
.node-1-1-2-right{position:absolute;left:297px;	top:382px; z-index: 1;}
.node-1-2-1-left{position:absolute; right:295px; top:382px; z-index: 1;}
.node-1-2-1-right{position:absolute; right:232px; top:382px; z-index: 1;}
.node-1-2-2-left{position:absolute;	right:142px; top:382px; z-index: 1;}
.node-1-2-2-right{ position:absolute; right:72px; top:382px; z-index: 1;}
.text-style1{color:#da5718; font-weight:normal; font-size:11px;}
/***********New Tree end**************/
#treeCp{ list-style: none outside none; }
#treeCp li{ float: left;}
#treeCp li{padding: 8px 10px 10px; cursor:pointer;}
#treeCp .title{ background: none;}
#treeCp .title a{ color: #666; font-weight: bold;}
.tree_mid{height: 34px;}
#treeCp li input[type="text"]{width:60px; text-align: center;}
#treeCp .mem_id{ padding: 5px 10px 5px 5px; float: right;}
#treeCp .tree_search{ background: url(../images/serch_right.jpg) no-repeat; width: 17px; height: 17px; border: none; cursor: pointer;}
ul.tree-path{list-style: none outside none; float:left; margin-top:3px;}
li.path,li.arrow{float:left; padding:5px; border:1px solid #DFDFDF; color:#2f9af5; cursor:pointer;}
li.arrow{padding:5px 1px; cursor:default;}
.node{border:1px solid #FFFFFF; z-index: 999;}
.node.empty{cursor:not-allowed;}
li.path.hover,.node.hover{border:1px solid #DFEFEF; background-color:#EFFFFF;}
.node.hover{background-color:#FFFFFF;}
.tree-wrapper{}
.tree_wrap{ width: 767px; height: auto; float: left;}
.tree_scroll{ width: 767px; height: auto; float: left; z-index: 0;  top: 28px;}
.tree_scroll_left{height: 36px; float: left; width: 29px;}
.tree_scroll_right{  height: 36px; float: left; width: 29px;}
.tree-container{position:relative;}
.load-waiting{position:absolute; top:0; left:0; width:750px; height:650px; display:none; z-index:100;}
.loader-img{position:absolute; background:url(../images/loader.gif) no-repeat; left:295px; top:313px; width:160px; height:24px;}
.tree-node-info{position:absolute; background:url(../images/mini-loader.gif) center no-repeat; top:0; left:0; display:none; z-index:1000; width:206px; min-height:100px;}
.info_div{ background: #F8F8F8; -moz-border-radius:4px 4px 4px 4px; padding: 10px; border: 1px  solid #ccc;}
.info_div h4{ background: #2966AC; padding: 4px 10px; color: #fff; font-size: 12px;}
.sponsor_sp{ border-bottom: 2px solid #ccc; display: block; padding-bottom: 10px;}
.info_div{ font-size: 11px; }
.tree-wrapper{width:750px; margin:0 auto; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.tree-main{width:700px; float:left; position:relative; height:627px; margin-top: 0; z-index: 99;} 
.n-1{position:absolute; top:0; left:310px; width:80px; text-align:center;}
/*level1*/
.Level1{width:700px; float:left; height:auto; position: absolute; z-index: 999;}
.n-1-1{position:absolute; top:145px; left:157px; width:80px; text-align:center;}
.n-1-2{position:absolute; top:145px;	right:157px; width:80px; text-align:center;}
/*level2*/
.Level2{width:700px; float:left; height:auto; position: absolute; z-index: 999;}
.n-1-1-1{ position:absolute; top:290px; left:78px; width:80px; text-align:center;}
.n-1-1-2{ position:absolute; top:290px; left:235px; width:80px; text-align:center;}
.n-1-2-1{position:absolute; top:290px; right:235px; width:80px; text-align:center;}
.n-1-2-2{position:absolute; top:290px; right:78px; width:80px; text-align:center;}
/*level3*/
.Level3{width:700px; float:left; height:auto; position: absolute; z-index: 999;}
.n-1-1-1-1{position:absolute; top:442px; left:32px; width:80px; text-align:center;}
.n-1-1-1-2{position:absolute; top:442px; left:120px; width:80px; text-align:center;}
.n-1-1-2-1{position:absolute; top:442px; left:198px; width:80px; text-align:center;}
.n-1-1-2-2{position:absolute; top:442px; left:271px; width:80px; text-align:center;}
.n-1-2-1-1{position:absolute; top:442px; right:271px; width:80px; text-align:center;}
.n-1-2-1-2{position:absolute; top:442px; right:195px; width:80px; text-align:center;}
.n-1-2-2-1{position:absolute; top:442px; right:120px; width:80px; text-align:center;}
.n-1-2-2-2{position:absolute; top:442px; right:32px; width:80px; text-align:center;}
/*ARROW*/
.node-1-left{position:absolute;	left:237px; top:89px; z-index: 1;}
.node-1-right{position:absolute; right:237px; top:89px; z-index: 1;}
.node-1-1-left{position:absolute; left:120px; top:232px; z-index: 1;}
.node-1-1-right{position:absolute; left:240px; top:232px; z-index: 1;}
.node-1-2-left{position:absolute; right:240px; top:232px; z-index: 1;}
.node-1-2-right{position:absolute; right:120px; top:232px; z-index: 1;}
.node-1-1-1-left{position:absolute; left:72px; top:382px; z-index: 1;}
.node-1-1-1-right{position:absolute; left:142px; top:382px; z-index: 1;}
.node-1-1-2-left{position:absolute; left:232px;	top:382px; z-index: 1;}
.node-1-1-2-right{position:absolute;left:297px;	top:382px; z-index: 1;}
.node-1-2-1-left{position:absolute; right:303px; top:382px; z-index: 1;}
.node-1-2-1-right{position:absolute; right:226px; top:382px; z-index: 1;}
.node-1-2-2-left{position:absolute;right:142px; top:382px; z-index: 1;}
.node-1-2-2-right{ position:absolute; right:72px; top:382px; z-index: 1;}
.text-style1{color:#ec564c; font-weight:normal; font-size:11px;}
/***********New Tree end**************/
#treeCp{ list-style: none outside none; }
#treeCp li{ float: left;}
#treeCp li{padding:14px 10px 14px; color:#488fad; cursor:pointer; border-left:1px solid #c1d2dc;}
#treeCp li:first-child, #treeCp li:last-child{border-left:0px solid #c1d2dc;}
#treeCp li:hover{color:#14b0ba;}
#treeCp .title{ background: none; }
#treeCp .title a{ color: #269acb; font-weight: bold;}
.tree_mid{height:46px;}
#treeCp li input[type="text"]{width:60px; text-align: center;}
#treeCp .mem_id{ padding:7px 10px 8px 5px; float: right;}
#treeCp .tree_search{ background: url(../images/serch_right.jpg) no-repeat; width: 17px; height: 17px; border: none; cursor: pointer;}
ul.tree-path{list-style: none outside none; float:left; margin-top:3px;}
li.path,li.arrow{float:left; padding:2px 10px; border:1px solid #DFDFDF; cursor:pointer;}
li.arrow{padding:2px; cursor:default;}
.node{border:1px solid transparent; z-index: 999; padding:5px 0;}
.node.empty{cursor:not-allowed;}
li.path.hover,.node.hover{border:1px solid #DFEFEF; background-color:#EFFFFF;}
.node.hover{background-color:#f7f9f7;}
.tree-wrapper{}
.tree_wrap{ width: 767px; background:#d4e4ed; border-radius:4px; margin:15px 0px 8px; height: auto; float: left;}
.tree_scroll{ width: 767px; height: auto; float: left; z-index: 0;  top: 28px;}
.tree_scroll_left{height: 36px; float: left; width: 29px;}
.tree_scroll_mid{min-height: 34px; float: left; width: 686px;}
.tree_scroll_right{  height: 36px; float: left; width: 29px;}
.tree-container{position:relative;}
.load-waiting{position:absolute; top:0; left:0; width:750px; height:650px; display:none; z-index:100;}
.loader-img{position:absolute; background:url(../images/loader.gif) no-repeat; left:295px; top:313px; width:160px; height:24px;}
.tree-node-info{position:absolute; background:url(../images/mini-loader.gif) center no-repeat; top:0; left:0; display:none; z-index:1000; min-width: 455px; min-height:100px;}
.info_div{ background: #F8F8F8; -moz-border-radius:4px 4px 4px 4px; padding: 10px; border: 1px  solid #ccc;}
.info_div h4{ background: #488fad; padding: 4px 10px; color: #fff; font-size: 12px;}
.sponsor_sp{ border-bottom: 2px solid #ccc; display: block; padding-bottom: 10px;}
.info_div{ font-size: 11px; border-radius: 10px; border-style: solid; border-width: 3px 0 6px; box-shadow:0 0 4px -1px #CCCCCC;}
.node-image,.node-topup{ cursor: pointer;}
.node-topup{background: #f4f4f4;border: 1px solid #ccc; border-radius: 5px 0 5px 5px;padding: 2px;font-size: 11px;position: absolute;right:55px;top: 40px;}
.node-topup:hover{background: #f1f1f1;border: 1px solid #ddd;}
.node-topup:after{border-color: transparent transparent #ccc;border-style: solid;border-width: 0 0 10px 11px;content: "";height: 0;position: absolute;right: -1px;top: -10px;width: 0;}
.ui-dialog{z-index: 9999;border: 1px solid #CCCCCC;background:#FFFFFF;height: 500px;width: 400px;}
#dev-topup-dialog{font-family: arial;background: #fff;border-radius: 5px;left: 39%;position: absolute; top: 315px; width: auto; z-index: 999; border: 1px solid #ccc;}
#node-dialog{padding: 25px;}
.mem_info ul{margin-bottom: 5px;}
.mem_info ul li{width: 50%; float: left; margin-bottom: 2px;}
.tree-node-info .data-table-content td{padding: 2px 6px;}
.tree-node-info .data-table-heading td, .tree-node-info .data-table-heading th{padding: 2px 6px; font-size: 11px;}
.tree-node-info .mem_info span.label,
.tree-node-info .mem_info span.val{font-size: 11px; float: left;}
.tree-node-info .mem_info span.label{font-weight: bold; width: 105px; padding-right: 10px;}
.tree-img-thumb{text-align: center;}
.tree-img-thumb ul li{display: inline-block; padding:6px 10px 0; border: 1px solid #ccc; border-radius: 5px; margin-right: 10px;}