/* Some resets for compatibility with existing CSS */

#content .date_selector,
#content .date_selector * {
    width: auto;
    height: auto;
    border: 0;
    background: transparent;
    margin: 0;
    padding: 0;
    text-align: left;
    text-decoration: none;
}

#content .date_selector {
    background: #C1C1C1;
    border: 1px solid #FFF;
    padding: 5px;
    margin: -1px 0 0 0;
    position: absolute;
    z-index: 1000;
    display: none;
}

#content .date_selector .month_nav {
    margin: 0 0 5px 0;
    padding: 0;
    display: block;
}

#content .date_selector .month_name {
    white-space: nowrap;
    font-weight: bold;
    line-height: 20px;
    display: block;
    text-align: center;
}

#content .date_selector .month_nav a {
    display: block;
    position: absolute;
    top: 5px;
    width: 20px;
    height: 20px;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    font-size: 120%;
    overflow: hidden;
}

#content .date_selector .month_nav a:hover,
#content .date_selector .month_nav a:focus {
    background: none;
    color: #000;
    text-decoration: none;
}

#content .date_selector .prev {
    left: 5px;
}

#content .date_selector .next {
    right: 5px;
}

#content .date_selector table {
    border-spacing: 0;
    border-collapse: collapse;
}

#content .date_selector th,
#content .date_selector td {
    width: 2.5em;
    height: 2em;
    padding: 0;
    text-align: center;
}

#content .date_selector td {
    border: 1px solid #FFF;
    line-height: 2em;
    text-align: center;
    white-space: nowrap;
    background: #FFF;
}

#content .date_selector td.today {
    background: #E2E2E2;
}

#content .date_selector td.unselected_month {
    color: #999;
}

#content .date_selector td a {
    display: block;
    text-decoration: none !important;
    width: 2.5em;
    height: 100%;
    line-height: 2em;
    color: #333;
    text-align: center;
    border: 0 !important;
}

#content .date_selector td.today a {
    background: #E2E2E2;
}

#content .date_selector td.selected a {
    background: #9D9D9D;
    color: #FFF;
    font-weight: bold;
}

#content .date_selector td a:hover {
  background: #DADADA;
}