img { vertical-align:middle; }
.imgblock{display:inline-block !important;text-align:center;}
sub { font-size: 75%; color: gray; }

.link { cursor:pointer; color:blue; }
.link2 { cursor:pointer; color:yellow; }

.left, .left td { text-align:left !important; }

.right { float:right; }

.top, .top td { vertical-align: top !important; }

/* 登录 */
#index_login {
    width: 820px;
    height: 500px;
    font-size:14px;
    margin:0 auto;
}

#index_login_track {
    width: 820px;
    height: 500px;
    background: url(default/login_bg.jpg) no-repeat;
    font-size:14px;
    margin:0 auto;
}

#login_top { height: 80px; text-align:right; }

#login_form {
    color: white;
}

#login_bottom {
    color: #999;
    text-align:center;
    vertical-align:top;
    line-height: 42px;
}

#login_company {
	font-size:16px;
    height: 25px;
    color: #336699;
    font-weight:bold;
    font-family: 微软雅黑
    text-align: right;
    width: 750px;
}

/* 树状菜单 */

    #main_menu {    /* 主菜单 */
        width:240px;
        height: 500px;
        background-color: #4070A0;
        color: #FFFFFF;
        position: fixed;
        top:0;
        left:0;
    }
    #menu_title {
        background-color: #304050;
        color:white;
        padding:0 10px;
        font-size: 14px;
        line-height: 32px;
        height: 32px;
    }

    #menus {
        margin: 0;
        overflow-y: hidden;
    }

    #menus:hover {
        overflow-y: auto;
    }

    #main_frame {
        width: 0px;
        height:0px;
        float:right;
    }


/* 内里 */

body { background-color: #fcfcfc; }

a, a:hover { color: black; }

textarea { resize:vertical; }

.title {
	line-height:32px;
	padding:0 10px;
    background-color: #305070;
    font-size: 14px;
    font-weight: bold;
    font-family: 微软雅黑,宋体,宋体_gb2312;
    color: white;
    vertical-align: middle;
}

.title_option {
    color: white;
    position:relative;
    float:right;
    margin-left:10px;
    margin-right:10px;
    font-size:14px;
    font-weight: normal;
}

.title_option a { color:white; }

.header {
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px;
}

#breadcrumb, .breadcrumb { /* 面包屑导航 */
    border-bottom: 1px solid #dddddd;
    padding: 10px 15px;
    color: gray;
    font-size: 14px;
    vertical-align: center;
    clear:both;
    min-height: 30px;
}

#breadcrumb a, .breadcrumb a {
    color: #3366FF;
    text-decoration: none;
}

#breadcrumb a:hover, .breadcrumb a:hover  {
    color: orange;
    text-decoration: underline;
}

