.ui-periods-container {
    position: relative;
    width: 0px;
    height: 0px;
    left: 0px;
    right: 0px;
}

.ui-periods {
    border: 1px solid #dfdfdf;
    border-right: none;
    background-color: #ffffff;
    overflow: auto;
    z-index: 20000;
    position: absolute;
    left: 1px;
    right: 1px;
    width: 410px;
}

.ui-periods-fld {
    vertical-align: middle;
}

.ui-periods-icon {
    display: inline;
}

.ui-periods-icon img {
    width: 26px;
    height: 19px;
    vertical-align: middle;
    background: url(../images/icon/period.gif) 0 0px no-repeat;
}

.ui-periods table.tbl {
    width: 410px;
}

.ui-periods table.tbl td {
    text-align: center;
    height: 20px;
    width: 40px;
    border-right: 1px solid #dfdfdf;
}

.ui-periods table.tbl td.last {
    border-right: none;
}

.ui-periods tr.header {
    height: 30px;
    background: url("../images/period/header.gif") repeat-x;
    border-right: 1px solid #dfdfdf;
}

.ui-periods tr.header td {
    border:none;
}

.ui-periods tr.header .prev       { background: url("../images/period/prev.gif") 5px 5px no-repeat; }
.ui-periods tr.header .prev_over  { background-image: url("../images/period/prev_h.gif"); cursor: pointer; cursor: hand; }

.ui-periods tr.header .next       { background: url("../images/period/next.gif") 5px 5px no-repeat; }
.ui-periods tr.header .next_over  { background-image: url("../images/period/next_h.gif"); cursor: pointer; cursor: hand; }

.ui-periods tr.number {
    color: #617FA7;
    height: 25px;
    background: url("../images/period/h-separator.gif") 0 100% repeat-x;
}

.ui-periods tr.number td {
    padding-bottom: 7px;
}


.ui-periods tr.date-part td {
    padding-bottom: 0px;
    padding-top: 0px;
    height: auto;
    font-size: 9px;
}