.TitleBar { background-color: #EBEBEB; border-top : 1px solid #777777; border-bottom: 1px solid #777777 }
.TitleName { font: bold 13px "Arial"; color: #333333; padding: 0px 0px 0px 10px}
.SubTitleName { font: bold 13px "Arial";font-style: italic; color: #DD5542; padding: 0px 0px 0px 10px}

.Font_Body1 { font: 11px "Arial"; color: #000000; padding: 0px 0px 0px 10px}
.Font_Body1_0 { font: 10px "Arial"; color: #000000; padding: 0px 0px 0px 10px}
.Font_Body5 { font: 11px "Arial"; color: #000000; padding: 2px 0px 0px 10px}
.Font_Body6 { font: 11px "Arial"; color: #CC3300; padding: 2px 0px 0px 5px}


.IconButton { font: 10px "Arial"; color: #333333; cursor: hand, pointer; border: 1px solid #F2EBDB; text-decoration: none ;padding: 0px 2px 0px 2px; left:0; top:0}
.IconButton_Over { font: 10px "Arial"; color: #333333; cursor: hand, pointer; border: 1px solid #CA8E02; text-decoration: none; background-color: #FEE3A5;padding: 0px 2px 0px 2px; left:0; top:0}
.IconButton_Down { font: 10px "Arial"; color: #FFFFFF; cursor: hand, pointer; border: 1px solid #999999; text-decoration: none; background-color: #555555;padding: 0px 2px 0px 2px; left:0; top:0}

.Copyright { font: bold 9px "Arial"; color: #333333; padding: 0px 0px 0px 10px }


.ListHeader1 { background: #777777; cursor: hand, pointer;}
.ListHeader1x { font: 10px "Arial"; color: #FFFFFF; background: #777777; padding: 0px 0px 5px 5px; border: 1px solid #000000}
.ListHeader1a { font: 10px "Arial"; color: #FFFFFF; background: #777777; padding: 0px 0px 0px 0px; cursor: hand, pointer;border: 1px solid #000000}
.ListHeader1ax { font: 10px "Arial"; color: #FFFFFF; background: #777777; padding: 0px 0px 0px 0px;border: 1px solid #000000}
.ListHeader2 { font: 11px "Arial"; color: #FFFFFF; background: #777777; padding: 0px 0px 0px 5px;border: 1px solid #000000}



.ListHeader1_Format { background: #777777; cursor: hand, pointer;}
.ListHeader1_Font { font: 10px "Arial"; color: #FFFFFF; padding: 0px 0px 0px 5px;border: 1px solid #000000}
.ListHeader1_Checkbox { padding: 0px 0px 0px 0px; cursor: hand, pointer; border: 1px solid #000000}

.ListBody1_Format0 { background-color: #FFFFFF;}
.ListBody1_Format1 { background-color: #F0F0F0;}
.ListBody1_FormatC { background-color: #FFFFCC; border-bottom: 1px solid #222222}

.ListBody1_Checkbox { padding: 0px 0px 0px 0px; }
.ListBody1_Font { font: 10px "Arial"; color: #000000; padding: 0px 0px 0px 5px;}
.ListBody1_FontB { font: bold 10px "Arial"; color: #000000; padding: 0px 0px 0px 5px; }
.ListBody1_FontC { font: 10px "Arial"; color: #000000; padding: 0px 0px 0px 5px; border-bottom: 1px solid #222222}

.ListPage_Header1 { font: 11px "Arial"; color: #333333; padding: 4px 0px 4px 10px}
.ListPage_Header2 { font: bold 11px "Arial"; color: #333333; padding: 4px 0px 4px 10px}
.ListPage_Header3 { font: bold 11px "Arial"; color: #333333; padding: 2px 0px 0px 10px}



.MailInfoBG { background: #EEEEEE;border-bottom: 1px solid #777777; border-right: 1px solid #777777}
.MailInfoHeader{ font: 11px "Arial"; color: #333333; padding: 2px 0px 0px 10px}
.MailDetail_text { font: 11px "Arial"; color: #333333; padding: 0px 0px 0px 10px}
.MailBody { font: 11px "Arial"; color: #000000; padding: 10px 10px 0px 10px}

.MailFolder_body { font: 11px "Arial"; border-bottom: 1px solid #000000;color: #333333; padding: 3px 0px 3px 10px}
.MailFolderItem { font: 11px "Arial"; color: #333333; padding: 0px 0px 0px 10px; cursor: hand, pointer}
.MailFolderTitle{ background: #777777 url(../../../../images/misc/mailbox.gif) no-repeat;border-bottom: 1px solid #000000; font: bold 11px "Arial"; color: #FFFFFF; padding: 0px 0px 0px 20px; cursor: hand, pointer}

.MailListItemA { font: 11px "Arial"; color: #333333; padding: 0px 0px 0px 10px; cursor: hand, pointer; border-bottom: 1px solid #999966}
.MailListItemB { font: 11px "Arial"; color: #333333; background: #EEEEEE; padding: 0px 0px 0px 10px; cursor: hand, pointer; border-bottom: 1px solid #999966}
.MailListItemC { font: bold 11px "Arial"; color: #333333; background: #FFFFCC;padding: 0px 0px 0px 10px; cursor: hand, pointer; border-bottom: 1px solid #999966}

.MailListHeader { font: 11px "Arial"; color: #FFFFFF; background: #777777; padding: 0px 0px 0px 10px; cursor: hand, pointer; border: 1px solid #000000}

.MailList { font: 11px "Arial"; color: #333333; padding: 0px 0px 0px 10px;}



.ErrMsgTableA { font: 12px "Arial"; color: #333333; border: 2px solid #FF0000; text-decoration: none ; background-color: #FFF0F0;padding: 5px 20px 5px 20px}
.MsgTableA { font: 12px "Arial"; color: #333333; border: 2px solid #003300; text-decoration: none ; background-color: #ECFFEC;padding: 5px 20px 5px 20px}

.textbox_none {  font: 11px "Arial"; color: #000000; border: 0px solid #993300 }


font { font: 11px "Arial"; color: #666666 }


.font_error { font: bold 11px "Arial"; color: #990000; text-align: center}
.font_alert { font: bold 11px "Arial"; color: #000066; text-align: center}

.button_70x20 { border: 0px none #000000; vertical-align: middle; height: 20px;	width: 70px; background-image: url(../../../../images/button/70x20.gif); background-repeat: no-repeat;	font-family: "arial"; font-size: 10px; font-style: normal; font-weight: bold;  cursor: hand, pointer}
.button_90x20 { border: 0px none #000000; vertical-align: middle; height: 20px;	width: 90px; background-image: url(../../../../images/button/90x20.gif); background-repeat: no-repeat;	font-family: "arial"; font-size: 10px; font-style: normal; font-weight: bold;  cursor: hand, pointer}
.button_70x20a { border: 0px none #000000; vertical-align: middle; height: 20px;	width: 70px; background-image: url(../../../images/button/70x20.gif); background-repeat: no-repeat;	font-family: "arial"; font-size: 10px; font-style: normal; font-weight: bold;  cursor: hand, pointer}
.button_90x20a { border: 0px none #000000; vertical-align: middle; height: 20px;	width: 90px; background-image: url(../../../images/button/90x20.gif); background-repeat: no-repeat;	font-family: "arial"; font-size: 10px; font-style: normal; font-weight: bold;  cursor: hand, pointer}



.textbox_readonly {  font: 11px "Arial"; color: #000000; border: 2px solid #009900 }
.textbox_readonlyD {  font: 11px "Arial"; color: #000000; border: 0px solid #993300; width: 100% }


.textbox {  font: 11px "Arial"; color: #000000; border: 1px solid #993300; padding: 0px 2px 0px 2px}
.textbox:hover, .textbox:focus {  font: 11px "Arial"; color: #000000; border: 1px solid #999999; background-color:#F2F2F2;; padding: 0px 2px 0px 2px}

.textboxB {  font: 11px "Arial"; color: #000000; border: 2px solid #993300; width: 100%}


.dropdownbox {  font: 11px "Arial"; color: #000000; border: 1px solid #993300; padding: 0px 2px 0px 2px scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#000099; scrollbar-base-color:#EEEEEE; scrollbar-darkshadow-color:#444444; scrollbar-face-color:#EEEEEE; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#AAAAAA}
.dropdownbox:hover, .dropdownbox:focus { font: 11px "Arial"; color: #000000; border: 1px solid #999999; background-color:#F2F2F2; padding: 0px 2px 0px 2px scrollbar-3dlight-color:#CCCCCC; scrollbar-arrow-color:#000099; scrollbar-base-color:#EEEEEE; scrollbar-darkshadow-color:#444444; scrollbar-face-color:#EEEEEE; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#AAAAAA}


.font_sub_title { font: 11px "Arial"; color: #666666; padding: 0px 20px 0px 10px; }
.logo_stamp { background-attachment: scroll; background-image: url(../images/logo/ifax.jpg); background-repeat: no-repeat; background-position: left top; }

.layer_windows {BACKGROUND-COLOR:#F2EBDB;LAYER-BACKGROUND-COLOR:#F2EBDB;DISPLAY:none;VISIBILITY:hidden;POSITION:absolute;Z-INDEX:100;PADDING:1px;OVERFLOW:visible;BORDER:solid 1px #777777;TOP:0px;LEFT:0px;WHITE-SPACE:nowrap;CURSOR:hand}
.DisableScreen {DISPLAY:none;VISIBILITY:hidden;POSITION:absolute;Z-INDEX:200;OVERFLOW:visible;TOP:0px;LEFT:0px}

.ButtonG { cursor: hand, pointer; border: 1px solid #999999; background-color: #EEEEEE;padding: 1px 8px 1px 8px}
.ButtonG_Over { cursor: hand, pointer; border: 1px solid #CA8E02; background-color: #FEE3A5;padding: 1px 8px 1px 8px}
.ButtonG_Down { cursor: hand, pointer; border: 1px solid #999999; background-color: #555555;padding: 1px 8px 1px 8px}
.ButtonG_Text { font: 11px "Arial"; color: #333333; cursor: hand, pointer; text-decoration: none}


.frame_header { font: bold 12px "Arial"; color: #333333; padding: 0px 0px 0px 10px; text-align: center}
.frame_error  { font: bold 12px "Arial"; color: #990000; text-align: center}






/* component.css */

INPUT{
	font-family: "Arial";
	font-size: 11px;
	font-weight: normal;
	color: #444444;
}

A {
	font: 11px "Arial" ;
	color: #444444;
	white-space:nowrap;
	cursor: pointer;cursor: hand; 
/*	text-decoration:none;
	vertical-align:middle; 
*/
}
UL {
	list-style: none; margin:0px; padding:0px;
}
LI {
	display:inline; 
}
IMG { 
	border-width: 0px; padding: 0px;
}

/*
DIV.layerA { position:absolute; margin: 0; padding: 0; width: 100%;  overflow: auto; }
*/

DIV.layerA { position:relative; display:block; float:left;  width: 100%;  overflow: auto; }
DIV.layerB { position:relative; display:inline }
DIV.layerC { position:absolute; top: 0px; left:0px; }


DIV.IconTreeA { }
DIV.IconTreeA P { margin:0px; padding:0px; font: 10px "Arial"; display:none; white-space:nowrap; }
DIV.IconTreeA P IMG { border:0px; width: 19px; height: 16px }
DIV.IconTreeA P A { vertical-align:baseline; text-decoration: none; font: 10px "Arial"; }
DIV.IconTreeA P A:hover, DIV.IconTreeA P A:focus { text-decoration:underline; }

.popupmenuA {
	border: 1px solid  #999999;
	background-color:#EEEEEE;
	padding: 2px 2px 2px 2px;
}

.popupmenuA td {
	padding: 0px 0px 0px 0px;
}

.popupmenuB { position:absolute;white-space:nowrap;}
td.popupmenuB_bodyA{ background-color: #EFEFEF; border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 1px 2px 1px 2px}
td.popupmenuB_titleA{
	font-family: "Arial";
	font-size: 11px;
	color: #444444;
	padding: 0px 5px 0px 5px;
	white-space:nowrap;
	border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #FFFFFF; background-color: #EFEFEF; }
td.popupmenuB_titleB{ border-bottom: 1px solid #999999; }
td.popupmenuB_footA{ border-bottom:1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}


.propmenuA { position:absolute;	white-space:nowrap;}
td.propmenuA_bodyA{ background-color: #EFEFEF; border-left: 1px solid #999999; border-right: 1px solid #999999; padding: 1px 2px 1px 2px}
td.propmenuA_titleA{ border-top: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999; background-color: #EFEFEF; }
td.propmenuA_titleB{ border-bottom: 1px solid #999999; }
td.propmenuA_footA{ border-bottom:1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #999999;}

.propmenuB { position:absolute;	white-space:nowrap; padding: 2px; background-repeat:repeat-x; background-color: #F6F6F6; border: 1px solid #666666;}
td.propmenuB_bodyA{  font: 11px bold "Arial"; vertical-align:middle; padding:0px; margin: 0px }
td.propmenuB_titleA{  }
td.propmenuB_titleB{  }
td.propmenuB_footA{ }


.comboboxA { border: 1px solid #DDDDDD; padding: 0px 0px 0px 0px; background-color:#EBE6FF}
.comboboxA TD { padding: 0px 0px 0px 1px }
.comboboxA INPUT { border: 0px none #DDDDDD; width: 100%; background-color:#EBE6FF }

.comboboxA_list { width: 200px; border: 1px solid #DDDDDD; font: 11px bold "Arial" }
.comboboxA_list option { font: 11px bold "Arial" }

.scrollbarA { padding:0px; border-left: 1px solid #DDDDDD;border-right: 1px solid #DDDDDD;background-color:#F3F3F3 }
.scrollbarA INPUT { position:relative; z-index:5;top: 0px; left:0px; padding:0px; background-color:#CBDEFE; border:1px solid #444444; }


DIV.scrollbarB { overflow-y:scroll; width:20px; position: relative; }


.comboboxB{
	margin: 0;
	padding: 0;
	display: inline;
	background-color:#EBE6FF;
	border: 1px solid #555555;
}

.comboboxB LI {
	padding: 1px;
	border: none;
	list-style: none;
	display: inline;
}
.comboboxB LI INPUT { border: 0px none #DDDDDD; background-color:#EBE6FF }




UL.wizardA { list-style: none; margin:0px; padding:0px; width: 700px }
UL.wizardA LI DIV.title { float:left; font: bold 14px "Arial"; color: #666666; text-align:left; padding-top: 5px; padding-bottom: 5px; height: 40px;  }
UL.wizardA LI DIV.image { float:right; border: 0px solid #000000 }
UL.wizardA LI DIV.body { padding: 10px; font: 12px "Arial"; color: #666666; text-indent: 20px; }
UL.wizardA LI DIV.footer { float:right; height: 30px; }


DIV.buttonD { padding: 4px 0px 4px 0px }
DIV.buttonD A { display:inline; padding: 4px 10px 4px 10px; border: 1px solid #999999; cursor: pointer;cursor: hand; text-decoration:none;background-color: #CCCCCC;text-decoration:none;}
DIV.buttonD IMG { border: 0px none #000000; padding: 0px; }
DIV.buttonD A:hover, DIV.buttonD A:focus { border: 1px solid #758a9e; background-color: #EEFDFF; }
DIV.buttonD A:active { border: 1px inset #758a9e; background-color: #EEFDFF; }

DIV.buttonA { padding: 4px 0px 4px 0px }
DIV.buttonA A { display:inline; padding: 2px 4px 2px 4px; border: 1px solid #333333; cursor: pointer;cursor: hand; text-decoration:none;background-color: #F3F3F3;text-decoration:none;}
DIV.buttonA IMG { border: 0px none #000000; padding: 0px; }
DIV.buttonA A:hover, DIV.buttonA A:focus { border: 1px solid #758a9e; background-color: #F2F4C4; }
DIV.buttonA A:active { border: 1px inset #758a9e; background-color: #F2F4C4; }

DIV.buttonB { padding: 0px 0px 0px 0px }
DIV.buttonB A { display:inline; padding: 0px 0px 0px 0px; border: 1px solid #333333; cursor: pointer;cursor: hand; text-decoration:none;background-color: #F3F3F3;text-decoration:none;}
DIV.buttonB IMG { border: 0px none #000000; padding: 0px; }
DIV.buttonB A:hover, DIV.buttonA A:focus { border: 1px solid #758a9e; background-color: #F2F4C4; }
DIV.buttonB A:active { border: 1px inset #758a9e; background-color: #F2F4C4; }

DIV.buttonC { padding: 0 }
DIV.buttonC A { display:block; padding: 2px 5px 2px 5px; border: 0px solid #333333; cursor: pointer;cursor: hand; text-align:left; text-decoration:none;}
DIV.buttonC IMG { border: 0px none #000000; padding: 0px; }
DIV.buttonC A:hover, DIV.buttonA A:focus { border: 1px solid #758a9e; padding: 1px 4px 1px 4px; border: 1px solid #333333; background-color: #F2F4C4; }
DIV.buttonC A:active { border: 1px inset #758a9e; padding: 1px 4px 1px 4px; border: 1px inset #333333; background-color: #F2F4C4; }

DIV.buttonE { padding: 0px 0px 0px 0px }
DIV.buttonE A { display:block; padding: 0px 0px 0px 0px; border: 1px solid #333333; cursor: pointer;cursor: hand; text-decoration:none;background-color: #F3F3F3;text-decoration:none;}
DIV.buttonE IMG { border: 0px none #000000; padding: 0px; }
DIV.buttonE A:hover, DIV.buttonA A:focus { border: 1px solid #758a9e; background-color: #F2F4C4; }
DIV.buttonE A:active { border: 1px inset #758a9e; background-color: #F2F4C4; }


FORM.styleA { display: inline;  }
FORM.styleA H1 { font: bold 16px "Arial"; padding: 0px; margin: 0px }
FORM.styleA FIELDSET { margin-left: 20px; }

FIELDSET.styleA { margin-top: 10px; padding: 10px; }
FIELDSET.styleA LEGEND{ padding: 0px 10px 0px 10px; font: bold 14px "Arial"; color: #333333; vertical-align: top }
FIELDSET.styleA LEGEND IMG { margin-left: 5px }

FIELDSET.styleB { margin: 0px; padding: 10px; border: 0px solid #000000 }
FIELDSET.styleB LEGEND{ padding: 0px 10px 0px 10px; font: bold 12px "Arial"; color: #333333 }
FIELDSET.styleB LEGEND IMG { margin-left: 5px }


FIELDSET.styleC { margin: 0px; padding: 10px; }
FIELDSET.styleC LEGEND{ padding: 0px 10px 0px 10px; font: bold 16px "Arial"; color: #666666;vertical-align: top; }
FIELDSET.styleC LEGEND IMG { margin-left: 5px }


P.inputboxA { clear: left; text-align: left; margin: 0px; padding-top: 2px; vertical-align:middle }
P.inputboxA LABEL { float: left; width: 30%; font: 10px "Arial"; }
P.inputboxA INPUT { color:#222222; border: 1px solid #990000; width: 60%}
P.inputboxA INPUT:hover, P.inputboxA INPUT:focus{ background-color: #EEEEEE;border: 1px solid #444444;}

P.inputboxB { clear: left; text-align: left; margin: 0px; padding-top: 2px; vertical-align:middle; border-bottom: 1px solid #CCCCCC; }
P.inputboxB LABEL { float: left; width: 30%; font: bold 11px "Arial"; color: #666666; margin-left: 5px }
P.inputboxB INPUT { color:#222222; border: 1px solid #999999; width: 60%; font: 11px "Arial";padding: 1px 3px 1px 3px; margin-bottom: 2px }
P.inputboxB INPUT:hover, P.inputboxB INPUT:focus{ background-color: #DEEFFF; border: 1px solid #758a9e; }


P.inputboxC { clear: left; text-align: left; margin: 0px; padding-top: 2px; vertical-align:middle; border-bottom: 1px solid #CCCCCC; }
P.inputboxC LABEL { float: left; width: 30%; font: bold 11px "Arial"; color: #666666; margin-left: 5px }
P.inputboxC INPUT { color:#222222; border: 0px solid #999999; width: 60%; font: 11px "Arial"; padding: 2px 4px 2px 4px; margin-bottom: 2px;background-color:#FFFFFF }


P.styleD { clear: left; text-align: left; margin: 0px; padding-top: 0px; vertical-align:middle; border-bottom: 1px solid #EEEEEE; font: 11px "Arial" }
P.styleD LABEL { float: left; width: 30%; font: bold 11px "Arial"; color: #666666; margin-left: 5px }
P.styleD INPUT { color:#222222; border: 1px solid #999999; width: 60%; font: 11px "Arial";padding: 1px 3px 1px 3px; margin-bottom: 2px }
P.styleD INPUT:hover, P.styleD INPUT:focus{ background-color: #DEEFFF; border: 1px solid #758a9e; }


P.styleD INPUT.checkbox { border: 0px;  width:20px; padding: 0px; margin: 0px}
P.styleD INPUT.checkbox:hover, P.styleD INPUT.checkbox:focus{ border: 0px;  width:20px; padding: 0px; margin: 0px}


P.styleD SELECT { color:#222222; border: 1px solid #999999; width: 60%; font: 11px "Arial";padding: 1px; margin-bottom: 2px }
P.styleD SELECT:hover, P.styleD SELECT:focus{ background-color: #DEEFFF;border: 1px solid #758a9e;}
P.styleD TEXTAREA { color:#222222; border: 1px solid #999999; width: 95%; font: 11px "Arial";padding: 1px 3px 1px 3px; }
P.styleD TEXTAREA:hover, styleD TEXTAREA:focus { background-color: #DEEFFF;border: 1px solid #758a9e;}

P.styleE { clear: left; text-align: left; margin: 0px; padding-top: 2px; vertical-align:middle; border-bottom: 1px solid #EEEEEE; font: bold 13px "Arial"; color: #666666 }
P.styleE LABEL { float: left; width: 30%; font: bold 13px "Arial"; color: #666666; margin-left: 5px }

P.styleF { clear: left; text-align: left; margin: 0px; padding-top: 2px; vertical-align:middle; border-bottom: 1px solid #EEEEEE; font: 11px "Arial" }
P.styleF LABEL { float: left; width: 30%; font: bold 11px "Arial"; color: #666666; margin-left: 5px }
P.styleF INPUT { color:#222222; border: 0px solid #999999; width: 60%; font: 11px "Arial";padding: 1px 3px 1px 3px; margin-bottom: 2px }
P.styleF SELECT { color:#222222; border: 0px solid #999999; width: 60%; font: 11px "Arial";padding: 1px; margin-bottom: 2px }
P.styleF TEXTAREA { color:#222222; border: 0px solid #999999; width: 95%; font: 11px "Arial";padding: 1px 3px 1px 3px; }

P.styleG { clear: left; text-align: left; margin: 0px; height: 18px; padding-top: 2px; vertical-align:middle; border-bottom: 1px solid #EEEEEE; font: bold 10px "Arial"; color: #666666 }
P.styleG LABEL { float: left; width: 30%; font: bold 10px "Arial"; color: #666666; margin-left: 5px }


DIV.styleD { border-bottom: 1px solid #EEEEEE; height: 30px; padding: 5px 0px 0px 0px }
DIV.styleD FONT { padding: 0px 10px 0px 10px; font: 11px "Arial"; }


/* P.checkbox */
P.checkboxA, P.checkboxB, P.checkboxC, P.checkboxD { margin: 0px;text-align: left;padding-top: 2px; vertical-align:middle; }

P.checkboxA { }
P.checkboxA LABEL { font: 10px "Arial"; }

P.checkboxB { clear: left; }
P.checkboxB LABEL { float: left; width: 30%; font: 10px "Arial"; }

P.checkboxC { clear: left; border-bottom: 1px solid #CCCCCC;  }
P.checkboxC LABEL { font: bold 11px "Arial"; color: #666666; }

P.checkboxD { clear: left; border-bottom: 1px solid #EEEEEE;  }
P.checkboxD LABEL { font: bold 11px "Arial"; color: #666666; }

P.checkboxE { clear: left; }
P.checkboxE LABEL { font: bold 11px "Arial"; color: #333333; vertical-align:bottom; }




P.selectA { clear: left;text-align: left;margin: 0px; padding-top: 2px; vertical-align:middle }
P.selectA LABEL { float: left; width: 30%; font: 10px "Arial"; }
P.selectA SELECT { color:#222222; border: 1px solid #990000; font: 10px "Arial"; }
P.selectA SELECT:hover, P.selectA SELECT:focus{ background-color: #EEEEEE;border: 1px solid #444444;}


UL.buttonbarA { list-style: none; margin:0px; padding:5px; padding-left:50px; }
UL.buttonbarA li { float: left; padding-left:5px;}

UL.buttonbarB { width:100%; height: 26px }
UL.buttonbarB LI { padding: 3px 2px 1px 2px; font: 10px "Arial"; color:#666666 }
UL.buttonbarB LI.left { float: left }
UL.buttonbarB LI.right { float: right }
UL.buttonbarB A { padding: 2px 2px 2px 2px; border: 1px solid #333333; background-color: #F3F3F3;text-decoration:none;}
UL.buttonbarB IMG { padding: 0px 0px 2px 0px; }
UL.buttonbarB A:hover, UL.buttonbarA A:focus { border: 1px solid #758a9e; background-color: #F2F4C4; }
UL.buttonbarB A:active { border: 1px inset #758a9e; background-color: #F2F4C4; }

UL.buttonbarD { list-style: none;margin:0px; padding:6px; }
UL.buttonbarD A { display:inline; padding: 3px 8px 3px 8px; border: 1px solid #999999; font: 11px "Arial" ; cursor: pointer;cursor: hand; text-decoration:none;background-color: #CCCCCC;}
UL.buttonbarD IMG { border: 0px none #000000; padding: 0px; }
UL.buttonbarD A:hover, UL.buttonbarD A:focus { border: 1px solid #758a9e; background-color: #EEFDFF; }
UL.buttonbarD A:active { border: 1px inset #758a9e; background-color: #EEFDFF; }

UL.buttonbarE { list-style: none; margin:0px; padding:0px;  }
UL.buttonbarE li { display: inline; float: left; padding:0px;}


/* DIV.remark */
DIV.remarkA, DIV.remarkB, DIV.remarkC, DIV.remarkD, DIV.remarkE, DIV.remarkF { display: block; padding-top: 3px; padding-bottom: 3px; text-align:center; }

DIV.remarkA { }
DIV.remarkA FONT { color:#222222; font: 10px "Arial"; }

DIV.remarkB { vertical-align:bottom; border-bottom: 1px solid #CCCCCC;  }
DIV.remarkB FONT {  font: bold 11px "Arial"; color: #666666; }

DIV.remarkC { vertical-align:middle;}
DIV.remarkC FONT {  font: bold 12px "Arial"; color: #666666; }

DIV.remarkD { vertical-align:middle; }
DIV.remarkD FONT {  font: bold 12px "Arial"; color: #990000; }

DIV.remarkE { vertical-align:middle; }
DIV.remarkE FONT {  font: bold 12px "Arial"; color: #009900; }

DIV.remarkF { text-align:left; }
DIV.remarkF FONT {  font: bold 12px "Arial"; }

/* UL.Bar */
TABLE.barA { margin:0px; padding:0px; width:100%; }
TABLE.barA TD { margin:0px; padding:0px; white-space:nowrap; font: 10px "Arial"; color: #666666}


/* UL.iconbar { padding:0px; width:100%; background-color: #DBC799; border-bottom: 1px solid #777777; height: 24px} */
UL.iconbar { width:100%; background-image:url(../../images/misc/bg_iconbar_header.jpg); background-repeat:repeat-x; border-bottom: 1px solid #777777; height: 22px; padding: 0}
UL.iconbar LI { padding: 1px 0px 1px 0px; }
UL.iconbar LI.left { float: left }
UL.iconbar LI.right { float: right }
/* UL.iconbar A { padding: 1px 2px 1px 2px; border: 1px solid #DBC799; background-color: #DBC799;text-decoration:none;} */

/*
UL.iconbar A { padding: 1px 2px 1px 2px; border: 0px solid #DBC799; text-decoration:none;}
UL.iconbar IMG { padding: 0px 0px 2px 0px; }
UL.iconbar A:hover, UL.iconbar A:focus { border: 1px solid #758a9e; background-color: #EEFDFF; }
UL.iconbar A:active { border: 1px inset #758a9e; background-color: #EEFDFF; }
*/

UL.titlebar { padding:0px; width:100%; background-image:url(../../images/misc/bg_titlebar_header.jpg); background-repeat:repeat-x; border-top : 1px solid #777777; border-bottom: 1px solid #777777; height: 24px;white-space:nowrap; }
UL.titlebar LI { padding: 4px 5px 1px 5px; font: 12px "Arial";white-space:nowrap; }
UL.titlebar LI.left { float: left }
UL.titlebar LI.right { float: right; }
UL.titlebar SPAN { padding: 0px 7px 0px 5px }
UL.titlebar A { padding: 1px 2px 1px 2px; text-decoration:none; white-space:nowrap;}
UL.titlebar A:hover, UL.titlebar A:focus {  }
UL.titlebar A:active { }

UL.shortcutbar { width:100%; height: 26px; padding:0px; margin:0px; white-space:nowrap; }
UL.shortcutbar LI { padding: 1px 2px 1px 2px; font: 10px "Arial"; color:#666666;white-space:nowrap; }
UL.shortcutbar LI.left { float: left }
UL.shortcutbar LI.right { float: right;margin-top: 2px; padding: 2px }


DIV.TableA { padding:0px 0px 0px 0px }
DIV.TableA DIV { font: 12px "Arial"; }
DIV.TableA DIV FONT { font: bold 12px "Arial" }
DIV.TableA TABLE { font: 12px "Arial"; width:100%; padding: 0; margin: 0 }
DIV.TableA TABLE TR TD INPUT { padding: 0; margin: 0 }
DIV.TableA TABLE TR TD { padding: 0 0 0 0; margin: 0; height: 20px }

/*DIV.TableA TABLE TD { vertical-align:top; }*/

DIV.TableB { padding:10px 0px 10px 0px }
DIV.TableB DIV { font: 12px "Arial"; }
DIV.TableB DIV FONT { font: bold 12px "Arial" }
DIV.TableB TABLE { font: 12px "Arial"; width:100%; }
DIV.TableB TABLE TD { vertical-align:top; }

TABLE.ListA { border-collapse: collapse; }
TABLE.ListA TD{ border-bottom: 1px dotted #999999; padding: 1px 2px 1px 4px; font: 11px "Arial"; }
TABLE.ListA TD.HeaderA{ border-bottom: 1px solid #000000; border-top: 1px solid #000000 ;padding: 4px 2px 2px 4px; font: bold 12px "Arial"; color:#FFFFFF; background-image:url(../../images/misc/bg_table_header.jpg); background-repeat:repeat-x; height:25px; }
TABLE.ListA TD.HeaderA A{ font: bold 12px "Arial"; color:#FFFFFF; text-decoration:underline; }
TABLE.ListA TD.HeaderA A:hover, TABLE.ListA TD.HeaderA A:foucs{ font: bold 12px "Arial"; color:#CC6666; text-decoration:underline; }





/* component2.css */

/* bn_base */
span.bn_base a.bgA
{
	text-decoration:none;
	background-repeat: no-repeat;
	font: normal 11px "Arial"; 
	color:#000000;	
	display:block; 
	float:left;
	background-position: 100% -40px;
}

span.bn_base div.bg
{
	display:block; 
	background-position:0 0;
}

span.bn_base a.bgA div.prefix { 
	display:block; 
	background:url(/images/misc/blank.gif) 0px 2px no-repeat; padding-left: 18px; 
}
span.bn_base a.bgA div.suffix { 
	display:block; 
	background:url(/images/misc/blank.gif) 100% 2px no-repeat; padding-right: 18px; 
}

/* bn_h20 */
span.bn_h20 a.bgA,
span.bn_h20 div.bg,
span.bn_h20 a.bgA div.prefix,
span.bn_h20 a.bgA div.suffix
{ line-height:20px; background-image:url(/images/button/button1_h20a.gif); }

/* bn_h18 */
span.bn_h18 a.bgA,
span.bn_h18 div.bg,
span.bn_h18 a.bgA div.prefix,
span.bn_h18 a.bgA div.suffix
{ line-height:18px; background-image:url(/images/button/button1_h18a.gif); }

/* bn_h16 */
span.bn_h16 a.bgA,
span.bn_h16 div.bg,
span.bn_h16 a.bgA div.prefix,
span.bn_h16 a.bgA div.suffix
{ line-height:16px; background-image:url(/images/button/button1_h16a.gif); }


/* bn_Right_DropDown_A */
span.bn_Right_DropDown_A a.bgA { padding:0px 0px 0px 1px; background-position: 100% -40px; }
span.bn_Right_DropDown_A div.bg {	padding:0px 1px 0px 0px; background-position: 0 0; }
span.bn_Right_DropDown_A a.bgA:hover, 
span.bn_Right_DropDown_A a.bgA:focus { background-position: 100% -200px; padding-left: 0px; border-left: 1px solid #0066FF }
span.bn_Right_DropDown_A a.bgA:hover div.bg, 
span.bn_Right_DropDown_A a.bgA:focus div.bg { background-position: 100% -200px; }
span.bn_Right_DropDown_A a.bgA:active { background-position: 0 -280px; }
span.bn_Right_DropDown_A a.bgA:active div.bg { background-position: 100% -320px; }
span.bn_Right_DropDown_A a.bgA div.prefix { padding: 0px 9px 0px 0px; background:url(/images/icon/10x10/dropdown.gif) center no-repeat; }

/* bn_Right_Textbox_A */
span.bn_Right_Textbox_A a.bgA { padding:0px 0px 0px 0px; }
span.bn_Right_Textbox_A div.bg { padding:0px 0px 0px 0px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right: 1px solid #000000 }
span.bn_Right_Textbox_A a.bgA div.prefix { padding: 0px 16px 0px 0px; background:url(/images/misc/blank.gif) center no-repeat; }


/* bn_Left_A */
span.bn_Left_A a.bgA { padding:0px 0px 0px 2px; background-position: -191px -40px; }
span.bn_Left_A a.bgA div.bg { padding:0px 2px 0px 2px; background-position: 0 -80px;}
span.bn_Left_A a.bgA:hover,
span.bn_Left_A a.bgA:focus { background-position: -191px -160px; }
span.bn_Left_A a.bgA:hover div.bg, 
span.bn_Left_A a.bgA:focus div.bg { background-position: 0 -200px; padding-right: 1px; border-right: 1px solid #0066FF }
span.bn_Left_A a.bgA:active { background-position: -191px -280px; }
span.bn_Left_A a.bgA:active div.bg { background-position: 0 -320px; }
span.bn_Left_A a.bgA div.prefix {  background:url(/images/misc/blank.gif) 0px 1px no-repeat; padding:0px 0px 0px 18px; }
span.bn_Left_A a.bgA div.suffix {  background:url(/images/misc/blank.gif) 100% 1px no-repeat; padding: 0px 18px 0px 0px; }

/* bn_Left_B */
span.bn_Left_B a.bgA { padding:0px 0px 0px 2px; background-position: -191px -40px; }
span.bn_Left_B a.bgA div.bg { padding:0px 3px 0px 2px; background-position: 0 -80px; border-right: 1px solid #666666 }
span.bn_Left_B a.bgA:hover,
span.bn_Left_B a.bgA:focus { background-position: -191px -160px; }
span.bn_Left_B a.bgA:hover div.bg, 
span.bn_Left_B a.bgA:focus div.bg { background-position: 0 -200px; border-right: 1px solid #0066FF }
span.bn_Left_B a.bgA:active { background-position: -191px -280px; }
span.bn_Left_B a.bgA:active div.bg { background-position: 0 -320px; }
span.bn_Left_B a.bgA div.prefix {  background:url(/images/misc/blank.gif) 0px 1px no-repeat; padding:0px 0px 0px 18px; }
span.bn_Left_B a.bgA div.suffix {  background:url(/images/misc/blank.gif) 100% 1px no-repeat; padding: 0px 18px 0px 0px; }


/* bn_A */
span.bn_A a.bgA { padding:0px 0px 0px 2px; background-position: -191px -40px; }
span.bn_A div.bg { padding:0px 4px 0px 2px; background-position: 100% -80px; }
span.bn_A a.bgA:hover,
span.bn_A a.bgA:focus { background-position: -191px -160px; }
span.bn_A a.bgA:hover div.bg, 
span.bn_A a.bgA:focus div.bg { background-position: 100% -200px; }
span.bn_A a.bgA:active { background-position: -191px -280px; }
span.bn_A a.bgA:active div.bg { background-position: 100% -320px; }
span.bn_A a.bgA div.prefix {  background:url(/images/misc/blank.gif) 0px 1px no-repeat; padding:0px 0px 0px 18px; }
span.bn_A a.bgA div.suffix {  background:url(/images/misc/blank.gif) 100% 1px no-repeat; padding: 0px 18px 0px 0px; }






span.txbn_base table tr td input.tbA {
	margin: 0px;
	border: 0px;
	padding: 2px;
	font: normal 12px "Arial";
}

span.txbn_h20 table tr td input.tbA { height:20px; }



span.txbn_LeftRight_A table tr td input.tbA {
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
}

span.txbn_Left_A table tr td input.tbA {
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}

span.txbn_Right_A table tr td input.tbA {
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
}	

	
	
	

table tr.DataRow_A {
	background-color: #F7F7F7;
}

table tr.DataRow_A_Over {
	background-color: #EFE7D1; cursor: hand; cursor: pointer; 
}

table tr.DataRow_A_Curr {
	background-color: #CC9966;
}

table tr.DataRow_A_Selected {
	background-color: #CC9999;
}




table.table_prop{
font: 11px "Arial"; color: #000000;
}