﻿.datetime{}
.datetime .txt{display:inline-block;text-align:center;}
.datetime .txt.err{border:solid 1px red;}
.datetime .txt.day,div.datetime .txt.month,div.datetime .txt.year{width:48px;}
.datetimeselector
{
    -webkit-box-shadow:  0px 6px 6px 0px rgba(211, 211, 211, );        
        box-shadow:  0px 6px 6px 0px rgba(211, 211, 211, );
        z-index:9999;
        overflow:hidden;
        border-radius:3px;text-align:center;
    }
#ulDays,#ulMonths,#ulYears
{
        position:absolute;display:block;
        margin:0;padding:0;
        padding-top:3px;
        padding-bottom:3px;
        background:#E6E6E6;height:170px;z-index:999999;
        }
        
.datetimeselector .overview{width:100%;}
.datetimeselector li{list-style:none;display:block;width:100%;}
.datetimeselector li a{text-align:center;display:block;width:100%;line-height:20px;height:20px;cursor:pointer;text-decoration:none;}
.datetimeselector li a:hover{background:#FFF600;text-decoration:none;color:red}
.datetimeselector li.selected a{background:#FFF600;text-decoration:none;}

.txt.datetime{padding-left:0;width:100%;text-align:center;height:34px;overflow:hidden}
.datetime .txt{width:33.333333333333333%;padding:0;text-align:center;float:left}
.datetime .txt.year{border:none}
.datetime .txt.day,.datetime .txt.month{border-top:none;border-left:none;border-bottom:none}