/* This is a very basic stylesheet for the date-picker. Feel free to create your own. */

/* The wrapper div */
div.datePicker{
    /* Change the font-size to suit your design's CSS. The following line is for the demo that has a 12px font-size defined on the body tag */
    font:normal 0.9em/0.9em Tahoma,Arial,Helvetica,sans-serif;
    text-align:center;
    color:#333;
    position:absolute;
    min-width:165px;
    width:165px;
    height:179px;
    z-index:9999;
    background:url(/_style/datepicker/img/datepicker_default.gif) no-repeat 0 0;
    /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */

    /* Mozilla & Webkit extensions to stop text-selection. Remove if you wish to validate the CSS */
    -moz-user-select:none;
    -khtml-user-select:none;
}
/* Styles for the static datePickers */
div.staticDP{
    position:relative;
    top:5px;
    left:0;
}
/* The iframe hack to cover selectlists in Internet Explorer <= v6 */
iframe.iehack{
    position:absolute;
    background:#fff;
    z-index:9998;
    padding:0;
    border:0;
    display:none;
    margin:0;
}
/* The "button" created beside each input for non-static datePickers */
a.date-picker-control:link,
a.date-picker-control:visited,
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus{
    /*position:relative;*/
    /* Moz & FF */
    display: -moz-inline-stack;
    border:0 none;
    padding:0;
    margin:0 0 0 4px;
    background:transparent url(/_img/kalendarz/cal.gif) no-repeat 50% 50%;
    min-width:16px;
    height: 18px;
    line-height:1;
    cursor:pointer;
    visibility:visible;
    text-decoration:none;
    vertical-align:middle;
}
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control {width:16px;}
a.date-picker-control {/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
    display:inline-block;}
a.date-picker-control span {
    display:block;
    width:16px;
    height:16px;
    margin:auto 0;
}
/* The next & previous buttons */
div.datePicker th span {
    display:inline;
    padding:0;
    margin:0;
    text-align:center;
    background:transparent;
}
div.datePicker th span.month-display,
div.datePicker th span.year-display {
    text-transform:lowercase;
    font:bold 1.1em Tahoma,sans-serif;
    cursor:default;
}
div.datePicker th span.prev-but,
div.datePicker th span.next-but{
    color:#142E47;
    cursor:pointer;
}

div.datePicker th span.today-but {
    text-align:center;
    color:#142E47;
    margin:0 auto;
    width:100%;
    text-decoration:none;
    line-height:1.6em;
    /*text-transform:lowercase;*/
    cursor:pointer;
}
div.datePicker thead th span.fd-disabled{cursor:default;}
/* The mon, tue, wed etc day buttons */
div.datePicker th span.fd-day-header {
    text-decoration:none;
    text-transform:lowercase;
    text-align:center;
    margin:0 auto;
}
/* The table */
div.datePicker table {
    position:relative;
    margin:0;
    padding:3px 5px;
    text-align:center;
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
}
	
/* Common TD & TH styling */
/* Common TD & TH styling */
div.datePicker table td {
    padding:0;
    text-align:center;
    vertical-align:middle;
    /* Opera requires a line-height bigger than 1em in order to redraw properly */
    cursor:pointer;
    font: 11px/1.2em Arial,"Helvetica Neue",Helvetica,sans-serif;
    height:1.7em;
    outline:none;
}
div.datePicker table th {
    border:0 none;
    padding:0;
    font-weight:normal;
    color:#142E47;
    text-align:center;
    height:20px;
    vertical-align:middle;
}
div.datePicker table td.date-picker-unused {
    padding:0;
}
div.datePicker table thead th.date-picker-title {
    width:auto;
    height:auto;
    padding:6px 8px 5px;
}
/* The "mon tue wed etc" day header button styles */
div.datePicker table th.date-picker-day-header
        {text-transform:lowercase;}
div.datePicker table th.date-picker-day-header span
        {display:block;}
/* The "todays date" style */
div.datePicker table td.date-picker-today{
    background:#fff;
    border:1px solid #D9DFE9;
}
/* The "selected date" style */
div.datePicker table td.date-picker-selected-date{
    color:#E58D45;
    border-color:#C00000;
}
/* the "highlight days" style */
div.datePicker td.date-picker-highlight{
    color:#5694CF;
    font-weight:bold;
}
/* The date "out of range" style */
div.datePicker table td.out-of-range {
    color:#95B3CF;
    cursor:default;
}
/* The "disabled days" style */
div.datePicker table td.day-disabled{
    color:#aaa;
    cursor:default;
}
/* The "active cursor" style */
div.datePicker table tbody td.date-picker-hover{
    cursor:pointer;
    color:#F59842;
    text-decoration:underline;
}

/* Remove the images for Internet Explorer <= v6 using the "* html" hack */
/* html div.datePicker table td
    { background-image:none;}*/
