/*===== 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. */

/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {cursor:default; text-align:center; background-color : #dddddd; border : 1px solid #333333; }
/* Day of Week - the Anchor inside CalHead showing the day of week */
.DoWAnchor {text-decoration:none; font-weight:bold; font-size:90%; color:#333333;}
/* Day Column Cell - the TD cell of each day */
.CalCol { border-left :1px solid #333333;border-bottom :1px solid #333333;}
/* Day Cell - the DIV cell inside TD */
.CalCell {cursor:pointer; text-align:right; background:#ffffff no-repeat; display:table; font-size:80%;}
/* Day Number - the Anchor inside DIV showing the day number	*/
.CellAnchor {text-decoration:none; font-weight:bold; font-size:85%; color : #333333; display:table-cell; }

/* WeekNo Header - the top header cell of the week number column */
.WeekHead {cursor:default; font-weight:bold; font-size:80%; color:#333333; background-color : #dddddd; text-align:center; border:1px solid #ffffff;}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {cursor:default; text-align:center;}
/* WeekNo Anchor style */
.WeekAnchor {text-decoration:none; font-weight:bold; font-size : 80%; color:#333333; background-color : #dddddd; display : block;height :1.5em;}

/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {text-decoration:none !important;vertical-align:middle; font-weight:bold; font-size:80%; color:#333333;}
A.MonthNav:hover {color:#0000cc}
A.MonthNav:active {color:#ff0000}

/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {text-align:center; border:2px solid #f00;}
.CalMiddle {}
.CalBottom {text-align:center;}

/* 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 {vertical-align:middle; font-size:18pt; cursor:default; color:red;}

/* The style of internal floating div/layer tags, which are usually used to create the artificial dropdown selectors. */
.FreeDiv {}

/* The style of the outer TABLE tag which is the outer calendar panel. */
#outerTable { border-collapse : collapse;}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
#innerDiv {border-right : 1px solid #333333;}
/*===== 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-weight:bold; font-size : 10pt; color:#333333; vertical-align:top;}
A.BottomAnchor:hover {color:blue;}
A.BottomAnchor:active {color:red;}

.MsgBoardShared {font-size:90%; /*font-family:"MS UI Gothic";*/ cursor:default; color:#333333; background-color:#ffffff; border:1px solid #C7A165; border-left:8px solid #C38CFA; margin:1px; padding:2px; width : auto !important; word-break:break-all;}
.MsgBoardPersonal {font-size:90%; /*font-family:"MS UI Gothic";*/ cursor:pointer; color:black; background-color:#ffffff; border:1px solid #C7A165; border-left:8px solid #6BEA85; margin:1px; padding:2px; width : auto !important; word-break:break-all;}

.dayevent-icon {display:none;}
