Editor Styles

.offscreen {
position:absolute;
top:-10000px;
}

.formatBarInUMC {
border-top:1px solid #D6D6D6;
border-right:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
width:100%;
float:right;
font-size:15px;
}

.richTextEditor {
padding-top:4px;
}

.richTextFrame {
border-right:1px solid #D6D6D6;
border-left:1px solid #D6D6D6;
border-bottom:1px solid #D6D6D6;
height:150px;
width:100%;
}

.rtl .richTextFrame {
float:right;
}

.messageFontPreview {
height:60px!important;
}

.editorBody {
width:100%;
}

.editorDisabled {
filter:alpha(opacity=35);
opacity:0.35;
-khtml-opacity:0.35;
}

.formatbar {
width:100%;
float:right;
margin:0;
}

.rtl .editorFormatbar {
float:left;
}

.formatbar a, .pu a {
text-decoration:none;
color:black;
}

.fbBtn, .fbBiuBtn {
float:right;
overflow:hidden;
text-align:center;
border:1px solid transparent;
height:20px;
width:20px;
margin-right:8px;
}

.fbBtn, .fbBiuBtn {
height:32px;
width:46px;
}

.fbBiuBtnInCustomMenu {
margin-right:0px;
}

.fbBtn, .fbBtnGrp > .fbBiuBtn {
cursor:pointer;
}

.rtl .fbBiuBtn, .rtl .fbBtn {
float:left;
}

.fbBtnHiLite {
background-color:#CDE6F7/$ShellButtonHoverBgColor/;
border:1px solid #92C0E0/$ShellButtonHoverBorderColor/;
}

.fbBtn:hover, .fbBtnGrp > .fbBiuBtn:hover {
border:1px solid #92C0E0/$ShellButtonHoverBorderColor/;
}

.fbBtnPushed {
background-color:#CDE6F7/$ShellButtonHoverBgColor/;
}

.fbBtnMsDn {
background-color:#CDE6F7/$ShellButtonHoverBgColor/;
}

.fbBtnDa {
filter:alpha(opacity=35);
opacity:0.35;
-khtml-opacity:0.35;
cursor:default;
}

.fbBiu {
overflow:hidden;
color:#666666;
display:block;
font-family:Courier New;
font-size:17px;
font-weight:bold;
text-align:center;
vertical-align:top;
-moz-user-select:none;
-khtml-user-select:none;
}

.fbBiu {
padding-top:6px;
}

.fbBtnGrp {
float:right;
white-space:nowrap;
}

.table {
display:table;
}

.tablerow {
display:table-row;
}

.tablecell {
display:table-cell;
}

.fbCustomBtnGrp {
cursor:default;
}

.rtl .fbBtnGrp, .rtl .fbCustomBtnGrp > img {
float:left;
}

.fbPopup {
border:1px solid #c6c6c6;
background-color:#f9f9f9;
}

.fbBtnGrpChk {
float:right;
vertical-align:top;
}

.rtl .fbBtnGrpChk {
float:left;
}

.mruFont {
background-color:#f3f8ff;
}

.bT {
font-weight:bold;
}

.iT {
font-style:italic;
}

.uT {
text-decoration:underline;
}

.colorPicker {
border:1px solid #c6c6c6;
background-color:#FFFFFF/$BackgroundColor/;
padding:2px;
}

.colorPickerCell {
cursor:pointer;
border:solid 3px #ffffff;
background-color:#c6c6c6;
width:12px;
height:12px;
padding:1px;
}

.colorPickerCell {
width:32px;
height:32px;
}

.colorPickerCell:hover {
border:solid 1px #92C0E0/$ShellButtonHoverBorderColor/;
width:16px;
height:16px;
margin:0px;
}

.colorPickerCell:hover {
width:36px;
height:36px;
}

.colorPickerCell > .colorCell {
width:100%;
height:100%;
border-width:0px;
}

.colorPickerActions {
text-align:center;
}

.colorPickerButton {
margin:3px;
display:inline-block;
padding:5px;
cursor:pointer;
vertical-align:middle;
font:bold 16px/$_ColorPickerButtonFontSize/ ‘Segoe UI WPC Semibold’,’Segoe UI Semibold’,’Segoe UI’,Tahoma,’Microsoft Sans Serif’,Verdana,sans-serif/$SemiboldFontFamilyList//$SemiboldFontFamily//$_ColorPickerButtonFont/;
color:#333333/$_ColorPickerButtonColor/;
border:1px solid #333333/$ShellButtonNormalBorderColor/;
background-color:#F8F8F8/$ShellButtonNormalBgColor/;
}

