/* center the page and set letter size page */
body
{
    width: 1004px; /* to centre page on screen */
    padding: 40px;
    margin: 0 auto;
}
/* center the page and set letter size page */

.style-logo-civil
{
    font-size: x-large;
    font-style: italic;
    font-weight: bold;
    color: #0000B8;
}

.style-logo-bay
{
    font-size: x-large;
    font-style: italic;
    font-weight: bold;
    color: #0066CC;
}

.blank-row
{
    height: 2px !important; /* Overwrite any previous rules */
}


.normal
{
    color: black;
    font-family: "Verdana";
    font-size: 0.94em;
    line-height: 150%;
    font-weight: normal;
    font-style: normal;
}

.normal-para
{
    color: black;
    font-family: "Verdana";
    font-size: 0.94em;
    line-height: 200%;
    font-weight: normal;
    font-style: normal;
}


.normal-para-nofont
{
    color: black;
    font-family: "Verdana";
    line-height: 200%;
    font-weight: normal;
    font-style: normal;
}

.symbol
{
    color: black;
    font-family: "symbol";
    font-size: 1.1em;
    line-height: 150%;
    font-weight: normal;
    font-style: normal;
}


.symbol-white
{
    color: white;
    font-family: "symbol";
    font-size: 1.1em;
    line-height: 150%;
    font-weight: normal;
    font-style: normal;
}

.larger-text
{
    color: black;
    font-family: "Verdana";
    font-size: 1.05em;
    line-height: 150%;
    font-weight: normal;
    font-style: normal;
}


/* clear to fix overlapping div */
.clear
{
    clear: both;
}

.style-red
{
    color: red;
}


.style-magenta
{
    color: #FF00FF;
}

.style-blue
{
    color: blue;
}
.style-underline
{
    text-decoration: underline;
}


.style-tooltip
{
    color: black;
    font-family: "Verdana";
    font-size: 0.94em;
    line-height: 150%;
    font-weight: normal;
    padding: 10px;
}

.style-tooltip-small
{
    font-family: "Verdana";
    font-size: 0.9em;
    line-height: 150%;
}


.table1
{
    table-layout: fixed;
    width: 1004px;
    float: left;
    padding: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.94em;
    line-height: 150%;
    font-weight: normal;
    border-collapse: collapse;
    border-spacing: 0px;
}

.table2
{
    table-layout: fixed;
    width: 1004px;
    float: left;
    padding: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.94em;
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}


/* for view div */
.view_div
{
    width: 1000px;
    display: inline-block;
    font-family: "Verdana";
    font-size: 0.96em;
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
    background-color: #E6E6E6;
    padding: 10px 5px 10px 20px;
    border: 1px solid black;
}


.gridview-header
{
    line-height: 150%;
    background-color: #507CD1;
    font-weight: bold;
    color: white;
    text-align: center;
}

.data-grid
{
    font-family: "Verdana";
    font-size: 1.0em;
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}


.combo01
{
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 60px;
    height: 21px;
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    outline: none;
}

/* fix chrome yellow bg in password input */
input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0 1000px #ffdcb9 inset !important;
}
/* fix chrome yellow bg in password input */

.input50
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 50px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input60
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 60px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input60-21px
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 60px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input65
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 65px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}


.input65-25px
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 65px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input65-25px-white
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    width: 65px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}


.input75
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 70px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}


.input75-10em
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 70px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}


.input85
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 85px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input95
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 95px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input100
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 100px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input110
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 110px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input120
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 120px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input130
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 130px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input130-25px
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 130px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input140
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 140px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input150
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 150px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input160
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 160px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input165
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 165px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input170
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 170px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input175
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 175px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input175-25px
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 175px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}


