.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.bold{font-weight:bold}
.right{text-align:right}
.f-right{float:right}
.left{float:left}
.clear{clear:both}
.center{text-align:center}
.page-break{page-break-after:always}

a, a:link, a:visited, a:hover, a:active {
  color: #1a459b;
  white-space: nowrap;
  outline: 0;
}
a.image, a.image:link, a.image:visited, a.image:hover, a.image:active {
  text-decoration: none;
}
input[type=password], input[type=text], select, textarea {
  border: 1px solid #999;
  height: 22px;
  vertical-align: top;
}
textarea.desc {
  height: 75px;
}
input.small {
  width: 60px;
}
select {
  border: 1px solid #999;
  height: 24px;
  vertical-align: top;
}
input.button {
  height: 25px;
}
div.login-form {
  border: 1px solid #CCCCCC;
  margin: 50px auto;
  padding: 30px;
  padding-bottom: 0px;
  width: 420px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-box-shadow: 0 0 3px #CCCCCC;
  -webkit-box-shadow: 0 0 3px #CCCCCC;
}
div.login-form p {
  height: 30px;
}
div.login-form label {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
}
div.login-form p.actions {
  text-align: left;
  *margin-left: -200px;
  _margin-left: -200px;
}
div.login-form p.actions input {
  background: none repeat scroll 0 0 #3471D4;
  border: 1px solid #999999;
  color: #FFFFFF;
  margin-left: 41px;
  padding: 3px 15px;
  *margin-left: 241px;
  _margin-left: 241px;
}
div.login-form .flash-box {
  height: 40px;
}
div.login-form .logo {
  float:left;
  width: 170px;
}
div.login-form .logo img {
}
div.login-form .ft {
  margin-top: 30px;
  text-align: center;
}
div.login-form p.captcha {
  height: 90px;
}
div.login-form p.captcha img {
  width: 150px;
  margin-left: 21px;
}
div.login-form p.captcha .captcha-tip {
  padding-left: 43px;
}
div.ct-tabs {
  font-size: 20px;
  margin: 20px;
}
div.ct-tabs a.current {
  color: black;
  text-decoration: none;
}
img.upload {
  width: 50px;
  margin-right: 20px;
  vertical-align: middle;
}
ul.qq-upload-list {
  margin: 15px 0;
}
ul.qq-upload-list li {
  margin-bottom: 10px;
}
.qq-upload-button {
  margin-top: 4px;
}
div#person-pic {
  float: right;
  text-align: center;
  background-color: #FFF;
  border:none;
  padding: 20px;
}
img.avatar {
  width: 55px;
  height: 55px;
}
img.middle {
  width: 30px;
  height: 30px;
}
.selection-container .selection-controls {
  height: 35px;
  position: relative;
}
.selection-summary.have {
  font-weight: bold;
}
.sleeve {
  position: absolute;
  width: 400px;
  bottom: 0;
  margin-bottom: 2px;
}
#complete-fr-form {
  padding: 15px 18px;
}
#logo { float:left; }
#hd-action {
  float:right;
  padding: 4px;
}
#doc3 {
  margin:auto 0 !important;
}
#doc3 #bd {
  background-color: #eee;
}
#doc3 .menu.yui-b {
  width: 193px;
}
#doc3 #yui-main .yui-b {
  margin-left: 193px;
  margin-right: 30px;
}
#doc3 #yui-main .yui-b.full {
  margin-left: 30px !important;
}
.clear-both {
  clear:both;
}
.big {
  width:400px;
}
#ft {
  background-color: #EEE;
  color: #666;
}
#ft p {
  text-align:left;
  margin-left: 193px;
  padding: 20px 0;
}
#menu {
  margin-left: 20px;
  margin-top: 20px;
}
#menu li {
  padding: 2px 5px;
  margin: 3px 0;
}
#menu li a {
  display: block;
  width: 100%;
}
#menu li,
#menu li a,
#menu li a:link,
#menu li a:visited,
#menu li a:hover,
#menu li a:active {
  color: #666;
  text-decoration: none;
}
#menu li:hover {
  background-color: #fff;
}
#menu li.current {
  background-color: #ddd;
}
#menu li .icon {
  background: url(/images/menu_icon_big.png) no-repeat;
  display:inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 10px;
}
#menu li .icon.activity {
  background-position: 0 0;
}
#menu li .icon.task {
  background-position: 0 -30px;
}
#menu li .icon.person {
  background-position: 0 -60px;
}
#menu li .icon.in-order {
  background-position: 0 -90px;
}
#menu li .icon.out-order {
  background-position: 0 -120px;
}
#menu li .icon.finance {
  background-position: 0 -150px;
}
#menu li .icon.running-account {
  background-position: 0 -180px;
}
#menu li .icon.chart {
  background-position: 0 -210px;
}
#menu li .icon.user {
  background-position: 0 -240px;
}
#menu li .icon.role {
  background-position: 0 -270px;
}
#menu li .icon.setting {
  background-position: 0 -300px;
}
#menu li.actions {
}
hr {
  border-color: #DAD8D4 #FFF #FFF #FFF;
  border-left: medium none;
  border-right: medium none;
  border-style: solid none;
  border-width: 1px medium;
}
#recent {
  text-align:left;
  padding: 5px 20px;
  color: #666;
}
.recently-viewed img.middle{
  border: 1px solid #999;
}
.recently-viewed .yui-gd .yui-u{
  width: 123px;
}
.recently-viewed .yui-gd .yui-u.first{
  width: 35px;
}
#sidebar {
  float:right;
  width:240px;
}
#sidebar .box {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #bbb;
  background-color: #FFF;
  padding: 5px;
  margin:0 10px 10px 10px;
}
.box h2 {
  font-weight: bold;
  padding: 5px;
}
#ct {
  border: 1px solid #bbb;
  min-height: 450px;
  min-width: 800px;
  padding: 0;
  margin-top:10px;
  background-color: #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 0 0 3px #CCCCCC;
  -webkit-box-shadow: 0 0 3px #CCCCCC;
}
#ct.not-full {
  margin-right:240px;
  min-width: 500px;
}
#ct h1 {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  background-color: #5C80CA;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 15px;
  color: #fff;
}
#ct.in_orders h1 {
  background-color: rgb(203,75,75);
}
#ct.out_orders h1 {
  background-color: #3a9e3c;
}
#ct .inner {
  padding: 10px;
}
h2.title {
  font-size: 18px;
}
h3.title {
  font-size: 14px;
}
#dock {
  padding:10px 0 5px 10px;
}
#dock a {
  padding: 0px;
  display:inline-block;
}
#dock a.new.person{
  background: url(/images/new_person.png) no-repeat center center;
  height: 27px;
  width: 65px;
}
#dock a.new.in-order{
  background: url(/images/new_in_order.png) no-repeat center center;
  height: 27px;
  width: 65px;
}
#dock a.new.out-order{
  background: url(/images/new_out_order.png) no-repeat center center;
  height: 27px;
  width: 65px;
}
#dock a.calc{
  background: url(/images/calc.png) no-repeat center center;
  height: 27px;
  width: 56px;
}
.full-search {
  background: url(/images/full_search.png) no-repeat left center;
  padding-left: 22px;
  padding-right: 20px;
  border:none;
  width:390px;
  height:27px;
  line-height:27px;
  vertical-align: top;
  display:inline-block;
}
.full-search input {
  border:none;
  width: 390px;
  height: 18px;
  vertical-align: baseline;
}
.full-search input.blank {
  color: #666 !important;
}
.tip {
  color: gray;
  font-size: 12px;
}
.clear { clear: both; }
ul#people-quick-nav {
  margin-top: 6px;
  width: 200px;
  float: left;
}
ul#people-quick-nav li {
  clear: both;
  float: left;
  margin-bottom: 10px;
  padding-left: 8px;
}
ul#people-quick-nav li .pinyin-first {
  float: left;
  margin-right: 4px;
  width: 18px;
}
ul#people-quick-nav li .names {
  float: left;
  width: 160px;
}
.hide { display: none; }
ul#events {
  display: inline-block;
  width:100%;
}
ul#events li {
  clear: both;
  float: left;
  margin-bottom: 10px;
  padding: 6px 0;
  border-bottom: 1px solid #eee;
  width:100%;
}
ul#events li .image {
  float: left;
  margin-right: 4px;
  width: 70px;
  padding: 1px;
}
ul#events li .info {
  float: left;
  width: 80%;
}
ul#events li .do-what {
  padding-bottom: 10px;
}
table {
  border-collapse: collapse;
  width: 100%;
}
table th {
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 5px 5px;
  background-color:#eee;
  white-space: nowrap;
}
table.finance-record-total th {
  text-align: center;
}
table th.fit {
  line-height: 30px;
  vertical-align: middle;
  white-space: normal;
  width: 20px;
}
table th.small { width: 240px; }
table td {
  border: 1px solid #ccc;
  font-size: 12px;
  padding: 5px 5px;
}
.field {
  margin: 5px 10px;
  border-bottom: 1px solid #eee;
  line-height: 22px;
  padding: 5px 0px;
}
.field label {
  width: 150px;
  display: inline-block;
}
.field label.radio {
  width: auto;
}
.field input[type=text],
.field select {
  border: 1px solid #999;
}
.inner.show .field {
  border: 0 none;
}
.inner.show .field b {
  width: 100px;
  display: inline-block;
}
fieldset {
  border: 1px solid #aaa;
  margin-bottom: 15px;
  padding: 10px;
}
fieldset legend {
  color: #5C80CA;
  margin: 0 8px;
  padding: 0 4px;
}
.list-header {
  margin: 5px 0;
}
table .actions {
  width: 80px;
  color: #000;
}
table .actions a {
  white-space: nowrap;
}
table.users .actions {
  width: 150px;
}
form .actions, .inner.show .actions {
  padding: 0 5px;
  height: 30px;
  line-height: 30px;
}
/* flash begin */
div.flash {
  border:1px dashed gray;
  margin-bottom:12px;
  padding:5px 10px;
  text-align:left;
  margin: 5px 400px 0 180px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.flash span.icon {
  background: url("/images/flash-icons.png") no-repeat scroll left center transparent;
  _background: url("/images/flash-icons-8.png") no-repeat scroll left center transparent;
  display: inline-block;
  height: 13px;
  line-height: 13px;
  margin-right: 1px;
  width:13px;
}
div.flash.notice {
  background-color: #E5F0D7;
  border-color: #8ec740;
  color: #8ec740;
}
div.flash.error {
  background-color: #faf5ea;
  border-color: #f1ac88;
  color: #ef854e;
}
div.flash.notice span.icon {
  background-position: 0 0 !important;
}
div.flash.error span.icon {
  background-position: -13px 0 !important;
}
#error_explanation, .nodata {
  border: 2px solid red;
  padding: 5px;
  border:1px solid gray;
  margin-bottom:12px;
  padding:5px 10px;
  background: RGB(255,202,202) none repeat scroll 0 0;
  border-color: RGB(255,102,102);
  color:red;
  font-size: 12px;
}
#error_explanation h2 {
  font-size: 14px;
  margin-top: 3px;
  color: #555;
}
#error_explanation ul {
  margin: 0px;
  padding-left: 20px;
}
#error_explanation li {
  background-color:RGB(255,202,202);
  padding:2px;
}
#error_explanation li .field {
  font-weight: bold;
}
div.field_with_errors {
  display:inline;
}
div.field_with_errors input[type=text],
div.field_with_errors input[type=password],
div.field_with_errors textarea,
div.field_with_errors select {
  background: RGB(255,202,202) none repeat scroll 0 0 !important;
  border: 1px solid red !important;
}
div.field_with_errors label.radio {
  color: red;
}
div#no-pass-container {
  padding: 15px 18px;
}
.ui-autocomplete li {
  text-align: left;
}
.ui-autocomplete li a span {
  color: #666;
  font-style: italic;
}
.nowrap { white-space: nowrap; }
/* flash end */

