body { margin: 0; padding: 0; color: #666666; font-size: 12px; background-color: #fff; height: 100%; font-family: Arial, Verdana,Helvetica, sans-serif; }
body *{font-family: Arial, Verdana,Helvetica, sans-serif!important;}
td { color: #666666; font-family: 'Microsoft YaHei'; }
img { border: 0px; }
ul, li { list-style: none; padding: 0px; margin: 0px; }
.ReadOnly { background-color: #ddd !important; background-image: none !important; font-size: 12px; }
.ReadOnlyInput { background-color: #ddd; border: 1px solid #bbb; color: #666666; }
.YaHei { font-family: "微软雅黑","黑体"; }
.YaHeiLink, .YaHeiLink:hover, .YaHeiLink:visited, .YaHeiLinkText { font-family: "微软雅黑","黑体"; text-decoration: none; color: #444; padding: 2px 5px 2px 5px; line-height: 20px; }
.YaHeiLink:hover { background-color: #ddd; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding-top: 5px; padding-bottom: 5px; }
.NotExisted { text-decoration: line-through !important; }
h1 { font-size: 18px; font-family: "微软雅黑","黑体"; font-weight: 500; }
.GreenBigTitleDIV { font-size: 34px; font-family: "微软雅黑","黑体"; font-weight: 500; color: #246800; }
.GreenBigTitle24DIV { font-size: 24px; font-family: "微软雅黑","黑体"; font-weight: 500; color: #246800; }
.BigTitleDIV { font-size: 24px; font-family: "微软雅黑","黑体"; font-weight: 500; }
.BlueLink { border-bottom: 1px solid #0066CC !important; color: #0066CC !important; text-decoration: none !important; }
.DottedLink, .AttachmentLink { border-bottom: 1px dotted #1C8DC4 !important; color: green !important; text-decoration: none !important; }
.DottedBorder { border: 1px dotted #ccc !important; }
.GreyDottedLink { border-bottom: 1px dotted #999 !important; color: #666666 !important; text-decoration: none !important; }
.LeftTD { color: #666666; width: 110px; padding-top: 5px; font-size: 12px; font-family: 'Microsoft YaHei' !important; }
.CommonForm td { padding: 4px; }
.CommonForm .LeftTD { color: #666666; }
.CommonForm input { padding: 2px; font-size: 12px; }
.CommonPanel td { padding: 2px; }
.CommonPanel .LeftTD { color: #666666; width: 90px; }
.UserInputField { background-color: #DDDDDD !important; background-image: url(../image/column-header-bg-grey.gif) !important; background-repeat: repeat-x !important; background-position: left top; }
input, select { font-size: 12px; }
input[type='text'], input[type='password'] { padding-top: 6px; padding-bottom: 6px; line-height: 16px; }
input[type='checkbox'] { background-color: #fff; }
select { padding-top: 3px; padding-bottom: 3px; }
.Button, input[type='button'] { padding: 0px 7px 2px 7px !important; line-height: 25px !important; height: 25px; color: #333; font-size: 12px; }
.SmallButton { padding: 0px 4px 0px 4px !important; line-height: 23px !important; height: 23px; color: #333; font-size: 12px; }
.SmallGreenButton { background-image: url(../image/btn-green-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; border: 1px solid #668F28; background-color: #679A1D; color: #fff !important; border-radius: 3px; -moz-border-radius: 3px; }
.GreenButton { background-image: url(../image/btn-green-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; border: 1px solid #668F28; background-color: #679A1D; color: #fff !important; border-radius: 3px; -moz-border-radius: 3px; padding-top: 3px; padding-bottom: 3px; }
.GridManagementToolBarButtonListDIV { padding-left: 5px; }
.GridManagementToolBarButtonListDIV input[type='button'] { padding: 0px 7px 2px 7px !important; line-height: 25px !important; height: 25px; color: #333; font-size: 12px; margin-right: 5px; /*line-height: 22px !important; height: 24px !important; color: #333; cursor: pointer; font-size: 12px; font-family: Arial; padding-bottom: 2px; margin-right: 5px;*/ }
.LoginForm { padding-top: 10px; }
.LoginForm input[type='text'], .LoginForm input[type='password'] { width: 230px; border: 1px solid #ccc; }
.ErrorMsgDIV { border: 1px solid #FCB59D; padding: 2px; background-color: #fff; }
.ErrorMsgInnerDIV { padding: 3px; color: red; background-color: #fff7d7; color: #FA4204; }
.GreyText, a.GreyText { color: #999; }
.LightGreyText { color: #666; }
#LoadPercentSPAN { font-weight: bold; }
.Bold { font-weight: bold; }
.Font14 { font-size: 14px; }
.Font16 { font-size: 16px !important; }
.AdditionalMsg { color: #999; padding-left: 10px; }
.RemindText, .Red { color: red; }
table.x-table-layout1 { width: 100%; }
.x-field-label-cell1 { min-width: 150px !important; }
.FormPanelBodyClass { border: 0px !important; background-color: transparent !important; }
.Transparent { background-color: transparent !important; }
.x-checkboxgroup-form-item td { padding-right: 15px; }
.*ControlPanelBodyClass { background-color: transparent !important; border: 0px !important; border-bottom: 1px solid #99BCE8 !important; }
.SearchFormPanelBody { overflow-y: auto; }
.OverFlowAuto { overflow: auto; }
.HideOverFlow { overflow: hidden; }
.HideOverFlowX { overflow-x: hidden; }
.HideOverFlowY { overflow-y: hidden; }
.Hidden { display: none; }
.CenterDIV { margin-right: auto; margin-left: auto; }
.Center { text-align: center !important; }
.SearchToolbarClass { border-top: 1px solid #99BCE8 !important; }
.SearchToolbarClass .SmallButton { margin: 0 1px 0 1px; }
.GridManagementToolBar { background-color: #D3E1F1 !important; padding: 4px 0 4px 0 !important; }
td.Clicked { background-color: #DFE8F6 !important; }
td.Focused, tr.Focused td { background-color: #C7D8F3 !important; color: #fff; background-image: url(../image/tdfocusedbg.gif); background-position: left top; background-repeat: repeat-x; background-color: #37BCE7; }
td.Focused a, tr.Focused td a { color: #ffffff !important; }
.Disabled td, td.Disabled { background-color: #eee !important; color: #888; }
.Selected td { background-color: #618902 !important; color: #ffffff; }
.Selected a { color: #fff; }
.FullWidth { width: 100% !important; }
.FullHeight { height: 100% !important; }
.RowCheckBoxDIV { }
.MarginTop5 { margin-top: 5px; }
.MarginLeft5 { margin-left: 5px !important; }
.MarginLeft10 { margin-left: 10px !important; }
.MarginTop10 { margin-top: 10px; }
.MarginBottom5 { margin-bottom: 5px; }
.MarginBottom10 { margin-bottom: 10px; }
.hr { height: 5px; border-top: 1px solid #ccc; margin-bottom: 5px; margin-top: 5px; }
.Spacer { height: 5px; border-top: 1px dotted #ddd; }
.Spacer20 { border-top: 1px dotted #ddd; margin-bottom: 0px; margin-top: 8px; }
.SpacerDashed20 { border-top: 1px dashed #ccc; margin-bottom: 0px; margin-top: 8px; }
.Dashed { border-bottom: 1px dashed #ccc; height: 1px; }
.SpacerDIV { height: 8px; }
.SpacerDIV5 { height: 5px; }
.SpacerDIV10 { height: 10px; }
.SpacerDIV15 { height: 15px; }
.SpacerDIV20 { height: 20px; }
.SpacerDIV30 { height: 30px; }
.SpacerDIV40 { height: 40px; }
.SpacerDIV10 { height: 10px; }
.BlurText { color: #aaaaaa !important; }
.CurrentFocus { background-color: #f5f5f5; color: #333; padding-top: 1px; padding-bottom: 1px; border: 1px solid #ddd; padding: 3px 0 4px 0; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.HandCursor { cursor: pointer; }
.Green { color: green; }
.Ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.MySpan { display: -moz-inline-box; display: inline-block; width: 30px; }
.MySpan10 { display: -moz-inline-box; display: inline-block; width: 10px; }
.MySpan15 { display: -moz-inline-box; display: inline-block; width: 15px; }
.MySpan50 { display: -moz-inline-box; display: inline-block; width: 50px; }
.CenterText { text-align: center; }
.WhiteBg { background-color: #fff !important; }
.WhiteBgDIV { border: 1px solid #99BCE8; padding: 5px; background-color: #fff; }
.WhiteBgGreyBoderDIV { border: 1px solid #dddddd; padding: 5px; background-color: #fff; }
.GreyBgDIV { border: 1px solid #ccc; padding: 8px; background-color: #EDEDED; }
.LightGreyBgDIV { border: 1px solid #E5E5E5; padding: 8px; background-color: #F8F8F8; color: #777; line-height: 18px; }
.LightGreyBgDIVPadding5 { border: 1px solid #dddddd; padding: 5px; background-color: #eeeeee; color: #555555; }
.BlueBgDIV { border: 1px solid #B0D4E1; padding: 8px; background-color: #fff; }
.LightBlueBgNoBorderDIV { background-color: #EDFAFF; padding: 5px; }
.BlueBorderLightGreenBgDIV { border: 1px solid #B8D6EE; background-color: #F8FDFF; }
.GreyBorderWhiteBgDIV { border: 1px solid #ddd; background-color: #fff; }
.ProcessSuccessMsgDIV20 { background-image: url(../image/accepted_20.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 25px; padding-left: 30px; padding-top: 10px; text-align: left; color: Green; font-size: 12px; }
.ProcessSuccessMsgDIV25 { background-image: url(../image/accepted_25.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 28px; padding-left: 35px; padding-top: 11px; text-align: left; color: Green; font-size: 12px; }
.ProcessSuccessMsgDIV30 { background-image: url(../image/accepted_30.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 32px; padding-left: 45px; padding-top: 13px; text-align: left; color: Green; font-weight: bold; font-size: 14px; }
.ManagementToolbar span { margin-left: 5px; margin-right: 5px; }
.InfoMsgDIV30 { background-image: url(../image/info_30.png); background-repeat: no-repeat; background-position: 5px 5px; min-height: 32px; padding-left: 45px; padding-top: 13px; text-align: left; color: #0EA7D9; font-weight: bold; font-size: 14px; }
.PopupRemindWindow { margin-right: 1px; }
.PopupRemindWindow .ui-dialog-title { color: #666; }

.Padding5 li { padding-bottom:10px; }

.TableCSSClass { }
.HeaderCSSClass { background-color: #eeeeee; font-weight: bold; text-align: center; padding: 3px 5px 3px 5px; }
.HeaderCSSClassBg { font-size: 12px; background-image: url(../image/column-header-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; }
.TableCSSClass td { padding: 2px 3px 2px 3px; }
.TableCSSClassPadding5 td { padding: 5px !important; }
.TableCSSClassPadding8 td { padding: 8px !important; }
.IsVisibleMenuTrue, .IsVisibleMenuFalse { background-image: url(../image/icon_eye.png); background-repeat: no-repeat; display: inline-block; width: 14px; }
.IsVisibleMenuTrue { background-position: left top; height: 9px; }
.IsVisibleMenuFalse { background-position: left -10px; height: 13px; }
.DataCSSClass { background-color: #ffffff; padding: 3px; color: #666666; }
.TableCSSClassGreyLeftTD td { color: #333333 !important; }
.TableCSSClassGreyLeftTD .LeftTD { color: #777777 !important; }
.TableCSSClassDarkLeftTD td { color: #777777; }
.TableCSSClassDarkLeftTD .LeftTD { color: #222222 !important; }
.TableCSSClassLeftTDWidth130 .LeftTD { width: 130px !important; }
.SumFieldTD { background-color: #ffffff; padding: 8px 0 2px 25px !important; background-image: url(../image/icon_sum.png); background-repeat: no-repeat; background-position: 0px 9px; }
.SumFieldTD b { font-size: 1.2em; }
.SumDIV { background-image: url(../image/icon_sum.png) !important; background-position: left center; background-repeat: no-repeat; padding: 5px; padding-left: 25px; }
.SumDIV SPAN { display: inline-block; padding-right: 10px; }

.TableStyle1 td { padding: 2px 3px 2px 3px; }
.TableStyle1 tr:first-child td { font-size: 12px; background-image: url(../image/column-header-bg.gif) !important; background-repeat: repeat-x !important; background-position: left top !important; background-color: #eeeeee; font-weight: bold; text-align: center; }
.TableStyle1 tr:nth-child(2n+2) { background-color: #ffffff; }
.TableStyle1 tr:nth-child(2n+3) { background-color: #F5F9FE; }

.GreyLeftTDTable .LeftTD { background-color: #F0F6FD !important; color: #666666 !important; background-image: url(../image/column-header-bg-lightgreen.gif) !important; background-repeat: repeat-x !important; background-position: left -10px !important; }

#TotalSelectedUniqueKeySPAN { color: red; font-weight: bold; }
.AssignPermissionMenu { display: table; }
.AssignPermissionMenu .MenuName { display: table-cell; width: 350px; }
.AssignPermissionMenu .IsRestrictMode { display: table-cell; width: 130px; }
.AssignPermissionMenu .ControlButton { display: table-cell; width: 300px; }
.PermissionAssignTable td { width: 210px; }
.Table { display: table; }
.TableCell { display: table-cell; padding: 2px; vertical-align: middle; }
.Spliter { background-image: url(../image/spliter.png); background-repeat: no-repeat; background-position: center center; height: 20px; }
.SpliterVertical { background-image: url(../image/splitervertical.gif); background-repeat: no-repeat; background-position: center center; height: 20px; }
.VerticalTop { vertical-align: top; }

.Left { text-align: left; }
.Right { text-align: right; }
.FloatLeft { float: left; }
.FloatRight { float: right; top: 0; right: 0; }
.ClearFloat { clear: both; }
.Width506 { width: 506px; }
.Width5 { width: 5px; }
.Width10 { width: 10px; }
.Width20 { width: 20px; }
.Width50 { width: 50px; }
.Width100 { width: 100px; }
.Width120 { width: 120px; }
.Width150 { width: 150px; }
.Width200 { width: 200px; }
.WidthSelect200 { width: 210px !important; }
.Width250 { width: 250px; }
.Width300 { width: 300px; }
.Width350 { width: 350px; }
.Width380 { width: 380px; }
.Width400 { width: 400px; }
.Width500 { width: 500px; }
.Width600 { width: 600px; }
.FullPercentWidth { width: 100%; }
.Margin5 { margin: 5px 0!important; }
.Margin10 { margin: 10px 0!important; }
.MarginTop5 { margin-top: 5px; }
.MarginTop10 { margin-top: 10px !important; }
.MarginTop15 { margin-top: 15px; }
.MarginTop20 { margin-top: 20px; }
.MarginTop40 { margin-top: 40px; }
.MarginBottom5 { margin-bottom: 5px !important; }
.MarginBottom10 { margin-bottom: 10px !important; }
.MarginBottom20 { margin-bottom: 20px !important; }
.MarginBottom30 { margin-bottom: 30px !important; }
.MarginBottom40 { margin-bottom: 40px !important; }
.MarginRight8 { margin-right: 8px; }
.MarginRight10 { margin-right: 10px; }
.MarginTopBottom5 { margin-top: 5px; margin-bottom: 5px; }
.Absolute { position: absolute; }
.AbsoluteRight { position: absolute; right: 0; top: 0; }
.AbsoluteLeft { position: absolute; left: 0; top: 0; }
.Fix { position: fixed; }
.FixRight { position: fixed; right: 0; top: 0; }
.FixLeft { position: fixed; left: 0; top: 0; }
.FixRightBottom { position: fixed; right: 0; bottom: 0; }
.Height50 { height: 50px; }
.Height30 { height: 30px; }
.Height40 { height: 40px; }
.Height60 { height: 60px; }
.Height80 { height: 80px; }
.Height120 { height: 120px; }
.Padding5 { padding: 5px; }
.PaddingRight5 { padding-right: 5px; }
.Padding10 { padding: 10px; }
.PaddingRight10 { padding-right: 10px; }
.PaddingRight15 { padding-right: 15px; }
.PaddingRight20 { padding-right: 20px; }
.Padding20 { padding: 20px; }
.PaddingTop2 { padding-top: 2px; }
.PaddingTop3 { padding-top: 3px; }
.PaddingTop5 { padding-top: 5px; }
.PaddingTop10 { padding-top: 10px; }
.PaddingTop40 { padding-top: 40px; }
.PaddingLeft5 { padding-left: 5px !important; }
.PaddingLeft10 { padding-left: 10px !important; }
.PaddingLeft20 { padding-left: 20px !important; }
.PaddingLeft25 { padding-left: 25px !important; }
.PaddingLeft30 { padding-left: 30px !important; }
.PaddingLeft400 { padding-left: 400px !important; }
.PaddingBottom5 { padding-bottom: 5px; }
.PaddingBottom10 { padding-bottom: 10px; }
.Relative { position: relative; }
.RelativeImportant { position: relative !important; }
.BlueText { color: #009BD8; }
.Font14 { font-size: 14px !important; }
.Font12 { font-size: 12px; }
.Font11 { font-size: 11px; }
.BlueBorder { border: 1px solid #96D6EF; }
.ULPadding10 li { padding: 5px; }
.Match { color: #FF0000; }
.NoneBackGround { background-image: none !important; }
.Arial { font-family: Arial; }
.BottomBorder0 { border-bottom: 0px !important; }
.AlignLeft { text-align: left; }
.AlignRight { text-align: right; }
.Pink, a.Pink { color: #FE3287; }
.FloatLeftCell { float: left; width: 50%; }
.LineHeight20 { line-height: 20px; }
file { width: 0px; height: 0px; }
.NoBorder { border: 0px !important; }
.Shadow { text-shadow: 1px 1px #fefefe; }

.MySpan { display: -moz-inline-box; display: inline-block; width: 30px; }
.MySpan5 { display: -moz-inline-box; display: inline-block; width: 5px; }
.MySpan10 { display: -moz-inline-box; display: inline-block; width: 10px; }
.MySpan15 { display: -moz-inline-box; display: inline-block; width: 15px; }

.NoDataAlertDIV, #ErrorMsgDIV, .ErrorMsgDIV { color: #FA4204; background-image: url(../image/icon_errornew.gif); background-repeat: no-repeat; background-position: 10px center; background-color: #fff7d7; border: 1px dotted #FA4204; padding: 8px; padding-left: 50px; margin-bottom: 10px; font-family: Arial !important; font-size: 12px !important; text-align: left; margin-top: 10px; }
.AlertMsgDIVNew { color: #FA7204; background-color: #FEFBD3; border: 1px dashed #EECF86; padding: 8px; padding-left: 10px; font-size: 12px !important; text-align: left; margin-top: 10px; background-image: url(../image/icon_alert.png); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 25px; }
.AlertMsgDIVNew .Title { font-weight: bold; padding-bottom: 5px; background-color: Transparent !important; border-bottom: 0px !important; color: #FA7204 !important; }
.AlertMsgDIVNew ul { list-style-type: disc; padding-left: 10px; margin-left: 5px; }
.AlertMsgDIVNew li { padding-top: 2px; }
.AlertMsgDIVNewNoMargin { color: #FA7204; background-color: #FEFBD3; border: 1px dashed #EECF86; padding: 6px; padding-left: 10px; font-family: Arial !important; font-size: 12px !important; text-align: left; background-image: url(../image/icon_alert.png); background-repeat: no-repeat; background-position: 5px 8px; padding-left: 25px; }
.NoteMsgDIV { color: #333; background-color: #FEFBD3; border: 1px solid #EECF86; padding: 5px; font-family: Arial !important; font-size: 12px !important; text-align: left; padding-right: 20px; }
.NoticeDIV { background-image: url(../image/icon_notice.png); background-repeat: no-repeat; background-position: 10px center !important; padding-left: 50px !important; margin: 0 15px 0 15px; background-color: #ffffff; border: 1px solid #ccc; padding: 10px; }

.error .header, .error .bottom { background-image: url(../image/error.png); background-repeat: no-repeat; background-position: left top; width: 689px; }
.error .header { height: 80px; }
.error .body { background-image: url(../image/errorbg.gif); background-repeat: repeat-y; padding: 20px; }
.error .bottom { height: 30px; background-position: left bottom; }

fieldset { -moz-border-radius: 5px; border-radius: 5px; padding: .7em; text-align: left; border: 1px solid #bbb; background-color: #FFF; }
legend { font-weight: bold; }
#PageBottomDIV { margin-top: 0px; color: #888; }
#PageHeaderDIV .UserInfoDIV { position: absolute; top: 10px; left: 190px; color: #666; font-family: 'Microsoft YaHei'; font-size: 12px; }
#PageHeaderDIV .UserInfoDIV span { margin-right: 10px; margin-left: 10px; }
#PageHeaderDIV .UserInfoDIV a, #PageHeaderDIV .UserInfoDIV a:visited { color: #888; text-decoration: none; }
#PageHeaderIconListDIV { top: 15px; right: 5px; }
#PageHeaderIconListDIV li { float: left; padding-right: 6px; }
#PageHeaderMenuDIV { position: relative; margin: 0px; }
#PageHeaderMenuDIV .LogoDIV { position: absolute; left: 10px; top: 7px; }
#PageHeaderMenuDIV img { padding-right: 3px; }
#PageHeaderMenuDIV ul { margin-top: 12px !important; z-index: 100; }
#PageHeaderMenuDIV .BackHomePageDIV { position: absolute; left: 160px; top: 12px; }
#PageMainContentDIV, .PageMainContentDIV { padding: 6px; padding-top: 10px; padding-left: 220px; background-color: #fff; }
.PageLeftMenuTD, .PageRightMenuTD { width: 250px; }
#PageLeftMenuDIV { margin-right: 15px; width: 200px; background-color: #F6F7F7; border-right: 1px solid #DBDBDB; height: 10000px; position: fixed; }
#PageLeftMenuInnerDIV { border-right: 1px solid #fff; height: 10000px; }
#PageLeftMenuMainAreaDIV ul { padding: 10px; }
#PageLeftMenuMainAreaDIV li { padding: 5px; padding-top: 5px; height: 20px; padding-left: 15px; line-height: 18px; }
#PageLeftMenuMainAreaDIV li a { color: #666666; text-decoration: none; cursor: pointer; }
#PageLeftMenuMainAreaDIV li img { float: left; margin-right: 5px; }
#PageLeftMenuMainAreaDIV li span { width: 180px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
#PageLeftMenuMainAreaDIV li:hover { background-image: url(../image/SubPageMenuHoverBg.png); background-position: left center; background-repeat: no-repeat; color: #fff; }
#PageLeftMenuMainAreaDIV li.selected { background-image: url(../image/SubPageMenuSelectedBg.png); background-position: left top; background-repeat: no-repeat; }
#PageLeftMenuMainAreaDIV li.selected a { color: #fff; font-weight: bold; }
#PageLeftMenuMainAreaDIV li.separator { border-top: 1px dotted #eee; }
#PageMainContentInnerDIV { }
.PageBottomBg { border-top: 1px solid #DDDDDD; background-image: url(../image/gradient.png); background-repeat: repeat-x; background-position: center top; text-align: center; }
.TabContent { padding: 5px; overflow: auto; }
.DataGridContainerDIV { overflow: auto; }
.DataGridOutterDIV { overflow: auto; }
#PageMainContentContainerDIVSearchFormPanel .TableCSSClass td { padding: 2px 3px 2px 3px !important; }
.PopupDialogWindowToolbar { position: absolute; bottom: 0px; left: 0px; padding: 5px; background-color: #f2f2f2; border-top: 1px solid #ddd; }
.PopupDialogWindowToolbar input[type='button'] { margin-left: 3px; margin-right: 3px; }
.PageDockBottomToolbar { position: fixed; left: 201px; bottom: 0px; width: 100%; padding: 5px; background-color: #eee; border-top: 1px solid #aaa; }
.PageDockBottomToolbarAlignLeft { position: fixed; left: 0px; bottom: 0px; width: 100%; padding: 5px; background-color: #eee; border-top: 1px solid #aaa; }
.PageDockBottomToolbarNew { position: fixed; left: 0px; bottom: 0px; width: 100%; background-color: #eee; border-top: 1px solid #bbb; }
.PageDockBottomToolbarNewInner { padding: 5px; border-top: 1px solid #fff; }

/*关于框架的图标样式重要说明：所有的关于菜单的图标样式的背景图片必须加important，不然在节点展开后会显示EXT默认的文件夹图标*/
.iconspan { display: -moz-inline-box; display: inline-block; width: 18px; }
.icon_menu_home { background-image: url(../image/icon_menu_home.png) !important; background-position: center center; background-repeat: no-repeat; }
.icon_menu_home2 { background-image: url(../image/AllIcons.png) !important; background-repeat: no-repeat !important; background-position: left -132px !important; }
.icon_menu_system { background-image: url(../image/icons/cog.png) !important; background-position: center center; background-repeat: no-repeat; }
.icon_addnew { background-image: url(../image/icon_addnew.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_edit { background-image: url(../image/icon_edit.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_delete { background-image: url(../image/icon_delete.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_excel { background-image: url(../image/icon_excel.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_search { background-image: url(../image/icon_search.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_reset { background-image: url(../image/icon_reset.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_setting { background-image: url(../image/icon_setting.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_ok { background-image: url(../image/icon_ok.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_cancel { background-image: url(../image/icon_cancel.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_addlist { background-image: url(../image/icon_addlist.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_common_toolbarbutton { background-image: url(../image/icons/image_add.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_clear { background-image: url(../image/icons/cross.gif) !important; background-position: left top; background-repeat: no-repeat; }
.icon_download { background-image: url(../image/download.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_upload { background-image: url(../image/upload.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_save { background-image: url(../image/icons/save.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_sum { background-image: url(../image/icon_sum.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_firebug { background-image: url(../image/icon_firebug.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_book { background-image: url(../image/icon_book.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_clock { background-image: url(../image/icon_clock.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_reload { background-image: url(../image/icon_reload.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_house { background-image: url(../image/icon_house.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_star { background-image: url(../image/icon_star.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_purzle { background-image: url(../image/icon_purzle.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_link { background-image: url(../image/icon_link.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_target { background-image: url(../image/icon_target.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_light { background-image: url(../image/icon_light.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_office { background-image: url(../image/icon_office.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_officenew { background-image: url(../image/icon_officenew.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_chart { background-image: url(../image/icons/pie.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_report { background-image: url(../image/icons/icon_report.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_home_blue { background-image: url(../image/icons/icon_home_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_gear_blue { background-image: url(../image/icons/icon_gear_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_biggear_blue { background-image: url(../image/icons/icon_biggear_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_uploaddata_blue { background-image: url(../image/icons/icon_uploaddata_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_star_blue { background-image: url(../image/icons/icon_star_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_link_blue { background-image: url(../image/icons/icon_link_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_refresh_blue { background-image: url(../image/icons/icon_refresh_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_lock_blue { background-image: url(../image/icons/icon_lock_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_email_blue { background-image: url(../image/icons/icon_email_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_logout_blue { background-image: url(../image/icons/icon_logout_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_clock_blue { background-image: url(../image/icons/icon_clock_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_users_blue { background-image: url(../image/icons/icon_users_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_search_blue { background-image: url(../image/icons/icon_search_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_interface_blue { background-image: url(../image/icons/icon_interface_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_tool_blue { background-image: url(../image/icons/icon_tool_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_download_blue { background-image: url(../image/icons/icon_download_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_chart_blue { background-image: url(../image/icons/icon_chart_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_chartnew_blue { background-image: url(../image/icons/icon_chartnew_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_rssnew_blue { background-image: url(../image/icons/icon_rssnew_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_reward_blue { background-image: url(../image/icons/icon_reward_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_microphone_blue { background-image: url(../image/icons/icon_microphone_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_unlock_blue { background-image: url(../image/icons/icon_unlock_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_folder_blue { background-image: url(../image/icons/icon_folder_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_doublearrow_blue { background-image: url(../image/icons/icon_doublearrow_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_ok_blue { background-image: url(../image/icons/icon_ok_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_add_blue { background-image: url(../image/icons/icon_add_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_deduct_blue { background-image: url(../image/icons/icon_deduct_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_plan_blue { background-image: url(../image/icons/icon_plan_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_info_blue { background-image: url(../image/icons/icon_info_blue.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_arrow { background-image: url(../image/icons/icon_arrow.png) !important; background-position: left top; background-repeat: no-repeat; }
.icon_down { background-image: url(../image/icon_down.png) !important; background-position: right center; background-repeat: no-repeat; padding-right: 12px; }


.ui-dialog, .ZIndex9000 { z-index: 9000 !important; }
.ui-widget-overlay { z-index: 8000; }
.Toolbarbg, .Toolbarbg td { padding: 0; margin: 0; border-spacing: 0; }
.Toolbarbg .Left { background-image: url(../image/toolbarbg1.png); background-position: left top; background-repeat: no-repeat; width: 5px; height: 35px; }
.Toolbarbg .Right { background-image: url(../image/toolbarbg2.png); background-position: right top; background-repeat: no-repeat; width: 5px; }
.Toolbarbg .Middle { background-image: url(../image/toolbarbg3.gif); background-position: left top; background-repeat: repeat-x; }
.Toolbarbg a { margin-right: 8px; }
.Toolbarbg input[type='button'] { margin-left: 5px; }

.SearchBarBg, .SearchBarBg td { padding: 0; margin: 0; border-spacing: 0; }
.SearchBarBg .Top { background-image: url(../image/SearchBarBg1.png); background-position: left top; background-repeat: no-repeat; width: 300px; height: 32px; }
.SearchBarBg .Bottom { background-image: url(../image/SearchBarBg3.png); background-position: left bottom; background-repeat: no-repeat; height: 12px; }
.SearchBarBg .Middle { background-image: url(../image/SearchBarBg2.png); background-position: left top; background-repeat: repeat-y; padding: 0 2px 0 5px; }
.SearchBarButtonSearch, .SearchBarButtonReset, .SearchBarButtonSetting { cursor: pointer; display: inline-block; background-image: url(../image/SearchBarButton.png); background-repeat: no-repeat; height: 30px; background-position: left top; }
.SearchBarButtonSearch { width: 79px; }
.SearchBarButtonReset { width: 66px; background-position: -79px top; }
.SearchBarButtonSetting { width: 81px; background-position: -145px top; }
.RightSearchBar { width: 300px; padding-right: 10px; }
#GridSearchForm { overflow: auto; }

.jqx-grid-column-header { font-family: Arial; color: #000000; }
.jqx-grid-cell { font-family: Arial; color: #777777; font-size: 12px; }
.jqx-grid-empty-cell { padding-left: 30px !important; }
.jqx-grid-cell-selected, .jqx-grid-cell-selected a { background-image: none !important; background-color: #2D93DF !important; color: #fff !important; }
.*jqx-tabs-content-element { background-color: #F2F2F2; }
.*jqx-tabs-title-selected-top, .*jqx-tabs-web, .*jqx-tabs-title-container { background-color: #F2F2F2; }
.*jqx-tabs-title-selected-top-web { border-bottom: 1px solid transparent !important; background-image: url(../image/jqx-tabs-title-selected-top-web-bg.gif); background-position: left -6px; background-repeat: repeat-x; }

#VerifyCopyRightDIV { background-image: url(../image/Protection.png); background-repeat: no-repeat; padding: 0px 0 5px 55px; margin-top: 60px; margin-left: 100px; }
#VerifyCopyRightIntoDIV, .VerifyCopyRightIntoDIV { margin-top: 100px; text-align: center; font-size: 12px; color: #888; }
.ValidCopyRightIcon { background-image: url(../image/ValidCopyRightIcon.png); background-position: center center; background-repeat: no-repeat; width: 60px; height: 60px; position: absolute; left: 50px; top: 30px; }
.HtmlControlField { font-size: 12px; }
input[type='text'].HtmlControlField, textarea.HtmlControlField { border: 1px solid #BABABA; padding: 6px 5px 8px 5px; line-height: 16px; }
select.HtmlControlField { border: 1px solid #BABABA; padding: 6px 3px 6px 5px !important; }
.Wdate { padding: 4px 5px 4px 5px !important; }
.IconOnline, .IconOnlineHidden { background-image: url(../image/online.gif); background-position: center center; background-repeat: no-repeat; display: inline-block; min-width: 14px; height: 13px; margin-right: 10px; margin-left: 10px; }
.IconOnlineHidden { display: none; }
.NoPhotoDIV, .Photo { padding: 5px; border: 1px solid #ccc; background-color: #fff; }
.ImageOutter150x120 { position: relative; border: 1px solid #ccc; background-color: #fff; width: 152px; overflow: hidden; }
.ImageInner150x120 { position: absolute; left: 5px; top: 5px; width: 140px; overflow: hidden; }
.btn_previous_none, .btn_previous, .btn_next_none, .btn_next, .btn_management, .btn_refresh { background-image: url(../image/btn_round_pagelist.png); background-repeat: no-repeat; display: inline-block; min-width: 28px; height: 28px; }
.btn_previous_none { background-position: left top; }
.btn_previous { background-position: left -31px; cursor: pointer; }
.btn_next_none { background-position: left -62px; }
.btn_next { background-position: left -93px; cursor: pointer; }
.btn_management { background-position: left -124px; cursor: pointer; }
.btn_refresh { background-position: left bottom; cursor: pointer; }
.PhotoDIV { border: 1px solid #ccc; height: 130px; overflow: hidden; }
.PhotoInnerDIV { overflow: hidden; margin: 5px; height: 120px; }

.SocketMessageDIV, .SocketMessageDoubleDIV { padding-top: 5px; padding-bottom: 6px; }
.SocketMessageDIV .Title { font-weight: bold; color: #008040; }
.SocketMessageDoubleDIV .Title { font-weight: bold; color: #0000FF; }
.SocketMessageDIV .Msg, .SocketMessageDoubleDIV .Msg { padding-top: 5px; }
.SocketMessageDoubleDIV .Msg { color: #0000FF; }
.SocketMessageDIV .SendDate, .SocketMessageDoubleDIV .SendDate { margin-left: 10px; }
.UserSocketStatus { background-image: url(../image/OnlineStatus.png); background-position: left top; background-repeat: no-repeat; display: inline-block; width: 45px; height: 18px; }
.UserSocketStatusOnline { background-position: left -22px !important; }
.SendInstantMessageDIV, #NewInstantMessagePageListDIV, .ToolbarClass, .ToolbarClassHasTopBorder, .ToolbarClassHasBottomBorder, .ToolbarClassHasTopBottomBorder { background-image: url(../image/toolbar-default-bg.gif); background-position: left top; background-repeat: repeat-x; padding: 5px; position: relative; background-color: #D4E2F0; }
.SendInstantMessageDIV .InstantMsg { width: 490px; height: 33px; border: 1px solid #99BCE8; font-size: 12px; padding: 5px; }
.SendInstantMessageDIV .SendInstantMsgButton { background-image: url(../image/btn_sendinstantmessage.png); background-position: left top; background-repeat: no-repeat; width: 75px; height: 33px; display: inline-block; position: absolute; left: 535px; top: 6px; cursor: pointer; }
.ChooseFaceButton { background-image: url(../image/QQFace/1.gif); background-position: center center; background-repeat: no-repeat; width: 24px; height: 24px; display: inline-block; position: absolute; left: 500px; top: 12px; cursor: pointer; }
.ChooseFaceUL li { display: inline-block; width: 35px; }
#NewInstantMessagePageListDIV { padding: 0px 5px 3px 5px; min-height: 38px; }
.ChatHistoryDIV { background-image: url(../image/bg_ChatHistory.png); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 40px; margin-bottom: 20px; }
.ChatContentContainerDIV { overflow: auto; height: 345px; padding: 5px; }
.NewMessage { background-image: url(../image/icon_message.png); background-position: left top; background-repeat: no-repeat; min-height: 100px; padding-left: 100px; }
#ExcelImportResultDIV { width: 830px; height: 590px; overflow: auto; }
#ExcelImportResultDIVError { width: 830px; height: 360px; overflow: auto; }
#ExcelImportResultDIVError ul { margin: 10px !important; }
.ExcelImportResultDataListDIV { width: 810px; overflow: auto; border: 1px dotted #ccc; }
#ImportDataResultDIV { text-align: center; margin-top: 5px; }
#BulkEditColumnDIV { width: 200px; overflow: hidden; }
#BulkEditColumnDIV select { max-width: 150px; }
.EmptyAlertField { background-color: #FEFBD3 !important; }
.ToolbarClassHasTopBorder { border-top: 1px solid #B0CCF0; }
.ToolbarClassHasBottomBorder { border-bottom: 1px solid #B0CCF0; }
.ToolbarClassHasTopBottomBorder { border-top: 1px solid #B0CCF0; border-bottom: 1px solid #B0CCF0; }
.DirectoryListContainer .ToolbarClassHasBottomBorder { border: 1px solid #B0CCF0; border-bottom: 0px; }
.DirectoryListContainer .ToolbarClassHasTopBorder { border: 1px solid #B0CCF0; border-top: 0px; }
.DirectoryListContainer .BlueBorderLightGreenBgDIV { background-color: #fff !important; }
.TaskIcon { background-image: url(../image/task.png); background-repeat: no-repeat; background-position: left top; min-height: 35px; }
.CellPrintPage { padding-top: 20px; }
#UserMenuMappingApplyDepartmentCode, #UserMenuMappingApplyUserGuid, .DepartmentCode { max-width: 300px; }
.BackToTopDIV { background-image: url(../image/BackToTop.png); position: fixed !important; bottom: 0px !important; right: 0px !important; z-index: 100 !important; width: 57px; height: 53px; background-repeat: no-repeat; background-position: left top; cursor: pointer; display: none; }
.BackToTopDIV:hover { background-position: left -53px; height: 57px; }

.GreyButton { background-image: url(../image/btn_grey_bg.png); background-repeat: no-repeat; background-position: left center; border-bottom: 1px solid #fff; padding: 7px; padding-left: 30px; margin-bottom: 5px; }

/*Loader(Begin)*/
#ShowLoadingStatus .jqx-window-header { display: none; }
#ShowLoadingStatus .content { padding: 10px 10px 10px 50px; color: #222; cursor: wait; background-image: url(../image/ajax-loader.gif); background-repeat: no-repeat; background-position: 10px center; }
/*Loader(End)*/
.ContextMenu li span { width: 160px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.ContextMenu li a { color: #666666; text-decoration: none; cursor: pointer; }
.ContextMenu li img { float: left; margin-right: 5px; }

/*RoundButton(Begin)*/

.RoundButton50 { position: relative; }
.RoundButton50 .Left { background-image: url(../image/RoundButton50.png); background-repeat: no-repeat; background-position: left top; height: 50px; width: 30px; position: absolute; left: 0; top: 0; }
.RoundButton50 .Middle { background-image: url(../image/RoundButton50Bg.png); background-repeat: repeat-x; background-position: -30px top; margin-left: 30px; margin-right: 30px; padding-left: 3px; padding-right: 3px; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 50px; font-weight: bold; }
.RoundButton50 .Middle a { color: #fff; text-decoration: none; }
.RoundButton50 .Middle span { line-height: 50px; }
.RoundButton50 .Right { background-image: url(../image/RoundButton50.png); background-repeat: no-repeat; background-position: right top; height: 50px; width: 30px; position: absolute; right: 0; top: 0; }
.RoundButtonGrey50 .Left { background-position: left -50px; }
.RoundButtonGrey50 .Middle { background-position: -30px -50px; color: #888; }
.RoundButtonGrey50 .Middle a { color: #888; text-decoration: none; }
.RoundButtonGrey50 .Right { background-position: right -50px; }
.RoundButtonRed50 .Left { background-position: left -100px; }
.RoundButtonRed50 .Middle { background-position: -30px -100px; }
.RoundButtonRed50 .Right { background-position: right -100px; }
.RoundButtonGreen50 .Left { background-position: left bottom; }
.RoundButtonGreen50 .Middle { background-position: -30px bottom; }
.RoundButtonGreen50 .Right { background-position: right bottom; }

.RoundButton50 .ButtonList { margin-left: 30px; margin-right: 30px; background-image: url(../image/RoundButton50Bg.png); background-repeat: repeat-x; }
.RoundButtonGrey50 .ButtonList { background-position: left -50px; }
.RoundButtonRed50 .ButtonList { background-position: left bottom; }
.RoundButton50 .ButtonList .Middle { margin-left: 0px; margin-right: 0px; }
.RoundButton50 .RoundButtonSpliter50 { background-image: url(../image/RoundButtonSpliter50.png); background-repeat: no-repeat; background-position: center top; width: 2px; padding-left: 5px; padding-right: 5px; height: 50px; }
.RoundButton50 .RoundButtonSpliterGrey50 { background-position: center -50px; }
.RoundButton50 .RoundButtonSpliterRed50 { background-position: center -100px; }
.RoundButton50 .RoundButtonSpliterGreen50 { background-position: center bottom; }


.RoundButton40 { position: relative; }
.RoundButton40 .Left { background-image: url(../image/RoundButton40.png); background-repeat: no-repeat; background-position: left top; height: 40px; width: 20px; position: absolute; left: 0; top: 0; }
.RoundButton40 .Middle { background-image: url(../image/RoundButton40Bg.png); background-repeat: repeat-x; background-position: -20px top; margin-left: 20px; margin-right: 20px; padding-left: 3px; padding-right: 3px; cursor: pointer; font-family: "Microsoft YaHei"; font-size: 16px; color: #fff; text-align: center; height: 40px; line-height: 40px; font-weight: 500; }
.RoundButton40 .Middle a { color: #fff; text-decoration: none; }
.RoundButton40 .Middle span { line-height: 40px; }
.RoundButton40 .Right { background-image: url(../image/RoundButton40.png); background-repeat: no-repeat; background-position: right top; height: 40px; width: 20px; position: absolute; right: 0; top: 0; }
.RoundButtonGrey40 .Left { background-position: left -40px; }
.RoundButtonGrey40 .Middle { background-position: -20px -40px; color: #666; }
.RoundButtonGrey40 .Middle a { color: #666; text-decoration: none; text-shadow: 1px 1px #fefefe; }
.RoundButtonGrey40 .Right { background-position: right -40px; }
.RoundButtonRed40 .Left { background-position: left -80px; }
.RoundButtonRed40 .Middle { background-position: -20px -80px; }
.RoundButtonRed40 .Right { background-position: right -80px; }
.RoundButtonGreen40 .Left { background-position: left bottom; }
.RoundButtonGreen40 .Middle { background-position: -20px bottom; }
.RoundButtonGreen40 .Right { background-position: right bottom; }

.RoundButton40 .ButtonList { margin-left: 20px; margin-right: 20px; background-image: url(../image/RoundButton40Bg.png); background-repeat: repeat-x; }
.RoundButtonGrey40 .ButtonList { background-position: left -40px; }
.RoundButtonRed40 .ButtonList { background-position: left bottom; }
.RoundButton40 .ButtonList .Middle { margin-left: 0px; margin-right: 0px; }
.RoundButton40 .RoundButtonSpliter40 { background-image: url(../image/RoundButtonSpliter40.png); background-repeat: no-repeat; background-position: center top; width: 2px; padding-left: 5px; padding-right: 5px; height: 40px; }
.RoundButton40 .RoundButtonSpliterGrey40 { background-position: center -40px; }
.RoundButton40 .RoundButtonSpliterRed40 { background-position: center -80px; }
.RoundButton40 .RoundButtonSpliterGreen40 { background-position: center bottom; }

.RoundButton30 { position: relative; }
.RoundButton30 .Left { background-image: url(../image/RoundButton30.png); background-repeat: no-repeat; background-position: left top; height: 30px; width: 15px; position: absolute; left: 0; top: 0; }
.RoundButton30 .Middle { background-image: url(../image/RoundButton30Bg.png); background-repeat: repeat-x; background-position: -15px top; margin-left: 15px; margin-right: 15px; padding-left: 3px; padding-right: 3px; cursor: pointer; font-family: 'Microsoft YaHei'; font-size: 12px; color: #fff; text-align: center; height: 30px; line-height: 30px; }
.RoundButton30 .Middle a { color: #fff; text-decoration: none; }
.RoundButton30 .Middle span { line-height: 30px; }
.RoundButton30 .Right { background-image: url(../image/RoundButton30.png); background-repeat: no-repeat; background-position: right top; height: 30px; width: 15px; position: absolute; right: 0; top: 0; }
.RoundButtonGrey30 .Left { background-position: left -30px; }
.RoundButtonGrey30 .Middle { background-position: -15px -30px; color: #333; }
.RoundButtonGrey30 .Middle a { color: #333; text-decoration: none; text-shadow: 1px 1px #fefefe; }
.RoundButtonGrey30 .Right { background-position: right -30px; }
.RoundButtonRed30 .Left { background-position: left -60px; }
.RoundButtonRed30 .Middle { background-position: -15px -60px; }
.RoundButtonRed30 .Right { background-position: right -60px; }
.RoundButtonGreen30 .Left { background-position: left bottom; }
.RoundButtonGreen30 .Middle { background-position: -15px bottom; }
.RoundButtonGreen30 .Right { background-position: right bottom; }

.RoundButton30 .ButtonList { margin-left: 15px; margin-right: 15px; background-image: url(../image/RoundButton30Bg.png); background-repeat: repeat-x; }
.RoundButtonGrey30 .ButtonList { background-position: left -30px; }
.RoundButtonRed30 .ButtonList { background-position: left bottom; }
.RoundButton30 .ButtonList .Middle { margin-left: 0px; margin-right: 0px; }
.RoundButton30 .RoundButtonSpliter30 { background-image: url(../image/RoundButtonSpliter30.png); background-repeat: no-repeat; background-position: center top; width: 2px; padding-left: 5px; padding-right: 5px; height: 30px; }
.RoundButton30 .RoundButtonSpliterGrey30 { background-position: center -30px; }
.RoundButton30 .RoundButtonSpliterRed30 { background-position: center -60px; }
.RoundButton30 .RoundButtonSpliterGreen30 { background-position: center bottom; }


.RoundButtonIcon { padding: 8px 0px 8px 5px !important; padding-left: 20px !important; background-position: left center !important; }
/*RoundButton(End)*/

/*--------------------PageList CSS(Begin)-----------------------*/
.pageNum { margin: 0px 2px !important; text-align: center; line-height: 20px; }
.pageNum a:link, .pageNum a:visited, .pageNum a:active { color: #0D61B0; text-decoration: none; display: block; border: 1px solid #E1E2E3; width: 25px; padding-top: 0px; font-size: 12px; background-color: #FFF; }
.pageNum a:hover { color: #FF7471; text-decoration: none; display: block; border: 1px solid #FF7471; width: 25px; padding-top: 2px; }
.pageNumPreviousPage { padding-right: 10px; }
.pageNumNextPage { padding-left: 10px; padding-right: 10px; }
.pageNumTotalInfo { padding-top: 5px; padding-bottom: 5px; }
.pageNumCurrentFocus { font-size: 1.2em; color: red; font-weight: bold; padding-left: 5px; padding-right: 5px; }

.pageNumNew { margin: 10px auto; padding: 10px 0; }
.pageNumNew ul { margin: 0; padding: 0; }
.pageNumNew li { display: inline; height: 20px; margin-left: 0px; vertical-align: text-top; padding: 5px; }
.pageNumNew a { background: none repeat scroll 0 0 #0088CC; color: #FFF; display: inline-block; height: 20px; line-height: 20px; white-space: nowrap; text-align: center; margin-bottom: 10px; padding-left: 8px; padding-right: 8px; }
.pageNumNew a:hover, .pageNumNew .selected a { background: none repeat scroll 0 0 #72BF44; color: #fff; text-decoration: none; }
.pageNumNew .selected a { font-weight: bold; }
.pageNumNew span { display: inline-block; margin-left: 0; padding: 3px 0; }
.pageNumNew a.next_page { background: none repeat scroll 0 0 #0088CC; color: #fff; width: 60px; }
.pageNumNew .SumInfo span { font-weight: bold; color: #54AA05; }

.pageNumNew { clear: both; overflow: hidden; margin-bottom: 0px; padding-bottom: 0px; }
.pageNumNew dl { clear: both; margin: 0; padding: 0; }
.pageNumNew dd { display: block; float: left; line-height: 25px; margin: 0px; padding: 0px; width: 35px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*--------------------PageList CSS(End)-----------------------*/

/*Search Mode Icon(Begin)*/
.SearchModeIconWidthSetting { width: 111px; height: 35px; }
.SearchModeIcon { position: absolute; top: -9px; right: 0px; }
.SearchModeIconExpand { background-image: url(../image/SearchModeIconExpand.png); background-repeat: no-repeat; }
.SearchModeIconCollapse { background-image: url(../image/SearchModeIconCollapse.png); background-repeat: no-repeat; }
/*Search Mode Icon(End)*/

#QuickSearchFormDIV { padding-top: 0px; }
.QuickSearchForm .LeftTD { width: 80px; font-weight: normal; }
.QuickSearchForm .SpacerTD { width: 5px; }
.QuickSearchForm input[type='text'].HtmlControlField { padding: 5px !important; border: 1px solid #ccc; }

.FullSearchForm { padding: 5px !important; margin: 5px !important; margin-top: 10px !important; }
.FullSearchForm input[type='text'].HtmlControlField { padding: 5px !important; width: 169px; border: 1px solid #bbb; }
.FullSearchForm select.HtmlControlField { padding: 5px !important; width: 180px; border: 1px solid #bbb; }
.FullSearchForm .Range { width: 70px !important; }
.FullSearchForm .LeftTD { font-weight: normal; width: 80px !important; color: #333; text-align: right; background-image: url(../image/FullSearchFormLeftTDBg.gif); background-repeat: no-repeat; padding-top: 6px !important; padding-bottom: 6px !important; line-height: 16px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.FullSearchForm .SpacerTD { width: 30px; }
.FullSearchForm .Spacer { height: 5px; border-top: 0px dotted #ddd; }
.FullSearchForm .RightTD { padding-left: 5px; }
.SearchFormButtonList { margin-top: 5px !important; }
.CellMultiElementClass { width: 130px; padding-top: 5px; padding-bottom: 5px; }
.ui-button-text-only { font-weight: normal !important; color: #333 !important; font-family: 'Microsoft YaHei'; text-shadow: 1px 1px #fefefe; }

#PageHeaderDIV { background-image: url(../image/PageHeaderBg.jpg); background-repeat: no-repeat; background-position: right top; position: relative; }
#PageTabMenuDIV { height: 32px; padding-left: 198px; }
#PageTabMenuDIV .TabMenu { float: left; width: 121px; height: 32px; background-repeat: no-repeat; background-position: left top; margin-left: 2px; margin-right: 2px; text-align: center; font-family: 'Microsoft YaHei'; font-size: 14px !important; line-height: 32px; }
#PageTabMenuDIV .TabMenu a, #PageTabMenuDIV .TabMenu a:hover, #PageTabMenuDIV .TabMenu a :visited { text-decoration: none; color: #777; }
#PageTabMenuDIV .TabMenuFocus { background-image: url(../image/TabMenuFocus.png); color: #fff; font-weight: bold; }
#PageTabMenuDIV .TabMenuFocus a, #PageTabMenuDIV .TabMenuFocus a:hover, #PageTabMenuDIV .TabMenuFocus a :visited { color: #fff !important; font-weight: bold; }
#PageTabMenuDIV .TabMenuBlur { background-image: url(../image/TabMenuBlur.png); color: #6A6A6A !important; }
#PageTabMenuDIV .TabMenuBlur:hover { background-image: url(../image/TabMenuBlurHover.png); }
.PageTabMenuBottom { height: 5px; background-color: #135BA5; }
#PageLogoDIV { background-image: url(../image/logo.png); background-repeat: no-repeat; background-position: left center; width: 133px; height: 41px; position: absolute; left: 25px; top: 15px; }
#PageLogoCustomizedDIV { position: absolute; left: 25px; top: 15px; }
#PageHeaderDIV .Slogan { background-image: url(../image/SubPageBanner.png); background-repeat: no-repeat; background-position: right center; position: absolute; right: 20px; top: 25px; width: 211px; height: 18px; }

.MailInOutButtonDIV { padding-left: 10px; margin-top: 8px; margin-bottom: 8px; }
.MailInOutButton { height: 32px; background-image: url(../image/MailInOutButton.gif); background-repeat: no-repeat; width: 88px; float: left; cursor: pointer; }
.MailInButon { background-position: left center; }
.MailOutButton { background-position: right center; }
.PageLeftMenuList { margin-left: 5px; }
.PageLeftMenuList { border: 0px !important; background-color: transparent !important; }
.PageLeftMenuList li { font-family: 'Microsoft YaHei'; font-size: 12px; color: #333; text-shadow: 1px 1px #fefefe; }
.MailFolderTabButtonDIV { padding-left: 0px; margin-top: 5px; margin-bottom: 8px; }
.MailFolderTabButton { height: 31px; background-image: url(../image/MailFolderTabButton.png); background-repeat: no-repeat; width: 79px; float: left; cursor: pointer; }
.MailFolderButon { background-position: left center; }
.MailTabButton { background-position: right center; width: 70px; }

.MainIcon { background-image: url(../image/mailicon.png); background-repeat: no-repeat; display: inline-block; }
.MainIconStarFocus { background-position: -48px -176px; width: 12px; height: 12px; }
.MainIconUnRead { background-position: -49px -3px; width: 14px; height: 11px; }
.MainIconRead { background-position: -49px -18px; width: 14px; height: 13px; }
.MainIconReplied { background-position: -49px -34px; width: 15px; height: 15px; }
.MainIconStar { background-position: -48px -160px; width: 14px; height: 14px; }
.MainIconStarNone { background-position: -32px -160px; width: 14px; height: 14px; }
.MainIconAttachment { background-position: -18px -85px; width: 7px; height: 10px; }

.NoMailDIV { border: 2px solid #E9E9E9; background-color: #FAFAFA; text-align: center; padding: 50px; font-family: 'Microsoft YaHei'; font-weight: bold; }
.EmailDisplayGroup { font-family: 'Microsoft YaHei'; color: #333; font-weight: bold; border-bottom: 1px solid #bbb; padding-bottom: 5px; }
.EmailListDataTable td { font-family: 'Microsoft YaHei' !important; padding-top: 3px; padding-bottom: 2px; }
.EmailListDataTable td, .EmailListDataTable a { text-decoration: none; color: #666; }
.EmailListDataTable .UnRead { font-weight: bold !important; color: #222222; }
.EmailListDataTable .GreyText { color: #aaa !important; }
.EmailListDataTable .Spacer { height: 1px; border-top: 1px solid #f2f2f2; }
.EmailListDataTable .datarow td { padding-top: 6px; padding-bottom: 6px; }

.EmailAddNewTabButton { background-image: url(../image/btn_addtab.png); background-repeat: no-repeat; background-position: left top; width: 21px; height: 21px; visibility: hidden; top: -3px; }
.ViewMailHeaderIcon { background-image: url(../image/icon_mailheader.png); background-repeat: no-repeat; background-position: left center; width: 21px; height: 21px; }

.headerrow { background-image: url(../image/TableHeaderBg.gif); background-repeat: repeat-x; height: 26px; }
.headerrow td { color: #333; text-shadow: 1px 1px #fefefe; font-weight: bold; }
.datarow:hover { background-color: #F8F8F8 !important; }
.Tag { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-left: 1px; margin-right: 2px; font-size: 12px !important; padding: 2px 3px 2px 3px; text-decoration: none; font-family: 'Microsoft YaHei'; }
.FocusMenu { font-weight: bold !important; }
.ComposeFormDIV { padding-bottom: 0px; padding-top:5px; }
.ComposeFormDIV .Title { font-family: 'Microsoft YaHei'; }
.ComposeFormDIV .LeftTD { width: 60px; vertical-align: top; }
.ComposeFormDIV #SubjectDIV .LeftTD { padding-top: 10px; }
.ComposeFormDIV .RightTD { vertical-align: top; }
.ComposeFormDIV .InputFieldDIV { padding-right: 10px; }
.ComposeFormDIV .HtmlControlField { width: 100% !important; border: 0px !important; border-bottom: 1px dashed #ddd !important; padding: 2px !important; margin-top: 3px; }
.ComposeFormDIV #Sent_Subject { font-family: 'Microsoft YaHei'; font-size: 14px; font-weight: bold; color: #000; }
.ComposeFormDIV .AlertMsgDIVNew { margin-top:0px; margin-bottom:5px;}
.ComposeFormDIV .EmptyAlertField { background-color:transparent !important;}
#ReceiverControlDIV { float: left; padding-top: 17px; margin-left: 50px; }

#AdminMailTagDIV div { margin-bottom: 5px; font-family: 'Microsoft YaHei' !important; font-size: 12px; color: #666; }

#ViewMailDetailDIV #MailHeaderDIV { background-color: #F5F7FA; border-top: 1px solid #fff; border-bottom: 1px solid #C5D2DA; padding: 10px 15px 10px 15px; }
#ViewMailDetailDIV #MailHeaderDIV .TitleDIV { margin-bottom: 8px; }
#ViewMailDetailDIV #MailHeaderDIV .TitleDIV .FloatLeft { margin-right: 6px; }
#ViewMailDetailDIV #MailHeaderDIV .TitleDIV .EmailAddNewTabButton { visibility: visible !important; }
#ViewMailDetailDIV #MailHeaderDIV .TitleDIV .MainIconStar, #ViewMailDetailDIV #MailHeaderDIV .TitleDIV .MainIconStarNone { margin-top: 2px; }
#ViewMailDetailDIV #MailHeaderDIV .Title { font-family: 'Microsoft YaHei'; font-size: 15px; font-weight: bold; margin-bottom: 5px; margin-right: 20px !important; }
#ViewMailDetailDIV #MailHeaderDIV .LeftTD { width: 60px !important; vertical-align: top; }
#ViewMailDetailDIV #MailHeaderDIV .RightTD { padding-top: 5px; font-family: 'Microsoft YaHei' !important; vertical-align: top; }
#ViewMailDetailDIV #MailStatusDIV { background-color: #FFFFE1; border-top: 1px solid #fff; border-bottom: 1px solid #C5D2DA; padding: 5px 15px 5px 15px; }
#ViewMailDetailDIV #MailBodyDIV { padding: 15px; padding-bottom: 60px; font-family: 'Microsoft YaHei'; }
#ViewMailDetailDIV .EmailAddressList { width: 750px !important; word-wrap: break-word; }

#ViewMailHeaderDIV { color: #666; }
#ViewMailHeaderDIV .CellItem { padding-bottom: 10px; }
#ViewMailHeaderDIV .Title { width: 100px; }

.NewEditorContent { font-size: 12px; color: #888; line-height: 20px; }
#MailBodyDIV { line-height:20px; }
.SettingTitle { font-family: 'Microsoft YaHei'; font-size: 18px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; padding-left: 5px; }
#SettingDIV .SettingTable td { padding-top: 5px; padding-bottom: 5px; }
.IconPendingApproval { background-image: url(../image/icon_pendingapproval.png); background-repeat: no-repeat; background-position: left center; padding-left: 60px; padding-top: 4px; padding-bottom: 4px; height: 18px; }

#MailContactCategoryListDIV { font-family: 'Microsoft YaHei'; padding: 15px 5px 10px 5px; padding-bottom: 60px; }
#AllContactDIV { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
#ContactGroupDIV { border-bottom: 0px solid #ddd; border-top: 1px solid #fff; padding-top: 10px; padding-bottom: 10px; }
#PublicContactDIV { border-top: 1px solid #fff; padding-top: 10px; }
#MailContactCategoryListDIV li { padding-top: 3px; padding-bottom: 3px; }

.icon163 { background-image: url(../image/icon163.png); background-repeat: no-repeat; width: 16px; height: 16px; cursor: pointer; }
.icon163_email { background-position: left center; }
.icon163_edit { background-position: -36px center; }
.icon163_delete { background-position: -72px center; }
.icon163_history { background-position: -108px center; }
.ControlButtonList { visibility: hidden; }
.ControlButtonList .icon163 { margin-right: 15px; }
.ContactForm .CellMultiElementClass { width: 400px; }

.ViewEmailAddressDIV { margin-top: 10px; margin-bottom: 10px; }
.ViewEmailAddressDIV .Item { margin: 10px 5px 10px 5px; font-family: 'Microsoft YaHei'; }
.ViewEmailAddressDIV .Left { width: 80px; color: #888; }

#SalePhoneDIV { position: fixed; bottom: 30px; left: 20px; background-image: url(../image/salephone.png); background-repeat: no-repeat; width: 154px; height: 35px; }
.RedMail { background-image: url(../image/mail_red.png); background-repeat: no-repeat; background-position: left center; }
#SearchKeyword { font-family: 'Microsoft YaHei'; }
.GreyBgSpliter { height: 10px; background-image: url(../image/GreyBgSpliter.gif); background-repeat: repeat-x; background-position: left top; }
.jqx-window-header { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; }
#MailFolderAdminDIV .Spacer, #MailTagNameAdminDIV .Spacer, #ReplyHistory .Spacer, #MailContactCategoryAdmin .Spacer,#ViewEmailHistory .Spacer { border-top: 1px solid #eee; }
#CommonForm .Spacer { border-top: 0px solid #eee; }
#EmailHistoryDIV .TitleDIV { font-size:14px; }