.htmlarea { border-collapse: separate !important; border-color: #BBB !important; position: relative; z-index: 30 !important; }
.editing .htmlarea textarea { line-height: 1.4em !important; padding-top: 3px !important; }
.htmlarea .toolbar { padding: 0px 1em 3px 3px !important; border: 0 none; background: #EEE !important; border-color: transparent transparent #AAA transparent !important;  }
.htmlarea .separator { display: none !important; }
.htmlarea .toolbar .toolbarRow a.button, .htmlarea .toolbar .toolbarRow a.button:hover { border-color: transparent !important; border-image: none !important; border-style: none !important; border-width: 0 !important; }
.htmlarea .toolbar .toolbarRow .buttonActive, .htmlarea .toolbar .toolbarRow .buttonPressed { padding: 1px !important; border-color: transparent !important; }
.htmlarea .toolbar .toolbarRow a.button { margin: 0 4px 0 6px !important; }
.htmlarea div.buttonImageContainer img { display: none; }
.htmlarea .toolbar .toolbarRow .button { 
	background: url(https://images.azureedge.net/rt/images/interface/sprite_xinha_colored.png) no-repeat center 3px !important;
	background-size: 100% auto !important;
	position: relative;
	width: 36px !important; 
	height: 40px !important; 
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);
}

.htmlarea .toolbar .toolbarRow .button.buttonDisabled, .htmlarea .toolbar .toolbarRow .button.buttonDisabled:hover { cursor: default !important; opacity: .22; -webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */ filter: grayscale(100%) !important; }
.htmlarea .toolbar .toolbarRow .button:hover, .htmlarea .toolbar .toolbarRow .button.buttonPressed { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); }
.htmlarea .toolbar .toolbarRow .button, .htmlarea .toolbar .toolbarRow .button:hover { -moz-transition: .25s all ease; -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease;  }
.htmlarea .toolbar .toolbarRow .button[title='Insert special character'] { background-position-y: -40px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Insert Table'] { display: none !important; }
.htmlarea .toolbar .toolbarRow .button[title='Italic'] { background-position-y: -83px !important; margin-right: -3px !important; }
.htmlarea .toolbar .toolbarRow .button[title='SmallCaps'] { background-position-y: -162px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Bold'] { background-position-y: -124px !important; margin-left: 3px !important; margin-right: -7px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Toggle HTML Source'] { background-position-y: -258px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Spell-check'] { background-position-y: -258px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Edit HTML for selected text'] { background-position-y: -258px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Maximize/Minimize Editor'] { background-position-y: -330px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Justify Left'] { background-position-y: -454px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Justify Center'] { background-position-y: -495px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Justify Right'] { background-position-y: -536px !important;}
.htmlarea .toolbar .toolbarRow .button[title='Justify Full'] { display: none !important;}/*{ background-position-y: -414px !important;}*/
.htmlarea .toolbar .toolbarRow .button[title='Ordered List'] { background-position-y: -578px !important; margin-left: 2px !important; }
.htmlarea .toolbar .toolbarRow select[title='Choose list style type (for ordered lists)'] { display: none !important; }
.htmlarea .toolbar .toolbarRow .button[title='Bulleted List'] { background-position-y: -617px !important; margin-left: 3px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Decrease Indent'] { background-position-y: -700px  !important; margin-left: 3px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Increase Indent'] { background-position-y: -659px !important; margin-left: 3px !important; margin-right: 2px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Horizontal Rule'] { display: none !important; }
.htmlarea .toolbar .toolbarRow .button[title='Insert Web Link'] { background-position-y: -909px !important; margin-left: 0 !important; }
.htmlarea .toolbar .toolbarRow .button[title='Undoes your last action'] { display: none !important;} /*{ background-position-y: -740px !important; margin-left: 2px !important; margin-right: 0 !important; }*/
.htmlarea .toolbar .toolbarRow .button[title='Redoes your last action'] { display: none !important;} /*{ background-position-y: -779px !important; }*/
.htmlarea .toolbar .toolbarRow .button[title='Select all'] { display: none !important;} /*{ background-position-y: -818px !important; margin-left: 2px !important;  }*/
.htmlarea .toolbar .toolbarRow .button[title='Print document'] { display: none !important;}
.htmlarea .toolbar .toolbarRow .button[title='Cut selection'] { display: none !important;}
.htmlarea .toolbar .toolbarRow .button[title='Copy selection'] { display: none !important;}
.htmlarea .toolbar .toolbarRow .button[title='Paste from clipboard'] { display: none !important;}
.htmlarea .toolbar .toolbarRow .button[title='Remove formatting'] { background-position-y: -235.5px !important; width: 41px !important; margin-left: 4px !important; margin-right: 3px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Toggle HTML Source'] { background-position-y: -243px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Spell-check'] { display: none !important; } /*{ background-position-y: -252px !important; width: 32px !important; }*/
.htmlarea .toolbar .toolbarRow .button[title='Edit HTML for selected text'] { background-position-y: -865px !important; width: 36px !important; }
.htmlarea .toolbar .toolbarRow .button[title='Help using editor'] { display: none !important; }
.htmlarea .toolbar .toolbarRow .button[title='About this editor'] { display: none !important; }
.htmlarea .toolbar .toolbarRow:nth-last-child(2) { float: right !important; }
.htmlarea .toolbar .toolbarRow:nth-last-child(3) .toolbarElement:nth-last-child(2) { float: right !important; }
.htmlarea .toolbar .toolbarRow:nth-last-child(3) .toolbarElement:last-child { float: left !important; }

.htmlarea .toolbar .button[title]:not(.buttonDisabled)::before {
	background: #404040 none repeat scroll 0 0;
    border-radius: 4px;
    box-shadow: 1px 0 2px #fefefe;
    color: #fefefe;
    display: block;
    font-family: Calibri,Arial,sans-serif;
    font-size: 0.90625rem;
    font-weight: bold;
    height: auto;
    line-height: 1.3em;
    max-width: none;
    opacity: 0;
    overflow: visible;
    padding: 0.6em 1em;
    position: absolute;
    right: auto;
    text-align: center;
    text-indent: 0;
    text-shadow: 1px 1px 0 #333;
    top: -3.2em;
	visibility: hidden;
	white-space: nowrap;
    width: auto;
    z-index: -1;
	left: 0;
	content: attr(title);
	text-transform: none !important;
	-moz-transition: opacity 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
}
.htmlarea .toolbar .button[title]:not(.buttonDisabled)::after {
    background: url(https://images.azureedge.net/images/interface/sprite_succsess_bubble_top.png) no-repeat scroll 0 -156px;
    content: "";
    height: 25px;
    margin-left: auto;
    margin-right: auto;
    top: -24px;
    width: 30px;
    z-index: 89;
	opacity: 0;
	position: absolute;
	visibility: hidden;
	left: 4px;
    z-index: 90;
}
.htmlarea .toolbar .button[title]:not(.buttonDisabled):hover::before, .htmlarea .toolbar .button[title]:not(.buttonDisabled):hover::after {
	position: absolute;
	visibility: visible;
    opacity: 1;
    z-index: 90;
	-moz-transition: opacity 0.5s ease 0s;
    -webkit-transition: opacity 0.5s ease 0s;
	-o-transition: opacity 0.5s ease 0s;
	transition: opacity 0.5s ease 0s;
}

/* Homepage */
.home .mainContent .toolbar a.button { text-transform: none !important; }
.home .htmlarea .toolbar .toolbarRow .button[title='Italic'] { background-position-y: -76px !important; margin-right: -1px !important; width: 34px !important; }
.home .htmlarea .toolbar .toolbarRow .button[title='Insert special character'] { margin-left: 2px !important; }
.home .htmlarea .toolbar .toolbarRow .button[title='Remove formatting'] { margin-left: -1px !important; margin-right: 1px !important; }
#feature1 .htmlarea iframe { min-height: 235px !important; }
.home .editing { min-width: 290px !important; }
.home .htmlarea textarea { min-width: calc(100% - 11px) !important; width: calc(100% - 11px) !important; min-height: 165px !important; }
.ArticleExcerpt .inplace_form .xinha_iframe { font-family: Cambria, Georgia, serif !important; font-size: 1.03125rem !important; }
.home .inplace_form:focus .htmlarea  { border-color: #CD9933; }
.home .inplace_form:focus .xinha_iframe body { background: #FFFFE4; }
.home .xinha_iframe { border: 0 none !important; }

/* Dialogue */
.htmlarea tbody tr:nth-child(2) { display: none; }
.dialog { border: 0 none !important; height: 100% !important; background: transparent !important; top: 0; }
.dialog h1 { width: 100% !important; display: block !important; padding: 3.2em 0 0 0 !important; border: 0 none !important; position: relative; background: 0 none !important; text-align: center !important; color: #c0392b !important; font-family: Calibri, Arial, Sans-serif !important; font-size: 1.375rem !important;  }
.dialog h1::before { 
	content: ''; 
	display: block !important; 
	text-align: center; 
	vertical-align: middle; 
	position: absolute;
	top: .7em; 
	width: 100%;
	height: 50px;
	background: url(https://images.azureedge.net/rt/images/interface/sprite_xinha_colored.png) no-repeat center 0;
	background-size: 50px auto;
}