/*!================================================================
 *  Calendar Style Sheet for Unix Platforms
 *  emxUICalendar_Unix.css
 *  Requires: (nothing)
 *
 *  This file contains styles for the JavaScript Calendar Utility.
 *
 *  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: emxUICalendar_Unix.css,v 1.3 2004/03/22 19:51:43 jorajan Exp $
 *=================================================================
 */

/*=================================================================
 * Default Settings
 *=================================================================
 */

.calendar-container {
        -moz-user-select: none;
        background-color: #000033;
        margin: 0px;
        padding: 0px;
        border: none;
}

/*=================================================================
 * Calendar Settings
 *=================================================================
 */

/* Month Table Cell */
#tdMonth {
        background-color: #dadada;
        background-image: url(../images/utilCalendarArrowDown.gif);
        background-repeat: no-repeat;
        background-position: right center;
        border-left: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #737373;
        border-bottom: 1px solid #737373;
        cursor: pointer;
        cursor: hand;
        font-weight: bold;
        padding: 5px 5px 5px 12px;
        text-align: left;   
} 
 
/* Year Table Cell */
#tdYear {
        background-color: #dadada;
        background-image: url(../images/utilCalendarArrowDown.gif);
        background-repeat: no-repeat;
        background-position: right center;
        border-left: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #737373;
        border-bottom: 1px solid #737373;
        cursor: pointer;
        cursor: hand;
        font-weight: bold;
        padding: 5px 5px 5px 12px;
        text-align: left;
} 
 
/* Today Table Cell */
#tdToday {
        cursor: pointer;
        cursor: hand;
        border-left: 1px solid #FFFFFF;
        border-top: 1px solid #FFFFFF;
        border-right: 1px solid #737373;
        border-bottom: 1px solid #737373;
    
} 

/* Calendar Header Background Appearance */
table.calendarHead { 
    
}

/* Calendar Header Font Appearance */
td.calendarHead { 
        background-color: #c7d0db; 
        cursor: default;
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
        font-size: 12px; 
        font-weight: bold; 
        text-align: center; 
}

th.day-name {
        background-color: #336699; 
        color: #ffffff; 
        cursor: default;
        font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        font-size: 13px; 
        font-weight: bold; 
        text-align: center;        
} 

/* Day Appearance */
td.day { 
        background-color: #ffffff; 
        cursor: pointer;
        cursor: hand;
        text-align: center;
}

/* Empty Cell Appearance */
td.empty { 
        background-color: #eeeeee; 
        cursor: pointer;
        cursor: hand;
        text-align: center;
                
}

/* Selected Day Appearance */
td.selected { 
        color: #000000;
        background-color: #ffcc66;
        font-weight: bold; 
        cursor: pointer;
        cursor: hand;
                
}

td.hover {
        background-color: blue;
}

/* Today Appearance */
td.today { 
        background-color: #ffffff; 
        cursor: pointer;
        cursor: hand;
        text-align: center; 
        border: 1px solid #9e005d;
                
}

/* Calendar Body Appearance */
td.calendarBody { 
        background-color: #dddddd; 
}

/* Left and right arrows */
td.calendarArrow {
        cursor: pointer;
        cursor: hand;
   
}

#tdToday {
        cursor: pointer;
        cursor: hand;
        padding: 2px;        
}

/*=================================================================
 *  Calendar Month/Year Menu Settings
 *=================================================================
 */
 

div.monthmenu, body.monthmenu,
div.yearmenu, body.yearmenu {
        background-color: #eeeeee; 
        border: 1px solid black; 
        position: absolute; 
        width: 150px; 
}


/* Menu Separator Line Appearance */
.monthmenu div.menu-separator,
.yearmenu div.menu-separator { 
        border-bottom: 1px solid white; 
        border-top: 1px solid #848484; 
        overflow:hidden;
}


.monthmenu td.menu-label,
.yearmenu td.menu-label {
        color: black;
        cursor: pointer;
        cursor: hand;
        font-weight: bold;
        padding: 5px 5px 5px 12px;
}

.monthmenu tr.menu-item-selected,
.yearmenu tr.menu-item-selected { 
        background-color: #8e8e8e; 
}

.monthmenu tr.menu-item-selected td.menu-label,
.yearmenu tr.menu-item-selected td.menu-label { 
        color: white;
        cursor: pointer;
        cursor: hand;
        padding: 5px 5px 5px 12px;
}

/* Up Button */
.monthmenu div.upbutton,
.yearmenu div.upbutton {
        background-position: center center;
        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;
        cursor: pointer;
        cursor: hand;
        height: 14px;
        width: 100%;
}

/* Up Button (for mouse over) */
.monthmenu div.upbutton-hover,
.yearmenu div.upbutton-hover {
        background-position: center center;
        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;
        cursor: pointer;
        cursor: hand;
        height: 14px;
        width: 100%;
}

/* Down Button */
.monthmenu div.downbutton,
.yearmenu div.downbutton {
        background-position: center center;
        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;
        cursor: pointer;
        cursor: hand;
        height: 14px;
        width: 100%;
}

/* Down Button (for mouse over) */
.monthmenu div.downbutton-hover,
.yearmenu div.downbutton-hover {
        background-position: center center;
        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;
        cursor: pointer;
        cursor: hand;
        height: 14px;
        width: 100%;
}