.jCalContainer{
    background-color: #FFF;

    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    border-bottom: 14px solid #ebebeb;
    padding: 10px;

    -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,.4);
    -moz-box-shadow: 0 4px 4px 1px rgba(0,0,0,.4);
    box-shadow: 0 4px 4px 1px rgba(0,0,0,.4);

    font-size: 10px;
}

/* default dimensions and justification for each month including title */
.jCal {
    /* each day width + border-left + border-right */
/*  width:224px; */
    width:126px;
    height:21px;
    text-align:center;
    vertical-align:top;
}
/* default dimensions and justification for each month not including title */
.jCalMo {
    /* width:224px; */      /* each day width + border-left + border-right */
    width:126px;        /* each day width + border-left + border-right */
    float:left;
    overflow:visible;
    height:100%;
    padding-right:2px;
    padding-left:2px;
    white-space:nowrap;
}

.jCalMo:first-child{
    padding-right:6px;

    border-right: 1px solid #e4e4e4;
    margin-right: 6px;

}



/* top month display block - i.e. January */
.jCal .month, .jCal .monthSelect, .jCal .monthName, .jCal .monthYear {
    line-height:16px;
    height:16px;
    text-align:center;
    vertical-align:bottom;
    font-family:Tahoma;
    font-size:10px;
    color:#000000;
    cursor:pointer;
    float:left;

}
/* month name per calendar style - includes left/right padding and alignment */
.jCal .monthName {
    padding-left:2px;
    padding-right:2px;
    text-align:right;
/*  width:92px; */
    width: 68px;
    font-weight: bold;
}
/* year per calendar style - includes left/right padding and alignment */
.jCal .monthYear {
    float:right;
    padding-left:2px;
    padding-right:2px;
    text-align:left;
/*  width:92px; */
    width: 35px;
    font-weight: bold;
}
/* width of monthName + monthYear */
.jCal .month {
/*  width:192px; */
    width: 111px;
}
/* hilight style for new month combobox pulldown for hover */
.jCal .monthSelect {
/*  background:#EEE url(eeGrad2.gif) bottom repeat-x; */
}
/* do not edit - this enables the new month combobox selector */
.jCal .monthSelector {
    position:absolute;
}
/* do not edit - this enables the new month combobox selector "shadow" for capturing auto-hide */
.jCal .monthSelectorShadow {
    position:absolute;
    background:#808080;
    padding:0px;
}
/* this is the hover for the month name */
.jCal .monthNameHover {
/*  background:#EDEDED url(double-arrow-vert.gif) center left no-repeat; */
    color:#808080;
}
/* this is the hover for the year */
.jCal .monthYearHover {
/*  background:#EDEDED url(double-arrow-vert.gif) center right no-repeat; */
    color:#808080;
}
/* this is the hover for the new month or year hover in the new combobox selection */
.jCal .monthSelectHover {
    background:#069;
    color:#FFF;
}
/* day block dimensions and style - for all day blocks */
.jCalMo .dow, .jCalMo .day, .jCalMo .pday, .jCalMo .aday, .jCalMo .overDay, .jCalMo .invday, .jCalMo .selectedDay {
    width:18px;
/*  font-family:Tahoma; */
    font-size:10px;
    color:#000000;
    /*
border-right:1px solid #CCC;
    border-bottom:1px solid #CCC;
    border-left:1px solid #EEE;
*/
    text-align:center;
    cursor:default;
    float:left;
}
/* day of week header specific style */
.jCalMo .dow {
    height:18px;
    border-bottom:0px;
}
/* actual calendar day default style */
.jCalMo .day, .jCalMo .invday {
/*  height:18px; */
    text-align:center;
    padding: 2px 0;
}
/* selectable calendar day specific style */
.jCalMo .day {
    cursor:pointer;
    background:#FFF;
    color: #01357e;
}
/* blacked-out calendar day specific style */
.jCalMo .invday {
    color:#01357e;
    /* background:#eeeeee;
    text-decoration:line-through; */
}
/* previous and subsequent months calendar day specific style */
.jCalMo .pday, .jCalMo .aday {
/*  height:18px; */
/*  background:#e3e3e3; */
/*  color:#CCC; */
    color:#FFF;
    padding: 2px 0;
}
/* selected day */
.jCalMo .selectedDay {
    color:#FFF;
    /* must use rgb() syntax for jquery.color.js compliance */
/*  background:rgb(0, 143, 214); */
    background:rgb(186, 14, 2);
}
/* mouseover hilighted selectable day */
.jCalMo .overDay {
    color:#FFF;
    /* must use rgb() syntax for jquery.color.js compliance */
/*  background:rgb(0, 102, 153); */
    background:rgb(186, 186, 186);
}
/* left month navigation button - no need to change */
.jCal .left {
/*  background:url(_left.gif) center center no-repeat; */
    background:#424242;
    width:14px;
    height:15px;
    vertical-align:middle;
    cursor:pointer;
    float:left;
    line-height: 16px;
    padding: 0 1px 0 0;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.jCal .left:before{
    content: "\2039";
    color: #FFF;
    margin-top: -9px;
    position: relative;
    top: -1px;
    font-size: 12px;
}

/* right month navigation button - no need to change */
.jCal .right {
/*  background:url(_right.gif) center center no-repeat; */
    background:#424242;
    width:14px;
    height:15px;
    line-height: 16px;
    padding: 0 0 0 1px;
    vertical-align:middle;
    cursor:pointer;
    float:right;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.jCal .right:before{
    content: "\203A";
    color: #FFF;
    margin-top: 0;
    position: relative;
    top: -1px;
    font-size: 12px;
}
/* no need to change - this is for carousel opacity */
.jCalMask, .jCalMove {
    position:absolute;
    overflow:hidden;
}