/*
* EES CSS Library [Workspaces]
 *
 * @copyright 2010 Squiz Pty Ltd (ABN 77 084 670 600)
 * @license   GNU General Public License v.2
 * @link
*/


/* ---------------------------------------------------------------------------------------------
START: CORE WORKPACES STYLES
--------------------------------------------------------------------------------------------- */

#ees_workspace {
    width: 670px;
    margin: 0 auto;
}

#ees_workspace ul.ees_directChildrenList {
    position:relative; /* correct drag and drop offset issue */
}

/* change workspaces */

#ees_wrkspButton {
    display: block;
       /*margin-top: 53px;*/
       width: 247px;
       height: 34px;
       color: #616161;
       text-transform: uppercase;
       text-decoration: none;
       background: transparent url(../Images/wrksp-button.png) 0 0 no-repeat;
       margin-bottom: 10px;
}

#ees_wrkspButton:hover {
       background-position: 0 -34px;
       color: #333;
}

#ees_wrkspButton span {
       display: block;
       line-height: 34px;
       padding: 0 36px 0 60px;
       font-size: 0.9em;
}

/* workspace listing box */

#ees_wrkspBox {
       margin: 14px 0;
       color: #000;
       background: #113262 url(../Images/wrksp-rel-mid.gif) 0 0 repeat-y;
}

#ees_wrkspBoxInner1 {
       background: transparent url(../Images/wrksp-rel-top.png) 0 0 no-repeat;
}

#ees_wrkspBoxInner2 {
       position: relative;
       padding: 23px 0 5px 0;
       background: transparent url(../Images/wrksp-rel-bottom.gif) 0 100% no-repeat;
    overflow:hidden;
}

#ees_wrkspHeader {
       color: #9C9C9C;
       display: block;
       position: absolute;
       left: 0;
       top: 0;
       font-size: 0.7em;
       line-height: 26px;
       padding: 0 11px;
      text-transform: uppercase;
}

#ees_wrkspBox ul {
      list-style: none;
      margin: 0;
      padding: 0 1px;
      max-height: 310px;
      overflow: auto;
      font-size: 0.9em;
}

#ees_wrkspBox li {
      overflow: hidden;
      border-top: 1px solid #D6D6D6;
      background: transparent url(../Images/wrkspIcon-default.png) 12px 12px no-repeat;
      min-height: 80px;
}

#ees_wrkspBox li:hover {
      background-color: #F5F5F5;
}

#ees_wrkspBox li.current, #ees_wrkspBox li.current:hover {
      background-color: #dce8fb;
}

#ees_wrkspBox ul li:first-child {
      border-top: none;
}

#ees_wrkspBox li a, #ees_wrkspBox li a:visited {
      display: block;
      padding: 0 21px 0 76px;
      margin: 13px 0;
      min-height: 54px;
      text-decoration: none;
      color: #000;
      background: transparent url(../Images/wrksp-rel-arrow.png) 98% 50% no-repeat;
}

#ees_wrkspBox li.current a {
      background-image: url(../Images/wrksp-rel-arrowCurrent.png);
}

#ees_wrkspBox li a .wrkspDesc {
      color: #878787;
}

#ees_wrkspBox li.current a .wrkspDesc, #ees_wrkspBox li.current a:hover .wrkspDesc {
      color: #526f98;
}

/* Category box styles */
#ees_addNewCategory {
    margin:5px 10px 0px 0px;
}

#ees_categoryList {
    margin-top: 15px;
}
#ees_categoryList h2 {
    margin: 15px 0px 0px 20px;
                padding:0px;
                line-height:normal;
                color:#000;
                font-size:16px;
                font-weight:bold;
}

#ees_categoryList .ees_categoryListTop {
    height: 72px;
    overflow: hidden;
    background: url(../Images/categoryBox-top.png) no-repeat;
}

#ees_categoryList .ees_categoryListBody {
                border-left:solid 1px #999;
                border-right:solid 1px #999;
                overflow:hidden;
}

#ees_categoryList .ees_categoryListBody > ul {
    max-height:310px;
                overflow:auto;
}

#ees_categoryList .ees_categoryListBottom {
    height: 10px;
    overflow: hidden;
    background: url(../Images/categoryBox-bottom.png) no-repeat;
}

#ees_categoryList ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#ees_categoryList li .assetIcon {
    height:100%;
    margin-right:5px;
    width:29px;
}
#ees_categoryList li .assetDeleteOption {
    height:16px;
    width:16px;
    background:url(../Images/delete_recover_dark.png) 0 0 no-repeat;
}
#ees_categoryList li a {
    display:block;
    color: #000000;
    cursor:default;
    text-decoration:none;
    line-height:26px;
    height:26px;
    white-space:nowrap;
}

#ees_categoryList li li a {
    background:url(../Images/tree-bg.png) 12px 0px no-repeat;
}

#ees_categoryList li li li a {
    background:url(../Images/tree-bg.png) 26px 0px no-repeat;
}

#ees_categoryList li li a.last {
    background:url(../Images/tree-end-bg.png) 12px 0px no-repeat;
}

#ees_categoryList li li li a.last {
    background:url(../Images/tree-end-bg.png) 26px 0px no-repeat;
}

#ees_categoryList li li.open > a:first-child {
    background:url(../Images/tree-end-bg.png) 12px 0px no-repeat;
}

#ees_categoryList li li li.open > a:first-child {
    background:url(../Images/tree-end-bg.png) 26px 0px no-repeat;
}

#ees_categoryList .ees_assetTreeList li a {
    padding-left: 15px;
}

/* Sub categories */
#ees_categoryList .ees_assetTreeList li li a {
    padding-left: 30px;
}

#ees_categoryList li.selected {
    background:#5487cb url(../Images/list_item_selected_bg.png) left top repeat-x;
}

#ees_categoryList li.selected li {
    background-image: none;
    background-color: #fff;
}

#ees_categoryList li.selected a {
    color: #fff;
}

#ees_categoryList li.selected li a {
    color: #000;
}

#ees_categoryList .dragActive .dropTarget {
    border: 1px dotted #666;
}

/* Needed to make the sortable elements being dragged appear above components */
#ees_workspace .ui-sortable-helper {
    position: absolute;
    z-index: 9000;
    margin-left: 20px;
}

#ees_imageGallery.thumbnailView .ui-sortable-helper {
    margin-left:30px;
}

#ees_moveCategoryTooltip #ees_tooltipMoveConfirm {
    margin:7px 0 0 28px;
}

#ees_moveCategoryTooltip #ees_tooltipMoveCancel {
    margin:7px 0 0 7px;
}


/* ---------------------------------------------------------------------------------------------
END: CORE WORKPACES STYLES
--------------------------------------------------------------------------------------------- */