.input185
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 185px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input195
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 195px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input200
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 200px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input210
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 210px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input210-25px
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 210px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input220
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 220px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input225
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 225px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input230
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 230px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input260
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 260px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input345-25px
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    width: 345px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input250
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 250px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input250-25px
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 250px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input245
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 245px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input270
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 270px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input285
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 285px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input285-21px
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 285px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input295
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 295px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input295-nobg
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 295px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input325
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 325px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input345
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 345px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.input325-height100
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 325px;
    height: 100px;
    outline: none;
    vertical-align: middle;
}

.input360
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 360px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input400
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 400px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input500
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 500px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.input580-25px
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    width: 580px;
    height: 25px;
    outline: none;
    vertical-align: top;
    text-align: left;
}

.input610
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 610px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}


.label-OK
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 45px;
    height: 21px;
    outline: none;
    border: none;
    vertical-align: middle;
    text-align: center;
    display: block;
}


.label75-magenta
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    color: fuchsia;
    width: 65px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
}


.label100-magenta
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    color: fuchsia;
    width: 100px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
}

/* **** for sub-title, width to be added in code **** */
.label-title
{
    font-family: "Verdana";
    font-size: 0.96em;
    font-weight: normal;
    background-color: #99CCFF;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 3px;
    padding-bottom: 0px;
    padding-left: 12px;
}

.label-title-01
{
    font-family: "Verdana";
    font-weight: normal;
    background-color: #99CCFF;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 12px;
}
/* **** for sub-title, width to be added in code **** */

.label150-magenta
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    color: fuchsia;
    width: 150px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
}

.label298-magenta
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    color: fuchsia;
    width: 298px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
}

.label10
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 10px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label48
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-family: "Verdana";
    font-size: 0.955em;
    font-weight: normal;
    width: 48px;
    height: 21px;
    outline: none;
    vertical-align: text-bottom;
    display: block;
    margin-left: 18px;
}

.label55
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    font-family: "Verdana";
    font-size: 0.955em;
    font-weight: normal;
    width: 55px;
    height: 21px;
    outline: none;
    vertical-align: text-bottom;
    display: block;
    margin-left: 18px;
}

.label75
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 65px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label75-75
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 75px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label75-OK
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 65px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    text-align: center;
    display: block;
}

.label50-overlay
{
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    color: blue;
    width: 50px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.label60-overlay
{
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    color: blue;
    width: 60px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 3px;
    padding-right: 3px;
}

.label30-overlay-00
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 30px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
}


.label75-overlay-00
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
}

.label75-00-blue
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    color: Blue;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
}

.label95-overlay-00
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 95px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
}

.label75-overlay-90
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}

.label40-90-blue
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    color: blue;
    font-weight: normal;
    width: 40px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}



.label75-overlay-45
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-45deg);
    transform-origin: left bottom 0;
}

.label95-overlay-30
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 95px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-30deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-30deg);
    transform-origin: left bottom 0;
}



.label95-overlay-45
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 95px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-45deg);
    transform-origin: left bottom 0;
}

.label75-overlay-135
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(45deg);
    transform-origin: left bottom 0;
}

.label95-overlay-135
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 95px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(45deg);
    transform-origin: left bottom 0;
}

.label95-overlay-90
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 95px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-90deg);
    transform-origin: left bottom 0;
}

.label75-overlay-30
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(-32deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(-32deg);
    transform-origin: left bottom 0;
}

.label75-overlay-150
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.9em;
    background-color: white;
    font-weight: normal;
    width: 75px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(38deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(38deg);
    transform-origin: left bottom 0;
}

.label125-overlay
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.955em;
    font-weight: normal;
    width: 125px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
}


.label250-overlay
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.955em;
    font-weight: normal;
    width: 250px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
}


.label125-overlay-ver
{
    border-style: none;
    font-family: "Verdana";
    font-size: 0.955em;
    font-weight: normal;
    width: 125px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    display: block;
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    -webkit-transform-origin: left bottom 0;
    transform: rotate(270deg);
    transform-origin: left bottom 0;
}

