moel@348: /* jQuery treeTable stylesheet
moel@348:  *
moel@348:  * This file contains styles that are used to display the tree table. Each tree
moel@348:  * table is assigned the +treeTable+ class.
moel@348:  * ========================================================================= */
moel@348: 
moel@348: /* jquery.treeTable.collapsible
moel@348:  * ------------------------------------------------------------------------- */
moel@348: .treeTable tr td .expander {
moel@348:   background-position: left center;
moel@348:   background-repeat: no-repeat;
moel@348:   cursor: pointer;
moel@348:   padding: 0;
moel@348:   zoom: 1; /* IE7 Hack */
moel@348: }
moel@348: 
moel@348: .treeTable tr.collapsed td .expander {
moel@348:   background-image: url(../images/toggle-expand-dark.png);
moel@348: }
moel@348: 
moel@348: .treeTable tr.expanded td .expander {
moel@348:   background-image: url(../images/toggle-collapse-dark.png);
moel@348: }
moel@348: 
moel@348: /* jquery.treeTable.sortable
moel@348:  * ------------------------------------------------------------------------- */
moel@348: .treeTable tr.selected, .treeTable tr.accept {
moel@348:   background-color: #3875d7;
moel@348:   color: #fff;
moel@348: }
moel@348: 
moel@348: .treeTable tr.collapsed.selected td .expander, .treeTable tr.collapsed.accept td .expander {
moel@348:   background-image: url(../images/toggle-expand-light.png);
moel@348: }
moel@348: 
moel@348: .treeTable tr.expanded.selected td .expander, .treeTable tr.expanded.accept td .expander {
moel@348:   background-image: url(../images/toggle-collapse-light.png);
moel@348: }
moel@348: 
moel@348: .treeTable .ui-draggable-dragging {
moel@348:   color: #000;
moel@348:   z-index: 1;
moel@348: }
moel@348: 
moel@348: /* Layout helper taken from jQuery UI. This way I don't have to require the
moel@348:  * full jQuery UI CSS to be loaded. */
moel@348: .ui-helper-hidden { display: none; }