/**
 * Proofreader
 *
 * @package     Proofreader
 * @author      Sergey M. Litvinov (smart@joomlatune.com), Olga Novikova (helga@joomlatune.com)
 * @copyright   Copyright (C) 2013-2015 by Sergey M. Litvinov, Olga Novikova. All rights reserved.
 * @copyright   Copyright (C) 2005-2007 by Alexandr Balashov. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */
html, body {
  height: 100%; }

.proofreader_highlight {
  color: #f00; }
.proofreader_overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/overlay.png) 0 0 repeat;
  text-align: center;
  
    z-index: 999; 
  }
  .proofreader_overlay:after {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    zoom: 1;
    content: ' '; }
.proofreader_container {
  padding: 10px;
  position: relative;
  display: inline-block;
  width: 500px;
  min-height: 40px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  vertical-align: middle;
  text-align: justify;
  zoom: 1; }
.proofreader_form {
  padding: 0;
  background-color: #fff;
  text-align: justify; }
.proofreader_message_error {
  margin: 2px 0;
  padding: 8px;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  color: #f00;
  background-color: #fcf8e3;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.proofreader_comment {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
.proofreader_typo_container {
  margin: 3px 0 9px;
  padding: 5px;
  width: 100%;
  height: 4.5em;
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  line-height: normal;
  overflow-x: auto; }
.proofreader_prompt, .proofreader_mouse {
  background: none}
.proofreader_prompt {
  margin: 15px 0;
  font-size: 12px;
  padding: 7px 15px;
  background-color: #DCDCDC;
  color:#8F8F8F;
  opacity: 0.7;
  clear: both; }
.proofreader_mouse {
  padding: 5px 5px 5px 25px;
  width: auto;
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: #000 1px 1px 5px;
  background-position: 5px 50%; }
  .proofreader_mouse:hover {
    cursor: pointer; }
.proofreader_popup {
  position: relative;
  display: inline-block;
  padding: 15px;
  width: 600px;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-shadow: #000 1px 1px 5px;
  color: #000;
  background-color: #fff;
  line-height: 1.1em;
  vertical-align: middle;
  zoom: 1; }
  .proofreader_popup.proofreader_popup_message_error {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIgZmlsbD0iIzUwNTA1MCIvPjwvc3ZnPg==); }
  .proofreader_popup.proofreader_popup_message_success {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQ4LDcxLjljLTE3LjMtMTMuNC00MS41LTkuMy01NC4xLDkuMUwyMTQsMzQ0LjJsLTk5LjEtMTA3LjNjLTE0LjYtMTYuNi0zOS4xLTE3LjQtNTQuNy0xLjggIGMtMTUuNiwxNS41LTE2LjQsNDEuNi0xLjcsNTguMWMwLDAsMTIwLjQsMTMzLjYsMTM3LjcsMTQ3YzE3LjMsMTMuNCw0MS41LDkuMyw1NC4xLTkuMWwyMDYuMy0zMDEuNyAgQzQ2OS4yLDExMC45LDQ2NS4zLDg1LjIsNDQ4LDcxLjl6IiBmaWxsPSIjNTA1MDUwIi8+PC9zdmc+); }
  .proofreader_popup.proofreader_popup_message_success, .proofreader_popup.proofreader_popup_message_error {
    background-position: 20px 20px;
    background-repeat: no-repeat;
    background-size: 25px 25px; }
	
.proofreader_popup_close {
  display: block;
  position: absolute;
  top:-40px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
    transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}
br#proofreader_highlighter_end {display: none;  }
.proofreader_popup_close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
    transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}	
/*  .proofreader_popup_close {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
    width: 16px;
    height: 16px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDQzLjYsMzg3LjFMMzEyLjQsMjU1LjRsMTMxLjUtMTMwYzUuNC01LjQsNS40LTE0LjIsMC0xOS42bC0zNy40LTM3LjZjLTIuNi0yLjYtNi4xLTQtOS44LTRjLTMuNywwLTcuMiwxLjUtOS44LDQgIEwyNTYsMTk3LjhMMTI0LjksNjguM2MtMi42LTIuNi02LjEtNC05LjgtNGMtMy43LDAtNy4yLDEuNS05LjgsNEw2OCwxMDUuOWMtNS40LDUuNC01LjQsMTQuMiwwLDE5LjZsMTMxLjUsMTMwTDY4LjQsMzg3LjEgIGMtMi42LDIuNi00LjEsNi4xLTQuMSw5LjhjMCwzLjcsMS40LDcuMiw0LjEsOS44bDM3LjQsMzcuNmMyLjcsMi43LDYuMiw0LjEsOS44LDQuMWMzLjUsMCw3LjEtMS4zLDkuOC00LjFMMjU2LDMxMy4xbDEzMC43LDEzMS4xICBjMi43LDIuNyw2LjIsNC4xLDkuOCw0LjFjMy41LDAsNy4xLTEuMyw5LjgtNC4xbDM3LjQtMzcuNmMyLjYtMi42LDQuMS02LjEsNC4xLTkuOEM0NDcuNywzOTMuMiw0NDYuMiwzODkuNyw0NDMuNiwzODcuMXoiIGZpbGw9IiM1MDUwNTAiLz48L3N2Zz4=);
    background-size: 16px 16px; }
    .proofreader_popup_close:hover {
      cursor: pointer; }*/
  .proofreader_popup_message {
    display: table-cell;
    padding-left: 42px;
    width: 558px;
    height: 2.2em;
    vertical-align: middle;
    text-align: left;
    font-size: 16px; }