/*
------------------ TREE FOLDER STYLES ----------------
Tree Folder System - License by GiantIsland LLC, copyright 2009, www.GiantIsland.com
------------------------------------------------------
*/

/* ============ Default Tree Styles ========== */
/* Note: These styles below are shared by all tree types, including folders, groups, etc., and control the +/- open-close icons. */
ul#tree1,ul#tree1 ul
{
display:block;
clear:both;
list-style-type:none;
padding:0;
margin:0;
/*background-image:url(images/i.gif);
background-repeat:repeat-y;*/
}
/* All nodes have the same default empty icons, at first. */
ul#tree1 li
{
display:list-item;
list-style-position:outside;
list-style-type:none;
list-style:none;
vertical-align:middle;
margin:0;
padding:0 0 0 18px;
background-color:transparent;
background-image:url(images/spacer.gif);
background-position:0px 0px;
background-repeat:no-repeat;
cursor:default;
}
/* Assign any LI having UL and thus, child nodes, the class icon and features (using JavaScript). */
ul#tree1 li.closed,ul#tree1 li.collapsed
{
display:list-item;
background-color:transparent;
background-image:url(images/dashplus.gif);
background-position:0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}
/* By default, hide all ul and their child elements until explicity opened (using JavaScript). */
ul#tree1 li.closed ul
{
display:none;
}
/* Assign LI an open icon and by showing itself shows its visible children. */
ul#tree1 li.opened
{
display:list-item;
background-color:transparent;
background-image:url(images/dashminus.gif);
background-position:0px 0px;
background-repeat:no-repeat;
cursor:pointer;
}


/*========= FOLDER STYLES =============*/
/* All folders use default folder icon */
ul.tree1_folder li a,ul.tree1_folder li a:link,ul.tree1_folder li a:visited,ul.tree1_folder li a:active,ul.tree1_folder li a:hover,ul.tree1_folder li a:focus
{
display:block;
vertical-align:middle;
margin:0;
padding:0px 0px 0px 20px;
background-color:transparent;
background-image:url(images/icon_folderempty.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
font-size:85%;
line-height:1.6;
white-space:nowrap;
}

ul.tree1_folder li.closed a,ul.tree1_folder li.closed a:link,ul.tree1_folder li.closed a:visited,ul.tree1_folder li.closed a:active,ul.tree1_folder li.closed a:hover,ul.tree1_folder li.closed a:focus
{
background-color:transparent;
background-image:url(images/icon_folderclosed.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_folder li.collapsed a,ul.tree1_folder li.collapsed a:link,ul.tree1_folder li.collapsed a:visited,ul.tree1_folder li.collapsed a:active,ul.tree1_folder li.collapsed a:hover,ul.tree1_folder li.collapsed a:focus
{
background-color:transparent;
background-image:url(images/icon_folderclosed.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_folder li.opened a.openedanchor,ul.tree1_folder li.opened a.openedanchor:link,ul.tree1_folder li.opened a.openedanchor:visited,ul.tree1_folder li.opened a.openedanchor:active,ul.tree1_folder li.opened a.openedanchor:hover,ul.tree1_folder li.opened a.openedanchor:focus
{
background-color:transparent;
background-image:url(images/icon_folderopen.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_folder li a.selected,ul.tree1_folder li a.selected:link,ul.tree1_folder li a.selected:visited,ul.tree1_folder li a.selected:active,ul.tree1_folder li a.selected:focus,ul.tree1_folder li a.selected:hover
{
color:#00e;
}



/* User Folder Icons */
ul.tree1_folder li a.userclosed,ul.tree1_folder li a.userclosed:link,ul.tree1_folder li a.userclosed:visited,ul.tree1_folder li a.userclosed:active,ul.tree1_folder li a.userclosed:hover,ul.tree1_folder li a.userclosed:focus
{
display:block;
vertical-align:middle;
margin:0;
padding:0px 0px 0px 20px;
background-color:transparent;
background-image:url(images/icon_userfolderempty.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
font-size:85%;
line-height:1.6;
}

ul.tree1_folder li.closed a.userclosed,ul.tree1_folder li.closed a.userclosed:link,ul.tree1_folder li.closed a.userclosed:visited,ul.tree1_folder li.closed a.userclosed:active,ul.tree1_folder li.closed a.userclosed:hover,ul.tree1_folder li.closed a.userclosed:focus
{
background-color:transparent;
background-image:url(images/icon_userfolderclosed.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_folder li.collapsed a.userclosed,ul.tree1_folder li.collapsed a.userclosed:link,ul.tree1_folder li.collapsed a.userclosed:visited,ul.tree1_folder li.collapsed a.userclosed:active,ul.tree1_folder li.collapsed a.userclosed:hover,ul.tree1_folder li.collapsed a.userclosed:focus
{
background-color:transparent;
background-image:url(images/icon_userfolderclosed.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_folder li.opened a.useropened,ul.tree1_folder li.opened a.useropened:link,ul.tree1_folder li.opened a.useropened:visited,ul.tree1_folder li.opened a.useropened:active,ul.tree1_folder li.opened a.useropened:hover,ul.tree1_folder li.opened a.useropened:focus
{
background-color:transparent;
background-image:url(images/icon_userfolderopen.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}





/*========= GROUP STYLES =============*/
/* All groups use default group icons */
ul.tree1_group li a,ul.tree1_group li a:link,ul.tree1_group li a:visited,ul.tree1_group li a:active,ul.tree1_group li a:hover,ul.tree1_group li a:focus
{
display:block;
vertical-align:middle;
margin:0;
padding:0px 0 0px 20px;
background-color:transparent;
background-image:url(images/icon_groupempty.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
font-size:85%;
line-height:1.6;
}

ul.tree1_group li.closed a,ul.tree1_group li.closed a:link,ul.tree1_group li.closed a:visited,ul.tree1_group li.closed a:active,ul.tree1_group li.closed a:hover,ul.tree1_group li.closed a:focus
{
background-color:transparent;
background-image:url(images/icon_groupclosed.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_group li.collapsed a,ul.tree1_group li.collapsed a:link,ul.tree1_group li.collapsed a:visited,ul.tree1_group li.collapsed a:active,ul.tree1_group li.collapsed a:hover,ul.tree1_group li.collapsed a:focus
{
background-color:transparent;
background-image:url(images/icon_groupclosed.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_group li.opened a.openedanchor,ul.tree1_group li.opened a.openedanchor:link,ul.tree1_group li.opened a.openedanchor:visited,ul.tree1_group li.opened a.openedanchor:active,ul.tree1_group li.opened a.openedanchor:hover,ul.tree1_group li.opened a.openedanchor:focus
{
background-color:transparent;
background-image:url(images/icon_groupopen.gif);
background-position:0px 4px;
background-repeat:no-repeat;
cursor:pointer;
}

ul.tree1_group li a.selected,ul.tree1_group li a.selected:link,ul.tree1_group li a.selected:visited,ul.tree1_group li a.selected:active,ul.tree1_group li a.selected:focus,ul.tree1_group li a.selected:hover
{
color:#00e;
}