body { font-family: helvetica; }
p { font-size: 10pt; text-align: left; }
label { font-size: 9pt; }
h5 { font-size: 12pt; font-weight: bold; margin: 2px 0 6px; }
/* Calendar CSS */
.date-pick{ border: solid thin #95c94a; color: #000; padding: 1px; width: 110px; margin-left: 2px; }

a.dp-choose-date { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; float: left; width: 16px; height: 16px; padding: 0; margin: 5px 3px 0; display: block; text-indent: -2000px; overflow: hidden; } a.dp-choose-date.dp-disabled {
         background-position: 0 -20px;
         cursor: default;
}
/* makes the input field shorter once the date picker code
  * has run (to allow space for the calendar icon
  */
input.dp-applied {
         float: left;
}

table.jCalendar {
         border: solid 1px #000;
         background: #fff;
     border-collapse: separate;
     border-spacing: 2px;
}
table.jCalendar th {
         background: #c3de8f;
         color: #fff;

         padding: 3px 5px;
}
table.jCalendar td {
         background: #ddebb8;
         color: #0167cc;
         padding: 3px 5px;
         text-align: center;
}
table.jCalendar td.other-month {
         background: #ddebb8;
         color: #0167cc;
}
table.jCalendar td.today {
         background: #ddebb8;
         color: #0167cc;
}
table.jCalendar td.selected {
         background: #ddebb8;
         color: #c20200;
         font-weight:bold;
}
table.jCalendar td.selected:hover {
         background: #ddebb8;
         color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
         background: #fff;
         color: #004274;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
         background: #ddd;
         color: #999;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
         position: relative;
         background: #004274;
         font-size: 11px;
         padding: 2px;
         width: 171px;
         line-height: 1.2em;
}
div#dp-popup {
         position: absolute;
         z-index: 199;
}
div.dp-popup h2 {
         color: #fff;
         font-size: 12px;
         text-align: center;
         margin: 2px 0;
         padding: 0;
}
a#dp-close {
         font-size: 11px;
         padding: 4px 0;
         text-align: center;
         display: block;
}
a#dp-close:hover {
         text-decoration: underline;
}
div.dp-popup a {
         color: #fff;
         text-decoration: none;
         padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
         position: absolute;
         top: 2px;
         left: 4px;
         width: 100px;
}
div.dp-popup div.dp-nav-prev a {
         float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
         cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
         cursor: default;
}
div.dp-popup div.dp-nav-next {
         position: absolute;
         top: 2px;
         right: 4px;
         width: 100px;
}
div.dp-popup div.dp-nav-next a {
         float: right;
}
div.dp-popup a.disabled {
         cursor: default;
         color: #004274;
}
div.dp-popup td {
         cursor: pointer;
}
div.dp-popup td.disabled {
         cursor: default;
}
.form-rez-sm { font-size: 9pt; }