/*=================================================================
 *  Navigator Stylesheet for Unix Platforms
 *  emxUINavigator.css
 *  Version 1.0
 *  Requires: emxUIDefault_Unix.css
 *
 *  This file contains the style definitions for the navigator page.
 *
 *  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: emxUINavigator_Unix.css,v 1.1 2003/10/31 19:07:24 jorajan Exp $
 *=================================================================
 */

/* import emxUIDefault.css */
@import url(emxUIDefault_Unix.css);

/*=================================================================
 *  Default Styles
 *=================================================================
 */
 
/* the body of the page */
body.navigator {
        background-color: white;
        background-image: url(../images/utilmatrix10NavigatorHeader.jpg);
        background-repeat: no-repeat;
        overflow: hidden;
}

/*=================================================================
 *  Navigator Page-Level Styles
 *=================================================================
 */

/* The expanded display of the header */
#divGrown {
        display: none;        
        height: 63px;
        overflow: hidden;
        z-index: 0;
}                                  

/* The image displayed in the expanded view */                   
#divGrownLogo {
        float:right;
}          

/* The image displayed in the shrunk view */                  
#divShrunkLogo {
        float:right;
        padding-right: 23px;
        margin-top: 1px;
        margin-bottom: 1px;
}                                 


/* Container for the toolbar buttons */
#divToolbarButtons {
        position: absolute;
        z-index: 2;
}                       
           
/* The shrunk display of the header - make sure to set the correct height for Mozilla */          
#divShrunk {
       height: 32px;
}                                  
        
/* The text displayed in place of the logo in the shrunk display */                   
#divShrunkText {
        color: #000099; 
        float:right;
	font-weight: bold; 
        margin-top: 6px;
        margin-right: 13px;
}                                 

/* The grow/shrink button */           
#imgButton {
        cursor: pointer;
        cursor: hand;
        position: absolute;
        left: 9px;
        top: 5px;
        z-index: 1;
}           

/* where the toolbar will be placed */
#elmToolbar {
        height: 25px;
}

/* where the username will be placed */
#elmUsername {
        color: white;
        padding-right: 23px;
        text-align: right;
}
                                  
/* the iframe content window */
#content {
        width: 100%;
}

/* the formatting for the toolbar row that goes across the width of the screen */
.toolbar-row {
        background-color: #336699;
        border-bottom: 1px solid #003471;
        border-top: 1px solid #0A4D68;
}

/*=================================================================
 *  Toolbar Base Styles
 *=================================================================
 */

/* Container for the toolbar */
div.toolbar {
}

/* inner style for toolbar container */
.toolbar-container {
        border-top: 1px solid #5A9CC6;
        height: 24px;
        padding: 0px 2px 0px 2px;
}

/*=================================================================
 *  Toolbar Button Styles
 *=================================================================
 */

/* borders are all the same */
.icon-button, .text-button,
.icon-and-text-button {
        border-bottom: 1px solid #336699;
        border-left: 1px solid #336699;
        border-right: 1px solid #336699;
        border-top: 1px solid #336699;
        cursor: pointer;
        cursor: hand;
        padding: 2px;
        color: white;       
} 


/* menu arrow for combo buttons */
td.menu-arrow {
        background-image: url(../images/utilNavMenuArrow.gif);
        background-repeat: no-repeat;
        background-position: center center;
        border: 1px solid #336699;
        cursor: pointer;
        cursor: hand;        
        width: 13px;
}

td.combo-button {
        padding-right: 3px;
}

/* location of icon for the icon only button */
.icon-button {      
        padding: 2px 3px 2px 3px;  
}

/* location of icon for icon and text button */
.icon-and-text-button {
        background-position: 7px 3px;
        padding-left: 25px;
        padding-right: 5px;
}

/* the down arrow when a button has a menu */
.icon-button span.down-arrow , .text-button span.down-arrow ,
.icon-and-text-button span.down-arrow {
        background-image: url(../images/utilNavMenuArrow.gif);
        background-repeat: no-repeat;
        background-position: right center;
        padding-right: 11px;
}

/* style for text button */
.text-button {
        padding-left: 10px;
        padding-right: 10px;
}

/* highlight for hover */
.button-hover, td.button-hover {
        border-bottom: 1px solid black;
        border-left: 1px solid #5A9CC6;
        border-right: 1px solid black;
        border-top: 1px solid #5A9CC6;
}

/* highlight for active (down) state */
.button-active,
.menu-button-active,
td.button-active {
        border-bottom: 1px solid #5A9CC6;
        border-left: 1px solid black;
        border-right: 1px solid #5A9CC6;
        border-top: 1px solid black;
}

/* disabled style */
.button-disabled {
        color: #9a9a9a;
        cursor: default;
}

.button-drag-hover {
        background-color: #7da7d9;
		
}

/*=================================================================
 *  Toolbar Separator Styles
 *=================================================================
 */

.separator {
        -moz-box-sizing: border-box;
        background-color: red;
        border-left: 1px solid black;
        border-right: 1px solid #66CCFF;
        height: 20px;
        margin-left: 5px;
        margin-right: 5px;
        overflow: hidden;
        width: 2px;
}