/* Surrounds the calendar */

.eventmonth

{

    border: 1px solid #DBDB79;

    width: 694px;

    margin-right: auto;

    margin-left: auto;

    background: #FEFFAB url('../images/background_fullwidth.jpg') repeat-y;

    margin-bottom: 10px;

    padding-left: 15px;

    padding-right: 15px;

    padding-top: 10px;

    text-align: center;

}



/* used as the cssclass of the actual calendar */

.eventmonthtable

{

    width: 694px;

    margin-right: auto;

    margin-left: auto;

    position: relative;

    margin-bottom: 15px;

    font-size: 12px;


}





.dayNumber

{

    float: right;

    border-bottom: 1px solid #C7C272;

    border-left: 1px solid #C7C272;

    clear: none;

    padding: 2px;

}





.calcurrentmonth

{

    /* no styles needed at this time */

}

.calothermonth

{

    background-color: gainsboro;

}

.calcurrentday

{

    background-color: #FFFFC1;

}

.calweekend

{

    background-color: #eeeeee;

      /*  width: 15%; */

}



.calcurrentmonth, .calcurrentmonth, .calothermonth, .calcurrentday, .calweekend

{

    text-align: left;

    height: 60px;

    vertical-align: top; /* needed for positioning the dayNumber part */

    position: relative;

    border-collapse: separate;

    border-spacing: 1px;

    border-right: gray 1px solid;

    border-top: gray 1px solid;

    border-left: gray 1px solid;

    border-bottom: gray 1px solid;

}