/*
-- revision = '19.0.19025.A1' 
--
--        File: outlook.css
--        Name: Outlook theme control file
--
-- Portability: Portable.
-- Server and Client copies: N0
--
--    Purpose:
--        This file is used to control behaviour of the appropriate theme.
--        
--
--    Modification History
--
--
--    Rev         Date        Author         PAR#    Details                                     
--  ------------- ---------   ------------   ----    -------------------------------------------------
--  19.0.19025.A1 24/9/19     Grant	        19025A1  New WSS
--	11.0	      21-May-07   M.Chan	    3715     Added Revision # to make the change control process happy. 
--
*/
/*===== CSS theme file for CalendarXP 9.0 (Totally configurable) =====*/
/* NOTE: Better use numbered color values instead of literal ones, because opera has problem with the latter in certain cases. */

/*19025A1*/
.CalMiddle td { min-width: 25px }

td, tr 
{ height: 32px }
/*/19025A1*/

/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; border-bottom:1px solid #808080;}
/* Day of Week - the Anchor inside CalHead showing the day of week */
.DoWAnchor {text-decoration:none; font:16px Arial; /*19025A1 8.5pt verdana;*/ color:black;}
/* Day Column Cell - the TD cell of each day */
.CalCol {}
/* Day Cell - the DIV cell inside TD */
.CalCell {cursor:pointer; text-align:center;}
/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {text-decoration:none; font:16px Arial; /*19025A1 8pt verdana;*/}

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; text-align:center; font:16px Arial; /*19025A1 8.5pt verdana; */color:black;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center;}
/* WeekNo Anchor style */
.WeekAnchor {text-decoration:none; font:16px Arial; /*19025A1 8pt verdana;*/}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {cursor:pointer; vertical-align:baseline;}
A.MonthNav:hover {color:yellow}
A.MonthNav:active {color:red}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center; /* 19025A1 background-color:#D4D0C8; border:1px solid gray; */ padding:2px 5px 1px 5px;}
.CalMiddle {padding:2px 10px 2px 10px;}
.CalBottom {text-align:center; padding:0px 10px 1px 10px;}

/* Calendar title - showing year and month. when giDCStyle=0, it's the style of the year/month dropdowns; giDCStyle>0, it's the style to show gsCalTitle.  */
.CalTitle {text-align:center; font:16px Arial; /*19025A1 8pt verdana; */cursor:default; color:black;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {border:1px solid #808080;

/* 19025A1 */
width: unset;
white-space: nowrap;
/* /19025A1 */
}

/* 19025A1 */
.FreeDiv td 
,.FreeDiv tr
{
width: unset;
height:unset;
}

.PopAnchor:link 
,.BottomAnchor:link
{ color: #0000EE;}
/* /19025A1 */

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable {border:2px ridge #f5f5f5;}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {}
/*===== Above CSS styles are commonly used in the script engine =====*/

/*====== Following are additional per-theme styles, e.g. the inner dropdown selectors and today etc. You may have your own defined. ======*/
.BottomAnchor {text-decoration:none; font:16px Arial; /*19025A1 9pt arial; */ color:black;}
A.BottomAnchor:hover {color:#0000EE;} /* change to #0000EE */
A.BottomAnchor:active {color:red;}
.BottomDiv {border-top:1px solid #696969; padding:2px 0px 1px 0px; border-top-width:1px;}

.PopAnchor {text-decoration:none; color:black;}
A.PopAnchor:hover {color:#0000EE;} /* change to #0000EE */
A.PopAnchor:active {color:red;}
.PopMenu {background:white; text-align:center; cursor:pointer;}
.PopMenuItem {text-decoration:none; text-align:center; font:16px Arial; /*19025A1 8pt arial; */ color:black;}