*,input, button, select, textarea,input[type="text"], input[type="password"],label
{
    font-family:  Verdana,"宋体";
    font-size: 12px;
    line-height: 20px;
    color:#505050;
}
body, html
{
    background-color: #FCFEFF;
    margin: 0px;
    padding:0px;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100_1.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.table caption + thead tr:first-child th, .table caption + thead tr:first-child td,
 .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {
    border-top: 1px solid #b5bec6;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container
{
    width: 980px;
}
.pagination
{
    margin:0px;
}
.pagination ul > li> a, .pagination ul > li> span
{
    margin:0px 2px;
}
.offset-top
{
    margin-top:12px;
}
.offset-top-5
{
    margin-top:5px;
}
.offset-bottom
{
    margin-bottom:20px;
}
.ui-widget-content a 
{
    color:#505050;
}
.ui-widget-content a:hover
{
    text-decoration:underline;
}
.title > span.name,.title > a.name
{
    margin-left: 5px;
    float:left;
    font-family:Verdana,"微软雅黑";
    font-size:16px;
    color:#237e9e;
    font-weight: normal;
}
.a-right
{
    float: right;
    margin-top:2px;
    color:#237e9e;
    font-family:Verdana,"微软雅黑";
    line-height:18px;
    font-size:14px;
    font-weight:normal;
}
.title
{
    margin: 0px 0px;
    height:20px;
    font-family:Verdana,"微软雅黑";
    font-size:16px;
    color:#237e9e;
    font-weight:normal;
}
.vertical-split
{
    background:url(images/vertical-line.png) repeat-y;
    width:2px;
    margin:0px 28px;
    display:inline-block;
    float:left;
}
.horizontal-split
{
    background:url(images/horizontal-line.png) repeat-x;
    height:2px;
}
.horizontal-split2
{
    background:url(images/dotted-line.png) repeat-x;
    height:2px;
    margin-bottom:5px;
}
.title2
{
    background-color: #def2f9;
    color:#237e9e;
    padding-left:10px;
    margin-bottom:5px;
    padding: 5px;
}
.title3
{
    color:#237e9e;
}
i.point {
    float: left;
    display: inline-block;
    width: 7px;
    height: 7px;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 7px;
    background-position: -0px -163px;
    background-image: url("images/icons.png");
}
select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.input-append, .input-prepend
{
    margin-bottom:0px;
    height:22px;
    *line-height:22px;
    padding: 0px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
    border-bottom-left-radius:0px;
}
input[type="text"]:focus,
input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, 
input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, 
input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"], input[type="color"]:focus,
input[type="checkbox"]:focus,input[type="radio"]:focus,textarea:focus,select:focus,a:focus
{
    outline:0;
}
.input-append, .input-prepend
{
    height:24px;
    *line-height:24px;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{
    /*padding-left:5px;*/
}
input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
    cursor:default;
    background-color: white;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly]
{
    vertical-align:middle;
}
.input-append .add-on, .input-prepend .add-on
{
    padding: 3px 5px;
    height:16px;
    line-height:16px;
    *margin-top:1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=#ECEDEC,gradientType=0);
    background:linear-gradient(to bottom, #fff, #ECEDEC);
    background:-moz-linear-gradient(top, #fff, #ECEDEC); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ECEDEC));
}
/**********************************************************/
input.input_box_date{
width: 80px;
height: 18px;
line-height: 18px;
margin: 0 0 0 0;
}

/************************button*****************************/
input[type="button"],.ui-widget button,button,input[type="submit"]
{
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=white,endcolorstr=#ECEDEC,gradientType=0);
    background:linear-gradient(to bottom, #fff, #ECEDEC);
    background:-moz-linear-gradient(top, #fff, #ECEDEC); 
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#ECEDEC));
    width:67px;
    height:24px;
    line-height:24px;
    border: 1px solid #cccccc;
    font: normal 12px Verdana,"宋体";
    margin:0px 3px;
    vertical-align:middle;
    
}

button.btn-noboder,button.btn-noboder-nounderline
{
    background:none;
    filter:none;
    background-color: transparent;
    border: 0px;
    margin: 0px 2px;
    padding: 0px;
    width: auto;
    height:16px;
    cursor:default;
}
button.btn-noboder:hover
{
    text-decoration:underline;
    cursor:pointer;
}
input[class^="btn-big-"],
input[class*=" btn-big-"],
[class^="btn-big-"],
[class*=" btn-big-"]
{
    display: inline-block;
    background:none;
    filter: none;
    background:url(images/buttons.png) no-repeat;
    width:77px;
    height:24px;
    border: 0px;
    vertical-align:middle;
    font: normal 12px Verdana,"宋体";
    color:#505050;
}
input.btn-big-gray-round,.btn-big-gray-round
{
    background-position:-66px -45px;
}
input.btn-big-paleblue-square,.btn-big-paleblue-square
{
    background-position:-66px -77px;
}
input.btn-big-gray-square,.btn-big-gray-square
{
    background-position:-66px -109px;
}
input.btn-big-gray-square-106x22,.btn-big-gray-square-106x22
{
    background-position:-152px -109px;
    width:106px;
}
input.btn-big-blue-square,.btn-big-blue-square
{
    background-position:-66px -141px;
}
input[class^="btn-normal-"],[class^="btn-normal-"],
input[class*=" btn-normal-"],[class*=" btn-normal-"]
{
    display: inline-block;
        background:none;
    filter: none;
    background:url(images/buttons.png) no-repeat;
    width:67px;
    height:24px;
    border: 0px;
    vertical-align:middle;
    font: normal 12px Verdana,"宋体";
    color:#505050;
}
input.btn-normal-gray-round,.btn-normal-gray-round
{
    background-position:-0px -45px;
}
input.btn-normal-paleblue-square,.btn-normal-paleblue-square
{
    background-position:-0px -77px;
}
input.btn-normal-gray-square,.btn-normal-gray-square
{
    background-position:-0px -109px;
}
input.btn-normal-blue-square
{
    background-position:-0px -141px;
}
input.btn-normal-green,.btn-normal-green
{
    height:24px;
        background:none;
    filter: none;
    border:1px solid #b5bec6;
    background-color:#def2f9;
    width:auto;
    font-family:Verdana,"宋体";
    font-size:12px;
    color:#237e9f;
}
input.btn-normal-excport,.btn-normal-excport
{
    background-position:0px -175px;
    background-repeat:repeat-x;
}
input.btn-normal-date,.btn-normal-date
{
    cursor: pointer;
    border: 0px;
    width: 21px;
    height: 20px;
    background: url(images/date.png) no-repeat right bottom;
}
/**********Action*******/
[class^="task-icon-action-"],
[class*=" task-icon-action-"] 
{
    /*display: inline-block;*/
    width:30px;
    height:15px;
    background-image: url("images/buttons.png");
    background-repeat: no-repeat;
}
.task-icon-action-complete
{
    background-position:0 -203px;
}
.task-icon-action-reject
{
    background-position:-40px -203px;
}
.task-icon-action-pause
{
    background-position:-80px -203px;
}

.task-icon-action-normal
{
    background:none;
}
.task-icon-action-Ask
{
    width:40px;
    height:15px;
    background:none;
    
}
.task-icon-action-endAsk
{
    width:50px;
    height:15px;
    background:none;
    
}
.task-icon-action-Reply
{
    background:none;
}
.task-icon-action-Replied
{
    width:75px;
    height:15px;
    background:none;
    
}
.task-icon-action-disable
{
    background:none;
}
/***********************menu********************************/
.custom-menu-level1 li span,.custom-menu-level2 li span
{
    font-size:12px;
    font-family:Verdana,"宋体";
    color:WHITE;
        margin:0px;
    padding:0px;
}
.custom-menu-level2 li span
{
    color:#777777;
}
.custom-menu-level1 li a,.custom-menu-level1 li a i,
.custom-menu-level2 li a,.custom-menu-level2 li a i
{
    display:inline-block;
    margin:0px;
    padding:0px;
    background: url("images/meue-bar.png") no-repeat;
}
.custom-menu-level1
{
    padding:0px;
    margin:0px 10px;
    width:163px;
}
.custom-menu-level1 li
{
    padding:0px;
    margin:0px;
    width:163px;
    *display:inline;
    list-style:none;
}
.custom-menu-level1 li a
{
    width:163px;
    height:26px;
    background-position:0 -48px;
}
.custom-menu-level1 li a i
{
    float:right;    
    width:17px;
    height:17px;
    background-position:-26px -84px;
    margin: 5px 10px;
}
.custom-menu-level1 li a i.active
{
    float:right;
    width:17px;
    height:17px;
    margin: 5px 10px;
    background-position:0 -84px;
}

.custom-menu-level1 li span
{
    margin: 3px 10px;
    float: left;
}
.custom-menu-level2
{
    padding:0px;
    margin:0px;
    width:163px;
}
.custom-menu-level2 li
{
    padding:0px;
    margin:0px;
    width:163px;
    *display:inline;
    list-style:none;
}
.custom-menu-level2 li a i
{
    float:left;
    width:6px;
    height:10px;
    background-position:0 -146px;
    margin:8px 10px;
}
.custom-menu-level2 li a.active i
{
    float:left;
    width:6px;
    height:10px;
    margin:8px 10px;
    background-position:-16px -146px;
}
.custom-menu-level2 li a.active span
{
    color:#4C90CD;
}
.custom-menu-level2 li a
{
    width:163px;
    height:26px;
    background-position:0 -12px;
}
.custom-menu-level2 li a.active
{
    width:163px;
    height:26px;
    background: url("images/meue-bar.png");
    background-position:0 -110px;
    
}
.custom-menu-level2 li span
{
    background-image:none;
    margin: 4px 0px;
    float: left;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    text-align:left;
    width:100px;
}
.custom-menu-level2 li a > .count
{
    background: url("images/meue-bar.png");
    background-position:-52px -84px;
    background-repeat:no-repeat;
    text-align:center;
    width:26px;
    line-height: 16px;
    height:16px;
    margin: 5px 5px;
    float: right;
    display:inline-block;
    font-family:"宋体";
    font-size:10px;
}
.custom-menu-level2 li a.active > .count
{
    background: url("images/meue-bar.png");
    background-position:-87px -84px;
    background-repeat:no-repeat;
    text-align:center;
    width:26px;
    line-height: 16px;
    height:16px;
    margin: 5px 5px;
    float: right;
    display:inline-block;
    font-family:"宋体";
    font-size:10px;
}
/****************************person*************************/
[class^="big-head-"],
[class*=" big-head-"],
[class^="small-head-"],
[class*=" small-head-"]
{
    background:url(images/head-portrait.png) no-repeat;
}
.big-head-bg
{
    width:112px;
    height:105px;
    margin-top: 5px;
    background-position:0px 0px;
}
.big-head-man
{
    width:48px;
    height:64px;
    margin: 14px 13px;
    float: left;
    background-position:-58px -115px;
}
.big-head-woman
{
    width:48px;
    height:64px;
    float: left;
    margin: 14px 13px;
    background-position:0px -115px;
}
.normal-photo
{
    max-width:48px;
    max-height:64px;
    width:48px;
    height:64px;
    margin: 14px 0px 0px 13px;
}

.small-head-bg
{
    width:37.5px;
    height:50px;
    border:0px;
    background-position:-1000px;
    margin-left: auto;
margin-right: auto;
}
.small-head-man
{
    width:37.5px;
    height:50px;
    float: left;
    background-position:-48.5px -189px;
}
.small-head-woman
{
    width:37.5px;
    height:50px;
    float: left;
    background-position:0px -189px;
}
.small-photo
{
    max-width:37.5px;
    max-height:50px;
    width:37.5px;
    height:50px;
}

/********************calendar*****************************/
table.calendar-month td, th
{
    border:1px solid #b5bec6;
    width: 120px;
    padding: 5px 0;
    text-align: center;
}
table.calendar-month td a
{
    font-family:Verdana,"微软雅黑";
    font-size:14px;
    color:#505050;
}
td.tdhead_search
{
    background-color: #d5f0fb;
    border-right: #ccdae5 1px solid;
    border-top: #ccdae5 1px solid;
    border-left: #ccdae5 1px solid;
    border-bottom: #ccdae5 1px solid;
    padding: 0 0 0 5px;
    height: 25px;
}
table.calendar-month
{
    border:1px solid #b5bec6;
}
table.calendar-month td.current-day
{
    background-color:#f5ddb8;
}
.calendar-month
{
    width: 100%;
}
table.calendar-month th
{
    background: #666;
    color: #fff;
    height:20px;
}
table.calendar-month th.weekday
{
    font-family:Verdana,"微软雅黑";
    font-size:16px;
    color:#237e9e;
    background-color:#def2f9;
    font-weight: normal;
}
table.calendar-month .other-month
{
    background: #eee;
}
/************************tab************************/
.navbar-inner 
{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.065);
}
.nav-tabs > li
{
    height:30px;
}
.nav-tabs > li > a 
{
    background-color: #def2f9;
    border: 1px solid #b5bec6;
    height: 28px;
    padding-bottom:0px;
    padding-top:0px;
    line-height:28px;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius: 0;
}
.nav-tabs > .active > a,.nav-tabs > li > a,.title3
{
    font-family:Verdana,"宋体";
    font-size:12px;
    color:#237e9e;
    margin:0px;
    padding:0px;
}
h3.title3
{
    font-family:Verdana,"宋体";
    font-size:20px;
    color:#237e9e;
    margin:0px;
    padding:0px;   
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus
{
    background-color:#B4E4EF;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
{
    background-color:#FCFEFF;
    color:#237e9e;
}
/**************************ICON**********************/
/***********big square***********/
[class^="icon-big-square-"],
[class*=" icon-big-square-"] 
{
  display: inline-block;
  width: 21px;
  height: 21px;
  vertical-align:middle;
  background-image: url("images/icons.png");
  background-position: 29px 29px;
  background-repeat: no-repeat;
  float:left;
}
.icon-big-square-news {
    background-position: 0px 0px;
}
.icon-big-square-notice {
    background-position: -30px 0px;
}
.icon-big-square-special {
    background-position: -60px 0px;
}
.icon-big-square-knowledge {
    background-position: -90px 0px;
}
.icon-big-square-advice {
    background-position: -120px 0px;
}
.icon-big-square-contact {
    background-position: -150px 0px;
}
.icon-big-square-relation {
    background-position: -180px 0px;
}
.icon-big-square-financial
{
    background-position: -210px 0px;
}
.icon-big-square-hr
{
    background-position: -240px 0px;
}
.icon-big-square-science
{
    background-position: -270px 0px;
}
.icon-big-square-email
{
    background-position: 0px -30px;
}
.icon-big-square-chat
{
    background-position: -30px -30px;
}
.icon-big-square-member
{
    background-position: -60px -30px;
}
.icon-big-square-task
{
    background-position: -90px -30px;
}
.icon-big-square-plan
{
    background-position: -120px -30px;
}
.icon-big-square-favorite
{
    background-position: -150px -30px;
}
.icon-big-square-form
{
    background-position: -180px -30px;
}
.icon-big-square-report
{
    background-position: -210px -30px;
}
.icon-big-square-setting
{
    background-position: -240px -30px;
}
.icon-big-square-edit
{
    background-position: -250px -30px;
}
.icon-big-square-frums
{
    background-position: -0px -60px;
}
.icon-big-square-search
{
    background-position: -30px -60px;
    float:none;
    cursor:pointer;
}
.icon-big-square-dialog
{
    background-position: -62.5px -62.5px;
    width:16px;
    float:none;
    cursor:pointer;
}
/*******other******/
.icon-arrow {
    background-position: 0px 0px;
    background-image: url("images/arrow.png");
    width: 24px;
    height: 51px;
    float:right;
}
.icon-prompt
{
    background-position: 0px -117px;
    background-image: url("images/icons.png");
    width: 13px;
    margin-top:0px;
    height: 16px;   
}
 .icon-high
{
    /*margin-top:4px;*/
    margin-left: 5px;
    width: 10px;
    height: 12px;
    background-image: url("images/text-high.png");
    background-position: 0;
}
.icon-middle
{
    /*margin-top:4px;*/
    /**margin-top:2px;
    margin-top:2px\9;*/
    margin-left: 5px;
    width: 10px;
    height: 12px;
    background-image: url("images/text-middle.png");
    background-position: 0;
}
.icon-none
{
    background: none;
    width: 11px;
    margin-top: 0px;
    height: 13px;
}
.icon-tooltip
{
    background-position: 0px -400px;
    background-image: url("images/icons.png");
    width: 32px;
    height: 21px;
    color:White;
    font-size:10px;
}
/**********normal Circle********/
[class^="icon-normal-circle-"],
[class*=" icon-normal-circle-"] 
{
  display: inline-block;
  margin:0px;
  width: 16px;
  height: 16px;
  vertical-align:middle;
  background-image: url("images/icons.png");
  background-repeat: no-repeat;  
  /*margin-top:5px;*/
  margin-right:5px;
}
.icon-normal-circle-location
{
    background-position: -0px -242px;
    margin-right: 5px;
    margin-top: -2px;
}
.icon-normal-circle-question
{
    background-position: -25px -242px;
}
.icon-normal-circle-question-purple
{
    background-position: -50px -242px;
}
.icon-normal-circle-message
{
    background-position: -75px -242px;
}
.icon-normal-circle-edit
{
    background-position: -100px -242px;
}
.icon-normal-circle-delete
{
    background-position: -125px -242px;
}
.icon-normal-circle-complete
{
    background-position: -150px -242px;
}
.icon-normal-circle-update
{
    background-position: -175px -242px;
}
.icon-normal-circle-cancel
{
    background-position: -200px -242px;
}
.icon-normal-circle-add
{
    background-position: -225px -242px;
}
.icon-normal-circle-clear
{
    background-position: -250px -242px;
}
.icon-normal-circle-move
{
    background-position: -275px -242px;
}
.icon-normal-circle-disabled
{
    background-position: -300px -242px;
}
.icon-normal-circle-export
{
    background-position: -400px -242px;
}
.icon-normal-circle-copy
{
    background-position: -425px -242px;
}
/************normal square*************/
[class^="icon-normal-square-"],
[class*=" icon-normal-square-"] 
{
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align:middle;
  background-image: url("images/icons.png");
  background-repeat: no-repeat;
}
.icon-normal-square-more
{
    background-position: -0px -267px;
}
.icon-normal-square-search
{
    background-position: -25px -267px;
}
.icon-normal-square-delete
{
    background-position: -50px -267px;
}
.icon-normal-square-excel
{
    background-position: -75px -267px;
}
.icon-normal-square-csv
{
    background-position: -100px -267px;
}
.icon-normal-square-pdf
{
    background-position: -125px -267px;
}
.icon-normal-square-add
{
    background-position: -150px -267px;
}
.icon-normal-square-close
{
    background-position: -175px -267px;
}
.icon-normal-square-canlendar
{
    background-position: -200px -267px;
}
.icon-calendar
{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align:middle;
    background-image: url("images/icons.png");
    background-repeat: no-repeat;
    background-position: -200px -267px;
}
/*************************************small circle*******************************************/
[class^="icon-small-circle-"],
[class*=" icon-small-circle-"] {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-image: url("images/icons.png");
  background-repeat: no-repeat;
  vertical-align: middle;
}
.icon-small-circle-flag
{
    background-position:0 -179px;
}
.icon-small-circle-complete
{
    background-position:-22px -179px;
}
.icon-small-circle-reject{
    background-position:-44px -179px;
}
.icon-small-circle-start
{
    background-position:-66px -179px;
}
.icon-small-circle-stop{
    background-position:-198px -179px;
}
.icon-small-circle-pause{
    background-position:-220px -179px;
}
.icon-small-circle-question
{
    background-position:-264px -179px;
    margin-right: 3px;
}
.icon-small-circle-message
{
    background-position:-286px -179px;
    margin-right: 3px;
}
.icon-small-circle-exit
{
    background-position:-308px -179px;
    margin-right: 3px;
}
/***************************end icon******************************************/
/****************************nav********************************/
.navbar-inner
{
    background-image:url(images/nav-bg.png);
    background-repeat:repeat-x;
    height:39px;
    background-color:transparent;
    border:0px;
    filter:none;
}

.navbar .nav > li > a
{
    margin: 0px;
    padding:0px;
}
[class^="header-nav-"],
[class*=" header-nav-"]
{
    display: inline-block;
    background:url(images/header-nav.png) no-repeat;
    height:35px;
    width:150px;
    margin-top:2px;
    *margin-left:9px;
    *float:left;
}
.nav-delimiter
{
    width:3px;
    height:38px;
    background:url(images/nav-delimiter.png) no-repeat;
    float:right;
}
.header-nav-jt-ch
{
    /*background-position:0px -180px;*/
    height:38px;
    margin-top:0px;
    width:86px;
    background:url(images/group.png) no-repeat center;
    *margin-left:37px;
}
.header-nav-jt-jp
{
   background-position:0px -45px;
}
.header-nav-jt-en
{
   background-position:0px -90px;
}
.header-nav-jt-tw
{
   background-position:0px -0px;
}
.header-nav-home-tw
{
   background-position:0px -0px;
}
.header-nav-home-jp
{
   background-position:0px -45px;
}
.header-nav-home-en
{
   background-position:0px -90px;
}
.header-nav-home-ch
{
   background-position:0px -135px;
}

.header-nav-company-tw
{
   background-position:-160px -0px;
}
.header-nav-company-jp
{
   background-position:-160px -45px;
}
.header-nav-company-en
{
   background-position:-160px -90px;
}
.header-nav-company-ch
{
   /*background-position:-160px -135px;*/
   height:38px;
    margin-top:0px;
   width:86px;
   background:url(images/company.png) no-repeat center;
    *margin-left:37px;
}

.header-nav-dept-tw
{
   background-position:-320px -0px;
}
.header-nav-dept-jp
{
   background-position:-320px -45px;
}
.header-nav-dept-en
{
   background-position:-320px -90px;
}
.header-nav-dept-ch
{
   /*background-position:-320px -135px;*/
   height:38px;
    margin-top:0px;
   width:86px;
   background:url(images/department.png) no-repeat center;
    *margin-left:37px;
}
.header-nav-myspace-tw
{
   background-position:-480px -0px;
}
.header-nav-myspace-jp
{
   background-position:-480px -45px;
}
.header-nav-myspace-en
{
   background-position:-480px -90px;
}
.header-nav-myspace-ch
{
   /*background-position:-480px -135px;*/
   height:38px;
    margin-top:0px;
   width:86px;
   background:url(images/my-space.png) no-repeat center;
    *margin-left:37px;
}
.header-nav-admin-tw
{
   background-position:-640px -0px;
}
.header-nav-admin-jp
{
   background-position:-640px -45px;
}
.header-nav-admin-en
{
   background-position:-640px -90px;
}
.header-nav-admin-ch
{
   /*background-position:-640px -135px;*/
   height:38px;
    margin-top:0px;
   width:86px;
   background:url(images/administrative.png) no-repeat center;
    *margin-left:37px;
}
.header-nav-leaderspace-tw
{
   background-position:-800px -0px;
}
.header-nav-leaderspace-jp
{
    background-position:-800px -45px;
}
.header-nav-leaderspace-en
{
    background-position:-800px -90px;
}
.header-nav-leaderspace-ch
{
    /*background-position:-800px -135px;*/
    height:38px;
    margin-top:0px;
    width:86px;
    background:url(images/leader-space.png) no-repeat center;
     *margin-left:37px;
}

.nav-li-active
{
    height:38px;
    background:url(images/nav-button-bg.png) no-repeat center;
}
/******************************************************/
div.ellipsis {
    overflow: hidden;
    height: 40px;
    line-height: 25px;
}
div.ellipsis:before {
    content:"";
    float: left;
    width: 5px; 
    height: 45px; 
}

div.ellipsis > *:first-child {
    float: right;
    width: 100%;
    margin-left: -5px; 
}
div.ellipsis:after {
    content: "\02026";
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    float: right; position: relative;
    top: -25px; 
    left: 100%; 
    width: 3em; 
    margin-left: -3em;
    padding-right: 5px;
    text-align: right;
}
a.ellipsis
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    *float:left;
    color:#505050;
}
/***************************************************/
.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-top: 2px;
    opacity: .25;
}
.bs-docs-sidenav {
    margin: 0;
    padding: 0;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065);
}
/* Footer
-------------------------------------------------- */
.footer
{
    text-align: center;
    border-top: 1px solid #e5e5e5;
    background-color: #f5f5f5;
}
.footer p
{
    color: #777;
}
.footer-links
{
    margin: 0 auto;
    width:980px;
}
.footer-links li
{
    display: inline;
    width: 196px;
    float: left;
}
.footer-links li > a
{
    margin:15px 0;
    float:left;
}
.footer-links li > i
{
    margin:15px 10px;
}
.footer-links li:first-child
{
    padding-left: 0;
}
/*************************************/
#topContainer
{
    width: 100%; /*z-index: 999;     position: fixed;     left: 0; overflow: visible;     _position: absolute; /* for IE6 */
}
.top-FAQ-Download
{
    background:url(images/top-FAQ-Download.png) no-repeat;
    width:90px;
    height:22px;
    float: right;
    margin-right: -0px;
    color: white;
    padding-top:0.6em;
    padding-top:0.7em\0/;
    *padding-top:0px;
    *height:26px;
    text-align:center;
}
#contentContainer
{
    margin-left: auto;
    margin-right: auto;
    margin-top:-5px;
}
ul.ul-title
{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 15px;
}
ul.ul-title li
{
    text-align: left;
    list-style:none;
}
ul.ul-title li>i
{
    float:left;
    display: inline-block;
    width: 7px;
    height: 7px;
    background-repeat:no-repeat;
    margin-right:7px;
    margin-top:7px;
    background-position:-0px -163px;
    background-image: url("images/icons.png");
}
/**********************************header*************************************/
.top-logo
{
    height: 70px;
    background-color: #01cbef;
    min-width: 981px;
    padding: 0px;
}
.top-logo-grace
{
    height: 70px;
    background-color: rgb(76,144,205);
    min-width: 981px;
    padding: 0px;
    border-bottom: 1px solid rgb(76, 144, 205);
}
.top-logo-grace .container
{
    width:100%;
    
}
.top-logo-grace .left-container a
{
    display: block;
    height: 70px;
    width: 235px;
    background: url('images/logo-grace.jpg') no-repeat 0px 0px;
    border-style: none;
    position: absolute;
    left: 0px;
}
.top-logo-grace .left-container
{
    float: left;
    width: 185px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.top-logo .left-container
{
    float: left;
    width: 185px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.top-logo .left-container a
{
    display: block;
    height: 44px;
    width: 235px;
    background: url('images/logo.png') no-repeat 0px 0px;
    border-style: none;
}
.top-logo-grace .right-container
{
    float: right;
    text-align: right;
    margin-top: 0px;
    color: white;
    margin-right:10px;
}

.top-logo .right-container
{
    float: right;
    text-align: right;
    margin-top: 0px;
    color: white;
}
.bottom-logo
{
    display: block;
    height: 32px;
    width: 173px;
    background: url('images/logo-gray.png') no-repeat 0px 0px;
    border-style: none;
}
.bottom
{
    float: right;
    width: 80px;
    color:#898989;
    line-height:18px;
    font-size:12px;
}
/**********************************************************************************/

a:hover, a:focus 
{
    color:#505050;
}

a, li
{
    cursor: pointer;
    text-align: center;
    color:#505050;
    font-family:Verdana,"宋体";
    line-height:20px;
    font-size:12px;
    font-weight: normal;
}
a:link
{
    color: black;
    text-decoration: none;
}
a:visited
{
    text-decoration: underline;
}
a:hover
{
    font-weight: normal;
   text-decoration:underline;
}
a.noeffect
{
    cursor: auto;
    text-align: center;
    color: black;
}
a.noeffect:link
{
    color: black;
}
a.noeffect:visited
{
}
a.noeffect:hover
{
    font-weight: normal;
    text-decoration: none;
}
/***********************************Home*****************************************************/
.home-left
{
    width: 59%;
    float: left;
    overflow: hidden;
}
.home-left-top
{
    width: 622px;
    height: 258px;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.home-left-top ul
{
    height: 170px;
    position: absolute;
    margin: 0;
}
.home-left-top ul li
{
    float: left;
    width: 622px;
    height: 232px;
    overflow: hidden;
    position: relative;
    background: #f8fcfd;    
}
.home-left-top ul li div
{
    position: absolute;
    overflow: hidden;
}
.home-left-top .btnBg
{
    position: absolute;
    width: 622px;
    height: 26px;
    left: 0;
    bottom: 0px;
    background: url(images/banner-bg.png) no-repeat;
}
.home-left-top .triggers
{
    position: absolute;
    width: 108px;
    height: 20px;
    right: auto;
    left: 258px;
    bottom: 8px;
    *bottom:3px;
    vertical-align: middle;
}
.home-left-top .triggers span
{
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 11px;
    height: 11px;
    _font-size: 0;
    margin:8px 0.3em;
    *margin-top:-4px;
    cursor: pointer;
    background: url(images/icons.png) no-repeat;
    background-position:-20px -143px;
}
.home-left-top .triggers span.on
{
    background-position:-0px -143px;
}
.banner
{
    width: 571px;
    height: 192px;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.banner ul
{
    height: 193px;
    position: absolute;
    margin: 0;
}
.banner ul li
{
    float: left;
    width: 571px;
    height: 193px;
    overflow: hidden;
    position: relative;
    background: #f8fcfd;
}
.banner ul li div
{
    position: absolute;
    overflow: hidden;
}
.banner .triggers
{
    position: absolute;
    height: 20px;
    right: 0px;
    bottom: 0px;
    vertical-align: middle;
}
.banner .triggers span
{
    display: inline-block;
    _display: inline;
    _zoom: 1;
    width: 13px;
    height: 13px;
    _font-size: 0;
    margin:0px 0.3em;
    cursor: pointer;
    background: url(images/icons.png) no-repeat;
    background-position:-20px -143px;
}
.banner .triggers span.on
{
    background: url(images/icons.png) no-repeat;
    background-position:-0px -143px;
}

.home-left-bottom
{
    margin-top: 10px;
    margin-bottom: 10px;
}
.home-left-bottom-left, .home-left-bottom-right
{
    width: 49%;
    float: left;
}
.home-left-bottom-split, .home-split
{
    width: 2%;
    height: 100%;
    float: left;
    text-align: center;
}
#associate
{
    height:52px;
    width:100%;
    background:url(images/associate-bg.png) repeat-x;
}

/***********************分页*************************************************/
.table
{
    border-top: 1px solid #b5bec6;
}
.table th
{
    font: normal 12px Verdana,"宋体";
    border-top:1px solid #b5bec6;
    border-left:0px solid #b5bec6;
    border-right:0px solid #b5bec6;
    border-bottom:1px solid #b5bec6;
    text-align:center;
    background-color:#def2f9;
    height:20px;
    line-height:20px;
}
th .name{
    margin-left: 10px;
    font-size: 16px;
    font-family: Verdana,"宋体";
    color: #6c6c6c;
    margin-top: 8px;
    font-weight: normal;
    float: left;
}
.table_form th
{
    border-style:none;
    text-align: left;
}
.table_form .row_table
{
    background-color:#DEF2F9;
    font-family:Verdana,"微软雅黑";
    font-size:12px;
}
.row_table td>i
{
    float: left;
    display: inline-block;
    width: 7px;
    height: 7px;
    background-repeat: no-repeat;
    margin-right: 9px;
    margin-top: 7px;
    background-position: -0px -163px;
    background-image: url("images/icons.png");
}
.table th, .table td
{
    border-bottom: 1px solid #b5bec6;
    vertical-align: middle;
    padding: 2px 0px;
}

.table td span
{
    word-break:break-all; 
    display:inline-block; 
    max-width:90%;
}
div.dataTables_lengthlabel
{
    float: left;
    text-align: left;
}
div.dataTables_lengthselect
{
    width: 75px;
}

div.dataTables_filterlabel
{
    float: right;
}

div.dataTables_info
{
    float: right;
    margin-top: 2px;
    margin-right:5px;
}

div.dataTables_paginates
{
    float: right;
    margin: 0;
}

.table-sort-normal a
{
    text-decoration:none;
    cursor:default;
}

.table-sort-downarrow i
{
    background-position: 0px -201px;
    background-image: url("images/icons.png");
    width: 10px;
    height: 6px;
    display: inline-block;
    cursor:pointer;
}

.table-sort-uparrow i
{
    background-position: -20px -201px;
    background-image: url("images/icons.png");
    width: 10px;
    height: 6px;
    display: inline-block;
    cursor:pointer;
}
[class^="customer-page-"],
[class*=" customer-page-"]
{
    background:url(images/page.png) no-repeat;
    float: left;
    margin:0 2px;
}
div.dataTables_paginate li.customer-page-normal:hover,
div.dataTables_paginate li.customer-page-active:hover
{
    background-position:-411px 0;
    width:28px;
    height:26px;
    color:#505050;
}
div.dataTables_paginate .customer-page-first
{
    background-position:0 0;
    width:67px;
    height:26px;
}
div.dataTables_paginate .customer-page-first p,div.dataTables_paginate .customer-page-prev p
{
    margin-top:3px;
    margin-left:15px;
}
div.dataTables_paginate .customer-page-prev
{
    background-position:-76px 0;
    width:67px;
    height:26px;
}
div.dataTables_paginate li.customer-page-active
{
    background-position:-152px 0;
    width:28px;
    height:26px;
    line-height:26px;
    color:White;
}
div.dataTables_paginate li.customer-page-normal
{
    background-position:-188px 0;
    width:28px;
    height:26px;
    line-height:26px;
}
div.dataTables_paginate .customer-page-ellipsis
{
    background-position:-224px 0;
    width:27px;
    height:26px;
}
div.dataTables_paginate .customer-page-next p,div.dataTables_paginate .customer-page-last p
{
    margin-top:3px;
    margin-right:15px;
}
div.dataTables_paginate .customer-page-next
{
    background-position:-260px 0;
    width:67px;
    height:26px;
}
div.dataTables_paginate .customer-page-last
{
    background-position:-336px 0;
    width:67px;
    height:26px;
}

.pagefont
{
    color: #1cbbe5;
    }
 .btn-link,div.Pagination >.btn-link
 {
    padding: 0px;
    width: auto;
    font-family: Verdana,"宋体";
    font-size: 12px;
    height: auto;
    vertical-align: top;
    background:none;
    filter:none;

    border:0px;
    line-height: 18px;
 }   
/*****************************************Edit**************************************************/
.group-header
{
    background-color:#9bd4ea;
    font:14px "微软雅黑";
    width:150px;
    color:White;
    text-align:left;
    padding-left:10px;
    cursor:pointer;
    display:inline-block;
}
.group-content
{
    border:1px solid #9bd4ea;
}
table.edit
{
    border:none;
    margin-bottom:0px;
}
.table .edit-header
{
    text-align:left;
    padding-left:5px;
    background-color: #e1f3f5;
    color: #237e9e;
    width:150px;
}
table.edit th, table.edit td {
    border: 0px;
}
#editDiv
{
    margin-bottom:10px;
}
/****************************************Condition**************************************************/
table.condition
{
    border:none;
    width: auto;
    margin-bottom:0px;
}
table.condition th, table.condition td {
    border: 0px;
    padding-right: 10px;
}
.table .condition-header
{
    text-align:right;
    padding-right:5px;
}
.condition-Button-div
{
    margin-bottom:10px;
}
.edit-buntton-div
{
    margin-top:10px;
}

/****************************************Default button**************************************************/
.btn-default-75
{
    width:75px;
}

.btn-default-80
{
    width:80px;
}

.btn-default-85
{
    width:85px;
}
.btn-default-90
{
    width:90px;
}
.btn-default-95
{
    width:95px;
}
.btn-default-100
{
    width:100px;
}
.btn-default-110
{
    width:110px;
}
.btn-default-120
{
    width:120px;
}


.ui-button-text-only .ui-button-text
{
    padding:0px;
}

#detailTemplate *, #detailTemplate label,#detailTemplate span
{
    font-family:inherit;
    font-size: inherit;
    color:inherit;
    line-height: inherit;
}

/****************************************Alert Icon**************************************************/
[class^="icon-alert-"],
[class*=" icon-alert-"] {
    display: inline-block;
    width: 42px; 
    height: 42px; 
    background-image: url(images/MessagePrompt.png);                        
}
.icon-alert-success
{
     background-position: 0px 0px;
}
.icon-alert-error
{
     background-position: -50px 0px;
}
.icon-alert-warning
{
     background-position: -100px 0px;
}

.loading
{
    background:url(images/loading.gif) no-repeat;
    width:25px;
    height:25px;
    margin:auto;
    position:absolute;
	top:50%;
	left:50%;
	margin-top:-12.5px;
}
.content-overlay
{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(162, 159, 159);
    z-index: 100;
    -moz-opacity: 0.3;
    opacity: 0.3;
    filter: alpha(opacity=35);
}
 .ztree li a.curSelectedNode
 {
     background-color:#B5DAF8;
     border: 0px #B5DAF8 solid;
     line-height: 18px;
     height: 18px;
 }
 .ztree li a.curSelectedNode:hover
 {
     background-color:#DDDDDD;
      border: 0px #DDDDDD solid;
 }
 .ztree li>a:hover
 {
     background-color:#DDDDDD;
 }