/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-family: 宋体, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px; /* color: #696969;  */
}

a:link
{
    color: #034af3; /* text-decoration: underline;  */
}

a:visited
{
    color: #505abc;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #12eb87;
}

p, ul
{
    /*  margin-bottom: 20px;*/ /*   line-height: 1.6em;*/
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    /* padding: 0 0 10px 0;*/
    vertical-align: bottom;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */




header h1, #header h1
{
    font-weight: bold; /* padding: 5px 0;*/
    margin: 0;
    color: #fff;
    border: none; /*line-height: 2em;*/
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

/*#main {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}*/



footer, #footer
{
    background-color: #fff;
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0 0 30px 0;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}



/* TAB MENU   
----------------------------------------------------------*/

ul#menu
{
    padding-left: 10px;
    margin: 0;
    text-align: left;
    padding-top: 25px;
}

    ul#menu li
    {
        display: list-item;
        list-style: none;
        overflow: hidden;
        padding-left: 4px;
    }

        ul#menu li#greeting
        {
            padding: 10px 20px;
            font-weight: bold;
            text-decoration: none;
            line-height: 2.8em;
            color: #fff;
        }

        ul#menu li a
        {
            font-weight: bold;
            text-decoration: none;
            line-height: 22px;
            color: White;
            border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            display: block;
            width: 147px;
            padding-left: 5px;
        }

            ul#menu li a:hover
            {
                background-color: #fff;
                text-decoration: none;
                color: #034af3;
            }

            ul#menu li a:active
            {
                background-color: #a6e2a6;
                text-decoration: none;
            }

        ul#menu li.selected a
        {
            /*background-color: #fff;*/
            background-color: #fff; /*color: #000;*/
            color: #034af3;
        }

/* TAB SUB MENU   
----------------------------------------------------------*/

ul.sub_menu
{
    padding-left: 12px;
    margin: 0;
    text-align: left;
    padding-top: 3px;
    /*display: none;*/
}

    ul.sub_menu li
    {
        display: list-item;
        list-style: none;
        overflow: hidden;
        margin-bottom: 1px;
        border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        width: 135px;
    }

        ul.sub_menu li a
        {
            font-weight: bold;
            text-decoration: none;
            line-height: 22px;
            color: White;
            border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            -moz-border-radius: 3px 3px 3px 3px;
            display: block;
            width: 135px;
        }

            ul.sub_menu li a:hover
            {
                background-color: #fff;
                text-decoration: none;
                color: #034af3;
            }

            ul.sub_menu li a:active
            {
                background-color: #a6e2a6;
                text-decoration: none;
            }

        ul.sub_menu li.selected a
        {
            background-color: #70ADC5;
            color: White;
        }



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

 input[type="password"], input[type="textarea"]
{
    border: 1px none #ECF2F7;
    padding: 2px;
    font-family: 宋体;
    font-size: 9pt;
    color: #2B2C20; /* border-width: 1px;*/
    border-style: none;
    /*background-color: #ECF2F7;*/
    /*width: 100%;*/  
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    color: #444;
}

input[type="submit"]
{
    font-size: 1.2em;
    padding: 5px;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

nav
{
    margin-top: 40px;
}


#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

    .text-box.multi-line
    {
        height: 6.5em;
    }

.tri-state
{
    width: 6em;
}


/* 新加---------------------------------*/

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
    height: 80px;
}

div#title
{
    background: transparent url('images/logo.png') 30px;
    background-repeat: no-repeat;
    background-position: left bottom;
    width: 100%;
    height: 111px;
}

div#title_right_img
{
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url('images/title_right_img.png') right;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    height: 111px;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding-top: 25px;
    padding-right: 20px;
    color: White;
}

#topBanner
{
    height: 111px;
    background-image: url('images/tigle_bg_img.png');
    background-repeat: repeat-x;
}

#navigator_bar
{
    position: absolute;
    top: 126px;
    left: 238px;
    height: 33px;
    padding-top: 0px;
    background: url('images/右1.png') 174px;
    background-repeat: repeat-x;
}

.menu-state-visible
{
    position: absolute;
    left: 226px;
    width: 9px;
    height: 41px;
    top: 50%;
    z-index: 10000;
    outline: none;
    display: block;
    background: transparent url('Images/showHideMenu.png') no-repeat 0px 0px;
}

.menu-state-visible-hover
{
    background-position: -9px 0px;
}

.menu-state-hide
{
    left: 10px;
    background-position: -18px 0px;
}

.menu-state-hide-hover
{
    background-position: -27px 0px;
}

/*无应收收费项目选择--------------------------------------------------------*/
.noYskSelector
{
    width: 60px;
    height: 20px;
    display: block;
    background: transparent url('Images/unselected.png') no-repeat center;
}

.noYskSelector-selected
{
    background: transparent url('Images/selected.png') no-repeat center;
}

/*无应收收费项目选择--------------------------------------------------------*/
#div_info
{
    /*height: 32px;*/
    padding-left: 40px;
    background: transparent url('Images/info.png') no-repeat left;
    line-height: 32px;
}

#menu_top
{
    position: absolute;
    background-position: left;
    left: 30px;
    top: 121px;
    height: 52px;
    width: 207px;
    border: 0px;
    background-image: url('images/menu_top.png');
    background-repeat: no-repeat;
    display: block;
}

#menucontainer
{
    position: absolute;
    left: 30px;
    top: 173px;
    width: 207px;
    bottom: 40px;
    background-image: url('images/menu_bg.png');
    background-repeat: repeat-y;
    overflow: auto;
}

#menu_bottom
{
    position: absolute;
    left: 30px;
    height: 31px;
    bottom: 20px;
    width: 207px;
    background-image: url('images/menu_bottom.png');
    background-repeat: no-repeat;
}

#mainframe
{
    padding: 0px 0px 0px 0px;
    position: absolute; /* left: 188px; 样式设定后，jquery不起作用了*/
    top: 160px;
    left: 238px;
    background-color: #fff;
    overflow: auto;
    right: 0px;
    display: block;
    bottom: 0px;
}


#pageLoading
{
    position: absolute;
    top: 160px;
    left: 238px;
    background-color: white;
    z-index: 1001;
    background-image: url('images/pageLoading.gif');
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 20pt;
    display: block;
}

.page
{
    padding: 10px;
    background-color: green;
    margin-left: 10px;
    margin-right: 10px;
    /*position:absolute;
    top:154px;
    bottom:10px;*/
    height: 560px;
}

#page_container
{
    padding: 30px;
    /*margin-left: 10px;
    margin-right: 10px;*/
}

/*page_bg*/
#page_bg_left
{
    position: absolute;
    top: 111px;
    bottom: 30px;
    width: 15px;
    left: 10px;
    background-image: url('images/page_bg/左.png');
    background-repeat: repeat-y;
}

#page_bg_right
{
    position: absolute;
    top: 111px;
    bottom: 30px;
    width: 15px;
    right: 10px;
    background-image: url('images/page_bg/右.png');
    background-repeat: repeat-y;
}

#page_bg_bottom
{
    position: absolute;
    bottom: 10px;
    left: 29px;
    right: 25px;
    height: 21px;
    background-image: url('images/page_bg/下.png');
    background-position: bottom;
    background-repeat: repeat-x;
}

#page_bg_bottom_left
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: 21px;
    width: 23px;
    background-image: url('images/page_bg/左角.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}

#page_bg_bottom_right
{
    position: absolute;
    right: 6px;
    bottom: 10px;
    height: 21px;
    width: 23px;
    background-image: url('images/page_bg/右角.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.checkbox
{
    vertical-align: middle;
    margin-top: 0;
}
/* input[type=checkbox]
{
    vertical-align: middle;
    margin-top: 0;
} */

/*.betterhover
{
    background-color:Blue;
    color:Red;
}*/


td.betterhover, #sl_table tbody tr:hover
{
    background: LightCyan;
}

div#pageTitle
{
    text-align: left;
    font-family: 宋体;
    background-repeat: no-repeat;
    font-size: 16pt;
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
    vertical-align: bottom;
}

div#winTitle
{
    text-align: left; /* font-family: 宋体;*/
    background-repeat: no-repeat;
    font-size: 12pt;
    font-weight: bold;
    text-align: left;
    padding-bottom: 5px;
    vertical-align: bottom;
}

div#winToolBar
{
    padding-top: 10px;
    text-align: right;
}

#nodeDetailPanel
{
    display: none;
    position: absolute;
    width: 300px;
    height: 200px;
    background-color: #4E762C;
    padding: 5px;
}

.nodeDetailContent
{
    background-color: Red;
}

/*单线表格相关-------------------------------------------*/
table#slt
{
    border: solid 1px gray;
    border-collapse: collapse;
    cellpadding: 3px;
    width: 100%;
    font-family: 宋体;
    font-size: 9pt;
}

    table#slt td
    {
        padding: 5px;
        border: solid 1px gray;
    }

    table#slt th
    {
        padding: 5px;
        border: solid 1px gray;
    }

.ch
{
    background-color: #ECF2F7;
    width: 100px;
    text-align: center;
}


.width100
{
    padding-right: 4px !important;
    padding-left: 2px !important;
}


#slt tbody td:hover
{
    background: LightCyan;
}


/*指标录入时表格样式单线表格相关-------------------------------------------*/
table#createTable
{
    border: solid 1px gray;
    border-collapse: collapse;
    cellpadding: 0px;
    width: 100%;
    font-family: 宋体;
    font-size: 9pt;
}

    table#createTable td
    {
        padding-left: 5px;
        border: solid 1px gray;
        height: 25px;
        color: Black;
    }

/*#createTable tbody td:hover
{
    background: LightCyan;
}*/

#new_button
{
    position: fixed;
    top: 20px;
    right: 15px;
}

.state_new
{
    top: 43px;
    right: 15px;
}


.enable
{
    background-image: url('images/ball_green.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

.disable
{
    background-image: url('images/ball_red.png');
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
}

#div_property
{
    background-color: #ECF2F7;
    margin-top: 10px;
    display: none;
}

.budgetGridContainer
{
    background-color: #ECF2F7; /*#D1DEB6;*/
    padding: 10px;
    display: table-cell; /*重要*/
}

.container
{
    background-color: #ECF2F7;
    padding: 10px;
}
/*查询条件面板*/
#bcDropdown
{
    font-size: 1em;
    top: 25px;
    color: #fff;
    z-index: 300;
    line-height: 21px; /* padding-right: 117px;*/
    height: 21px;
    width: 107px;
}

    #bcDropdown .t-drop-down
    {
        width: 100px;
        padding-left: 7px;
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        text-decoration: none;
        vertical-align: middle;
        outline: none;
        background: transparent url('Images/sprite.png') no-repeat 0 0px;
    }

    #bcDropdown .state-active
    {
        background-position: 0 -23px; /*color: #fff;*/
    }

    #bcDropdown .t-animation-container
    {
        position: absolute;
        right: 0;
    }

#bcPanel
{
    border: 1px solid gray; /*color: #fff; */
    margin: 0;
    top: 50px;
    z-index: 300;
    display: none;
    padding: 3px;
}

.bcPosition_grid
{
    right: 25px;
    position: absolute;
    background-color: #9EBEEB;
}

.bcPosition_report
{
    right: 15px;
    position: fixed;
    background-color: #9EBEEB;
}

#div_msg
{
    width: 16px;
    height: 16px;
    background: transparent url('Images/msg.png') no-repeat 0 0px;
    position: absolute;
    left: 68px;
    top: 20px;
}

#editorContainer
{
    background-color: #ECF2F7;
    padding: 10px;
}

.css_textArea
{
    background-color: #ECF2F7;
}

.loginLabel
{
    color: White;
    padding-top: 10px;
}

.summaryField
{
    width: 100px;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}


.dynamicTreeView
{
    background-color: #fff;
    padding-top: 10px;
    height: 290px;
    overflow: auto;
}

.buttonLink
{
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    line-height: 22px;
    background-color: #F3F2EF;
    border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    display: block;
    width: 75px;
    border: solid 1px #5D8CC9;
    color: black; 
}

.paywaittingtext
{
     background: transparent url('Images/payWaittingText.png') no-repeat 0 0px;
     background-position:left top;
}