﻿html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, label, blockquote, th, td, button, span { padding: 0; margin: 0; }
address, caption, cite, code, dfn, th, var, em { font-weight: normal; font-style: normal; }
body { margin: 0; padding: 0; color: #666; font-family: "微软雅黑","黑体"; font-size: 12px; background-color: #fff; height: 100%; line-height: 18px; }
td { color: #666; font-family: "微软雅黑","黑体"; }
a:link, a:visited { color: #1e50a2; text-decoration: none; }
a:hover { color: #2F77D2; text-decoration: underline; }
a, a:hover { text-decoration: none; outline: none; }
img { border: 0px; }
ul, li, ol { list-style: none; padding: 0px; margin: 0px; }
.Hidden { display: none; }
.ReadOnly { background-color: #ddd !important; background-image: none !important; font-size: 12px; }
.ReadOnlyInput { background-color: #ddd; border: 1px solid #bbb; color: #555555; }
.YaHei { font-family: "微软雅黑","黑体"; }
h1 { font-size: 18px; font-family: "微软雅黑","黑体"; font-weight: 500; }
.GreenBigTitleDIV { font-size: 34px; font-family: "微软雅黑","黑体"; font-weight: 500; color: #246800; }
.GreenBigTitleDIV22 { font-size: 22px; font-family: "微软雅黑","黑体"; font-weight: 500; color: #246800; }
.BigTitleDIV { font-size: 24px; font-family: "微软雅黑","黑体"; font-weight: 500; }
.BigTitleDIV20 { font-size: 20px; 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: #555555 !important; text-decoration: none !important; }
.LeftTD { color: #555555; width: 100px; }
.CommonForm td { padding: 4px; }
.CommonForm .LeftTD { color: #555555; }
.CommonForm input { padding: 2px; font-size: 12px; }
.CommonPanel td { padding: 2px; }
.CommonPanel .LeftTD { color: #555555; width: 90px; }
.Ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }
.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;}
select { padding-top: 3px; padding-bottom: 3px; }
input[type='text'], input[type='password'], textarea, select { padding-top: 4px; padding-bottom: 4px; }
.Button, .SmallButton { padding: 0px 7px 2px 7px !important; line-height: 25px !important; height: 25px; color: #333; font-size: 12px; }
.SmallButton1 { 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 td { font-family: "微软雅黑","黑体"; }
.LoginForm input[type='text'], .LoginForm input[type='password'] { width: 120px; }
.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; }
.GreyText { color: #fcfcfc; }
.LightGreyText { color: #666; }
#LoadPercentSPAN { font-weight: bold; }
.Bold { font-weight: bold; }
.Font14 { font-size: 14px; font-family: "微软雅黑","黑体"; }
.Font15 { font-size: 15px; font-family: "微软雅黑","黑体"; }
.Font14 td { font-size: 14px; }
.Font16 { font-size: 16px; }
.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; }
.ChildDIVPadding5 div { padding: 5px; }
.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 { background-color: #C7D8F3 !important; color: #000; }
.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 #ccc; }
.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: #D7E6FA; color: #333; padding-top: 1px; padding-bottom: 1px; border: 1px solid #B9D5FA; }
.HandCursor { cursor: pointer; }
.Green { color: green; }
.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; }
.WhiteText { color: #fff !important; text-decoration: none !important; }
.Dark { color:#333; }

.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; }
.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: #777777; }
.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: #555555 !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; }
.Width10 { width: 10px; }
.Width20 { width: 20px; }
.Width50 { width: 50px; }
.Width100 { width: 100px; }
.Width120 { width: 120px; }
.Width150 { width: 150px; }
.Width200 { width: 200px !important; }
.WidthSelect200 { width: 210px !important; }
.Width250 { width: 250px  !important; }
.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; }
.Height50 { height: 50px; }
.Height30 { height: 30px; }
.Height40 { height: 40px; }
.Height60 { height: 60px; }
.Height80 { height: 80px; }
.Height120 { height: 120px; }
.NoPadding { padding: 0; margin: 0px; }
.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; }
.BlueText { color: #009BD8; }
.Font14 { font-size: 14px !important; }
.Font12 { font-size: 12px; }
.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; }

.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; }

.EmptyAlertField { background-color: #FEFBD3 !important; }

.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-size: 12px !important; text-align: left; margin-top: 10px; }
.AlertMsgDIVNew { color: #FF0000; /*background-color: #FEFBD3;border: 1px dashed #EECF86;  padding: 8px;*/ padding-left: 10px; font-family: 'Microsoft YaHei'; font-size: 12px !important; line-height: 20px !important; text-align: left; margin-top: 5px; background-image: url(../image/erroricon.png); background-repeat: no-repeat; background-position: 5px 2px; padding-left: 25px; display: inline-block; }
.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; line-height: 16px; 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: #666; background-color: #FEFBD3; border: 1px solid #EECF86; padding: 10px; font-size: 12px !important; text-align: left; padding-right: 20px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.NoteMsgGreyDIV { color: #666; background-color: #fdfdfd; border: 1px solid #eeeeee; padding: 5px; padding-left: 10px; font-size: 12px !important; text-align: left; padding-right: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.NoticeDIV { background-image: url(../image/icon_notice.png); background-repeat: no-repeat; background-position: 10px center !important; padding-left: 50px !important; margin: 0 0px 0 0px; background-color: #f6f6f6; border: 1px solid #ccc; padding: 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.NoticeDIVNoBg { background-image: url(../image/icon_notice.png); background-repeat: no-repeat; background-position: 10px center !important; padding-left: 50px !important; margin: 0 0px 0 0px; padding: 10px; }

fieldset,.RoundContainer { -moz-border-radius: 5px; border-radius: 5px; padding: .7em; text-align: left; border: 1px solid #bbb; background-color: #FFF; }
legend { font-weight: bold; }
#PageLogoDIV { height: 42px; }
#PageMainContentContainerDIV { margin-top: 0px; margin-bottom: 0px; }
#PageMenuDIV1 { height: 40px; background-image: url(../image/PageMenuBg.gif); background-repeat: repeat-x; background-position: left top; background-color: #1C9AC4; }
#PageBottomDIV { margin-top: 10px; }
#PageHeaderDIV .UserInfoDIV { position: absolute; top: 22px; left: 300px; color: #A5CBEA; }
#PageHeaderIconListDIV { top: 15px; right: 5px; }
#PageHeaderIconListDIV li { float: left; padding-right: 6px; }
#PageHeaderMenuDIV img { padding-right: 3px; }
#PageSloganDIV { position: absolute; top: 15px; left: 320px; width: 197px; height: 21px; background-image: url(../image/slogan.png); background-repeat: no-repeat; background-position: left top; }
.PageBottomBg { background-image: url(../image/BottomBg2.gif); background-repeat: repeat-x; background-position: center top; height: 40px; text-align: center; }
.TabContent { padding: 5px; overflow: auto; }
#ShowLoadingStatusDIV { z-index: 10000; background-color: #fff !important; background-image: none !important; height: 35px !important; display: none; }
.DataGridContainerDIV { overflow: auto; }
.DataGridOutterDIV { overflow: auto; }
#PageMainContentContainerDIVSearchFormPanel .TableCSSClass td { padding: 2px 3px 2px 3px !important; }

/*关于框架的图标样式重要说明：所有的关于菜单的图标样式的背景图片必须加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; }

.ui-dialog { z-index: 9000; }
.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; }
.HtmlControlField { border-radius:5px !important; }
input[type='text'].HtmlControlField,input[type='password'].HtmlControlField,textarea.HtmlControlField { border:1px solid #cAcAcA; padding:4px 5px 6px 8px; line-height:16px;}
select.HtmlControlField { border:1px solid #cAcAcA;padding:5px 3px 5px 5px !important; }
.Wdate, input[type='text'].Wdate { padding: 3px 4px 3px 4px !important; }
.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; }
.PageWidth { width: 990px; }
.clearfix { *zoom: 1; }
.clearfix:after { content: '\20 '; display: block; height: 0; clear: both; }
.RedButton270 { background-image: url(../image/regsiterbuttonbg.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 270px; height: 36px; line-height: 36px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.RedButton270:hover { background-position: left -36px; }
.RedButton90 { background-image: url(../image/RedButton90.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 90px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.RedButton90:hover { background-position: left -32px; }
.BlueButton90 { background-image: url(../image/BlueButton90.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 90px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.BlueButton90:hover { background-position: left -32px; }
.BlueButton62 { background-image: url(../image/BlueButton62.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 62px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.BlueButton62:hover { background-position: left -32px; }
.YellowButton62 { background-image: url(../image/YellowButton62.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 62px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.YellowButton62:hover { background-position: left -32px; }
.GreenButton62 { background-image: url(../image/GreenButton62.png); background-position: left top; background-repeat: no-repeat; font-size: 14px; color: #fff; width: 62px; height: 32px; line-height: 32px; display: block; text-align: center; font-family: 'Microsoft YaHei'; }
.GreenButton62:hover { background-position: left -32px; }

/*--------------------PageList CSS(Begin)-----------------------*/
.pageNum { margin: 0px 2px; text-align: center; line-height: 20px; }
.pageNum a:link, .pageNum a:visited, .pageNum a:active { color: #346572; text-decoration: none; display: block; border: 1px solid #3EACC9; 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 { }
.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)-----------------------*/

/*左侧功能菜单样式（Begin）*/
.mt { background-color: #ccc; border-top: 1px solid #ccc; color: #888; height: 35px; line-height: 35px; padding: 0 6px; padding-left: 10px; font-family: "微软雅黑","黑体"; background-image: url(../image/PageHeaderCSSClassBg.gif); background-repeat: repeat-x; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.mt h2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); font-size: 14px; float: left; height: auto; line-height: 32px; padding-top: 0; }
.mt a { color: #FFFFFF; }
.mt .extra { background-image: url("../image/icon_leftmenu_useraccount.png"); background-repeat: no-repeat; cursor: pointer; float: right; font-size: 0; height: 29px; line-height: 0; margin-top: 2px; overflow: hidden; width: 30px; }
.mc { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #ccc; border-image: none; border-style: solid; border-width: 0 1px 1px; overflow: hidden; font-family: "微软雅黑","黑体"; background-color: #fff; }
.mc dl dt { background-color: #F9F9F9; color: #333333; cursor: pointer; font-weight: bold; height: 30px; line-height: 30px; margin-bottom: -1px; padding: 0 12px; position: relative; }
.mc dl dt b { background: url("../image/LeftMenuIcon.png") repeat scroll -64px 0 rgba(0, 0, 0, 0); display: block; font-size: 0; height: 5px; right: 20px; line-height: 0; overflow: hidden; position: absolute; top: 12px; width: 9px; }
.mc dl.close dt { background-color: #F1F1F1; margin-bottom: 1px; }
.mc dl dt:hover { background-color: #F1F1F1; }
.mc dl.close dt b { background: url("../image/LeftMenuIcon.png") repeat scroll -64px -6px rgba(0, 0, 0, 0); }
.mc dl.close dd { display: none; }
.mc dd { padding: 3px 0 2px; }
.mc dd .item { padding: 2px 0 2px 24px; }
.mc dd .curr { font-weight: bold; }
.mc dl dd a:link, .mc dl dd a:visited { color: #333333; }
.mc dl dd a:hover { color: #E4393C; }
/*左侧功能菜单样式（End）*/

/*主要功能样式（Begin）*/
.FileUploadDescription { font-size: 11px; }
.CompanyPhotoDIV { width: 160px; height: 130px; background-image: url(../image/avatar.png); background-position: center center; background-repeat: no-repeat; padding: 5px; border: 1px solid #ccc; text-align: center; background-color: #fff; }
.PhotoDIV { width: 160px; height: 130px; padding: 5px; border: 1px solid #ccc; text-align: center; position: relative; }
.ClientPreviewCompanyLogo* { width: 100%; height: 100%; }
.ClientPreviewCompanyLogo { width: 150px; height: 125px; }
.OpeningInsuranceOrderControlButtonList { position: absolute; top: 5px; right: 15px; }
.OpeningInsuranceOrderControlButtonList div { margin-top: 5px; margin-bottom: 5px; }
.GoodsSubCategoryNameText { width: 150px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; }
.InsuranceOrderReport, .InsuranceOrderReport td { font-family: Arial !important; }
.Wdate { border: 1px solid #bbb !important; }
.CustomerServicePhone { top: 16px; font-size: 14px; }
/*主要功能样式（End）*/


/*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; text-shadow: 1px 1px #fefefe; }
.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: 12px; 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: 0px; padding-right: 0px; 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; padding-left: 0px !important; padding-right: 0px !important; }
.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)*/

.main_tb_box_wap { background-color: #fff; }
.main_tb_box { height: 480px; border: 1px solid #dfdfdf; z-index: 3; }
.main_tb_nav { background: url(../image/new_index/main_tb_nav_bg.jpg) 0 0 repeat-x; height: 31px; }
.main_tb_nav li { width: 84px; height: 31px; line-height: 30px; text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: #fff transparent; float: left; color: #666; cursor: pointer; padding-right: 1px; font-weight: bold; font-size: 14px; }
.main_tb_nav li.active { background-color: #fff; font-weight: bold; border-color: #dfdfdf; border-width: 0 1px; margin-left: -1px; cursor: default; padding-right: 0; }
.main_tb_nav li.last { padding-right: 0; border-right: 0; }
.main_tb_tab { margin-top: 10px; }

.IndexProduct { margin-bottom: 20px; }
.IndexProduct .Left { padding-right: 10px; }
.IndexProduct .Title { color: #2690B1; font-size: 15px; font-weight: bold; height: 20px; overflow: hidden; display: inline-block; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; width: 170px; }
.IndexProduct .Introduce { color: #777; padding-top: 5px; padding-bottom: 5px; height: 40px; }

.Ellipsis { overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: inline-block; }

.GreyLink a { color: #666; }
.IndexCellSystemNews2, .IndexCellNewsBig1, .IndexCellNewsBig2, .IndexCellNewsBig3, .IndexCellNewsBig4, .IndexCellNewsBig5, .IndexCellNewsBig6, .IndexCellNewsBig7, .IndexCellNewsBig8, .IndexCellNewsBig9, .IndexCellNewsBig10 { background-position: left center; height: 16px; padding-top: 5px; padding-bottom: 5px; padding-left: 23px; }
.IndexCellNewsBig1 { background-image: url(../image/icon_news_1.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig2 { background-image: url(../image/icon_news_2.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig3 { background-image: url(../image/icon_news_3.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig4 { background-image: url(../image/icon_news_4.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig5 { background-image: url(../image/icon_news_5.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig6 { background-image: url(../image/icon_news_6.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig7 { background-image: url(../image/icon_news_7.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig8 { background-image: url(../image/icon_news_8.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig9 { background-image: url(../image/icon_news_9.gif); background-repeat: no-repeat; background-position: left center; }
.IndexCellNewsBig10 { background-image: url(../image/icon_news_10.gif); background-repeat: no-repeat; background-position: left center; }

.dottedline { border: 1px dotted #ccc; border-width: 1px 0px 0px; height: 1px; margin-top: 2px; margin-bottom: 2px; }


article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
.TableCSSClass tr, .TableCSSClassPadding5 tr { }
.TableCSSClassOverChangeColor tr:hover { background: #A9F4F5; }
.CellMultiElementClass { width: 100px; padding-top: 5px; padding-bottom: 5px; }
#UserLeftMenuDIV { width: 180px; }

.TableCSSClass { }
.HeaderCSSClass { background-color: #eeeeee; font-weight: bold; text-align: center; padding: 3px 5px 3px 5px; }
.DataCSSClass { background-color: #ffffff; padding: 2px 3px 2px 3px; color: #444; }
.DataCSSClassNoPadding { background-color: #ffffff; padding: 1px 3px 1px 3px; }

.TableCSSClass1 { margin-left: 15px; margin-right: 15px; }
.HeaderCSSClass1 { background-color: #DEDBDB; font-weight: normal; text-align: center; padding: 4px; color: #333; background-image: url(../image/TableHeaderBg.gif); background-repeat: repeat-x; background-position: left top; line-height: 18px; }
.DataCSSClass1 { background-color: #ffffff; padding: 3px; color: #666666; }

.HeaderCSSClass6 { background-color: #95C8F6; font-weight: normal; text-align: center; padding: 3px; color: #353F4A; background-image: url(../image/TableHeaderBg6.gif); background-repeat: repeat-x; background-position: left top; padding-top: 5px; }
.DataCSSClass6 { background-color: #ffffff; padding: 2px 5px 2px 5px; color: #555555; }

.DataCSSClass2 { background-color: #ffffff; padding: 4px 5px 4px 5px!important; color: #666666; }

.TableCSSClass3 { }
.HeaderCSSClass3 { background-color: #4A80C3; font-weight: bold; color: #ffffff; text-align: center; padding: 6px; }
.DataCSSClass3 { background-color: #ffffff; padding: 6px; }

.HeaderCSSClass4, .HeaderCSSClass5, .HeaderCSSClassNegative { background-color: #DCDCDC; font-weight: normal; color: #222222; text-align: center; padding: 5px; padding-top: 7px; background-image: url(../image/HeaderCSSClass4_bg_new.gif); background-repeat: repeat-x; background-position: left -5px; cursor: pointer; }
.HeaderCSSClass5 { cursor: auto; }

.HeaderCSSClass10 { background-color: #C4E2F9; font-weight: normal; color: #000000; text-align: center; padding: 5px; padding-top: 7px; background-image: url(../image/HeaderCSSClass10_bg_new.gif); background-repeat: repeat-x; background-position: left top; }
.HeaderCSSClass8 { color: #666666; padding: 4px; font-weight: bold; text-align: center; background-color: #e8e8e8; }
.HeaderCSSClass9 { color: #666666; padding: 2px; font-weight: bold; text-align: center; background-color: #e8e8e8; }

.HeaderCSSClassNone { color: #666666; padding: 3px; font-weight: bold; }
.DataCSSClassNone { padding: 3px; color: #666666; }

.DataCSSClassNoPadding { background-color: #ffffff; }

.CellTR td1:hover, #BasicData_DataTable td1:hover { background-color: #E1F0FD !important; color: #333 !important; }
.CheckedCSSClass { background-color: #f5f5f5; border: 1px solid #ccc; padding: 3px; color: #333333 !important; }
.FocusMenu a { color: #E4393C !important; font-weight: bold; }

.TableCSSClassMin td { padding: 1px 3px 1px 3px; }
.TableCSSClass td { padding: 2px 3px 2px 3px; }
.TableCSSClassPadding5 td { padding: 5px !important; }
.TableCSSClassPadding6 td { padding: 6px !important; }
.TableCSSClassPadding8 td { padding: 8px !important; }
.TableFont11 .LeftTD, .TableFont11 .RightTD { font-family: 'Microsoft YaHei' !important; font-size: 11px !important; }
.TableFont11 .LeftTD { width: 80px; color: #888; }
.TableFont12 td { font-family: 'Microsoft YaHei' !important; font-size: 12px !important; }
.TableFont12 .LeftTD { width: 100px; color: #999 !important; }

.MoneyInfoFieldSet .LeftTD { width: 90px; }
.Money { font-size: 1.2em; font-weight: bold; color: #FF723F; }
.ViewApplyInfoDIV .LeftTD { background-color: #f5f5f5; }
.ViewApplyInfoDIV .RightTD { padding-right: 30px !important; }
.ViewApplyInfoDIV { border: 1px solid #ccc !important; background-color: #fff; padding: 10px; }

.OverFlowAuto { overflow: auto; }
.HideOverFlow { overflow: hidden; }
.HideOverFlowX { overflow-x: hidden; }
.HideOverFlowY { overflow-y: hidden; }
.Hidden { display: none !important; }
.CenterDIV { margin-right: auto; margin-left: auto; }
.Center { text-align: center !important; }
.White { color: #fff; }
.GreyText { color: #fcfcfc; }
.Bold { font-weight: bold; }
.BoldImport { font-weight: bold !important; }
.Font14 { font-size: 14px; line-height: 20px; }
.Font16 { font-size: 16px; }
.Font18{ font-size: 18px; }
.MarginTop5 { margin-top: 5px; }
.MarginLeft5 { margin-left: 5px !important; }
.MarginRight5 { margin-right: 5px !important; }
.MarginLeft10 { margin-left: 10px !important; }
.MarginLeft20 { margin-left: 20px !important; }
.MarginTop8 { margin-top: 8px; }
.MarginTop10 { margin-top: 10px; }
.MarginTop15 { margin-top: 15px; }
.MarginTop20 { margin-top: 20px; }
.MarginTop30 { margin-top: 30px; }
.MarginTop40 { margin-top: 40px; }
.MarginBottom5 { margin-bottom: 5px; }
.MarginBottom10 { margin-bottom: 10px; }
.MarginBottom20 { margin-bottom: 20px; }
.FloatLeft { float: left; }
.FloatRight { float: right; top: 0; right: 0; }
.ClearFloat { clear: both; }
.ClearFloatDisplayNone { clear: both; display:none;}
.Block { display: block; }
.Shadow { text-shadow: 1px 1px #fefefe; }
.Absolute { position: absolute; }
.AbsoluteRight { position: absolute; right: 0; top: 0; }
.AbsoluteLeft { position: absolute; left: 0; top: 0; }

.SupportIcons { background-image: url(../image/SupportIcons.png); background-repeat: no-repeat; padding-left:30px; padding-top:2px; font-size:14px; padding-bottom:5px; margin-top:20px; color:#333; text-shadow: 1px 1px #fefefe; }
.SupportIcons-IE { background-position:left top; }
.SupportIcons-Windows { background-position:left -64px;  }
.SupportIcons-Android { background-position:left -124px;  }
.SupportIcons-IOS { background-position:left -190px;  }

.IconPhone { background-image:url(../image/IconPhone.png); background-repeat:no-repeat; background-position:left center; padding:10px;padding-top:8px; padding-left:25px; font-size:18px; margin-top:8px; margin-left:20px; color:#ccc; }
.FormTitle { font-size:13px; width:120px; line-height:28px; color:#444; }

.jqx-window-header { padding-top: 8px; padding-bottom: 8px; padding-left: 8px; }

/*流程步骤图*/
.order-flow { margin: 0 auto; padding: 0; font-size: 12px; font-weight: normal; padding-bottom: 4px; }
.order-flow-left, .order-flow-left-arrive, .order-flow-left-wait, .order-flow-arrive, .order-flow-wait, .order-flow-right-arrive, .order-flow-right-wait { margin: 0; padding: 0; background-image: url(../image/order_speed.gif); background-repeat: no-repeat; float: left; line-height: 16px; text-align: center; width: 130px; }
.order-flow div span { margin: 0; padding: 0; background: none repeat scroll 0 0 #fff; display: block; }
.order-flow div span p { margin: 0; padding: 0; }
.order-flow .name { margin: 0; padding: 0 0 4px 0; }
.order-flow-left-arrive { background-position: right top; }
.order-flow-left-wait { background-position: right -101px; color: #878787; }
.order-flow-arrive { background-position: 0 -40px;}
.order-flow-wait { background-position: 0 -20px; color: #878787; }
.order-flow-right-arrive { background-position: 0 -80px; }
.order-flow-right-wait { background-position: 0 -60px; color: #878787; }
.order-flow-input { display: block; margin: 2px auto; padding: 0; width: 18px; height: 18px; text-indent: -999px; cursor: inherit; overflow: hidden; }
.order-flow-left-arrive, .order-flow-arrive, .order-flow-right-arrive, .order-flow-single-arrive { color: green; font-weight:bold; }

.order-flow-single-wait { background-image: url(../image/order-flow-single-wait.gif); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0; float: left; line-height: 16px; text-align: center; width: 130px; }
.order-flow-single-arrive { background-image: url(../image/order-flow-single-arrive.gif); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0; float: left; line-height: 16px; text-align: center; width: 130px; }

.loading-indicator { width: 150px; background: url("../image/newloading.gif"); background-repeat: no-repeat; background-position: 10px center; font-family: 'Microsoft YaHei'; background-color: #fff; padding: 18px 10px 18px 50px; border: 1px solid #ccc; color: #666; }
.loading-indicator-overlay { background-color: #000; opacity: 0.2; filter: alpha(opacity = 20); }

.WdatePicker, .Wdate { background-image: url(../image/date.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }
.SettingIcon { background-image: url(../image/setting.png); background-position: left center; background-repeat: no-repeat; height: 18px; padding-left: 30px; line-height: 20px; }
.BarCode { background-image: url(../image/barcode.png) !important; background-repeat: no-repeat !important; background-position: right center !important; }

#UserPreviewColumnSettingColumnNameListDIV { overflow: auto; height: 250px; }
#ExportExcelPopupDialogInnerContent li { padding-top: 3px; padding-bottom: 3px; color: #666; }
.RedStatusSPAN { position: absolute; padding: 10px 20px 10px 20px; font-family: Arial; font-size: 11px; font-weight: bold; color: #fff; background-image1: url(../image/RedStatusBg.png); background-image: url(../image/RedRoundBgSmall.png); background-position: center center; background-repeat: no-repeat; font-style: normal; right: 0px; top: 0px; line-height: 13px; }
.GreyStatusSPAN { position: absolute; padding: 15px 20px 4px 20px; font-family: Arial; font-size: 11px; font-weight: bold; color: #666; background-image1: url(../image/RedStatusBg.png); background-image: url(../image/GreyRoundBg.png); background-position: center center; background-repeat: no-repeat; font-style: normal; right: 0px; top: 0px; line-height: 13px; width:24px; height:24px; text-align:center; }
.TitleDIV .GreyStatusSPAN { left:70px; top:-7px; }

.Online { background-image: url(../image/online-now.gif); background-repeat: no-repeat; background-position: right center; padding-right: 20px; }
.GreyBgSpliter { height: 10px; background-image: url(../image/GreyBgSpliter.gif); background-repeat: repeat-x; background-position: left top; }

/*气泡样式*/
.InstantMessengerChatMessagePopContainer { margin-top: 10px; margin-bottom: 10px; }
.InstantMessengerChatMessagePopContainer .ChatUserInfo { float: right; text-align: left; margin-left: 5px; color: #1A7CFE; font-family: 'Microsoft YaHei'; font-size: 12px; padding-top: 2px; text-align: center; }
.InstantMessengerChatMessagePopContainer .ChatUserInfo .SendDate { font-size: 11px; color: #C9DAF0; padding-top: 3px; }
.InstantMessengerChatMessagePopContainer .InstantMessengerChatMessagePop { float: right; }
.InstantMessengerChatMessagePop .LeftTopCorner { width: 10px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePop_LeftTopCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePop .TopBg { height: 12px; background-image: url(../image/InstantMessengerChatMessagePop_TopBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePop .RightTopCorner { width: 15px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePop_RightTopCorner.gif); background-repeat: no-repeat; background-position: left top; }

.InstantMessengerChatMessagePop .LeftBg { width: 10px; background-image: url(../image/InstantMessengerChatMessagePop_LeftBg.gif); background-repeat: repeat-y; background-position: left top; }
.InstantMessengerChatMessagePop .MainBg { background-color: #CDE8F5; padding-bottom: 2px; display: block; font-family: 'Microsoft YaHei'; color: #6C6C87; line-height: 18px; }
.InstantMessengerChatMessagePop .RightBg { width: 15px; background-image: url(../image/InstantMessengerChatMessagePop_RightBg.gif); background-repeat: repeat-y; background-position: left top; }

.InstantMessengerChatMessagePop .LeftBottomCorner { width: 10px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePop_LeftBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePop .BottomBg { height: 10px; background-image: url(../image/InstantMessengerChatMessagePop_BottomBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePop .RightBottomCorner { width: 15px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePop_RightBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }

.InstantMessengerChatMessagePopGreyContainer { margin-top: 10px; margin-bottom: 10px; }
.InstantMessengerChatMessagePopGreyContainer .ChatUserInfo { float: left; text-align: right; margin-right: 5px; color: #1BAE21; font-family: 'Microsoft YaHei'; font-size: 12px; padding-top: 2px; text-align: center; }
.InstantMessengerChatMessagePopGreyContainer .ChatUserInfo .SendDate { font-size: 11px; color: #AFD3B0; padding-top: 3px; }
.InstantMessengerChatMessagePopGreyContainer .InstantMessengerChatMessagePop { float: left; }
.InstantMessengerChatMessagePopGrey .LeftTopCorner { width: 15px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePopGrey_LeftTopCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePopGrey .TopBg { height: 12px; background-image: url(../image/InstantMessengerChatMessagePopGrey_TopBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePopGrey .RightTopCorner { width: 15px; height: 12px; background-image: url(../image/InstantMessengerChatMessagePopGrey_RightTopCorner.gif); background-repeat: no-repeat; background-position: left top; }

.InstantMessengerChatMessagePopGrey .LeftBg { width: 15px; background-image: url(../image/InstantMessengerChatMessagePopGrey_LeftBg.gif); background-repeat: repeat-y; background-position: left top; }
.InstantMessengerChatMessagePopGrey .MainBg { background-color: #E4E8EE; padding-bottom: 2px; display: block; font-family: 'Microsoft YaHei'; color: #5E5D5D; line-height: 18px; text-shadow1: 1px 1px #fff; }
.InstantMessengerChatMessagePopGrey .RightBg { width: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_RightBg.gif); background-repeat: repeat-y; background-position: left top; }

.InstantMessengerChatMessagePopGrey .LeftBottomCorner { width: 15px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_LeftBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePopGrey .BottomBg { height: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_BottomBg.gif); background-repeat: repeat-x; background-position: left top; }
.InstantMessengerChatMessagePopGrey .RightBottomCorner { width: 10px; height: 10px; background-image: url(../image/InstantMessengerChatMessagePopGrey_RightBottomCorner.gif); background-repeat: no-repeat; background-position: left top; }
.InstantMessengerChatMessagePopGrey .SendDate { color: #999; text-align: left; color: #9BB7C5; font-size: 11px; }
.InstantMessengerChatMessageSpliter { background-image: url(../image/InstantMessengerChatMessageSpliter.png); background-position: center center; background-repeat: no-repeat; text-align: center; font-family: 'Microsoft YaHei'; color: #bbb; margin-top: 15px; margin-bottom: 15px; }
.OfflineMessage .Title { color: #bbb; }

/*气泡样式2*/
.bubble-wrap { padding: 0px 0; overflow: hidden; *zoom: 1; }
.bubble-wrap li { padding: 5px 10px; color: #999999; clear: both; overflow: hidden; *zoom: 1; vertical-align: middle; }
.bubble-wrap li .tips { padding: 15px 10px 0; }
.bubble-main { background-color: #FFFFFF; border: 1px solid #E0E0E0; position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 2px #E0E0E0; -webkit-box-shadow: 0 1px 2px #E0E0E0; box-shadow: 0 1px 2px #E0E0E0; background-image: -moz-linear-gradient(center bottom, #F0F0F0, #FFFFFF); background-image: -webkit-gradient(linear, center bottom, center top, from(#F0F0F0), to(#FFFFFF)); background-image: -o-linear-gradient(center bottom, #F0F0F0, #FFFFFF); background-image: linear-gradient(center bottom, #F0F0F0, #FFFFFF); }
.bubble-wrap .bubble-main.left { float: left; background-color: #f3fbff; border: 1px solid #d8e1ea; background-image: -moz-linear-gradient(center bottom, #e6f7ff, #f3fbff); background-image: -webkit-gradient(linear, center bottom, center top, from(#e6f7ff), to(#f3fbff)); background-image: -o-linear-gradient(center bottom, #e6f7ff, #f3fbff); background-image: linear-gradient(center bottom, #e6f7ff, #f3fbff); }
.bubble-wrap .bubble-main.left.warn { background-color: #ffeeee; border: 1px solid #ffb6b6; background-image: -moz-linear-gradient(center bottom, #ffe0da, #ffeeee); background-image: -webkit-gradient(linear, center bottom, center top, from(#ffe0da), to(#ffeeee)); background-image: -o-linear-gradient(center bottom, #ffe0da, #ffeeee); background-image: linear-gradient(center bottom, #ffe0da, #ffeeee); }
.bubble-content { height: auto; padding: 8px 10px; }
.arrow-left, .arrow-right { width: 8px; height: 14px; background-image: url(../image/bubble_arrow.gif); background-repeat: no-repeat; background-position: left top; }
.arrow-right { position: absolute; right: -8px; top: 10px; background-position: 0 -50px; }
.arrow-left { position: absolute; left: -8px; top: 10px; }
.bubble-main.left.warn .arrow-left { background-position: 0 -100px; }
.fm-item { padding: 2px 0; overflow: visible; *zoom: 1; }
.fm-item:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.ucform { overflow: visible; }
.tabledv table td { word-wrap: break-word; word-break: break-all; }

.bubble-wrap li .tips { padding-top: 10px; }

.RoundContainer { border:1px solid #ccc; }
.RoundContainer { padding-top:0px; padding-bottom:0px; }
.RoundContainer dd { padding:15px; border-bottom:1px solid #ddd; }
.RoundContainer .lastchild { border-bottom:0px solid #ccc; }

.ContactUs .Icon { background-position:20px center; background-repeat:no-repeat; padding-left:60px; }
.ContactUs .Content { border-left:1px solid #eee; padding-left:20px; font-size:13px; }

.ContactUs .Location { background-image:url(../image/icon_location.png); }
.ContactUs .Phone { background-image:url(../image/icon_phone.png); }
.ContactUs .Chat { background-image:url(../image/icon_chat.png); }
.ContactUs .WeiXin { background-image:url(../image/icon_weixin.png); }
.ContactUs .QQ { background-image:url(../image/icon_qqnew.png); }

.CellRoundContainerDIV { float:left; padding:10px; border:1px solid #ccc; border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0 1px 2px #E0E0E0; -webkit-box-shadow: 0 1px 2px #E0E0E0; box-shadow: 0 1px 2px #E0E0E0; }
.CellRoundContainerDIV:hover { background-color:#fdfdfd; }

.功能清单 { background-image:url(../image/功能清单.png); background-repeat:no-repeat; width:83px; height:35px; cursor:pointer; display:inline-block; }
.免费试用 { background-image:url(../image/免费试用.png); background-repeat:no-repeat; width:83px; height:35px; cursor:pointer; display:inline-block; }

.WorkFlowCSSTable { border-spacing: 1px !important; background-color: #999 !important; border: 1px solid #999; }
.WorkFlowCSSTable td { background-color: #fff !important; padding: 6px !important; color: #666 !important; }
.WorkFlowCSSTable .AdditionalMsg { display: none; }
.WorkFlowCSSTable .TitleTD { background-color: #fbfbfb !important; text-shadow: 1px 1px #fff; }
.WorkFlowCSSTable .HtmlControlField[type='text'] { padding: 3px 3px 3px 3px !important; }
.WorkFlowCSSTable .AutoCompleteIcon { top: 4px !important; }

.DoubleTDCSS { background-color:#fdfdfd; }

.PostCommentDIV { background-image:url(../image/CommentBg.png); background-repeat:no-repeat; background-position:left top; width:728px; height:162px; position:relative; }
.PostCommentDIV .Content { position:absolute; right:5px; top:5px; width:620px; height:125px; overflow:hidden; padding:15px; }

.qiao-invite-wrap { display:none !important; }

.HtmlControlCellCheckBoxContainer { padding-right:5px; }
.HtmlControlCellCheckBoxContainer input { padding-right:2px; }
.ContactUsFormContainer td{ color:#333 !important; }

.btn-new-green { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #28a745; background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%); color: #fff !important; font-size: 13px; padding: 7px 30px; }
.btn-new-grey { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #eff3f6; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); color: #24292e !important; font-size: 13px; padding: 8px 30px; }
.btn-new-grey-small { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #eff3f6; background-image: linear-gradient(-180deg, #fafbfc 0%, #eff3f6 90%); color: #444 !important; font-size: 12px; padding: 4px 12px; }
.btn-new-green-small { -moz-appearance: none; -moz-user-select: none; background-position: -1px -1px; background-repeat: repeat-x; background-size: 110% 110%; border: 1px solid rgba(27, 31, 35, 0.2); border-radius: 0.25em; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 600; line-height: 20px; padding: 6px 12px; position: relative; vertical-align: middle; white-space: nowrap; background-color: #28a745; background-image: linear-gradient(-180deg, #34d058 0%, #28a745 90%); color: #fff !important; font-size: 12px; padding: 4px 12px; }
