/*******************************************************************************
/* Trees
/******************************************************************************/

/* Tree Levels */

div.p_tree_level {
  position: absolute;
  top: 0;
  height: 100%;
  overflow: hidden; /* !!!no longer necessary */
}

div.p_tree_level_title {
  position: absolute;
  left: 0;
  top: 0;
}

div.p_tree_level_content {
  position: absolute;
  left: 0;
  top: 0;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
}

/* !!! */
div.p_tree_level_content_inner1 {
  position: relative;
  height: 100%;
  overflow: hidden;
}

div.p_tree_level_content_inner2 {
  position: relative;
}

div.p_tree_minimizedLevel
{
  position: absolute;
}

div.p_tree_minimizedLevel_text
{
  overflow: hidden;
  cursor: pointer;
}

img.p_tree_minimizedLevelEllipsis {
  position: absolute;
}

/* Tree Level Scroll Buttons */

div.p_tree_scrollButtons_top,
div.p_tree_scrollButtons_bottom  {
  position: absolute;
  cursor: pointer;
  text-align: center;
  z-index: 1;
}

div.p_tree_scrollButtons_top {
  left: 0;
}

div.p_tree_scrollButtons_bottom {
  bottom: 0;
  left: 0;  
}

div.p_tree_scrollButton_up,
div.p_tree_scrollButton_down {
  /*visibility: hidden;*/
  position: absolute;
}

div.p_tree_scrollButton_up {
  top: 0;
}

div.p_tree_scrollButton_down {
  top: 0;
}

div.p_tree_scrollButton_arrow_up,
div.p_tree_scrollButton_arrow_down {
  position: absolute;
}

/*
div.p_tree_level_last div.p_tree_scrollButton_up,
div.p_tree_level_last div.p_tree_scrollButton_down {
  visibility: visible;
}
*/

/* Tree Items */

div.p_tree_item
{
  position: relative;
}

div.p_tree_item_text
{
  overflow: hidden;
  cursor: pointer;
}

div.p_tree_itemDiscussionIcon,
div.p_tree_itemFolderIcon,
div.p_tree_itemRoomIcon {
  position: absolute;
  cursor: pointer;
}

/*******************************************************************************
/* Simple Tree
/******************************************************************************/


/* Tree Levels */

div.p_tree_simple div.p_tree_level {
  width: 234px;
  margin-right: 0px;
}

div.p_tree_simple div.p_tree_level_last {
  width: 235px;
}

div.p_tree_simple div.p_tree_level_title {
  padding: 0 0 5px 0;
  height: 20px;
  width: 234px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}

div.p_tree_simple div.p_tree_level_content {
  width: 234px;
  padding: 42px 0 22px 0;
}

div.p_tree_simple div.p_tree_level_last div.p_tree_level_content {
  width: 235px;
}

div.p_tree_simple div.p_tree_level_content_inner1 {
  width: 225px;
  padding: 0 4px 0 4px;
  border-left: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  background-color: #ffffff;
  cursor: pointer;
}

div.p_tree_simple div.p_tree_level_content_inner2 {
  width: 224px;
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_bg_column_22.png) repeat-y scroll top left;
}

div.p_tree_simple div.p_tree_minimizedLevel
{
  width: 203px;
  height: 32px;
  margin-bottom: 1px;
  margin-top: 0px;
  padding: 2px 17px 2px 5px;
  background: #9f1c20 url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 208px -100px;
  /*background: transparent url('../images/tree_simple_folder.png') no-repeat scroll 2px 4px;*/
}

div.p_tree_simple div.p_tree_minimizedLevel div.p_tree_itemFolderIcon {
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 -60px;
}

div.p_tree_simple div.p_tree_minimizedLevel div.p_tree_itemRoomIcon {
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 -20px;
}

