/* 
 * My97 DatePicker 4.7
 * 皮肤名称:YcloudRed
 * 皮肤作者:风逍云逸 abc123@foxmail.com
 */
 
/* 日期选择容器 DIV */
.WdateDiv { width:180px; padding:2px; background-color:#fff; border: solid 1px #eb2f14; }
/* 双月日历的宽度 */
.WdateDiv2{width:360px;}
.WdateDiv * { font:9pt Arial, Helvetica, sans-serif; }
/****************************
 * 导航图标 全部是A标签
 ***************************/
.WdateDiv .NavImg a{ display:block;width:16px; height:16px; cursor:pointer; }
.WdateDiv .NavImgll a{ float:left;background:url(bg.gif) no-repeat 4px 6px; }
.WdateDiv .NavImgl a{ float:left;background:url(bg.gif) no-repeat 4px -10px; }
.WdateDiv .NavImgr a{ float:right;background:url(bg.gif) no-repeat -20px -10px; }
.WdateDiv .NavImgrr a{ float:right;background:url(bg.gif) no-repeat -20px 6px; }
/****************************
 * 年份月份相关
 ***************************/
/* 年份月份栏 DIV */
.WdateDiv #dpTitle { height:24px; margin-bottom:2px; background:#ea3017 url(qs.jpg) repeat-x bottom; }
/* 年份月份输入框 INPUT */
.WdateDiv .yminput { width:50px; height:20px; margin-top:2px; border:0px; background:transparent; cursor:pointer; color:white; line-height:14px; text-align:center; }
/* 年份月份输入框获得焦点时的样式 INPUT */
.WdateDiv .yminputfocus { width:50px; height:20px; margin-top:2px; border:#939393 1px solid; color:red; font-weight:bold; line-height:14px; text-align:center; }
/* 菜单选择框 DIV */
.WdateDiv .menuSel { z-index:1;position:absolute; display:none; background-color:#FFFFFF; border:#eb2f14 1px solid; }
/* 菜单的样式 TD */
.WdateDiv .menu { cursor:pointer; background-color:#fff; color:#e12b17; }
/* 菜单的mouseover样式 TD */
.WdateDiv .menuOn { cursor:pointer; color:white; background-color:#e12b17; }
/* 菜单无效时的样式 TD */
.WdateDiv .invalidMenu { color:#aaa; }
/* 年选择框的偏移 DIV */
.WdateDiv .YMenu { margin-top:20px; }
/* 月选择框的偏移 DIV */
.WdateDiv .MMenu { margin-top:20px; *width:62px;
}
/* 时选择框的位置 DIV */
.WdateDiv .hhMenu { margin:-90px 0 0 26px; }
/* 分选择框的位置 DIV */
.WdateDiv .mmMenu { margin:-46px 0 0 26px; }
/* 秒选择框的位置 DIV */
.WdateDiv .ssMenu { margin:-24px 0 0 26px; }
/****************************
 * 周相关
 ***************************/
 .WdateDiv .Wweek { background:#DAF3F5; border-right:#BDEBEE 1px solid; text-align:center; }
/****************************
 * 星期,日期相关
 ***************************/
 /* 星期栏 TR */
.WdateDiv .MTitle { background:#ef341c; color:white; }
.WdateDiv .WdayTable2{
	border-collapse:collapse;
	border:#eb2f14 1px solid;
}
.WdateDiv .WdayTable2 table{
	border:0;
}
/* 日期栏表格 TABLE */
.WdateDiv .WdayTable { background:white; border:#eb2f14 1px solid; color:red; }
.WdateDiv .WdayTable td{
	line-height:20px;
	text-align:center;
}
/* 日期格的样式 TD */
.WdateDiv .Wday { cursor:pointer; }
/* 日期格的mouseover样式 TD */
.WdateDiv .WdayOn { background-color:#e12b17; cursor:pointer; font-size:13px; color:yellow; }
/* 周末日期格的样式 TD */
.WdateDiv .Wwday { cursor:pointer; color:green; }
/* 周末日期格的mouseover样式 TD */
.WdateDiv .WwdayOn { background-color:#e12b17; color:yellow; cursor:pointer; font-size:13px; }
.WdateDiv .Wtoday { cursor:pointer; color:blue; font-size:13px; }
.WdateDiv .Wselday { background-color:#e12b17; color:yellow; font-size:13px; }
.WdateDiv .WspecialDay{	background-color:#EAF330;}
/* 其他月份的日期 */
.WdateDiv .WotherDay { cursor:pointer; color:#666; }
/* 其他月份的日期mouseover样式 */
.WdateDiv .WotherDayOn { cursor:pointer; color:#666; }
/* 无效日期的样式,即在日期范围以外日期格的样式,不能选择的日期 */
.WdateDiv .WinvalidDay { color:#aaa; }

/****************************
 * 时间相关
 ***************************/
/* 时间栏 DIV */
.WdateDiv #dpTime { margin-top:3px; }
/* 时间文字 SPAN */
.WdateDiv #dpTime #dpTimeStr { margin-left:1px; color:green; }
/* 时间输入框 INPUT */
.WdateDiv #dpTime input { width:18px; height:16px; border:#eb2f14 1px solid; color:black; line-height:14px; text-align:center; }
/* 时间 时 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 { border:solid 1px #d80303; border-right:solid 1px #c33210; height:10px; width:13px; padding:0; background:#c33210 url(bg.gif) no-repeat -10px 2px; *background:#c33210 url(bg.gif) no-repeat -11px 1px;
}
/* 时间右边的向下按钮 BUTTON */
.WdateDiv #dpTime #dpTimeDown { border:solid 1px #d80303; border-right:solid 1px #c33210; height:10px; width:13px; padding:0; background:#c33210 url(bg.gif) no-repeat -10px -17px; *background:#c33210 url(bg.gif) no-repeat -11px -18px;
}
/****************************
 * 其他
 ***************************/
 .WdateDiv #dpQS { float:left; width:20px; height:20px; margin:3px 3px 0 0; background-image:url(qs.jpg); cursor:pointer; }
.WdateDiv #dpControl { margin-top:3px; text-align:right; }
.WdateDiv .dpButton { width:45px; height:21px; overflow:hidden; background:#c33210 url(qs.jpg) repeat-x bottom; color:white; border: solid 1px #D80303; *border: solid 1px;
line-height:19px; }