.boraindatetime_icon { background-image: url(../images/datetime_icon.png); background-repeat: no-repeat; background-position: 5px center; padding-left: 30px !important; }
.borainDateTime { display: none; top: 28px; left: 0px; border-radius: 5px 5px 5px 5px; position: fixed; overflow: hidden; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.borainDateTime .main { width: 419px; height: 290px; border: 1px solid #E1E1E1; border-radius: 5px 5px 5px 5px; overflow: hidden; }
.borainDateTime .main .title { width: 100%; height: 40px; background-color: #0084CC; position: relative; }
.borainDateTime .main .title .dateInfo { width: 180px; height: 40px; text-align: center; line-height: 40px; margin: 0px auto 0px auto; }
.borainDateTime .main .title .dateInfo span { font-size: 14px; color: #FFFFFF; }
.borainDateTime .main .title .dateInfo a { font-size: 14px; color: #FFFFFF; cursor: pointer; }
.borainDateTime .main .title .dateInfo a:hover { color: #72E6E9; }
.borainDateTime .main .title .last { display: block; width: 30px; height: 30px; top: 5px; left: 75px; border-radius: 5px 5px 5px 5px; background-image: url(../images/datetime_last.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.borainDateTime .main .title .last:hover { background-image: url(../images/datetime_last_hover.png); }
.borainDateTime .main .title .next { display: block; width: 30px; height: 30px; top: 5px; right: 75px; background-image: url(../images/datetime_next.png); background-repeat: no-repeat; background-position: center center; position: absolute; cursor: pointer; }
.borainDateTime .main .title .next:hover { background-image: url(../images/datetime_next_hover.png); }
.borainDateTime .main .dayList { display: block; width: 420px; height: 217px; background-color: #FFFFFF; }
.borainDateTime .main .dayList li { display: block; width: 59px; height: 30px; border-right: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; text-align: center; line-height: 30px; float: left; cursor: pointer; }
.borainDateTime .main .dayList li.week { font-weight: bold; color: #FFFFFF; background-color: #2FAAEE; cursor: default; }
.borainDateTime .main .dayList li.otherMouth { border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; background-color: #E1E1E1; }
.borainDateTime .main .dayList li.active { color: #FFFFFF; background-color: #0CC6F4; }
.borainDateTime .main .functionButton { width: 100%; height: 34px; bottom: 0px; left: 0px; background-color: #FFFFFF; position: absolute; }
.borainDateTime .main .functionButton .prompt { display: block; width: 30px; height: 32px; top: 0px; left: 10px; background-image: url(../images/datetime-timeIcon.png); background-repeat: no-repeat; background-position: center center; position: absolute; }
.borainDateTime .main .functionButton input { display: block; width: 16px; height: 26px; top: 2px; font-weight: bold; color: #999999; border: 1px solid #A9A9A9; /*background-color:#FFECB3;*/ background-color: #F9F9F9; text-align: center; line-height: 26px; padding: 0px 10px 0px 10px; position: absolute; outline: none; }
.borainDateTime .main .functionButton .hourInput { left: 40px; }
.borainDateTime .main .functionButton .minuteInput { left: 95px; }
.borainDateTime .main .functionButton .secondInput { left: 151px; }
.borainDateTime .main .functionButton p { width: 10px; height: 32px; top: 0px; font-weight: bold; color: #000000; text-align: center; line-height: 32px; position: absolute; }
.borainDateTime .main .functionButton .hourText { left: 81px; }
.borainDateTime .main .functionButton .minuteText { left: 136px; }
.borainDateTime .main .functionButton .confirm { display: block; width: 77px !important; height: 26px; top: 3px; left: 250px; font-size: 14px; color: #FFFFFF; background-color: none; background-image: url(../images/datetime_confirm.png); background-repeat: no-repeat; background-position: center center; text-align: center; line-height: 26px; padding: 0px 0px 0px 0px; position: absolute; cursor: pointer; }
.borainDateTime .main .functionButton .confirm:hover { background-image: url(../images/datetime_confirm_hover.png); text-decoration: none; }
.borainDateTime .main .functionButton .cancel { display: block; width: 77px; height: 26px; top: 3px; right: 10px; font-size: 14px; color: #FFFFFF; background-image: url(../images/datetime_cancel.png); background-repeat: no-repeat; background-position: center center; text-align: center; line-height: 26px; position: absolute; cursor: pointer; }
.borainDateTime .main .functionButton .cancel:hover { background-image: url(../images/datetime_cancel_hover.png); text-decoration: none; }
.borainDatetimeMask { display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: #000000; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; zoom: 1; z-index: 1; }
.borainDateTime .main .yearChoice { display: none; width: 200%; height: 280px; top: 0px; left: 0px; border-top: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; background-color: #FFFFFF; position: absolute; overflow-x: hidden; overflow-y: scroll; }
.borainDateTime .main .yearChoice ul { display: block; width: 402px; top: 0px; left: 10px; position: absolute; }
.borainDateTime .main .yearChoice ul li { display: block; width: 100.5px; height: 30px; float: left; position: relative; }
.borainDateTime .main .yearChoice ul li a { display: block; width: 100%; height: 30px; top: 0px; left: 0px; color: #FFFFFF; background-color: #12A0ED; text-align: center; line-height: 30px; position: absolute; cursor: pointer; }
.borainDateTime .main .yearChoice ul li a:hover { font-weight: bold; color: #D78525; background-color: #F0F0F0; }
.borainDateTime .main .yearChoice ul li .borderRight { display: block; width: 1px; height: 100%; top: 0px; right: 0px; background-color: #FFFFFF; position: absolute; }
.borainDateTime .main .yearChoice ul li .borderBottom { display: block; width: 100%; height: 1px; bottom: 0px; left: 0px; background-color: #FFFFFF; position: absolute; }
.borainDateTime .main .yearChoice ul .yearChecked a { background-color : #72E6E9; }
.borainDateTime .main .mouthChoice { display: none; width: 200%; height: 280px; top: 0px; left: 0px; border-top: 10px solid #FFFFFF; border-bottom: 10px solid #FFFFFF; background-color: #FFFFFF; position: absolute; overflow-x: hidden; overflow-y: scroll; }
.borainDateTime .main .mouthChoice ul { display: block; width: 402px; top: 0px; left: 10px; position: absolute; }
.borainDateTime .main .mouthChoice ul li { display: block; width: 134px; height: 60px; float: left; position: relative; }
.borainDateTime .main .mouthChoice ul li a { display: block; width: 100%; height: 60px; top: 0px; left: 0px; color: #FFFFFF; background-color: #12A0ED; text-align: center; line-height: 67.5px; position: absolute; cursor: pointer; }
.borainDateTime .main .mouthChoice ul li a:hover { font-weight: bold; color: #D78525; background-color: #F0F0F0; }
.borainDateTime .main .mouthChoice ul li .borderRight { display: block; width: 1px; height: 100%; top: 0px; right: 0px; background-color: #FFFFFF; position: absolute; }
.borainDateTime .main .mouthChoice ul li .borderBottom { display: block; width: 100%; height: 1px; bottom: 0px; left: 0px; background-color: #FFFFFF; position: absolute; }
.borainDateTime .main .mouthChoice ul .mouthChecked a { background-color : #72E6E9; }
.borainDateTime .main .buttonList { width: 402px; height: 30px; top: 240px; left: 10px; position: absolute; }
.borainDateTime .main .buttonList .confirm { display: block; width: 77px !important; height: 26px; top: 10px; left: 90px; font-size: 14px; color: #FFFFFF; background-color: none; background-image: url(../images/datetime_confirm.png); background-repeat: no-repeat; background-position: center center; text-align: center; line-height: 26px; padding: 0px 0px 0px 0px; position: absolute; cursor: pointer; }
.borainDateTime .main .buttonList .confirm:hover { background-image: url(../images/datetime_confirm_hover.png); text-decoration: none; }
.borainDateTime .main .buttonList .cancel { display: block; width: 77px; height: 26px; top: 8px; right: 100px; font-size: 14px; color: #FFFFFF; background-image: url(../images/datetime_cancel.png); background-repeat: no-repeat; background-position: center center; text-align: center; line-height: 26px; position: absolute; cursor: pointer; }
.borainDateTime .main .buttonList .cancel:hover { background-image: url(../images/datetime_cancel_hover.png); text-decoration: none; }