/* reset.css */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,a,span,div,dd,dl,dt{margin:0;padding:0;border:0;}
body {background:#fff;color:#666;font-size:12px; line-height:1.5em;}

/*
  Type
--------------------------------------------------------------------- */
td {vertical-align:top;}
ul,ol {list-style-type:none;}

a {text-decoration:none;}
a:link {color:#06f;}
a:visited {color:#06f;}
a:hover,a:active,a:focus, .top a:hover, .left a:hover, .subnav a:hover{color:#9c0;}
.top a { color:#333; }
.left a, .subnav a { color:#999; }


h3 {font-size:18px; line-height: 36px;}
.hidden { display:none; }

.searchResult{
    margin-top: 15px;
    width: 620px;
    border-collapse: collapse;

}

.searchResult tr{
    height: 30px;
    line-height: 30px;
    border-bottom: 1px dashed #ccc;
}
.searchResult input{
    margin-top: 5px;
}
.noBorderTable{
    width: 800px;
    border-collapse: collapse;
    border: none;
    margin-top: 10px;
}
.noBorderTable tr{
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #ccc;
}
.noBorderTable td{
    padding-left: 1em;
}
.noBorderTable input{
    font-size: 12px;
    margin-top: 3px;
    padding: 0;
}

.saleProduct{
    width: 800px;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.saleProduct tr{
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #ccc;
}
.saleProduct td{
    border-right: 1px dashed #ccc;
    padding-left: 1em;
}
.saleProduct input{
    font-size: 12px;
    margin-top: 3px;
    padding: 0;
}
.divTop {
    height: 99px;
    background: url("../images/sprites_bg.jpg") repeat-x;
    overflow: hidden;
}
.divTop ul{
    height: 28px;
}

.ui-tabs{
    margin-left: 163px;
    margin-top: 44px;
    overflow:hidden;
    position:relative;
}
.ui-state-default{
    height: 27px;
    line-height: 27px;
    width: 120px;
    background: url("../images/sprites_ico.gif") -2px -61px no-repeat;
    text-indent: 32px;
    /*margin-right: -30px;*/
    overflow: hidden;
}
.ui-state-default a{color: #3d6bac;float: left;}
.ui-state-default .ui-close{
    vertical-align : middle;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-top:8px;
    margin-right: 10px;
    background: url("../images/sprites_ico.gif") -230px -6px no-repeat;
    overflow: hidden;
}
.ui-tabs-selected{
    position: relative;
    height: 27px;
    line-height: 27px;
    width: 140px;
    background: url("../images/sprites_ico.gif") -129px -61px no-repeat;
    text-indent: 32px;
    margin-right: -30px;
    overflow: hidden;
}
.ui-tabs-selected a{ color: #fff; float: left;}
.ui-tabs-selected .ui-close{
    vertical-align : middle;
    display: inline-block;
    width: 10px;
    height: 10px;
    float: right;
    margin-top:8px;
    margin-right: 10px;
    background: url("../images/sprites_ico.gif") -214px -6px no-repeat;
    overflow: hidden;
}
.divLeft{
    width: 162px;
    float: left;
    background: #ecf5ff;
}
.divRight{
    padding-left: -162px;
    margin-left: 163px;
}
.ui-tabs{
    height: 28px;
    line-height: 28px;
}
.ui-tabs li a {
    outline:none;
}
.ui-tabs-panel{
    height: 37px;

}
.func{
    color: #3d6bac;
    cursor: pointer;
    display: block;
    background: #f4f9ff;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #d8ecff;
}
.func s{
    margin: 0 5px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("../images/sprites_ico.gif") 0 -6px no-repeat;
}
.modules{
    display: block;
    height: 29px;
    line-height: 29px;
    background: url("../images/sprites_bg.jpg") 0 -99px repeat-x;
    cursor:pointer;
}
.modules s{
    margin: 0 5px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("../images/sprites_ico.gif") -24px -9px no-repeat;
}
.sub_modules{
    display: block;
    background: #f4f9ff;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #d8ecff;
    cursor:pointer;
}
.sub_modules s{
    margin: 0 5px;
    vertical-align: middle;
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("../images/sprites_ico.gif") -42px -9px no-repeat;
}
.functree span{
    _padding-top: 6px;
    _height: 19px;
}




/*
  Form
--------------------------------------------------------------------- */
input, select, textarea {
    font-size: 12px;
}

input.text, select, textarea {
    border-width: 1px;
    border-style: solid;
    border-color: #a0a0a0 #e0e0e0 #e0e0e0 #a0a0a0;
    padding: 2px;

    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

select {
    padding: 1px;
}

input.text:focus, input.text:hover, textarea:focus, textarea:hover
select:focus, select:hover {
    border-color: #4E9CFA #BFDCFF #BFDCFF #4E9CFA;
}

input.required, textarea.required, select.required {
    background: #ffffe0;
}

button, input.submit, input.button, .link-button {
    background:url(../images/sprites.png) repeat-x 0 0px;
    border: 1px solid #c0c0c0;
    height: 22px;
    line-height: 22px;
    padding: 0 1em;

    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;

    text-shadow: -1px 1px 0px #ffffff;
}

input.submit {
    background-position: 0px -662px;
    border: 1px solid #4a74ad;
    color: #143E6F;
    text-shadow: -1px 1px 0 #9FCBFF!important;
}

.link-button{ padding : 4px 13px;}

.waring-help {
    background:url(../images/sprites.png) no-repeat -62px -568px;
    width: 17px;
    height: 15px;
}

/*
  Globals
--------------------------------------------------------------------- */
.action-header {
    padding-left: 15px;
    background: #f0f7ff;
    padding-bottom: 8px;
}
.action-header a:link, .action-header a:visited {
    text-decoration: underline;
}

.action-filter fieldset {
    border-top:1px solid #e4e4e4;
    margin-bottom: 8px;
}
.action-filter legend {
    background:url(../images/sprites.png) no-repeat 0 -420px;
    padding-left: 20px;
    cursor: pointer;
}
.action-filter legend.folded {
    background-position:-58px -420px;
}
.action-filter form {
    padding: 3px;
}
.action-footer {
    margin: 1em 0;
    text-align: center;
}

.not-found {
    color: #a0a0a0;
    line-height: 64px;
    text-align: center;
}
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix {display: block;}

.clear {
    clear: both;
}
.error{
    background: url("../images/sprites.png") no-repeat -60px -595px;
    padding-left: 20px;
}
/*
  Box
--------------------------------------------------------------------- */
.box {}
.box .head {
    border-bottom: 1px solid #bbdbf1;
    margin:0 10px;
    height:30px;
    line-height:30px;
}
.box .body {
    padding-top:20px;
    _padding: 20px;
}
.box .bottom{text-align:center; margin:0 auto; clear:both;}


/*
  Hints : warning and notice
--------------------------------------------------------------------- */

ul.message li {background:#ffffff url(../images/sprites.png) no-repeat; padding-left:36px; line-height:36px; }
.message .success {background-color:#F4FFDF; background-position: -48px -487px; }
.message .warning {background-color:#fffceb; background-position: -48px -556px; }
.message .tips {background-color:#ffffff; background-position: -48px -522px; }

/*
  Tooltips
--------------------------------------------------------------------- */
.tip-wrap {  }
.tip-inner { position: relative; }
.tip-top { width:14px; background:url(../images/tips.png) no-repeat; position: absolute; left:15px; top:-7px; height:8px;}
.tip { border: 1px solid #FA6000; height: 100%; font-size: 12px; line-height: 1.61;  background: #FFFCF8; padding:5px; }

/*
    Color Selector
--------------------------------------------------------------------- */
.color-selector-wrap { border:1px solid #ccc; width:267px; padding:5px; overflow:auto; background:#fff; }
.color-selector-wrap .palette { border-left:1px solid #000; border-top:1px solid #000; width:266px; float:left;}
.color-selector-wrap .palette li {  height:14px; width:14px; float:left; background: #000; }
.color-selector-wrap .palette li a { display:block; height:13px; width:13px; font-size:0; margin: 0px 0 1px; line-height:0; }
.color-selector-wrap .palette a:hover { border: 1px solid #fff; width: 11px; height: 11px; font-size:0; line-height:0;}

/*
    mini form
--------------------------------------------------------------------- */
.mini-form  { }
 .mini-form div { float:left;  }
  .mini-form select { float:left; margin-right:5px; margin-left:0 !important; margin-left:3px; }
  .mini-form .title,.mini-form .form-body { padding:0; height:25px; line-height:25px; overflow:hidden;}
  .mini-form .title { float:left; border:1px #d3d3d3 solid; border-right:none; background:#f4f4f4; padding:0 5px 0 5px;}
  .mini-form .form-body { display:none; float:left;background:#f4f4f4; border:1px #d3d3d3 solid; border-left:none; border-right:none; }
  .mini-form .form-body input { height:16px; border:1px solid #ccc; float:left; margin:3px;}
  .mini-form .form-body table { border-collapse:collapse;}
  .mini-form .form-body table td { padding:0; }
  .mini-form .control { width:25px; height:27px; float:left; border-left:none; float:left;}
  .mini-form .close { background:transparent url("../images/sprites.png") repeat scroll 0 -621px }
  .mini-form .open { background:transparent url("../images/sprites.png") repeat scroll -25px -621px }
  .mini-form .add-btn { cursor:pointer; margin:6px 5px 0 3px; background:url("../images/sprites.png") -50px -629px no-repeat; display:block; font-size:0; float:left; line-height:0; width:12px; height:12px;}

#tabs-select {
    float:right;
    position:absolute;
    right:0;
    top:65px;
    width:100px;
}

.red_background tr,.red_background td,.red_background th{
    background-color: #FFCC99;
}
.blue_background tr,.blue_background td,.blue_background th{
    background-color: #EDF9E5;
}
.spread { display:inline-block; padding:0 15px 0 0; background-image:url(../images/spread.png); background-position:right center; background-repeat:no-repeat; cursor:pointer }

.break_all {word-break:break-all; white-space:normal}

.scrolltable{
    text-align: left;
    border-collapse: collapse;
    border: 1px solid #ccc;
}
.scrolltable thead tr,
.scrolltable tfoot tr{
    background: #E3EEFB;
}

.scrolltable td,
.scrolltable thead th {
    border: 1px solid #ccc;
}

.expense_table{
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.expense_table th{
    background: #E3EEFB;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
}
.expense_table tr{
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
}
.expense_table td{
    vertical-align: middle;
    padding-left: 1em;
    border: 1px solid #ccc;
}
.expense_table td{
    vertical-align: middle;
    padding-left: 1em;
    border: 1px solid #ccc;
}

#dxjine{
    background: #E3EEFB;
    width:80px;
    height:28px;
    border: 0px solid #ccc;
    float:left;
    margin-left: 0px;
    text-align: center;
}
#dxjintd
{
    padding-left: 0px;
}

td .subtitle{
    background: #E3EEFB;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ccc;
    text-align: center;
}

div .add-button {
    background:url(../images/sprites.png) -51px -630px;
    width: 20px;
    height: 20px;
}
.shadow{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    background-color: #3a3a3a;
    opacity:0.5;
    display:none;
}
.shadow-img {
    background-image: url(../images/circle-loading.gif);
    position: absolute;
    top: 50%;
    left: 45%;
    width: 32px;
    height: 32px;
    margin-top: -15px;
    margin-left: -15px;
}