@charset "UTF-8";
/*---------html editor----------*/
.editTb0{
	width: 100%;
    height: 100%;
    border:solid 1px gray;
}
.editTd0, .editTd1{
	text-align: left;
	vertical-align: top; 
}
.editTd0 { 
	height: 22px;
}
.icoCaption {
    width: auto;
    height: 20px;
    border: none; 
    font-size: 10pt;
}
.icoCtlSelect {
    width: 120px;
    height: 20px;
    border: solid 1px gray; 
    font-size: 10pt;
}
.icoSep {
    width: 4px;
    height: 20px;
    border: none 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('../images/sep.gif');
    margin: 0; 
}
.icoBold, .icoItalic, .icoOblique, .icoColor, .icoFontSize, .icoImage,
.icoFontS, .icoFontF, .icoFontH, .icoFontK, .icoFontL, .icoFontX, .icoFontY,
.icoDel, .icoCopy, .icoCut, .icoPaste, .icoSave, .icoSaveAs, .icoDelPage, .icoOpen, .icoAdd,
.icoALeft, .icoACenter, .icoARight, .icoLstNum, .icoLstCrl, .icoOdtAdd, .icoOdtMus,
.icoModel, .icoKey, .icoRefresh, .icoExit, .icoFiles, .icoMedia, .icoExcel, .icoUndo, .icoRedo, 
.icoWLink, .icoPdf, .icoUpload, .icoHTML,.icoSub,.icoSup {
    width: 22px;
    height: 20px;
    border: none 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    margin: 0 2px 0 2px; 
border-radius:4px;
}
.icoSubmit {
    width: 56px;
    height: 20px;
    border: outset 1px;
    padding-top: 4px;
    padding-left: 20px;
    color: Red;
    font-size: 10pt;
    font-weight: bold;
    background-position: left center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('../images/submit.gif');
    margin: 0; 
}
.icoHTML {
    background-image: url('../images/html.gif');
}
 .icoUpload {
    background-image: url('../images/upload.gif');
    } 
 .icoPdf {
    background-image: url('../images/pdf.gif');
    } 
 .icoWLink {
    background-image: url('../images/wlink.gif');
    } 
 .icoUndo {
    background-image: url('../images/undo.gif');
    } 
 .icoRedo {
    background-image: url('../images/redo.gif');
    } 
 .icoExcel {
    background-image: url('../images/xls.gif');
    } 
 .icoALeft {
    background-image: url('../images/a_left.gif');
    } 
.icoACenter {
    background-image: url('../images/a_center.gif');
    } 
.icoARight {
    background-image: url('../images/a_right.gif');
    } 
.icoLstNum {
    background-image: url('../images/lstnum.gif');
    } 
.icoLstCrl {
    background-image: url('../images/lstcrl.gif');
    } 
.icoOdtAdd {
    background-image: url('../images/odtadd.gif');
    } 
.icoOdtMus {
    background-image: url('../images/odtmus.gif');
    } 
.icoBold {
    background-image: url('../images/b.gif');
    }
.icoItalic {
    background-image: url('../images/i.gif');
    }
.icoOblique {
    background-image: url('../images/u.gif');
    }
.icoColor {
    background-image: url('../images/ac.gif');
    }
.icoFontSize {
    background-image: url('../images/aa.gif');
    }
.icoFontS {
    background-image: url('../images/fonts.gif');
    }
.icoFontF {
    background-image: url('../images/fontf.gif');
    }
.icoFontH {
    background-image: url('../images/fonth.gif');
    }
.icoFontK {
    background-image: url('../images/fontk.gif');
    }
.icoFontL {
    background-image: url('../images/fontl.gif');
    }
.icoFontX {
    background-image: url('../images/fontx.gif');
    }
.icoFontY {
    background-image: url('../images/fonty.gif');
    }
.icoImage {
    background-image: url('../images/image.gif');
    }
.icoFiles {
    background-image: url('../images/files.gif');
    }
.icoMedia {
    background-image: url('../images/media.gif');
    }
.icoDel {
    background-image: url('../images/del.gif');
    }
.icoCut {
    background-image: url('../images/cut.gif');
    }
.icoCopy {
    background-image: url('../images/copy.gif');
    }
