/* 
    Document   : form
    Created on : Mar 5, 2012, 11:29:17 AM
    Author     : WP Pan
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
/*PWP 2014-04-22 13:58:27 [Add]:: fix ie 11 issue */     
    width:100%;
    height:100%;    
}

.inputtable, .subformtable, .inputtab{
    width:95%;
}

.inputtable td {
    vertical-align: top;
}
.inputtable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left
}  
.inputfield{
    HEIGHT:20px; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
}

.selectfield{
    FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
}

.textareafield{
    WIDTH: 100%; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma
}

.formError{
    width: 100%;
    font: normal 11px arial;
    color: #fe0724;
    PADDING-TOP:5px; PADDING-BOTTOM:5px; PADDING-RIGHT:5px; PADDING-LEFT:5px; 
    background-color: #fadcf4;
    border: 0px solid #60adf6;
/*PWP 2014-04-16 12:58:06 [Add]:: fix IE 11 display issue */    
    display: inline-block;
}

.error {
    font: normal 11px arial;
    color: #fe0724;    
    padding: 1px;
    margin-left:5px;
    background-color: #fadcf4;
    border: 0px solid #60adf6;
} 

.fielderror{
    /*font: normal 10px arial;  */
    background-color: #bbdefe;
    border: 1px solid #60adf6; 
}

.requiredMark{    
    color: red;    
}

.inputtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
/*
-- PWP 20120517 -- Hide : These setting will affect listing / send this email recipient list appearance
.inputtable .headrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; 
        WIDTH: 150px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; TEXT-ALIGN: right
}

.inputtable .oddrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}

.inputtable .evenrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}
*/
/*
.subformheader {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #dddddd; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: right 
}
.subformtable {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; BACKGROUND: #dddddd; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; BORDER-COLLAPSE: collapse
}
.subformtext {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
TEXTAREA.subformtext {
	FONT-SIZE: 8pt; BACKGROUND: #ffffff; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}


.mybuttonsubtitle {
	FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
.mybuttontable {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #003399; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#123568', EndColorStr='#3C6CAF'); PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.mybuttontitle {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
.mybuttonbutton {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.myhighlight {
	BACKGROUND: #3d96da; COLOR: #ffffff
}
.mylinkbutton {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #3d96da; BORDER-LEFT: #777777 1px solid; 
        WIDTH: 130px; BORDER-BOTTOM: #777777 1px solid
}
.mylinkimage {
	
}
.mylinksubtitle {
	FONT-SIZE: 8pt; COLOR: #ffffc0; FONT-FAMILY: Arial
}
.mylinktitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Arial; text-alignment: left
}
.mylinktitle A {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Arial; text-alignment: left
}
.mylisttitle {
	FONT-SIZE: 10pt; COLOR: #ffffc0; FONT-FAMILY: Arial
}
.listtable .headrow {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0A2B5B', EndColorStr='#4779C1'); BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.listtable .oddrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.listtable .evenrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
*/

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; SCROLLBAR-SHADOW-COLOR: #0c2d5e; SCROLLBAR-ARROW-COLOR: #c2e6ff; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: #f2f5fb; FONT-FAMILY: Arial; SCROLLBAR-DARKSHADOW-COLOR: #404040; SCROLLBAR-BASE-COLOR: #4a75b6; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.pagespanlist {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #ffffff; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.pagespanedit {
	BORDER-RIGHT: #aaaaaa 1px solid; BACKGROUND: #f0f0f0; BORDER-LEFT: #aaaaaa 1px solid
}
A:link {
	FONT-WEIGHT: bold; COLOR: #003399; TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: bold; COLOR: #003399; TEXT-DECORATION: none
}
A:hover {
	FONT-WEIGHT: bold; COLOR: #a8b8b7; TEXT-DECORATION: underline
}
.authrow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 5px; BORDER-LEFT: #777777 1px solid; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: right; TEXT-DECORATION: none
}
.authtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.expandtablebutton {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; CURSOR: pointer; PADDING-TOP: 2px;
}
.expandtablehead1 {
	BORDER-RIGHT: #001144 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #445588 2px outset; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #3d96da; PADDING-BOTTOM: 2px; BORDER-LEFT: #445588 2px outset; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #001144 2px outset; TEXT-ALIGN: left
}
.expandtablehead3 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 7px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #ffffff; BORDER-LEFT: medium none; COLOR: #000000; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse; TEXT-ALIGN: left
}
.ftrcopyright {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.ftrloginname {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #003399; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.inputcalendar {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; WIDTH: 300px; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.inputlarge {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; WIDTH: 75%; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.inputmedium {
/* PWP 2014-04-22 11:12:43 [TO REMOVE]:: fix ie 11 layout issue */    
/*	BORDER-RIGHT: 2px inset; BORDER-TOP: 2px inset; BORDER-LEFT: 2px inset;BORDER-BOTTOM: 2px inset; */
        FONT-WEIGHT: normal; FONT-SIZE: 8pt;  WIDTH: 275px; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.inputsmall {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; WIDTH: 100px; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.inputtiny {
	WIDTH: 15px
}
/*
.inputtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse 
}
*/
.formtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}

.formtable td {
     vertical-align: top;
}
.formtitle {
/*PWP 2014-04-22 13:58:27 [Add]:: set title as nowrap */     
/*PWP 2021-12-02 03:39 PM [Modify]:: remove duplicate font-weight style*/
	white-space: nowrap; BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; BACKGROUND: #D0D0D0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; font-weight: bold;            
}

.formheader {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #dddddd; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: right
}

.formtext {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left
}

.formfooter {    
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #D0D0D0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: center
}

/* PWP 20120504 
- to differentiate with main form style formfooter, use in section footer 
(e.g. add signoff / add related document...) */
.formsubfooter {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #D0D0D0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: center
}

.formaddbutton {
	background-color: #37517c; color: #ffffff;height:20px; font-size:8pt; font-family:tahoma; cursor:pointer;	
}

/*
.expandtablehead2 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.expandtablehead2 .inforow {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.tablisttable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.tabtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.inputtable .headrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; TEXT-ALIGN: right
}
*/
.formtable .headrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; TEXT-ALIGN: right
}
/*
.tabtable .headrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; TEXT-ALIGN: right
}
.tablisttable .headrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; WIDTH: 150px; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; TEXT-ALIGN: right
}

.inputtable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left 
}
*/
.formtable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left
}
/*
.listtable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left
}
.texttable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left
}
.tabtable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left
}
.tablisttable .inforow {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #d0d0d0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; LINE-HEIGHT: 20px; BORDER-BOTTOM: #777777 1px solid; TEXT-ALIGN: left
}
.inputtable .oddrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left 
}
.inputtable .evenrow {
        BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}
*/
.formtable .oddrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}

