/*=================================================================
 *  Channel Actionbar Stylesheet for Windows/Mac Platforms
 *  emxUIChannelActionbar.css
 *  Version 1.0
 *  Requires: emxUIDefault.css
 *  Last Updated: 16-May-03, Nicholas C. Zakas (NCZ)
 *
 *  This file contains the style definitions for the actionbar
 *  when used in a portal channel.
 *
 *  Copyright (c) 1992-2003 MatrixOne, Inc. All Rights Reserved.
 *  This program contains proprietary and trade secret information 
 *  of MatrixOne,Inc. Copyright notice is precautionary only
 *  and does not evidence any actual or intended publication of such program
 * 
 *  static const char RCSID[] = $Id: emxUIChannelActionbar.css,v 1.1 2003/08/07 20:59:25 kchitirala Exp $
 *=================================================================
 */

/*=================================================================
 *  Actionbar Base Styles
 *=================================================================
 */


/* Container for the actionbar */
div.actionbar-outer {
        margin: 0px;
        z-index: 5px;
        
}

/* An actionbar button */
td.action {
        border-left: 1px solid #ffffff;
        border-right: 1px solid #666666;
        border-top: 1px solid #ffffff;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 4px 20px 5px 4px;

}

/* Hover for An actionbar button */
td.action-hover {
        background-color: #8e8e8e;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #666666;
        border-top: 1px solid #ffffff;
        color: #ffffff;
        cursor: pointer;
        cursor: hand;
        padding: 4px 20px 5px 4px;

}


/* An actionbar button with an icon */
td.iconaction {
        background-position: 2px 3px;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #666666;
        border-top: 1px solid #ffffff;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 4px 20px 5px 21px;

}

/* Hover for An actionbar button with an icon */
td.iconaction-hover {
        background-position: 2px center;
        background-color: #8e8e8e;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #666666;
        border-top: 1px solid #ffffff;
        color: #ffffff;
        cursor: pointer;
        cursor: hand;
        padding: 4px 20px 5px 21px;

}

/* Button that pops up the actionbar menu */
td.action-menu-button {
        background-image: url(../images/utilActionbarArrow.gif);
        background-position: top right;
        background-repeat: no-repeat;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #666666;
        border-top: 1px solid #ffffff;
        cursor: pointer;
        cursor: hand;
        padding-left: 5px;        
        width: 13px;
}

/* Hover condition Button that pops up the actionbar menu */
td.action-menu-button-hover {
        background-color: #8e8e8e;
        background-image: url(../images/utilActionbarArrowHover.gif);
        background-position: top right;
        background-repeat: no-repeat;
        border-left: 1px solid #ffffff;
        border-right: 1px solid #666666;
        border-top: 1px solid #ffffff;
        cursor: pointer;
        cursor: hand;
        padding-left: 5px;        
        width: 13px;
}

/*=================================================================
 *  Actionbar Menu Styles
 *=================================================================
 */


/* Menu body */
div.actionbar, body.actionbar {
        background-color: #DDDECB;
        border: 1px solid #666666;
        position: absolute; 
        width: 200px; 
        z-index: 100;
}


/* Menu Separator Line Appearance */
div.actionbar div.menu-separator,
body.actionbar div.menu-separator { 
        border-bottom: 1px solid white; 
        border-top: 1px solid #928B8B; 
        overflow:hidden;
}

/* Text display for menu item */
div.actionbar td.menu-label,
body.actionbar td.menu-label {
        background-position: 2px center;
        border-bottom: 1px solid #666666; 
        border-top: 1px solid white; 
        cursor: pointer;
        cursor: hand;
        padding: 4px 4px 5px 20px;
}

/* Background color for selected menu item */
div.actionbar tr.menu-item-selected,
body.actionbar tr.menu-item-selected { 
        background-color: #8e8e8e; 
}

/* Text display for selected menu item */
div.actionbar tr.menu-item-selected td.menu-label,
body.actionbar tr.menu-item-selected td.menu-label { 
        background-position: 2px center;
        border-bottom: 1px solid #666666; 
        border-top: 1px solid white; 
        color: #ffffff;
        cursor: pointer;
        cursor: hand;
        padding: 4px 4px 5px 20px;
}

/* Scroll Up Button on the menu */
div.actionbar div.upbutton,
body.actionbar div.upbutton {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowUp.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}

/* Up Button (for mouse over) */
div.actionbar div.upbutton-hover,
body.actionbar div.upbutton-hover {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowUp.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}

/* Down Button */
div.actionbar div.downbutton,
body.actionbar div.downbutton {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowDown.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}

/* Down Button (for mouse over) */
div.actionbar div.downbutton-hover,
body.actionbar div.downbutton-hover {
        background-position: center middle;
        background-color: #C9C9C9;
        background-image: url(../images/utilActionScrollArrowDown.gif);
        background-repeat: no-repeat;
        border-bottom: 1px solid #B4B4B0;
        border-left: 1px solid #eeeeee;
        border-right: 1px solid #B4B4B0;
        border-top: 1px solid #eeeeee;
        height: 14px;
        width: 100%;
}


.action-next {
        border-left: 1px solid #ffffff;
        border-bottom: 1px solid #666666;
        border-right: 1px solid #666666;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 7px 0px 0px 1px;;        
        width: 16px;
}

.action-prev {
        border-left: 1px solid #666666;
        border-bottom: 1px solid #666666;
        border-right: 1px solid #666666;
        cursor: pointer;
        cursor: hand;
        height: 25px;
        padding: 7px 0px 0px 1px;;
        width: 16px;
}