.input60-overlay
{
    font-family: "Verdana";
    font-size: 0.9em;
    font-weight: normal;
    border: 1px solid #0000FF;
    background-color: #ffdcb9;
    width: 60px;
    height: 21px;
    outline: none;
    vertical-align: middle;
}

.label73-normal
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 73px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}

.label75-bold
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    width: 65px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}


.label250
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    background-color: #99CCFF;
    width: 250px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label250-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 250px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}

.label270-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 270px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}


.label75-NoBlock
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 65px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
}

.label100
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 100px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}



.label130
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 130px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label130-nobg
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 130px;
    height: 25px;
    background-color: white;
    border: 1px solid #CCCCCC;
    vertical-align: middle;
}

.label130-block
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 130px;
    height: 25px;
    outline: none;
    vertical-align: middle;
    display: inline-block;
}


.label145
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 145px;
    height: 25px;
    outline: none;
    vertical-align: middle;
    display: inline-block;
}

.label150
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 150px;
    height: 25px;
    outline: none;
    vertical-align: middle;
    display: inline-block;
}

.label145-align-right
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 145px;
    height: 25px;
    outline: none;
    vertical-align: middle;
    text-align: right;
    display: inline-block;
}


.label180
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 175px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label200
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 200px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
}

.label210-25px
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 210px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label270
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 270px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}


.label270-block
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 270px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label275
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 275px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label298
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 298px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label298-title-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 298px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 8px;
}


.label335
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 335px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label345
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 345px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label345-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    background-color: #99CCFF;
    width: 345px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}

.label345-title-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 345px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}

.label355-title-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 355px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}

.label345-small-font
{
    font-family: "Verdana";
    font-size: 0.85em;
    font-weight: normal;
    width: 345px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label395-title-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 395px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 2px;
    padding-bottom: 0px;
    padding-left: 8px;
}


.label400-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    background-color: #99CCFF;
    width: 400px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label450-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    background-color: #99CCFF;
    width: 450px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label500-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    background-color: #99CCFF;
    width: 500px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label475-title-normal
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 475px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
    padding-top: 4px;
    padding-bottom: 0px;
    padding-left: 8px;
}

.label560
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 560px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}


.label345-2Line
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 345px;
    height: 62px;
    outline: none;
    vertical-align: middle;
}
.label425-no-height
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 425px;
    outline: none;
    vertical-align: middle;
}

.label395
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 395px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label400-2Line
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    outline: none;
    vertical-align: middle;
}

.label475
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 475px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label540
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 540px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label540-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    background-color: #99CCFF;
    width: 540px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label620
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 620px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}



.label500-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    background-color: #D1E0FF;
    width: 500px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label600-title
{
    font-family: "Verdana";
    font-size: 1.0em;
    background-color: #D1E0FF;
    width: 600px;
    height: 30px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label720
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 720px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label720-block
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 720px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label270-block
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 270px;
    height: 25px;
    outline: none;
    border: none;
    vertical-align: middle;
    display: block;
}

.label850
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 850px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label980
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 980px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.label980-bold
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: bold;
    width: 980px;
    height: 25px;
    outline: none;
    vertical-align: middle;
}

.button65-096em
{
    font-family: "Verdana";
    font-size: 0.96em;
    font-weight: normal;
    width: 65px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button65-090em
{
    font-family: "Verdana";
    font-size: 0.90em;
    font-weight: normal;
    width: 65px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button65
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 65px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button85-096em
{
    font-family: "Verdana";
    font-size: 0.96em;
    font-weight: normal;
    width: 85px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button70
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 70px;
    height: 25px;
    vertical-align: middle;
    display: block;
}

.button75
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 75px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button85
{
    font-family: "Verdana";
    font-size: 1.0em;
    font-weight: normal;
    width: 85px;
    height: 25px;
    vertical-align: middle;
    display: block;
}

.button100
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 100px;
    height: 25px;
    vertical-align: middle;
    display: block;
}

.button110
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 110px;
    height: 25px;
    vertical-align: middle;
    display: block;
}

