* {
    font-size: 14px;
    padding: 0px;
    margin: 0px;
    font-family: Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", 宋体, sans-serif;
}

BODY {
    background-color: #F2F2F2;
}

H1 {
	font-size: 20px; 
	padding: 10px;
	padding-top:20px;
	color:#222 !important;
	font-weight:700 !important;
}

H2 {
    font-weight: bold;
    color: navy;
}

P {
	padding:10px !important;
}

IMG {
    border: 0px solid;
}

TEXTAREA {
}

A {
    COLOR: lightcyan;
    text-decoration: none;
}

    A:link {
        COLOR: #369;
    }

    A:visited {
        COLOR: #369;
    }

    A:active {
        COLOR: #369;
    }

    A:hover {
        COLOR: #963;
        text-decoration: none;
    }

    A.treenode {
    }

        A.treenode:visited {
        }

        A.treenode:link {
        }

        A.treenode:hover {
            text-decoration: underline;
        }

/*new*/
TABLE {
    border-collapse: collapse;
}


    TABLE.section {
        border: 1pt solid #b7b5b5;
        background-color: #F7F7F7;
        margin-top: 5px;
    }
        /*new*/
        TABLE.section TR {
            HEIGHT: 30px;
        }

            TABLE.section TR TD {
                padding: 2px;
            }

TABLE.pager{
	height:30px;
}

    TABLE.grid {
        /*new*/
        border: 1pt solid #ddd;
		border-collapse:separate;
  empty-cells:show;
        
    }

        TABLE.grid TR {
            /*HEIGHT:20px;*/
        }

            TABLE.grid TR TD {
                padding:5px;
				padding-top:10px;
				padding-bottom:10px;
				line-height:20px;
				word-break: break-all;
				word-wrap: break-word;
            }

TABLE.grid TR TD.title {
                padding:5px;
				line-height:25px;
				word-break: break-all;
				word-wrap: break-word;
            }
			

    /*new*/
    TABLE.list {
        border: 1pt solid #ddd;
        background-color: #F7F7F7;
        margin-top: 5px;
    }

        TABLE.list TR {
            height: 20px;
        }

            TABLE.list TR TD {
                padding: 10px 2px;
            }


    TABLE.sectionheader {
        empty-cells: show;
        margin: 0px auto;
        border-collapse: collapse;
    }

        TABLE.sectionheader TR {
        }

            TABLE.sectionheader TR TD.left {
                width: 50%;
            }

            TABLE.sectionheader TR TD.right {
                width: 50%;
                font-size: 11pt;
                color: #555;
                text-align: right;
                padding-right: 10px;
            }


    TABLE.sectionbar {
        empty-cells: show;
        margin: 0px auto;
        border-collapse: collapse;
    }

        TABLE.sectionbar TR {
        }

            TABLE.sectionbar TR TD.left {
                width: 80%;
                border-top: 2px solid #70a19f;
            }

            TABLE.sectionbar TR TD.center {
            }

            TABLE.sectionbar TR TD.right {
                padding-left: 4px;
                padding-right: 4px;
                text-align: center;
                width: 20%;
                border-bottom: 2px solid #70a19f;
                border-right: 2px dotted #70a19f;
                border-left: 2px dotted #70a19f;
                background-color: #FFFFFF;
            }


TR {
}

    TR.title {
		font-size:15px;
        FONT-WEIGHT: 600;
        BACKGROUND-COLOR: #BBB;
    }
    /*new*/
    TR.off {
        BACKGROUND-COLOR: white;
    }
    /*new*/
    TR.on {
        BACKGROUND-COLOR: #F7F7F7;
    }
    /*new*/
    TR.h_yellow {
        BACKGROUND-COLOR: #EEF;
    }
    /*new*/
    /*tr.tr_hover {
        background-color: #E0E0E0;
    }*/

