table.jCalendar{ width: 190px; height: 140px; background: #fff; /* border: 9px solid #000; background: #f00; */ border-collapse: separate; border-spacing: 2px; }
table.jCalendar th{ padding: 3px 5px; background-color:#A00B10; font-weight: bold; text-align: center; color: #fff; }
table.jCalendar td{ background: #bdbdbd; color: #000; padding: 3px 5px; text-align: center; }
table.jCalendar td.other-month{ background: #ddd; color: #aaa; }
table.jCalendar td.today{ background: #ee8021; color: #fff; }
table.jCalendar td.selected{ background: #f66; color: #fff; }
table.jCalendar td.selected:hover{ background: #f33; color: #fff; }
table.jCalendar td:hover, table.jCalendar td.dp-hover{ background: #fff; color: #333; }
table.jCalendar td.disabled, table.jCalendar td.disabled:hover{ background: #bbb; color: #888; }

/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
.dp-nav-prev-year{ width: 21px; height: 16px; background: url(../imagens/calendar_volta_all.gif) no-repeat; display: block; text-indent: -30000px; }
.dp-nav-prev-month{ width: 14px; height: 16px; background: url(../imagens/calendar_volta_um.gif) no-repeat; display: block; text-indent: -30000px; }

.dp-nav-next-year{ width: 21px; height: 16px; background: url(../imagens/calendar_avancar_all.gif) no-repeat; display: block; text-indent: -30000px; }
.dp-nav-next-month{ width: 14px; height: 16px; background: url(../imagens/calendar_avancar_um.gif) no-repeat; display: block; text-indent: -30000px; }

div#dp-popup{ position: absolute; z-index: 199; }
div.dp-popup h2{ margin: 4px 0; padding: 0; font-size: 11px; text-align: center; }
a#dp-close{ padding: 4px 0; background-color: #00FF00; display: block; text-align: center; font-size: 11px; }
a#dp-close:hover{ text-decoration: underline; }
div.dp-popup a{ padding: 3px 2px 0; color: #0fF; text-decoration: none; }
div.dp-popup div.dp-nav-prev{ width: 100px; top: 30px; left: 30px; position: absolute; }
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{ width: 100px; position: absolute; top: 30px; right: 30px; }
div.dp-popup div.dp-nav-next a{ float: right; }
div.dp-popup a.disabled{ cursor: default; color: #aaa; }
div.dp-popup td{ cursor: pointer; }
div.dp-popup td.disabled{ cursor: default; }



a.dp-choose-date{ width: 16px; height: 16px; float: left; padding: 0; margin: 1px 3px 0; display: block; text-indent: -2000px; overflow: hidden; background: url(../imagens/calendar.png) no-repeat; }
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{ width: 140px; float: left; }