/* CSS Document */

/****
*** CATEGORIES
*****/
.leftpanel #catadder,
.leftpanel #catsreloader{
	height:16px;
	margin-bottom:-2px;
	margin-left:0;
	margin-top:2px;
	width:26px;
}
.leftpanel #catadder span.ui-icon{
	margin-top:-9px;
}

.leftpanel #catsreloader{
	float: right;
}

.cattree .category{
	margin-bottom: 2px;
	margin-top: 2px;
}
.cattree .category > .catname input[type="checkbox"]{
	margin:2px 4px 0 0 !important;
}
.cattree .category .expander{
	cursor:pointer;
	float:left;
	margin: 2px -21px 1px 2px;
	width: 18px;
	height: 22px;
}
.cattree .category .expander .ic{
	height:9px;
	width:9px;
	margin: 6px 4px;
	background:no-repeat 0 0 url(../imgs/cats.png);
}
.cattree .category .expander:hover{
}
.cattree .category.none .expander:hover{
	background: inherit;
}

.cattree .category.opened > .expander .ic {
	background-position: -9px 0;
}

.cattree .category.none > .expander .ic {
	background-position: -18px 0;
	cursor: default;
}

.cattree .category.private .expander .ic {
	background-position: 0 -9px;
}

.cattree .category.private.opened > .expander .ic,
.cattree .private .category.opened > .expander .ic {
	background-position: -9px -9px;
}

.cattree .category.private.none > .expander .ic,
.cattree .private .category.none > .expander .ic {
	background-position: -18px -9px;
}

.cattree .category.uncategorized .expander .ic {
	background-position: -18px -18px;
}

.cattree .category.hide .expander .ic {
	background-position: -18px -9px;
}

.cattree .category.deleted .expander .ic {
	background-position: -18px -9px;
}


.cattree .category.collection .expander .ic {
	background-position: 0 -27px;
}

.cattree .category.collection.opened > .expander .ic,
.cattree .category.collection .opened > .expander .ic {
	background-position: -9px -27px;
}

.cattree .category.collection.none > .expander .ic,
.cattree .category.collection .none .expander .ic {
	background-position: -18px -27px;
}


.cattree .category.group.none > .expander .ic{
}
.cattree .category.group.opened > .expander .ic{
}

.cattree .category.group{
	margin-bottom:1px;
}
.cattree .category.group.opened{
    border-bottom: 1px dotted #DADADA;
    margin-bottom: 3px;
}
.cattree .category.group > .expander{
	width: 18px;
    height: 18px;
    background-position: center;
}
.cattree .category .catname{
	padding:7px 3px 3px 22px;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	color:#666;
	height: 16px;
}
.cattree .category.public >			.catname{				}
.cattree .category.private >		.catname{	color:#666;	}
.cattree .category.uncategorized >	.catname{	color:#700;	}
.cattree .category.hide >	    .catname{	color: #454645;	}
.cattree .category.deleted >	    .catname{	color: #454645;	}

.cattree .category .catname .fvsync{
	float: right;
	margin-top: -4px;
}
.cattree .category .catname .catmdicon{
	float: right;
	margin-top: -1px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background: no-repeat 0 0 url(../imgs/cats-metadata.png);
	cursor: pointer;
}
.cattree .category.collection .catname{
	color:#444;
	background: rgba(0,200,0,0.1);
}
.cattree .category.collection >	.catname{
	color:#393;
	background: rgba(0,200,0,0.2);
}
.cattree .category.group > .catname{
	font-weight:bold;
	padding: 3px 3px 3px 24px;
}

.cattree .category:hover > .catname{
	/*background: #E5E5E5;*/
	background: #F2F2F2;
	color:#C17D00;
}
.cattree .category.collection:hover > .catname,
.cattree .category.collection .category:hover > .catname{
	background: rgba(0,200,0,0.3);
	color:#090;
}


.cattree .category.subselected > .catname{
	/*background: url('../imgs/bgglass.png') repeat-x center center #F2F2F2;*/
	background: #FEF2D4;
}
.cattree .category.collection.subselected > .catname,
.cattree .category.collection.subselected .category > .catname{
	/*background: url('../imgs/bgglass.png') repeat-x center center #F2F2F2;*/
	background: rgba(0,200,0,0.4);
}
.cattree .category.selected > .catname{
	/*background: url('../imgs/bgglass.png') repeat-x center center #FEDC89;*/
	background: #FEDC89;
}
.cattree .category.collection.selected > .catname,
.cattree .category.collection .category.selected > .catname{
	/*background: url('../imgs/bgglass.png') repeat-x center center #FEDC89;*/
	background: rgba(0,200,0,0.5);
}

.cattree .category .catname.dropactive,
.cattree.dropactive .category .catname{
	background-image:url("../imgs/diagonals.white.png");
	background-color: #FDB913;
}
.cattree .category.collection .catname.dropactive,
.cattree.dropactive .category.collection .catname{
	background-color: rgba(0,200,0,0.4);
}
.cattree .category .catname.drophover,
.cattree.drophover .category:hover > .catname{
	background:url("../imgs/diagonals.png") transparent;
	color: #333;
}
.cattree.dropactive .category.group > .catname,
.cattree.drophover .category.group > .catname,
.cattree.dropactive .category.uncategorized > .catname,
.cattree.drophover .category.uncategorized > .catname {
	background: #FFF;
}
.cattree .category.group:hover > .catname{
	background: #FFF;
	color:#666;
}
.cattree .category.uncategorized:hover > .catname{
	color:#700;
}
.cattree .category.group > .catname:hover{
	color:#666;
}

.cattree .category > .subcats{
	display:none;
	margin-left:10px;
}
.cattree .category.group > .subcats{
	margin-left:0;
}
.cattree .category.opened > .subcats{
	display:block;
}
.cattree .category.group.opened > .subcats{
	display:block;
}
.cattree .category.group.opened > .subcats .subcats{
	display:none;
}
.cattree .category.opened > .subcats > .category{
}


.cattree .category.ctmon > .catname{
	/*background: #E5E5E5;*/
	background: #FEDC89 !important;
	color:#C17D00 !important;
}

.catpath .c,.catpath .s{
	float:left;
	margin-right:4px;
}


/********
***	CATEGORIES
***********/
.cat{
    background: url("../imgs/cats.png") no-repeat -18px 4px transparent;
    padding: 0 10px 0 10px;
}
.cat.cinl{
	display:inline-block;
	float:none;
	margin: -2px 0;
}
.cat:hover{
}
.cat .remove{
	float:left;
	cursor:pointer;
	background:url("../imgs/remove.png") no-repeat left top;
	display:none;
	height:18px;
	width:18px;
}
.cat:hover .remove{
	display:block;
}
.cat .remove:hover{
	background-position:right top;
}
.cat .s{
    background: url("../imgs/cats.png") no-repeat 0 0 transparent;
	float:left;
	height: 9px;
	width: 9px;
	margin: 4px 2px 4px;
}
.cat .c{
	float:left;
	padding:2px;
	cursor:pointer;
	color: #666;
	height: 14px;
}
.cat .c:hover{
	color: #000;
}

.category .spinner::after {
	content: "";
	display: block;
	margin-left: 10px;
	width: 20px;
	height: 20px;
	background: url(../imgs/spinner-20px.gif);
	background-size: cover;
}