@charset "utf-8";
html,body{ font-size:12px;color:#333; overflow:hidden;}
td,dd{word-break:break-all;word-wrap:break-word;}
.amount(ime-mode:disabled );
.integer(ime-mode:disabled );
.amount6(ime-mode:disabled );
/*更多菜单*/
.index_topMenu{ position:relative;}
.index_topMenu_list{ position:absolute; left: 446px;
    top: -70px;
    z-index: 999;}
.index_topMenu_list .triangle{ background:url(images/white_triangle.png) center no-repeat; height:8px;width:24px; height:8px; position:absolute; right:38px; top:-8px; z-index:10;}
.index_topMenu_list ul { background:#fff; width:120px;line-height:30px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; overflow:hidden; padding:8px 0;-webkit-box-shadow: 0px 0px 4px #000; -moz-box-shadow: 0px 0px 4px #000;box-shadow:0px 0px 4px #000;}
.index_topMenu_list ul li a{ display:block; text-align:center;}
.index_topMenu_list ul li a:hover{ background-color:#2c8ad3; color:#fff;}
/*页面*/
.n_wrap{ width:100%;height:100%; position:relative;}

.n_top{ height:31px; line-height:31px;  border-bottom:1px solid #c1d5e8; background:#d7e7f6; padding-right:16px;}
.n_middle{ overflow-y:scroll; overflow-x:hidden;}
.n_middle{*padding-right:16px;}/*ie7*/

.n_foot{height:50px; position:absolute; bottom:0; width:100%;}
.n_foot_bg{height:49px;background:#f3f9fc;border-top: 1px solid #d7e7f6; padding:0 15px;}
.n_foot select{ border-color:#999;}

.n_foot mt11{ margin-top:10px;}
/*表格列表*/
.list_tit{ border-collapse:collapse; width:100%; height:100%; color:#333;  font-size:12px;height:32px; overflow:hidden;}		 
.list_tit tr th{padding:0 5px; height:32px; line-height:15px;  overflow:hidden;border-left: 1px solid #c1d5e8;border-right: 1px solid #c1d5e8; font-weight:normal;}
.list_tit tr th:hover{background:#cbdff1; }
.pointer{cursor:pointer;}

.list_middle_tb{border-collapse:collapse; width:100%;}
.list_middle_tb tr td{ border-bottom:1px solid #d7e7f6; padding:8px 5px;}
.list_middle_tb tr.even_row{ background:#f7f7f7;}
.list_middle_tb tr:hover td{ background-color:#fdf7dc;}

.add_more{background-color:#ddd; height:36px; line-height:36px; text-align:center; color:#666; width:100%;}


/*底部搜索*/
.n_foot .foot_search{ margin-top:10px !important; position:relative; margin-right:65px !important; height:20px;}
.foot_search{ border:0; width:200px; height:30px; padding-right:0; padding-left:0;}
.foot_search input[type=text]{border: 1px solid #d7e7f6;font-size: 12px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;display: inline-block;vertical-align: middle;line-height: 20px;height: 20px;padding: 4px 6px;width:100%;}

.foot_search .search_btn{border: none;display: inline-block;color: #fff;font-size: 12px;text-decoration: none;text-shadow: none;line-height: 30px;height:30px;text-align: center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;cursor: pointer;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;margin-left: 5px;background-color: #2c8ad3;background-image: url(../styles_v2.5/images/search.png);background-repeat: no-repeat;background-position: center;width: 40px;position: absolute;top: 0px;right: -60px !important;}

.foot_search .search_btn:hover{ background-color:#409fe9;}
.foot_search .search_btn:active{ background-color:#2383c4;}

/*底部按钮*/
.n_foot_bg .foot_btn,.n_foot_bg .foot_btn_red,.n_foot_bg .foot_btn_green,.n_foot_bg .foot_btn_blue,.n_foot_bg .foot_btn_yellow{ margin-top:10px; margin-right:2px;}
.n_foot_bg .fr{ margin-right:8px; *margin-right:7px;}


/*btn*/
.foot_btn_78,
.foot_btn,
.foot_btn_red,
.foot_btn_green,
.foot_btn_blue,
.foot_btn_yellow{border: none; display:inline-block;color:#fff;font-size:12px;text-decoration: none;text-shadow:none; line-height:30px; height:30px; padding:0 15px; min-width:40px; text-align:center;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; cursor:pointer;-webkit-transition: 0.25s;-moz-transition: 0.25s;-o-transition: 0.25s;transition: 0.25s;}

.foot_btn_blue{ background-color:#2c8ad3;}
.foot_btn_green{ background-color:#5bbf25;}
.foot_btn_red{background-color:#e74c3c;}
.foot_btn_yellow{background-color:#f1c40f;}
.foot_btn_78,.foot_btn{background-color:#f3f9fc; color:#333; border:1px solid #95c4e9; line-height:28px; height:28px;}
.btn_disabled{background-color:#aeb9ba;cursor:default;}

button.foot_btn_78,input.foot_btn_78,
button.foot_btn,input.foot_btn,
button.foot_btn_red,input.foot_btn_red,
button.foot_btn_green,input.foot_btn_green,
button.foot_btn_blue,input.foot_btn_blue,
button.foot_btn_yellow,input.foot_btn_yellow{line-height:normal; *padding:0 8px; height:30px;}

.foot_btn_blue:hover{background-color:#409fe9;}
.foot_btn_green:hover{ background-color:#66ce2d;}
.foot_btn_red:hover{background-color:#ec7063;}
.foot_btn_yellow:hover{background-color:#f4d03f;}
.foot_btn_78:hover,.foot_btn:hover{background-color:#f9fdff;}

.foot_btn_78:active,
.foot_btn:active,
.foot_btn_red:active,
.foot_btn_green:active,
.foot_btn_blue:active,
.foot_btn_yellow:active
{color: rgba(255, 255, 255, 0.8);}
.foot_btn_blue:active{ background-color:#2383c4;}
.foot_btn_green:active{ background-color:#51b11d;}
.foot_btn_red:active{background-color:#dc2d1b;}
.foot_btn_yellow:active{background-color:#cea70c;}
.foot_btn_78:active,
.foot_btn:active{background-color:#e9f2f7; color:#999; line-height:28px;}
.btn_disabled:active{background-color:#aeb9ba; color:#fff; cursor:default;}

.btn_blue_search{background-color:#2c8ad3; background-image:url(images/search.png); background-repeat:no-repeat; background-position:center; width:10px;min-width:10px;}
.btn_blue_search:hover{background-color:#409fe9;}
.btn_blue_search:active{ background-color:#2383c4;}



/*页面图标*/

.message_btn{background:url(images/ico_message.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.message1_btn{background:url(images/ico_message_h.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}

.btn_relevance{ background:url(images/ico_small.png) 0 -180px no-repeat;width:16px; height:16px; display:inline-block; vertical-align:middle;}
.btn_relevance:hover{ background-position:-20px -180px;}

.ico_going{background:url(images/going.gif) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.ico_complete,.ico_ok{background:url(images/complete.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.ico_stop{background:url(images/stop.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.ico_next{background:url(images/toright.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}

.ico_jian{background:url(images/ico_jian.png) no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle;}
.ico_jia{background:url(images/ico_jia.png) no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle;}
.ico_blank{background:url(images/ico_blank.png) no-repeat; width:16px; height:16px; display:inline-block; vertical-align:middle;}
.ico_refresh{ background:url(images/arrow-circle-double-135.png) 0 center no-repeat; padding-left:20px; vertical-align:middle;}

/*页面图标*/
.btn_edit,
.btn_delete,
.btn_search,
.btn_add,
.btn_download,
.btn_apart,
.btn_share,
.btn_sync,
.btn_undo,
.btn_return,
.btn_report,
.btn_locked,
.btn_unlocked,
.btn_positioning,
.btn_manyPeople,
.btn_add_person,
.btn_permissions,
.btn_personnel,
.btn_node,
.btn_list,
.btn_favourite,
.btn_mail,
.btn_excel,
.btn_money,
.btn_detail{background-image:url(../styles_v2.5/images/icon.png); text-decoration:none;  background-repeat:no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;margin:2px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}

.btn_edit{ background-position:0 -144px;}
.btn_delete{ background-position:0 -272px;}
.btn_search{ background-position:0 -192px;}
.btn_add{ background-position:0 -208px;}
.btn_download{background-position:0 -64px;}
.btn_money{background-position:0 -80px;}
.btn_apart{background-position:0 -96px;}
.btn_share{background-position:0 -112px;}
.btn_sync{background-position:0 -128px;}
.btn_undo{background-position:0 -160px;}
.btn_return{background-position:0 -176px;}
.btn_report{background-position:0 -224px;}
.btn_locked{background-position:0 -240px;}
.btn_unlocked{background-position:0 -256px;}
.btn_positioning{background-position:0 -288px;}
.btn_manyPeople{background-position:0 -304px;}
.btn_add_person{background-position:0 -320px;}
.btn_permissions{background-position:0 -336px;}
.btn_personnel{background-position:0 -352px;}
.btn_node{background-position:0 -368px;}
.btn_list{background-position:0 -384px;}
.btn_favourite{background-position:0 -400px;}
.btn_mail{background-position:0 -416px;}
.btn_excel{background-position:0 -464px;}
.btn_detail{background-position:0 -480px;}

.btn_edit:hover,
.btn_delete:hover,
.btn_search:hover,
.btn_add:hover,
.btn_download:hover,
.btn_apart:hover,
.btn_share:hover,
.btn_sync:hover,
.btn_undo:hover,
.btn_return:hover,
.btn_report:hover,
.btn_locked:hover,
.btn_unlocked:hover,
.btn_positioning:hover,
.btn_manyPeople:hover,
.btn_add_person:hover,
.btn_permissions:hover,
.btn_personnel:hover,
.btn_node:hover,
.btn_list:hover,
.btn_favourite:hover,
.btn_mail:hover,
.btn_excel:hover,
.btn_money:hover,
.btn_detail{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

/*表单头部图标*/
/*.selected .ico_page,.selected .ico_page,.selected .ico_page_search,.selected .ico_attachment{display:inline-block; background-repeat:no-repeat; background-image:url(images/tab_icon_hover.png);}*/
.ico_page:before,.ico_page:before,.ico_page_search:before,.ico_attachment:before{display:inline-block; background:url(../styles_v2.5/images/icon.png) no-repeat;width: 16px;height: 16px;vertical-align: middle;
margin: 2px; content:"";}
.ico_page:before{background-position: 0 -16px;}
.ico_page_search:before{background-position: 0 -32px;}
.ico_attachment:before{background-position: 0 -48px;}
 
.ico_urgent{ background:url(../images/ico_urgent.png) 0 center no-repeat; height:15px;width:10px;padding:0px0px;margin:0px0px;display:inline-block;filter:opacity(0.8);}

/*头部切换*/
.tab_top_ul{ margin:0; margin-left:20px; float:left;}
.tab_top_ul li{float:left;margin-left: -1px;border-left: 1px solid #c1d5e8;border-right: 1px solid #c1d5e8;}
.tab_top_ul li a{ display:block; color:#333; font-size:12px; font-weight: normal; line-height:32px; padding:0 20px;}
.tab_top_ul li a:hover{background:#cbdff1;}
.tab_top_ul li.selected a{ background:#f3f9fc; color:#2c8ad3;}
.tab_top_ul li a span{ display:inline-block; cursor:pointer;}

.view_list{ width:15px; height:14px; margin-left:20px; margin-top:8px; background:url(../styles_v2.5/images/icon.png) no-repeat;isplay:inline-block; float:left;}

/*报销单*/
.page_wrap{ margin:20px auto; padding:0 30px; margin-bottom:30px;}
.page_top{ width:100%;}
.page_top tr td{ border:0;}
.page_tit{ margin:0 auto;}
.page_tit h1{font-size:22px; text-align:center; color:#2c8ad3; font-weight:normal; letter-spacing:16px; line-height:28px; padding:8px 16px; padding-right:0px;text-align:center;}
.page_tit .line{ height:4px; overflow:hidden; border-bottom:2px solid #2c8ad3;border-top:2px solid #2c8ad3; width:100%; }
.page_date{ text-align:center; line-height:30px; color:#2c8ad3}
.page_top .Barcode{ }

.bill_table{border-collapse:collapse;width:100%; color:#2c8ad3; margin:10px 0; border:1px solid #2c8ad3}
.bill_table tr td{ border:1px solid #2c8ad3;line-height:22px; padding:5px;height:22px; text-align:center; border-top:0;}
.bill_table tr td input{ width:100%; border:1px solid #fff; border-bottom:1px solid #d7e7f6; height:22px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;}
.bill_table tr td select{width:100%; border:1px solid #ddd; height:24px;}
.bill_table tr td textarea{ width:100%;   border:0; border-bottom:1px solid #ddd; height:22px; overflow:hidden; overflow-y:auto;}
.bill_table .readyonly{border: none;}
.add_bill{color:#2c8ad3;}
.add_bill input{ width:38px; border:0; border-bottom:1px solid #ddd; text-align:center;height:20px;}

.bill_table {position:relative;}

/*报销单签名*/
.bill_sign{ line-height:20px;}
.bill_sign  dl{ float:left; margin-right:10px;}
.bill_sign  dl dt{ float:left;color:#2c8ad3; padding:0 5px;}
.bill_sign  dl dd{ float:left; min-width:40px; padding:0 5px;}
.bill_sign  dl dd img{height: 20px;}

/*灰色表格*/
.small_table_wrap{  width:100%;}
.small_table{border:1px solid #d7e7f6; border-collapse:collapse; }
.small_table{ width:100%;  margin:10px 0;}
.small_table tr th{font-weight: normal;border-left: 1px solid #d7e7f6;padding: 5px;overflow: hidden;line-height: 12px;border-bottom: 1px solid #d7e7f6;background-color: #f3f9fc;}
.small_table tr td{border:1px solid #d7e7f6;height:24px; padding:5px; padding-right:4px; color:#000;}
.small_table tr td.report_row2{ background:#;}
.small_table tr td:hover{ background:#d8eef8;}
.small_table tr td.first{ background:none; text-align:left; padding-left:4px;}
.small_table tr td input{ width:100%;}
.small_table tr.tb1 td{ }
.small_table tr.tb1-1 td{ color:#2c8ad3;background:#efefef;}
.small_table tr.tb1-1 td.first{ padding-left:20px; background:#efefef;}
.small_table tr.tb1-1 td.report_row2{ background:#efefef;}
.small_table tr.tb1-1 td:hover{ background:#d8eef8;}
.small_table tr.tb1-1 td.first{ padding-left:20px; background:#efefef;}
.small_table tr td.heji:hover{background:#fff;} 
.small_table tbody{ overflow:scroll; padding-right:50px;}

/*审批记录表格*/
.approval_table_wrap{  width:100%; }
.approval_table{border:1px solid #d7d7d7; border-collapse:collapse; }
.approval_table{ width:100%;  margin:10px 0;}
.approval_table tr th{ height:20px; padding:5px;  background:url(images/small_tb_bg.png); border:1px solid #d7d7d7; border-bottom:1px solid #aaa;}
.approval_table tr td{border:1px solid #d7d7d7;height:24px; padding:5px; padding-right:4px; color:#000;}
.approval_table tr td.report_row2{ background:#;}
.approval_table tr td.first{ background:none; text-align:left; padding-left:4px;}
.approval_table tr td input{ width:100%;}

/*审核流程状态修改0621*/
.process_state{ width:100%;}
.process_state ul{ float:left; list-style-type:none;  margin-right:65px; *margin-right:85px;}
.process_state ul li{display:block; float:left; width:138px;line-height:1.5em; text-align:center; color:#666; margin:10px 0; min-height:80px; padding:0 2px; position:relative; cursor:pointer;}
.process_state ul li .tit{ font-size:14px; font-weight:bold; margin-bottom:26px; color:#000;}
.process_state ul li.process_start{ background:url(images/process_bg_start.png) center 26px no-repeat; }
.process_state ul li.process{ background:url(images/process_bg_cen1.png) center 26px no-repeat;}
.process_state ul li.process_cen_ok{ background:url(images/process_bg_cen.png) center 26px no-repeat;}
.process_state ul li.process_complete{ background:url(images/process_bg_ok1.png) center 22px no-repeat; width:60px; left:40px;*width:40px;*left:50px;}
.process_state ul li.process_complete_ok{ background:url(images/process_bg_ok2.png) center 22px no-repeat;width:60px; left:40px;*width:40px;*left:50px; }
.process_state ul li.process_cen_refuse{background:url(images/process_bg_refuse.png) center 26px no-repeat;}
.process_state ul li.process_complete_refuse{background:url(images/process_complete_refuse.png) center 22px no-repeat;}
.process_state ul li.process_complete_cancel{background:url(images/process_complete_cancel.png) center 22px no-repeat;}

.process_state ul li.process_pass{background:url(images/process_pass.png) center 22px no-repeat;}
.process_state ul li.process_back{background:url(images/process_back.png) center 22px no-repeat;}
.process_state ul li.process_return{background:url(images/process_return.png) center 22px no-repeat;}
.process_state ul li.process_refuse{background:url(images/process_refuse.png) center 22px no-repeat;}
.process_state ul li.process_pending{background:url(images/process_current.gif) center 22px no-repeat;}

/* 节点状态 */
.right_line{ position:absolute; width:65px; height:4px; background:#61bd29; top:30px; right:-65px;}
.process_state ul li.process_back .right_line,
.process_state ul li.process_return .right_line,
.process_state ul li.process_refuse .right_line,
.process_state ul li.process_pending .right_line,
.process_state ul li.process .right_line{ background:#ccc;}

/*编辑节点 */
.edit_box{  border:1px solid #ddd; position:absolute; width:140px; height:120px; left:0; top:-15px; background:url(images/topmingbg.png);-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; display:none;}
.edit_box div{ background:url(images/edit_divbg.png); padding-left:14px; height:30px; display:inline-block;*display:inline; position:relative;left:-7px;top:82px;}
.edit_box_right{background:url(images/edit_divbg.png) right top; width:14px; height:30px; display:inline-block; position:absolute; right:-14px; top:0;}
.edit_box div a{ display:inline-block; height:30px; width:30px;background:url(images/edit_ico.png) no-repeat;}
.edit_box div a.add{ background-position:center 6px;}
.edit_box div a.edit{ background-position:center -26px;}
.edit_box div a.del{ background-position:center -54px;}
.edit_box div a:hover{ background-image:url(images/edit_ico_hover.png); }

.process_state ul{ padding-bottom:20px; padding-top:10px;}
.process_state ul li{ padding-bottom:12px;}
.process_state ul li:hover .edit_box{ display:block;}

/*小弹窗*/
.mini_wrap{ background:url(images/mini_wrap_bg.png) repeat-x; width:800px; margin:20px auto; padding-top:10px; position:relative; -moz-box-shadow:0px 0px 10px #666; -webkit-box-shadow:0px 0px 10px #666; box-shadow:0px 0px 10px #666; border:1px solid #ddd;}
.close_btn{ background:url(images/close_btn.gif) center no-repeat; width:20px;  height:20px; position:absolute; top:4px; right:4px;}
.close_btn:hover{background:url(images/close_btn_hover.gif) center no-repeat;}
.mini_wrap_tit{ line-height:38px; font-size:14px;color:#2c8ad3;border-bottom:1px solid #d7d7d7; margin:0 20px;}

.ico_edit{ background:url(images/ico_edit.png) 0 center no-repeat; padding-left:22px;}

.mini_wrap_box{ background:#fff; padding:10px 20px;}
.mini_wrap_li{ width:100%;}
.mini_wrap_li tr{}
.mini_wrap_li tr td{ padding:5px 2px;}
.mini_wrap_li tr td.tit{text-align:right; width:65px; color:#666; line-height:26px;}
.mini_wrap_li tr td.td_input{width:162px;}
.mini_wrap_li tr td.text{ width:200px; color:#e29047;}
.mini_wrap_li tr div.text{ line-height:20px;color:#e29047;}
.mini_wrap_li tr td .input_text{ width:154px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; padding:2px; height:22px; height:auto; line-height:normal;}
.mini_wrap_li tr td .select_box{ width:162px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; height:auto; height:26px;}
.mini_wrap_li tr td .textarea_box{ width:310px; border:1px solid #d7d7d7; height:80px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;padding:5px; }
.mini_wrap_bottom{ background:url(images/mini_wrap_bg2.png) 0 bottom no-repeat;  height:8px; overflow:hidden; font-size:0; line-height:0; clear:both; }
.mini_wrap_li tr td .input_text:hover,.mini_wrap_li tr td:hover .select_box,.mini_wrap_li tr td .textarea_box:hover{border:1px solid #2c8ad3;}
.ico_error{background:url(images/cross-circle.png) no-repeat; display:inline-block;}
.ico_correct{background:url(images/tick-circle.png) center no-repeat; width:16px; display:inline-block;}
.mini_wrap_li tr td .ico_error{ background-position:0 0;padding-left:16px; min-height:16px; color:red;}
.mini_wrap_li tr td .ico_correct{background-position:0 0;padding-left:16px; min-height:16px;}

.mini_wrap_li2{}
.mini_wrap_li2{ width:100%;}
.mini_wrap_li2 tr{}
.mini_wrap_li2 tr td{ padding:5px 2px; vertical-align:top;}
.mini_wrap_li2 tr td.tit{text-align:right; width:70px; color:#666; line-height:26px;}
.mini_wrap_li2 tr td.td_input{}
.mini_wrap_li2 tr td.td_input #union{ vertical-align:middle;}
.mini_wrap_li2 tr td.text{ width:200px; color:#e29047;}
.mini_wrap_li2 tr div.text{ line-height:20px;color:#e29047;}
.mini_wrap_li2 tr td .input_text{ width:214px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; padding:2px; height:22px; height:auto; line-height:normal;}
.mini_wrap_li2 tr td .select_box{ width:222px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px; height:auto; min-height:26px;}
.mini_wrap_li2 tr td .textarea_box{ width:310px; border:1px solid #d7d7d7; height:80px;-moz-border-radius:2px;-webkit-border-radius:2px; border-radius:2px;padding:5px; }
.mini_wrap_bottom{ background:url(images/mini_wrap_bg2.png) 0 bottom no-repeat;  height:8px; overflow:hidden; font-size:0; line-height:0; clear:both; }
/* .mini_wrap_li2 tr td .input_text:hover,.mini_wrap_li2 tr td:hover .select_box,.mini_wrap_li2 tr td .textarea_box:hover{border:1px solid #2c8ad3;} */
.ico_error{background:url(images/cross-circle.png) no-repeat; display:inline-block;}
.ico_correct{background:url(images/tick-circle.png) center no-repeat; width:16px; display:inline-block;}
.mini_wrap_li2 tr td .ico_error{ background-position:0 0;padding-left:16px; min-height:16px; color:red;}
.mini_wrap_li2 tr td .ico_correct{background-position:0 0;padding-left:16px; min-height:16px;}

.mini_wrap_li2 tr td.radio label{ margin-right:5px; line-height:20px; display:inline-block;}
.mini_wrap_li2 tr td.radio label input[type="radio"]{ margin-top:3px; *margin-top:0;float:left;}

.small_arrow { background:url(images/small_arrow.png) right center no-repeat; width:20px; display:inline-block; height:20px;}
.mini_wrap_li2 tr td label input[type="checkbox"]{ margin-top:4px; *margin-top:0;float:left; margin-right:2px; *margin-right:0;}
.mini_wrap_li2 tr td label{ display:inline-block; float:left;  height:20px; line-height:20px;}
.mini_wrap_li2 tr td .small_arrow{ margin:0 5px; *margin:0;}

/*统计报表*/
.chart_table{ width:100%; height:100%; border-collapse:collapse;}
.n_middle{ position:relative; width:100%;  *width:auto;}
.chart_table{ position:absolute; top:0; border-collapse:collapse;}
.chart_table tr td.left{height:100%; width:160px;  background:#f3f9fc; }
.left_category{ overflow-y:auto;overflow-x:hidden; width:160px;}
.chart_table tr td.left .left_category{position:fixed; top:32px; left:0;}
.chart_table tr td.ver_seperater{}
.chart_table tr td.right{ position:relative; z-index:10; background:#fff;}
.chart_table tr td.ver_seperater{ width:10px; height:100%; overflow:hidden; padding:0; position:relative; z-index:10; background:#fff; border-left:1px solid #d7e7f6;}

.left_category2{height:100%; overflow-y:auto; width:160px; position:relative;}
.left_category_ul{ border-top:1px solid #d7e7f6;}
.left_category_ul li{}
.left_category_ul li a{display:block; padding:10px 10px; background:#fff; border-bottom:1px solid #d7e7f6; font-size:12px;}
.left_category_ul li a:hover{ background:#f3f9fc;}
.left_category_ul li.selected a{ background:#2c8ad3; color:#fff;}

.left_category_ul_personal{}
.left_category_ul_personal li{}
.left_category_ul_personal li a{display:block; padding:10px 10px; background:#fff; border-bottom:1px solid #d7d7d7; font-size:12px;}
.left_category_ul_personal li a:hover{ background:#eee;}
.left_category_ul_personal li.selected a{ background:#2c8ad3; color:#fff;}

.left_category_screening{background:#fff;border-bottom:1px solid #d7d7d7; padding:5px 10px; padding-right:0; }
.left_category_screening a{ display:block; line-height:18px; width:18px; text-align:center; color:#2c8ad3; float:left;}
.left_category_screening a.hovers,.left_category_screening a:hover{color:#fff;background:#2c8ad3; }

.ico_to_left{ background:url(images/ico_to_left.png) center no-repeat; width:8px;height:120px; display:inline-block;}
.ico_to_left:hover{background:url(images/ico_to_left_hover.png) center no-repeat;}
.ico_to_right{ background:url(images/ico_to_right.png) center no-repeat; width:8px;height:120px; display:inline-block;}
.ico_to_right:hover{background:url(images/ico_to_right_hover.png) center no-repeat;}

.right_content{ padding:10px;text-align:center;}
.chart{ min-height:200px; background:#fff; border:1px solid #fff;}

.right_content_chart{ border-collapse:collapse; width:100%; border:1px dashed #eaeaea;}
.right_content_chart tr td{ background:#fff; border-left:1px dashed #eaeaea;}
.right_content_chart tr td h2{ line-height:40px; font-size:18px; font-weight:normal; text-align:left; padding:0 10px;}
.right_content_chart tr td p strong{ font-size:40px; color:#f37800; }
.right_content_chart tr td p span{ color:#666; font-size:14px;}
.right_content_chart tr td p span+span{ color:#f37800}

.right_content_tig{ text-align:left; margin-top:10px; color:#F90; border:1px dashed #F90; padding:5px; background:#FFC}

.content_chart_ul{ text-align:right; height:30px; line-height:30px; margin:5px;}
.content_chart_ul li{ float:left;}
.content_chart_ul li a{ display:inline-block; padding:0 15px; background:url(images/charttab.png) 0 0 no-repeat;}
.content_chart_ul li a:hover{background-position:0 -30px;}
.content_chart_ul li+li a{ background-position:right 0; border-left:1px solid #ccc;}
.content_chart_ul li+li a:hover{ background-position:right -30px;}
.content_chart_ul li a:active,.content_chart_ul li.selected a{color:#fff; background-position:0 -60px;}
.content_chart_ul li+li a:active,.content_chart_ul li+li.selected a{color:#fff; background-position:right -60px;}

/*审批流程*/
.process_define{}
.process_define li{ float:left; text-align:left; margin:10px 0;}
.process_define .li{ position:relative;width:200px; height:120px;}
.process_define .li{ background:url(images/process_define_bg.png) center no-repeat; width:200px; height:120px;padding:7px;}
.process_define .li:hover{ background:url(images/process_define_bg_hover.png) center no-repeat; width:200px; height:120px; padding:7px;}
.process_define .li .tit{ color:#fff; padding:5px; padding-left:30px; line-height:22px;}
.process_define .li .name{ font-size:15px; line-height:20px; margin:0 10px; margin-top:18px; text-align:center;color:#fff;}
.process_define .li .btn{ position:absolute; left:14px; bottom:12px; width:186px; height:20px; padding:0; display:block;}
.process_define .li .btn a{ margin:2px;}
.process_define .li .node_off{ background:url(images/node_off.png) no-repeat; width:16px; height:16px; display:inline-block;}
.process_define .li .node_on{ background:url(images/node_on.png) no-repeat; width:16px; height:16px; display:inline-block;}
.process_define .li .node_day_on{ background:url(images/node_day_on.png) no-repeat; width:16px; height:16px; display:inline-block;}
.process_define .li .ico_save{ background:url(images/disk.png) no-repeat; width:16px; height:16px; display:inline-block;}
.process_define .li .ico_del{}

.process_define .li .ico_node{background:url(images/sitemap.png) 10px center no-repeat;}
.process_define .li .name i{ display:inline-block; width:20px; height:18px; background-image:url(images/ico_process.png); background-repeat:no-repeat;}
.process_define .li .name i.ico_user{ background-position:0 1px;}
.process_define .li .name i.ico_role{ background-position:0 -35px;}
.process_define .li .name i.ico_structure{background-position:0 -71px;}

.process_define .li .ico_undo{ background:url(images/arrow-return-180-left.png) no-repeat; width:16px; height:16px; padding:0;}
.process_define .li .ico_edit{ background:url(images/card-pencil.png) no-repeat; width:16px; height:16px; display:inline-block; padding:0;display:none;}

.process_define .li .ico_del{ position:absolute; right:8px; top:8px;width:16px; height:16px;}
.process_define .li:hover a.ico_del{ display:inline-block;background:url(images/cross.png) no-repeat; width:16px; height:16px; display:inline-block;}
.process_define .li:hover a.ico_edit{ display:inline-block;}

.process_define .arrow{ height:134px; width:29px; background:url(images/ico_arrow.png) center no-repeat;}
.process_define .add a{ display:block; width:200px; height:50px; background:url(images/add_preson.png) no-repeat; padding-top:70px; text-align:center; color:#2c8ad3; font-size:14px; margin:7px;}


/*审批流程编辑页面*/ 
.process_edit{ width:400px; padding:20px 0;background:#fff; z-index:100; border:1px solid #ddd;}
.process_edit_ul{ margin:10px; width:100%; float:left;}
.process_edit_ul li{ line-height:26px; padding:2px 0; margin:5px 0; width:100%; float:left;}
.process_edit_ul li .left_tit{ float:left; width:80px; text-align:right; margin-right:5px; min-height:26px;}
.process_edit_ul li .right_input{ float:left; width:260px;}
.process_edit_ul li .right_input input[type="text"]{ width:240px; padding:0 5px;}
.process_edit_ul li .right_input select{ width:254px;}
.process_edit_ul li .right_input .foot_btn{ float:left;}


/*待办列表*/
/*.pengding_top{ height:40px; background:url(images/tb_top_bg2.png) repeat-x;}*/
.pengding_top .foot_search{ float:right; margin-right:17px; margin-top:8px;}
.gradient_bg{ background:url(images/gradient_bg.png) repeat-x; width:100%; height:4px; position:absolute; left:0; top:40px;}

.tb_middle{ overflow-y:scroll;}
.pengding_wrap{ padding:0 20px;}
.pengding_top{ height:50px; border-bottom:1px solid #2c8ad3; padding:5px 0;}
.pengding_top_checkbox{ float:left; padding:15px 8px; *padding:10px 8px;}
.pengding_top_checkbox input{}
.pengding_top { font-size:22px; color:#2c8ad3; line-height:50px;}
.pengding_top_btn{ margin-top:5px; float:left; margin-left:10px;}

.pengding_tb{ width:100%; border-collapse:collapse;}
.pengding_tb tr th{ background:#f7f7f7; padding:5px 8px; font-weight:normal; text-align:left;}
.pengding_tb tr td{ border-bottom:1px solid #; line-height:20px; padding:8px; font-size:12px; cursor:pointer; color:#2c8ad3; font-size:1.1em;}
.pengding_tb tr td.name{ }
.pengding_tb tr td .pic{ display:inline-block; width:20px; height:20px; background:#666; overflow:hidden; float:left; margin-right:5px;}
.pengding_tb tr td .pic img{ width:20px; height:20px;}
.pengding_tb tr.even_row td{ background:#f1f5fa;}
.pengding_tb tr td .date{ color:#999; font-size:12px;}
.pengding_tb tr:hover td{ background:#e5eefa;}
 
 
.pengding_foot{ height:36px; line-height:36px; color:#666; padding:0 8px; background:#fff;color:#000; border-top:1px solid #c2cfdd;}
.n_foot_checkbox{ float:left; line-height:36px; margin:10px;}
.n_foot_checkbox input{ margin-right:5px;}
.PageNav{ color:#000;}
.PageNav span{ display:inline-block; margin:0 5px;}
.PageNav a{ display:inline-block; width:8px; height:9px; margin:0 5px; background:url(images/strip_metro_4.png) no-repeat;}
.PageNav a.FirstPage{ background-position:0 bottom;}
.PageNav a.PrevPage{background-position:0 -10px;}
.PageNav a.NextPage{background-position:0 -30px;}
.PageNav a.LastPage{background-position:0 -50px;}



/*个人信息*/
.info_wrap{ padding:20px; } 
.info_wrap_all .left_photo{ width:90px;  padding-right:10px;}
.info_wrap_all .left_photo .photo_box{ width:100px; background:#fff; display:block; padding:3px; border:1px solid #ddd; position:relative;}
.info_wrap_all .left_photo .photo_box img{ width:100px; height:100px;}
.info_wrap_all .left_photo .name{ line-height:30px; text-align:center; font-size:14px; color:#2c8ad3; }
.info_wrap_all .left_photo .photo_box .photo_upload{ width:100px; display:block; height:22px; line-height:22px; color:#fff; background:url(images/transparent_bg.png); text-align:center; position:absolute; left:3px; bottom:3px; cursor:pointer;}
.info_wrap_all .left_photo .photo_box .photo_upload{ display:none;}
.info_wrap_all .left_photo .photo_box:hover .photo_upload{ display:block; text-decoration:underline;}

.info_wrap_tit{ line-height:20px; padding:10px 0; font-size:14px; border-bottom:1px solid #cfe9f8; color:#2c8ad3;}
.info_wrap_tb{ border-collapse:collapse; margin:10px 0; margin-bottom:20px;}
.info_wrap_tb  tr td{ font-size:12px; padding:5px; min-height:26px; color:#000; padding-left:5px;}
.info_wrap_tb  tr td.tit{ width:60px;  color:#888;text-align: right;}
.info_wrap_tb  tr td input{ width:180px; height:26px; line-height:26px; padding:0 5px; border:0; border:1px solid #bbb; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;} 
.info_wrap_tb  tr td.prompt{  min-height:20px;height:20px; color:#e29047; font-size:12px;}
.info_wrap_tb  tr td.td_password{ width:180px;}

.info_wrap_tb2{ border-collapse:collapse; width:100%;  margin:10px 0; margin-top:30px; float:left;}
.info_wrap_tb2  tr td{ font-size:12px; padding:5px; min-height:22px; color:#000;}
.info_wrap_tb2  tr td.tit{ width:120px; text-align:right; color:#2c8ad3;}
.info_wrap_tb2  tr td input{ width:220px; height:26px; line-height:26px; padding:0 5px; border:0; border:1px solid #bbb; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;} 
.info_wrap_tb2  tr td input:hover,.info_wrap_tb2  tr td textarea:hover,.info_wrap_tb  tr td input:hover{ border:1px solid #2c8ad3;}
.info_wrap_tb2  tr .prompt{ line-height:30px; color:#e29047; font-size:12px;}

.info_wrap_tb2  tr td .shezhi dt,.info_wrap_tb2  tr td .shezhi dd{ padding:4px 0; line-height:28px; float:left; }
.info_wrap_tb2  tr td .shezhi dt{ width:80px; color:#666; text-align:right; font-weight:normal;}
.info_wrap_tb2  tr td .shezhi dd{ margin-right:10px;}
.info_wrap_tb2  tr td .shezhi dd input{ width:160px;}
.info_wrap_tb2  tr td .shezhi dl{ width:100%; clear:both; height:36px;}
.info_wrap_tb2  tr td textarea{ width:520px; border:1px solid #bbb; height:90px; padding:3px; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
.info_wrap_tb2  tr td .buttom{ margin-top:5px;}
.info_wrap_tb2  tr td .buttom a{ background:url(images/list_tit_bg.png); border:1px solid #2c8ad3; color:#fff;}

.info_wrap_tb2  tr td .company_logo{ background:url(images/transparent.png); display:inline-block;}
.info_wrap_tb2  tr td .company_logo img{ height:40px;}


.info_top{ height:39px; overflow:hidden; padding-right:16px; background:url(images/info_top_bg.png) repeat-x; border-bottom:1px solid #aaa;}

.info_top_ul{ margin-left:20px; float:left;}
.info_top_ul li{float:left; margin-right:10px;}
.info_top_ul li a{ display:block; font-size:14px; font-weight:bold; line-height:30px; margin-top:5px; padding:0 18px; color:#666; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px;}
.info_top_ul li a:hover{background:#a8d3f4; }
.info_top_ul li.selected a{ color:#fff; background:#2c8ad3;}
.info_top_ul li a span{ display:inline-block; cursor:pointer;}

.info_top_maxtit{ line-height:40px; font-size:18px; margin-left:20px;}

/*查看信息*/
.msg_page_wrap{ overflow-y:auto;}
.msg_page{ padding:10px 20px;}
.msg_page h1{ font-size:22px; text-align:center; line-height:30px; padding:12px 0;}
.msg_page .author{ font-size:12px; text-align:center; color:#666;}
.msg_page .author span{ margin:0 10px;}
.msg_page hr{ border:0; background:none; height:0; border-bottom:1px dotted #999; margin:10px 0;}
.msg_page  p{ line-height:1.7em; font-size:1.1em; text-indent:2em;}

/*报表统计*/
.report_wrap{ padding:10px 20px;}
.report_wrap h1{ line-height:40px; font-size:20px; text-align:center; font-weight:normal;}
.report_wrap .small_table{}
.report_wrap .small_table tr .first{ text-align:center; font-weight:bold;}
.report_wrap .small_table tr td{ text-align:right; background:#fff;}
.report_wrap .small_table tr .report_row2{ background:#f7f7f7;}

.n_foot_select{ margin-top:11px;}
.n_foot_select span{ float:left; line-height:30px;}
.n_foot_select select{ float:left; margin-top:2px;}

.ico_excel{background:url(images/ico_excel.png) no-repeat; display:inline-block; width:16px; height:16px;}
#showList{background:url(images/report_list.png) no-repeat; display:inline-block; width:16px; height:16px;}
#showLine{background:url(images/report_line.png) no-repeat; display:inline-block; width:16px; height:16px;}
#showColumn{background:url(images/report_column.png) no-repeat; display:inline-block; width:16px; height:16px;}

#showList.disable{background:url(images/report_list_disable.png) no-repeat; display:inline-block; width:16px; height:16px;}
#showLine.disable{background:url(images/report_line_disable.png) no-repeat; display:inline-block; width:16px; height:16px;}
#showColumn.disable{background:url(images/report_column_disable.png) no-repeat; display:inline-block; width:16px; height:16px;}

.n_foot .ico_excel,
.n_foot #showList,
.n_foot #showLine,
.n_foot #showColumn
{ margin:18px 10px;}

.report_line{ text-align:center;}

/*权限分配页面*/
.permissions_input{ padding:10px; line-height:1em;}
.permissions_input dl{ float:left; width:136px; border:1px solid #ddd; padding:10px; cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; margin:10px 10px 0 0;}
.permissions_input dl:hover{ border:1px solid #bbb; -moz-box-shadow:0px 0px 4px #aaa; -webkit-box-shadow:0px 0px 4px #aaa; box-shadow:0px 0px 4px #aaa;}
.permissions_input dl.selected{ border:1px solid #7fbeef; background:url(images/chackBox_btnBg.png) right bottom no-repeat;}
.permissions_input dl dt{ font-size:14px;}
.permissions_input dl dd{ color:#888;}
.permissions_input dl.selected dt{ color:#2c8ad3;}
.permissions_input dl.selected dd{ color:#2c8ad3;}

.n_foot_bg .input_checkbox{ float:left; margin-top:11px; line-height:30px;}
.n_foot_bg .input_checkbox input[type="checkbox"]{ margin-right:3px;}

/*带标题的列表*/
.next_tb_top_wrap{ position:absolute; left:0; top:32px; z-index:999; height:26px; overflow:hidden; right: 0px;}
.next_tb_top{ width:100%; border-collapse:collapse;height:100%;}
.next_tb_top thead{ }
.next_tb_top thead tr{}
.next_tb_top thead tr th{height:25px; font-weight:normal; border-left: 1px solid #d7e7f6; padding:0 5px; overflow:hidden; line-height:12px; border-bottom: 1px solid #d7e7f6; background-color:#f3f9fc;}
.next_tb_list{ margin-top:26px; width:100%; float:left; border-collapse:collapse;}
.next_tb_list tr td{ border-bottom:1px solid #d7e7f6; padding:8px 5px; line-height:20px;}
.next_tb_list tr:hover td{ background:#fdf7dc;}

/**/
.smart_wrap{ position:relative; height:0; line-height:0; font-size:0;}
.smart_wrap ol{ position:absolute; z-index:999; background:#fff; border:1px solid #ddd; left:2px; top:-1px; *left:4px; *top:-2px;  overflow:hidden; overflow-y:auto; max-height:160px;}
.smart_wrap ol li{ line-height:16px; padding:4px 5px; text-align:left; cursor:pointer; font-size:12px;}
.smart_wrap ol li:hover{ background:#d8eef8;}

/*工具提示*/
.tool_tip_wrap{ position:relative;height:0; line-height:0; font-size:0;z-index: 1}
.tool_tip{ position:absolute; width:36px;left:-31px; top:-32px; }
.tool_tip a{display:block; height:22px; width:23px; overflow:hidden; float:left; text-indent:999em; background:url(images/add_copy_del.png);}
.tool_tip a.add{ }
.tool_tip a.share{ background-position:0 -22px;}
.tool_tip a.copy{background-position:0 -44px;}
.tool_tip a.del{background-position:0 -66px;}
.tool_tip a.add:hover{ background-position:0 -88px;}
.tool_tip a.share:hover{ background-position:0 -110px;}
.tool_tip a.copy:hover{background-position:0 -132px;}
.tool_tip a.del:hover{background-position:0 -154px;}
.tool_tip a.delDisable:HOVER{background-position:0 -66px;cursor: text;}
.tool_tip_arrow{ width:8px; height:11px; position:absolute; left:-10px; top:5px; overflow:hidden;background:url(images/add_copy_del_arrow.png) 0 0  no-repeat;}

/*分摊*/
.apportion{ float:left; width:100%;}
.apportion li{ float:left; border:1px solid #7fbeef; border-radius:3px; background-color:rgb(226, 242, 254); margin:2px 0; margin-right:5px; *min-width:120px; position:relative; padding-left:5px; padding-right:20px;}
.apportion span{ display:inline-block; color:#000; height:20px; margin-right:10px;}
.apportion a.del{ color:#F00; display:inline-block; width:20px; height:20px; position:absolute; right:0px; top:0; background:url(images/img_del.png) center no-repeat;}
.apportion li.add_apportion{ padding:0; background:url(images/add_apportion.png) center no-repeat rgb(226, 242, 254); height:22px; padding:0; min-width:22px; cursor:pointer;}
.apportion li.add_apportion a{ display:block; width:30px; height:22px; background:url(images/add_apportion.png) center no-repeat;}

/*附件*/
.attachment_ul{}
.attachment_ul li{ float:left; text-align:center; width:96px; padding:8px;border:1px solid #fff; -moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; position:relative; height:136px; margin:5px;}
.attachment_name{ line-height:20px; padding:2px 0; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; min-height:20px;}
.attachment_ul li .operation{ width:92px; height:24px; background:#c2ccd8;-moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; position:absolute; left:9px; top:123px; display:none;}
.attachment_ul li .operation a{ display:inline-block; width:20px; height:20px; background:url(images/operation_ico.png) no-repeat ; margin:2px 5px;}
.attachment_ul li .operation .ico_download{}
.attachment_ul li .operation .ico_download:hover{background-position:0 -47px;}
.attachment_ul li .operation .ico_delect{ background-position:-36px 0;}
.attachment_ul li .operation .ico_delect:hover{ background-position:-36px -47px;}
.attachment_ul li:hover .operation{ display:block;}
.attachment_ul li:hover{border:1px solid #ddd; background:#f7f7f7;}
.graytext{ color:#999;}

.ico_rar,.ico_zip,.ico_7z,.ico_pdf,.ico_doc,.ico_docx,.ico_xls,.ico_xlsx,.ico_ppt,.ico_pptx,.ico_txt{ display:inline-block; background:url(images/file_ico.png) no-repeat; width:92px; height:92px;}
.ico_rar,.ico_zip,.ico_7z{ background-position:0 0;}
.ico_pdf{ background-position:0 -115px;}
.ico_doc,.ico_docx{ background-position:0 -230px;}
.ico_xls,.ico_xlsx{ background-position:0 -345px;}
.ico_ppt,.ico_pptx{ background-position:0 -460px;}
.ico_txt{ background-position:0 -575px;}

.attachment_ul li .picture{ display:inline-block; width:92px; height:92px;}
.attachment_ul li .picture img{ max-height:92px; max-width:92px;}

/*错误和成功提示*/
.prompt_wrap{ margin:0 auto; width:300px; margin-top:150px; text-align:center;}
.prompt_wrap .ico_correct{ background:url(images/error_correct.png) 0 0 no-repeat; width:50px; height:50px; display:inline-block;position:relative; left:-2px;}
.prompt_wrap .ico_error{ background:url(images/error_correct.png) 0 -50px no-repeat; width:50px; height:50px; display:inline-block; position:relative; left:-2px;}
.prompt_wrap .ico_sigh{background:url(images/error_correct.png) 0 -100px no-repeat; width:50px; height:50px; display:inline-block;position:relative; left:-2px;}
.prompt_wrap .ico_404{ background:url(images/error_correct.png) 0 -150px no-repeat; width:50px; height:50px; display:inline-block;position:relative; left:-2px;}
.prompt_text{margin-top:8px; font-size:14px; line-height:1.8em; font-size:20px;}
.prompt_wrap  .graytext{ text-align:center; line-height:1.6em;}
.prompt_wrap  .graytext a{ color:#2c8ad3; font-size:14px; line-height:1.6em;}
.prompt_wrap  .graytext a:hover{ text-decoration:underline;}
/*分页*/
.pagination{ position:fixed; width:100%; left:0; bottom:70px; height:0;z-index: 99;text-align: center;}
.pagination ul{margin:0 auto;background-color: #fff;}

/*错误信息显示*/
div.container {background-color: #eee;border: 1px solid red;margin: 5px;padding: 5px;}
div.container ol li {list-style-type: disc;margin-left: 20px;cursor: pointer;}
div.container { display: none }
div.container label.error {display: inline;color: red;}

.ellipsis{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

/*导入的列表*/
.import_list{width: 100%;}
.import_list li{ line-height:28px;border:1px solid #ddd; height:26px; text-align:left; margin:3px 0;  cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.import_list li div{ padding:0 5px; width:18%; height:28px;}
.import_list li:hover{background-color:#ededed;}
.import_list li.selected{ border:1px solid #7fbeef; background:url(images/chackBox_btnBg_above.png) 0 0 no-repeat #e2f2fe;color:#2c8ad3;}

.import_list1{width: 100%;}
.import_list1 li{ line-height:28px;border:1px solid #ddd; height:26px; text-align:left; margin:3px 0;  cursor:pointer;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.import_list1 li div{ padding:0 5px; width:18%; height:28px;}
.import_list1 li:hover{background-color:#ededed;}
.import_list1 li.selected{ border:1px solid #7fbeef; background:url(images/chackBox_btnBg_above.png) 0 0 no-repeat #e2f2fe;color:#2c8ad3;}

/*上传*/
.uploadify_box { width:98%; margin:1% auto;}
.uploadifyQueue { width: 100%;height: 280px;overflow: auto;border: 1px solid #AECDDF;margin-bottom: 10px;}
.uploadifyQueueItem {font: 11px Verdana, Geneva, sans-serif;border: 2px solid #EFF3F6;background-color: #FBFFFF;margin:1% auto;padding:1%;width: 96%;}
.uploadifyError { border: 1px solid #FBCBBC !important; background-color: #FDE5DD !important;}
.uploadifyQueueItem .cancel {float: right;}
.uploadifyProgress {background-color: #FFFFFF;border: 1px solid #AECDDF;margin-top: 10px;width: 100%;}
.uploadifyProgressBar {background-color: #0099FF; width: 1px;height: 3px;}
.uploadify_oper { padding:0px 2px;}
.uploadify_file_wrap { position:absolute;top:0px; left:0px; filter:alpha(opacity=0); opacity:0;} /*filter:alpha(opacity=0); opacity:0;*/



/*0604修改--黄*/
.JF_dialog_box table tr td .form-horizontal .control-group{ margin-bottom:10px;}
.JF_dialog_box table tr td{ vertical-align:top;}
.JF_dialog_box table tr td select, .JF_dialog_box table tr tdtextarea, .JF_dialog_box table tr tdinput[type="text"]{ padding:2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.JF_dialog_box table tr td select{ width:212px; height:28px;}
.JF_dialog_box table tr td .controls .checkbox input[type=checkbox]{ margin:4px 0; *margin:0; margin-left:-20px;}
.JF_dialog_box table tr td .controls .checkbox { margin-left:0; margin-right:10px;}

.n_foot input,.n_foot button,.n_foot select,.n_foot textarea{ font-family:"微软雅黑";}
.n_foot select{ padding:0;}

/*申请人下拉选择  ie7*/
.select2-drop .select2-search{ *width:auto;}
.select2-drop .select2-search input{width:99%; padding:0; *padding:4px 0;}

.bill_table tr td .img_box{ display:inline-block; position:relative; margin:5px;}
.bill_table tr td .img_box .img_del{ display:inline-block; background:url(images/img_del.png) center no-repeat; width:8px;  height:7px; cursor:pointer; position:absolute; right:-9px; top:-7px;}

/*使用帮助*/
.help_table{ width:100%; border-collapse:collapse;}
.chart_table{ position:absolute; top:0; border-collapse:collapse;}
.help_table tr td.left{height:100%; width:160px;background:#f3f9fc; }

.help_table tr td.right{ position:relative; z-index:10; background:#fff; }
.help_table tr td.ver_seperater{width:10px; height:100%; overflow:hidden; padding:0; position:relative; z-index:10; background:#fff; border-left:1px solid #d7d7d7;}
.help_left_nav{ overflow-y:auto;overflow-x:hidden; width:160px;}
.help_left_nav{}
.help_left_nav li{}
.help_left_nav li a{display:inline-block; padding:10px 10px; background:#f3f9fc; font-size:12px; padding-left:34px; width:116px; color:#333;}
.help_left_nav li a:hover{ background:#fff;}
.help_left_nav li.selected a{ background:#c8e1f4;}
.help_left_nav li a span.numBg{ background:url(images/icon_numbg.png) 0 0 no-repeat; width:18px; height:18px; display:inline-block; text-align:center; color:#fff; margin-left:-23px; margin-right:5px;}
.help_left_nav li.selected  a span.numBg { background-position:-18px -18px;}



.help_content{ padding:10px;}
.help_iframe{ overflow-y:auto;overflow-x:hidden;width:100%;}
.sign_in{ background:url(images/sign_in.gif) no-repeat; width:110px; height:62px; position:absolute; left:138px; top:30px; color:#e20303; text-align:center;}
.sign_in span{ margin-top:32px; display:inline-block;}

.sign_in2{ background:url(images/sign_in2.gif) no-repeat; width:92px; height:42px; position:absolute; left:132px; top:34px;}
.page_tit{ position:relative;}
.over_budget{background:url(images/over_budget.png) no-repeat;width:68px; height:29px; text-align: center;color: #fff;line-height: 24px;position:absolute; right:-68px; top:-20px;cursor: pointer;}

.help_left_nav li.selected  ul li a{background:#f3f9fc; }
.help_left_nav li  ul li.selected a{ background:#c8e1f4;}
.help_left_nav li i.an_ico{ background:url(images/an_ico.png) no-repeat; display:inline-block; width:7px; height:7px; float:right; margin-top:5px; margin-right:14px;}
.help_left_nav li i.shut_ico{ background:url(images/shut_ico.png) no-repeat; display:inline-block; width:7px; height:7px; float:right; margin-top:5px; margin-right:14px;}
.help_content img{ max-width:100%; *max-width:96%;}

/*手机图标*/
.phone_ico{ background:url(images/phone_ico.png) 1px center no-repeat; width:16px;height:16px; display:inline-block; vertical-align:middle;}
.phone_ico_blank{ width:16px;height:16px; display:none; vertical-align:middle;}

.select_print{ margin:0;}
.select_print li{ margin:10px; border:1px solid #ddd; min-height:40px; cursor:pointer; position:relative}
.select_print li:hover{ border:1px solid #7FBEEF;box-shadow:0px 0px 4px #7FBEEF;-webkit-box-shadow:0px 0px 4px #7FBEEF;-moz-box-shadow:0px 0px 4px #7FBEEF;}
.select_print li.selected{ border:2px solid #7FBEEF;}
.select_print li img{ max-width:100%;}
.select_print li .ico_chack{ display:none;background: url(images/chackBox_btnBg.png) right bottom no-repeat; position:absolute; bottom:0; right:0; width:16px;  height:16px; }
.select_print li.selected .ico_chack{display:inline-block;}
@media print{
	.noprint{display:none}
}

.statistics_ul{ padding:10px 0;}
.statistics_ul li{ line-height:30px}
.statistics_ul li span{ display:inline-block; margin:0 10px 0 5px;}
.statistics_ul li em{ font-style:normal; font-size:18px;}
.blue{ color:#2c8ad3;}
.statistics_ul li a{ color:#2c8ad3}
.statistics_ul li a:hover{ text-decoration:underline;}


.statistics_ul li a{ color:#2c8ad3}
.statistics_ul li a:hover{ text-decoration:underline;}

/*竖型流程 0709*/
.process_vertical{margin:20px;}
.process_vertical ul{  display:inline-block; width:100%; min-width:900px;*vertical-align:middle;}
.process_vertical li{line-height:20px; cursor:pointer; padding-left:80px; margin:0; display:block;}
.process_vertical li .process{background:url(images/process_ico_03.png) 110px 0 no-repeat; position:relative; top:15px; *float:left; padding-bottom:20px;}

.process_vertical li .left_box{ float:left; width:90px;}
.process_vertical li .left_box h3{ font-size:14px; font-weight:normal; text-align:right; }
.process_vertical li .left_box .name{ font-size:12px; color:#888; text-align:right;}
.process_vertical li .left_box .name span{ display:inline-block; margin-left:5px;}

.process_vertical li .right_box{ float:left; padding-left:40px; margin-left:20px; min-height:100px; padding-bottom:20px; }

.process_vertical li .right_box{ margin-top:2px;}
.process_vertical li div.process_start{ background:url(images/process_ico_01.png) 110px 0 no-repeat;}
.process_vertical li div.process_pass{ background:url(images/process_ico_02.png) 110px 0 no-repeat;}
.process_vertical li div.process_pending{ background:url(images/process_ico_04.gif) 110px 0 no-repeat;}
.process_vertical li div.process_back{ background:url(images/process_ico_05.png) 110px 0 no-repeat;}
.process_vertical li div.process_return{ background:url(images/process_ico_06.png) 110px 0 no-repeat;}
.process_vertical li div.process_refuse{ background:url(images/process_ico_07.png) 110px 0 no-repeat;}
.process_vertical li div.process_complete{ background:url(images/process_ico_08.png) 110px 0 no-repeat;min-height:50px;}
.process_vertical li div.process_complete_ok{ background:url(images/process_ico_09.png) 110px 0 no-repeat;min-height:50px;}
.process_vertical li div.process_complete .right_box,.process_vertical li div.process_complete_ok .right_box{min-height:50px;}
.process_vertical li div.right_box{ background-color:}

.process_vertical li:hover{ background-color:#f0f7fc;  }

.process_vertical li.selected{background:url(images/selected_ico.png) right center no-repeat #efefef; color:#2c8ad3;}

/*竖型流程日志 0709*/
.log_wrap{ position:relative; top:-10px; *margin-top:-10px;}
.log_top{ width:660px; height:6px; background:url(images/log_top.png) no-repeat;}
.log_mid{ width:660px; background:url(images/log_mid.png) repeat-y;}
.log_bot{width:660px; height:8px; background:url(images/log_bot.png) no-repeat;}
.log_triangle{width:9px; height:14px; background:url(images/triangle_ico.png) no-repeat; position:absolute; left:-6px; top:10px;*top:20px;}

.log_mid dl{  }
.log_mid dl dd{padding:8px 0 5px 0; margin:0 15px; border-bottom:1px dashed #ddd;}
.log_mid dl dd span{ display:inline-block;margin:0 5px;}
.log_mid dl .date{ color:#888; font-size:12px; width:120px;}
.log_mid dl .state{ width:120px;}

.process_log{ float:left; padding:20px; width:500px;}
.process_log h1{ font-size:16px;line-height:30px; }
.process_log h2{ font-size:14px; font-weight: bold; line-height:30px; border-bottom:1px dashed #ddd;}
.process_log ul{}
.process_log ul li{ padding:5px 0 5px; line-height:20px; border-bottom:1px dashed #ddd; margin-bottom:5px;}
.process_log ul li .date{ color:#888; font-size:12px;}

/*节点编辑 0709*/
.process_vertical li{ *display:inline-block; }
.process_vertical li .edit_ico{ height:120px; width:16px; position:absolute; left:-70px; top:-10px;}
.process_vertical li .edit_ico a{background:url(images/process_edit_ico.png) no-repeat; width:26px; height:24px; display:block; display:none;}
.process_vertical li .edit_ico a.position{ background-position:center -0px;}
.process_vertical li .edit_ico a.edit{ background-position:center -30px;}
.process_vertical li .edit_ico a.del{ background-position:center -60px;}
.process_vertical li .edit_ico a.add{ background-position:center -90px;}

.process_vertical li .edit_ico a:hover{ background-image:url(images/process_edit_ico_h.png); }

.process_vertical li:hover .edit_ico a{ display:block;}

/*绑定员工 0710*/
.select_person{ float:left; width:230px;}
.select_person .tit{ line-height:30px;}
.select_person .box{ border:1px solid #ddd;  height:300px; overflow-y:auto; width:230px; font-size:12px; padding:0; background:#fff;  }
.select_person .box option{ display:block; line-height:26px; padding:0 10px; }
.select_person .box a:hover{ background:#2c8ad3; color:#fff;}
.select_person .box a:active{ border-color:#ddd}

.select_search { height:30px;}
.select_search input{ float:left;}
.select_search .input_text{ border:1px solid #ddd; height:30px; width:188px; border-bottom:0; padding:0 5px;}
.select_search .input_btn{ border:1px solid #ddd; background:url(images/search_ico.png) center center no-repeat #fff; width:30px; height:31px; cursor:pointer;border-bottom:0;border-left:0;}
.select_search .input_btn:hover{ background-image:url(images/search_ico_h.png);}
.select_person .box .input_btn:active{ border-color:#f00; background:#f00;}

.select_btn{ width:30px; margin:0 10px; padding-top:70px;}
.select_btn a{ display:block; float:left; width:30px; height:30px; background:url(images/to_left_right.png) center 0 no-repeat; margin:25px 0;}
.select_btn a.to_right{ background-position: center 1px;}
.select_btn a.to_left{ background-position: center -47px;}
.select_btn a:hover{ background-image: url(images/to_left_right_h.png);}


/*部门树形结构 0710*/
.ico_open{background:url(images/ico_open.png) center  no-repeat; width:12px; height:32px;  vertical-align:middle; overflow:hidden;}
.ico_close{background:url(images/ico_close.png) center  no-repeat; width:12px; height:32px;  vertical-align:middle; overflow:hidden;}
.ico_line1{background:url(images/ico_line1.png) center  no-repeat; width:12px; height:32px;  vertical-align:middle; overflow:hidden;}
.ico_line2{background:url(images/ico_line2.png) center  no-repeat; width:12px; height:32px;  vertical-align:middle; overflow:hidden;}
.ico_line3{background:url(images/ico_line3.png) center  no-repeat; width:12px; height:32px;  vertical-align:middle; overflow:hidden;}
.ico_line4{background:url(images/ico_line4.png) center  no-repeat; width:12px; height:32px;  vertical-align:middle; overflow:hidden;}
.ico_line5{width:12px; height:32px;  vertical-align:middle; overflow:hidden;}

.tree tr td{ padding:0 5px;}
.tree tr .tree_td a,.tree tr .tree_td span{ display:inline-block; float:left; height:32px; line-height:32px; text-indent:5px;}

.tree_line{height:100%; margin:0; border-collapse:collapse; }
.tree_line tr td{ padding:0; border-bottom:0;}
.tree_line tr td.deptName{ padding:8px 5px; text-align:left; width:auto; vertical-align:middle;}
.tree_line tr td.ico_open{background:url(images/ico_open.png) center  no-repeat;  width:12px; height:100%; }
.tree_line tr td.ico_close{background:url(images/ico_close.png) center  no-repeat; width:12px; height:100%; }
.tree_line tr td.ico_line1{background:url(images/ico_line1.png) center  no-repeat; width:12px; height:100%;  }
.tree_line tr td.ico_line2{background:url(images/ico_line2.png) center  no-repeat; width:12px; height:100%;  }
.tree_line tr td.ico_line3{background:url(images/ico_line3.png) center  no-repeat; width:12px;  height:100%; }
.tree_line tr td.ico_line4{background:url(images/ico_line4.png) center  no-repeat; width:12px;  height:100%; }
.tree_line tr td.ico_line5{width:12px;  height:100%; }

.tree tr .tree_td .tree_line tr td a{height:100%; }

/*没有上传附件 0711*/

.prompt_wrap .no_attachment{ background:url(images/no_attachment.png) 0 0 no-repeat; width:50px; height:50px; display:inline-block;position:relative; left:-2px;}

/*已还款图标 0711*/
.has_payment{background:url(images/payment.png) no-repeat;width:92px;height:42px;position:absolute;left:132px;top:34px;}

/*单据维护日志 0712*/
.changelog{ border:1px solid #ddd; min-height:50px;-moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px;box-shadow: 1px 1px 4px 0 #b2b2b2; margin-bottom:20px; position:relative;}
.changelog dl{ padding:5px 15px; line-height:22px;}
.changelog dl dd,.changelog dl dt{padding:8px 0 5px 0; border-bottom:1px dashed #ddd;}
.changelog dl dt{ font-size:14px; font-weight:bold;}
.changelog dl dd{}
.changelog dl dd span{ display:inline-block;margin:0 5px;}
.changelog dl dd .date{ color:#888; font-size:12px; width:120px;}
.changelog dl dd .state{ width:160px;}

.ico_upward{ position:absolute; top:-24px; left:120px; z-index:100; width:0x; height:0px; border-width:12px 9px; border-color:transparent transparent #ddd transparent; border-style:solid; font-size:0;}
.ico_upward div{position:absolute;top:-10px;*top:-13px;  left:-9px; z-index:100;border-width:12px 9px; border-color:transparent transparent #fff transparent; border-style:solid; font-size:0;}

/*配置向导 0718*/
.arrow_ul{ height:31px; overflow:hidden;} 
.arrow_ul li{ float:left; height:31px; border-right:1px solid #409ee8;}
.arrow_ul li a{width:120px; background-color:#2c8ad3; line-height:31px; display:block; text-align:center; font-size:14px; color:#fff; position:relative;}
.arrow_ul li a:hover{background-color: #409fe9;}
.arrow_ul li a:active{color: rgba(255, 255, 255, 0.8);background-color: #2383c4;}
.arrow_ul li.selected a{ background-color:#5bbf25;}

/* 影像弹窗 */
.previewDiv{width:720px; height:536px; position:absolute; z-index: 99;}

/*保存提示*/
.save_tip{ position:absolute;  color:#fff;  top:40px; left:0; text-align:center; width:98%; z-index:100; height:0;}
.save_tip span{line-height:24px; padding:0 20px;background:#58b044; display:inline-block;-moz-border-radius:0px 0px 2px 2px;-webkit-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px;}

/*自定义编号规则*/
.code_img{ position:absolute; top:20px; left:280px; background:url(images/code_img.png) no-repeat; width:382px; height:99px;}

.numbering{ width:820px; margin:0 auto; position:relative; padding-top:120px;}
.numbering_tb{ width:100%;}
.numbering_tb>tbody>tr>td{ border:1px solid #ddd; padding:10px 20px; background-color:#fafafa; vertical-align:top;}
.numbering_tb>tbody>tr>td>h2{font-size:14px; line-height:30px; border-bottom:1px dashed #ddd;}

.qz_tb{ width:100%; margin-top:10px;}
.qz_tb tr td{ padding:5px 2px;}
.qz_tb tr td.tit{ text-align:right; width:78px;}
.qz_tb tr td input[type=text]{width:80px; padding:0 2px;}
.numbering_ul{ margin-top:10px;}
.numbering_ul li{ line-height:20px; }

.numbering_ul li input{ vertical-align:middle; margin-right:5px;}
.numbering_ul li label{ display:block; cursor:pointer;padding:5px 20px;}
.numbering_ul li.selected{ background:#ddd; }

/*对账单*/
.statement{ width:940px; height:auto; margin:0 auto;}
.statement_tit{ background:#2c8ad3; color:#fff; padding:10px; margin-top:10px; height:30px;}
.statement_tit h1{ font-size:24px; line-height:30px;}
.statement_tit h1 .small_text{ font-size:12px;}
.select_date{position: absolute;right: 20px;top:20px; z-index:10; }
.select_date select{border:1px solid #ddd ; height:24px; line-height:24px;  vertical-align:middle;}

.statement_top{ margin-bottom:20px}
.statement .l_chart{ }
.statement .l_chart h2{ font-size:20px; font-weight:normal; position:relative; line-height:40px; margin:10px 10px;}
.statement .l_chart h2 span{margin-right:5px;}
.statement .l_chart h2 .small_text{ font-size:12px;}
a.fenxiang{ background:url(images/ico_fenxiang.png) 0 center no-repeat; padding-left:14px; line-height:20px;  position:absolute; right:10px; top:10px; font-size:12px; text-decoration:none;}
a.fenxiang:hover{ color:#2c8ad3;}

.chart_list{ float:right; width:600px; position:relative; overflow:hidden; padding:10px;border: 1px dashed #2c8ad3; border-top:2px solid #2c8ad3;}
.chart_list_table{ border-collapse:collapse;}
.chart_list_table tr td{ vertical-align:top;}
.chart_list_ul{ float:left; width:300px;}
.list1{ background:#fff;}
.chart_list_ul li{ }
.chart_list_ul li a{ display:block; line-height:30px; height:30px;padding-right:10px; padding-left:10px;}
.chart_list_ul li a span{display:inline-block; cursor:pointer; float:left;}
.chart_list_ul li a .amount{ display:inline-block; float:right;color:#f60;}
.chart_list_ul li a .arrow{ background:url(images/arrow_toright.png) center no-repeat; width:20px; height:30px; float:right;}
.list2 .chart_list_ul li a:hover{ background:#f7f7f7;}
.list1 .chart_list_ul li a:hover{ background:#eee;}
.list2{ background:#eee;}
.list1{ background:#fff;}
.chart_list_ul li.selected a{ background:#eee;}
.chart_list_wrap{ width:1200px; position:relative; top:0;}
.chart_list_toleft{ display:inline-block; width:30px;  height:30px; background:url(images/chart_list_toleft.png) center no-repeat; float:right;}
.chart_list_toleftline{ height:35px;padding-left:10px;line-height:30px;font-size: 16px;}
.chart_list_toleft:hover{ background-color:#f7f7f7;}


.shoppingChart{ background:#eee; width:320px; float:left; margin-top:4px; }
.shoppingChart li{ margin:0 20px;}
.shoppingChart li div{ line-height:24px;}
.shoppingChart li .tit{ display:inline-block; margin-right:5px; }
.shoppingChart li .amount{ display:inline-block; color:#f60;}
.shoppingChart li h4{ font-size:14px; line-height:40px; font-weight:normal; border-bottom:1px dashed #aaa; margin-bottom:10px;}

.statement_bottom_tb{ border-collapse:collapse; width:100%;  border-top:2px solid #2c8ad3;}
.statement_bottom_tb tr td{ vertical-align:top; border:1px dashed #2c8ad3; border-top:0;}
.statement_bottom_tb tr td h3{ position:relative; font-weight:normal; line-height:40px; font-size:16px; padding:5px 15px;}

.statement_bottom_tb tr td h3 a.fenxiang{ right:15px;}
.statement_bottom_tb tr td h3 .open{ background:url(images/RsxrtLtoz.png) center no-repeat; width:20px; height:20px; position:absolute;right:15px; top:10px;}

.reimbursemenRank_text{ padding:10px  20px; font-size:16px;}
.person_line{ overflow:hidden; width:200px; height:50px; background:url(images/person.png) 0 0 no-repeat; margin:0 auto; padding-bottom:20px;position:relative;}
.person_line_h{width:200px; height:50px; background:url(images/person_h.png) center no-repeat #fff; position:absolute; top:0;}

.reimbursemenRank{ cursor:pointer; width:100%; height:100%;}
.reimbursemenRank:hover{ background-color:#ecf9ff;}
.reimbursemenRank:hover .person_line_h{ background-color:#ecf9ff;}


/*报销分析*/
.reimbursementAnalysis{ width:850px; margin:0 auto; border:1px solid #ddd;}
.reimbursementAnalysis h1{ font-size:24px; font-weight:normal; border-bottom:1px dashed #2c8ad3; line-height:50px; padding:5px 20px; color:#2c8ad3;}
.analysis_ul{ padding:20px 0; width:500px;}
.analysis_ul li{ margin-top:20px; margin-left:20px;}
.analysis_ul li+li{ margin-left:60px;}
.analysis_ul li+li+li{ margin-left:100px;}

.analysis_ul li .color_tit{color:#fff; padding:0 5px; line-height:20px; display:inline-block;}
.analysis_ul li .text{ line-height:40px; margin:5px 0;}
.analysis_ul li .text span{}
.analysis_ul li .person_line{ float:left; margin-left:20px; margin-top:10px;}

/*个人预算详情*/
.ysxq_ul
.ysxq_ul li{ font-size:24px;}

/*预算提示*/
.budget_tip{ position:absolute; top:40px; left:0; text-align:center; width:98%; z-index:100; height:0;}
.budget_tip .isConstraint{line-height:30px; padding:0 20px;background:rgb(254, 204, 203); display:inline-block;-moz-border-radius:0px 0px 2px 2px;-webkit-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px;color: #f00;border:1px dashed #f00;top:10px;}
.budget_tip .notConstraint{line-height:30px; padding:0 20px;background:rgb(255, 255, 204); display:inline-block;-moz-border-radius:0px 0px 2px 2px;-webkit-border-radius:0px 0px 2px 2px; border-radius:0px 0px 2px 2px;color: #f90;border:1px dashed #f90;top:10px;}

.excess_tb{ width:100%; border-collapse:collapse;margin-bottom: 20px;}
.excess_tb tr th{ font-weight:400; background: url(images/small_tb_bg.png) repeat-x; line-height:20px;padding:5px;border:0;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.excess_tb tr th+th{border-left:1px solid #ddd;}
.excess_tb tr td{ text-align:center; line-height:20px; padding:8px 5px ;border:1px solid #ddd;}
.excess_tb tr.yellow td{ color:#f90; background:rgb(255, 255, 204);border:1px dashed #f90;}
.excess_tb tr.red td{ color:#f00; background:rgb(254, 204, 203);border:1px dashed #f00;}
.excess_tb tr:hover td{ }
.over_budget_ico {background:url(images/over.png);width: 16px;height: 16px;display:inline-block;vertical-align: middle;}

.excess_tb .ico_open{background:url(images/ico_open.png) center  no-repeat; width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}
.excess_tb .ico_close{background:url(images/ico_close.png) center  no-repeat; width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}
.excess_tb .ico_line1{background:url(images/ico_line1.png) center  no-repeat; width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}
.excess_tb .ico_line2{background:url(images/ico_line2.png) center  no-repeat; width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}
.excess_tb .ico_line3{background:url(images/ico_line3.png) center  no-repeat; width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}
.excess_tb .ico_line4{background:url(images/ico_line4.png) center  no-repeat; width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}
.excess_tb .ico_line5{width:12px; height:32px; display:inline-block; vertical-align:middle; overflow:hidden;}


.payment_wrap{ position:absolute;top:30px;left:100px;border:2px solid #f00;line-height: normal;padding:5px 10px;font-weight:700; font-size:20px; color:#f00;-moz-border-radius:4px;-webkit-border-radius:43px; border-radius:4px;}



/*------------------------          CRM     2013-10-12      ---------------------------------------*/
/*客户详情*/
.details__wrap{ margin:20px; }
.details_tb{ width:100%; border-collapse:collapse; font-size:12px; }
.details_tb tr{}
.details_tb tr td{ padding:5px;}
.details_tb tr td.tit{text-align:right; width:10%; line-height:24px; vertical-align:top; font-size:12px; color:#888;}
.details_tb tr td.text{ width:40%; line-height:24px;vertical-align: top;}
.statistics_ul .blue{ font-size:18px;}
.details_tb tr td a{ color:#2c8ad3;}
.details_tb tr td a:hover{ text-decoration:underline;}
.info_wrap_tit .edit{ float:right; background: url(images/ico_small.png) 2px 2px no-repeat; display:inline-block; width:20px; height:20px; margin:5px; }
.info_wrap_tit .edit:hover{ background-position:-18px 2px;}



/*左边树型结构*/
.treeshape {overflow:auto; padding:10px 0;}
.treeshape ul{ width:100%;}
.treeshape ul li ul li{clear:both;}
.treeshape ul li a{ display:block; color:#333; line-height:20px;  background-position:5px 10px ; background-repeat:no-repeat;padding:5px 10px 5px 18px;background-image:url(images/ico_back.png);cursor: pointer;} 
.treeshape ul li a.open{background-image:url(images/ico_an.png); background-repeat:no-repeat;}
.treeshape ul li a.close{background-image:url(images/ico_back.png);background-repeat:no-repeat;}
.treeshape ul li a:hover,.treeshape ul li a.selected{color:#2c8ad3; background-color:#c8e1f4;}
.treeshape ul li ul li a{ padding-left:28px; background-position:15px 10px ;}
.treeshape ul li ul li ul li a{ padding-left:38px; background-position:25px 10px ;}
.treeshape ul li ul li ul li ul li a{ padding-left:48px; background-position:35px 10px ;}
.treeshape ul li ul li ul li ul li ul li a{ padding-left:58px; background-position:45px 10px ;}

/*列表*/
.prlist_wrap{ overflow:auto;}
.prlist_table_top{ width:100%; border-collapse:collapse; background:url(images/small_tb_bg.png) 0 0 repeat-x;border-bottom:1px solid #ccc; }
.prlist_table_top tr th{height:26px; font-weight:normal; background:url(images/next_tbline.png) right center no-repeat; padding:0 5px; overflow:hidden; line-height:12px;}

.prlist_table{ width:100%; border-collapse: collapse;}
.prlist_table tr th{ color:#2c8ad3; font-weight:400; line-height:16px; padding:5px; text-align:left; border-left:1px  solid #c8e1f4;}

.prlist_table tr td{ line-height:20px; padding:8px 5px; border-bottom:1px solid #ddd;}
.prlist_table tr:hover td{ background:#ecf9ff;}
.prlist_table tr td a{color:#2c8ad3;}
.prlist_table tr td a:hover{ text-decoration:underline;}
.prlist_table tr td .prc{ display:inline-block; max-width:60px; max-height:60px; margin-right:5px; vertical-align:middle;}
.prlist_table tr td .prc img{ max-width:60px; max-height:60px; margin:0; }

.wrap_table{ width:100%; border-collapse:collapse;}
.wrap_table{ border-collapse:collapse;}
.wrap_table tr td.left{height:100%; width:160px;  background:#f7f7f7;border-right:1px solid #d7d7d7; }
.left_category{ overflow-y:auto;overflow-x:hidden; width:160px;}
.wrap_table tr td.left .left_category{position:fixed; top:40px; left:0; }
.wrap_table tr td.ver_seperater{}
.wrap_table tr td.right{ position:relative; z-index:10; background:#fff;}
.wrap_table tr td.ver_seperater{ width:10px; height:100%; overflow:hidden; padding:0; position:relative; z-index:10; background:#fff;}
.prlist_top{ position:relative; width:100%;}
.prlist_top_left{ background:url(images/small_tb_bg.png) 0 0 repeat-x;border-bottom:1px solid #ccc; overflow:hidden; height:26px; position:absolute; top:0; left:-10px; z-index:10; width:10px; float:left; z-index:100;}



/*产品分类 缩略图*/

.thumbnail_ul{} 
.thumbnail_ul li{ margin-left:10px;width:160px; margin-top:10px; padding:10px; float:left; line-height:20px;border:1px solid #fff; position:relative;}
.thumbnail_ul li:hover{ background:#f7f7f7;border:1px solid #ddd; }
.thumbnail_ul li a{ display:inline-block;color:#2c8ad3;}
.thumbnail_ul li a.prc img{ width:160px; height:120px;}
.thumbnail_ul li a.name{ padding:5px 0; height:20px; line-height:20px; font-size:12px; text-align:center; display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.thumbnail_ul li a:hover{ }
.thumbnail_ul li .operation{ height:24px;text-align:center; }
.thumbnail_ul li .operation span{ width:92px; height:24px; background:#c2ccd8;-moz-border-radius:20px;-webkit-border-radius:20px; border-radius:20px; display:none;}
.thumbnail_ul li .operation a{ width:24px; height:24px;}
.thumbnail_ul li .operation .edit{ background:url(images/edit_ico.png) 2px -29px no-repeat;}
.thumbnail_ul li .operation .del{background:url(images/edit_ico.png) 2px -57px no-repeat;}
.thumbnail_ul li .operation .edit:hover { background:url(images/edit_ico_hover.png) 2px -29px no-repeat;}
.thumbnail_ul li .operation .del:hover {background:url(images/edit_ico_hover.png) 2px -57px no-repeat;}
.thumbnail_ul li:hover .operation span{ display:inline-block;}

.thumbnail_ul li p{overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.thumbnail_ul li .l_tit{ color:#666;}

.btn_recover{background:url(images/ico_small.png) no-repeat 0 -210px; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.btn_recover:hover{background:url(images/ico_small.png) no-repeat -20px -210px; display:inline-block; width:16px; height:16px; vertical-align:middle;}



/*产品分类*/
.edit_wrap{ padding:20px; padding-right:40px; padding-top:40px; *position:relative;}
.edit_tb{ width:100%; border-collapse:collapse; font-size:12px; width:720px;margin:0 auto; *position:relative;}
.edit_tb tr{}
.edit_tb tr td{ padding:5px; vertical-align:top; }
.edit_tb tr td.l_tit{text-align:right; line-height:22px; padding:8px 5px; vertical-align:top; font-size:12px; color:#666; width:85px;
.edit_tb tr td.r_text line-height:26px; }
.edit_tb tr td a{ color:#2c8ad3;}
.edit_tb tr td a:hover{ text-decoration:underline;}
.edit_tb tr td.r_text input[type=text]{ width:96%; padding:2px 3px; height:22px;line-height:22px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.edit_tb tr td.r_text select{width:100%; padding:0; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
.edit_tb tr td.r_text textarea{width:96%; padding:2px 3px; height:22px;line-height:22px;}
textarea{ border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;}
input[type=text]:hover,select:hover,select:hover,textarea:hover{ border:1px solid #65aee9;}

.edit_tb tr td.r_text input[type=text].small{width:232px;}
.edit_tb tr td.r_text input[type=text].large{ width:592px; *width:596px;}
.edit_tb tr td.r_text textarea{ height:88px;}
.edit_tb tr td.r_text textarea.small{width:232px;}
.edit_tb tr td.r_text textarea.large{width:592px;  *width:596px;}
.edit_tb tr td.r_text select.small{width:240px;}

/*选择框*/
.p_r{ position:relative;}
.select_picker{ position:absolute;width:240px; z-index:100; background-color:#f8f8f8; left:0; top:28px;}
.select_picker ul{ border:1px solid #ccc; height:240px; overflow-y:auto; padding:2px;}
.select_picker ul li{ *display:inline;}
.select_picker ul li a{ display:block; padding:1px 5px; line-height:22px; color:#333;}
.select_picker ul li a:hover{ background-color:#2c8ad3; color:#fff; text-decoration:none;}

/*输入向导*/
.p_r:hover .input_guide{ display:block;}
.input_guide{ position:absolute; top:-32px; left:0;color:#fff; text-align:center; display:none; }
.input_guide_b{ background:#999;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius: 3px;padding:2px 10px; line-height:22px; margin:0; }
.input_guide .arrow{height:0; display:inline-block; border-style:solid; border-width:5px 6px 0 6px; border-color:#999 transparent transparent transparent; margin:0; overflow:hidden; line-height:0;}



/*智能分析*/
.analyze{ width:100%; height:100%; border-collapse: collapse;}
.analyze tr td{ padding:10px 15px; border:1px dotted #98d3e8; vertical-align:top;}
.analyze tr .analyze_list{ width:70%;}
.analyze h2{ font-size:16px; line-height:30px; font-weight:400;margin:0; margin-bottom:10px; color:#2c8ad3; text-align:left; }
.analyze_list .r_num{  font-size:12px; font-weight:400; }
.analyze_list table { width:100%;}
.analyze_list table tr td{ padding:5px 0; border:1px dotted #fff; line-height:20px;}
.analyze_list table tr td.l_tit{ color:#666; width:80px; text-align:right;}
.analyze_list table tr td b { font-weight:400; color:#f37800; margin:0 10px 0 5px; font-size:18px; font-family:Arial, Helvetica, sans-serif;}
.analyze_list:hover{ background:#fafafa; }


.top10 table { width:100%;}
.top10 table tr td{border:0; vertical-align:middle; padding:10px 5px;}
.top10 table tr .sort{ width:20px; padding:5px;}
.top10 table tr .sort span{font-size:12px;display:inline-block; width:20px; height:20px; line-height:20px;background:#2c8ad3; color:#fff;text-align:center; }
.top10 table tr .sort span.red{ background:#F60;}
.top10 table .money {text-align:right;}
.top10 table  tr td{ border-bottom:1px dashed #ddd;}
.top10 table  tr:hover td{ background:#f7f7f7;}
.top10 table .money b{ color:#f37800; }
.expand{ position:absolute;background:url(images/expand.png) 0 0 no-repeat; display:block; width:16px; height:16px; position:absolute; right:10px; top:10px;}
.expand:hover{ background-position:0 -16px;}


.reportList_table{ width:100%; border-collapse:collapse;}
.reportList_table tr th{ line-height:24px; background:#2c8ad3; color:#fff; line-height:26px; color:#fff; font-weight:400;border:1px solid #fff; }
.reportList_table tr td{ border:0; border:1px solid #fff; border-bottom:1px solid #ddd; padding:5px; line-height:20px;height:auto;}
.reportList_table tr:hover td{ background: #fafafa; cursor: pointer;}
#reportList{height:390px;overflow-y:auto; }
/* ul li .r_num{ color:#46c73c}
*/
.orange{color:#f37800;}
.green{color:#46c73c}
.blue{color:#2c8ad3}




/*销售漏斗*/
.funnel_l{  background:#fff; width:200px;  padding:5px; border:1px solid #7bbbef;}
.funnel_l table{ width:100%;border-collapse:collapse;}
.funnel_l table  tr th{ line-height:22px; padding:5px 10px; background:#2c8ad3; font-weight:400; color:#fff; border-right:1px solid #7bbbef;}
.funnel_l table  tr td{ padding:8px 10px; line-height:22px; cursor: pointer;text-align:center;}
.funnel_l table  tr td.name{}
.funnel_l table  tr td.number{ color:#2c8ad3; font-size:12px; }
.funnel_l table  tr:hover td{ background:#ecf9ff;}
.funnel_l a:HOVER{color: blue;border-bottom:1px solid blue;}



.details_tb2{ width:100%; border-collapse:collapse; font-size:12px; }
.details_tb2 tr{}
.details_tb2 tr td{ padding:5px;}
.details_tb2 tr td.tit{text-align:right; line-height:24px; vertical-align:top; font-size:12px; color:#888;}
.details_tb2 tr td.text{ line-height:24px;}
.details_tb2 tr td a{ color:#2c8ad3;}
.details_tb2 tr td a:hover{ text-decoration:underline;}

/*翻页样式*/
.pagination {
  margin: 20px 0;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-bottom-left-radius: 3px;
          border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
          border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
}

.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
          border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
          border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
}

.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

.pager {
  margin: 20px 0;
  text-align: center;
  list-style: none;
  *zoom: 1;
}

.pager:before,
.pager:after {
  display: table;
  line-height: 0;
  content: "";
}

.pager:after {
  clear: both;
}

.pager li {
  display: inline;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}

.pager .next > a,
.pager .next > span {
  float: right;
}

.pager .previous > a,
.pager .previous > span {
  float: left;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: default;
  background-color: #fff;
}

/*表单流程中提示*/
.process_tip{ width: 90%; line-height:20px; color:#333; padding:4px 20px; padding-left:40px; border:1px solid #f1c40f; background:url(images/newimg.png) no-repeat #fcf3cf;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position:relative; float: left;}
.process_tip .closebtn{ background:url(images/close_btn2.gif) center no-repeat; display:inline-block; width:20px; height:20px; position:absolute; right:4px; top:4px;}
.process_tip .closebtn:hover{ background:url(images/close_btn2_hover.gif) center no-repeat;}
.add-commit{float: right; color: #2c8ad3; display: none; height: 30px; line-height: 30px; font-size: 25px;}
.comment-text{width: 90%; height: 120px; padding:3px 8px;border-radius:3px;color:#666;}

/*客户服务邮件内容显示*/
.reply_content{position: relative;padding:15px 20px;padding-left:80px;min-height:30px;background:#ecf9ff ; top:0;left:10px;line-height:20px;}
.reply_content .arrow{width: 0;height: 0; border-width:0 8px 8px 8px;border-style: solid; border-color: transparent transparent #ecf9ff transparent; position: absolute;left:100px;top:-8px; overflow:hidden;}
.reply_content .arrow_bg{width: 0;height: 0; border-width:0 9px 9px 9px;border-style: solid; border-color: transparent transparent #ddd transparent; position: absolute;left:99px;top:-10px; overflow:hidden;}
.reply_content_tit{ line-height:20px; color:#2c8ad3; position:absolute; left:-10px; width:80px; text-align:right;}

/*部门组织结构*/
table tr td.department_branch{ padding:0;}
.department_branch .pillars{ background:url(images/to_down.png) center 0 no-repeat; display:block; height:12px;}
.department_branch .blank{display:block; height:12px;}
.department_branch .arrow{background:url(images/to_down.png) center bottom no-repeat; display:block; height:12px;}

/*审批表单切换 */
/* .prevpage {height: 180px;position: absolute;top: 140px;left: 5px;width: 200px;z-index: 10;cursor: pointer;} */
/* .nextpage {height: 180px;position: absolute;top: 140px;right: 5px;width: 200px;z-index: 10;cursor: pointer;} */
/* .nextpage a,.prevpage a{ background:url(images/arrow_cut.png) 0px 0px no-repeat  ; width:31px; height:61px; display:inline-block; position:absolute; top:50%; margin-top:-31px;} */
/* .nextpage a{ right:0;} */
/* .prevpage a{ left:0; background-position:0px -70px;} */
/* .nextpage a:hover {background-position:0px -140px;} */
/* .prevpage a:hover {background-position:0px -210px;} */
/* .nextpage:hover a,.prevpage:hover a{ display:block;} */
/*审批表单切换*/
.nextpage{position:absolute; top:140px; right:2px;z-index:10; cursor: url(images/arrow_right.cur),auto; height:380px; width:35px;} 
.prevpage{position:absolute; top:140px; left:2px; z-index:10; cursor: url(images/arrow_left.cur),auto;  height:380px; width:35px;}
.nextpage a,.prevpage a{ display:none;}
.bill_table tr td .img_box{z-index: 1000;}

/*操作按钮*/
.operation{ width:0; height:0; position:relative; float:left; z-index:10;}
.operation_down_ico{ width:16px; height:16px; display:block; background:url(images/operation_duwn_ico.png) 0 -16px no-repeat; position:absolute; left:-25px; top:5px; z-index:10;}
.operation_down_ico:hover{ background-position:0 0;}
.operation_window{ width:120px; border:1px solid #ccc; position:absolute; background:#fff; top:-45px; left:-8px; box-shadow: 0px 1px 3px #999; padding:3px;font-size: 12px;}
.operation_window a{ display:block; background:url(images/operation_window_ico.png) 10px 1px no-repeat; height:30px; line-height:30px; padding-left:28px; text-align:left; color:#2c8ad3;}
.operation_window a:hover{ background-color:#eee;}
.operation_window a.add{ }
.operation_window a.share{ background-position:10px -29px;}
.operation_window a.copy{background-position:10px -59px;}
.operation_window a.del{background-position:10px -89px;}
.operation_window a.xiecheng{background-position:10px -119px;}
.btn_change {background:url(images/ico_small.png) -2px -270px no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.btn_change :hover{ background-position:-22px -270px;}


/*选择签收模式*/
.receipt_bill{ position:absolute; width:100%; left:0; top:40px; height:100%;z-index:1000; background:url(images/white_70transparent.png);}
.receipt_bill table{ width:80%; border-collapse:collapse; border:0;margin:0 auto; margin-top:120px;}
.receipt_bill table tr td{ width:50%; text-align:center;}
.receipt_bill a{ display:inline-block; text-align:center; width:250px; height:auto; padding:20px 10px;  background:url(images/receipt_bill_bg.png); color:#fff; line-height:2em;}
.receipt_bill a i{ display:inline-block; width:100%; height:90px; background:url(images/receipt_bill_ico.png) center -10px no-repeat;}
.receipt_bill a .tit{ font-size:18px;}
.receipt_bill a i.bill{ background-position: center -178px;}
.receipt_bill a:hover{ background-color:#2c8ad3; text-decoration: none;}

/*单据操作提示*/
.operation_tips{position:absolute;  color:#fff;  top:40px; left:0; text-align:center; width:98%;  height:0; z-index:100;}
.operation_tips span{line-height:22px; padding:8px 20px; display:inline-block;-moz-border-radius:0px 0px 2px 2px;-webkit-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px;background:url(images/operation_tips_ico.png) no-repeat; padding-left:50px; font-size:14px; text-align:left;}
.operation_tips span.success{ background-color:#58b044; background-position:20px 8px;}
.operation_tips span.failure{ background-color:#f29692; background-position:20px -52px;}

/*快捷审批栏*/
.quick_approval{ position:absolute; top:100; left:1px; top:48px; z-index:100; }
.quick_approval .arrow{width: 0;height: 0; border-width:0 8px 8px 8px;border-style:solid; border-color: transparent transparent #2c8ad3 transparent; overflow:hidden; position:absolute; top:-8px; left:17px;}
.quick_approval_wrap{background:#2c8ad3; width:380px; -moz-border-radius:4px;-webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999; padding:3px;}
.quick_approval_wrap iframe{ width:100%; height:506px; overflow:hidden; border:0; background:none;}
.quick_approval_top{ height:34px; overflow:hidden;}
.quick_approval_top .tit{ color:#fff; line-height:34px; float:left; padding-left:10px;}
.quick_approval_top .search{ float:right; margin-top:5px; margin-right:5px;}
.quick_approval_top .search .text{ float:left; border:0; background:url(images/quick_approval_input.png) no-repeat; height:22px; width:240px; padding-left:10px; line-height:22px;}
.quick_approval_top .search .btn{ float:left; border:0; background:url(images/quick_approval_btn.png) no-repeat; height:22px; width:22px; cursor:pointer;}
.quick_approval_box{ background:#fff; height:472px; overflow-y:auto;}
.quick_approval_box ul{ padding:1px;}
.quick_approval_box ul li{ line-height:20px; padding:6px 10px; background:url(images/quick_approval_ico_page.png) 10px 1px no-repeat; padding-left:25px; cursor:pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.quick_approval_box ul li.two{ background-color:#eff7fd;}
.quick_approval_box ul li:hover{ background-color:#2c8ad3; background-position:10px -30px; color:#fff;}
.quick_approval_box ul li span{ margin-right:7px;}

.bank_account{ background:#f7f7f7; padding:10px; border:1px solid #ddd;}

/*表格排序*/
.next_tb_top tr th .sort_drop{ background:url(images/sort_ico_black.png) 0 0 no-repeat; display:inline-block; width:7px; height:4px; vertical-align:middle; margin:5px;}
.next_tb_top tr th .sort_up{ background:url(images/sort_ico_black.png) 0 -4px; display:inline-block; width:7px; height:4px;vertical-align:middle; margin:5px;}
.list_tit tr th .sort_drop{ background:url(images/sort_ico_black.png) 0 0 no-repeat; display:inline-block; width:7px; height:4px; vertical-align:middle; margin:5px;cursor:pointer; }
.list_tit tr th .sort_up{ background:url(images/sort_ico_black.png) 0 -4px; display:inline-block; width:7px; height:4px;vertical-align:middle; margin:5px;cursor:pointer;}

.next_tb_top thead tr th:hover{background:#e5f0f5;}

.receipt_bill a i.year{ display:inline-block; width:100%; height:90px; background:url(images/year_search_ico.png) center -10px no-repeat;}
.receipt_bill a i.search{ display:inline-block; width:100%; height:90px; background:url(images/year_search_ico.png)  center -178px no-repeat;}

/*业务机会标记失败和成功的样式*/
.btn_failure,.btn_successful{background:url(images/failure_successful.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.btn_failure{background-position:0 0;}
.btn_successful{background-position:0 -20px;}
.btn_failure:hover{background-position:0 -40px;}
.btn_successful:hover{background-position:0 -60px;}

.n_middle .underline{text-decoration: underline;color:#2c8ad3;}

.bill_table tr td input[type=radio] {border:0;width:auto;height:auto;}

/*预算期间遮罩*/
.budget_level_tip{ background: url(images/transparent_bg.png); position:fixed; width:100%; height:100%;left:0;top:0; z-index:10000;}
.budget_level_tip p{ background:url(images/tip_arrow.png) 8px 20px no-repeat; width:200px; height:94px; position:absolute; bottom:-3px; left:110px; color:#fff; padding-left:40px; font-size:16px; line-height:24px;}


/*已启用-已停用*/
.btn_enable{ display:inline-block; height:20px; vertical-align:middle; width:60px; background:url(images/enable_disable.png) 0 0 no-repeat;}
.btn_disable{ display:inline-block; height:20px; vertical-align:middle; width:60px; background:url(images/enable_disable.png) -60px 0 no-repeat;}

/*预算报表*/
.budget_report{}
.budget_report li{ margin:10px 0; float:left; width:200px;}
.budget_report .tit{ color:#666; display:inline-block;list-style:1.8em;}
.budget_report .money{ color:#f37800; font-size:24px; list-style:1.8em;}
.budget_report .money  i{ font-style:normal; font-size:14px;}
.btn_report_dis{background:url(images/ico_small.png) 0 -300px no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}

.addtable{border-collapse:collapse;width: 100%;}
.addtable tr td{padding:0;border: 0;}


/*凭证导出样式*/
.receipt_bill .kingdee{background:url(images/kingdee.png) no-repeat center;display:inline-block; width:100%; height:90px;}
.receipt_bill .yonyou{ background:url(images/yonyou.png) no-repeat center;display:inline-block; width:100%; height:90px;}
.receipt_bill .oracle{ background:url(images/oracle.png) no-repeat center;display:inline-block; width:100%; height:90px;}
.receipt_bill table tr td{  padding:10px;}

/*合同订单下拉菜单样式*/
.tab_top_ul li .ico_down{ background:url(images/ico_down_white.png) 0px center no-repeat; display:inline-block;  vertical-align:middle; width:7px; height:40px; overflow:hidden; }
.tab_top_ul li.selected .ico_down{ background:url(images/ico_down_black.png) 0px center no-repeat;}
.tab_top_ul li{ position:relative;}
.tab_top_ul li a{ overflow:hidden;height:32px;}
.tab_top_filter{ position:absolute; background:#fff; top:32px; left:0; z-index:1000; border:1px solid #c1d5e8; padding:2px;border-radius: 4px;padding: 2px;}
.tab_top_ul li .tab_top_filter a{  font-weight:400; display:block; line-height:31px; height:31px; width:auto; overflow:visible; color:#333;}
.tab_top_ul li .tab_top_filter a:hover{ background:#2c8ad3; color:#fff}

/*选择银行账号*/
.select_bank_w{ }
.select_bank{}
.select_bank li { border:1px solid #ddd; padding:10px; float:left; margin:20px 0 0 20px;border-radius: 4px; width:200px; min-height:100px; cursor:pointer; position:relative;}
.select_bank li:hover{ background:#f7f7f7; }
.select_bank li.selected{border: 1px solid #7fbeef;background: url(images/chackBox_btnBg.png) right bottom no-repeat;}
.select_bank li .bank{ line-height:20px; font-size:14px}
.zhaoshang{ background:url(images/bank_zhaoshang.png) 0 center no-repeat; padding-left:25px;}
.bank_card{ background:url(images/bank_card.png) 0 center no-repeat; padding-left:25px;}
.bank_card_grey{ background:url(images/bank_card_grey.png) 0 center no-repeat; padding-left:25px;}
.select_bank li .account{ font-size:18px; line-height:20px; margin-top:10px;}
.select_bank li .name{font-size:14px;line-height:30px;}
.select_bank li .area{ color:#888; line-height:20px;}
.select_bank li.add{ border:1px dashed #ddd;}
.select_bank li.add a{ color:#2c8ad3; display:block; text-align:center; padding-top:60px; font-size:14px; background:url(images/gray_add.png) center 30px no-repeat;}
.select_bank li .close{ background:url(images/close_btn2.gif) center no-repeat; display:block; position:absolute; width:16px; height:16px; top:5px; right:5px;}
.select_bank li .close:hover{ background-image:url(images/close_btn2_hover.gif);}


/*日报*/
.daily_confirm{ padding:20px;}
.daily_confirm textarea{ width:100%; height:60px; padding:5px; margin-left:-10px; border:1px solid #ddd;border-radius: 4px; font-size:14px;}
.daily_confirm textarea:hover{ border-color:#65aee9;}
.daily_confirm_evaluation{ margin:10px 0;}
.daily_confirm_evaluation a{ display:inline-block; padding:0 32px; line-height:30px; border:1px solid #ddd; margin-right:10px;border-radius: 4px; font-size:14px;}
.daily_confirm_evaluation a:hover{background:#f7f7f7;}
.daily_confirm_evaluation a.selected{border: 1px solid #7fbeef;background: url(images/chackBox_btnBg.png) right bottom no-repeat;}

.direct_search{padding:10px; height:26px;position:relative; padding-right: 22px;}
.direct_search input[type=text]{ width:100%;line-height:26px; padding:0 5px;}
.direct_search .direct_search_glass{ position:absolute; line-height:15px; top:16px; left:15px; background:url(images/direct_search_glass.png); width:14px; height:14px; display:block;}


.next_tb_list tr td.daily_report_date{ background:url(images/daily_bg.png) 5px center no-repeat #f7f7f7;}
.next_tb_list tr td.daily_report_date a{ color:#fff; padding-left:35px;}
.next_tb_list tr td.daily_report_date a b{ font-size:18px; font-weight:400;}
.next_tb_list tr td.daily_report_bar{ background:url(images/daily_grayline_bg.png) 5px center no-repeat; padding-left:26px;}
.next_tb_list tr:hover td.daily_report_bar{ background-color:#fdf7dc;}

.ico_back{background: url(images/back.png) no-repeat; display:inline-block;width: 16px;height: 16px;vertical-align: middle;}
.ico_complete:hover,.ico_back:hover{ background-position:0 -16px;}

/*日报任务*/
.daily_wrap{ padding:10px 20px; line-height:1.8em;}
.daily_wrap h2.tit{ font-size:18px; font-weight:400; line-height:1.8em; margin-bottom:10px;color:#2c8ad3;}
.daily_wrap .note{ margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:8px;}
.daily_wrap .date{ margin-bottom:5px;  color:#888;}
.daily_wrap a{ color:#2c8ad3;}
.daily_wrap a:hover{ text-decoration:underline;}

.personnel{ width:100%; border-collapse:collapse;}
.personnel tr th{ text-align:left; width:62px; font-weight:400; padding:2px 0; vertical-align:top;}
.personnel tr td { min-width:100px; vertical-align:top; padding:2px 0;}
.personnel tr td a{ margin-right:5px;}
.daily_line{ border-bottom:1px solid #2c8ad3; overflow:hidden; height:0; font-size:0;}

.commentstit{ line-height:30px; border-bottom:1px dotted #ddd; margin-top:10px; padding:0 10px;}
.comments_tb .headImg{ width:32px; height:32px; border:1px solid #ddd; }
.comments_tb{ width:100%; border-collapse:collapse; border-top:1px solid #ddd;}
.comments_tb .left .name{ display:block;}
.comments_tb tr td{ vertical-align:top;padding:10px 0;  padding-left:0;}
.comments_tb tr td.left{ width:34px; padding:10px; padding-left:0;}
.comments_tb tr .comments_box{ line-height:20px;}
.comments_tb tr .graytext span{ margin-right:10px;}
.comments_tb tr .text{ padding:5px 0;}

.comments{ border:1px solid #ddd; padding:10px 15px; padding-bottom:5px; border-radius: 4px; position:relative;}
.comments .arrow_i,.arrow_bg{ width:0; height:0; border-style:solid; border-color:transparent #ddd transparent transparent; border-width:7px 8px 7px 0; position:absolute; top:8px; left:-9px;}
.comments .arrow_bg{ border-color:transparent #fff transparent transparent;left:-8px;}

.comments_input{}
.comments_input .textarea_w{ padding-right:10px;}
.comments_input .textarea_w textarea{ width:100%; height:auto; overflow:auto; border:1px solid #ddd; padding:4px; border-radius:2px;}
.comments_input .textarea_w textarea:hover{border: 1px solid #65aee9; box-shadow: 0 0 6px #65aee9;box-shadow:none;}

.comments_input_btn{ margin:10px 0; min-height:30px;}
.comments_input_btn a.foot_btn_blue{ color:#fff; text-decoration:none;}
.comments_input_btn .attachment{ display:inline-block; width:16px; height:16px; background:url(images/comments_ico.png) no-repeat;vertical-align:middle;}
.comments_input_btn .attachment:hover{ background-position:-16px 0;}
.comments_input_btn .expression{display:inline-block; width:16px; height:16px; background:url(images/comments_ico.png) 0 -16px no-repeat;vertical-align:middle;}
.comments_input_btn .expression:hover{ background-position:-16px -16px;}
.reply{ display:inline-block; width:16px; height:16px; background:url(images/comments_ico.png) 0 -32px no-repeat; vertical-align:middle; margin-left:5px;}
.reply:hover{ background-position:-16px -32px;}
/*默认*/
.default{ background:url(images/default.png) no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.set_default{width:16px; height:16px; vertical-align:middle; display:inline-block; }
.n_middle table tr:hover td .set_default{ background:url(images/default.png) 0 -16px no-repeat;} 
.n_middle table tr:hover td .set_default:hover{ background-position:0 0;}

.contract_detail{padding:5px; border:1px solid #7bbbef;}
.contract_detail table{ width:100%; border-collapse:collapse;}
.contract_detail table  tr th{ line-height:22px; padding:5px 10px; background:#2c8ad3; font-weight:400; color:#fff; border-right:1px solid #7bbbef;}
.contract_detail table  tr td{ padding:8px 10px; line-height:22px; text-align:center;}
.contract_detail table  tr td.name{}
.contract_detail table  tr td.number{ color:#2c8ad3; font-size:12px;}
.contract_detail table  tr:hover td{ background:#ecf9ff;}

/*修改底部分页挡住内容*/
.list_middle_tb{margin-bottom: 46px;}
.next_tb_list{margin-bottom: 46px;}
/*纪念日按钮*/
.btn_remind{ background:url(images/ico_remind.png) 0 0 no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.btn_remind:hover{ background-position:-16px 0;}

/*下一个列表*/
.list_middle_tb_tdw{ background:#ecf9ff !important; padding:8px 20px !important;}
.list_middle_tb_next{ width:100%; border-collapse:collapse; box-shadow: 0px 1px 1px #ddd;}
.list_middle_tb_next tr th{ font-weight:400; line-height:20px; overflow:hidden; color:#fff; background:#80b9e5; font-size:12px;}
.list_middle_tb_next tr td{background:#fff !important;}
.list_middle_tb_next tr td{ border-bottom:1px solid #eee;}
.list_middle_tb_next tr:hover td{}
.list_middle_tb_next tr:last-child  td{ border-bottom:1px solid #ccc;}

.btn_unfold{ background:url(images/ico_unfold.png) 0 0 no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.btn_unfold:hover{ background-position:-16px 0;}
.btn_takeback{ background:url(images/ico_unfold.png) 0 -16px no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;}
.btn_takeback:hover{ background-position:-16px -16px;}
.n_middle table tr.selected td{background:#ecf9ff !important;}

/*导入数据按钮*/
.import_data_btn{text-align:center; margin-top:100px;}
.import_data_btn a{ display:inline-block; text-align:center; width:220px; margin:50px; height:auto; padding:20px 10px; background:#2c8ad3; color:#fff; line-height:2em;border-radius:2px;}
.import_data_btn a .tit{ font-size:18px;}
.import_data_btn a:hover{ background-color:#227bbf;}
.import_data_btn .import{background:url(images/import.png) no-repeat center;display:inline-block; width:100%; height:90px;}
.import_data_btn .download{background:url(images/download.png) no-repeat center;display:inline-block; width:100%; height:90px;}

.process_define li.li div.btn span{color: white;display: inline-block;width: 140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;line-height: 20px;text-align: left;}

/*确认奖金*/
.confirm_bonus_list:before, .confirm_bonus_list:after{display: table;line-height: 0;content: ""; clear:both;}
.confirm_bonus{ width:620px; margin:0 auto; margin-top:30px; border:10px solid #eee; padding:20px;  background:#fff;}
.confirm_bonus_list {  font-size:14px; width:100%;}
.confirm_bonus_list tr{ }
.confirm_bonus_list th{ width:80px; color:#2c8ad3; text-align:right;line-height:20px; padding:15px 0; font-weight:400;}
.confirm_bonus_list td{ width:125px;}
.confirm_bonus_btn{ margin:20px 0; text-align:center;}
.confirm_bonus_list tr.fencheng td { padding:20px 0;}
.confirm_bonus_list tr.fencheng td input{ width:260px; padding:5px; font-size:18px;}
.customer_filter_wrap{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1001;background-image: url("images/transparent_bg.png");}


/*修改单据名称弹窗*/
.aui_icon{ background:#fff;}
.aui_icon .aui_iconBg{ margin-left:20px;}
.aui_dialog .aui_footer{ display: table-cell;}
.aui_buttons{}

/*日期控件*/
.Wdate{padding: 2px 12px 2px 6px;border-radius:2px;border: 1px solid #d7e7f6;margin-left:5px; height:24px; line-height:24px;}
.n_foot .Wdate{ margin-top:1px; font-size:12px;border: 1px solid #d7e7f6;}
.n_foot select{ margin-top:-1px;border-radius:2px;border: 1px solid #d7e7f6 !important;height: 30px !important;}

.info_wrap_tb2 tr td #image,.info_wrap_tb2 tr td #imageLogin{ display:inline-block; background:url(../styles_v2.5/images/transparent-grid.png);}


.customer_filter{background: #f7f7f7;width:100%;height:150px;position:absolute;bottom:-200px;left:0px;border: 1px solid #ddd;box-shadow: 0 0 10px #888;}
.customer_filter_wrap{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1000;background-image: url("${ctx}/static/styles/images/transparent_bg.png");}
.select_date_period{ float: left;height: 50px;}
.select_date_period input,.select_date_period select{display: inline-block;vertical-align: middle;}
.select_date_period select{height: 30px;}

/*报表统计（个人）*/
.inside_tb{ width:100%; border-collapse:collapse;}
.inside_tb tr td{ border:1px solid #cfe9f8; padding:20px;}
.inside_tb tr td .tit{ font-size:14px; line-height:20px;color:#2c8ad3; position:relative; padding-bottom:5px; }
.inside_tb tr td .amount{ font-size:14px; color:#666; margin:10px 0;}
.inside_tb tr td .amount .number{font-size:30px; color:#f60;}
.inside_tb tr td .documents{ font-size:14px;line-height:20px; color:#666;}
.inside_tb tr td .min_number{color:#f60; }

.inside_tb tr td .tit .tab{ border:1px solid #cfe9f8; font-size:12px; position:absolute; right:0; top:-5px;border-radius:2px; overflow:hidden;}
.inside_tb tr td .tit .tab:after{display: table;line-height: 0;content: ""; clear:both;}
.inside_tb tr td .tit .tab a{display:inline-block; float:left; line-height:28px; min-width:40px; text-align:center;padding:0 10px;}
.inside_tb tr td .tit .tab a+a{ border-left:1px solid #cfe9f8;}
.inside_tb tr td .tit .tab a:hover{ background:#f3f9fc;}
.inside_tb tr td .tit .tab a.selected{ color:#fff; background:#2c8ad3;}

/*销售报表弹窗边框*/
body>.test{border: 1px solid #2c8ad3 !important;}
body>.test #close{width: 24px !important; line-height: 24px !important; color:red !important; text-indent: 0 !important; text-align: center !important;font-weight: normal;}


.next_tb_list tr:hover td.daily_report_bar{ background-color:#fdf7dc;}
/*今日任务列表*/
.task_list{ margin-top:26px;margin-bottom: 46px;}
.task_list dl:after{display: table;line-height: 0;content: ""; clear:both;}
.task_list dl{border-bottom:1px solid #d7e7f6;  position:relative; overflow:hidden;}
.task_list dl dd{ float:left;line-height:20px;}
.task_date_dl{background: #f7f7f7}
.dd_wrap{ padding:8px 5px;text-align: left;}
/*.task_list dl:hover{ background:#fdf7dc;}*/
.task_list dl .percentBg{ position:absolute; top:0; left:0;background:#ecf9ff; height:100%; width:50%; z-index:-1}
.task_list dl .task_date{ background:url(images/daily_bg.png) 5px center no-repeat #f7f7f7; padding:8px 0;text-align: left;min-width: 200px;}
.task_list dl .task_date a{ color:#fff; padding-left:40px;}
.task_list dl .task_date a b{ font-size:18px; font-weight:400;}
.task_list dl .daily_report_bar{ background:url(images/daily_grayline_bg.png) 5px center no-repeat; padding-left:26px;}
.next_tb_list tr:hover td.daily_report_bar{ background-color:#fdf7dc;}
.task_list dl .task_red{ background:url(images/task_red.png) 5px center no-repeat; padding-left:26px;}
.task_list dl .task_yellow{ background:url(images/task_yellow.png) 5px center no-repeat; padding-left:26px;}
.task_list dl .task_green{ background:url(images/task_green.png) 5px center no-repeat; padding-left:26px;}
.task_list dl .task_blue{ background:url(images/task_blue.png) 5px center no-repeat; padding-left:26px;}
.task_list dl .task_grey{ background:url(images/task_grey.png) 5px center no-repeat; padding-left:26px;}

.task_list dl .task_date a b{ vertical-align:top}
.task_list dl .task_date a{ margin-left:40px; line-height:26px; padding:0; display:inline-block;  background:url(images/daily_bg_right.png) right center no-repeat; padding-right:15px;}

.ico_share{background-image:url(../styles_v2.5/images/icon_share.png); text-decoration:none;  background-repeat:no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;margin:2px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;}
.ico_share:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}


/*同步*/
.sync_wrap{ padding:10px 20px;}
.sync_wrap_text{ margin:20px 5px; line-height:1.8em;}
.sync_wrap_btn{ margin:20px 5px;}
.sync_wrap_btn .copy{ color:#2c8ad3; margin-left:10px;}
.sync_intro{margin:20px 5px; color:#888;}
.sync_operation{margin:20px 5px; }
.sync_operation h2{ color:#2c8ad3; line-height:30px; font-size:12px; font-weight:normal;}
.sync_operation_box:after{ content:""; display:block; clear:both; font-size:0; height:0; overflow:hidden;}
.sync_operation_box {border:1px solid #cfe9f8;}
.sync_operation_box_tab{ float:left; width:160px; line-height:30px; }
.sync_operation_box_tab a{ display: block; padding:0 20px;}
.sync_operation_box_tab a:hover{ background:#f3f9fc;}
.sync_operation_box_tab a.selected{background:#2c8ad3; color:#fff;}
.sync_operation_box ul{ padding-left:160px; line-height:20px;}
.sync_operation_box ul li{border-left:1px solid #cfe9f8;min-height:70px; padding:10px 20px; }

.exclamation{background-image: url(index_ico/iconfont-biaodancuowutishi.png); text-decoration:none;  background-repeat:no-repeat; display:inline-block; width:16px; height:16px; vertical-align:middle;margin:2px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;cursor:pointer;} 

.btn-data-px{color: #2c8ad3; }
.btn-data-px span{transition: all .4s linear;display: inline-block;vertical-align: middle;-moz-transform:rotate(270deg);-moz-transform-origin:50% 50%;-webkit-transform:rotate(270deg);-webkit-transform-origin:50% 50%;-o-transform:rotate(270deg);-o-transform-origin:50% 50%;transform:rotate(270deg);transform-origin:50% 50%}
.btn-data-px span.up{display: inline-block;vertical-align: middle;-moz-transform:rotate(90deg);-moz-transform-origin:50% 50%;-webkit-transform:rotate(90deg);-webkit-transform-origin:50% 50%;-o-transform:rotate(90deg);-o-transform-origin:50% 50%;transform:rotate(90deg);transform-origin:50% 50%}