﻿@charset "utf-8";
/*******************************************************************************************************************************
1、全局。
*******************************************************************************************************************************/
html, body, form {
    margin: 0;
    border: 0;
    padding: 0;
    background: #f4f4f4;
    height:100%;
}
body {
    color: #2f332a;
    font-family: Verdana, Arial, Helvetica, AppleGothic, sans-serif;
}

* {
    font-size: 12px;
}

/** 重置超链接元素 **/
a {
    text-decoration: none;
    color: #333;
    hide-focus: expression(this.hideFocus=true); /* for ie 5 + */
    outline: none; /* for firefox 1.5  + */
}

a:hover {
    text-decoration: underline;
    color: #F40;
}

/** 清除内外边距 **/
dl, dt, dd, ul, ol, li,
pre,
img/* img elements 图片元素 */ {
    border: medium none;
    margin: 0;
    padding: 0;
}

/** 重置表格元素 **/
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear {
    clear: both;
    float:none;
}

/*2个像素横条（分隔符）*/
.dv {
    clear: both;
    width: 100%;
    height: 2px;
    line-height: 2px;
    background-color: #239cc3;
    /*float的div自适应高度*/
    overflow: hidden;
    zoom: 1;
}

/*线状分隔符*/
.lineSpac {
    width: 100%;
    height:2px;
    background: #f4f4f4 url(../Images/line.gif) repeat-x center right;
    margin-bottom: 5px;
    _margin-bottom:1px;
    
}

/*线状分隔符*/
.lineSpac2 {
    width: 100%;
    height:2px;
    background: #f4f4f4 url(../Images/line.gif) repeat-x center right;
}

/*单页面实现多个tab标签样式*/
.nav_tab {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #0081C2;
}

.nav_tab ul.menu, .nav_tab ul.menu li {
    list-style: none;
    margin: 0;
    height: 33px;
    padding: 0;
    border: none;
    width: 100%;
    background: #f6f6f6;
}

.nav_tab ul.menu li {
    float: left;
    text-align: center;
    list-style: none;
    width: 80px;
    line-height: 33px;
    cursor: pointer
}

.nav_tab ul.menu li.active {
    background: #0081C2;
    color: #fff;
    border: none;
    cursor: inherit;
}

.sicon {
    display: block;
    position: absolute;
    right: 5px;
    bottom: 0px;
    height: 16px;
    width: 16px;
    cursor: pointer;
}

.icon-add {
    background: url('../Images/icons/edit_add.png') no-repeat center center;
}

.icon-remove {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 3px 0 3px;
    cursor: pointer;
    background: url('../Images/icons/edit_remove.png') no-repeat center center;
}

.icon-save {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 3px 0 3px;
    cursor: pointer;
    background: url('../Images/icons/save.png') no-repeat center center;
}

.icon-edit {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 3px 0 3px;
    cursor: pointer;
    background: url('../Images/icons/edit.png') no-repeat center center;
}

/*******************************************************************************************************************************
1、框架头部。
*******************************************************************************************************************************/
/** 页头 **/
#header {
    width: 100%;
    line-height: 50px;
    height: 50px;
    background: #239cc3;
}

.top_logo {
    float: left;
    width: 35%;
}

.logo {
    float: left;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/logo.png',sizingMethod='crop');
    background:url(../Images/logo.png) no-repeat left top!important;
    background:none;
    width: 333px;
    height:50px;
}


.top_msg {
    color: #FFF;
    float: left;
    width: 30%;
    line-height: 35px;
    height: 35px;
    padding: 5px;
    text-align: center;
    background: #122;
    border: 2px solid yellow;
    display:none;
    
}

.top_link {
    color: #fff;
    float: right;
    width: 34%;
    line-height: 42px;
    height: 42px;
    padding-top: 10px;
    text-align: right;
}

.top_link a {
    color: #fff;
}

.top_link a:hover {
    text-decoration: underline;
}
/*******************************************************************************************************************************
2、 框架左侧
*******************************************************************************************************************************/
/*垂直排列菜单*/
#leftMenuBar {
    background: #239cc3;
    clear: both;
    padding-top: 1px;
    float: left;
    width: 13.5%;
    height:96%;
}

.sysMenu {
    background: #167190;
    width:100%;
    border-bottom:1px solid #239cc3;
}