.colorPickerButton:hover {
color:#333333/$ShellButtonHoverTextColor/;
border:1px solid #92C0E0/$ShellButtonHoverBorderColor/;
background-color:#CDE6F7/$ShellButtonHoverBgColor/;
}

.colorPickerButton:active {
color:#FFFFFF/$ShellButtonSelectTextColor/;
background-color:#0072C6/$ShellButtonSelectBgColor/;
border:1px solid #0072C6/$ShellButtonSelectBgColor/;
}

.clear {
clear:both;
}

.cmbVASp {
width:0px;
height:20px;
line-height:20px;
vertical-align:middle;
}

.rtl .cmbVis {
right:20px;
left:0px;
}

.cmbCont {
width:3000px;
}

.rtl .cmbSel {
right:20px;
left:0px;
}

divCmbDd {

position:absolute;
top:2px;
right:auto;
left:0px;
filter:alpha(opacity=100);
opacity:1;
-khtml-opacity:1;
}

divCmbDd {

top:8px;
}

.rtl #divCmbDd {
top:2px;
right:2px;
left:auto;
}

divRI > #divCmbDd, #divCDd > #divCmbDd, #divRcp > #divCmbDd {

top:3px;
}

divCmbList {

position:absolute;
background:#ffffff;
padding:0;
overflow:auto;
overflow-x:hidden;
cursor:default;
}

divCmbList > div {

padding:1px;
}

spanCmbSel {

padding:0px 7px 0px 4px;
line-height:18px;
white-space:nowrap;
vertical-align:12%;
}

spanCmbSel {

line-height:27px;
}

.btnimg {
vertical-align:-8%;
}

.btnimg {
vertical-align:-33%;
}

.cmbSel {
background-color:#CDE6F7/$ShellButtonHoverBgColor/;
}

.listItm {
font-size:10pt;
vertical-align:baseline;
white-space:nowrap;
padding-right:7px;
line-height:24px;
}

.listItm {
font-size:16px;
line-height:32px;
}

.cmb {
position:relative;
color:#333333;
background-color:#ffffff;
border:1px solid #98A3A6;
cursor:default;
font-size:10pt;
}

.cmb {
font-size:16px;
}

divFntNm {

float:right;
width:166px;
height:20px;
overflow:hidden;
text-overflow:ellipsis;
}

divFntNm {

height:32px;
}

divFntSz {

float:right;
width:40px;
height:20px;
overflow:hidden;
text-overflow:ellipsis;
}

divFntSz {

height:32px;
}

.rtl #divFntNm, .rtl #divFntSz {
float:left;
}

.cmbDsbl {
color:#808080;
}

.cmbDsbl > #divCmbDd {
filter:alpha(opacity=50);
opacity:0.5;
-khtml-opacity:0.5;
}

a img, a .csimg {
border:0px;
}

.ctxMnu {
position:absolute;
z-index:100;
background-color:rgb(255, 255, 255);
border:1px solid #c6c6c6;
}

.cmLnk {
padding:1px 9px;
color:#0066cc;
border:1px solid transparent;
cursor:pointer;
white-space:nowrap;
}

.cmLnk.cmHiLite .amEM {
color:#0066cc;
}

.cmLnk {
color:#666666/$MailTextColor/;
}

.cmLnk.cmHiLite, .cmHiLite {
}

.cmLnk.cmDsbld, .cmDsbld {
cursor:default;
}

.cmDsbld img#imgI {
filter:alpha(opacity=35);
opacity:0.35;
-khtml-opacity:0.35;
background-color:rgb(232, 232, 232);
}

.cmDsbld img.opacity100 {
filter:alpha(opacity=100);
opacity:1;
-khtml-opacity:1;
}

.cmLnk.blockContent {
position:relative;
}

imgI {

vertical-align:text-top;
}

divAVLBL > #spnImg > #imgI, #divBSY > #spnImg > #imgI, #divDND > #spnImg > #imgI, #divBRB > #spnImg > #imgI, #divAWAY > #spnImg > #imgI, #divOFFL > #spnImg > #imgI {

margin-right:3px;
padding-bottom:4px;
vertical-align:bottom;
}

.blockContent > span > img#imgI {
position:relative;
}

spnT {

line-height:19px;
vertical-align:middle;
white-space:nowrap;
}

.ctxMnuIco {
background-color:rgb(255, 255, 255);
}

cmpane {

display:none;
}

