/*General*/

#treeView {
  width: 305px;
}

#noCategoriesInTabTree {
	margin-right: 84px;
	margin-top: -30px;
	float: right;
	width: 250px;
	background: rgb(87, 87, 87);
	padding: 20px;
	font-size: 20px;
	border-radius: 5px;
	color: rgb(223, 223, 223);
}

.treeViewBody #suggest {
	left: 59%;
}

/*Tree categories body*/

#treeView .categories {
  margin-left: 15px;
  background: #d7ecf5;
  float: left;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: 0px;
  width: 297px;
  -webkit-border-radius: 5px;
  overflow: hidden;
	overflow-x: hidden;
  height: 900px;
}

#treeView .categories .header.movableHeader {
  cursor: move;
}

#treeView #columns {
  width: 99%;
  margin-bottom: 30px;
}

#treeViewLinks .categoryBottom {
	min-height: 19px;
}

/* body.whiteBody {
    background-color: #FFF;
} */

/*Tree categories*/

#treeView .addCatBut {
	margin-left: 15px;
}

#treeView .categoryDiv {
  background: none;
  width: 260px;
  position: relative;
  overflow: hidden;
  clear: both;
  margin-bottom: 0px;
  box-shadow: 0px 0px 0px;
}

#treeView .categoryDiv .header {
  height: 68px;
  background: url(../images/skins/0/cat_back_1.png) no-repeat;
  cursor: pointer;
}

#treeView .categoryDiv .catTitle {
  color: #21aed7;
  top: 3px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#treeView .categoryDiv img.taggedLinks {
  display: none;
  position: absolute;
  top: 35px;
  right: 20px;
  z-index: 5;
}

#treeView .subCatDiv img.taggedLinks {
  top: 4px;
}

#treeView .categoryDiv.hasTaggedLinks img.taggedLinks {
  display: block;
}

#treeView .contt {
  padding: 7px 10px 4px 30px;
}

#treeView .catArrow {
	margin-top: 12px;
	height: 20px;
	margin-left: 3px;
	position: absolute;
	cursor: pointer;
}

#treeView .catCollapse {
	margin-top: 4px;
	margin-right: 6px;
}

@-moz-document url-prefix() { 
	.catArrow {
		left:0px;
	}
}

.linksCount {
    font-size: 11px;
    margin-top: 3px;
    margin-left:15px;
    color: #aeb9bb;
}

/*Tree parent categories*/

#treeView .mainCatSpace > .categoryDiv {
  margin-left: 12px;
}

#treeView .mainCatDiv .contt {
  padding: 10px;
}

/*Tree subcategories*/

#treeView .subCatDiv {
  width: 254px;
}

#treeView .subCatDiv .header {
  height: 30px;
  line-height: 30px;
}

#tabPreview .subCatDiv .header {
	height: 20px;
	line-height: 19px;
}

#treeView .subCatDiv .catTitle {
  	margin-top: -9px;
	margin-left: 3px;
	font-size: 14px;
}

#treeView .subCatDiv .catArrow {
	margin-top: 6px;
	height: 20px;
	margin-left: 2px;
}

#treeView .subCatDiv .catCollapse {
	margin-top: -1px;
	margin-right: -2px;
}

#treeView .categories .mainCatSpace > ul.sub_categories > li.subCatSpace {
	margin-top: -2px;
}

/* #tabPreview .categories .mainCatSpace > ul.sub_categories > li.subCatSpace {
	margin-top: 2px;
} */

/*When open-collapsed */

#treeView .categories ul.sub_categories {
  display: none;
  margin-top: -2px;
  height: 0px;
}

#treeView .categories ul.sub_categories.show,
#treeView .categories ul.sub_categories.show_hover {
  display: block;
  position: static;
  height: auto;
}

#tabPreview .categories ul.sub_categories.show,
#tabPreview .categories ul.sub_categories.show_hover {
  display: block;
  position: static;
  height: auto;
}

/*Dropzones*/

/*The transparent dragged category*/
#treeView .categoryTreeHelper {
  height: 2px!important;
  width: 150px!important;
  border: 1px dashed black;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  clear: both;
}

/*The drop line between categories*/
#treeView .categoryTreePlace {
  width: 200px;
  height: 10px;
  background: #000;
  clear: both;
  margin-left: 20px;
}

/*Header of a category when dragged over with another link or category*/
#treeView .categories .selectedDroppableCategory > .categoryDiv > .header,
#treeView .categories .selectedSortableCategory > .categoryDiv > .header {
  background: #BFE0F0;
}

