/* CALENDAR */
/* Calendar Day Header - the cells showing "Sunday", "Monday" .... */
.CalHead {
    cursor:default;
    text-align:center;
    background-color: #acb8c6;
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 11px;
}
/* Day of Week - the Anchor inside CalHead showing the day of week */
.DoWAnchor {
    text-decoration:none;
    font:bold;
    background: none !important;
}
/* Day Column Cell - the TD cell of each day */
.CalCol {
    color: #000000;
}
/* Day Cell - the DIV cell inside TD */
.CalCell {
    text-align:center;
    font-family: arial, sans-serif;
    font-size: 11px;
}
/* Day Number - the Anchor inside DIV showing the day number  */
.CellAnchor {
    background: none !important;
}
/* WeekNo Header - the top header cell of the week number column */
.WeekHead {
    cursor:default;
    text-align:center;
}
/* WeekNo Column Cell - the cells of the week number column */
.WeekCol {
    cursor:default;
    text-align:center;
}
/* WeekNo Anchor style */
.WeekAnchor {
    text-decoration:none;
    background: none !important;
}
/* Month navigators - the "<" or ">" used to move to previous or next month */
.MonthNav {
    vertical-align:middle;
    height:22px;
    width:18px;
}
/* styles for the 3 calendar sections (actually 3 table TDs) */
.CalTop {
    text-align:center;
}
.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;
    width: 60px;
}
/* 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:1px solid #c5d3da;
    background-color: #f0f3f5;
    color:#000000;
}
/* The style of the inner DIV tag that holds the inner panel of all calendar cells. */
.innerDiv {
    border:1px solid #c5d3da;
}
/*===== 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 !important;
    background: none !important;
    font-size: 12px;
}
/* the background color of the outer calendar panel.*/
.gcCalBG {
}
/* the background color of the inner table, showing as a frame.*/
.gcCalFrame {
}
/* default background color of the cells. Use "" for transparent!!!*/
.gcCellBG {
    background-color: #e0e8ec;
}
/* Saturday background color*/
.gcSatBG {
    background-color: #c5d3da;
}
/* Sunday background color*/
.gcSunBG {
    background-color: #c5d3da;
}
/* the font color of days in other months; It's of no use when giShowOther is set to hide.*/
.gcOtherDay {
}
/* the background color of days in other months. when giShowOther set to hiding, it'll substitute the gcOtherDay.*/
.gcOtherDayBG {
    background-color: #f0f3f5;
}
/* the highlight color for the focused cell*/
.gcToggle {
    background-color: #acb8c6;
}
/* the font color for today*/
.gcFGToday {
}
/* the background color for today*/
.gcBGToday {
    background-color: #e0e8ec;
}
/* the font color for the selected date*/
.gcFGSelected {
}
/* the background color for the selected date*/
.gcBGSelected {
    background-color: #acb8c6;
}
/* Workday font color*/
.gcWorkday {
}
/* Saturday font color*/
.gcSat {
}
/* Sunday font color*/
.gcSun {
}
.bodyCalendar {
    margin-top: 0;
    font-weight: normal;
    font-size: 12px;
    margin-left: 0;
    color: #000000;
    font-family: arial, sans-serif;
}

.bodyCalendar input, .bodyCalendar select{
    font-family: arial, sans-serif !important;
    font-size: 12px !important;
}

a{
	color: #000000;
}