.mtree-demo .mtree{margin:20px auto;max-width:320px;border-radius:3px;}
.mtree-skin-selector{text-align:center;background:#EEE;padding:10px 0 15px;}
.mtree-skin-selector li{display:inline-block;float:none;}
.mtree-skin-selector button{padding:5px 10px;margin-bottom:1px;background:#BBB;}
.mtree-skin-selector button:hover{background:#999;}
.mtree-skin-selector button.active{background:#999;font-weight:bold;}
.mtree-skin-selector button.csl.active{background:#FFC000;}
ul.mtree{opacity:0;margin-left:0;padding:0px;}
ul.mtree ul{margin-left:1em;}
ul.mtree li{list-style:none;width:100%;float:left;padding:0;}
ul.mtree a{display:block;}
ul.mtree li.mtree-node > a{font-size:14px;}
ul.mtree a{-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;-ms-transition:all 300ms ease-out;-o-transition:all 300ms ease-out;transition:all 300ms ease-out;}
ul.mtree.bubba ul{margin-left:0;padding:0px;}
ul.mtree.bubba ul li{font-size:14px;}
ul.mtree.bubba li.mtree-node > a{text-decoration:none;}
ul.mtree.bubba > li{border-bottom:1px solid #DDD;}
ul.mtree.bubba > li:last-child{border-bottom:none;}
ul.mtree.bubba li:last-child > a{border:none;}
ul.mtree.bubba > li.mtree-open > a{background:#DDD;}
ul.mtree.bubba li > a:hover{background:#DDD;}
ul.mtree.bubba li.mtree-active > a{background:#FFC000;color:#FFF;}
ul.mtree.skinny li{font-size:.9em;}
ul.mtree.skinny a{padding:0px 18px;color:#555;}
ul.mtree.skinny a:hover{text-decoration:underline;}
ul.mtree.skinny li.mtree-node:before{float:left;margin-left:.5em;zoom:.8;margin-top:.1em;color:#777;}
ul.mtree.skinny li.mtree-open:before{content:'-';}
ul.mtree.skinny li.mtree-closed:before{content:'+';}
ul.mtree.skinny ul > li:first-child{margin-top:.1em;}
ul.mtree.skinny ul > li:last-child{margin-bottom:.3em;}
ul.mtree.skinny ul a{color:#666;}
ul.mtree.transit{background:#fff;}
ul.mtree.transit ul{margin-left:0;}
ul.mtree.transit ul > li{font-size:14px;}
ul.mtree.transit li.mtree-node{position:relative;background:#eee;}
ul.mtree.transit li.mtree-node > a:before{color:#333;font-size:18px;font-weight:normal;position:absolute;right:20px;top:20px;}
ul.mtree.transit li li.mtree-node > a:before{color:#333;font-size:18px;font-weight:normal;position:absolute;right:20px;top:auto;}
ul.mtree.transit li.mtree-open > a:before{content:'-';}
ul.mtree.transit li.mtree-closed > a:before{content:'+';}
ul.mtree.transit ul > li:first-child{margin-top:1px;}
ul.mtree.transit li.mtree-open > a{background:#eee;}
ul.mtree.transit li > a:hover, ul.mtree.transit li.mtree-active > a{background:#eeeeee;color:#195c9e;}
ul.mtree.transit li.mtree-node > ul > li:last-child{}
ul.mtree.transit li.mtree-node:last-child > ul > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
ul.mtree.transit a{color:#333;border-bottom:#dddddd thin solid;padding:10px 0 10px 0.8em;}
ul.mtree.transit li li > a{padding:15px 30px;}
ul.mtree.transit li li li > a{padding-left:2.4em;}
ul.mtree.transit li li li li > a{padding-left:3.2em;}
ul.mtree.transit li li li li li > a{padding-left:4em;}
ul.mtree.jet ul{margin-left:0;}
ul.mtree.jet li{margin-bottom:1px;}
ul.mtree.jet li:last-child{margin-bottom:0px;}
ul.mtree.jet li:first-child{margin-top:1px;}
ul.mtree.jet li.mtree-active a{background:#E3E3E3;}
ul.mtree.jet li.mtree-active li:last-child > a{border-radius:0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a{background:#008cba;color:#FFF;border-radius:3px 3px 0px 0px;}
ul.mtree.jet li > a:hover{background:#FFC000;color:#FFF;}
ul.mtree.jet a{padding:5px 0px 5px 1em;}
ul.mtree.jet li li > a{padding-left:2em;}
ul.mtree.jet li li li > a{padding-left:3em;}
ul.mtree.jet li li li li > a{padding-left:4em;}
ul.mtree.jet li li li li li > a{padding-left:5em;}
ul.mtree.nix{background:none;}
ul.mtree.nix a{display:inline;}
ul.mtree.nix ul{margin-left:1em;}
ul.mtree.nix ul > li{list-style-position:inside;}
ul.mtree.nix li{list-style:disc;}