.mediaselectortree { overflow: scroll; text-align: left;}
.mediaselectortree ul{padding: 0px; margin: 0px; list-style: none;}
.mediaselectortree ul li{padding: 0px 0px 0px 0px; margin: 0px;list-style: none; background: url(/images/arrow_down.png) 5px 6px no-repeat;cursor: pointer; }
.mediaselectortree ul li ul{padding: 0px 0px 0px 20px;}
.mediaselectortree ul li span{display:block; padding-left:15px;}
.mediaselectortree ul li span a{display:block;margin-left:4px;}
.mediaselectortree ul li.selected span a{ text-decoration: underline; color: #669933;}
.mediaselectortree ul li.selected ul li span a{ text-decoration: none; color: #000;}
.mediaselectortree ul li.collapsed {background: url(/images/arrow_right.png) 5px 6px no-repeat;}
.mediaselectortree ul li.collapsed ul{display:none;}
.mediaselectortree ul li.leaf{background: url(/images/dot.png) 7px 7px no-repeat;}

.mediaselectoritems {overflow: scroll;}
.mediaselectoritems ul{padding: 0px; margin: 0px; list-style: none;}
.mediaselectoritems ul li{ list-style: none; font-size: 10px;overflow:hidden;height:12px; padding: 5px; border: 1px solid #ccc; background: #fff;margin: 5px 0px 0px 5px; cursor: pointer;}
.mediaselectoritems ul li b{display:block; overflow:hidden;}
.mediaselectoritems ul li.selected{border: 1px solid #000; background: #669933;}
.mediaselectoritems ul li.selected b{color: #fff;}