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

/* Hide the input by using a className */
input.fd-hidden-input,
select.fd-hidden-input
        {
        display:none;
        }
/* Screen reader class - hides it from the visual display */
.fd-screen-reader
        {
        position:absolute;
        left:-999em;
        top:0;
        width:1px;
        height:1px;
        overflow:hidden; 
        outline: 0 none;
    -moz-outline: 0 none;
        } 
/* Disabled datePicker and activation button */
a.dp-disabled,
.dp-disabled table
        {
        opacity:.3 !important;           
        filter:alpha(opacity=40);           
        }
.dp-disabled,
.dp-disabled td,
.dp-disabled th,
.dp-disabled th span
        {
        cursor:default !important;          
        }
/* The wrapper div */
div.datePicker
        {
        position:absolute;        
        z-index:9999;
        text-align:center;

        /* 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:0.8em/1em Verdana, Sans-Serif;
        font-weight:normal;

        /* For Example: If using the YUI font CSS, uncomment the following line to get a 10px font-size within the datePicker */
        /* font:900 77%/77% Verdana, sans-serif; */
        
        /* Or, if you prefer a pixel precision */
        /* font:900 12px/12px Verdana, sans-serif; */
        
        background:transparent;

        /* Mozilla & Webkit extensions to stop text-selection. */
        -moz-user-select:none;
        -khtml-user-select:none;                 
        }  
/* Styles for the static datePickers */
div.static-datepicker
        {
        position:relative;        
        top:5px;
        left:0;
        }
/* Draggable datepickers */
div.datePicker tfoot th.drag-enabled,
div.datePicker thead th.drag-enabled,
div.datePicker thead th.drag-enabled span
        {
        cursor:move;
        }
/* 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
        {
        position:relative;
        /* Moz & FF */
        display: -moz-inline-stack;
        border:0 none;
        padding:0;
        margin:0 0 0 0;
        _margin:2px 0 0 4px;        
        background:transparent url(../../../../framework/pub/style/module/img/calendar.gif) no-repeat 50% 50%;
        min-width:16px;
        line-height:1;
        cursor:pointer;
        visibility:visible;
        text-decoration:none;
        vertical-align:top;         
        }
a.date-picker-control:hover,
a.date-picker-control:active,
a.date-picker-control:focus,
a.dp-button-active:link,
a.dp-button-active:visited,
a.dp-button-active:hover,
a.dp-button-active:active,
a.dp-button-active:focus
        {
        background:transparent url(../../../../framework/pub/style/module/img/calendar.gif) no-repeat 50% 50% !important;
        }
/* Feed IE6 the following rule, IE7 should handle the min-width declared above */
* html a.date-picker-control
        {
        width:16px;
        }
/* IE, Safari & Opera. Seperate CSS rule seems to be required. */
a.date-picker-control
        {
        display:inline-block;
        }
a.date-picker-control span
        {
        display:block;
        width:17px;
        height:17px;
        margin:auto 0;
        }
/* Default "button" styles */
/* The "month, year" display */
div.datePicker th span {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 none;
    color:#000000;
    cursor:pointer;
    display:inline;
    font-size:11px;
    line-height:16px;
    margin:0;
    padding:0;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    line-height:14px;
}
/* Next & Previous (month, year) buttons */
div.datePicker th span.prev-but,
div.datePicker th span.next-but
        {
        color:#FFFFFF;
        font-weight:bold;
        cursor:pointer !important;
        }
/* Hover effect for Next & Previous (month, year) buttons */
/* Today button */
div.datePicker th span.today-but
        {
        text-align:center;
        margin:0 auto;
        font:normal 1em Verdana, Sans-Serif;
        width:100%;
        text-decoration:none;
        padding-top:0.3em;
        text-transform:uppercase;
        vertical-align:middle;
        cursor:pointer !important          
        }
/* Disabled buttons */ 
div.dp-disabled th span.prev-but,
div.dp-disabled th span.next-but,
div.dp-disabled th span.today-but,
div.dp-disabled th span.prev-but:hover,
div.dp-disabled th span.next-but:hover,
div.dp-disabled th span.today-but:hover,
div.datePicker th span.prev-but.fd-disabled:hover,
div.datePicker th span.next-but.fd-disabled:hover,
div.datePicker thead th span.fd-disabled,
div.datePicker th span.fd-disabled:hover
        {
        color:#aaa;
        cursor:default !important; 
        opacity:1;        
        }   
/* tfoot status bar */
div.datePicker tfoot th
        {
        cursor:default;
        font-weight:normal;
        text-transform:uppercase;
        letter-spacing:0.1em;
        border:0 none;
        background:#fff;
        height:2.8em;
        }
/* You can add focus effects (for everything but IE6) like so: */

div.datepicker-focus table.datePickerTable
        {
        border-color:#999 !important;         
        }
div.static-datepicker table
        {
        -moz-box-shadow:0 0 0 transparent;
        
        }               
div.datepicker-focus table
        {
        /* Naughty, naughty - but we add a highlight using the table's border colour */
        outline:none;
         -moz-box-shadow:0px 0px 5px #aaa;         
        }    
       *:-o-prefocus{outline : -o-highlight-border;}
 
/* INTERNET EXPLORER WOES
   ======================
   
   Hover Effects
   -------------
   
   IE cannot deal with :focus on the TR so the datePicker script adds the class "dp-row-highlight" to the
   row currently being hovered over. This should enable you to add hover effects if desired.
   
   e.g. the following rule will highlight the cell borders in another colour when a row is moused over,
   it looks like crap though so I didn't include the rule within the demo:
   
    div.datePicker table tbody tr.dp-row-highlight td
        {
        border-color:#aaa;
        }
*/