.memo { color:#909090; }
.comment { color:#80A060; }

.data_table {
    width: 100%;
}

.data_head, .data_head td, .data_head th, .data_header, .data_header td, .data_header th {
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #F1F1F1;
    text-align: center;
    padding: 5px 5px;
    font-size: 14px;
}

.data_header, .data_header td { border-right:1px solid #d0d0d0; } /* 右侧边线 */

.data_row, .data_row td, .data_rower, .data_rower td {
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #f0f0f0;
    padding: 5px 5px;
    font-size: 14px;
}

.data_rower, .data_rower td { border-right:1px solid #e0e0e0; }

.data_row2, .data_row2 td {
    text-align: center;
    background-color: #E0F0FF;
    border-bottom: 1px solid #d0d0d0;
    padding: 5px 5px;
    font-size: 14px;
}

.data_row:hover, .data_rower:hover {
    background-color: #f8f8c0;
}

.data_row:hover td, .data_rower:hover td { background:none; }


.data_sum, .data_sum td, .data_sum th {
    border-top:2px solid orange;
    font-size:14px;
    padding:5px 2px;
    text-align:center;
    background-color:#f0f0c0;
    font-weight:bold;
}


.hl, .hl td { background-color: #FFFFE0; }      /* 浅黄色 */
.hl2, .hl2 td { background-color: #F8F8D0; }    /* 浅黄色++ */

.old * { color: dimgray !important;  }

/* 以下为左右结构的表格（左边为表头，右边为内容） */

.data_horizon {
    border-bottom:1px solid #c0c0c0;
}

.data_lhead {
    border-right:1px solid gray;
    background-color: #e8e8ee;
    text-align: center;
    padding: 5px 5px;
    font-size: 14px;
}

.data_line, .data_line td {
    text-align: center;
    border-right: 1px solid #dddddd;
    font-size: 14px;
}

.data_line2, .data_line2 td {
    text-align: left;
    border-right: 1px solid #dddddd;
    font-size: 14px;
    padding:5px;
}

/*

	View Mode

*/
.view_mode_options { float:right; text-align:center; margin-top:3px; }
.view_mode { background-color:white; background: url(view_mode.png) no-repeat center center; height:24px; width:24px; margin:0 2px; display:inline-block; border-radius:5px; float:left; cursor:pointer; background-color:#909090; }
.view_mode:hover { background-color:yellow; }
.view_mode_list { background-position: 0 0; }
.view_mode_thumb { background-position: -24px 0; }
.view_mode_on { background-color:#e0e0c0; }
/* 预设按钮 */


.small_btn { height:20px !important; line-height:18px !important; font-size:12px !important; font-weight: normal !important; }

.btn {
    background: url(default/button_bg.png) no-repeat;
    color: white;
}

.btn2 {
    background: url(default/button2_bg.png) no-repeat;
    color: black;
}

.btn, .btn2 {
    margin: 5px;
    border: 0px;
    width: 80px;
    height: 22px;
    line-height: 22px;
    background-position: 0 0px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.btn:hover, .btn2:hover {
    background-position: 0 -22px;
}


.tag { border-radius: 5px; height:100%; max-height:16px; font-size:12px; padding:2px 6px; display: inline-block; vertical-align: middle; line-height:100%; border-bottom:1px solid #c0c0c0; }
.tag * { vertical-align: middle; }
.tag-white { background-color:white; color:#2b2b2b; }
.tag-black { background-color:#2b2b2b; color:#e0e0e0; }
.tag-green { background-color:#309060; color:#FFFFFF; }
.tag-gray { background-color:#808080; color:#E0E0E0; }
.tag-excel { font-size: 13px !important; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; padding-left:33px; background: #209000 url(/style/excel.png) no-repeat 5px center; vertical-align: center !important; padding-top:4px; padding-bottom:4px; border-bottom:1px solid gray; }
.tag-excel a { color:yellow !important; vertical-align: middle !important; }
/*  */
.tag-option { font-size: 13px !important; -moz-border-radius:5px; -webkit-border-radius: 5px; border-radius: 5px; vertical-align: center !important; padding-top:4px; padding-bottom:4px; border-bottom:1px solid gray; background: #0680A0; color:white; text-shadow: 1px 1px 3px rgba(0,0,0,0.75); cursor:pointer; }

.buttons {
	display:inline-block;
    cursor:pointer;
    text-align:center;
    border:0px;
    height:30px;
    line-height:25px;
    color: white !important;
    font-size:14px;
    font-weight:bold;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius: 5px;           /* W3C syntax */
    -webkit-appearance: none;     /*解决iphone safari上的圆角问题*/
    border-bottom: 1px solid #606060 !important;
}


.button-new { background-color:#00C080; }
.button-new:hover { background-color:#00D070; }

.button-edit { background-color:#0080C0; }
.button-edit:hover { background-color:#0070D0; }

.button-remove { background-color:#808080; }
.button-remove:hover { background-color:#909090; }

.button-view { background-color:#E0E0E0; }
.button-view:hover { background-color:#E8E8E8; }

.button-submit { background-color:#F06000; }
.button-submit:hover { background-color:#F08000; }

.button-download { background-color:#8060F0; }
.button-download:hover { background-color:#A080FF; }

.button-search { background-color:#40C0C0; }
.button-search:hover { background-color:#48C8C8; }

.button-disabled { background-color:#808080; color: white; }
.button-disabled:hover { background-color:#909090; }


.submit_line { text-align:center; margin:10px; }

.btn-gopage { background-color:white; border:1px solid gray; font-size:10px; border-radius:5px; color:black; display:inline-block; }

    .elm {
        margin:2px;
        padding: 0px 5px;
        height: 30px;
        line-height: 30px;
        font-size:16px;
        border:1px solid #b0b0b0;
    }

    .elm-sl {
        margin:2px;
        padding: 0px 0px 0px 5px;
        height: 30px;
        line-height: 30px;
        font-size:16px;
        border:1px solid #b0b0b0;
    }

    .elm-ta {
        margin:2px;
        padding: 0px 5px;
        line-height: 150%;
        font-size:16px;
        border:1px solid #b0b0b0;
    }

    .elm:focus, .elm-sl:focus, .elm-ta:focus, .elm-ta1:focus, .elm-ta2:focus, .elm-ta3:focus {
        border:1px solid #607080;
    }

    .txt {
        display: inline-block;
        color: blue;
        margin:2px;
        padding: 0;
        height: 30px;
        line-height: 30px;
        font-size:16px;
        border-bottom:1px solid #e0e0e0;
    }

    .txt-ta {
        display: inline-block;
        color: blue;
        margin:2px;
        padding: 0;
        line-height: 30px;
        font-size:16px;
        border-bottom:1px solid #e0e0e0;
    }

    /* label */

    .elm-label, .elm-label-ta {
        line-height:30px;
        display:inline-block;
        width: 150px;
        text-align:right;
        margin:0 5px;
        color: #304050;
        font-size:16px;
    }

    .elm-label2 {
        line-height:30px;
        display:inline-block;
        text-align:right;
        margin:0 5px;
        color: #304050;
        font-size:16px;
    }

    .memo-label, .memo-label-ta {
        color: #a0a0a0;
        margin-left: 5px;
        line-height:30px;
        font-size: 16px;
        display: inline-table;
    }

    .memo-label-ta {
        vertical-align: top;

    }

    .elm-label-ta {
        vertical-align: top;
    }


    .label {
        display:inline-block;
        width:100px;
        text-align:right;
    }

    .xlabel { /* 一般用在单排第一个，如搜索区域 */
        display:inline-block;
        text-align:right;
    }

    .llabel {
        display:inline-block;
        width:100px;
        text-align:right;
    }

    .mlabel {
        display:inline-block;
        width:75px;
        text-align:right;
    }

    .slabel {
        display:inline-block;
        width:50px;
        text-align:right;
    }

	/* 紧凑 "c" for compact */

    .celm-label, .celm-label-ta {
        line-height:20px;
        display:inline-block;
        width: 150px;
        text-align:right;
        margin:0 3px;
        color: #304050;
        font-size:13px;
    }

    .celm-label2 {
        line-height:20px;
        display:inline-block;
        text-align:right;
        margin:0 3px;
        color: #304050;
        font-size:13px;
    }

    .cmemo-label, .cmemo-label-ta {
        color: #a0a0a0;
        margin-left: 3px;
        line-height:20px;
        font-size: 13px;
        display: inline-table;
    }

    .cmemo-label-ta {
        vertical-align: top;

    }

    .celm-label-ta {
        vertical-align: top;
    }

    .celm {
        margin:2px;
        padding: 0px 3px;
        height: 20px;
        line-height: 20px;
        font-size:13px;
        border:1px solid #b0b0b0;
    }

    .celm-sl {
        margin:2px;
        padding: 1px 0px 1px 3px;
        height: 22px;
        line-height: 22px;
        font-size:13px;
        border:1px solid #b0b0b0;
    }

    .celm-ta, .celm-ta1, .celm-ta2 {
        margin:2px;
        padding: 0px 3px;
        line-height: 150%;
        font-size:13px;
        border:1px solid #b0b0b0;
    }

    .celm-ta { height: 150px; }
    .celm-ta1 { height: 250px; }
    .celm-ta2 { height: 100px; }

    .celm:focus, .celm-sl:focus, .celm-ta:focus, .celm-ta2:focus {
        border:1px solid #607080;
        background-color: #fff8e0;         
    }

    /* 分区 */

    .tb_end {
        border-top:1px solid #c0c0c0;
        background-color: #f4f8fc;
        padding: 1px;
        font-size:13px;
    }

	/* ajax combobox */

    .combobox {
        background-position: right bottom;
        background-image: url("icon_combobox.png");
        background-repeat: no-repeat;
    }


	::placeholder { color:#b2b2b2; font-size:13px; }

/* 分页 Begin */

    .bottom_page {
        border-bottom:1px solid #c0c0c0;
    }

    .page_field {
        /* background-color: #f9f9f9;*/
        font-size:15px;
        color: #406080;
        margin:5px;
        font-family:Arial;
        text-align:center;
    }

    .page_field * { vertical-align: top; }

    #page_first, #page_prev, #page_next, #page_last { display:inline-block; height:21px; line-height:21px; width:25px; }
    #page_first:hover, #page_prev:hover, #page_next:hover, #page_last:hover { background-color: #E0FF00; }

    #page_first { background:url(page_nav.gif) 0px 0px no-repeat; }
    #page_prev  { background:url(page_nav.gif) -25px 0px no-repeat; }
    #page_next  { background:url(page_nav.gif) -50px 0px no-repeat; }
    #page_last  { background:url(page_nav.gif) -75px 0px no-repeat; }

    .page_current   { display:inline-block; color:#0000FF; font-weight:bold; height:21px; line-height:21px; }
    .page_button    { display:inline-block; margin:0 3px; }

    a.page_button           { color: #456789; text-decoration:none; vertical-align:top; }

    #page_jump      { width:36px; font-size:15px; height:20px; color:#304050; border:1px solid #506070; text-align:center; background-color: #fbfbfb; }
    #page_jump_btn  { font-size:13px; line-height:15px; height:21px; cursor:pointer; color:#778899; padding:1px 8px; border:1px solid #506070; }

/* 分页 End */    


/* Share Level */

.share_level { background: url(share_levels_20.png) no-repeat center center; height:20px; width:40px; display:inline-block; vertical-align: middle; float:left; }
.sl-2 { background-position:0 0; }
.sl-1 { background-position:0 -20px; }
.sl0 { background-position:0 -60px; }
.sl1 { background-position:0 -40px; }

.chosen-container { font-size:14px !important; color:black !important; }


/* 提示信息 Begin */
    .info {
        border: 1px solid #A0C0E0;
        padding: 6px 15px 6px 30px;
        background: #E0F0FF url(info.png) no-repeat 10px center;
        color: #004080;
    }

    .info2 { /* 无图标 */
        border: 1px solid #A0C0E0;
        padding: 6px 15px 6px 15px;
        background-color: #E0F0FF;
        color: #004080;
    }

    .notice {
        border: 1px solid #A0D040;
        background-color: #E0FF80;
        padding: 10px 15px;
        margin: 10px 10px;
    }

    .warning {
        background-color: #FD8;
        color: #000;
        padding: 5px 10px;
    }

    .warning2 {
        background-color: #D0FF60;
        color: #000;
        padding: 5px 10px;
        font-weight:bold;
    }    

    .alert {
        color: red;
        font-weight: bold;
        background-color: #f8f880;
        padding: 5px 10px;
        border-bottom:1px solid #ccc;
    }

    .error {
	    color: yellow;
        font-weight: bold;
        background-color: red;
        padding: 10px 15px;
        font-size: 22px;
    }

    .bold { font-weight:bold; }

    .red { color:red; font-weight:bold; background-color:yellow !important; } /* 警告色 */
    .red2 { color:red; font-weight:bold; background-color:yellow !important; padding:2px 5px; } /* 警告色 */
    .red3 { color:red; font-weight:bold; } /* 警告色 */
    .redx { color:red !important; font-weight:bold; }
    .redl { color:red; }
    .blue { color:blue; }
    .green { color:green; }
    .black { color:black; }
    .gray { background-color:gray; color:white; padding:2px 5px;  } /* 暂缓 */

    .deny {
        cursor: not-allowed;
        background-color: #a0a0a0 !important;
    }

    .footer {
        width: 100%;
        font-family: "Arial","Microsoft YaHei";
        position: absolute;
        bottom: 0px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size:14px;
        background-color: #d8d8d0;
        color: gray;
    }

	/* red 小红点 */
	.red_dot { background:red; height:8px; width:8px; border-radius:8px; display:inline-block; position:relative; left:-10px; top:-8px; z-index:99px; }

	
/* 提示信息 End */