div.calendar{position:relative;}.calendar,.calendar table{border:1px solid #ade8f1;font-size:11px;color:#0d558e;cursor:default;background:#fbf2d3;font-family:Arial,Helvetica,sans-serif;}.calendar{border-color:#0d558e;}.calendar .button{/* "<<", "<", ">", ">>" buttons have this class */text-align:center;/* They are the navigation buttons */padding:2px;/* Make the buttons seem like they're pressing */background:#fbf2d3;color:#0d558e;font-weight:bold;border:1px solid #fbf2d3;}.calendar .nav{font-family:Arial,Helvetica,sans-serif;}.calendar .nav div{background:#ffd99d;border:1px solid #ff6600;color:#0d558e;}.calendar thead tr{background:#ffd99d;color:#ff6600;}.calendar thead .title{/* This holds the current "month, year" */font-weight:bold;/* Pressing it will take you to the current date */text-align:center;padding:2px;background:#ffd99d;color:#000;border:1px solid #ff6600;}.calendar thead .headrow{/* Row <TR> containing navigation buttons */}.calendar thead .name{/* Cells <TD> containing the day names */font-family:verdana,tahoma,sans-serif;font-size:9px;border-bottom:1px solid #ff6600;padding:2px;text-align:center;color:#000;font-style:normal;}.calendar thead .weekend{/* How a weekend day name shows in header */color:#c44;}.calendar thead .hilite{/* How do the buttons in header appear when hover */background:#fbf2d3;border:1px solid #0d558e;padding:2px 2px 1px 2px;}.calendar thead .active{color:#fff;background:#ffd99d;padding:3px 1px 0 3px;border-bottom:1px solid #797979}.calendar thead .daynames{/* Row <TR> Cambia el fondo de los dias */background:#ffd99d;}.calendar tbody .day{/* Cells <TD> containing month days dates */font-family:verdana,tahoma,sans-serif;width:2em;color:#000;text-align:right;padding:2px 4px 2px 2px;}.calendar tbody .day.othermonth{font-size:80%;color:#999;}.calendar tbody .day.othermonth.oweekend{color:#f99;}.calendar table .wn{padding:2px 3px 2px 2px;border-right:1px solid #797979;background:#ffd99d;}.calendar tbody .rowhilite td,.calendar tbody .rowhilite td.wn{background:#ffd99d;}.calendar tbody td.today{font-weight:bold;}.calendar tbody td.hilite{/* Hovered cells <TD> */background:#ffd99d;padding:1px 3px 1px 1px;border:1px solid #ff6600;}.calendar tbody td.active{/* Active (pressed) cells <TD> */padding:2px 2px 0px 2px;}.calendar tbody td.weekend{/* Cells showing weekend days */color:#c44;}.calendar tbody td.selected{/* Cell showing selected date */font-weight:bold;border:1px solid #797979;padding:1px 3px 1px 1px;background:#ff6600;color:#fff;}.calendar tbody .disabled{color:#999;text-decoration:line-through;}.calendar tbody .emptycell{/* Empty cells (the best is to hide them) */visibility:hidden;}.calendar tbody .emptyrow{/* Empty row (some months need less than 6 rows) */display:none;}.calendar tfoot .footrow{/* The <TR> in footer (only one right now) */text-align:center;background:#565;color:#fff;}.calendar tfoot .ttip{/* Tooltip (status bar) cell <TD> */padding:2px;background:#fff;color:#000;}.calendar tfoot .hilite{/* Hover style for buttons in footer */background:#afa;border:1px solid #084;color:#000;padding:1px;}.calendar tfoot .active{/* Active (pressed) style for buttons in footer */background:#7c7;padding:2px 0px 0px 2px;}.calendar .combo{position:absolute;display:none;top:0px;left:0px;width:4em;cursor:default;border-width:0 1px 1px 1px;border-style:solid;border-color:#797979;background:#ffd99d;color:#000;z-index:100;font-size:90%;}.calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:1px;}.calendar .combo .label-IEfix{width:4em;}.calendar .combo .hilite{background:#fbf2d3;color:#000;}.calendar .combo .active{background:#ff6600;color:#fff;font-weight:bold;}