.ctxMnuIco > #cmpane {
display:block;
z-index:-1000;
background-color:#E8E8E8;
width:23px;
position:absolute;
right:0px;
top:0px;
height:100%;
}

.rtl .ctxMnuIco > #cmpane {
right:auto;
left:0px;
}

.ctxMnuIco > .cmLnk {
padding:1px 2px 1px 9px;
}

.rtl .ctxMnuIco > .cmLnk {
padding:1px 9px 1px 2px;
}

.ctxMnuIco > .cmLnk.subMnu {
padding:1px 2px;
}

.cmIco {
line-height:19px;
vertical-align:middle;
}

.cmIco .cstmMnuImg {
width:16px;
height:16px;
}

.cmDvdr {
margin:4px 8px 2px 4px;
line-height:0px;
border:none 0px transparent;
border-top:solid 1px #d6d6d6;
}

.rtl .cmDvdr {
margin:4px 4px 2px 8px;
}

.cmDvdr > span {
line-height:0px;
}

.ctxMnuIco > .cmDvdr {
margin:4px 27px 2px 4px;
}

.rtl .ctxMnuIco > .cmDvdr {
margin:4px 4px 2px 27px;
}

.mnuItmTxtHdr > #spnT {
line-height:25px;
}

.ctxMnu > div + div +div + .mnuItmTxtHdr, .ctxMnu > div + div +div + .mnuItmTxtItm {
margin-top:1px;
}

.mnuItmTxtItmIndented {
text-indent:20px;
}

.mnuItmTxtItm> #spnT, .mnuItmTxtItmIndented> #spnT {
line-height:14px;
}

.mnuItmTxtItmSpaced {
margin-top:6px;
}

divFlgM > .dropshadow {

display:none;
}

divCmplM > .dropshadow {

display:none;
}

div.ctxMnu div.rszHd {
background-color:rgb(232, 232, 232);
cursor:default;
border:1px solid #d6d6d6;
padding:3px;
}

.dropshadow {
position:absolute;
}

.tbf > .dropshadow {
display:none;
}

.tbf.tbfP > .dropshadow {
display:block;
}

.dropshadow-top-left {
top:0px;
right:-5px;
}

.dropshadow-top-right {
top:0px;
left:-5px;
}

.dropshadow-corner-bottom-left {
right:-5px;
bottom:-6px;
}

.dropshadow-corner-bottom-right {
left:-5px;
bottom:-6px;
}

.dropshadow-bottom-left {
bottom:-6px;
right:-1px;
}

.dropshadow-bottom-right {
bottom:-6px;
left:-1px;
}

.dropshadow-left, .dropshadow-left-forDialogWithButton {
width:4px;
top:5px;
right:-5px;
bottom:-1px;
}

.dropshadow-left-forDialogWithButton {
top:0px;
}

.dropshadow-right, .dropshadow-right-forDialogWithButton {
width:4px;
top:5px;
left:-5px;
bottom:-1px;
}

.dropshadow-right-forDialogWithButton {
top:0px;
}

.dropshadow-bottom {
height:5px;
left:-1px;
bottom:-6px;
right:4px;
}

.rtl .dropshadow-bottom {
left:4px;
right:-1px;
}

.pu {
position:absolute;
}

.dropDownListMaxHeight {
max-height:330px;
overflow-y:auto;
overflow-x:hidden;
}

.contextMenuDropShadow {
box-shadow:0 0 7px rgba(0,0,0,.4)/$DialogBoxShadowColor/;
-moz-box-shadow:0 0 7px rgba(0,0,0,.4)/$DialogBoxShadowColor/;
-webkit-box-shadow:0 0 7px rgba(0,0,0,.4)/$DialogBoxShadowColor/;
}

.fltSp1, .fltSp3, .fltSp5, .fltSp, .rtl .fltSp1O, .rtl .fltSp3O, .rtl .fltSp5O, .rtl .fltSp0 {
float:right;
}

.fltSp1O, .fltSp3O, .fltSp5O, .fltSp0, .rtl .fltSp1, .rtl .fltSp3, .rtl .fltSp5, .rtl .fltSp {
float:left;
}

.fltSp1, .fltSp1O {
width:1px;
}

.fltSp3, .fltSp3O {
width:3px;
}

.fltSp5, .fltSp5O {
width:5px;
}

.tooltip {
position:absolute;
border:solid 1px;
padding:1px;
background-color:#f9f9f9;
}

.fltAfter {
float:left;
}

.rtl .fltAfter {
float:right;
}

.fltBefore {
float:right;
}

.rtl .fltBefore {
float:left;
}