/*网站总体
   (1)引用次数为2次或2次以上写在样式表中，用.class方式
   (2)样式个数大于5时，引用1次可写在样式中，用#id方式
   (3)以美观为准，允许个别样式不满足条件(1)与条件(2)
   (4)header、body、footer的样式写在样式中，方式不限
   (5)样式命名规则：(作用页面)-(作用标签/元素)-样式说明
------------------------------------------------------------*/

/*标签样式区
-----------------------------------------------------------*/
body {
    font-family: 'Microsoft YaHei', Tahoma, Verdana, Arial, 宋体;
}

input[type=file] {
    display: inline-block;
}

/*皮肤更换区
-----------------------------------------------------------*/
/*强调样式：登陆、框架头样式*/
.highlight {
    background-color: #48525e;
    color: #d7dfea;
}

/*页眉样式：注意标题字体用h5*/
.header {
    background-color: #eee;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 3px 0;
    border-top: 1px solid #e7ecf4;
    border-bottom: 1px solid #e7ecf4;
}

/*页脚样式：页面底部版权样式*/
.footer {
    background-color: #eee;
    color: #666;
    line-height: 30px;
}

/*子页样式：子页面body样式*/
.body-subpage {
    padding: 10px;
    background-color: transparent;
}

/*导航菜单：导航菜单显示隐藏*/
.span-navico {
    display: block;
    width: 22px;
    height: 2px;
    -ms-border-radius: 1px;
    border-radius: 1px;
    margin-top: 4px;
    background-color: #888;
}

/*树形菜单：超链接标签的样式*/
.treeview a {
    color: #000;
    text-decoration: none;
}

/*菜单停留：节点停留时的样式*/
.node-hover {
    text-decoration: underline;
}

/*菜单选中：节点选中时的样式*/
.node-selected {
    background-color: #fcc56e;
}

/*右键菜单：右键菜单显示样式*/
#popupmenu {
    line-height: 22px;
    padding: 5px 10px 5px 5px;
    border: 1px solid #bfc8d8;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background-color: #eee;
    display: none;
    position: absolute;
    z-index: 100;
}

    #popupmenu > ul {
        margin-left: 0;
        margin-bottom: 0;
        padding-left: 0;
    }

        #popupmenu > ul > li {
            list-style: none;
        }

/*表格样式：工资表显示样式*/
.table-normal th, .table-normal td {
    padding: 2px 4px;
    border: 1px solid #c8cfda;
    text-align: center;
    -moz-word-break: keep-all;
    -o-word-break: keep-all;
    -ms-word-break: keep-all;
    word-break: keep-all;
    white-space: nowrap;
}

.table-normal th {
    background-color: #b5bac8;
}

/*表格换底：表格隔行换底背景*/
.table-alternating {
    background-color: #f3f3f3;
}

/*表格页脚：表格页脚行的前景*/
.table-footer {
    color: #7030a0;
}

/*表格pager：修正为向左对齐*/
.table-pager td {
    text-align: left;
}

/*表格详情：总宽度为250px*/
.table-info {
    table-layout: fixed;
    width: 320px;
}

.td-info-left {
    width: 160px;
    background-color: #b5bac8;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.td-info-right {
    width: 160px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.txt-info-width {
    width: 150px;
}

/*登陆页面区
------------------------------------------------------------*/
.login-min-width {
    -moz-min-width: 820px;
    -ms-min-width: 820px;
    -o-min-width: 820px;
    -webkit-min-width: 820px;
    min-width: 820px;
}

.login-content-wrapper {
    margin: 0 auto;
    overflow: hidden; /*防止子元素的margin-top与父元素合并*/
}

#announcement a {
    color: #fdd000;
}

#logging {
    background-color: #fff;
    color: #000;
    width: 268px; /*注意元素的宽度应刚好保证右内边距为10px*/
    padding-left: 10px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden; /*防止子元素的margin-top与父元素合并*/
}

.login-table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.login-td-padding-right {
    padding-right: 21px;
}

/*框架页面区
------------------------------------------------------------*/
.frame-header {
    padding: 0 10px;
}

.frame-navbar {
    border-top: 1px dashed #bfc8d8;
    border-bottom: 1px dashed #bfc8d8;
    border-right: 1px solid #bfc8d8;
    background-color: #eee;
}

/*公共样式区
-----------------------------------------------------------*/
.txt-width150 {
    width: 150px;
}

.btn-width150 {
    width: 150px;
    *width: 154px;
}

.margin-top10 {
    margin-top: 10px;
}

.margin-bottom10 {
    margin-bottom: 10px;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-right10 {
    margin-right: 10px;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-left5 {
    margin-left: 5px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.valign-mid {
    vertical-align: middle;
}

.color-red {
    color: red;
}