/*Header of a subcat when dragged over with another category*/
#treeView .categories .selectedSortableCategory > ul.sub_categories {
  min-height: 32px;
  height: auto;
  overflow: hidden;
  border: 1px dashed #134D5B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  padding	-bottom: 5px;
}

/*Dropzone of a subcat and link*/
#treeView .subCatDropZone,
#treeView .linkDropZone {
  display: none;
  border: 1px dashed #134D5B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  position: absolute;
  top: 4px;
  right: 10px;
  width: 50px;
  height: 40px;
  padding: 5px;
  font-size: 10px;
}

#treeView .linkDropZone {
  width: 260px;
  top: 0px;
  right: 0px;
  height: 50px;
  font-size: 0px;
  border: none;
  padding: 0px;
/*  to check if not causing problems: display: block; */
}
 

/*Control panels*/

.treeViewBody #catControl {
	position: absolute;
	z-index: 1000;
	margin-left: -17px;
}

#topIndSubcat {
    margin-top: 3px;
}

#leftIndSubcat {
    margin-left: -6px;
}

.treeViewBody #linkControl {
	margin-top: 82px;
}

/*Body and links*/

.treeCatContent {
  position: absolute;
  width: 75%;
  left: 350px;
  top: 0px;
  display: none;
  background-color: #d7ecf5;
/*    max-height: 95%;  */
  padding-top: 10px;
	padding-left: 0px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.shown .treeCatContent {
  display: block;
}

#treeViewLinks .categoryDiv .treeCatContent .category.iconvl {
	padding-left: 7px;
}

#treeViewLinks .flag {
	margin-left: 7px;
}

#treeViewLinks .collapseSublinks {
    margin-left: 11px;
}

#treeViewLinks .searchSite input {
	box-shadow: none;
	margin-right: 5px;
}

#treeViewLinks .category.iconvl .searchSite input {
	margin-right: 1px;
}

#treeViewLinks .category .link { 
    width: 50%;
}

#treeViewLinks .category .sublinkList .link {
    width: 100%;
}

#treeViewLinks .linkTable {
    margin-left: 7px;
    width: 98%;
}

#treeViewLinks .iconvl .linkTable {
    margin-left: 0px;
}

#treeViewLinks .category .link:first-child, 
#treeViewLinks .category .link:first-child + li {
    margin-top: 0px;
}

#treeViewLinks #columns .category.iconvl .link:nth-child(even) {
	margin-right: 0px;
	margin-left: 0px;
}

#treeViewLinks #columns .category.iconvl .link:nth-child(odd) {
	margin-left: 0px;
	margin-right: 0px;
}

#treeViewLinks .iconvl li.link {
	border: 7px solid transparent;
}

#treeViewLinks #columns .category.iconvl  {
	margin-left: 8px;
}

#treeViewLinks .category.iconvl li.link, 
#treeViewLinks .category.iconvl table.linkTable {
    width: 200px;
    height: 200px!important; /*The important is used here for a fix when switching from a NONE tab to TREE tab on a low resolution, it tree icons have wrong height*/
}


#treeViewLinks .category.iconvl .sublinkList .link, 
#treeViewLinks .category.iconvl .sublinkList table.linkTable {
    width: 100%;
    height: auto!important;
}

/*
#treeViewLinks .category.iconvl li.link {
    margin-bottom: 25px !important;
}

*/

#treeViewLinks .olala {
	margin-top: 0px;
	margin-bottom: -4px;
}


#treeViewLinks .bdescription
{
}

#treeViewLinks .moreDesc {
	margin-right: 1.2%;
}
/*Buttons*/

.treeViewBody .share {
	background: url(../images/user/new/share.png) no-repeat;
	margin-left: 5px;
	margin-top: 15px;
	display: none;	
}

/* .treeViewBody .share:hover {
    background: url(../images/user/new/shareHover.png) no-repeat;
} */

.treeViewBody .shared {
	background: url(../images/user/new/icons.png) 0px -110px no-repeat;
	margin-left: 5px;
	margin-top: 17px;
	display: none;
}

.treeViewBody .shared:hover {
    background: url(../images/user/new/icons.png) -27px -110px no-repeat;
}

.treeViewBody .categoryBottomButtons .predefined {
    background: url(../images/skins/0/checkIcon.png) no-repeat;
	margin-right: 7px;
	margin-top: -28px;
	display: none;
}
/* 
.treeViewBody .categoryBottomButtons .predefined:hover {
    background: url(../images/skins/0/checkIconOn.png) no-repeat;
}

.treeViewBody  .categoryBottomButtons .predefinedT2 {
    background: url(../images/skins/0/checkIconOn.png) no-repeat;
	margin-right: 7px;
	margin-top: -26px;
	display: block;
}

.treeViewBody  .categoryBottomButtons .predefinedT2:hover {
    background: url(../images/skins/0/checkIconOn.png) no-repeat;
} */

