Body {
    /*background-image: url('../resources/bg-white-light2.bmp');*/   /* Exacom */
    /*background-image: url('../resources/Kamaya.png');*/   /* Kamaya */
    /*background-color: white;*/    /* Chek Hup */
    margin: 0px auto 0px auto;
    width: 900px;
}

.level0 {
    background-color: orange;
    border: 2.5px solid Gray;
    width:900px;
}

.level1 {
    color: White;
    margin: 10px 5px 10px 5px ;
    font-variant: small-caps;
    font-size: large;
    font-weight: bold;
}

.level2 {
    color: blue;
    background-color: lavender;
    border: 1px solid Gray;
    margin: 5px 5px 5px 5px;
    font-family: Tahoma;
    font-size: medium;
    width: auto;
}

.level3 {
    color: blue;
    background-color: lavender;
    border: 1px solid Gray;
    margin: 5px 5px 5px 5px;
    font-family: Tahoma;
    font-size: medium;
    width: auto;
}

.level4 {
    color: blue;
    background-color: lavender;
    border: 1px solid Gray;
    margin: 5px 5px 5px 5px;
    font-family: Tahoma;
    font-size: medium;
    width: auto;
}

.hoverstyle {
    color: lightgreen;
    background-color: silver;
    font-weight: bold;
}

.monospace{ 
    font-family: monospace;
    margin-right: 0px;
}

.paddingleft-normal {
    padding-left:4em;
}
.paddingleft-narrow {
    padding-left:2em;
}

.particulars-title {
    background-color: lightblue;
    border: 2.5px solid Gray;
    margin: auto auto auto auto;
    font-variant: small-caps;
    font-size: large;
    font-weight: bold;
    text-align: center;
    vertical-align:middle;
}
.particulars-table-main {
    width: 710px;
}
.particulars-table {
    width: 710px;
}
.particulars-table-wide {
    width: 850px;
}
.particulars-table-label {
    width: 165px;
}
.particulars-table-button {
    width: 40px;
}
.particulars-table-4Col-input {
    width: 180px;
}
.particulars-table-gov-img {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}
.particulars-table-gov-label-col2 {
    width: 150px;
    text-align: Left;
    vertical-align: middle;
}
.particulars-table-gov-input-col3 {
    width: 300px;
    text-align: left;
    vertical-align: middle;
}
.particulars-table-gov-input-col3a {
    width: 150px;
    text-align: left;
    vertical-align: middle;
}
.particulars-table-gov-input-col3b {
    width: 5px;
    text-align: right;
    vertical-align: middle;
}
.particulars-table-gov-input-col3c {
    width: 15px;
    text-align: center;
    vertical-align: middle;
}
.particulars-table-gov-input-col3d {
    width: 80px;
    text-align: left;
    vertical-align: middle;
}

.particulars-table-gov-input-col4 {
    width: 150px;
    text-align: left;
    vertical-align: middle;
}
.particulars-table-gov-label-col5 {
    width: 150px;
    text-align: center;
    vertical-align: middle;
}
.particulars-table-salfixal-label {
    width: 90px;
    text-align: center;
    vertical-align: middle;
}
.particulars-table-salfixal-input {
    width: 90px;
    text-align: center;
    vertical-align: middle;
}
.particulars-datagrid {
    width: 710px;
}

.Label-Compulsory {
    color: Red;
}
.Label-PCB-Calculation {
    color: Green;
}

.Text-OverFlow {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.PopupBG {
    background-color: Black;
    filter: alpha(opacity=40);
    opacity: 0.4;
}
.Popup-Normal {
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid #0DA9D0;
}
.Popup-Normal .header {
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.Popup-Normal .body {
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.Popup-Normal .footer {
    padding: 3px;
}
.Popup-Normal .yes, .Popup-Normal .no {
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.Popup-Normal .yes {
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.Popup-Normal .no {
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}

.Popup-Critical {
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid #DD0E00;
}
.Popup-Critical .header {
    background-color: #FC493D;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.Popup-Critical .body {
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.Popup-Critical .footer {
    padding: 3px;
}
.Popup-Critical .yes, .Popup-Normal .no {
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.Popup-Critical .yes {
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.Popup-Critical .no {
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}

.Popup-Question {
    background-color: #FFFFFF;
    width: 300px;
    border: 3px solid #0DA9D0;
}
.Popup-Question .header {
    background-color: #2FBDF1;
    height: 30px;
    color: White;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.Popup-Question .body {
    min-height: 50px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
}
.Popup-Question .footer {
    padding: 3px;
}
.Popup-Question .yes, .Popup-Question .no {
    height: 23px;
    color: White;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}
.Popup-Question .yes {
    background-color: #2FBDF1;
    border: 1px solid #0DA9D0;
}
.Popup-Question .no {
    background-color: #9F9F9F;
    border: 1px solid #5C5C5C;
}


.NoWrapText {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.dgv-Scroll {
    width: 710px;
    height: 400px;
    overflow: auto;
    scrollbar-base-color:lightblue;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
    border-style:inset;
    border-color:lightgray;
    border-width:medium;
    background-color:white;
}
.dgv-Scroll-Narrow {
    width: 440px;
    height: 400px;
    overflow: auto;
    scrollbar-base-color:lightblue;
    position: relative;
    top: 0px;
    left: 0px;
    border-style:inset;
    border-color:lightgray;
    border-width:thin;
    background-color:white;
}
.dgv-HeaderFreez{
	position:relative ;
	top:expression(this.offsetParent.scrollTop);
	z-index: 10;
}

.GVFixedHeader {
    font-weight: bold;
    background-color: Green;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}