/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */


/* The wrapper div (note: ie7 hack at bottom of file) */

.datePicker

        {

        position:absolute;

        min-width:21em;

        width:21em;

        z-index:9999;

        text-align:center;

        font:900 0.8em/0.8em Verdana, Sans-Serif;

        background:transparent;

        }

/*

   Quirksmode necessity

   --------------------

   

   If your HTML document renders in quirksmode (i.e. has no doctype declaration)

   then uncomment the following CSS rule or the datePicker will be HUGE in IE...


.datePicker th,

.datePicker td

        {

        font-size:11px;

        }

*/

/* The iframe hack to cover selectlists in Internet Explorer <= v6 */

.iehack

        {

        position:absolute;

        background:#fff;

        z-index:9998;

        padding:0;

        border:0;

        display:none;

        margin:0;

        }

/* The button created beside each input. (position:relative required for correct positioning of datePicker in IE) */

.date-picker-control

        {

        position:relative;

        border:0 none;

        padding:0;

        margin-left:4px;

        background:transparent url(//i.bigmir.net/a/finance2/img/cal.gif) no-repeat 0 0;

        width:16px;

        height:16px;

        margin-top:0;

        vertical-align:middle;

        cursor:pointer;

        zoom:1;

        visibility:visible;

        }

/* The next & previous buttons */

.datePicker th button

        {

        display:inline;

        padding:0;

        margin:0;

        color:#000;

        height:1em;

        width:1em;

        line-height:1em;

        border-width:0;

        font-family: georgia, times new roman, palatino, times, bookman, serif;

        background:transparent;

        font-weight:bold;

        cursor:pointer;

        /* Remove the next line (or add it to an IE specific stylesheet imported using conditional comments) should you wish to validate the css */

        outline:expression(hideFocus="true");

        }

.datePicker th button:active,

.datePicker th button:focus,

.date-picker-control:active,

.date-picker-control:focus,

.datePicker th button.disabled

        {

        outline:none !important;

        /* Remove the next line should you need to validate the css */

        -moz-outline-style:none;

        }

span.month-display,

span.year-display

        {

        text-transform:uppercase;

        letter-spacing:1px;

        }

.datePicker th button.prev-but

        {

        text-align:left;

        font-size:1.6em;

        }

.datePicker th button.next-but

        {

        text-align:right;

        font-size:1.6em;

        }

.datePicker th button.today-but

        {

        text-align:center;

        margin:0 auto;

        font:900 1em Verdana, Sans-Serif;

        height:auto;

        width:auto;

        text-decoration:none;

        line-height:1.6em;

        }

.datePicker th button.fd-disabled

        {

        color:#aaa;

        cursor:default;

        }

/* The mon, tue, wed etc day buttons */

.datePicker th button.fd-day-header

        {

        text-align:center;

        margin:0 auto;

        font:900 1em Verdana, Sans-Serif;

        height:auto;

        width:auto;

        text-decoration:none;

        text-transform:lowercase;

        line-height:1.4em;

        }

/* The table */

.datePicker table

        {

        position:relative;

        margin:0;

        padding:0;

        border:1px solid #ccc;

        background:#fff url(//i.bigmir.net/common/gradient-e5e5e5-ffffff.gif) repeat-x 0 -20px;

        text-align:center;

        width:100%;

        }

/* Reserved for future use... */

.datePicker table tfoot td

        {

        background:#fff url(//i.bigmir.net/common/gradient-e5e5e5-ffffff.gif) repeat-x 0 -40px;

        }

/* Common TD & TH styling */

.datePicker table td

        {

        border: 1px solid #ccc;

        padding:0.6em 0.5em 0.5em 0.5em;

        vertical-align:middle;

        /* Opera requires a line-height bigger than 1em in order to redraw properly */

        line-height:1.2em;

        cursor:default;

        background:#fff url(//i.bigmir.net/common/gradient-e5e5e5-ffffff.gif) repeat-x 0 -50px;

        }

.datePicker table th

        {

        border:0 none;

        padding:0;

        line-height:1em;

        font-weight:bold;

        color:#222;

        text-align:center;

        vertical-align:middle;

        }

.datePicker table thead th.date-picker-title

        {

        padding:0.4em 0;

        }

/* The "mon tue wed etc" day header button styles */

.datePicker table th.date-picker-day-header

        {

        text-transform:lowercase;

        cursor:help;

        }

/* The "todays date" style */

.datePicker table td.date-picker-today

        {

        background:#fff url(//i.bigmir.net/common/bullet2.gif) no-repeat 0 0;

        color:rgb(100,100,100) !important;

        }

/* The "selected date" style */

.datePicker table td.date-picker-selected-date

        {

        color:#333 !important;

        border-color:#333 !important;

        }

/* the "highlight days" style */

td.date-picker-highlight

        {

        color:#a86666;

        }

/* The date "out of range" style */

.datePicker table td.out-of-range

        {

        color:#ccc !important;

        font-style:oblique;

        background:transparent !important;

        cursor:default !important;

        }

/* The "disabled days" style */

.datePicker table td.day-disabled

        {

        color:#aaa !important;

        background:transparent !important;

        cursor:default !important;

        }

/* The "active cursor" style */

.datePicker table td#date-picker-hover

        {

        background:#fff url(//i.bigmir.net/common/bg_header.jpg) no-repeat 0 0;

        cursor:pointer;

        border-color:rgb(100,130,170);

        color:rgb(100,130,170);

        }

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */

* html .datePicker table td.date-picker-selected,

* html .datePicker table td.date-picker-hover,

* html .datePicker table td

        {

        background-image:none;

        }

/* Target ie7 only */

*:first-child+html .datePicker

        {

        min-width:23em;

        width:23em;

        }