div.p_tree_simple div.p_tree_minimizedLevel_text
{
  width: 183px;
  height: 32px;
  padding-left: 20px;  /* for folder icon */
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

div.p_tree_simple img.p_tree_minimizedLevelEllipsis {
  height: 126px;  /* change this to a div w/background */
  width: 126px;
}

/* Tree Level Scroll Buttons */

div.p_tree_simple div.p_tree_scrollButtons_top,
div.p_tree_simple div.p_tree_scrollButtons_bottom  {
  height: 20px;
  width: 234px;
}

div.p_tree_simple div.p_tree_scrollButtons_top {
  top: 20px;
}

div.p_tree_simple div.p_tree_scrollButton_up,
div.p_tree_simple div.p_tree_scrollButton_down {
  width: 40px;
  height: 20px;
  /*background-color: #ffffff;*/
}

div.p_tree_simple div.p_tree_scrollButton_up {
  /*left: 0;*/
  left: 77px;
  border: solid 0px #000000;
}

div.p_tree_simple div.p_tree_scrollButton_down {
  /*right: 154px;*/
  right: 77px;
  border-top: solid 0px #000000;
  border-right: solid 0px #000000;
  border-bottom: solid 0px #000000;
}

div.p_tree_simple div.p_tree_scrollButton_arrow_up,
div.p_tree_simple div.p_tree_scrollButton_arrow_down {
  left: 0px;
  top: 0px;
  width: 40px;
  height: 20px;
}

div.p_tree_simple div.p_tree_scrollButton_arrow_up {
  background: transparent url(http://cdn.pandalous.com/images/tree_arrows2_22.png) no-repeat scroll 0 0;
}

div.p_tree_simple div.p_tree_scrollButton_arrow_down {
  background: transparent url(http://cdn.pandalous.com/images/tree_arrows2_22.png) no-repeat scroll -40px 0;
  /* 0 -15px;*/
}

/* Tree Items */

div.p_tree_simple div.p_tree_item {
  width: 203px;
  height: 32px;
  margin-bottom: 1px;
  padding: 2px 17px 2px 5px;
  background-color: #ffffff;
}

div.p_tree_simple div.p_tree_item_even {
  /*background-color: #f3f3ee;*/
}

div.p_tree_simple div.p_tree_item_current,
div.p_tree_simple div.p_tree_item_expanded {
  background: #9f1c20;
}

div.p_tree_simple div.p_tree_item_room.p_tree_item_current,
div.p_tree_simple div.p_tree_item_folder.p_tree_item_current,
div.p_tree_simple div.p_tree_item_room.p_tree_item_expanded,
div.p_tree_simple div.p_tree_item_folder.p_tree_item_expanded {
  background: #9f1c20 url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 208px -100px;
}

div.p_tree_simple div.p_tree_item_text {
  width: 183px;
  height: 32px;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

div.p_tree_simple div.p_tree_item_folder div.p_tree_item_text,
div.p_tree_simple div.p_tree_item_room div.p_tree_item_text {
  padding-left: 20px;  /* for icon */
}

div.p_tree_simple div.p_tree_item_emptySupertopic div.p_tree_item_text {
  color: #666666;
}

div.p_tree_simple div.p_tree_item_current div.p_tree_item_text,
div.p_tree_simple div.p_tree_item_expanded div.p_tree_item_text {
  color: #ffffff;
}

div.p_tree_simple div.p_tree_itemDiscussionIcon {
  display: none;
  width: 20px;
  height: 20px;
  left: 2px;
  top: 0;
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 -80px;
}

div.p_tree_simple div.p_tree_itemFolderIcon {
  width: 20px;
  height: 20px;
  left: 2px;
  top: 0;
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 -40px;
}

div.p_tree_simple div.p_tree_itemRoomIcon {
  width: 20px;
  height: 20px;
  left: 2px;
  top: 0;
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 0;
}

div.p_tree_simple div.p_tree_item_expanded div.p_tree_itemFolderIcon,
div.p_tree_simple div.p_tree_item_current div.p_tree_itemFolderIcon {
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 -60px;
}

div.p_tree_simple div.p_tree_item_expanded div.p_tree_itemRoomIcon,
div.p_tree_simple div.p_tree_item_current div.p_tree_itemRoomIcon {
  background: transparent url(http://cdn.pandalous.com/images/tree_simple_sprite_22.png) no-repeat scroll 0 -20px;
}

div.p_tree_simple div.p_tree_itemEmpty {
  display: none;
}

/*
div.p_tree_simple div.p_tree_itemChildCount {
  font-size: 15px;
  position: absolute;
  left: 150px;
  top: 114px;
  color: #9f1c20;
  width: 30px;
  height: 15px;
  display: none;
}

div.p_tree_simple div.p_tree_item_expanded div.p_tree_itemChildCount,
div.p_tree_simple div.p_tree_item_current div.p_tree_itemChildCount {
  visibility: hidden;
}
*/

div.p_tree_simple a.p_topicsView_useThis {
  visibility: hidden;
  position: absolute;
  right: 12px;
  top: 1px;
  z-index: 1;
  margin: 0;
  border: solid 1px #9f1c20;
  /*width: 30px;*/
  background-color: #ffffff;
  font-size: 0.7em;
  /*padding: 2px;*/
  text-align: center;
}

/*******************************************************************************
/* Fancy Tree
/******************************************************************************/


/* Tree Levels */

div.p_tree_fancy div.p_tree_level {
  margin-right: 25px;
  width: 148px;
}

div.p_tree_fancy div.p_tree_level_title {
  padding: 0 0 5px 0;
  height: 20px;
  width: 120px;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
}

div.p_tree_fancy div.p_tree_level_content {
  padding: 42px 0 22px 0;
  width: 148px;
}

div.p_tree_fancy div.p_tree_level_content_inner1 {
  width: 148px;
  cursor: move;
}

div.p_tree_fancy div.p_tree_level_content_inner2 {
  width: 148px;
}

div.p_tree_fancy div.p_tree_minimizedLevel
{
  width: 127px;
  height: 148px;  /* change these to 100x100 like the regular items? */
  margin-top: -21px;
  padding: 34px 31px 23px 13px;
  background: transparent url(http://cdn.pandalous.com/images/topicsView_minimizedLevel_22.png) no-repeat scroll left top;
}

div.p_tree_fancy div.p_tree_minimizedLevel_text
{
  width: 100px;
  height: 100px;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

div.p_tree_fancy img.p_tree_minimizedLevelEllipsis {
  height: 126px;  /* change this to a div w/background */
  width: 126px;
}

/* Tree Level Scroll Buttons */

div.p_tree_fancy div.p_tree_scrollButtons_top,
div.p_tree_fancy div.p_tree_scrollButtons_bottom  {
  height: 20px;
  width: 148px;
}

div.p_tree_fancy div.p_tree_scrollButtons_top {
  top: 20px;
}

div.p_tree_fancy div.p_tree_scrollButton_up,
div.p_tree_fancy div.p_tree_scrollButton_down {
  width: 40px;
  height: 20px;
  /*background-color: #ffffff;*/
}

div.p_tree_fancy div.p_tree_scrollButton_up {
  /*left: 0;*/
  left: 23px;
  border: solid 0px #000000;
}

div.p_tree_fancy div.p_tree_scrollButton_down {
  /*right: 68px;*/
  right: 45px;
  border-top: solid 0px #000000;
  border-right: solid 0px #000000;
  border-bottom: solid 0px #000000;
}

div.p_tree_fancy div.p_tree_scrollButton_arrow_up,
div.p_tree_fancy div.p_tree_scrollButton_arrow_down {
  left: 0px;
  top: 0px;
  width: 40px;
  height: 20px;
}

div.p_tree_fancy div.p_tree_scrollButton_arrow_up {
  background: transparent url(http://cdn.pandalous.com/images/tree_arrows2_22.png) no-repeat scroll 0 0;
}

div.p_tree_fancy div.p_tree_scrollButton_arrow_down {
  background: transparent url(http://cdn.pandalous.com/images/tree_arrows2_22.png) no-repeat scroll -40px 0;
  /* 0 -15px; */
}

/* Tree Items */

div.p_tree_fancy div.p_tree_item
{
  width: 100px;
  height: 100px;
  margin-bottom: 15px;
  padding: 13px 31px 23px 13px;
  background: transparent url(http://cdn.pandalous.com/images/topicsView_topic_22.png) no-repeat scroll left top;
}

div.p_tree_fancy div.p_tree_item_current,
div.p_tree_fancy div.p_tree_item_expanded
{
  background: transparent url(http://cdn.pandalous.com/images/topicsView_topic_expanded_22.png) no-repeat scroll left top;
}

div.p_tree_fancy div.p_tree_item_text
{
  width: 100px;
  height: 100px;
  color: #000000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

div.p_tree_fancy div.p_tree_itemFolderIcon,
div.p_tree_fancy div.p_tree_itemRoomIcon {
  width: 18px;
  height: 18px;
  left: 130px;
  top: 116px;
  background: transparent url(http://cdn.pandalous.com/images/tree_plus_22.png) no-repeat scroll 0 0;
}

div.p_tree_fancy div.p_tree_item_expanded div.p_tree_itemFolderIcon,
div.p_tree_fancy div.p_tree_item_current div.p_tree_itemFolderIcon,
div.p_tree_fancy div.p_tree_item_expanded div.p_tree_itemRoomIcon,
div.p_tree_fancy div.p_tree_item_current div.p_tree_itemRoomIcon {
  background: transparent url(http://cdn.pandalous.com/images/tree_minus_22.png) no-repeat scroll 0 0;
}

/*
div.p_tree_fancy img.p_tree_itemFolderIcon_personalStories {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 130px;
}
*/

div.p_tree_fancy div.p_tree_itemEmpty {
  position: absolute;
  right: 31px;
  bottom: 10px;
  /*width: 100px;*/
  text-align: center;
  color: #333333;
  font-size: 12px;
}

/*
div.p_tree_fancy div.p_tree_itemChildCount {
  font-size: 15px;
  position: absolute;
  left: 150px;
  top: 114px;
  color: #9f1c20;
  width: 30px;
  height: 15px;
  display: none;
}

div.p_tree_fancy div.p_tree_item_expanded div.p_tree_itemChildCount,
div.p_tree_fancy div.p_tree_item_current div.p_tree_itemChildCount {
  visibility: hidden;
}
*/

div.p_tree_fancy a.p_topicsView_useThis {
  background-color: #ffffff;
  border: solid 1px #9f1c20;
  font-size: 0.7em;
  left: 110px;
  padding: 2px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 45px;
  visibility: hidden;
  width: 30px;
}