body { font-family: tahoma, 微软雅黑; word-break: normal; -webkit-text-size-adjust: none; font-size: 14px; line-height: 20px; text-align: left; margin: 0px auto; _background-image: url(about:blank); _background-attachment: fixed; color: #000000; background-color: #f4f4f4; }
*body { padding-top: 1px; }
img { border: 0; }
i.iconfont { margin-right: 2px; line-height: 120%; }
a:link, a:visited { color: #000000; text-decoration: none; }
.gray a:link, gray a:visited { color: #aaa; text-decoration: none; }
a:hover, .link:hover { text-decoration: underline; color: Red; }
.wrapper { background-color: #3d3883; }
.powerReserved { position: fixed; bottom: 0; left: 0; width: 100%; margin-top: 25px; color: #939393; font-size: 12px; height: 25px; line-height: 25px; text-align: center; color: #666; display: block; background-color: #f4f4f4; border-top: solid 1px #cdd2d2; }
    .powerReserved a:link { color: #939393; text-decoration: none; margin-left: 20px; }
    .powerReserved .beian { display: inline-block; padding-left: 20px; background: url(Images/beian.gif) no-repeat left center; }
.clear { clear: both; }
.left { float: left !important; }
.right { float: right !important; }
.static { position: static; }
.page { margin: 0 auto; text-align: left; background: none repeat scroll; padding-top: 50px; }
.mainContent { margin-left: 250px; }
    .mainContent .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; background-color: #f5f6f6; min-height: 555px; border-left: 1px solid #cdd2d2; padding-bottom: 30px; }
.opacity50 { background: rgba(256, 256, 256, 0.5) !important; filter: Alpha(opacity=50); background: #fff; }
.opacity70 { background: rgba(256, 256, 256, 0.7) !important; filter: Alpha(opacity=70); background: #fff; }
.opacity90 { background: rgba(256, 256, 256, 0.9) !important; filter: Alpha(opacity=90); background: #fff; }
.opacity50 span { position: relative; }
.opacity70 span { position: relative; }
.opacity90 span { position: relative; }
.isRequired { background: url(images/required.gif) no-repeat right center; }
.splitline { padding: 10px 0; background-image: url(images/line.gif); background-repeat: repeat-x; background-position: center; }
.txtleft { text-align: left; }
.txtright { text-align: right; }
.txtcenter { text-align: center; }
.txtTop { vertical-align: top; }
.nowrap { white-space: nowrap; }
.NA { background-color: #f1f1f1; }
.divRM { top: 50%; position: absolute; right: 0; transform: translate(-50%,-50%); }
.relative { position: relative; }

.aspNetDisabled, .aspNetDisabled a:link { color: #ccc; text-decoration: none; pointer-events: none; }
    .aspNetDisabled:hover { color: #ccc; text-decoration: none; pointer-events: none; }
.clearUL DL, .clearUL DT, .clearUL DD, .clearUL UL, .clearUL OL { margin: 0 0 0 20px; padding: 0px; }
    .clearUL ul li, .clearUL ol li { margin: 0 0 0 10px; padding: 0px; }
.black { color: #303030; }
.red { color: Red; }
.Tips { color: #999; font-size: 12px; font-weight: normal; }
.alertTips { color: #ddd; font-weight: normal; font-size: 12px; }
.border { border: solid 1px #c4c4c4; border-collapse: collapse; }
div.borderb { border-bottom: solid 1px #c4c4c4; }
.bordert { border-top: solid 1px #c4c4c4; }
.borderl { border-left: solid 1px #c4c4c4; }
.propose { background-color: #edef7b; }

.page-header { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #cdd2d2; color: #000000; margin: 0 -15px 10px; min-height: 50px; overflow: hidden; padding: 0 20px; }
    .page-header .description { color: #888888; font-size: 14px; font-weight: 300; letter-spacing: 0; margin-bottom: 5px; }
.content-title { color: #666666; display: block; font-size: 18px; font-weight: 300; letter-spacing: -1px; margin: 2px 0; padding: 0; }
.breadcrumb { margin: 0; padding: 14px 15px; padding-left: 0px; list-style: none; font-size: 14px; color: #333; background-color: #FFFFFF; }
    .breadcrumb a { text-shadow: none; }
    .breadcrumb > li i { color: #333; display: inline; font-size: 16px; height: auto; font-weight: 300; text-shadow: none; padding: 0 5px; }
    .breadcrumb > li { display: inline-block; padding: 0 5px; float: left; }
    .breadcrumb > .active { color: #999999; }
/*Operate*/
.TabContent { line-height: 20px; overflow: visible; clear: both; }
.filterBar { line-height: 36px; height: 36px; padding: 0px 15px; text-align: right; background-color: #f9f9f9; border: 1px solid #c4c4c4; border-bottom: none; }
    .filterBar .padding { margin-left: 25px; }
.Operate, .Operatebg { border: solid 1px #c4c4c4; border-bottom: none; background-color: #dfdfe7; }
.Operate, .Operatebg { line-height: 36px; height: 36px; font-size: 14px; padding: 0px 15px; text-align: right; }
    .Operate a:link, .Operate a:visited, .filterBar a { color: #343232; font-size: 14px; }
    .Operate div, .filterBar div { float: left; vertical-align: middle; }
    .Operate input, .filterBar input { vertical-align: middle; }
    .Operate select { margin-right: 10px; vertical-align: middle; margin-left: -2px; }
    .Operate input[type="image"], input[type="image"] { margin-left: 5px; }
.spirtLines { width: 6px; padding-left: 4px; height: 20px; padding-right: 3px; _padding-right: 5px; line-height: 20px; color: #999; padding-top: 2px; padding-bottom: 2px; }

.Table_Title { height: 30px; background-color: #70afc4; color: White; line-height: 30px; }
    .Table_Title a:link, .Table_Title a:visited { color: White; font-weight: bold; }
    .Table_Title a:hover { text-decoration: underline; }

table.listGrv { border: solid 1px #5ea5bd; border-top-style: none; margin-bottom: 10px; border-collapse: collapse; }
    table.listGrv em { color: Red; font-style: normal; }
    table.listGrv td, .TabContent .listGrv th { border: 1px solid #5ea5bd; padding: 3px 5px; }
table.inputTable, table.inputTable td { border: solid 1px #c4c4c4; padding: 3px 5px; border-collapse: collapse; background-color: white; }
    table.inputTable table.noborder td, table.inputTable div.noborder table td { border: none; }
    table.inputTable td ul, table.inputTable td ol { padding-left: 30px; margin: 0; }

.div20 { height: 20px; line-height: 20px; }
.p10 { padding: 10px; }
.m10-20{margin:10px 20px;}
.mt10 { margin-top: 10px; }
.mt0 { margin-top: 0px; }
.mt20 { margin-top: 20px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.width80 { width: 80%; }
.margin-left-0 { margin-left: 0px !important; }
.margin-left-50 { margin-left: 50px !important; }
.margin-top-50 { margin-top: 50px !important; }
.margin-top-100 { margin-top: 100px !important; }
.margin-bottom-0 { margin-bottom: 0px !important; }
.pl20 { padding-left: 20px; }
.blod, .bold { font-weight: bold; }
.innerSubmit { padding: 10px 20px; }
.graybg { background-color: #f5f5f5; line-height: 25px; }
.intervalBg { background-color: #f9f9f9; }
.alertbg { background-color: Yellow; }
.ColumnTitle { width: 88px; background-color: #f5f5f5; }
.titleBg, td.titleBg, tr.titleBg td { background-color: #f5f5f5; line-height: 25px; }
.ColumnControls { width: 350px; }
.w15 { width: 15%; }
.w25, table.w25 td { width: 25%; }
.w30 { width: 30%; }
.w50 { width: 50%; }
.w40 { width: 40%; }
.w100 { width: 100%; }
.f18 { font-size: 18px; }
.f16 { font-size: 16px; }
.top { vertical-align: top; }
.inline { display: inline-block; }
/*top*/
.banner { background-color: #2a2a2a; text-align: center; }
.page-top { height: 45px; width: 1200px; margin: 0 auto; vertical-align: middle; color: White; text-align: center; }
.top-bulletinbg { background-color: #dfdfe7; display: none; }
.top-bulletin { width: 1200px; line-height: 25px; padding-left: 20px; margin: 0 auto; vertical-align: middle; color: #333; text-align: left; }
.page-top .logoTb { margin-left: 300px; }
.page-top td { vertical-align: middle; padding-top: 4px; }
.page-top .siteName { font-size: 22px; padding-left: 10px; }
.banner-img { width: 160px; height: 110px; background-color: #ebebeb; display: block; position: absolute; left: 50%; bottom: 0px; margin-left: -600px; }
    .banner-img img { margin-top: 18px; z-index: 1; }
.bannerBottom { height: 25px; background-color: #2a2a2a; }
.user-top { line-height: 45px; text-align: center; vertical-align: middle; margin-right: 10px; margin-left: 10px; }
.banner i, .banner a { color: White; }
.bottom { margin: 0 auto; color: White; text-align: center; background-color: #2a2a2a; padding: 5px 0px; font-size: 12px; width: 100%; }
    .bottom a:link, .bottom a:visited { text-decoration: none; color: White; }
    .bottom a:hover { text-decoration: none; }

/*online-Service*/
.online-Service { display: none; position: fixed; top: 100px; line-height: 25px; right: 0px; background: white url(Images/onlineService.gif) center 2px no-repeat; text-align: center; width: 80px; border: solid 2px #e9e9e9; padding: 60px 3px 10px 4px; z-index: 100; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||100))); }
    .online-Service a:hover { text-decoration: none; color: #c60c30; }
.online-Service-Title { position: fixed; color: #F60; cursor: pointer; word-break: break-all; width: 1em; top: 100px; right: 1px; border: 1px solid #ccc; background: #fff; padding: 1px 3px; z-index: 101; _position: absolute; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||100))); }

/*dialog*/
.dialog-overlay { background-color: #eee; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; -webkit-filter: opacity(0.7); }
.dialog { background: white; border: solid 1px #1174b9; border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -o-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -o-border-top-right-radius: 5px; }
    .dialog .bar { padding-right: 6px; padding-left: 6px; height: 30px; line-height: 30px; background: #1174b9; cursor: move; color: #fff; font-size: 16px; vertical-align: middle; }
        .dialog .bar .title { float: left; margin-right: 10px; font-weight: bold; }
        .dialog .bar .close { float: right; cursor: pointer; text-decoration: none; width: 20px; height: 20px; overflow: hidden; margin-top: 5px; color: White; }
            .dialog .bar .close:hover { color: Yellow; }
    .dialog .content { background: #fff; text-align: left; display: block; margin: 0px; }
    .dialog IFRAME { width: 100%; height: 100%; }
    .dialog .content IMG { max-width: 700px; overflow: auto; max-height: 500px; }
    .dialog .btnOK { height: 24px; border: 1px solid #87a3c1; background: url(Images/button.gif); color: #555; line-height: 180%; cursor: pointer; min-width: 60px; _width: 60px; overflow: visible; }
        .dialog .btnOK:hover { border: 1px solid #a2904d; background: url(Images/button.gif) 　0　-66px; color: #630; cursor: pointer; line-height: 180%; min-width: 60px; _width: 60px; overflow: visible; }
    .dialog .dgInfo { text-align: left; vertical-align: middle; padding: 20px 0px; }
/*Error Page*/
.page-error { width: 500px; height: auto !important; height: 500px; background: url(Images/error.gif) no-repeat center 100px; text-align: center; margin: 0 auto; color: #666; font-family: 微软雅黑; font-size: 14px; padding-top: 330px; padding-bottom: 80px; overflow: hidden; }
    .page-error .title { font-size: 16px; color: #0013FB; margin-bottom: 15px; }
    .page-error a { color: #ff9900; }

/* ProgressBar */
.progressBar { border: solid 2px #86a5ad; background: #FFF url(images/progressBar_m.gif) no-repeat 10px 10px; }
.progressBar { display: block; width: 180px; height: 28px; position: fixed; top: 50%; left: 50%; margin-left: -74px; margin-top: -14px; padding: 10px 10px 10px 50px; text-align: left; line-height: 27px; font-weight: bold; z-index: 2001; }
.background { display: block; width: 100%; height: 100%; opacity: 0.4; filter: alpha(opacity=40); background: #FFF; position: fixed; top: 0; left: 0; z-index: 2000; }

/*Scroll Top*/
a.RsideA1 { display: none; height: 30px; background: url(Images/r_side.png); position: fixed; width: 20px; bottom: 100px; z-index: 9999; overflow: hidden; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||100))); }
    a.RsideA1:hover { background: url(Images/r_side.png)-20px 0; }
a.flying { width: 20px; height: 40px !important; background: url(Images/r_side.png) -20px 0; position: fixed; overflow: hidden; z-index: 9999; }

/*下拉操作*/
.drop-Content-Btn { display: inline-block; text-align: left; vertical-align: middle; }
    .drop-Content-Btn .drop-Content-hd { display: inline-block; position: relative; padding-right: 15px; border-bottom: none; color: #333; }
    .drop-Content-Btn:hover .drop-Content-hd { text-decoration: none; border-bottom: none; background-color: Transparent; }
    .drop-Content-Btn .drop-Content-hd i { position: absolute; right: 0px; top: 50%; margin-top: -2px; background-color: Transparent; width: 0; height: 0; font-size: 0; line-height: 0; border-width: 4px; border-style: solid; border-color: #333333 Transparent Transparent; -moz-transition: -moz-transform .2s ease-in; -webkit-transition: -webkit-transform .2s ease-in; -o-transition: -o-transform .2s ease-in; transition: transform .2s ease-in; -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
    .drop-Content-Btn:hover .drop-Content-hd i { -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
    .drop-Content-Btn .drop-Content-bd { display: none; position: absolute; z-index: 999; margin-left: 5px; border: 1px solid #ccc; background: #fff; word-break: keep-all; }
    .drop-Content-Btn:hover .drop-Content-bd { display: block; }
.drop-Content-bd td { padding: 5px; }
.drop-Content-bd label { font-weight: normal; margin-left: 5px; }
.drop-Content-bd .arrow, .drop-Content-bd .arrowMask { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }
.drop-Content-bd .arrow { top: -7px; left: 50%; margin-left: -7px; border-width: 7px; border-bottom-color: #ccc; border-bottom-color: rgba(0,0,0,.25); border-top-width: 0; }
.drop-Content-bd .arrowMask { top: 1px; border-width: 6px; margin-left: -6px; border-bottom-color: #fff; border-top-width: 0; }


/*Admin Login*/
.userLogin { width: 450px; height: 280px; background: url(Images/Login.png) no-repeat center center; text-align: left; text-align: left; position: absolute; left: 50%; margin-left: -250px; top: 50%; margin-top: -140px; }
    .userLogin .loginTitle { background: url(Images/Logo-min.png) no-repeat 50px center; font-size: 24px; color: White; line-height: 45px; font-weight: bold; padding: 25px 50px 15px; padding-left: 90px; font-family: Vijaya,隶书; }
    .userLogin .userinput { font-size: 14px; line-height: 20px; padding: 3px 80px 10px 120px; }
        .userLogin .userinput span { color: white; width: 30px; display: inline-block; }
    .userLogin .txtNoLine { border: none; width: 175px; background-color: Transparent; height: 20px; }
    .userLogin .loginbtn { text-align: center; padding-top: 10px; }
        .userLogin .loginbtn a:link { color: white; text-decoration: none; background: url(Images/Loginbtn.gif) no-repeat center center; text-align: center; width: 62px; height: 25px; line-height: 25px; display: inline-block; }
    .userLogin .loginLang { text-align: right; color: white; padding: 0px 35px; }
        .userLogin .loginLang i { font-size: 24px; }
        .userLogin .loginLang a:link { color: white; text-decoration: none; }

/*Admin Login
.userLogin { width: 668px; height: 447px; background: url(Images/Loginbg.jpg) no-repeat center center; position: absolute; left: 50%; top: 50%; margin-left: -334px; margin-top: -224px; text-align: left; font-family: tahoma,宋体; }
	.userLogin .loginTitle { font-size: 24px; color: #5B5F82; line-height: 132px; margin-left: 50px; font-weight: bold; text-align: center; margin-right: 150px; }
	.userLogin .txtNoLine { width: 180px; }
	.userLogin .loginbtn { text-align: center; padding: 10px 0px 8px 240px; margin-top: -70px; }
	.userLogin .loginLink { margin-left: 20px; margin-top: 50px; }
*/


/*collapse*/
.collapse { display: none; }
    .collapse.in { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; transition: height .35s ease; }

/*Navigation*/
.sidebar-nav { border-top: none; border-left: none; }
    .sidebar-nav ul { list-style: none; padding-left: 0px; margin: 0px; }
    .sidebar-nav .nav-header, .sidebar-nav .nav-list a { background: #e70012; line-height: 25px; padding-top: 12px; padding-bottom: 12px; border-bottom: solid 1px #d1d1d1; color: White; display: block; text-align: center; overflow: hidden; font-weight: bold; }
        /*.sidebar-nav .collapsed, .sidebar-nav .collapsed a { background-color: transparent; color: #666666; }*/
        .sidebar-nav .nav-header:hover { text-decoration: none; }
    .sidebar-nav .nav-list li a { color: #666666; background-color: transparent; text-align: right; padding-right: 10px; font-weight: normal; }
        .sidebar-nav .nav-list li a:hover { background: #d2d2dd; }

/* Tabs */
.tabs { margin-top: 0px; margin-bottom: 25px; padding: 0px; background-color: #fefefe; }
    .tabs .tabsContent { }
    .tabs .TabContent > table.inputTable { border: none; }
    .tabs table.listGrv { border: solid 1px #5ea5bd; border-top-style: none; margin-bottom: 10px; border-collapse: collapse; }
        .tabs table.listGrv td, .tabs table.listGrv th { border: 1px solid #5ea5bd; padding: 2px 5px; line-height: 20px; }
    .tabs table.inputTable, .tabs table.inputTable td { border: solid 1px #c4c4c4; line-height: 20px; }
        .tabs table.inputTable table.noborder td, table.noborder td { border: none; }

.tabsHeader { padding: 5px 5px 0px; border: 1px solid #c4c4c4; border-bottom: none; background-color: #dbdbdb; border-radius: 4px 4px 0 0; margin-bottom: 0; }
    .tabsHeader ul { display: block; }
    .tabsHeader li { float: left; display: block; height: 36px; text-align: center; cursor: pointer; }
        .tabsHeader li a { float: left; display: block; line-height: 36px; padding-left: 5px; }
            .tabsHeader li a:hover { text-decoration: none; }
        .tabsHeader li span { float: left; display: block; overflow: hidden; padding: 0 5px; cursor: pointer; }
        .tabsHeader li.hover { }
            .tabsHeader li.hover a { }
            .tabsHeader li.hover span { }
        .tabsHeader li.selected a { }
    .tabsHeader a:hover { text-decoration: none; }
.tabsHeaderContent { display: block; overflow: hidden; padding-right: 5px; }
    .tabsHeaderContent .dropdown { overflow: visible; }
    .tabsHeaderContent .Operate { padding-right: 15px; }
    .tabsHeaderContent ul { margin: 0px; padding: 0px; }
    .tabsHeaderContent .far { float: right; color: #2a2a2a; height: 36px; line-height: 36px; font-size: 14px; position: relative; }
        .tabsHeaderContent .far * { display: inline-block; }
.tabsHeader li a { position: relative; background: #eee; padding: 0px 15px; text-decoration: none; color: #444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); border-radius: 5px 0 0 0; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); margin-left: 18px; * margin-left: 5px; border-top: 1px solid #d0d0d0; }
    .tabsHeader li a:after { content: ''; position: absolute; z-index: 2; top: 0px; right: -0.5em; bottom: 0; width: 1em; height: 35px; background: #eee; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); transform: skew(10deg); -webkit-transform: skew(10deg); border-radius: 0 5px 0 0; }
    .tabsHeader li a:before { content: ''; position: absolute; z-index: 1; top: 0px; left: -10px; bottom: 0; width: 1em; height: 35px; background: #eee; border-left: 1px solid #d0d0d0; transform: skew(170deg); -webkit-transform: skew(170deg); border-radius: 5px 0 0 0; }
.tabsHeader li.selected a, .tabsHeader li.selected a:hover, .tabsHeader li.selected a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom: none; cursor: default; }
    .tabsHeader li.selected a, .tabsHeader li.selected a:after, .tabsHeader li.selected a:before { background: #fff; z-index: 3; }
/*.tabsHeader li a { margin-left: 2px;   border: 1px solid transparent;}  
.tabsHeader { color: White; font-size: 16px; padding-top:5px;padding-bottom:0px;}
.tabsHeader ul { display: block; position:relative;margin-left:10px;}
.tabsHeader li { float: left; display: block;  text-align: center; cursor: pointer;position:relative;margin-bottom:-1px; }
.tabsHeaderContent { display: block; overflow: hidden;}
.tabsHeaderContent .Operate { padding-right: 15px; }
.tabsHeaderContent ul { margin: 0px; padding: 0px; }
.tabsHeaderContent .far { float: right; color: #2a2a2a; height: 36px; line-height: 36px; font-size: 14px; }
*/

/*home*/
.task { width: 245px; height: 185px; vertical-align: middle; text-align: center; color: White; font-size: 20px; line-height: 30px; }
    .task span { margin-top: 10px; }
.task-split { width: 20px; }
.goalbg { background-color: #7822ec; }
.hr360bg { background-color: #63af20; }
.idpbg { background-color: #ec4d22; }
.pabg { background-color: #222cec; }
.pprbg { background-color: #fda54e; }
    .pprbg i { margin: 0; }
.task-goal, .task-goal a { font-size: 15px; color: #7822ec; background-color: #e3cdff; line-height: 30px; padding: 20px 10px; vertical-align: top; }
.task-hr360, .task-hr360 a { font-size: 15px; color: #63af20; background-color: #d8f4bf; line-height: 30px; padding: 20px 10px; vertical-align: top; }
.task-idp, .task-idp a { font-size: 15px; color: #ec4d22; background-color: #eedbd6; line-height: 30px; padding: 20px 10px; vertical-align: top; }
.task-pa, .task-pa a { font-size: 15px; color: #222cec; background-color: #d0d2e8; line-height: 30px; padding: 20px 10px; vertical-align: top; }
.task-ppr, .task-ppr a { font-size: 15px; color: #fda54e; background-color: #FDEFE1; line-height: 30px; padding: 20px 10px; vertical-align: top; }
    .task-goal ul, .task-hr360 ul, .task-idp ul, .task-pa ul, .task-ppr ul { padding-left: 30px; margin: 0; }
        .task-goal ul a, .task-hr360 ul a, .task-idp ul a, .task-pa ul a, .task-ppr ul a { padding: 0; }

/*idp*/
table.inputTable td.idph2 { line-height: 30px; }
table.inputTable td.idph2Sub { background-color: #1174b9; font-size: 14px; line-height: 25px; font-weight: bold; vertical-align: middle; color: White; }
.idph2 { background-color: #70afc4; font-size: 14px; font-weight: bold; line-height: 30px; vertical-align: middle; color: White; }
.idph2Tip { line-height: 20px; vertical-align: middle; font-weight: normal; color: White; font-size: 12px; }
.idph3 { background-color: #a1d3f6; vertical-align: middle; font-weight: bold; color: #1174b9; font-size: 16px; }
.tabs table.inputTable td.idph3 { line-height: 30px; }
.idph4 { background-color: #eeeeee; line-height: 30px; vertical-align: middle; font-weight: bold; }
.idph4Tip { line-height: 20px; vertical-align: middle; font-weight: normal; font-size: 12px; }
.idpTitle { background-color: #1174b9; line-height: 25px; text-align: center; font-size: 16px; color: White; vertical-align: middle; font-weight: bold; }
.idph5 { background-color: #f1f1f1; line-height: 20px; vertical-align: middle; font-weight: bold; }
.title2 { background-color: #70afc4; font-size: 14px; line-height: 30px; font-weight: bold; vertical-align: middle; color: White; padding: 10px; }
.title3 { background-color: #f4f4f4; vertical-align: middle; font-weight: bold; color: #6f6f6f; font-size: 14px; }
.title5 { background-color: #f4f4f4; line-height: 20px; vertical-align: middle; font-weight: normal; color: #6f6f6f; }


/*pager*/
.pager { padding-left: 0; margin: 10px 0; border-radius: 4px; text-align: left; margin-left: 1px; display: block; height: 38px; }
    .pager td { vertical-align: middle; }
    .pager a, .pager span { position: relative; color: #428bca; line-height: 32px; text-align: center; width: 34px; display: block; float: left; text-decoration: none; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; margin-right: 0px; font-family: helvetica, arial, sans-serif; }
    .pager img { border: none; padding: 8px 12px; border: 1px solid #ddd; }
    .pager a > img { border: none; padding: 0px; }
    .pager a:hover, .pager a:focus { color: #2a6496; background-color: #eee; border-color: #ddd; }
    .pager > .active > a, .pager > .active > span, .pager > .active > a:hover, .pager > .active > span:hover, .pager > .active > a:focus, .pager > .active > span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; }
    .pager > .disabled > span, .pager > .disabled > span:hover, .pager > .disabled > span:focus, .pager > .disabled > a, .pager > .disabled > a:hover, .pager > .disabled > a:focus { color: #999; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
    .pager > div > a:last-child, .pager > div > span:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
    .pager > div > a:first-child, .pager > div > span:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

/*survey*/
.stepNo { background-image: url(Images/stepNo.gif); background-repeat: repeat-x; font-weight: bold; color: #FFFFFF; text-decoration: none; line-height: 24px; border: solid 1px #ccc; float: left; padding: 0 10px; min-width: 120px; }
.PageSurvey { margin: 0px 20px; border: solid 1px #cdd2d2; background-color: #fafafa; padding: 10px 10px; }
.question-line { margin-bottom: 15px; }
.SurveyRate { border: solid 1px #b8d0d6; background-color: White; padding: 5px; margin: 5px 15px; }
.padding20 { padding: 20px; }
.surveyTips { padding: 10px; border: 1px solid rgb(211, 168, 142); border-image: none; background-color: rgb(255, 247, 240); }
.surveyBlock { border: solid 1px #cdd2d2; background-color: #fafafa; padding-top: 10px; padding-bottom: 15px; padding-left: 25px; padding-right: 25px; width: auto !important; width: 100%; }
.item-txt-must { font-weight: bold; padding-right: 20px; text-align: right; }
.tippage { background: url(images/Tipbg.gif) no-repeat center top; width: 420px; height: 300px; text-align: center; line-height: 30px; font-size: 16px; margin-top: 50px; margin-left: 300px; margin-bottom: 50px; }
    .tippage .tipInfo { padding: 100px 50px 50px 50px; }
table.ratingGroup5 td { width: 20%;word-wrap:hyphenate; }
table.ratingGroup4 td { width: 25%;word-wrap:hyphenate; }
table.ratingGroup3 td { width: 33%;word-wrap:hyphenate; }

/*Tips*/
.tip-yellowsimple { z-index: 1000; text-align: left; border: 1px solid #c4c4c4; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 6px 8px; min-width: 50px; max-width: 500px; color: #000; background-color: #f5f6f6; /** 	 * - If you set a background-image, border/padding/background-color will be ingnored. 	 *   You can set any padding to .tip-inner instead if you need. 	 * - If you want a tiled background-image and border/padding for the tip, 	 *   set the background-image to .tip-inner instead. 	 */ }
    .tip-yellowsimple .tip-inner { font: 12px; }
    .tip-yellowsimple em { color: Red; font-style: normal; }
    /* Configure an arrow image - the script will automatically position it on the correct side of the tip */
    .tip-yellowsimple .tip-arrow-top { margin-top: -6px; margin-left: -5px; /* approx. half the width to center it */ top: 0; left: 50%; width: 9px; height: 6px; background: url(Images/tip-yellowsimple_arrows.gif) no-repeat; }
    .tip-yellowsimple .tip-arrow-right { margin-top: -4px; /* approx. half the height to center it */ margin-left: 0; top: 50%; left: 100%; width: 6px; height: 9px; background: url(Images/tip-yellowsimple_arrows.gif) no-repeat -9px 0; }
    .tip-yellowsimple .tip-arrow-bottom { margin-top: 0; margin-left: -5px; /* approx. half the width to center it */ top: 100%; left: 50%; width: 9px; height: 6px; background: url(Images/tip-yellowsimple_arrows.gif) no-repeat -18px 0; }
    .tip-yellowsimple .tip-arrow-left { margin-top: -4px; /* approx. half the height to center it */ margin-left: -6px; top: 50%; left: 0; width: 6px; height: 9px; background: url(Images/tip-yellowsimple_arrows.gif) no-repeat -27px 0; }
    .tip-yellowsimple ul, .tip-yellowsimple ol { padding-left: 20px; }
.question-title { font-size: 110%; }
.ui-field-contain { margin-bottom: 15px; }
.Operate a.Signture:link, .Operate a.Signture:visited { padding: 5px; font-weight: bold; font-size: 120%; color: White; background-color: Red; }
.Operate a.Signture:hover { text-decoration: none; }
.Operate a.Signtured:link, .Operate a.Signtured:visited { color: #ddd; }

/* the norm */
#gritter-notice-wrapper { position: fixed; top: 20px; right: 20px; width: 301px; z-index: 9999; }
    #gritter-notice-wrapper.top-left { left: 20px; right: auto; }
    #gritter-notice-wrapper.bottom-right { top: auto; left: auto; bottom: 20px; right: 20px; }
    #gritter-notice-wrapper.bottom-left { top: auto; right: auto; bottom: 20px; left: 20px; }
.gritter-item-wrapper { position: relative; margin: 0 0 10px 0; background-color: #f5f6f6; border-color: #ccc; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.gritter-top { height: 10px; }
.gritter-bottom { height: 8px; margin: 0; }
.gritter-item { display: block; color: #333; padding: 2px 11px 8px 11px; font-size: 11px; }
    .gritter-item p { padding: 0; margin: 0; word-wrap: break-word; }
.gritter-close { position: absolute; top: 5px; right: 5px; cursor: pointer; }
    .gritter-close i.iconfont { font-size: 18px; }
a.gritter-close:hover { text-decoration: none; }
.gritter-title { font-size: 14px; font-weight: bold; padding: 0 0 7px 0; display: block; /* Not supported by IE :( */ }
.gritter-image { width: 48px; height: 48px; float: left; }
    .gritter-image i.iconfont { font-size: 48px; }
.gritter-with-image, .gritter-without-image { padding: 0; }
.gritter-with-image { width: 220px; float: right; }
/* for the light (white) version of the gritter notice */
.gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close { background-image: url(images/gritter-light.png); color: #222; }
.gritter-light .gritter-title { text-shadow: none; }


/*fullPage*/
.fullShow_Nav { position: fixed; z-index: 1000; margin-top: 20px; opacity: 1; -webkit-transform: translate3d(0,0,0); }
    .fullShow_Nav ul { margin: 0; padding: 0; }
        .fullShow_Nav ul li { display: block; width: 14px; height: 13px; margin: 0px; position: relative; float: left; }
            .fullShow_Nav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
                .fullShow_Nav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #fff; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
                .fullShow_Nav ul li a.active span, .fullShow_Nav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; }
            .fullShow_Nav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; }

/*Tips*/
.LTS4 { background-color: #ff00ff; color: White; }
.LTS3 { background-color: #66ff33; }
.LTS2 { background-color: #00ffff; }
.LTS1 { background-color: #ffff00; }
.LTS0 { background-color: #ff0000; color: White; }
.LTSCV { background-color: #c0c0c0; }
.LTSTN { background-color: #ffffff; }
.LTSHVP { background-color: #ffb100; }
.FutureWhite { background-color: #ffffff; }
.FutureGrey { background-color: #c0c0c0; }
.FutureGreen { background-color: #00B050; color: White; }
.FutureBlue { background-color: #5e87b0; color: White; }
.FuturePurple { background-color: #7f3f94; color: White; }
    .FutureGreen a, .FutureBlue a, .FuturePurple a, .LTS0 a, .LTS4 a { color: White; }
        .FutureGreen a:hover, .FutureBlue a:hover, .FuturePurple a:hover, .LTS0 a:hover, .LTS4 a:hover { color: White; }

.riskRow1 { }
.riskRow2 { background-color: #CCFFFF; }
.riskRow3 { background-color: #FFFF99; }