.button90-090em
{
    font-family: "Verdana";
    font-size: 0.90em;
    font-weight: normal;
    width: 90px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button110-090em
{
    font-family: "Verdana";
    font-size: 0.90em;
    font-weight: normal;
    width: 110px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
}

.button135
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 135px;
    height: 25px;
    vertical-align: middle;
    display: block;
}

.button200
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 200px;
    height: 25px;
    vertical-align: middle;
    display: block;
}

.button200-wrap
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 200px;
    vertical-align: middle;
    display: block;
    white-space: normal;
}


.validate350
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 350px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    text-align: left;
    color: Red;
}

.validate445-hidden
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 445px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    text-align: left;
    color: Red;
    display: none;
}

.validate500
{
    font-family: "Verdana";
    font-size: 0.94em;
    font-weight: normal;
    width: 500px;
    height: 21px;
    outline: none;
    vertical-align: middle;
    text-align: left;
    color: Red;
}



.style-right
{
    text-align: right;
}
.style-left
{
    text-align: left;
}

.style-center
{
    text-align: center;
}

.style-center-mid
{
    text-align: center;
    vertical-align: middle;
}

.style-left-mid
{
    text-align: left;
    vertical-align: middle;
}
.style-left-mid
{
    text-align: left;
    vertical-align: middle;
}
.style-left-center
{
    text-align: left;
    vertical-align: bottom;
}
.style-left-top
{
    text-align: left;
    vertical-align: top;
}

.text-bot-top
{
    width: 130px;
    height: 50px;
    -ms-transform: rotate(270deg); /* IE 9 */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}

/* ************  GridView Style ************ */
/* For heading */
.grid_view01 th
{
    background-color: #507CD1;
    font-family: "Verdana";
    font-size: 0.85em;
    font-weight: normal;
}

/* For Cell */
.grid_view01 td
{
    font-family: "Verdana";
    font-size: 0.85em;
}
/* For Row */
.grid_view01 tr
{
    font-family: "Verdana";
    font-size: 0.85em;
}
/* ************  GridView Style ************ */


.menuitem_pad
{
    padding-right: 80px;
}

/* ***** put fieldset after means padding is for content inside panel ***** */
.panel_setting_input fieldset
{
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    background-color: #E6E6E6;
    font-family: "Verdana";
    font-size: 1.0em;
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}


/* ************ panel with padding ************ */
.panel fieldset
{
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    background-color: #E6E6E6;
    font-family: "Verdana";
    font-size: 1.0em;
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}

fieldset
{
    display: block;
    border: 1px solid grey !important;
    margin: 0px;
    padding: 0px;
}
fieldset legend
{
    display: block;
    font-family: "Verdana";
    font-size: 0.84em; /* panel grouping text font size */
}

/* ************ panel with padding ************ */
.panel_calc
{
    padding-top: 10px;
    padding-left: 100px;
    padding-right: 80px;
    padding-bottom: 10px;
    background-color: #E6E6E6;
    font-family: "Verdana";
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}

/* ************ Tab Menu Style ************ */

.menu_style_normal
{
    font-family: "Verdana";
    font-size: 0.90em;
    font-weight: normal;
    color: black;
    background-color: #d9d9d9;
    border: thin outset #000000;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 2px; /* add this for menu item spacing   */
}