/* uoload button begin */
.qq-upload-button {
  display: inline-block !important;
  width: auto !important;
  text-align:center;
  background:#eee !important;
  border:1px solid #666 !important;
  color:#000 !important;
  padding: 2px 5px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.qq-upload-button-hover {
  background:#fff !important;
}
/* uoload button end */

form.button_to {
  display: inline-block;
  margin-right: 5px;
}
.button-group form.button_to {
  display: inline;
  margin: 0;
  float :left;
}
p.state-highlight{
  font-size: 120%;
  text-align: center;
  padding: 5px;
}
span.split-space {
  width: 14px;
  display: inline-block;
}
span.red-tip {
  font-size: 16px;
  color: red;
}
ul.base-list {
  margin: 15px;
  width: 80%;
}
ul.base-list li {
  border-bottom: 1px solid #EEE;
  width: 100%;
  padding: 10px 5px;
}
ul#advice-list {
  border-top: 1px dashed #999;
}
ul#advice-list li {
  border-bottom: 1px solid #CCCCCC;
}
ul#advice-list li .body {
  padding: 10px;
}
ul#advice-list li .title {
  color: #aaa;
}
ul#help-list li .title {
  padding:10px;
  font-size:20px;
  color:#243953;
  background-color:#fafafa;
  border-bottom: 1px solid #bbb;
  text-align: left;
  margin-bottom:5px;
}
ul#help-list li .wiki-format {
  overflow: hidden;
  font-size: 1.2em;
  clear: both;
  padding: 5px 20px;
}
.total-label {
  text-align: right;
}