.icoPaste {
    background-image: url('../images/paste.gif');
    }
.icoSave {
    background-image: url('../images/save.gif');
    }
.icoSaveAs {
    background-image: url('../images/saveas.gif');
    }
.icoAdd {
    background-image: url('../images/add.gif');
    }
.icoDelPage {
    background-image: url('../images/delpage.gif');
    }
.icoOpen {
    background-image: url('../images/open.gif');
    } 
.icoModel {
    background-image: url('../images/model.gif');
    } 
.icoKey {
    background-image: url('../images/key.gif');
    } 
.icoRefresh {
    background-image: url('../images/refresh.gif');
    } 
.icoExit {
    background-image: url('../images/exit.gif');
    }
.icoSub {
    background-image: url('../images/subs.gif');
}
.icoSup {
    background-image: url('../images/sups.gif');
}
.panelToolBar {
    height: auto;
    width: 99%;
    padding: 2px 2px 2px 2px;
    font-size: 0;
    white-space: normal;
    position:relative;
}
.panelToolBar > button {
    display: inline-block;
}
.panelToolBar > button:hover, .menuText:hover {
    background-color: #7cdffa;
}
.panelToolBar > button:active, .menuText:active {
    background-color: #faa8a8;
}
.menuText button {
    width: 100%;
    border: none;
    background-color: transparent;
    text-align: left;
    padding-left: 10px;
}
.menuFontSize {
    display: none;
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 199;
    background-color: Menu;
    border-style: outset;
    border-width: 2px;
    text-align: left;
    left: 70px;
    top: 20px;
    cursor: default;
} 
.menuColor {
    display: none; 
    width: 120px; 
    height: auto;
    position: absolute; 
    z-index: 19;
    background-color:  Menu;
    border-style: outset;  
    border-width: 2px;
    text-align: left;
    left: 100px;
    top: 20px;
    cursor: default; 
    }
.menuFontSize2 {
    display: none;
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 199;
    background-color: Menu;
    border-style: outset;
    border-width: 2px;
    text-align: left;
    left: 70px;
    bottom: 2px;
    cursor: default;
}
.menuColor2 {
    display: none;
    width: 120px;
    height: auto;
    position: absolute;
    z-index: 199;
    background-color: Menu;
    border-style: outset;
    border-width: 2px;
    text-align: left;
    left: 100px;
    bottom: 2px;
    cursor: default;
}
.menuModel {
    display: none;
    width: 120px;
    height: 80px;
    position: absolute;
    z-index: 199;
    background-color: Menu;
    border-style: outset;
    border-width: 2px;
    text-align: left;
    right: 40px;
    top: 20px;
    cursor: default;
}
.menuFontSize0 {
    display: none;
    width: 140px;
    height: auto;
    position: absolute;
    z-index: 199;
    background-color: Menu;
    border-style: outset;
    border-width: 2px;
    text-align: left;
    left: 30px;
    top: 20px;
    cursor: default;
    overflow: auto;
}

.menuColor0 {
    display: none;
    width: 120px;
    height: auto;
    position: absolute;
    z-index: 199;
    background-color: Menu;
    border-style: outset;
    border-width: 2px;
    text-align: left;
    left: 60px;
    top: 20px;
    cursor: default;
}
.toolButton {
    position: absolute;  
    right: 20px;
    top: -2px;
    }
.menuTb {
    text-align: left;
    width: 100%; 
    border-collapse: collapse;
    border-width: 0px;        
}
.menuItem {
    height: auto;
    color: MenuText;
    cursor: pointer;        
}
.menuText {
    padding-left: 10px;
}
.menuImg {
    width: 20px;
    text-align: right;
}
.menuSep { 
    height: 4px;
}
.menuItemMouseOver {
    height: auto;
    background-color: Silver;
}
.menuItemDisable {
    height: auto;
    color: gray;    
}
.menuButton {
    background-color: Transparent;
    color: inherit;
    line-height: 120%;
    height: auto;
    width: 100%;
    border: none;
    text-align: left;
}
.menuButtonColor {
    background-color: Transparent;
    color: inherit;
    line-height: 120%;
    height: 20px;
    width: 100%;
    border: none;
    text-align: left;
    font-weight: bold;
}