/* Remove the images for Internet Explorer <= v6 using the "* html" hack  
   This is a workaround for a nasty IE6 bug that never caches background images on dynamically created DOM nodes
   which means that they are downloaded for every cell for every table - nasty! */    
* html __div.datePicker table td
        {
        background-image:none;
        }
* html __div.datePicker table td.date-picker-unused
        {
        background:#f2f2f2;
        }
body.fd-drag-active 
        {
        -webkit-user-select:none;
        }
/* Chrome has problems with the -webkit-box-shadow and -webkit-border-radius styles together 
   Remove one or the other to get things looking less ugly */       
@media screen and (-webkit-min-device-pixel-ratio:0) {
        __div.datePicker table
                {
                border-spacing:0.3em;
                /* Naughty, naughty */
                -webkit-box-shadow:0px 0px 5px #aaa;                 
                -webkit-border-radius:0.8em;                
                }          
        div.static-datepicker table
                {
                -webkit-box-shadow:0 0 0 transparent;
                } 
        div.datepicker-focus table
                {        
                -webkit-box-shadow:0px 0px 5px #aaa;       
                }       
        __div.datePicker table td,
        __div.datePicker table tbody th
                {
                padding:0.1em;
                -webkit-border-radius:2px;
                }
        __div.datePicker table tbody td.date-picker-hover
                {                
                -webkit-box-shadow:0px 0px 1px rgb(100,130,170);
                }       
}
/** vom vorgaenger datepicker uebernomme styles **/

div.datePicker {
    z-index: 9999;
    background: #fff scroll repeat 0% 0%;
    position: absolute;
    text-align: center;
    -moz-user-select: none;
}
div.datePicker table td, div.datePicker table th{
    border:1px solid #999999;
}

div.staticDP {
    left: 0px;
    position: relative;
    top: 5px
}
iframe.iehack {
    border: 0px;
    padding-: 0px;
    display: none;
    z-index: 9998;
    background: #fff;
    margin: 0px;
    position: absolute;
}
div.datePicker th span {
    border: 0px;
    padding: 0px;
    display: inline;
    background: none transparent scroll repeat 0% 0%;
    margin: 0px;
    cursor: pointer;
    line-height: 16px;
    font-size:11px;
    text-align: center;
}
div.datePicker th span.prev-but, div.datePicker th span.next-but {
    font-size: 15px;
    line-height:16px;
    cursor: pointer! important
}
div.datePicker th span.today-but {
    margin: 0px;
    font-size: 11px;
    line-height:16px;
    width: 100%;
    cursor: pointer! important;
    text-align: center;
    text-decoration: none;
}
div.datePicker thead th span.fd-disabled {
    cursor: default! important;
    color: #aaa
}
div.datePicker th span.fd-day-header {
    margin: 0px;
    font-size:11px;
    line-height:16px;
    text-align: center;
    text-decoration: none
}
div.datePicker table {
    border:#999 solid 1px;
    margin:0px;
    padding:0px;
    table-layout: fixed;
    width: 188px;
    height:147px;
    position: relative;
    text-align: center;
}
div.datePicker table thead {
    background-color:#999;
}
div.datePicker table td {
    padding: 0px;
    vertical-align: middle;
    cursor: pointer;
    line-height: 16px;
    font-size:11px;
    text-align: center;
    color:#666;
    width:26px;
    height:20px;
}
div.datePicker table th {
    padding: 0px;
    vertical-align: middle;
    color: #333;
    line-height: 16px;
    font-size:11px;
    text-align: center;
    font-weight:normal;
}
div.datePicker table td.date-picker-unused {
    padding: 0px;
    background: #fff;
    cursor: default! important;
}
div.datePicker table thead th.date-picker-title span{
    padding: 0px;
    margin:0px;
    height: 0px;
}
div.datePicker table thead th.date-picker-title span{
    color:#FFFFFF;
    font-weight:bold;
}
div.datePicker table th.date-picker-day-header {
    width: 26px;
    height:20px;
    background-color:#F4F4F4;
}
div.datePicker table th.date-picker-day-header span {
    display: block
}
div.datePicker table td.date-picker-today {
    color: #900! important;
    font-weight:bold;
}
div.datePicker table td.date-picker-selected-date {
    color: #333! important;
}
td.date-picker-highlight {
    color: #a86666
}
div.datePicker table td.out-of-range {
    background: #fcfcfc;
    cursor: default! important;
    color: #ccc! important;
    font-style: oblique
}
div.datePicker table td.day-disabled {
    background: none transparent scroll repeat 0% 0%;
    cursor: default! important;
    color: #aaa! important
}
div.datePicker table tbody td.date-picker-hover {
    cursor: pointer;
    color: #333;
    font-weight:bold;
}
* html div.datePicker table td {
    background-image: none
}
* html div.datePicker table td.date-picker-unused {
    background: #f2f2f2
}
div.datePicker span#date-1date-info, div.datePicker span#date-2date-info {
    color:#fff;
    font-weight:bold;
}
div.datePicker span.prev-but, div.datePicker span.next-but {
    color:#fff;
    font-weight:bold;
}

/***********************************/
div#pic1{*margin-right:1px;_margin-right:-3px;}