.sysMenu span.sysText{
    font: bold 12px/32px Arial, sans-serif;
    color: #FFF;
    height:32px;
    text-align:center;
    display: block;
    cursor: pointer;
}

.sysMenu:hover {
    color: #333;
}

.sysMenu.active {
    color: #333;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .2);
}





/*******************************************************************************************************************************
3、右侧页面Div
*******************************************************************************************************************************/
/*（1）页面右侧*/
#containerContent {
    float: right;
    width: 85.5%;
}

.editContainer {
	text-align:center;
    width: 100%;
    background: #FFFFFF;
}


/*******************************************************************************************************************************
4、表格。
*******************************************************************************************************************************/
/*（1）编辑页面表格样式*/
.editTable {
    width: 99%;
    border-collapse: collapse;
}

.editTable thead tr {
    color: #000;
    text-align: center;
    font-weight: bold;
}

.editTable thead td, .editTable thead th {
    border: #CCCCCC solid 1px;
}

.editTable tbody tr {
    text-align: center;
}

.editTable tbody td {
    border-right: #CCCCCC solid 1px;
    border-bottom: #CCCCCC solid 1px;
}

.editTable tfoot tr {
    background-color: #f4f4f4;
}

.editTable tfoot td {
    border-right: #FFFFFF solid 1px;
    border-bottom: #CCCCCC solid 1px;
}

.editTable td {
    height: 30px;
    line-height: 180%;
    background: #fff;
}

.editTable thead th {
    height: 30px;
    line-height: 180%;
}

.editTable a {
    color: green;
}

.editTable a:hover {
    text-decoration: underline;
	color: red;
}

.left {
    width: 16%;
    background-color: #f4f4f4;
    text-align: right;
}

.right {
    background-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left
}

.spec_td {
    text-align: center;
    font-weight: bold;
}

