/*备注*/
ul.TableRemark { margin: 5px 0; padding: 5px; clear: both; background-color: #F4F4F4; list-style-type: none; line-height: 130%; border: dotted 1px gray; }
ul.TableRemark li.Help { padding-left: 22px; background: url(../../Images/res/hint/light.gif) no-repeat left center; font-size: 9pt; display: inline-block; }
ul.TableRemark li.Alarm { padding-left: 22px; background: url(../../Images/res/hint/warning.gif) no-repeat left; font-size: 9pt; }
ul.TableRemark li.None { padding-left: 22px; font-size: 9pt; }

/*标题框架*/
.titleFrmBlue, .titleFrmGray, .titleFrmStar, .titleFrmSquare { margin: 0; padding: 0; }
.titleFrmBlue .top { background: url(../../images/res/titlefrm/blue/Top.gif) repeat-x; height: 25px; line-height: 25px; }
.titleFrmBlue .top .left { background: url(../../images/res/titlefrm/blue/qleft.gif) no-repeat; height: 25px; padding-left: 10px; display: inline-block; font-size: 10.5pt; font-weight: bold; }
.titleFrmBlue .top .right { background: url(../../images/res/titlefrm/blue/qright.gif) no-repeat left top; background-position: top right; height: 25px; float: right; padding-right: 10px; }
.titleFrmBlue .mid { background: url(../../images/res/titlefrm/blue/Left.gif) repeat-y; padding-left: 6px; }
.titleFrmBlue .mid .right { background: url(../../images/res/titlefrm/blue/right.gif) repeat-y right; padding-right: 6px; }
.titleFrmBlue .bottom { background: url(../../images/res/titlefrm/blue/Top.gif) repeat-x bottom; overflow: hidden; height: 6px; }
.titleFrmBlue .bottom .left { background: url(../../images/res/titlefrm/blue/qleft.gif) no-repeat left -25px; overflow: hidden; height: 6px; width: 6px; }
.titleFrmBlue .bottom .right { background: url(../../images/res/titlefrm/blue/qright.gif) no-repeat right -25px; overflow: hidden; height: 6px; width: 6px; float: right; }

.titleFrmGray .top { background: url(../../images/res/titlefrm/gray/Top.gif) repeat-x; height: 25px; line-height: 25px; }
.titleFrmGray .top .left { background: url(../../images/res/titlefrm/gray/qleft.gif) no-repeat; height: 25px; padding-left: 10px; display: inline-block; font-size: 10.5pt; font-weight: bold; }
.titleFrmGray .top .right { background: url(../../images/res/titlefrm/gray/qright.gif) no-repeat left top; background-position: top right; height: 25px; float: right; padding-right: 10px; }
.titleFrmGray .mid { background: url(../../images/res/titlefrm/gray/Left.gif) repeat-y; padding-left: 6px; }
.titleFrmGray .mid .right { background: url(../../images/res/titlefrm/gray/right.gif) repeat-y right; padding-right: 6px; }
.titleFrmGray .bottom { background: url(../../images/res/titlefrm/gray/Top.gif) repeat-x bottom; overflow: hidden; height: 6px; }
.titleFrmGray .bottom .left { background: url(../../images/res/titlefrm/gray/qleft.gif) no-repeat left -25px; overflow: hidden; height: 6px; width: 6px; }
.titleFrmGray .bottom .right { background: url(../../images/res/titlefrm/gray/qright.gif) no-repeat right -25px; overflow: hidden; height: 6px; width: 6px; float: right; }

.titleFrmStar .top, .titleFrmSquare .top { height: 30px; line-height: 30px; }
.titleFrmStar .top .left { background: url(../../images/res/titlefrm/star.gif) no-repeat; height: 29px; padding-left: 50px; display: inline-block; font-size: 12pt; font-weight: bold; }
.titleFrmStar .top .right, .titleFrmSquare .top .right { background-position: top right; height: 29px; float: right; padding-right: 10px; }
.titleFrmSquare .top .left { background: url(../../images/res/titlefrm/Square.gif) no-repeat; height: 29px; padding-left: 50px; display: inline-block; font-size: 12pt; font-weight: bold; }

.hintTip { position: absolute; margin: 0; padding: 0; z-index: 40; }
.hintTip .top { background: #ffffe0 url(../../images/res/hint/light.gif) no-repeat 4px 5px; border: solid 1px #a0a080; padding: 5px 10px 5px 25px; color: Black; font-size: 9pt; line-height: 130%; margin: 0; }
.hintTip .bottom { background: url(../../images/res/hint/tip_di.gif) no-repeat; width: 15px; height: 6px; position: relative; margin-top: -1px; }
.hintError { background: url(../../images/res/hint/alert.gif) no-repeat 5px 2px; font-size: 9pt; width: 24px; height: 20px; color: Red; line-height: 20px; display: inline-block; vertical-align: middle; }

/*日历控件*/
#calendarCaption { color: #fff; font-weight: bold; }
.calHead { border: solid 1px Gray; cursor: pointer; display: inline-block; }
.calbtnLeft, .calbtnRight, .calbtnDown { border: 0; display: inline-block; cursor: pointer; background-color: Transparent; background: url(../../Images/res/button/btn.gif) no-repeat; width: 13px; height: 16px; }
.calbtnRight { background-position: -240px -23px; }
.calbtnLeft { background-position: -253px -23px; }
.calbtnDown { background-position: -266px -23px; }
.calListPlace { z-index: +999; position: absolute; display: none; left: 0; top: 0; }
.calListPlace td { font-size: 9pt; font-family: Arial; }
.calListPlace .dateClicked { border: 1px solid #00f !important; }

/* 完成状态 */
.finishState0, .finishState1, .finishState2, .finishState3 { width: 16px; height: 14px; background-image: url(../../Images/res/hint/finishState.gif); background-repeat: no-repeat; }
.finishState1 { background-position: 0 -14px; }
.finishState2 { background-position: 0 -28px; }
.finishState3 { background-position: 0 -42px; }
/* 完成状态说明 */
ul.finishStateRemark { list-style-type: none; margin: 0; padding: 0; }
ul.finishStateRemark li { height: 14px; line-height: 14px; float: left; display: inline; margin-right: 10px; }
.finishStateItem { width: auto; padding-left: 20px; }

/* 过程控制 */
dl.flow-process { margin: 0; padding: 0; border: 1px solid #999; font-size: 9pt; }
dl.flow-process dt { margin: 0; background-color: #f2f2f2; padding: 7px 5px; margin-bottom: 1px; }
dl.flow-process dd { margin: 0; margin: 7px 2px 7px 20px; }
.processEdit { padding: 2px 5px; background-color: Yellow; position: absolute; right: 0; top: 0; display: none; }
.processEdit a { padding: 0 2px; }

.ajaxSuggestInfo { background: url(../../images/other/black_loading.gif) no-repeat center; }

/* 弹出框 */
#diguideiframe, #guideiframe, .guideiframe { z-index: 400; position: absolute; display: none; left: 0; top: 0; background-color: White; }
#diguideiframe { z-index: 510; background-color: Black; filter: alpha(opacity=60); width: 100%; }
#guideiframe { z-index: 520; border: 1px solid #25456B; border-radius: 5px; box-shadow: 0 0 12px #A1A1A1; padding: 0 5px 5px 5px; background-color: #7db2f3; box-sizing: border-box; }
#guideiframe .top, .guideiframe .top { background: #7db2f3 url(../../Images/res/button/dialogicon.gif) no-repeat left center; height: 29px; line-height: 29px; padding-left: 20px; color: #fff; cursor: pointer; display: block; box-sizing: border-box; }
#guideiframe a.iframeClose, .guideiframe a.iframeClose { position: absolute; right: 5px; top: -1px; height: 15px; background: url(../../Images/res/button/nclose.gif) no-repeat 0 0; width: 44px; height: 19px; display: block; }
#guideiframe a.iframeClose:hover, .guideiframe a.iframeClose:hover { background-position: 0 -20px; /*box-shadow: 0 0 5px rgba(222, 146, 132, 0.9);*/ }

#guideiframe iframe { background-color: #fff; border: 1px solid #999; }

#gui-mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 920; user-select: none; display: none; }
#gui-mask #gui-mask-canvas { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; background: #000; filter: alpha(opacity=60); opacity: 0.6; }
#gui-mask.on { display: block; }

#gui-mask #gui-mask-content { position: absolute; left: 50%; top: 50%; display: none; box-shadow: 3px 4px 9px 0px #4d4d4d; }
#gui-mask .gui-mask-content-tit { height: 32px; line-height: 32px; background-color: #3955a3; padding-left: 8px; font-weight: bold; position: relative; color: #fff; padding-right: 30px; }
#gui-mask .gui-mask-content-tit span { display: block; cursor: pointer; width: 100%; }
#gui-mask .gui-mask-content-tit .gui-mask-close { position: absolute; right: 8px; top: 8px; width: 18px; height: 16px; display: block; text-align: center; text-decoration: none; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAgklEQVQ4T9WT3Q2AIAyE7+Z0Ax1CWcIJdM4zTXho+DEBiQm8ldKP3kGJQYuDOJgEJGkheZdkS1pJnmkuk2YQABeAQPLwBZIs3gFsKazokSs4SAaDub3sAstXzfaweM46KUJeQUkXFlYh/4C8J9HwdmklY5vNHv383z9k7xBPMrQ98h7YZU4TJO/rOgAAAABJRU5ErkJggg==) no-repeat center center; }

/* 附件上传 */
.swf-button-box { position: relative; cursor: pointer; }
.swf-button-box .swfupload { position: absolute; left: 0; top: 0; }
.swf-button-text { text-align: center; border: 1px solid #ccc; background-color: #fff; border-radius: 4px; background: linear-gradient(#ffffff, #f1f1f1); color: #333; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; }
.swf-button-box:hover .swf-button-text { border: 1px solid #999; background-color: #f2f2f2; }
.swf-box-remrk { color: #666; padding: 0; }
.filetable td { padding-right: 3px; }

.uploader-pick { display: block; padding: 0; box-sizing: border-box; height: 28px; min-width: 70px; }
.uploader-pick.flash-pick { position: relative; }
.uploader-pick button { display: block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; font-size: 12px; border-radius: 4px; color: #333333; background-color: #f8f6f6; background: linear-gradient(#ffffff, #f1f1f1); border-color: #cccccc; height: 100%; width: 100%; outline: none; padding: 0 8px; }
.uploader-pick button:before { content: "\f093"; font-family: 'FontAwesome'; display: inline-block;margin-right:5px;color:#555; }
.uploader-pick button:hover { background-position: 0 0; background: linear-gradient(#ffffff, #e2e1e1); border: 1px solid #a3a3a3; }
.uploader-pick button:active { background: linear-gradient(#fff, #d1d0d0); }
.uploader-pick input { display: none !important; }
.flash-pick .flash-box { position: absolute; left: 0; top: 0; overflow: hidden; height: 28px; }
/*IE7 HACK*/
* + html .uploader-pick.flash-pick { height: 24px; }

.fileWrapper { margin: 2px; min-width: 120px; max-width: 400px; overflow: hidden; }
.fileWrapper .fileName { font-weight: bold; }
.fileProgressWrapper { margin: 5px; padding: 4px; overflow: hidden; }
.fileProgressElement { padding: 1px; height: 5px; margin-top: 2px; background: #ececec url(../../Images/res/FileIcon/up_process.gif) repeat-x 0 0; border: 1px solid #ccc; }
.innerProgressElement { width: 0%; background: #3ebb34 url(../../Images/res/FileIcon/up_process.gif) repeat-x 0 -7px; height: 5px; overflow: hidden; }

/* 正在处理提示 */
.doing { position: absolute; color: #333; z-index: 99999; }
.doing .dom { padding: 0 20px 0 5px; font-size: 10.5pt; float: left; display: inline-block; height: 54px; line-height: 50px; background: transparent url(../../images/res/hint/tip_layer.gif) repeat-x -5px -162px; }
.doing .dor { float: left; display: inline-block; height: 54px; width: 6px; background: transparent url(../../images/res/hint/tip_layer.gif) no-repeat 0 -1px; }
/* -1:ok,-55:info -109:error*/
.doing .dol1 { float: left; display: inline-block; height: 54px; width: 45px; background: transparent url(../../images/res/hint/tip_layer.gif) no-repeat -6px -1px; }
.doing .dol0 { float: left; display: inline-block; height: 54px; width: 45px; background: transparent url(../../images/res/hint/tip_layer.gif) no-repeat -6px -55px; }
.doing .dol2 { float: left; display: inline-block; height: 54px; width: 45px; background: transparent url(../../images/res/hint/tip_layer.gif) no-repeat -6px -109px; }

.lnkhelp { padding-left: 20px; background: url(../../Images/res/hint/light.gif) no-repeat left 40%; font-size: 9pt; display: inline-block; padding-right: 10px; }

.gte8 #guideiframe { padding: 0; background-color: #fff; box-shadow: 3px 4px 9px 0px #4d4d4d; border-radius: 0; }
.gte8 #guideiframe iframe { box-sizing: border-box; border: 0 none; }

.gte8 #guideiframe .top { background: none; background-color: #3955a3; border-bottom: 1px solid #183482; color: #fff; padding-left: 10px; height: 32px; line-height: 32px; }
.gte8 #guideiframe a.iframeClose { background: none; right: 5px; top: 4px; width: 24px; height: 24px; display: inline-block; text-align: center; text-decoration: none; }
.gte8 #guideiframe a.iframeClose:before { content: "\f2d3"; font-family: 'FontAwesome'; display: inline-block; color: #fff; font-size: 16px; }