@CHARSET "UTF-8";
#floatingpanel .hd {
    overflow:hidden;
	white-space: nowrap;
}

#floatingpanel .bd {
    overflow:auto;
    background-color:#fff;
    padding:10px;
}

#floatingpanel .ft {
    height:15px;
    padding:0;
}

#floatingpanel .yui-resize-handle-br {
    right:0;
    bottom:0;
    height: 8px;
    width: 8px;
    position:absolute;
}

/*  
    The following CSS is added to prevent scrollbar bleedthrough on
    Gecko browsers (e.g. Firefox) on MacOS.
*/

/*
    PLEASE NOTE: It is necessary to toggle the "overflow" property 
    of the body element between "hidden" and "auto" in order to 
    prevent the scrollbars from remaining visible after the the 
    Resizable Panel is hidden.  For more information on this issue, 
    read the comments in the "container-core.css" file.
   
    We use the #reziablepanel_c id based specifier, so that the rule
    is specific enough to over-ride the .bd overflow rule above.
*/

#floatingpanel_c.hide-scrollbars .yui-resize .bd {
    overflow: hidden;
}

#floatingpanel_c.show-scrollbars .yui-resize .bd {
    overflow: auto;
}

/*
    PLEASE NOTE: It is necessary to set the "overflow" property of
    the underlay element to "visible" in order for the 
    scrollbars on the body of a Resizable Panel instance to be 
    visible.  By default the "overflow" property of the underlay 
    element is set to "auto" when a Panel is made visible on
    Gecko for Mac OS X to prevent scrollbars from poking through
    it on that browser + platform combintation.  For more 
    information on this issue, read the comments in the 
    "container-core.css" file.
*/

#floatingpanel_c.show-scrollbars .underlay {
    overflow: visible;
}
