/* ---- calendar and input styles ---- */

input.DatePicker{
        display: inline;
        width: 148px;
		height:18px;
        padding: 4px 0 0 4px;
		border:0;
        font-size: 12px;
        font-family:Arial;
        background: url(../images/date.gif) no-repeat left;
        cursor: pointer;
}
input:focus.DatePicker{
        background: url(../images/date.gif) no-repeat  left;
}
.dp_container{
        position: relative;
        padding: 0;
        z-index: 500;
}
.dp_cal{
        background-color: #fff;
        border: 1px solid #011f24;
        position: absolute;
        width: 177px;
        top: 24px;
        left: 0;
        margin: 0px 0px 3px 0px;
}
.dp_cal table{
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        color:#242b2d;
}
.dp_cal select{
        margin: 2px 3px;
        font-size: 11px;
}
.dp_cal select option{
        padding: 1px 3px;
}
.dp_cal th,
.dp_cal td{
        width: 14.2857%;
        text-align: center;
        font-size: 11px;
        padding: 2px 0;
}
.dp_cal th{
        border: solid #1778A5;
        border-width: 1px 0;
        color: #fff;
        background: #1778A5;
        font-weight: bold;
}
.dp_cal td{
        cursor: pointer;
}
.dp_cal thead th{
        background: #04608a;
}
.dp_cal td.dp_roll{
        color: #242b2d;
        background: #e53904;
}
/* must have this for the IE6 select box hiding */
.dp_hide{
        visibility: hidden;
}
.dp_empty{
        background: #eee;
}
.dp_today{
        background: #e53904;
}
.dp_selected{
        color: #fff;
        background: #e53904;
}