/* table_sorter begin */
table.tablesorter .header {
  padding-left: 30px;
  padding-top: 8px;
  height: auto;
}
table.tablesorter .header:hover {
  background: url(/images/sort_bg.png) no-repeat #eee;
}
table.tablesorter th.header {
  cursor: pointer;
}
table.tablesorter .headerSortASC,
table.tablesorter .headerSortASC.header:hover {
  background: url(/images/sort_up.png) no-repeat #eee;
}
table.tablesorter .headerSortDESC,
table.tablesorter .headerSortDESC.header:hover {
  background: url(/images/sort_down.png) no-repeat #eee;
}
/* table_sorter end */
#cluetip-outer {
  text-align: left !important;
}
tr.selected {
  background-color: wheat;
}
tr.plan {
  color: #666;
}
tr.completed {
  color: green;
}
#placeholder table {
  width: auto;
}
#placeholder .legend .legendLabel {
  white-space: nowrap;
}
.search-item {
  padding: 5px 10px;
  white-space: normal;
  color: #555;
  text-decoration: none;
  display: block;
  overflow: hidden;
}
.search-item h3 {
  display: block;
  font: inherit;
  font-weight: bold;
  color: #222;
}
.search-item h3 span {
  float: right;
  font-weight: normal;
  margin:0 0 5px 5px;
  width: 100px;
  clear: none;
}
#print-content {
  font-family: "宋体",Arial;
  width: 98%;
  min-width:450px;
  text-align: left;
  margin: 0;
  padding: 0;
  font-size: 11px;
}
#print-content .header {
  font-size: 22px;
  margin: 5px 10px;
}
#print-content .sub {
  float: right;
}
#print-content h1 {
  text-align: center;
  font-weight: bold;
  margin: 10px;
  font-size: 200%;
  text-decoration: underline;
}
#print-content h1 .sub {
  float:right;
}
#print-content table {
  width: 100%;
  margin: 3px 0;
}
#print-content table.wage-strip {
  margin: 8px 0;
}
#print-content table.wage-strip th {
  font-weight: normal;
}
#print-content .wage-strip-size {
  line-height: 10px;
  padding: 1px 1px;
}
#print-content table.wage-balance {
  margin: 8px 0;
}
#print-content table.wage-balance th {
  font-weight: normal;
}
#print-content .wage-balance-size {
  line-height: 10px;
  padding: 1px 1px;
}
#print-content table th {
  font-size: 110%;
  background-color: transparent;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000000;
  line-height: 20px;
}
#print-content table td {
  border: 1px solid #000000;
  font-size: 11px;
  padding: 5px 10px;
}
#print-content table.wage-list td {
  padding: 2px;
}
#print-content table.wage-list th {
  padding: 2px;
  font-weight: normal;
}
#print-content table.wage-list tr {
  height: 32px;
}
#print-content table.wage-list tr.summary td {
  font-size: 8px;
}
#print-content #bk span {
  margin-right: 10px;
}
#print-content #bk span.bremark {
  margin-right: 20px;
}
#print-content #bk span.bwh {
  margin-right: 20px;
}
#print-content #bk span.bauthor {
  display: inline-block;
}
#print-content .no-border {
  border: none;
}
#print-content .hr-employee-detail {
  width: 750px;
  border: 2px solid #000;
  margin: 15px;
}
#print-content .hr-employee-card {
  width: 268px;
  height: 96px;
  border: 1px solid #000;
  margin: 3px;
}
#print-content .hr-employee-card .title {
  font-size: 20px;
  font-weight: bold;
}
#print-content .hr-employee-card td {
  border-width: 0px;
}
#print-content .hr-employee-card td.code {
  width: 116px;
}
#print-content .hr-employee-card img {
  display: table;
  margin: auto;
  max-height: 145px;
  max-width: 120px;
}
#print-content .span1 {
  width: 80px;
}
#print-content .span2 {
  width: 155px;
}
#print-content .span3 {
  width: 180px;
}
#print-content .span4 {
  width: 240px;
}
#print-content .wage_base_card {
  width: 420px;
  height: 580px;
  border: 2px solid #000;
  margin: 15px;
}
#print-content .wage_base_card img {
  max-width: 110px;
  max-height: 150px;
}
#print-content .hr-employee-detail .photo {
  width: 130px;
  text-align: center;
}
#print-content .hr-employee-detail td {
  height: 50px;
}
#print-content .hr-employee-detail .photo img {
  height: 150px;
}
.print-font-size table tr td {
  font-size: 14px !important;
}
.print-font-size table tr th {
  font-size: 10px !important;
}
#print-content td.hr-employee-change {
  padding-left: 20px;
}
#print-date{
  text-align: center;
}
.sign {
  position: relative;
  float: right;
  right: 80px;
  top: 25px;
}
td.table-wrapper {
  border:none !important;
}
td.table-wrapper table {
  float: right !important;
}
td.table-wrapper td {
  border:none !important;
}
.list img.product {
  height: 20px;
}
div.footer-signer span {
  display: inline-block;
  width: 160px;
}
table th.amount {
  width: 140px;
}