.folderDocked #accordian{
	display: inline-block;	
}
.desktop.folderDocked .tt_pages{
/* 	margin-left: 250px !important; */
	/* width: 400px !important; */
}
#accordian {
    /*background: #004050;
	width: 250px;
	color: white;
	margin: 15px 5px 5px 5px;*/
    /*Some cool shadow and glow effect*/
    /*box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5);
	border-radius: 10px;
	padding: 10px 0px;
	*/
    color: #000;
    width: 250px;
    background-color: rgb(249, 249, 249);
    position: fixed;
    top: 50px;
    z-index: 999;
    display: none;
    border-right:1px solid #ccc;
    bottom: 0;
}

    #accordian > ul {
        padding: 0px;
        margin: 0px;
    }
    /*heading styles*/
    #accordian .titleBar {
        color: #fff;
        font-weight: 600;
        font-size: 12pt;
        line-height: 23px;
        padding: 0 10px;
        margin: 0;
        cursor: pointer;
        /*fallback for browsers not supporting gradients*/
        /*background-color: rgba(0,57,79,0.9);
        background-color: #153551;*/
        background-color: rgba(36, 61, 74, 1);
        /* background: linear-gradient(#003040, #002535); */
        height: 30px;
        vertical-align: middle;
    }
    #accordian .titleBar a {
    	color:#fff;
    	vertical-align: middle;
    	line-height: 30px;
    } 
    #accordian .titleBar a:hover {
    	opacity:0.6;
    }
	#accordian .titleBar .icon {
		float: right;
		/* vertical-align: middle; */
		display:inline-block;
		height:30px;
		/* line-height:30px; */
		padding: 0 5px;
		margin: 0px 2px;
	}
        /*iconfont styles*/
        #accordian .titleBar span {
            font-size: 18px;
            margin-right: 10px;
        }
    /*Lets hide the non active LIs by default*/
    #accordian ul div.content {
        /*height: 422px;*/
        /*display: none;*/
        background-color: rgba(0,0,0,0.05);
    }

    #accordian li.active ul {
        display: block;
    }

	/* sfi - subfolder indicator (to display a caret for a folder that has subfolders)*/
	.sfi{
		position: relative;
		/*top: -1.3em;*/
		left: 3px;
		float: left;
		margin: 0;
		padding: 0;
		width: 0px;
		cursor: pointer;
	}

	.sfi-o .sfi{
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
        transform: rotate(45deg);
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	}
/* sevenion tree style*/
ul._treeNode {
	display: none;
	margin-left: 15px;
	padding: 0;
	/* padding-left: 5px; */
}
ul._treeNode li
{
    list-style-type: none;
}
ul._rootNode {
	 width: 100%;
	 /* padding-right: 1px; */
	 margin: 0;
	 margin-left: 5px;
}
.modal ul._rootNode {
	 width: 98%; 
	/* padding-right: 1px; */
	margin-left: inherit;
}
ul._treeNode .nNode{
	display:block;
	position: relative;
	height: 1.4em;
	overflow: hidden;
	/* padding-left: 12px; */
}

ul._treeNode .nNode a{
	color: #000;
}

ul._treeNode .nNode:hover {
    background: lightblue;
    cursor: pointer;
}
ul._treeNode .tOptions *
{
    background: lightblue;
	padding: 0 0 0 5px;
}
ul._treeNode .tOptions {
	margin-right: 9px;
	display: none;
	position: absolute;
	text-align: right;
	top: 2px;
	/* float:right; */
	right: 0;
}
ul._treeNode .nNode:hover .tOptions
	{
		display: block;
	}
ul._treeNode .nIcon {
	color:#aaa;
	/* font-size: 1em; */
	margin-left: 11px;
}

ul._treeNode .fn {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 88%;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}
ul._treeNode .nSel{
    background: lightblue;
}

ul._treeNode .txtFn:hover{
	cursor: text;
}
/*list items TODO: remove _treeview styles*/
._tree li {
    padding-left: 12px;
    list-style-type: none;
}
    /*links*/
    ._tree li a {
        color: #000;
        text-decoration: none;
        font-size: 12px;
        line-height: 20px;
        display: block;
        margin-left: 10px;
        padding-left: 10px;
        /*transition for smooth hover animation*/
        transition: all 0.15s;
    }
        /*hover effect on links*/
        ._tree li a:hover {
            background: lightblue;
            color: black;
        }

        /*Sevenion: Change Background Color onSelect*/
        ._tree li a:focus {
            background-color: lightblue;
            color: black;
        }

        ._tree li a span.fn {
            /*position: absolute;*/
        }
/*new list items*/

li._tree {
    padding-left: 10px;
    list-style-type: none;

}
    /*links*/
    li._tree a{
        color: #000;
        text-decoration: none;
        font-size: 12px;
        line-height: 20px;
        display: block;
        margin-left: 10px;
        padding-left: 10px;
        /*transition for smooth hover animation*/
        transition: all 0.15s;
    }
        /*hover effect on links*/
        li._tree a:hover {
            background: lightblue;
            color: black;
        }

        /*Sevenion: Change Background Color onSelect*/
        li._tree a:focus {
            background-color: lightblue;
            color: black;
        }

        li._tree a span.fn {
            /*position: absolute;*/
        }

._tree .aSpan {
    margin-left: -6px;
    margin-right: 3px;
    position: relative;
    color: grey;
}

/*Sevenion: To remove unwanted space*/
._tree ul li:first-child {
    margin-top: -20px;
}

._tree ul li:last-child {
margin-bottom: -18px;
}

/*Added: For Multi Level*/

._tree > li {
    padding-left: 5px;
}

._tree span#del
{
    display:none;
}

li._tree:hover span#del
{
    display:inline;
}
/*Add Album OTG*/
.accBtn {
    /* float: right; */
    /* color: #222; */
    /* opacity: 0.6; */
    /* cursor: pointer; */
    /* font-size: 20px; */
}

    .accBtn:hover {
        color: #008000;
        opacity: 1;
    }

/*a.albumTreeAnchor {
    z-index: 99998;
}

    a.albumTreeAnchor div.albumTreeDiv {
        display: none;
    }

    a.albumTreeAnchor:hover div.albumTreeDiv {
        display: inline;
    }*/

li.tagList span#del,span#ren
{
    display:none;
}

li.tagList:hover span#del
{
    display:inline;
}
li.tagList:hover span#ren
{
    display:inline;
}

li.tagList:hover
{
    background-color:aqua;
}

div#searchDiv span.tagSort
{
    margin-top:6px;
    font-size:14px;
}

._tree ul {
    display: inline;
}

._tree span.cl /*context based links*/ {
    float: right;
    font-size: 12px;
    margin-right: 10px;
    vertical-align: middle;
    color: grey;
}

.rename {
}

#renameFolder {
    border: none;
    display: block;
    font-size: 13px;
    height: 16px;
    margin-left: 10px;
    margin-top: -19px;
    position: absolute;
    width: 140px;
}

.fS:hover {
    color: #008000;
}

.DateList {
    list-style: none;
    cursor: pointer;
}

.dYear {
    
}

.dMonth {
    
}

.dDate {
    
}

    .dDate:hover {
        background-color: lightblue;
        color: black;
    }