html, body { width: 100%; height: 100%; min-width: 999px; margin: 0px; background: #C3C3C2 }
#pageRoot { position: relative; width: 100%; height: 100% }
#editorMask { position: absolute; left: 0px; top: 0px; width: auto; height: auto; opacity: 0.5; filter:alpha(opacity=50); background: #000000; display: none; z-index: 1000 }
#loadMask { position: absolute; left: 0px; top: 0px; width: auto; height: auto; opacity: 0.5; filter:alpha(opacity=50); background: #000000; display: none; z-index: 1000 }
.alignCenter { margin-left: auto; margin-right: auto }
.header { width: 100%; min-width: 989px; height: 60px; background-image: url('../clientImages/global/header_back.png'); background-position: bottom }
.headerContext { position: relative; width: 989px; height: 60px; }
.mainLogo { position: absolute; top: 0px; left: 19px; width: 97px; height: 54px; }
.mainSlogan { position: absolute; top: 28px; left: 167px; width: 379px; height: 17px; background-image: url('../clientImages/global/main_slogan.png'); }
.subSlogan { position: absolute; top: 46px; left: 167px; width: 379px; height: 14px; background-image: url('../clientImages/global/sub_slogan.png'); }
.mainMenuCanvas { position: absolute; top: 24px; left: 129px; width: auto; height: 36px; }
.mainMenuItem { position: relative; float: left; width: auto; height: 36px; }
.mainMenu1off { width: 141px; background-image: url('../clientImages/global/main_menu1_off.png'); }
.mainMenu2off { width: 186px; background-image: url('../clientImages/global/main_menu2_off.png'); }
.mainMenu3off { width: 131px; background-image: url('../clientImages/global/main_menu3_off.png'); }
.mainMenu1on { width: 141px; background-image: url('../clientImages/global/main_menu1_on.png'); }
.mainMenu2on { width: 186px; background-image: url('../clientImages/global/main_menu2_on.png'); }
.mainMenu3on { width: 131px; background-image: url('../clientImages/global/main_menu3_on.png'); }
.mainMenuLabel { position: absolute; left: 30px; top: 11px; width: auto; height: 14px; line-height: 14px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #666666 }
a.menuLabelLink:link { color:#666666; text-decoration:none; }
a.menuLabelLink:visited { color:#666666; text-decoration:none; }
a.menuLabelLink:hover { color:#f96309; text-decoration:none; }
a.menuLabelLink:active { color:#666666; text-decoration:none; }
.footer { width: 100%; min-width: 989px; height: 56px; background-image: url('../clientImages/global/footer_back.png'); }
.footerContext { position: relative; width: 989px; height: 103px; }
.footerMenu { width: 100%; min-width: 989px; height: 40px; background-image: url('../clientImages/global/body_bottom_back.png'); }
.rightsCanvas { position: absolute; top: 14px; left: 28px; width: 550px; height: 23px; font-size: 11px; font-family: Tahoma; color: #6E6E6E; line-height: 12px; }
.poweredBy { position: absolute; top: 15px; right: 20px; width: 112px; height: 46px; }

.pageBody { width: 100%; min-width: 989px; height: auto; min-height: 150px; background-color: #FFFFFF; background-image: url('../clientImages/global/body_top_back.png'); background-repeat: repeat-x; background-position: top }
.bodyContext { position: relative; width: 994px; padding-top: 10px; padding-bottom: 5px; height: auto; margin-left: auto; margin-right: auto }
.homeBanner { width: 984px; height: 140px; background-image: url('../clientImages/global/home_banner.png');  }
.homeBanner2 { width: 984px; height: 140px; background-image: url('../clientImages/global/home_banner2.png');  }
.homeBanner3 { width: 984px; height: 140px; background-image: url('../clientImages/global/home_banner3.png');  }
.homeBanner4 { width: 984px; height: 140px; background-image: url('../clientImages/global/home_banner4.png');  }

.seriesBox { float: left; width: 483px; height: 111px;  border: 1px solid #dddddd ; margin:5px; margin-right: 0px; margin-bottom: 0px; padding: 2px; padding-bottom: 5px; overflow: hidden  }
.productMenu { float: left; margin-top: 5px; width: 300px; height: auto; }
.productMenuHead { width: 290px; height: 26px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 26px; background: #6089aa }

.productMenuItem { float: left; position: relative; width: 246px; height: 72px; border: 1px solid #6089aa }
.productMenuItemSet { background: #E1E6F0 }

.productMenuIcon { float: left; margin: 6px; width: 80px; height: 60px; }
.productMenuIconMargin {text-align: center; margin-top: 6px; margin-left: 6px; margin-right: 3px;}
.productMenuTitle { font-size: 12px; font-family: Tahoma; color: #444444; font-weight: bold; line-height: 17px; overflow: hidden }
.productMenuTitleSet { color: #304f92 }
a.productMenuTitleLink:link { color: #444444; text-decoration: none }
a.productMenuTitleLink:visited { color: #444444; text-decoration: none }
a.productMenuTitleLink:hover { color: #304f92; text-decoration: none }
a.productMenuTitleLink:active { color: #444444; text-decoration: none }
.productMenuDesc { line-height: 16px; font-size: 12px; font-family: Tahoma; margin: 6px; }
.productContext { padding: 2px; margin-top: 5px; width: 989px; height: auto; }

.productTable { width: 664px; height: auto; padding: 2px; margin-left: auto; margin-right: 0; border: 1px solid #6089aa }
.productTableMemo { margin-left: 15px; margin-right: 0px; height: 30px; line-height: 30px; font-size: 12px; font-family: Tahoma; color: #40698a; font-weight: bold  }
.productTableHead { font-size: 12px; font-family: Tahoma; color: #40698a; font-weight: bold; background: #E1E6F0; }
.productTableRLine { border-right: 1px solid #FFFFFF }
.productTableBLine { border-bottom: 1px solid #FFFFFF }
.productTableCell { font-size: 12px; font-family: Tahoma; color: #444444; }
.productTableCellBg { background: #F1F6FF }
.productbar1 { width: 300px; background: #cfe0eb}
.productbar2 { width: 672px; color: #444444; background: #d6d6d5; text-align: left }
a.modelLink:link { text-decoration:none; color: #444444 }
a.modelLink:visited { text-decoration:none; color: #444444 }
a.modelLink:hover { text-decoration:underline; color: #f96309 }
a.modelLink:active { text-decoration:none; color: #444444 }

.productItem { float: left; padding-right: 5px; width: 80px; height: 20px; line-height: 20px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #6089aa; background-repeat: no-repeat; background-position: left }
a.productItemLink { padding-left: 15px; text-decoration:none; color: #6089aa; background-image: url('../clientImages/editor/product_item_off.png'); background-repeat: no-repeat; background-position: left }

.navigatorCanvas { width: 984px; height: 40px; background-image: url('../clientImages/global/navigator_icon_home.png'); background-repeat: no-repeat; background-position: left }
.navigatorItem { float: left; width: auto; height: 40px; font-size: 11px; font-family: Tahoma; font-weight: bold; line-height: 40px; color: #6089aa }
.navigatorSpace { margin-left: 5px; margin-right: 5px; width: 12px; background-image: url('../clientImages/global/navigator_icon_arrow.png'); }
.navigatorEditor { margin-right: 5px; width: 19px; background-image: url('../clientImages/global/navigator_icon_editor.png'); }
.navigatorHistory { margin-right: 5px; width: 19px; background-image: url('../clientImages/global/navigator_icon_history.png'); }
.navigatorHome { margin-left: 25px; color: #325192 }
.navigatorNow { color: #01a4ef }
a.navigatorLink:link { text-decoration:none; color: #325192}
a.navigatorLink:visited { text-decoration:none; color: #325192 }
a.navigatorLink:hover { text-decoration:underline; color: #f96309 }
a.navigatorLink:active { text-decoration:none; color: #325192 }

.stepbarContext { width: 984px; height: 40px; }
.stepbarItem { float: left; width: auto; height: 38px; line-height: 38px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #304F92; text-align: center  }
.stepbarSpace1 { width: 12px; background-image: url('../clientImages/editor/step_space1.png'); }
.stepbarSpace2 { width: 12px; background-image: url('../clientImages/editor/step_space2.png'); }
.stepbarSpace3 { width: 12px; background-image: url('../clientImages/editor/step_space3.png'); }
.stepbar1 { width: 240px; background-image: url('../clientImages/editor/step1_on.png'); }
.stepbar1Off { color: #444444; width: 240px; background-image: url('../clientImages/editor/step1_off.png'); }
.stepbar2 { width: 234px; background-image: url('../clientImages/editor/step2_on.png'); }
.stepbar2Off { color: #444444; width: 234px; background-image: url('../clientImages/editor/step2_off.png'); }
.stepbar3 {  width: 234px; background-image: url('../clientImages/editor/step3_on.png'); }
.stepbar3Off { color: #444444; width: 234px; background-image: url('../clientImages/editor/step3_off.png'); }
.stepbar4 { width: 240px; background-image: url('../clientImages/editor/step4_on.png'); }
.stepbar4Off { color: #444444; width: 240px; background-image: url('../clientImages/editor/step4_off.png'); }



.customMenu { width: 982px; height: 102px; margin-top: 5px;  }
.customMenuItem { position: relative; float: left; width: 136px; height: 102px; }
.customMenuIcon { width: 136px; height: 102px;  }
.customMenuIconFalse { width: 136px; height: 102px;  }
.customMenuSpace { float: left; width: 5px; height: 102px; }


.customMenuDesc { float: left; margin-top: 2px; width: 70px; height: 32px; font-size: 12px; font-family: Tahoma; color: #666666; line-height: 14px; overflow: hidden }
.customFixAlert { position: absolute; left: 28px; top: 2px; width: 16px; height: 16px; font-size: 11px; font-family: Tahoma; color: #FFFFFF; text-align: center; line-height: 16px; background-image: url('../clientImages/editor/fix_alert.png'); }

.editorContext { margin-top: 5px; width: 984px; height: auto; }
.editors { width: 984px; height: 285px; margin-left: auto; margin-right: auto; }
.editorSide { float: left; width: 520px; } 
.editorHead { float: left; width: 100%; height: 22px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; text-align: left; line-height: 22px; background: #6089aa; text-align: center }
#editorCanvas { float: left; position: relative; width: 520px; height: 385px; }
.editorComment { float: left; margin-top: 5px; padding: 5px; width: 268px; height: 232px; border: 1px solid #dddddd; font-size: 12px; font-family: Tahoma; color: #618aab; overflow-y: scroll; }
.priceComment { float: left; margin-top: 5px; width: 162px; height: 203px; border: 1px solid #dddddd; font-size: 12px; font-family: Tahoma; color: #618aab; overflow: hidden }
.reviewComment{ float: left;  width: 268px; height: auto; font-size: 12px; font-family: Tahoma; color: #618aab; overflow-y:hidden }

.reviewTable{ margin-top: 5px; width: 200px; height: auto; border: 1px solid #dddddd; font-size: 12px; font-family: Tahoma; color: #618aab; overflow: hidden}
.reviewTableRLine{border-right: 1px solid #d6d6d5;}
.reviewTableBLine{border-bottom: 1px solid #d6d6d5;}
.reviewTitle{ font-size: 12px; font-family: Tahoma; color: #40698a; font-weight: bold; background: #E1E6F0;border-bottom: 1px solid #d6d6d5;}
.reviewNoBLine{font-size: 12px; font-family: Tahoma; color: #40698a; font-weight: bold; background: #E1E6F0;}
.reviewSubTitle{font-size: 11px;  font-weight: bold;font-family: Tahoma; color: #40698a; border-bottom: 1px solid #d6d6d5}
.reviewText{font-size: 11px;  font-family: Tahoma; color: #444444;}
.reviewSText{font-size: 11px; font-family: Tahoma; color: #01a4ef;}


.editorDrawContext { float: left; height: 260px; width: 830px; } 
#editorCanvas { width: 830px; margin-top: 5px; }
.referenceImage { position: relative; float: left; width: 276px; height: 222px; overflow: hidden }
.referenceImageLine { border-right: 1px dotted #DDDDDD;  }
.editorImage { position: absolute; left: 69px; top: 12px; width: 177px; height: 177px; background-repeat: no-repeat; background-position: center bottom ; text-align: center;}
.editorFins { position: absolute; left: 69px; top: 12px; width: 177px; height: 177px; }
.editorLengend { float: left; margin: 5px; padding: 5px; width: 193px; height: 143px; line-height: 18px; border: 1px solid #DDDDDD; font-size: 12px; color: #888888; font-family: Tahoma }
.finMask { position: absolute; left:0px ; top:0px ; width:0px; height:0px; background-image: url('../clientImages/editor/fin_mask.png'); }

.editorHMask { position: absolute; left:69px; top: 0px; width: 177px; height: 0px; background: #FFFFFF; border-bottom: 1px dotted #999999; overflow: hidden; }
.editorHMaskImg { position: absolute; left: 0px; bottom: 0px; width: 177px; height: 8px; background-position: center top; background-repeat: no-repeat }
.editorHAdd { position: absolute; left: 69px; top: 0px; width: 177px; height: 6px; background: #FFFFFF; border-bottom: 1px dotted #999999; display: none;  }

.editorTMask { position: absolute; left:69px; bottom: 0px; width: 177px; height: 0px; background: #FFFFFF; border-top: 1px dotted #999999; overflow: hidden; }
.editorTMaskImg { position: absolute; left: 0px; top: 0px; width: 177px; height: 3px; background-position: center bottom; background-repeat: no-repeat  }
.editorTAdd { position: absolute; left: 69px; bottom: 0px; width: 177px; height: 2px; background: #FFFFFF; border-top: 1px dotted #999999; display: none }

.editorXAxis { position: absolute; left: 60px; top: 98px; width: 195px; height: 6px; background-image: url('../clientImages/editor/xaxis_background.png'); }
.editorXArraw { position: absolute; right: 0px; top: 0px; width: 3px; height: 6px; background-image: url('../clientImages/editor/xaxis_arraw.png'); }
.editorXArraw2 { position: absolute; left: 0px; top: 0px; width: 3px; height: 6px; background-image: url('../clientImages/editor/xaxis_arraw_back.png'); }
.editorXLabel { position: absolute; right: -8px; top: 6px; width: 12px; height: 12px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #cf0ef5 }
.editorXLabel2 { position: absolute; left: -8px; top: 6px; width: 12px; height: 12px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #cf0ef5 }
.editorXSize { position: absolute; left: 69px; top: 200px; width: 177px; height: 6px; background-image: url('../clientImages/editor/xsize_background.png'); }
.editorXSizeLeft { position: absolute; left: 0px; top: 0px; width: 4px; height: 6px; background-image: url('../clientImages/editor/xsize_left_arraw.png'); }
.editorXSizeRight { position: absolute; right: 0px; top: 0px; width: 4px; height: 6px; background-image: url('../clientImages/editor/xsize_right_arraw.png'); }
.editorXSizeLabel { margin-top: 5px; margin-left: auto; margin-right: auto; width: 100px; height: 20px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #304f92; text-align: center }

.editorYAxis { position: absolute; left: 155px; top: 3px; width: 6px; height: 195px; background-image: url('../clientImages/editor/yaxis_background.png'); }
.editorYArraw { position: absolute; top: 0px; left: 0px; width: 6px; height: 3px; background-image: url('../clientImages/editor/yaxis_arraw.png'); }
.editorYLabel { position: absolute; top: -6px; left: 8px; width: 12px; height: 12px; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #cf0ef5 }
.editorYSize { position: absolute; left: 52px; top: 12px; width: 6px; height: 177px; background-image: url('../clientImages/editor/ysize_background.png'); }
.editorYSizeTop { position: absolute; left: 0px; top: 0px; width: 6px; height: 4px; background-image: url('../clientImages/editor/ysize_top_arraw.png'); }
.editorYSizeBom { position: absolute; left: 0px; bottom: 0px; width: 6px; height: 4px; background-image: url('../clientImages/editor/ysize_bom_arraw.png'); }
.editorYSizeLabel { position: absolute; left: -32px; top: 81px; width: 30px; height: auto; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #304f92; text-align: center }

.editorXMask { position: absolute; right: 0px; top: 0px; width: 0px; height: 0px; background: #FFFFFF; }
.editorXMaskLine { position: absolute; left: 0px; top: 0px; width: 1px; height: 100%; border-left: 1px solid #888888;  }
.editorYMask { position: absolute; left: 0px; bottom: 33px; width: 0px; height: 0px; background: #FFFFFF;}
.editorYMaskLine { position: absolute; left: 0px; top: 0px; width: 100%; height: 1px; border-top: 1px solid #888888;  }

.editorHSize { position: absolute; left: 52px; top: 12px; width: 6px; height: 89px; background-image: url('../clientImages/editor/ysize_background.png'); }
.editorHSizeLabel { position: relative; left: -32px; top: 0px; width: 30px; height: auto; font-size: 12px; font-family: Tahoma; font-weight: bold; color: #304f92; text-align: center; line-height: 100% }
.editorTSize { position: absolute; left: 52px; top: 101px; width: 6px; height: 88px; background-image: url('../clientImages/editor/ysize_background.png'); }
.editorMaskImg { position: absolute; left: 0px; top: 0px; width: 177px; height: 100%;  }

.editorFooter { float: left; margin-top: 5px; margin-left: 5px; width: 970px; height: 50px; text-align: center; }
.editorLeft { float: left; margin-top: 5px; padding-left: 23px; width: auto; height: 23px; font-size: 12px; font-family: Tahoma; color: #01a4ef; font-weight: bold; line-height: 23px; text-align: left; background-image: url('../clientImages/editor/footer_arraw.png'); background-position: left; background-repeat: no-repeat }
.editorRight { float: right; margin-top: 5px; width: auto; height: 23px; }

.editorTim { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; background: #7D93C0 }
.editorHole { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; }

.editorCursor { position: absolute; left: -50px; top: 0px; width: auto; height: 20px; min-width: 88px; background: #FFFF00; border: 1px solid #FFFF00; font-size: 12px; font-family: Tahoma; line-height: 20px; color: #666666; padding-left: 5px; padding-right: 5px; opacity: 0.7; filter:alpha(opacity=70); font-weight: bold; display: none  }

a.summairesLink { font-weight: normal; font-size: 12px; font-family: Tahoma; color: #444444; text-decoration:none; }
a.summairesLink:hover { font-weight: normal; font-size: 12px; font-family: Tahoma; color: #01a4ef; text-decoration:none; }

.infoContext { float: left; margin-top: 5px; margin-left: 5px; width: 984px; height: auto; text-align: center }
.infoBox { float: left; width: 110px; height: auto; border: 1px solid #d6d6d5 }
.infoPriceHead { width: 100%; height: 30px; font-size: 12px; font-family: Tahoma; color: #444444; font-weight: bold; text-align: center; line-height: 30px; background: #d6d6d5 }
.infoNoteHead { width: 100%; height: 23px; font-size: 12px; font-family: Tahoma; color: #444444; font-weight: bold; text-align: left; line-height: 23px;  }
.infoNote { margin-bottom: 10px; width: 445px; height: 106px; font-size: 12px; font-family: Tahoma; border: 1px solid #d6d6d5;   }

#editorDialog { position: absolute; left: 500px; top: 500px; width: 400px; height: 250px; display: none; z-index: 1001 }
.dialogHeader { width: 100%; height: 57px; }
.dialogHeaderL { float: left; width: 6px; height: 57px; background-image: url('../ManagerConsole/consoleImages/dialog_head_left.png'); }
.dialogHeaderR { float: right; width: 6px; height: 57px; background-image: url('../ManagerConsole/consoleImages/dialog_head_right.png'); }
.dialogHeaderB { margin-left: 6px; margin-right: 6px; height: 57px; background-image: url('../ManagerConsole/consoleImages/dialog_head_body.png'); }
.dialogTitle { float: left; margin-top: 10px; width: 100%; height: 35px;}
.dialogTitleL { float: left; width: 10px; height: 35px; background-image: url('../ManagerConsole/consoleImages/dialog_title_left.png'); }
.dialogTitleR { float: right; width: 10px; height: 35px; background-image: url('../ManagerConsole/consoleImages/dialog_title_right.png'); }
.dialogTitleCanvas { margin-left: 10px; margin-right: 10px; height: 35px; overflow: hidden; background-image: url('../ManagerConsole/consoleImages/dialog_title_back.png'); }
.dialogTitleIcon { float: left; margin-left: 5px; margin-top: 9px; width: 17px; height: 17px; background-image: url('../ManagerConsole/consoleImages/dialog_title_icon.png'); }
.dialogTitleText { float: left; margin-left: 5px; margin-top: 9px; width: auto; height: 17px; color: #304f92; font-family: tahoma; font-size: 12px; font-weight: bold }
.dialogTitleTask { float: right; margin-right: 5px; margin-top: 9px; width: 17px; height: 17px; }
.dialogBom { width: 100%; height: 16px;  }
.dialogBomL { float: left; width: 6px; height: 16px; background-image: url('../ManagerConsole/consoleImages/dialog_bom_left.png'); }
.dialogBomR { float: right; width: 6px; height: 16px; background-image: url('../ManagerConsole/consoleImages/dialog_bom_right.png'); }
.dialogBomB { margin-left: 6px; margin-right: 6px; height: 16px; background-image: url('../ManagerConsole/consoleImages/dialog_bom_body.png'); }
.dialogContext { width: 100%; height: 138px; background: #666666 }
.dialogCanvas { margin-left: 1px; margin-right: 1px; height: 100%; background: #FFFFFF }
.dialogShadow { width: 100%; height: 39px; }
.dialogShadowSL { float: left; width: 6px; height: 39px; background-image: url('../ManagerConsole/consoleImages/shadow_left.png'); }
.dialogShadowSR { float: right; width: 6px; height: 39px; background-image: url('../ManagerConsole/consoleImages/shadow_right.png'); }
.dialogShadowBD { margin-left: 6px; margin-right: 6px; height: 39px; background-image: url('../ManagerConsole/consoleImages/shadow_body.png'); }
.dialogBody { padding-left: 10px; padding-right: 10px; text-align: center; }
.dialogCustomBody { width: 100%; height: auto; display: none }

.customImg { float: left; width: 270px; height: 222px; background-image: url('../clientImages/editor/change_base.png'); }
.customHeightForm { float: left; margin-top: 15px; width: 200px; height: 115px; font-size: 12px; font-family: Tahoma; color: #888888; line-height: 24px; text-align: left }
.customMemo {  width: 100%; height: auto; font-size: 12px; font-family: Tahoma; color: #888888; line-height: 18px; text-align: left}
.customHead { width: 100%; height: 22px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; text-align: left; line-height: 22px; background: #6089aa; text-align: center }

input.customText { font-size: 12px; font-family: Tahoma; color: #666666; border: 1px solid #888888 }
.itemTitle{color:  #01a4ef; font-weight: bold; font-family: Tahoma; font-size: 11px; margin-left: 0px; margin-top: 10px; height: 12px; line-height: 12px;  }

.dialog { position: absolute; left: 0px; top: 0px; width: 400px; height: 250px; display: none; z-index: 1001 }
.dgt { width: 100%; height: 67px; }
.dglt { float: left; width: 25px; height: 67px; background-image: url('../clientImages/editor/dialog/left_top.png'); }
.dgrt { float: right; position: relative; width: 25px; height: 67px; background-image: url('../clientImages/editor/dialog/right_top.png'); }
.dgbdt { margin-left: 25px; margin-right: 25px; height: 67px; background-image: url('../clientImages/editor/dialog/top.png'); }
.dgtitle { float: left; margin-top: 23px; width: 100%; height: 35px; }
.dgtitlel { float: left; width: 10px; height: 35px; background-image: url('../clientImages/editor/dialog/title_left.png'); }
.dgtitler { float: right; width: 10px; height: 35px; background-image: url('../clientImages/editor/dialog/title_right.png'); }
.dgtitlec { margin-left: 10px; margin-right: 10px; height: 35px; font-size: 15px; font-family: Tahoma; font-weight: bold; color: #304f92; line-height: 35px; }
.dgb { width: 100%; height: 23px; }
.dglb { float: left; width: 25px; height: 23px; background-image: url('../clientImages/editor/dialog/left_bom.png'); }
.dgrb { float: right; width: 25px; height: 23px; background-image: url('../clientImages/editor/dialog/right_bom.png'); }
.dgbdb { margin-left: 25px; margin-right: 25px; height: 23px; background-image: url('../clientImages/editor/dialog/bom.png'); }
.dgbd { width: 100%; height: 150px; }
.dgbdl { float: left; position: relative; width: 25px; height: 100%; background-image: url('../clientImages/editor/dialog/left.png'); }
.dgbdlb, .dgbdrb { position: absolute; width: 10px; height: 42px; background: #e6e6e6 }
.dgbdlb { right: 0px; bottom: 0px; }
.dgbdrb { left: 0px; bottom: 0px; }
.dgbdr { float: right; position: relative; width: 25px; height: 100%; background-image: url('../clientImages/editor/dialog/right.png'); }
.dgbdc { margin-left: 25px; margin-right: 25px; height: 100%; background: #ffffff; overflow: hidden }
.dgclose { position: absolute; right: 5px; top: 5px; width: 28px; height: 28px; }

.dgCustomBody { width: 100%; height: auto; display: none }
.dgCustomHead { width: 100%; height: 22px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; text-align: center; line-height: 22px; background: #6089aa; }
.dgCustomPrompt { position: relative; width: 100%; height: auto; padding-top: 8px; padding-bottom: 8px; font-size: 12px; font-family: Tahoma; color: #01a4ef; text-align: left; line-height: 14px; }
.dgCustomCanvas { width: 100%; height: auto; font-size: 12px; font-family: Tahoma; color: #888888; line-height: 18px; text-align: left }
.dgCustomForm { float: left; margin-top: 15px; width: 200px; height: 115px; font-size: 12px; font-family: Tahoma; color: #888888; line-height: 24px; text-align: left }
.dgCustomOp { padding-top: 9px; width: 100%; height: 42px; text-align: center; }
.dgCustomInfo { position: absolute; right: 0px; top: -11px; width: 22px; height: 22px; }

.info { position: absolute; left: 0px; top: 0px; width: 450px; height: 50px; display: none; z-index: 1000 }
.infot { width: 100%; height: 10px; }
.infolt { float: left; width: 10px; height: 10px; background-image: url('../clientImages/editor/dialog/infolt.png'); }
.infort { float: right; width: 10px; height: 10px; background-image: url('../clientImages/editor/dialog/infort.png'); }
.infotb { position: relative; margin-left: 10px; margin-right: 10px; height: 10px; background-image: url('../clientImages/editor/dialog/infot.png'); }
.infoArraw { position: absolute; left: 20px; top: 0px; width: 9px; height: 5px; background-image: url('../clientImages/editor/dialog/infoarraw.png'); }
.infob { width: 100%; height: auto }
.infobl { float: left; width: 10px; height: 100%; background-image: url('../clientImages/editor/dialog/infol.png'); }
.infobr { float: right; width: 10px; height: 100%; background-image: url('../clientImages/editor/dialog/infor.png'); }
.infobb { margin-left: 10px; margin-right: 10px; height: 100%; background: #FFFFFF }
.infoCanvas { padding: 10px; font-size: 12px; font-family: Tahoma; color: #666666; line-height: 18px; display: none }
.infobs { width: 100%; height: 16px; }
.infolb { float: left; width: 10px; height: 16px; background-image: url('../clientImages/editor/dialog/infolb.png'); }
.inforb { float: right; width: 10px; height: 16px; background-image: url('../clientImages/editor/dialog/inforb.png'); }
.infoba { position: relative; margin-left: 10px; margin-right: 10px; height: 16px; background-image: url('../clientImages/editor/dialog/infob.png'); }

input[type=button] { padding-left: 8px; padding-right: 8px; width: auto; height: 23px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; border-left: 1px solid #96b1c7; border-top: 1px solid #96b1c7; border-right: 1px solid #2b4961; border-bottom: 1px solid #2b4961; background-image: url('../clientImages/global/button_back.png'); text-shadow: 1px 1px #223748; }
input[type=submit] { padding-left: 8px; padding-right: 8px; width: auto; height: 23px; font-size: 12px; font-family: Tahoma; color: #FFFFFF; font-weight: bold; border-left: 1px solid #96b1c7; border-top: 1px solid #96b1c7; border-right: 1px solid #2b4961; border-bottom: 1px solid #2b4961; background-image: url('../clientImages/global/button_back.png'); text-shadow: 1px 1px #223748; }