source: Dev/branches/rest-dojo-ui/client/dojox/layout/resources/ExpandoPane.css @ 275

        /* dojox.layout.ExpandoPane */

        .dojoxExpandoPane {
                overflow:hidden;
                z-index:440 !important;
        }
        
        .dojoxExpandoPane .dojoxExpandoWrapper {
                overflow:hidden;
        }

        .dojoxExpandoClosed .dojoxExpandoTitleNode {
                display:none;
        }

        /* hide all layout children scrollbars when closed */
        .dojoxExpandoClosed .dojoxExpandoWrapper * {
                overflow:hidden !important;
        }

        .dojoxExpandoTitleNode {
                padding-right:6px; 
                padding-left:6px;
        }

        .dojoxExpandoIcon .a11yNode {
                display:none;
                visibility:hidden;
        }

        .dojoxExpandoBottom .dojoxExpandoIcon,
        .dojoxExpandoTop .dojoxExpandoIcon,
        .dojoxExpandoLeft .dojoxExpandoIcon {
                float:right;
                margin-right:2px;
        }

        .dojoxExpandoRight .dojoxExpandoIcon {
                float:left;
                margin-left:2px;
        }

        .dojoxExpandoIcon {
                width:14px;
                cursor:pointer;
                background-position:-60px 0px;
                background-repeat: no-repeat;
                height:14px;
        }

        .dojoxExpandoClosed .dojoxExpandoIcon {
                background-position: 0px 0px;
                margin:0 auto;
        }
        
        .dijitBorderContainer-dijitExpandoPane {
                border: none !important; 
        }

        /* soria definitions */

        .soria .dojoxExpandoTitle {
                height:16px;
                font-size:0.9em;
                font-weight:bold;
                padding:3px;
                padding-top:6px;
                padding-bottom:5px;
                background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px;
                border-left: 1px solid #B1BADF;
                border-right: 1px solid #B1BADF;
        }
        
        .soria .dojoxExpandoClosed .dojoxExpandoTitle {
                background: none;
                background-color: #F0F4FC;
                border: none;
        }
        
        .soria .dojoxExpandoClosed {
                background: none;
                background-color: #F0F4FC;
                border: 1px solid #B1BADF !important;
        }
        
        .soria .dojoxExpandoIcon {
                background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png');
        }
        
        .dj_ie6 .soria .dojoxExpandoIcon {
                background-image: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.gif');
        }
                
        /* tundra styles */
        .tundra .dojoxExpandoTitle {
                font-weight: bold;
                padding: 5px;
                padding-top: 6px;
                padding-bottom: 6px;
                background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top;
                border-top: 1px solid #ccc;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
        }
                
        .tundra .dojoxExpandoClosed .dojoxExpandoTitle {
                background: none;
                background-color: #fafafa;
                border: none;
                padding:3px;
        }
        
        .tundra .dojoxExpandoClosed {
                background: none;
                background-color: #fafafa;
                border: 1px solid #ccc !important;
        }

        .tundra .dojoxExpandoRight .dojoxExpandoTitle,
        .tundra .dojoxExpandoLeft .dojoxExpandoTitle,
        .tundra .dojoxExpandoClosed .dojoxExpandoTitle,
        .tundra .dojoxExpandoClosed {
                background-color: #fafafa;
        }
        
        .tundra .dojoxExpandoIcon {
                background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif');
        }
        
        .tundra .dojoxExpandoClosed .dojoxExpandoIconLeft,
        .tundra .dojoxExpandoClosed .dojoxExpandoIconRight,
        .tundra .dojoxExpandoClosed .dojoxExpandoIconTop,
        .tundra .dojoxExpandoClosed .dojoxExpandoIconBottom {
                margin-top: 3px;
        }
        
        /* claro styles */
        .claro .dojoxExpandoTitle {
                font-weight: bold;
                border:1px solid #769DC0;
                border-bottom:none;
        background-color:#cde8ff;
                background-image: url("../../../dijit/themes/claro/layout/images/accordion.png");
        background-position:0px 0px;
        background-repeat:repeat-x;
                padding: 5px 7px 2px 7px;
        min-height:17px;
        color:#4a4a4a;
        }
                
        .claro .dojoxExpandoClosed .dojoxExpandoTitle {
                background: none;
                background-color: #E6E6E7;
                border: none;
                padding:3px;
        }
        
        .claro .dojoxExpandoClosed {
                background: none;
                background-color: #E6E6E7;
                border: 1px solid #769DC0 !important;
        }

        .claro .dojoxExpandoRight .dojoxExpandoTitle,
        .claro .dojoxExpandoLeft .dojoxExpandoTitle,
        .claro .dojoxExpandoClosed .dojoxExpandoTitle{
                background-color: #E6E6E7;
        }
        .claro .dojoxExpandoClosed .dojoxExpandoTitle{
                background-image: url("../../../dijit/themes/claro/layout/images/accordion.png");
                background-position:0 0;
        }
        
        /* FIXME: use tundra spriteRoundedIconsSmall for now,
        because there is no compatible image files in claro (15x15
        icon, and icons are arranged in the same order as in 
        spriteRoundedIconsSmall.gif */
        .claro .dojoxExpandoIcon {
                background-image: url('../../../dijit/themes/tundra/images/spriteRoundedIconsSmall.gif');
        }
        
        .claro .dojoxExpandoClosed .dojoxExpandoIconLeft,
        .claro .dojoxExpandoClosed .dojoxExpandoIconRight,
        .claro .dojoxExpandoClosed .dojoxExpandoIconTop,
        .claro .dojoxExpandoClosed .dojoxExpandoIconBottom {
                margin-top: 3px;
        }
        
        /* nihilo theme styles */
        .nihilo .dojoxExpandoPane {
                background: #fafafa;
        }
        
        .nihilo .dojoxExpandoTitle {
                height:16px;
                font-size:0.9em;
                font-weight:bold;
                padding:3px;
                padding-top:6px;
                padding-bottom:5px;
                background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
        }
        
        .nihilo .dojoxExpandoClosed .dojoxExpandoTitle {
                background: none;
                background-color: #fafafa;
                border: none;
        }
        
        .nihilo .dojoxExpandoClosed {
                background: none;
                background-color: #fafafa;
                border: 1px solid #ccc !important;
        }
        
        .nihilo .dojoxExpandoIcon {
                background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png');
        }
        
        .dj_ie6 .nihilo .dojoxExpandoIcon {
                background-image: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.gif');
        }
                
        .nihilo .dojoxExpandoTop {
                border-bottom:1px solid #ccc;
                border-left:1px solid #ccc;
                border-right:1px solid #ccc; 
        }
        
        /* open/closed states */
        
        .dojoxExpandoClosed .dojoxExpandoIcon {
                margin-right:4px;
        }
        .dojoxExpandoIconLeft {
          background-position: 0 0;
        }
        .dojoxExpandoClosed .dojoxExpandoIconLeft {
          background-position: -30px 0;
                margin-right: 4px;
        }
        .dojoxExpandoIconRight {
          background-position: -30px 0;
        }
        .dojoxExpandoClosed .dojoxExpandoIconRight {
          background-position: 0 0;
                margin-left: 4px;
        }
        .dojoxExpandoIconBottom {
          background-position: -15px 0;
        }
        .dojoxExpandoClosed .dojoxExpandoIconBottom {
          background-position: -45px 0;
                margin-top:1px;
        }
        .dojoxExpandoIconTop {
          background-position: -45px 0;
        }
        .dojoxExpandoClosed .dojoxExpandoIconTop {
          background-position: -15px 0;
        }