.formtable .evenrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}
/*
.tabtable .oddrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}
.tabtable .tablisttable .oddrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}
.tablisttable .evenrow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 10px; BORDER-TOP: medium none; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 3px; BORDER-LEFT: medium none; COLOR: #000000; PADDING-TOP: 3px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left
}
.inputtable .inputtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none 
}
.inputtable .expandtablehead2 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none 
}
*/
.formtable .expandtablehead2 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none 
}
/*
.expandtablehead2 .expandtablehead2 {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
*/
.subformheader {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #dddddd; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: right;
}
.subformtable {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; BACKGROUND: #dddddd; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; BORDER-COLLAPSE: collapse
}
.subformtext {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #000000; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
TEXTAREA.subformtext {
	FONT-SIZE: 8pt; BACKGROUND: #ffffff; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
/* PWP 2020-07-27 10:50 AM [Add]:: format text at Email this document > Matching People & Recipients */
.subformtext select option {
	FONT-SIZE: 8pt; BACKGROUND: #ffffff; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}

.subformtext LI {
	COLOR: #697380
}
.listtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; 
        BACKGROUND: #f0f0f0;                 
        BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.listtable .cmdheadrow {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /*BACKGROUND: #f0f0f0; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0A2B5B', EndColorStr='#4779C1'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */    
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);        
        BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.listtable .cmdrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

.listtable .headrow {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /*BACKGROUND: #f0f0f0; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0A2B5B', EndColorStr='#4779C1'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */            
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                  
        BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
/*
.expandtablehead2 .listtable .headrow {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#0A2B5B', EndColorStr='#4779C1'); BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
*/
.listtable .oddrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.listtable .evenrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
/*
.expandtablehead2 .listtable .oddrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.expandtablehead2 .listtable .evenrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.tablisttable .listtable .oddrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.tablisttable .listtable .evenrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
*/

/*
.tablisttable .listtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
*/
.mybuttonsubtitle {
	FONT-SIZE: 7pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
.mybuttontable {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /* BACKGROUND: #003399; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#123568', EndColorStr='#3C6CAF'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */        
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                  
        PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.mybuttontitle {
	FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Arial
}
.mybuttonbutton {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.myhighlight {
	BACKGROUND: #3d96da; COLOR: #ffffff
}
.mylinkbutton {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #3d96da; BORDER-LEFT: #777777 1px solid; WIDTH: 130px; BORDER-BOTTOM: #777777 1px solid
}
.mylinkimage {
	
}
.mylinksubtitle {
	FONT-SIZE: 8pt; COLOR: #ffffc0; FONT-FAMILY: Arial
}
.mylinktitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Arial; text-alignment: left
}
.mylinktitle A {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #ffffff; FONT-FAMILY: Arial; text-alignment: left
}
.mylisttitle {
	FONT-SIZE: 10pt; COLOR: #ffffc0; FONT-FAMILY: Arial
}
.mysearchtable {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff
}
/*
.mysearchtext {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff
}
*/
.mysectionbutton {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.mysectionheader {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /* BACKGROUND: #003399; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#123568', EndColorStr='#3C6CAF'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */   
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                 
        BORDER-LEFT: medium none; COLOR: #ffffff; LINE-HEIGHT: 11px; PADDING-TOP: 3px; BORDER-BOTTOM: #000000 1px solid
}
.mysectiontable {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; TEXT-DECORATION: none
}
.mysectiontext {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f2f5fb; PADDING-BOTTOM: 3px; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: Arial
}
.mysubitem {
	FONT-SIZE: 8pt; BACKGROUND: #ffffff; COLOR: #000000; FONT-FAMILY: Arial
}
.mysubitemover {
	FONT-SIZE: 8pt; BACKGROUND: #cccccc; COLOR: #000000; FONT-FAMILY: Arial
}
.mytitlebar {
	BORDER-RIGHT: 2px solid; BORDER-TOP: 2px solid; FONT-SIZE: 10pt; BACKGROUND: #000000; BORDER-LEFT: 2px solid; COLOR: #ffffff; BORDER-BOTTOM: 2px solid; FONT-FAMILY: Arial
}
.newsbodytext {
	PADDING-LEFT: 20px; FONT-SIZE: 8pt; COLOR: #003366; FONT-FAMILY: Arial
}
.newsheadline {
	PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; text-alignment: left
}
.pagehelpbutton {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 3px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid
}
.pagehelpheader {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /* BACKGROUND: #3d96da; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#123568', EndColorStr='#3C6CAF'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */    
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                
        BORDER-LEFT: medium none; COLOR: #ffffff; LINE-HEIGHT: 21px; BORDER-BOTTOM: #000000 1px solid
}
.pagehelptable {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; TEXT-DECORATION: none
}
.pagehelptext {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 5px; COLOR: #000000; PADDING-TOP: 5px
}
.pagetable {
	BORDER-COLLAPSE: collapse
}
.pagecellleft {
	PADDING-RIGHT: 10px; BACKGROUND: #ffffff
}
.pagecellright {
	MARGIN-LEFT: 20px; WIDTH: 200px; PADDING-TOP: 14px
}
.phonebookphoto {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #3d96da; BORDER-LEFT: #777777 1px solid; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse
}
.progstepdark {
	BACKGROUND: #003366; WIDTH: 5px; COLOR: #ffffff; HEIGHT: 10px
}
.progsteplight {
	BACKGROUND: #ffffff; WIDTH: 5px; HEIGHT: 10px
}
.progtable {
	BORDER-RIGHT: #ffffff 2px inset; BORDER-TOP: #ffffff 2px inset; BACKGROUND: #ffffff; BORDER-LEFT: #ffffff 2px inset; BORDER-BOTTOM: #ffffff 2px inset
}
.submenutext A {
	COLOR: #444444
}
.submenutext A:visited {
	COLOR: #444444
}
.submenurow {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 2px; BORDER-TOP: medium none; PADDING-LEFT: 2px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #fafafa; PADDING-BOTTOM: 2px; BORDER-LEFT: medium none; COLOR: #444444; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; FONT-FAMILY: Tahoma; TEXT-ALIGN: left
}
.submenubutton {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; CURSOR: pointer; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.submenuheader {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /* BACKGROUND: #003399; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#123568', EndColorStr='#3C6CAF'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */      
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                
        PADDING-BOTTOM: 1px; BORDER-LEFT: #000000 1px solid; COLOR: #ffffff; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid
}
.submenuicon {
	FONT-SIZE: 8pt; BACKGROUND: #003399; TEXT-ALIGN: right
}
.submenutable {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 0px; BORDER-TOP: medium none; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; BORDER-LEFT: medium none; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; TEXT-DECORATION: none
}
.submenutable .submenutable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
.submenutext {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; PADDING-BOTTOM: 5px; BORDER-LEFT: #777777 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial
}
/*
.tabmute {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #ffffff; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
*/
.taboff {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; BORDER-LEFT: #777777 1px solid; CURSOR: pointer; COLOR: #303030; PADDING-TOP: 5px; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial; BACKGROUND-COLOR: #d0d0d0
}
.tabon {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; BORDER-LEFT: #777777 1px solid; CURSOR: pointer; COLOR: #000000; PADDING-TOP: 5px; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial; BACKGROUND-COLOR: #f0f0f0
}
.tabtable {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 15px; BORDER-TOP: medium none; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.textrow {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 20px; TEXT-ALIGN: left
}
.texttable {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12pt; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT-FAMILY: Arial; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.titlecaption {
	FONT-SIZE: 9pt; COLOR: #94bbf2; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-ALIGN: left
}
.titlerow {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #282c3f; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.titletable {
	BACKGROUND: #282c3f; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 20px; cell-spacing: 0px
}

.titlecaption {
	FONT-SIZE: 9pt; COLOR: #94bbf2; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-ALIGN: left
}

.titlebuttons {    
	FONT-SIZE: 9pt; 
        COLOR: #94bbf2;
        FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-ALIGN: right;  
}

.titlebuttons a, .titlebuttons a:hover, .titlebuttons a:visited {
        COLOR: #94bbf2;
	BORDER-RIGHT: medium none; PADDING-RIGHT: 2px; 
        BORDER-TOP: medium none; PADDING-LEFT: 2px; 
        FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        PADDING-BOTTOM: 2px; BORDER-LEFT: medium none;         
        PADDING-TOP: 2px; BORDER-BOTTOM: medium none; FONT-FAMILY: Tahoma;   
}

.udtfieldhelp {
	WIDTH: 20px
}
/*
.udtformtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #ffffff; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
*/
.udtinformation {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; PADDING-BOTTOM: 5px; COLOR: #f0f0f0; PADDING-TOP: 20px
}
.unreaddocument {
	COLOR: #000044
}
/*
.menuBody .mztreetitle A:link {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
.menuBody .mztreetitle A:visited {
	FONT-WEIGHT: bold; COLOR: #ffffff; TEXT-DECORATION: none
}
.menuBody .mztreetitle A:hover {
	FONT-WEIGHT: bold; COLOR: #a8b8b7; TEXT-DECORATION: underline
}
.mztreetitle A:link {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none
}
.mztreetitle A:visited {
	FONT-WEIGHT: normal; COLOR: #000000; TEXT-DECORATION: none
}
.mztreetitle A:hover {
	FONT-WEIGHT: normal; COLOR: #a8b8b7; TEXT-DECORATION: underline
}
.mztreetitleselected A:link {
	FONT-WEIGHT: bold; COLOR: #a8b8b7; TEXT-DECORATION: none
}
.mztreetitleselected A:visited {
	FONT-WEIGHT: bold; COLOR: #a8b8b7; TEXT-DECORATION: none
}
.mztreetitleselected A:hover {
	FONT-WEIGHT: bold; COLOR: #a8b8b7; TEXT-DECORATION: underline
}
.mztreetable {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; FONT-FAMILY: Arial
}
.menuBody {
	BORDER-RIGHT: #000000 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #003399; COLOR: #ff0000; FONT-FAMILY: Arial; TEXT-ALIGN: left
}
A.menuLink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menuLink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menuLink:active {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
A.menuLink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #a8b8b7; FONT-FAMILY: Arial; TEXT-DECORATION: underline
}
*/
.titletable {
	BACKGROUND: #282c3f; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 30px
}
.titlecaption {
	FONT-SIZE: 9pt; COLOR: #94bbf2; FONT-FAMILY: Verdana, Arial, sans-serif; TEXT-ALIGN: left
}
/*
.silenttable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #ffffff; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
*/
.itemtable {
	BORDER-COLLAPSE: collapse
}
.itemtablehover {
	BORDER-COLLAPSE: collapse
}
.itemtabledown {
	BORDER-COLLAPSE: collapse
}
.graphiconly {
	BACKGROUND: #003399; PADDING-BOTTOM: 20px; align: center
}
.textonlynormal {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 10px; 
        /* BACKGROUND: #f090a7; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#0A2B5B', EndColorStr='#4779C1'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */         
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                   
        PADDING-BOTTOM: 5px; BORDER-LEFT: #000000 1px solid; CURSOR: pointer; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 1px solid
}
.textonlynormal A {
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-DECORATION: none
}
.popuprow {
	BORDER-RIGHT: #003399 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #003399 1px solid; PADDING-LEFT: 5px; BACKGROUND: #003399; PADDING-BOTTOM: 2px; BORDER-LEFT: #003399 8px solid; COLOR: #ffffff; LINE-HEIGHT: 15px; BORDER-BOTTOM: #003399 1px solid
}
.popuprowhover {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #668bc0; PADDING-BOTTOM: 2px; BORDER-LEFT: #a8b8b7 8px solid; COLOR: #000000; LINE-HEIGHT: 15px; BORDER-BOTTOM: #000000 1px solid
}
.popuprow A {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff
}
.popuprowhover A {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000
}
.popuprowhover A:hover {
	COLOR: #000000
}
.grouppopup {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 10px; BACKGROUND: #003399; MARGIN-BOTTOM: 6px; BORDER-LEFT: medium none; WIDTH: 90%; COLOR: #ffffff; BORDER-BOTTOM: medium none; alignment: right
}
.dropdowntable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 10px; BACKGROUND: #003399; MARGIN-BOTTOM: 6px; BORDER-LEFT: medium none; WIDTH: 90%; COLOR: #ffffff; BORDER-BOTTOM: medium none; alignment: right
}
.dropdownbutton {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #282c3f 1px solid; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #282c3f 1px solid
}
.dropdownbuttonup {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 1px; BORDER-LEFT: #282c3f 1px solid; CURSOR: pointer; PADDING-TOP: 2px; BORDER-BOTTOM: #282c3f 1px solid
}
.dropdownbuttondown {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 6px; BACKGROUND: #a8b8b7; PADDING-BOTTOM: 0px; BORDER-LEFT: #282c3f 1px solid; CURSOR: pointer; PADDING-TOP: 3px; BORDER-BOTTOM: #282c3f 1px solid
}
.mysearchtable {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial
}
.mysearchtext {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial
}
.mysectionbutton {
	BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /* BACKGROUND: #f090a7; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#4779C1', EndColorStr='#0A2B5B'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */          
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                  
        BORDER-LEFT: #777777 1px solid; CURSOR: pointer; LINE-HEIGHT: 21px; PADDING-TOP: 3px; BORDER-BOTTOM: #777777 1px solid
}
.mysectionheader {
	BORDER-RIGHT: #777777 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; 
        /* BACKGROUND: #f090a7; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#0A2B5B', EndColorStr='#4779C1'); */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #4779C1, #0A2B5B); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0A2B5B),color-stop(1, #4779C1)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0A2B5B', endColorstr='#4779C1'); /* IE8 */   
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #0A2B5B, #4779C1);                    
        BORDER-LEFT: medium none; LINE-HEIGHT: 21px; PADDING-TOP: 3px; BORDER-BOTTOM: #777777 1px solid
}
.mysectiontable {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: #777777 1px solid; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; BORDER-COLLAPSE: collapse; TEXT-DECORATION: none
}
.mysectiontext {
	FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: #f0f0f0; COLOR: #000000; FONT-FAMILY: Arial
}

/* PWP 2020-08-03 09:36 AM [Modify]:: Show cursor as pointer */
.formbutton {    
	HEIGHT:20px; FONT-SIZE: 8pt; FONT-FAMILY: Tahoma; cursor:pointer;
}

.processtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; 
        BACKGROUND: #f0f0f0;                 
        BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}
.processtable .headrow {        
        PADDING-TOP:5px; PADDING-BOTTOM:5px; PADDING-RIGHT:5px; PADDING-LEFT:5px;       
        border: 1px solid #153f7d; 
        /*background: #78a8f2 url(images/ui-bg_highlight-soft_50_0724b6_1x100.png) 50% 50% repeat-x; */
        background: #173c71; COLOR: #ffffff; /* Fallback background color for non supported browsers */         
        background-image: -moz-linear-gradient(top, #afcdf7, #2e6bd1); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #2e6bd1),color-stop(1, #afcdf7)); /* Safari & Chrome */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2e6bd1', endColorstr='#afcdf7'); /* IE6 & IE7 */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2e6bd1', endColorstr='#afcdf7'); /* IE8 */      
        /* PWP 2014-04-15 16:56:48 [Add] - For IE 10 and above */
        background: -ms-linear-gradient(top, #2e6bd1,  #afcdf7);                   
        color: #ffffff; 
        font-weight: bold; 
        FONT-SIZE: 9pt;
}

.processtable .evenrow {
	BORDER-RIGHT: #777777 1px solid; BORDER-TOP: #777777 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #f5f5f5; BORDER-LEFT: #777777 1px solid; COLOR: #000000; BORDER-BOTTOM: #777777 1px solid; FONT-FAMILY: Arial; TEXT-DECORATION: none
}

.mailtable {
	BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; BORDER-COLLAPSE: collapse
}

.mailtitle {
	BORDER-RIGHT: #adadad 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #adadad 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 8pt; BACKGROUND: #D0D0D0; PADDING-BOTTOM: 4px; BORDER-LEFT: #adadad 1px solid; COLOR: #222222; PADDING-TOP: 4px; BORDER-BOTTOM: #adadad 1px solid; FONT-FAMILY: Arial; TEXT-ALIGN: left; font-weight: bold
}

.mailtable .headrow {
	BORDER-RIGHT: medium none; 
        PADDING-RIGHT: 15px; 
        BORDER-TOP: medium none; 
        FONT-WEIGHT: bold; 
        FONT-SIZE: 8pt; 
        BACKGROUND: #f0f0f0; 
        PADDING-BOTTOM: 2px; 
        BORDER-LEFT: medium none; 
        COLOR: #000000; 
        PADDING-TOP: 2px; 
        BORDER-BOTTOM: medium none; 
        TEXT-ALIGN: right
}

.mailtable .evenrow {
	BORDER-RIGHT: medium none; 
        PADDING-RIGHT: 10px; 
        BORDER-TOP: medium none; 
        PADDING-LEFT: 10px; 
        FONT-WEIGHT: normal; 
        FONT-SIZE: 8pt; 
        BACKGROUND: #f0f0f0; 
        PADDING-BOTTOM: 3px; 
        BORDER-LEFT: medium none; 
        COLOR: #000000; 
        PADDING-TOP: 3px;
        BORDER-BOTTOM: medium none; 
        TEXT-ALIGN: left
}
/* Dorley Pan, 2020-07-28 11:29 AM [Add]:: Format Date Picker, show cursor when mouseover */
.ui-datepicker-trigger {
    margin-left : 5px;
    vertical-align : top;
    width : 15px;
    height: 14px;
    cursor: pointer;
}

/* CY CHAI, 2021-10-25 2:59 PM [Modify] :: Add back removed user agent style after add HTML5 doctype */
table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    font-variant: normal;
}

input {
    box-sizing: border-box;
}

textarea {
    box-sizing: border-box;
}

form {
    margin-bottom: 1em;
}
/* CY CHAI, 2021-10-25 2:59 PM [Modify] :: Add back removed user agent style after add HTML5 doctype */