/* container pro vypis */

.DateTimePicker {

    width: 125px;

    height: 20px;

    float: left;

}



    /* input */

    .DateTimePicker input{

        padding: 1px;

        height: 16px;

        width: 119px;

        float: left;

        cursor: pointer;

        margin: 0px;

    }

    

    /* ikonka */

    .DateTimePicker a {

        cursor: pointer;

        width: 18px;

        height: 18px;

        display: block;

        background-image: url('ico.calendar.png');

        float: left;

        _background: none;

        _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='ico.calendar.png',sizingMethod='auto');

        padding: 0px;

        margin: 1px;

        background-repeat: no-repeat;

        display: none;

    }

    

    /* cointainer */

    .dateTimePicker_box {

        width: 618px;

        /*height: 200px;*/

        background-color: white;

        padding: 0px;

        margin: 0px;

        border: 1px solid #1590d8;

        font-family: Trebuchet MS;

        font-weight: normal;

        font-size: 11px;

    }

    



        

        /* */

        .dateTimePicker_titler {

            width: 618px;

            height: 48px;

            background-image: url('bg.titler.gif');

            background-repeat: no-repeat;

            background-position: center bottom;

            margin: 0px;

            padding: 0px;

            text-align: left;

            

        }

        

            .dateTimePicker_titler span {

                font-family: Verdana;

                font-size: 14px;

                font-weight: bold;

                color: #04397a;

                float: left;

                display: block;

                margin: 26px 0px 0px 26px;

            }

            

            .dateTimePicker_closer {

                display: block;

                font-size: 1px;

                width: 27px;

                height: 22px;

                background-image: url('ico.close.gif');

                margin: 10px 32px 0px 0px;

                padding: 0px;

                float: right;

            }

                

    

        /* vrsek */

        .dateTimePicker_control {

            width: 618px;

            height: 53px;

            padding: 0px;

            margin: 0px;

        }

        

            .dateTimePicker_prev {

                display: block;

                float: left;

                width: 27px;

                height: 22px;

                background-image: url('ico.prev.gif');

                cursor: pointer;

                padding: 0px;

                margin: 13px 0px 0px 22px;

                

            }



            

            .dateTimePicker_labelMY0 { float: left; font-family: Verdana; font-size: 14px; width: 162px; font-weight: bold; color: #04397a; margin: 15px 2px 0px 8px; text-align: left; }

            .dateTimePicker_labelMY1 { float: left; font-family: Verdana; font-size: 14px; width: 162px; font-weight: bold; color: #04397a; margin: 15px 2px 0px 2px; text-align: center; }

            .dateTimePicker_labelMY2 { float: left; font-family: Verdana; font-size: 14px; width: 162px; font-weight: bold; color: #04397a; margin: 15px 0px 0px 2px; text-align: right; }

            

            .dateTimePicker_next {

                display: block;

                float: right;

                

                width: 27px;

                height: 22px;

                background-image: url('ico.next.gif');

                

                padding: 0px;

                margin: 13px 32px 0px 0px;

                cursor: pointer;

            }



            

            

            

        /* tabulka vypisu */

        .dateTimePicker_box table {

            border-collapse: collapse;

            width: 182px;

            float: left;

        }

        

            .dateTimePicker_firstTable {

                margin-left: 22px;

            }

            

            .dateTimePicker_otherTable {

                margin-left: 10px;

            }

        

        .dateTimePicker_box a {

            text-decoration: none;

            font-family: Verdana;

            font-weight: bold;

            font-size: 12px;

             

        }

        

            .dateTimePicker_box table th {

                height: 24px;

                color: #303030;

                padding: 0px;

                width: 26px;

                font-family: Verdana;

                font-weight: bold;

                font-size: 12px;

                color: #04397a;

            }

            

            .dateTimePicker_box table td {

                font-size: 11px;

                font-weight: normal;

                height: 24px;

                color: #303030;

                padding: 0px;

            }

            

                .dateTimePicker_box table td a {   

                    height: 24px;

                    display: block;

                    margin: 1px;

                    text-align: center;

                    line-height: 24px;

                }

                

                .actualMonth {

                    color: #04397a;

                    text-decoration: none;

                    background-color: #eaf9ff;

                    border: 2px solid #eaf9ff;

                }

                    .actualMonth:Hover {

                        border: 2px solid #04397a;

                    }

                

                .actualMonthNonSelect {

                    color: white; 

                    text-decoration: none;

                    cursor: default;

                    /*border: 2px solid #d0d0d0;*/

                }

                

                .actualMonthWeek {

                    color: #04397a;

                    text-decoration: none;

                    background-color: #a9e7ff;

                    border: 2px solid #a9e7ff;

                }

                    .actualMonthWeek:Hover {

                        border: 2px solid #04397a;

                    }

                    

                    

                .actualDay {

                    color: #04397a;

                    text-decoration: none;

                    background-color: #eaf9ff;

                    border: 2px solid #62b3dd;

                    text-decoration: none;

                }

                

                    .actualDay:Hover {

                        border: 2px solid #04397a;

                    }

                    

                .actualDayWeek {

                    color: #04397a;

                    text-decoration: none;

                    background-color: #a9e7ff;

                    border: 2px solid #62b3dd;

                    text-decoration: none;

                }

                

                    .actualDayWeek:Hover {

                        border: 2px solid #04397a;

                    }

                

                .nonActualMonth {

                    

                    text-decoration: none;

                    /*border: 2px solid white;*/

                    color: white;

                    background-color: white;

                    cursor: default;

                }

                

                

                .nonActualMonthNonSelect {

                    color: white;

                    background-color: white;

                    cursor: default;

                    text-decoration: none;

                    border: 2px solid white;

                }

                

        /* paticka */

        .dateTimePicker_footer {

            /*height: 25px;*/

            margin: 3px;

            clear: both;

        }

        

            

            .dateTimePicker_today {

                float: right;

                margin: 3px 3px 0px 0px;

                color: #325d74;

                

                padding-left: 17px;

                background-image: url('ico.today.png');

                background-repeat: no-repeat;

                

            }

            

                .dateTimePicker_today:Hover {

                    color: #5290b0;

                }
