﻿

/**** Assist Menu Button ****/

ul.arcTreeRoot {list-style:none;padding:0;margin:0;}
ul.arcTreeRoot li {
    font-size: 11px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
ul.arcTreeRoot li span.suffix {
    background-color:#4a659c;
    color: #fff;
    border: 1px solid #fff;
    display: block;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    min-height: 12px;
    min-width: 25px;
    padding: 0 0 1px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 5px;
    cursor:pointer;
}
ul.arcTreeRoot li span.arcTreeContent {  
    background-color: #4a659c;
    background-image: url("/images/icons/Icons_Responsive.png");
    background-position: -2px -100px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 11px;
    font-weight: bold;
    left: 0;
    margin: 0;
    padding: 10px 0 9px 10px;
    position: relative;
    text-indent: -900em;
    top: 1px;
    width: 45px;
    font-weight:bold;
}

/**** Dropdown Menu ****/

ul.arcTreeRoot li ul {
    border: 3px solid #0aa49c;
    box-shadow: -2px 3px 5px #222;
    display: none;
    list-style: none outside none;
    margin-left: -199px;
    margin-top: 1px;
    padding: 0;
    width: 248px;
}

ul.arcTreeRoot li:hover span.arcTreeContent {background-color:#0aa49c;}
ul.arcTreeRoot li:hover span.suffix {background-color:#d9e9e9;color:#444;}
ul.arcTreeRoot li:hover ul {display:block;}

/**** Dropdown Menu: Level 1 ****/

ul.arcTreeRoot li ul li {}

ul.arcTreeRoot li ul li span.arcTreeContent {padding:0;background-image:none;box-sizing:border-box;top:0;width:100%;text-indent:0;}
ul.arcTreeRoot li ul li span.arcTreeContent a {padding:8px 36px 8px 8px;display:inline-block;width:100%;box-sizing:border-box;text-decoration:none;color:White;}
ul.arcTreeRoot li ul li span.arcTreeContent a:hover {text-decoration:underline;background-color:#118F88;}
ul.arcTreeRoot li ul li span.suffix {top:7px;right:4px;background-color:#d9e9e9;color:#444;cursor:default;}

ul.arcTreeRoot li ul li.folder span.arcTreeContent {background-color:#1f7770;/*padding: 8px 36px 8px 8px;*/}
ul.arcTreeRoot li ul li.folder span.suffix {display:none;}

ul.arcTreeRoot li ul li.file span.arcTreeContent {background-color:#0aa49c;border-top:1px solid #1f7770;}
ul.arcTreeRoot li ul li.file span.suffix {display:block;}

ul.arcTreeRoot li ul li ul {border:0;box-shadow:none;margin:0;}

/**** Dropdown Menu: Level 2 ****/

ul.arcTreeRoot li ul li ul li {}

ul.arcTreeRoot li ul li ul li span.arcTreeContent {}
ul.arcTreeRoot li ul li ul li span.arcTreeContent a {padding-left:20px;}
ul.arcTreeRoot li ul li ul li span.suffix {}

ul.arcTreeRoot li ul li ul li.folder span.arcTreeContent {/*padding: 8px 36px 8px 8px;*/}
ul.arcTreeRoot li ul li ul li.folder span.suffix {}

ul.arcTreeRoot li ul li ul li.file span.arcTreeContent {padding:0;/*border-top:0;*/}
ul.arcTreeRoot li ul li ul li.file span.suffix {}

ul.arcTreeRoot li ul li ul li ul {border:0;box-shadow:none;margin:0;}

/********************************/

/******** Expandable/Collapsable Folders *************/
ul.arcTreeRoot li ul li.folder.expandable span.arcTreeContent a,
ul.arcTreeRoot li ul li.folder.collapsable span.arcTreeContent a {padding-left:20px;}
ul.arcTreeRoot li ul li.folder.expandable ul li.file span.arcTreeContent a,
ul.arcTreeRoot li ul li.folder.collapsable ul li.file span.arcTreeContent a {padding-left:20px;}
ul.arcTreeRoot li div.hitarea {margin:0px;padding:0px;cursor:pointer;float:left;height:22px;width:6px;}
ul.arcTreeRoot li ul li div.hitarea {left:1px;position:absolute;top:4px;width: 16px;z-index:1000;}
ul.arcTreeRoot li ul li div.expandable-hitarea {background: transparent url(/images/plus.gif) repeat scroll 0 0px;}
ul.arcTreeRoot li ul li div.collapsable-hitarea {background: transparent url(/images/minus.gif) repeat scroll 0 0px;}
/****************************************************/

/********* Bagdes ************/
ul.arcTreeRoot li span.suffix.badge,
ul.arcTreeRoot li:hover span.suffix.badge {background-color:Red;color:#FFF;}
/****************************/

/*---- TREE FIXED ON PAGE ALWAYS OPEN Overrides  ------*/

/*Hides the top Nav level item*/
.treeFixed ul.arcTreeRoot li.level1.file span.arcTreeContent {
    background-image: url(/Images/background/noRequests.png);
    background-position:0 0;
    background-color: rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    cursor: default;
    min-height: 240px;
    padding: 30px 10px;
    top: 0;
    width: 100%;
    display: block;
}
@media \0screen {.treeFixed ul.arcTreeRoot li.level1.file span.arcTreeContent {background-color: #d5d9dc;}} /*Fix for IE8*/

.signedInWindow .treeFixed ul.arcTreeRoot li.level1.file span.arcTreeContent {
    background-position: 0 -416px;
    border-radius: 6px;
    min-height: 70px;
    padding: 10px;
}

.treeFixed ul.arcTreeRoot li span.arcTreeContent,
.treeFixed ul.arcTreeRoot li span.suffix,
.treeFixed ul.arcTreeRoot li div.hitarea {display:none}

.treeFixed ul.arcTreeRoot {border:1px solid #b7c3ca;width:248px;padding:0;}
.treeFixed ul.arcTreeRoot li ul li span.arcTreeContent,
.treeFixed ul.arcTreeRoot li ul li span.suffix,
.treeFixed ul.arcTreeRoot li ul li div.hitarea {display:inline-block;}
.treeFixed ul.arcTreeRoot li ul {
    display:block;
    box-shadow:none;
    margin:0;
    padding:0;
    border:0;
}
.treeFixed ul.arcTreeRoot li ul li ul {margin-top:0px;border-top:0;margin-left:0px;height:auto;overflow:visible;}
/*----------------------------------------*/



.sidebarLink {
    display: inline-block;
    background-color: #f26522;
    margin-top: 10px;
    position: relative;
}
.sidebarLink:hover {
    background-color: #d4571c;
}
.sidebarLink a {
    padding: 8px 36px 8px 20px;
    font-size: 11px;
    width: 250px;
    display: inline-block;
    box-sizing: border-box;
    text-decoration: none;
    color: White;
}
.sidebarLink a:hover {
    text-decoration: underline;
    cursor:pointer;
}
.sidebarLink .badge {
    font-size: 10px;
    font-weight: bold;
    background-color: red;
    border: 1px solid #fff;
    color: #fff;
    min-height: 12px;
    min-width: 25px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 7px;
    box-sizing: border-box;
    padding: 0 3px;
    right: 5px;
    display:none;
}