/*******************************************************************************************************************************
5、控件样式。
*******************************************************************************************************************************/
/*（1）文本框*/
.text_03, .text_04, .text_06, .text_10, .text_12, .text_15, .text_20, .text_30, .text_50,.text_100, .text_all {border: #999999 1px solid;}

/*公用*/
.text_03 {
    width: 7mm;
}

/*3字符宽*/
.text_04 {
    width: 9mm;
}

/*4字符宽*/
.text_06 {
    width: 14mm;
}

/*6字符宽*/
.text_10 {
    width: 21mm;
}

/*10字符宽*/
.text_12 {
    width: 24mm;
}

/*12字符宽*/
.text_15 {
    width: 28mm;
}

/*15字符宽*/
.text_20 {
    width: 39mm;
}

/*20字符宽*/
.text_30 {
    width: 58mm;
}

/*30字符宽*/
.text_50 {
    width: 95mm;
}

/*60字符宽*/
.text_100 {
    width: 190mm;
}

/*50字符宽*/
.text_all {
    width: 100%;
}

/*100%宽*/
.text_06line, .text_10line,.text_15line,.text_20line, .text_30line, .text_50line, .text_100line {
    border-width: 0px;
    border-bottom: #999999 1px solid;
}

/*公用*/
.text_06line {
    width: 14mm;
}

/*10字符宽，下划线框*/
.text_10line {
    width: 21mm;
}

/*15字符宽，下划线框*/
.text_15line {
    width: 28mm;
}

/*10字符宽，下划线框*/
.text_20line {
    width: 39mm;
}

/*20字符宽，下划线框*/
.text_30line {
    width: 58mm;
}

/*30字符宽，下划线框*/
.text_50line {
    width: 95mm;
}

/*30字符宽，下划线框*/
.text_100line {
    width: 190mm;
}

/*50字符宽，下划线框*/
/*（2）文本域*/
.textarea_50_2,.textarea_50_3, .textarea_50_5, .textarea_50_8, .textarea_50_10 {
    width: 95mm;
    border: #999999 1px solid;
}

/*公用*/
.textarea_50_2 {
    height: 10mm;
}

.textarea_50_3 {
    height: 15mm;
}

/*50字符宽_3行*/
.textarea_50_5 {
    height: 25mm;
}

/*50字符宽_5行*/
.textarea_50_8 {
    height: 35mm;
}

/*50字符宽_8行*/
.textarea_50_10 {
    height: 50mm;
}

/*50字符宽_8行*/
.textarea_all_2, .textarea_all_3, .textarea_all_8, .textarea_all_16, .textarea_all_24 {
    width: 100%;
    border: #999999 1px solid;
}

/*公用*/
.textarea_all_2 {
    height: 10mm;
}

/*100%宽_2行*/
.textarea_all_3 {
    height: 15mm;
}

/*100%宽_3行*/
.textarea_all_8 {
    height: 35mm;
}

/*100%宽_16行*/
.textarea_all_16 {
    height: 70mm;
}

/*100%宽_16行*/
.textarea_all_24 {
    height: 105mm;
}

/*100%宽_32行*/
/*（3）文件域*/
.textfile_15, .textfile_25, .textfile_50 {
    border: #999999 1px solid;
}

/*公用*/
.textfile_15 {
    width: 29mm;
}

/*15字符宽*/
.textfile_25 {
    width: 49mm;
}

/*25字符宽*/
.textfile_50 {
    width: 95mm;
}

/*50字符宽*/
/*（4）列表域*/
.select_40_24 {
    width: 75mm;
    height: 97mm;
}

/*40字符宽_20行*/
.select_60_24 {
    width: 113mm;
    height: 97mm;
}

/*60字符宽_25行*/
.select_80_24 {
    width: 150mm;
    height: 97mm;
}


/*******************************************************************************************************************************
6、字体样式。
*******************************************************************************************************************************/
/*（5）字体或背景颜色*/
.fontcolor_b {
    font-weight: bold;
}

/*加粗*/
.fontcolor_red {
    color: #FF0000
}

/*红色*/
.fontcolor_blue {
    color: #0000FF
}

/*蓝色*/
.fontcolor_gray {
    color: #999999
}

/*灰色*/
.fontcolor_red_b {
    color: #FF0000;
    font-weight: bold;
}

/*红色加粗*/
.fontcolor_blue_b {
    color: #0000FF;
    font-weight: bold;
}

/*蓝色加粗*/
.fontcolor_gray_b {
    color: #999999;
    font-weight: bold;
}

/*灰色加粗*/
.backcolor_yellow1 {
    background-color: #FFFFCC;
}

/*淡黄色背景*/
.backcolor_yellow2 {
    background-color: #FFFF99;
}

/*浅黄色背景*/
.fontcolor_s {
    color: red;
    text-decoration: line-through;
}



/*******************************************************************************************************************************
8、其他
*******************************************************************************************************************************/
/*标题外边框*/
.titleArea {
    margin: 5px;
   _margin:-5px;
   
}

/*标题*/
.titleClass {
    font: 17px/1.5 '黑体', tahoma, Srial, helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
}

/*标题2*/
.titleClass2 {
    font: 14px/1.5 '黑体', tahoma, Srial, helvetica, sans-serif;
    text-align: center;
    font-weight: bold;
}

/*检索切换功能*/
.switchSearch {
    color: #009900;
    font-weight: bold;
    font: 13px '宋体', tahoma, Srial, helvetica, sans-serif;
    cursor: pointer;
}

/*查询条件外框*/
#mySearchMain, .mySearchMain {
    padding-left: 10px;
    display: ;
}

/*查询条件外框*/
#mySearchMain, .mySearchMain tr {
    line-height: 29px;
    height: 29px;
}

/*分页对齐方式*/
#dataPagi{
    float:left;
    margin:0px 10px 0px 10px;
}
/*分页对齐方式*/
.dataPagi{
    float:left;
    margin:0px 10px 0px 10px;
}

/*按钮组对齐方式*/
#btnGroup{
    float:right;
    margin:0px 10px 0px 10px;
}
/*按钮组对齐方式*/
.btnGroup{
    float:right;
    margin:0px 10px 0px 10px;
}


/*zdree外边框样式*/
ul.ztree {margin-top: 1px;border: 1px solid #f0f6e4;background: #fff;width:98%;overflow-y:scroll;overflow-x:auto;}

/*错误提示块*/
.errorBlock {
    display: none;
    background-color: #FFC6A5;
    border: solid 1px #ff0000;
    color: #ff0000;
    margin: 10px 10px 10 0px;
    padding: 7px;
    font-weight: bold;
}

/*备注*/
.tip {
    margin: 5px 0px 5px 5px;
}

.list-top{background:url(../Images/list-top.png) center center no-repeat;padding:10px;}