#calendar-div .portlet-icon {
    display: inline-block;
    float: left;
    height: 40px;
    margin-bottom: -40px;
    position: relative;
    top: -42px !important;
    width: 47px;
}

/* CALENDAR STYLES */

#calendar-div {
    font: normal 10pt "Verdana", "Helvetica", "Sans Serif"!important;    
}

#evtcal .todayCell, td.todayCell, .todayCell td {
    text-align: center;
    border: 1px solid #5F4C2B;
    background-color: transparent;
    padding: 2px;
}

#evtcal a.todayCell, .todayCell a {
    color: #5F4C2B;
    text-decoration: none;
}

/* visited link */
#evtcal a.todayCell:hover, .todayCell:hover a {
    font: normal 10pt "Verdana", "Helvetica", "Sans Serif";
    color: #a78a46;
    text-decoration: none;
}

/* mouse over link */
#evtcal a.todayCell:active, .todayCell:active a {
    font: normal 10pt "Verdana", "Helvetica", "Sans Serif";
    color: #a78a46;
    text-decoration: none;
}

/*No Day Cell*/
#evtcal .noDayCell, td.noDayCell, .noDayCell td {
    text-align: center;
    background-color: transparent;
    height: 10px;
    width: 20px;
    padding: 2px;
    border:1px solid #CAC7B8;
}

/*Normal Cell*/
#evtcal .calCell, td.calCell, .calCell td {
    text-align: center;
    background-color: transparent;
    border:1px solid #CAC7B8;
    height: 10px;
    width: 18px;
    color: #5f4c2b;
    padding: 2px;
}

/*Event Cell*/
#evtcal .eventCell, td.eventCell, .eventCell td {
    text-align: center;
    background-color: #a78a46;
    border:1px solid #a78a46;
    height: 10px;
    width: 18px;
    padding: 2px;
}

#evtcal a.eventCell, .eventCell a {
    font: normal 10pt "Verdana", "Helvetica", "Sans Serif";
    color: #5F4C2B;
    text-decoration: none;
}

/* visited link */
#evtcal a.eventCell:hover, .eventCell:hover a {
    font: normal 10pt "Verdana", "Helvetica", "Sans Serif";
    color: #FFFFFF;
    text-decoration: none;
}

/* mouse over link */
#evtcal a.eventCell:active, .eventCell:active a {
    font: normal 10pt "Verdana", "Helvetica", "Sans Serif" !important;
    color: #FFFFFF;
    text-decoration: none;
}

#evtcal a.change-date, .change-date a {
    padding: 5px;
    color: #80321b;
    text-decoration: none;
}

#evtcal a.change-date:hover, .change-date a:hover {
    cursor:pointer;
    color: #a78a46;
    text-decoration: none;
}

/*Day Cell*/
#evtcal .dayCell, td.dayCell, .dayCell td {
    background-color: #6e694c;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    height: 25px;
    padding: 2px;
    font-size: 10px;
    color: #FFFFFF;
}

/*Month Cell*/
#evtcal .monthCell, td.monthCell, .monthCell td {
/*background-color: #C8C896;*/
    color: #5f4c2b;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 30px;
}

#evtcal .changeCell, td.changeCell, .chengeCell td {
    text-align: center;
    vertical-align: middle;
    cursor:pointer;
    color: #80321B;
}

#evtcal .footerCell, td.footerCell, .footerCell td {
    text-align: center;
    vertical-align: middle;
    background-color: #6e694c;
    color: #FFFFFF;
}

#evtcal a.footerCell, .footerCell a {
    font: normal 8pt "Verdana", "Helvetica", "Sans Serif";
    color: #FFFFFF;
    text-decoration: none;
}

/* visited link */
#evtcal a.footerCell:hover, .footerCell:hover a {
    font: normal 8pt "Verdana", "Helvetica", "Sans Serif";
    color: #aea890;
    text-decoration: underline;
}

/* mouse over link */
#evtcal a.footerCell:active, .footerCell:active a {
    font: normal 8pt "Verdana", "Helvetica", "Sans Serif";
    color: #aea890;
    text-decoration: none;
}

/* END CALENDAR STYLES */

/* VIEW PAGE CSS */
.eventsTitle {
    background: transparent url( "img/date.png" ) left top no-repeat;
    padding: 10px 0 20px 35px;
    color: #345888;
    font-weight: bold;
    font-size: 14px;
    margin-top: 20px;
}

/* Hide Header */
#events-view-grid div.x-grid3-header, #events-view-grid .x-grid3-header div {
    visibility: hidden;
    height: 0 !important;
}

/*CSS for the whole grid */
#events-view-grid .x-grid3 {
    background-color: transparent !important;
}

#events-view-grid .x-grid3-row {
    width: 100% !important;
    border: 0 !important;
}

#events-view-grid div.x-grid3-row {
    margin: 3px 0 3px 3px;
    padding: 3px 0 0 10px;
    border: 0 !important;
    background: transparent url( 'img/bullet.gif' ) 5px 10px no-repeat !important;
}

/* CSS for the grid row on hover */
#events-view-grid .x-grid3-row-over, div.x-grid3-row-over, .x-grid3-row-over div {
    background: transparent;
    color: red;
    cursor: pointer;
    border: 0 !important;
}

#events-view-grid div.x-grid3-row-over {
    margin: 3px 0 3px 3px;
    border: 0 !important;
    cursor: pointer;
}

/* CSS for the grid row when selected */
#events-view-grid .x-grid3-row-selected, #events-view-grid div.x-grid3-row-selected, #events-view-grid .x-grid3-row-selected div {
    color: red;
    font-style: italic;
}

#events-view-grid div.x-grid3-row-selected {
    margin: 3px 0 3px 3px;
    background: transparent url( 'img/ok.gif' ) no-repeat 3px 8px;
}