TD {
}

    TD.title {
        /*new*/
        padding-top: 2px;
        padding-bottom: 2px;
        padding-left: 4px;
        padding-right: 4px;
        background-color: #DDD;
        border-bottom: 0px solid #CCF;
        text-align: center;
	color: #222;
    }

        TD.title .title {
            /*new*/
            width: 100%;
        }

        TD.title a {
            /*new*/
			color: #222;
            text-decoration: none;
        }

            TD.title a:hover {
                /*new*/
                color: #FFF;
            }

    TD.bold {
        font-weight: bold;
    }


UL LI.button1 {
    width: 80px;
}

UL LI.button2 {
    width: 120px;
}

UL LI.button3 {
    width: 150px;
}

.button {
    /*new*/
    border: none;
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #3f81d5;
    color: #FFFFFF;
    margin: 2px;
    cursor: pointer;
    border-radius: 5px;
    -moz-border-radius: 5px; /* Gecko browsers */
    -webkit-border-radius: 5px;
	margin-top: 8px;
}

.16px {
    WIDTH: 16px;
    HEIGHT: 16px
}

.20px {
    WIDTH: 20px;
    HEIGHT: 20px
}

.32px {
    WIDTH: 32px;
    HEIGHT: 32px
}

.aboutfooter {
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.error { 
    FONT-WEIGHT: bold;
    BACKGROUND: #ff9900 100% 50%;
    MARGIN: 4px;
    COLOR: #ffffff;
    font-size: 16pt; 
}

.success {
    FONT-WEIGHT: bold;
    BACKGROUND: #3cb371 100% 50%;
    MARGIN: 4px;
    COLOR: #ffffff;
    font-size: 16pt;
	padding:10px 6px;
}

.tablayout {
    BEHAVIOR: url(/TabControl.htc)
}

.standardlayout {
    BEHAVIOR: url(/LayoutControl.htc)
}

.treelayout {
    BEHAVIOR: url(/TreeControl.htc)
}

.repeatlayout {
    BEHAVIOR: url(/RepeaterControl.htc)
}

.sidebar {
    width: 100%;
    float: left;
    top: 20px;
    padding-top: 10px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#F5F5F5", endColorStr="#72b7d1", gradientType="1");
    backgroud-color: #F9C !important;
}

#clientLogoPlace {
    background-color: #F5F5F5;
}

#topBlankPlace {
    width: 100%;
    float: left;
    top: 20px;
    padding-top: 10px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#F5F5F5", endColorStr="#72b7d1", gradientType="1");
    backgroud-color: #F9C !important;
}

#systemOwnerPlace {
    background-color: #72b7d1;
    vertical-align: bottom;
    text-align: right;
}

#pageLeft {
    background: #529dc6 url(../images/toolbar_corner1.gif) left top no-repeat;
}

#pageLeftNav {
    border-color: #808080;
}

#pageSplitter {
}

#pageRight {
}

#pageMenu {
    background: #529dc6;
}

#subMenu {
    background: #c2d0dd;
}

.PopMenuOutset {
    border: 1px solid;
    border-color: #8d919a;
}

.PopMenuInset {
    border: 0px solid;
    border-color: #8d919a;
}

.PopMenu {
    background-color: #e0ebef;
}

.PopMenuItem {
    cursor: default;
    color: #333;
    font-size: 10pt;
    font-family: arial;
}

.PopMenuItemOver {
    background-color: #5d99bb;
    color: highlighttext;
    cursor: default;
    font-size: 10pt;
    font-family: arial;
}

#leftNavBar {
    background-color: #e0ebef;
    border: 1 solid #808080;
}

.leftNavSection {
    border: 1 solid #808080;
}

#pageFooter {
    text-align: center;
    vertical-align: bottom;
    height: 50px;
}

.about-menu-left {
    background-color: red;
}

.about-menu-right {
    background-color: blue;
}

.textarea4showinfo {
    width: 98%;
    color: #000000;
    background-color: #EEEEF0;
    border: 0px;
    readonly: expression(this.readOnly=true);
}
/*new*/
input[type='radio'] {
    width: 20px;
    height: 20px;
}
/*new*/
input[type='checkbox'] {
    width: 20px;
    height: 20px;
}
/*new*/
label {
    cursor: pointer;
}

.toplnkarea {
    font-size: 9pt;
}