.TreeViewHeading
{
    padding-left: 5px;
    padding-top: 3px;
    background: url(Images/subMenuHeaderGradient.jpg) no-repeat;
    width: 165px;
    height: 30px;
    color: #FFF;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-weight: bold;
}

.allGenres
{
    font-size: 0.55em;
    text-transform: none;
    font-weight: normal;
    cursor: pointer;
}


#SubMenu a 
{
    text-decoration: none;
    color: #fff;
}     

ul, li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    left: 0;
}

.SubMenuClass, .SubMenuClass2
{
    margin: 0 0 0 10px;
    padding: 0;
    left: 0;
    font-size: 1em;
    text-transform: uppercase;
}

.BlueStripes1
{
    background: url(Images/subMenuBlueStripesBg.gif) bottom left;
    height: 50px;
    border-top: solid 1px #fff;
}

.BlueStripes2
{
    background: url(Images/subMenuBlueStripesFooter.gif) no-repeat top left;
    height: 11px; 
}

.AspNet-TreeView
{
    margin: 0;
    padding: 0;
    font-family: Trebuchet MS, Arial;
}

.AspNet-TreeView ul
{
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.AspNet-TreeView ul li ul, .AspNet-TreeView ul li ul:hover, .AspNet-TreeView ul li ul:active, 
.AspNet-TreeView ul li ul:focus, .AspNet-TreeView ul li ul.selected
{
    font-weight: normal;
    font-size: 0.8em;
    margin-top: 6px;
    position: relative;
    left: -5px;
    width: 160px;
    margin-bottom: -6px;
}

.AspNet-TreeView ul li ul li, .AspNet-TreeView ul li ul li:hover, .AspNet-TreeView ul li ul li:active, 
.AspNet-TreeView ul li ul li:focus, .AspNet-TreeView ul li ul li.selected
{
    padding-left: 10px;
    text-transform: none; 
    height: 19px;  
}

.AspNet-TreeView-Expand
{
    background: url(Images/expand.gif) no-repeat;
    width: 18px;
    float: right;
    cursor: pointer;
    margin-right: 3px;
}

.AspNet-TreeView-Collapse
{
    background: url(Images/collapse.gif) no-repeat;
    width: 18px;
    float: right;
    cursor: pointer;
    margin-right: 3px;
}

.AspNet-TreeView-Show, .AspNet-TreeView-Show:hover, .AspNet-TreeView-Show:active, 
.AspNet-TreeView-Show:focus, .AspNet-TreeView-Show.selected
{
    margin-top: 6px;
}

.AspNet-TreeView-Hide, .AspNet-TreeView-Hide:hover, .AspNet-TreeView-Hide:active, 
.AspNet-TreeView-Hide:focus, .AspNet-TreeView-Hide.selected
{
    display:none;
    margin-top: 5px;
}

/* Genre-otsikot */
.root1
{
    border-top: solid 1px #fff;
    background: #41b8e2 url(Images/subMenuBlue.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root1:hover, .root1:active, .root1:focus, .root1.selected
{
    background: url(Images/subMenuBlueMainSelected.jpg) no-repeat;
}

.root2
{
    border-top: solid 1px #fff;
    background: #ef3735 url(Images/subMenuRed.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root2:hover, .root2:active, .root2:focus, .root2.selected
{
    background: url(Images/subMenuRedMainSelected.jpg) no-repeat;
}

/* UserAdmin without CompanyAdmin requires one special root */

.specialRoot
{
    border-top: solid 1px #fff;
    background: #A8D12D url(Images/subMenuGreen.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px; 
}

.specialRoot:hover, .specialRoot:active, .specialRoot:focus, .specialRoot.selected
{
    background: url(Images/subMenuGreenMainSelected.jpg) no-repeat;
}

/* LogIn-tab requires two special roots */

.specialRoot1
{
    border-top: solid 1px #fff;
    background: #A8D12D url(Images/subMenuGreen.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px; 
}

.specialRoot1:hover, .specialRoot1:active, .specialRoot1:focus, .specialRoot1.selected
{
    background: url(Images/subMenuGreenMainSelected.jpg) no-repeat;
}

.specialRoot2
{
    border-top: solid 1px #fff; 
    background: #c269e7 url(Images/subMenuPurple.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px; 
}

.specialRoot2:hover, .specialRoot2:active, .specialRoot2:focus, .specialRoot2.selected
{
    background: url(Images/subMenuPurpleMainSelected.jpg) no-repeat;
}

/* Admin-tab requires tree special roots, above 2 and 1 more */

.specialRoot3
{
    border-top: solid 1px #fff;
    background: #889085 url(Images/subMenuGrey.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.specialRoot3:hover, .specialRoot3:active, .specialRoot3:focus, .specialRoot3.selected
{
    background: url(Images/subMenuGreyMainSelected.jpg) no-repeat;
}

.root3
{
    border-top: solid 1px #fff;
    background: #fb9f30 url(Images/subMenuOrange.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root3:hover, .root3:active, .root3:focus, .root3.selected
{
    background: url(Images/subMenuOrangeMainSelected.jpg) no-repeat;
}

.root4
{
    border-top: solid 1px #fff;
    background: #c269e7 url(Images/subMenuPurple.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root4:hover, .root4:active, .root4:focus, .root4.selected
{
    background: url(Images/subMenuPurpleMainSelected.jpg) no-repeat;
}

.root5
{
    border-top: solid 1px #fff;
    background: #af9072 url(Images/subMenuBrown.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root5:hover, .root5:active, .root5:focus, .root5.selected
{
    background: url(Images/subMenuBrownMainSelected.jpg) no-repeat;
}

.root6
{
    border-top: solid 1px #fff;
    background: #A8D12D url(Images/subMenuGreen.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root6:hover, .root6:active, .root6:focus, .root6.selected
{
    background: url(Images/subMenuGreenMainSelected.jpg) no-repeat;
}

.root7
{
    border-top: solid 1px #fff;
    background: #f96dd6 url(Images/subMenuPink.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root7:hover, .root7:active, .root7:focus, .root7.selected
{
    background: url(Images/subMenuPinkMainSelected.jpg) no-repeat;
}

.root8
{
    border-top: solid 1px #fff;
    background: #889085 url(Images/subMenuGrey.jpg) repeat-x;
    padding-left: 5px;
    width: 155px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.root8:hover, .root8:active, .root8:focus, .root8.selected
{
    background: url(Images/subMenuGreyMainSelected.jpg) no-repeat;
}


/* Genre-alaotsikot */
li.leaf1
{
    background-color: #41b8e2;
}

li.leaf1:hover, li.leaf1:active, li.leaf1:focus, li.leaf1.selected
{
    background: #41b8e2 url(Images/subMenuBlueSubSelected.jpg) no-repeat;
}

li.leaf2
{
    background-color: #ef3735;
}

li.leaf2:hover, li.leaf2:active, li.leaf2:focus, li.leaf2.selected
{
    background: #ef3735 url(Images/subMenuRedSubSelected.jpg) no-repeat;
}

li.leaf3
{
    background-color: #fb9f30;
}

li.leaf3:hover, li.leaf3:active, li.leaf3:focus, li.leaf3.selected
{
    background: #fb9f30 url(Images/subMenuOrangeSubSelected.jpg) no-repeat;
}

li.leaf4
{
    background-color: #c269e7;
}

li.leaf4:hover, li.leaf4:active, li.leaf4:focus, li.leaf4.selected
{
    background: #c269e7 url(Images/subMenuPurpleSubSelected.jpg) no-repeat;
}

li.leaf5
{
    background-color: #af9072;
}

li.leaf5:hover, li.leaf5:active, li.leaf5:focus, li.leaf5.selected
{
    background: #af9072 url(Images/subMenuBrownSubSelected.jpg) no-repeat;
}

li.leaf6
{
    background-color: #A8D12D;
}

li.leaf6:hover, li.leaf6:active, li.leaf6:focus, li.leaf6.selected
{
    background: #A8D12D url(Images/subMenuGreenSubSelected.jpg) no-repeat;
}

li.leaf7
{
    background-color: #f96dd6;
}

li.leaf7:hover, li.leaf7:active, li.leaf7:focus, li.leaf7.selected
{
    background: #f96dd6 url(Images/subMenuPinkSubSelected.jpg) no-repeat;
}

li.leaf8
{
    background-color: #889085;
}

li.leaf8:hover, li.leaf8:active, li.leaf8:focus, li.leaf8.selected
{
    background: #889085 url(Images/subMenuGreySubSelected.jpg) no-repeat;
}

/* UserAdminTreeView */

.SubMenuClass2.AspNet-TreeView-Expand, .SubMenuClass2.AspNet-TreeView-Collapse
{
    display: none;
}

/* BasicTreeView (in AdminContent) */

#AdminContent li, #AdminContent ul, #AdminContent ul li, #AdminContent ul li ul,
#Events li, #Events ul, #Events ul li, #Events ul li ul
{
    background: Transparent;
    color: #000;
    border: solid 0px #fff;
    width: 300px;
}

.root9, .root10, .root11, .root12, .root13, .root14, .root15, .root16, .root17, .root18, .root19, 
.root20, .root21, .root22, .root23, .root24, .root25, .root26, .root27, .root28, .root29, .root30, 
.root31, .root32, .root33, .root34, .root35, .root36, .root37, .root38, .root39, .root40, .root41, 
.root42, .root43, .root44, .root45, .root46, .root47, .root48, .root49, .root50
{
    padding-left: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
}