.menu_style_selected
{
    font-family: "Verdana";
    font-size: 0.90em;
    font-weight: bold;
    color: white;
    background-color: #3667c9;
    border: thin outset #000000;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

.menu_style_hover
{
    font-family: "Verdana";
    font-size: 0.90em;
    font-weight: bold;
    color: black;
    background-color: #9ab3e4;
    border: thin outset #000000;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
}

/* ************ Tab Menu Style ************ */

/* ************ Tab Style ************ */

.dcal
{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.93em; /* *border: 1px solid blue;* */
}


/* ***** text align right ******* */
.dcal_right
{
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.93em;
}
/* ************ Tab Style ************ */

/* ************ Input Style ************ */
.dinput
{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    line-height: 32px;
    padding: 0px;
    margin: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.84em;
}
.dinput_right
{
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    line-height: 32px;
    padding: 0px;
    margin: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.84em; /* use dinput to control font size*/
}


/* same as table2 but not defining width 1004px */
/* for steel con user input set font same size as dinput  */
.table-input
{
    font-family: "Verdana";
    font-size: 0.84em; /* set font same size as dinput*/
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}

/* same as table-input above but with smaller font */
.table-input2
{
    font-family: "Verdana";
    font-size: 0.75em; /* set font same size as dinput*/
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}

/* for panel grouping text font size slightly larger than dinput size*/
legend
{
    font-family: "Verdana";
    font-size: 0.87em; /* slightly larger than dinput size*/
}


/* when there is dinput use table3, no dinput use table4 */
/* don't use table4 & dinput at same time to avoid duplicate scale down */

/* same as table2 but not defining width 1004px */
/* for steel con user input set font=1 to avoid affecting calc font size  */
.table-10font
{
    font-family: "Verdana";
    font-size: 1.0em; /* set font=1 to avoid affecting calc font size*/
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}

.table-09font
{
    font-family: "Verdana";
    font-size: 0.9em; /* set font=1 to avoid affecting calc font size*/
    line-height: 150%;
    font-weight: normal;
    vertical-align: middle;
}


/* ************ Input Style ************ */


/* ************ Draggable Style ************ */
.window
{
    position: absolute;
    border: 1px solid #ddd;
    background: #E6E6E6;
    box-shadow: 6px 6px 3px #888888;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}
.window .titlebar
{
    background: #66a3ff;
    text-align: left;
    cursor: move;
}
.window .content
{
}
/* ************ Draggable Style ************ */

/* ************ Force Page Break ************ */
div.page
{
    page-break-after: always;
    page-break-inside: avoid;
}

/* ************ double hor line ************ */
hr.single_hr
{
    border: 0;
    border-top: 1px solid black;
}

hr.single_hr_grey
{
    border: 0;
    border-top: 1px solid #808080;
}

hr.double_hr
{
    border: 0;
    border-top: 4px double black;
}

/* ************ double hor line ************ */


/* ************ use sup & sub when sup and sub not co-exist************ */
sub, sup
{
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 75% !important; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup
{
    /* Move the superscripted text up */
    top: -0.6em;
    left: 0.1em;
}

sub
{
    /* Move the subscripted text down, but only half as far down as the superscript moved up */
    bottom: -0.4em;
    left: 0.2em;
}
/* ************ use sup & sub when sup and sub not co-exist************ */



/* ************ use sup2 & sub2 when sup and sub co-exist************ */

.supsub
{
    display: inline-block;
}

sub2, sup2
{
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 75%; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup2
{
    /* Move the superscripted text up */
    top: -0.6em;
    left: 0.2em;
}

sub2
{
    /* Move the subscripted text down, but only half as far down as the superscript moved up */
    bottom: -0.5em;
    left: -0.4em;
}

/* ************ use sup2 & sub2 when sup and sub co-exist************ */


/**** use sup3 & sub3 for INPUT ** angle size & bolt dia *** use as the overall input font is smaller than calc font  ****/
/* increase the sub font size  otherwise it will be too blur   */
sub3, sup3
{
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 80% !important; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup3
{
    /* Move the superscripted text up */
    top: -0.6em;
    left: 0.1em;
}

sub3
{
    /* Move the subscripted text down, but only half as far down as the superscript moved up */
    bottom: -0.4em;
    left: 0.2em;
}
/**** use sup3 & sub3 for input use as the overall input font is smaller than calc font  ****/



/**** use sup4 & sub4 for INPUT ** label subscript *** use as the overall input font is smaller than calc font  ****/
/* increase the sub font size  otherwise it will be too blur   */
sub4, sup4
{
    /* Specified in % so that the sup/sup is the right size relative to the surrounding text */
    font-size: 78% !important; /* Zero out the line-height so that it doesn't interfere with the positioning that follows */
    line-height: 0; /* Where the magic happens: makes all browsers position the sup/sup properly, relative to the surrounding text */
    position: relative; /* Note that if you're using Eric Meyer's reset.css, this is already set and you can remove this rule */
    vertical-align: baseline;
}

sup4
{
    /* Move the superscripted text up */
    top: -0.6em;
    left: 0.1em;
}

sub4
{
    /* Move the subscripted text down, but only half as far down as the superscript moved up */
    bottom: -0.4em;
    left: 0.2em;
}
/**** use sup4 & sub4 for input use as the overall input font is smaller than calc font  ****/


/* ************ fraction top and bot ************ */
.fraction
{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.fraction > span
{
    display: block;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}

.fraction span.fdn
{
    border-top: 1px solid black;
    margin-top: -0.20em;
    padding-top: 0.0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.fraction span.bar
{
    display: none;
}
/* ************ fraction top and bot ************ */

/* ************ square root ************ */
.radical
{
    position: relative;
    font-size: 1.6em;
    vertical-align: middle;
}
.n-root
{
    position: absolute;
    top: -0.333em;
    left: 0.333em;
    font-size: 45%;
}
.radicand
{
    padding: 0.25em 0.25em;
    border-top: 1px solid black;
}
/* ************ square root ************ */

/* ************ Link Button Style ************ */

.link_btn
{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    line-height: 30px;
    padding: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.96em;
    background-color: #d9d9d9;
    border: none !important;
}
.link_btn:hover
{
    background-color: #e6ffff !important;
    border: 1px solid #0000ff !important;
}

/* ************ Link Button Style ************ */


/* ************ force starting a new page when print ************ */
.pagebreak
{
    page-break-before: always;
}
/* page-break-after works */

/* ************ for title block ************ */
table.report-container
{
    /*  page-break-after:always;*/
}
thead.report-header
{
    padding: 0px;
    color: black;
    font-family: "Verdana";
    font-size: 0.94em;
    line-height: 150%;
    font-weight: normal;
    text-align: left;
    vertical-align: middle;
    display: table-header-group;
}
tfoot.report-footer
{
    display: table-footer-group;
    display: table-row-group;
}

tr.report-header
{
    font-weight: normal;
    page-break-inside: avoid;
}

/* ************ for title block ************ */

/* *************************************************************************************************************** ************ */

/* ************ manual & tooltop ************ */
.manual_body
{
    font-family: Verdana;
    font-size: 10pt;
    width: 95%;
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 10px;
}

.manual_font
{
    font-family: Verdana;
    font-size: 10pt;
}

/* **** height=850px when there is path on top ******* */
.manual_content
{
    font-family: Verdana;
    font-size: 10pt;
    width: 100%;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    height: 8850px;
    overflow: auto;
}

/* **** height=1000px when there is no path on top ******* */
.manual_content2
{
    font-family: Verdana;
    font-size: 10pt;
    width: 100%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: 835px;
    overflow: auto;
    border: 1px solid black;
    vertical-align: top;
}

.manual_treeview
{
    font-family: Verdana;
    font-size: 10pt;
    width: 300px;
    height: 850px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    border: 1px solid black;
    vertical-align: top;
    overflow: auto;
}
.manual_logo
{
    width: 300px;
    height: 35px;
    border: 1px solid black;
    vertical-align: middle;
}


.manual_sitemap
{
    width: 100%;
    height: 35px;
    border: 1px solid black;
    vertical-align: middle;
    text-align: left;
}

.manual_text
{
    font-family: Verdana;
    font-size: 10pt;
    line-height: 150%;
}

.tooltip_text
{
    font-family: Verdana;
    font-size: 10pt;
    line-height: 150%;
    padding: 0px;
}


/* ************ manual & tooltop ************ */