.treeViewBody #reanalyze {
    background: url(../images/user/new/icons.png) 0px -190px no-repeat;
	width: 27px;
	margin-left: 3px;
	display: block;
	float: left;
	height: 26px;
	position: absolute;
	margin-top: 16px;
}

#treeViewLinks .addLinkBut {
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 27px;
	font-size: 17px;
	border: none;
	-webkit-box-shadow: none;
	color: white;
	font-weight: normal;
	width: 152px;
	line-height: 32px;
	box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.49);
}

#treeView .editable .button2 {
    font-size: 11px;
    padding: 3px;
    margin: 0;
    margin-top: 5px;
    margin-right: 3px;
}
.size1 #treeView .editable .button2 {
    margin-top: 1px;
}
.size2 #treeView .editable .button2 {
    padding: 2px 3px;
    margin-top: 0;
}
.size3 #treeView .editable .button2 {
	margin-top: -1px;
}
.size4 #treeView .editable .button2 {
    padding: 2px 3px;
    margin-top: 0;
}
#treeView .editable #esb {
    margin-right: 0px;
}	

.treeViewBody .treeCatContent .categoryBottomButtons.ns {
	margin-top: 15px;
}

.treeViewBody .treeCatContent .categoryBottomButtons.ns .share {
	margin-top: -31px;
}

#treeViewLinks .category.iconvl .linkACopy {
	width: 97%!important;
}

#treeViewLinks .bdescription.bdescription-overflow {
	bottom: -280px!important;
}

/* #treeView ul.sub_categories.show {
	margin-left:18px !important;
} Causing the subcats to slide out */ 


#treeView .categories {overflow-y:hidden;}
#treeView .categories:hover {overflow-y:auto;}

/* treeWidth = 305 */
#treeView .categories {margin-left:18px;width:305px;}
#treeView div.categoryDiv {width:284px;} 

#treeView ul.level-id-1 {margin-left:18px; width:290px} 
#treeView ul.level-id-1 div.categoryDiv {width:270px;}  

#treeView ul.level-id-2 {margin-left:13px; width:277px;}	/* ul_width = treeWidth - ul_margin_left * level - 2; */
#treeView ul.level-id-2 div.categoryDiv {width:257px;margin-top: 0px;}          /* category_width = ul_width - 7;  */

/* just for preview please change */
#tabPreview ul.level-id-1 {margin-left:50px; width:290px} 
#tabPreview ul.level-id-1 div.categoryDiv {width:270px;}  

#tabPreview ul.level-id-2 {margin-left:50px; width:277px;}	/* ul_width = treeWidth - ul_margin_left * level - 2; */
#tabPreview ul.level-id-2 div.categoryDiv {width:257px;margin-top: 0px;}          /* category_width = ul_width - 7;  */
/* just for preview please change */

#treeView ul.level-id-3 {margin-left:13px; width:264px; }	
#treeView ul.level-id-3 div.categoryDiv {width:244px;}         

#treeView ul.level-id-4 {margin-left:13px; width:251px; }		
#treeView ul.level-id-4 div.categoryDiv {width:231px;}     

#treeView ul.level-id-5 {margin-left:13px; width:238px; }	
#treeView ul.level-id-5 div.categoryDiv {width:218px;}	

#treeView ul.level-id-6 {margin-left:13px; width:225px; }	
#treeView ul.level-id-6 div.categoryDiv {width:205px;}	

#treeView ul.level-id-7 {margin-left:13px; width:212px; }	
#treeView ul.level-id-7 div.categoryDiv {width:192px;}	

.scrollbar
{
/* 	overflow-y: scroll; */
	overflow-x: hidden;
}

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
	width: 14px;
	background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #80D4E9;
}	


/* Tab preview */

#treePreviewTable .header {
	background: none;
	border: 1px solid gray;
	border-radius: 3px;
	width: 99%;
}

#treePreviewTable.previewColumn .dropper:hover {
	margin-bottom: 5px;
}

#treePreviewTable.previewColumn .dropper {
	height: 7px;
}

#tabPreview .subCatSpace .catTitle {
	top: 1px;
}

#tabPreview ul.considerPlace{
	position: absolute;
	width: auto;
	border: 1px solid white;
	background-color: black;
	z-index: 99;
}
#tabPreview ul.considerPlace li{
	padding: 5px;
	cursor: pointer;
}
#tabPreview ul.considerPlace li:hover{
	background-color:  gray;
}