.birthday .year {
width: 3em;
}
.birthday .month {
width: 2em;
}
.birthday .day {
width: 2em;
}
.birthday-picker {
position: absolute;
border: 2px solid #666;
border-width: 8px 2px 2px;
padding: 4px 0 0 4px;
background: #ffe;
display: none;
}
.birthday-picker .head {
font-size: 100%;
font-weight: bold;
margin: 0 4px 4px 0;
border-bottom: 1px solid #666;
color: #666;
}
.birthday-picker ol {
clear: none;
display: block;
list-style: none;
margin: 0;
padding: 0;
}
.birthday-picker ol.month {
width: 460px;
}
.birthday-picker ol.day {
width: 460px;
}
.birthday-picker ol.year li {
font-weight: bold;
float: left;
display: block;
list-style: none;
margin: 0;
padidng: 0;
text-align: center;
}
.birthday-picker ol.year li li,
.birthday-picker ol.month li,
.birthday-picker ol.day li {
float: left;
margin: 0 4px 4px 0;
padidng: 0;
border: 1px solid #999;
color: #000;
text-align: center;
font-weight: bold;
}
.birthday-picker ol.year li li {
float: none;
color: #999;
width: 4em;
height: 2em;
line-height: 2em;
}
.birthday-picker ol.year li.first {
font-size: 120%;
width: 3.3em;
color: #666;
}
.birthday-picker ol.year li:hover ol li {
color: #000;
border-color: #444;
}
.birthday-picker ol.year li:hover ol li:hover,
.birthday-picker ol.month li:hover,
.birthday-picker ol.day li:hover {
color: #fff;
background: #0E7CEB;
border-color: #0E7CEB;
cursor: pointer;
}
.birthday-picker ol.month li {
font-size: 240%;
border: 1px solid #aaa;
width: 2.725em;
height: 2em;
line-height: 2em;
color: #000;
}
.birthday-picker ol.day li {
font-size: 150%;
border: 1px solid #aaa;
width: 2.985em;
height: 2.275em;
line-height: 2.275em;
}
.birthday-picker ol li.one {
clear: left;
}
.birthday-picker ol li.checked, .birthday-picker ol ol li.checked {
color: #ffe;
background: #f66;
}
.birthday-picker ol.day li:hover {
color: #fff;
background: #0E7CEB;
border-color: #0E7CEB;
cursor: pointer;
}
.seperate {
padding: 0 5px;
font-size: 100%;
}