/* These are 'strucutral' styles for the UI component. Generally you should not change these. */

.envy-cascade-node-container {
    width: 100%;
}

.envy-cascade-node {
    float: left;
}

.envy-cascade-node-display-wrapper {
    float: left;
    width: 100%;
}

.envy-cascade-node-expand {
    float: right;
}

.envy-cascade-node-toolbar {
    float: right;
}

.envy-cascade-node-contents {
    overflow: auto;
}

.envy-cascade-entry {
    width: inherit;
    max-width: inherit;
    white-space: nowrap;
}

.envy-cascade-node-title {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

/* These are styles for making the organization cascade look pretty. These are generally the styles to be modified. */

#organization-cascade .envy-cascade-node {
    border-top: 2px solid #bebebf;    
    border-right: 2px solid #bebebf;
    border-bottom: 2px solid #bebebf;    
    padding: 12px;
    background-color: white;
}

#organization-cascade .envy-cascade-node.odd {
    background-color: #e2e2e2;
}

#organization-cascade .envy-cascade-node-expand {
    width: 9px;
    height: 11px;
    background: url(../images/arrow_left.png) no-repeat top left;
    cursor: pointer;
    margin-top: 8px;
}

#organization-cascade .envy-cascade-node-expand.collapsed {
    background: url(../images/arrow_right.png) no-repeat top left;
}

#organization-cascade .envy-cascade-node.active {
    background-color: #b7dfb5;
}

#organization-cascade .envy-cascade-node-header {
    height: 30px;
    border-bottom: 2px solid #a3a3a3;
    margin-bottom: 8px;
}

#organization-cascade .envy-cascade-node-title {
    font-size: 12px;
    font-weight: bold;
    color: #333;
    padding-top: 10px;
}

#organization-cascade .envy-cascade-entries {
    list-style: none;
}

#organization-cascade .envy-cascade-entry {
    color: #333;
    text-decoration: none;
    padding: 0px 5px 5px 22px;
    line-height: 21px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.envy-cascade-entry.FOLDER {
    background: url(../images/category-icon.png) no-repeat;    
}

.envy-cascade-entry.APPLIANCE {
    background: -8px -54px url(../images/icons.png) no-repeat;
}

#organization-cascade .envy-cascade-entry:hover {
    background-color: #bfbfbf;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

#organization-cascade .envy-cascade-entry.selected {
    color: white;
    background-color: #656565;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

body li.ui-draggable-dragging {
    list-style: none;	
}

body li.ui-draggable-dragging .envy-cascade-entry,
body a.ui-draggable-dragging.envy-cascade-clipboard-entry {
    color: #333;	
    background-color: #bfbfbf;
    border-radius: 2px;
    text-decoration: none;
    padding: 5px 5px 5px 22px;
    line-height: 10px;
    display: block;
    width: 200px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;	
}

#organization-cascade .envy-cascade-node-toolbar {
    margin-right: 10px;
}

#organization-cascade .envy-cascade-node-toolbar button {
    display: inline;
}

#organization-cascade .envy-cascade-node-toolbar div {
    margin-left: auto;
    margin-right: auto;
}

#organization-cascade .envy-cascade-node-footer {
    padding: 6px;
}

#organization-cascade .envy-cascade-node-footer button {
    display: inline;
    width: 11em;
}

#organization-cascade .envy-cascade-node-footer div {
    margin-left: auto;
    margin-right: auto;
}

#organization-clipboard {
    color: #7692A4;
    font-weight: bold;	
	float: left;
	width: 200px;
	max-width: 200px;
	height: 56px;
	padding-left: 46px;
	margin-right: 8px;
	line-height: 54px;
    border: 2px dashed #D2DEE7;
    background: #F6FAFD url(../images/drag_to_add_camera.gif) no-repeat 10px 18px;
    white-space: no-wrap;
    overflow: hidden;
    text-overflow: ellipsis;    
}

#organization-clipboard.full {
    font-weight: normal;	
	background: none;
}

#organization-clipboard.active {
    background-color: #b7dfb5;
}

#organization-clipboard .envy-cascade-clipboard-entry {
    color: #333;
    text-decoration: none;
    padding: 1px 5px 5px 22px;
}