*{font-size: 11pt;}
body{margin: 0px;padding: 0px;font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;color: #000000;}

a:link{color: #222;text-decoration: none;}
a:visited{color: #222;text-decoration: none;}
a:hover{ color: #222; text-decoration: none;}
a:active{color: #222; text-decoration: none;}

/*::-webkit-scrollbar{width:16px;height:16px;background-color:#F5F5F5;}
::-webkit-scrollbar-track{background-color:#bee1eb;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb{background-color:#00aff0;}
::-webkit-scrollbar-thumb:hover {background-color:#9c3}
::-webkit-scrollbar-thumb:active {background-color:#00aff0}*/
.rotate90 {
            -webkit-transform: rotate(270deg); /*Safari 4+,Google Chrome 1+ */
            -moz-transform: rotate(270deg); /*Firefox 3.5+*/
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /*ie*/
        }
.qrcode{border:1px solid #ccc;background-color:white;padding:6px;z-index:10000; display:block; position:absolute; top:50%; left:50%; margin-left:-80px; margin-top:-80px;}
div{
    /*三角箭头的颜色*/
    scrollbar-arrow-color: #656565;
    /*滚动条滑块按钮的颜色*/
    scrollbar-face-color: #8ea5b5;
    /*滚动条整体颜色*/
    scrollbar-highlight-color: #F5F5F5;
    /*滚动条阴影*/
    scrollbar-shadow-color: #ccc;
    /*滚动条轨道颜色*/
    scrollbar-track-color: #e1e1e1;
}
.btnbartitle
{
    border-top: #ccc 1px solid;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    padding-bottom:1px;
    background-image: url('/css/img/column-header-bg.png');
    background-repeat: repeat-x;
    height: 27px;
    font-weight: bold;
}
.hide{display:none;}
.btnbartitle div{color:#666;padding: 5px;}
.select
{
    background-image: url('/css/img/input_text_bg.gif' );
	background-repeat: repeat-x;
	background-position: top;
    padding-top:0px;
    border: 1px solid #A8A8A8;
    height: 25px;
    line-height: 21px;
    vertical-align:middle;
    font-size:14px;
}
/**
按钮工具栏位+按钮
**/
.tools_bar {
    padding-left: 5px;
    height: 45px;
    border-bottom: #b3b3b3 1px solid;
    background: #e6e6e6; 
    width:100%;
    box-sizing:border-box;
}
.tools_bar_fixtop {
   position:absolute;
   top:0px;
   left:0px;
   right:0px;
   width:100%;
}
.tools_model
{
    float:left;
    width:auto;
    height:45px;
    background-color:#5B7B94;   
    margin-left:-5px; 
}

.tools_model .model_item{width:100px; height:45px; cursor:pointer; float:left; text-align:center;}
.tools_model_sel{background-color:#2E516D;}

.tools_model .model_item img{width:16px; height:16px;border:1px solid white; margin:5px auto; padding:1px; display:block;
                            -webkit-transition: -webkit-transform 2s ease-out;
                            -moz-transition: -moz-transform 2s ease-out;
                            -o-transition: -o-transform 2s ease-out;
                            -ms-transition: -ms-transform 2s ease-out;
                            }
.tools_model .model_item img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    }
.tools_model .model_item span{ display:block; width:100%;text-align:center; margin-top:-6px; color:white; font-size:14px;}
.tools_model .model_item span:hover{color:Yellow;}

.tools_command
{
    float:left;
    margin-left:10px;
    height:45px;
    width:auto;
}

.tools_btn {
    cursor: pointer;
    float: left;
    display: block;
    margin: 3px 3px 0;
    padding: 0 0 0 10px;
    height: 39px;
    overflow: hidden;
}
.tools_setting{
    float:right;
    margin-right:20px;
}
.tools_btn:hover {
    background: #cbcbcb;
    border-radius: 3px;
}

.tools_btn_select {
    cursor: pointer;
    float: left;
    display: block;
    margin: 3px 3px 0;
    padding: 0 0 0 10px;
    height: 39px;
    overflow: hidden;
}

.tools_btn-hover {
    
}
.tools_btn span {
    display: block;
    padding: 0 10px 0 0;
    background: none;
}
.tools_btn_select span
{
    display: block;
    padding: 0 10px 0 0;
    background: none;
}
.tools_btn-hover span {
    background: url(/css/img/tools_btn_bg.gif) no-repeat right -39px;
}
.tools_btn span b {
    font-weight: normal;
    display: block;
    padding: 22px 0 5px;
    line-height: 15px;
    font-size:11pt;
}
.tools_btn_select span b {
    font-weight: normal;
    display: block;
    padding: 22px 0 5px;
    line-height: 15px;
    font-size:11pt;
}
.tools_separator
{
    float: left;
    display: block;
    height: 35px;
    margin-top:5px;
    margin-left:2px;
    margin-right:2px;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #fff;
}
.tools_bar .search_box{ float:right; margin:10px 10px 0 0; }

/*-------------表格显示区域-----------------*/
.td_center{text-align:center;}
.td_left{text-align:left; padding-left:6px;}
.td_right{text-align:right; padding-right:6px;}

.tools_flat{position:absolute; top:0px;left:0px; right:0px; width:auto;height:80px; background-color:#F0F2F5;}
.tools_flat .title{margin:10px 0px 5px 20px; font-size:20px; font-weight:600;}
.tools_flat .menu{margin:10px 0px 5px 20px; font-size:11pt;}
.tools_flat .menu a{color:#4A90E2; margin-left:10px;}
.tools_flat .menu a:first-child{margin-left:0px;}
.tools_flat a{ cursor:pointer;}
.circle{-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

/*----------搜索框---------------------*/
.searchbar{width:200px; height:30px;background-color:White;position:relative; text-align:left; border:1px solid #ccc;}
.searchbar input{ display:block; width:150px; height:22px;position:absolute; top:3px; left:5px; font-size:11pt; line-height:22px; padding:0px; vertical-align:middle;outline:none; border:0px;}
.searchbar img{ height:22px;width:22px; position:absolute; top:3px; left:170px; cursor:pointer;}


/*----------application/index页面---------------------*/
.app_titlebar{width:100%; height:50px; background-color:#F0F0F0; border-bottom:1px solid #ccc; text-align:center;}
.app_titlebar .title{font-family:宋体; font-size:20px; height:50px; line-height:50px; vertical-align:middle; margin-left:-125px;}
.app_titlebar .back{width:52px; height:30px; margin:10px 0px 0px 10px; float:left; cursor:pointer; background-image:url(/img/back.png)}
.app_titlebar .home{width:52px; height:30px; margin:10px 0px 0px 10px; float:left; cursor:pointer; background-image:url(/img/home.png)}

/*-----左边功能模块菜单区-------------------*/
.app_model_left_menu{position:absolute; top:51px; bottom:0px; left:0px; width:80px; height:auto; background-color:#656565; color:White;}
.app_model_left_menu .menu{width:68px; height:60px; margin:10px auto; background-color:#6c6c6c; cursor:pointer;border-radius:7px 0;}
.app_model_left_menu .menu span{display:block; color:#3c3c3c; text-align:center; font-size:13px;}
.app_model_left_menu .sel_menu{background-color:#eeeeee;}

.app_content{top:51px; bottom:0px; height:auto; width:100%; border:0px; position:absolute; overflow:hidden;}

.application .title{width:95%; height:auto; color:#6c6c6c; font-weight:600; font-size:14px; margin:20px auto;}
.application .app{width:95%; margin:2px auto;height:auto; padding:6px 0px 5px 0px; min-height:100px;}
.application .app .item{width:110px; height:110px; cursor:pointer; float:left; text-align:center;}
.application .app .item img{width:70px; height:70px;border:2px solid #9c9c9c; padding:3px;
                            -webkit-transition: -webkit-transform 2s ease-out;
                            -moz-transition: -moz-transform 2s ease-out;
                            -o-transition: -o-transform 2s ease-out;
                            -ms-transition: -ms-transform 2s ease-out;
                            }
.application .app .item img:hover {
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
    }
.application .app .item span{ display:block; width:100%; height:auto; text-align:center; color:#5c5c5c; font-size:14px; margin-top:4px;}

.shadow
{
    box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.button 
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	
	font-size: 1.0em;
	text-align:center; 
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}
.baseSize{width:80px;}
/* The styles for the grey button */
.grey {
	color: #444;
	border: 1px solid #d0d0d0;
	background-image: -moz-linear-gradient(#ededed, #e1e1e1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e1e1e1), to(#ededed));
	background-image: -webkit-linear-gradient(#ededed, #e1e1e1);
	background-image: -o-linear-gradient(#ededed, #e1e1e1);
	text-shadow: 1px 1px 1px #fff;
	background-color: #e1e1e1;
}
.grey:hover {
	border: 1px solid #b0b0b0;
	background-image: -moz-linear-gradient(#e1e1e1, #ededed);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ededed), to(#e1e1e1));
	background-image: -webkit-linear-gradient(#e1e1e1, #ededed);
	background-image: -o-linear-gradient(#e1e1e1, #ededed);
	background-color: #ededed;
}
.grey:active {border: 1px solid #666;}

/* The styles for the red button */
.red {
	color: #923c47;
	border: 1px solid #d96d7c;
	background-image: -moz-linear-gradient(#f997b0, #f6677b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6677b), to(#f997b0));
	background-image: -webkit-linear-gradient(#f997b0, #f6677b);
	background-image: -o-linear-gradient(#f997b0, #f6677b);
	text-shadow: 1px 1px 1px #fdbcc7;
	background-color: #f6677b;
}
.red:hover {
	border: 1px solid #c75964;
	background-image: -moz-linear-gradient(#f6677b, #f997b0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f997b0), to(#f6677b));
	background-image: -webkit-linear-gradient(#f6677b, #f997b0);
	background-image: -o-linear-gradient(#f6677b, #f997b0);
	background-color: #f997b0;
}
.red:active {border: 1px solid #ab3e4b;}

/* The styles for the blue button */
.blue {
	color: #41788c;
	border: 1px solid #6fb1c7;
	background-image: -moz-linear-gradient(#aae5f7, #73d0f1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7));
	background-image: -webkit-linear-gradient(#aae5f7, #73d0f1);
	background-image: -o-linear-gradient(#aae5f7, #73d0f1);
	text-shadow: 1px 1px 1px #bfeafb;
	background-color: #73d0f1;
}
.blue:hover {
	border: 1px solid #4690ad;
	background-image: -moz-linear-gradient(#73d0f1, #aae5f7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1));
	background-image: -webkit-linear-gradient(#73d0f1, #aae5f7);
	background-image: -o-linear-gradient(#73d0f1, #aae5f7);
	background-color: #aae5f7;
}
.blue:active {border: 1px solid #3b778b;}

/* The styles for the green button */
.green {
	color: #5a742d;
	border: 1px solid #95b959;
	background-image: -moz-linear-gradient(#cae387, #a5cb5e);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5cb5e), to(#cae387));
	background-image: -webkit-linear-gradient(#cae387, #a5cb5e);
	background-image: -o-linear-gradient(#cae387, #a5cb5e);
	text-shadow: 1px 1px 1px #dff4bc;
	background-color: #a5cb5e;
}
.green:hover {
	border: 1px solid #687e30;
	background-image: -moz-linear-gradient(#a5cb5e, #cae387);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cae387), to(#a5cb5e));
	background-image: -webkit-linear-gradient(#a5cb5e, #cae387);
	background-image: -o-linear-gradient(#a5cb5e, #cae387);
	background-color: #cae387;
}
.green:active {border: 1px solid #506320;}

/* The styles for the black button */
.blackbutton {
	color: #fff;
	border: 1px solid #4d4d4d;
	background-image: -moz-linear-gradient(#656565, #454545);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#656565));
	background-image: -webkit-linear-gradient(#656565, #454545);
	background-image: -o-linear-gradient(#656565, #454545);
	text-shadow: 1px 1px 1px #6d6d6d;
	background-color: #454545;
}
.blackbutton:hover {
	border: 1px solid #363636;
	background-image: -moz-linear-gradient(#454545, #656565);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#656565), to(#454545));
	background-image: -webkit-linear-gradient(#454545, #656565);
	background-image: -o-linear-gradient(#454545, #656565);
	background-color: #656565;
}
.blackbutton:active {border: 1px solid #000;}

/* The styles for the yellow button */
.yellow {
	color: #986a39;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}

/* The styles for the purple button */
.purple {
	color: #7e5d7c;
	border: 1px solid #cd93c6;
	background-image: -moz-linear-gradient(#e9c4e3, #d798d1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d798d1), to(#e9c4e3));
	background-image: -webkit-linear-gradient(#e9c4e3, #d798d1);
	background-image: -o-linear-gradient(#e9c4e3, #d798d1);
	text-shadow: 1px 1px 1px #f1ceef;
	background-color: #d798d1;
}
.purple:hover {
	border: 1px solid #886382;
	background-image: -moz-linear-gradient(#d798d1, #e9c4e3);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9c4e3), to(#d798d1));
	background-image: -webkit-linear-gradient(#d798d1, #e9c4e3);
	background-image: -o-linear-gradient(#d798d1, #e9c4e3);
	background-color: #e9c4e3;
}
.purple:active {border: 1px solid #6a4664;}

/* The styles for the greyblue button */
.gblue {
	color: #57646d;
	border: 1px solid #929ba2;
	background-image: -moz-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ea5b5), to(#bbcbd8));
	background-image: -webkit-linear-gradient(#bbcbd8, #8ea5b5);
	background-image: -o-linear-gradient(#bbcbd8, #8ea5b5);
	text-shadow: 1px 1px 1px #c6d4df;
	background-color: #8ea5b5;
}
.gblue:hover {
	border: 1px solid #656f78;
	background-image: -moz-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbcbd8), to(#8ea5b5));
	background-image: -webkit-linear-gradient(#8ea5b5, #bbcbd8);
	background-image: -o-linear-gradient(#8ea5b5, #bbcbd8);
	background-color: #bbcbd8;
}
.gblue:active {border: 1px solid #434f5a;}

/*----------------客户选择框------------------*/
.customer-holder{width:auto; height:auto; position:absolute; z-index:10000;}
.customer-holder .left{float:left;width:200px; height:400px; overflow:auto; border:1px solid #ccc; padding:4px;}
.customer-holder .right{float:left; margin-left:10px; height:400px; width:auto; overflow:auto; border:1px solid #ccc; padding:4px;}

/*---------------单据明细卡片模式------------*/
.bill_item
{
    position:relative;
    float:left;
    min-height:155px;
    height:auto;
    padding:6px;
    width:360px;
    background-color:#FBF1D9;
    border:1px solid #ccc;
    margin:6px 10px 6px 5px;
}
.bill_item .tools{width:180px; height:30px; background-color:#548F25; line-height:30px; vertical-align:middle; text-align:center; position:absolute; top:0px; left:90px;}
.bill_item .tools span{color:white; display:block; float:left; margin-left:20px;cursor:pointer;}
.over{ background-color:#CCFBA6;}
.bill_item .title{width:100%; height:30px; line-height:30px; vertical-align:middle; font-size:13px;}
.bill_item span{display:block; float:left;}
.bill_item .stock{font-family:宋体;font-size:13px;width:80px; font-weight:700; font-family:宋体; color:Black;}
.bill_item .pay{margin-left:15px; font-family:宋体;font-size:13px;}
.bill_item .date{margin-left:15px; font-family:Arial; font-size:13px;}
.bill_item .customer{margin-left:15px; font-family:宋体;font-size:13px;}
.bill_item table{border-collapse: collapse; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.bill_item .check{background-image:url(/images/check.png);width:41px; height:41px; position:absolute; top:70px; left:100px;}
.bill_item tbody tr td
{
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height:23px;
    line-height:23px;
    word-break: break-all;
    font-size:13px;
    color:#3c3c3c;
}