
.Wdate{
font-family: "Verdana";
font-size: 11px;
width:200px;
border:#7F9DB9 1px solid;
height:21px;
padding-left:5px;
padding-top:2px;
background:url(../datePicker.gif) no-repeat right;
}
/* 日期选择控件 日期格式错误时的CSS */
.WdateFmtErr{
font-weight:bold;
color:red;
}

/* 日期选择容器 DIV */
.WdateDiv{
width:250px;
background-color:#FFFFFF;
border:#000000 1px solid;
padding:4px;
}
.WdateDiv *{
font-family: "Verdana";
font-size: 11px;
}

/****************************
* 年份月份相关
***************************/
/* 年份月份栏 DIV */
.WdateDiv #dpTitle{
height:25px;
margin-bottom:2px;
}
/* 年份月份输入框 INPUT */
.WdateDiv .yminput{
text-align:center;
border:1px solid #666666;
font-weight:bold;
cursor:pointer;
width:100px;
}
/* 年份月份输入框获得焦点时的样式 INPUT */
.WdateDiv .yminputfocus{
text-align:center;
font-weight:bold;
color:blue;
border:#000000 1px solid;
}
/* 年份月份选择框 DIV */
.WdateDiv .ymsel{
position:absolute;
width:90px;

margin-top:1px;
top:22px;
background-color:#FFFFFF;
border:#000000 1px solid;
display:none;
}
/* 年月选择框的样式 TD */
.WdateDiv .Wym{
cursor:pointer;
background-color:#fff;
padding-left:2px;
padding-right:4px;
font-weight:bold;
}
/* 年月选择框的mouseover样式 TD */
.WdateDiv .WymOn{
cursor:pointer;
background-color:#BEEBEE;
padding-left:2px;
padding-right:4px;
font-weight:bold;
background:#FF6600;
color:#FFFFFF;
}
/* 年月选择框无效时的样式 TD */
.WdateDiv .Winvalidym{
color:#aaa;
padding-left:5px;

}
/****************************
* 星期,日期相关
***************************/
/* 星期栏 TR */
.WdateDiv #dpWeekTitle{
background-color:#CAD9E5;
height:20px;
}
/* 日期栏表格 TABLE */
.WdateDiv #dpDayTable{
line-height:140%;
border:#CAD9E5 1px solid;
}
/* 日期格的样式 TD */
.WdateDiv .Wday{
cursor:pointer;
font-weight:bold;
padding-top:1;
padding-bottom:1;
}
/* 日期格的mouseover样式 TD */
.WdateDiv .WdayOn{
cursor:pointer;
background:#FF6600;
color:#FFFFFF;
font-weight:bold;
}
/* 周末日期格的样式 TD */
.WdateDiv .Wwday{
cursor:pointer;
color:#ff0000;
font-weight:bold;
}
/* 周末日期格的mouseover样式 TD */
.WdateDiv .WwdayOn{
cursor:pointer;
color:#ffffff;
background-color:#000000;
font-weight:bold;
}
/* 今天的样式 */
.WdateDiv .Wtoday{
cursor:pointer;
color:blue;
}
/* 已选择那天的样式,即日期框中日期所对应的样式 */
.WdateDiv .Wselday{
background-color:#FF7200;
color:#ffffff;
font-weight:bold;
}
/* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
.WdateDiv .WinvalidDay{
color:#aaa;
}

/****************************
* 时间相关
***************************/
/* 时间栏 DIV */
.WdateDiv #dpTime{

}
/* 时间文字 SPAN */
.WdateDiv #dpTime dpTimeStr{
margin-left:1px;
}
/* 时间输入框 INPUT */
.WdateDiv #dpTime input{
height:16px;
width:18px;
text-align:center;
border:#ccc 1px solid; 
}
/* 时间 时 INPUT */
.WdateDiv #dpTime .tB{
border-right:0px;
}
/* 时间 分和间隔符 ':' INPUT */
.WdateDiv #dpTime .tE{
border-left:0;
border-right:0;
}
/* 时间 秒 INPUT */
.WdateDiv #dpTime .tm{
width:7px;
border-left:0;
border-right:0;
}
/* 时间右边的向上按钮 BUTTON */
.WdateDiv #dpTime #dpTimeUp{
height:10px;
width:13px;
border:0px;
background-image:url(up.jpg);
}
/* 时间右边的向下按钮 BUTTON */
.WdateDiv #dpTime #dpTimeDown{
height:10px;
width:13px;
border:0px;
background-image:url(down.jpg);
}
/****************************
* 其他
***************************/
.WdateDiv #dpOkInput{
border:#ccc 1px solid;
height:16px;
} 
