/* EasyChair style sheet for help-pages
 * (c) 2014-2018 Cool Press Ltd
 * (c) 2018 EasyChair Ltd
 */

.help .page {
  border-radius: 0pt 0pt 0pt 0pt;
}

.search_row {
  padding:0px 10px 0px 10px;
  color:#333;
  font-family:Verdana,sans-serif;
  font-size:13px;
  height:37px;
  width: auto;
  border:0px  #ffaa33 solid;
  border-left:1px  #999 solid;
  background: #ffaa33 url('/images/searchbarshadow.png') left 0px top 0px no-repeat;
  text-align: center;
}

#search-form {
}
#search-input {
  position: relative;
  font-size:11pt;
  color: #fff;
  box-sizing: border-box;
  border: 1px solid #fff;
  background: #ffb547 url('/images/search.png') left 10px top 5px no-repeat;
  background-size: 15px Auto;
  border-radius: 15px 15px 15px 15px;
  padding-left: 36px;
  height: 26px;
  width: 300px;
  top: 5px;
}
#search-input:focus {
  color: #666;
  outline: none !important;
  border:0px solid #aa0000;
  box-shadow: 0 0 6px #ffad33;
  background: #fff url('/images/search2.png') left 10px top 5px no-repeat;
  background-size: 15px Auto;
  width: 500px;
}
#search-input::placeholder { color: #fff; }
#search-input::-ms-input-placeholder { color: #fff; }
#search-input::-moz-placeholder { color: #fff; }
#search-input::-webkit-input-placeholder { color: #fff; }

.search_row .faq_buttons {
  margin:8pt 0pt 0pt 0pt;
  float: left;
}
.search_row .faq_buttons a.faq:link {
  color: #fff;
  cursor: pointer;
  font-size: 11pt;
  font-family: Corbel, Verdana, Helvetica, Arial, sans-serif;
  padding: 5px 20px 4px 20px;
  text-align: center;
  text-decoration: none;
  background: #ffa321 url('/images/leerOrange.gif');
  border: solid 1px white;
  border-radius: 4px 4px 4px 4px;
}
.search_row .faq_buttons a.faq:visited { color: #fff; }
.search_row .faq_buttons a.faq:link:hover { color:#fff; background: #aa0000 url('/images/leerDarkRed.gif'); }
.search_row .faq_buttons a.faq:visited:hover { color:#fff; background: #aa0000 url('/images/leerDarkRed.gif'); }

.container {
  width: 100%;
  height: 100%;
  background-color:#f5f3e9;
  border-radius: 0pt 0pt 8pt 8pt;
  border:0px #999 solid;
  border-top:1px #d9a96a solid;
  border-spacing: 0px;
}

.container td {
  padding:0pt;
  vertical-align: top;
}

.container td.sidebar {
  padding: 10pt 5pt 10pt 15pt;
  vertical-align: text-top;
  font-size: 10pt;
  background:#faf9f2;
  border-right:1px #b0b0b0 solid;
  border-bottom: 1px #d6d6d6 solid;
  border-radius: 0pt 0pt 0pt 8pt;
}

.container td.contentbar {
  border-radius: 0pt 0pt 8pt 0pt;
}

/* ALEX: took below container form search_container of the old version
 * (help_pages/helper_version_2)
 * Is this necessary to be put on td where the menu and search bar is hiding?  
 * */
.menu_container {
    vertical-align:top; 
    width:100%;
    height:1px;
}

.content_container {
  background:#fff;
  border:1px #999 solid;
  vertical-align:top;
  border-top:0px #999 solid;  /* delete top border over menu */
  border-radius: 0pt 0pt 8pt 8pt; /* rounded borders at the bottom */
}

#content.help_content {                                       
}
#content.help_content a:link {
  font-family: Verdana,sans-serif;
  font-size: 11pt;
  text-decoration: underline;
  color:#043f76;
}
#content.help_content a:visited, a:focus, a:active { color:#043f76; }
#content.help_content a:link:hover { color:#f00; }
#content.help_content a:visited:hover { color:#f00; }

#content.help_content .rmenu a:link { font-size: 10pt; } /* all links in text - 11pt while links of rmenu - 10pt */

/*================ links to other help articles ==============*/
#content.help_content a.std:link {
  font-family: Verdana,sans-serif;
  font-size: 11pt;
  text-decoration: underline;
  color:#043f76;
}
#content.help_content a.std:visited, a:focus, a:active { color:#043f76; }
#content.help_content a.std:link:hover { color:#f00; }
#content.help_content a.std:visited:hover { color:#f00; }

/*============== links to definitions ===============*/
#content.help_content a.def:link { 
  text-decoration:none;
  font-size:11pt;
  color:#9d185d;
  font-weight:normal;
  font-style: italic;
}
#content.help_content a.def:visited { color:#9d185d; }
#content.help_content a.def:link:hover { color:#f00; text-decoration:underline; }
#content.help_content a.def:visited:hover { color:#f00; text-decoration:underline; }

/*============== links to EasyChair script ===================*/
#content.help_content a.script:link { 
  text-decoration:none;
  font-size:11pt;
  color:#043f76;
  font-weight:bold;
}
#content.help_content a.script:visited { color:#043f76; }
#content.help_content a.script:link:hover { color:#f00; text-decoration:underline; }
#content.help_content a.script:visited:hover { color:#f00; text-decoration:underline; }

/*============== links to unauthorized EasyChair script ===================*/
#content.help_content a.dummy:link { 
  text-decoration:none;
  font-size:11pt;
  color:#666;
  font-weight:bold;
}
#content.help_content a.dummy:visited { color:#666; }
#content.help_content a.dummy:link:hover { color:#f00; text-decoration:underline; }
#content.help_content a.dummy:visited:hover { color:#f00; text-decoration:underline; }

/*======================================================================*/

#content.help_content h2 {
  margin: 20pt 0pt 12pt 0pt;
  padding: 0pt 0pt 0pt 1pt;
  font-weight:normal;
  font-size:15pt;
  color:#000;
}
#content.help_content h2 a.def:link { /* if class def locates inside h2 */
  font-size:15pt;
}

#content.help_content h3 {
  margin: 14pt 0pt 8pt 0pt;
  padding: 0pt 0pt 0pt 1pt;
  font-weight:normal;
  font-style: italic;
  font-size:13pt;
  color:#000;
}
#content.help_content h3 a.def:link { /* if class def locates inside h3 */
  font-size:13pt;
}

#content.help_content .summary { /* cover left boundary def in cool.css */
  background: transparent;
  border-left:0px #c2bab1 solid;
  border-bottom:1px #b0b0b0 solid;
  padding:15pt 0pt 11pt 32pt;
  color:#333;
  font-family:Verdana,sans-serif;
  font-size: 11pt;
  line-height:1.25;
  width:75%;
}

#content.editor {
  background-color: #f5f3e9;
  color:#333;
  font-family:Verdana,sans-serif;
  font-size: 11pt;
}

#content.help_content .pagetitle {
  color:#000;
  font-family:Tahoma,Verdana,sans-serif;
  font-size:18pt;
  padding: 13pt 0pt 0pt 32pt;
}

.quest { /* Questions in FAQ */
  font-weight:bold;
  color:#9d185d;
}

.qa { /* first letter (Q or A) in questions/answers in FAQ */
  font-size: larger;
  font-weight: bold;
  margin: 0pt 3pt 6pt 10pt;
}

.help .subcontent {
  font-size: 11pt;
  margin: 15pt 4pt 15pt 32pt;
  border: 0px solid #f00;
  max-width: 1000px;
}

.help .subcontent a:link {
  font-family: Verdana,sans-serif;
  font-size: 11pt;
  text-decoration: underline;
  color:#043f76;
}

.help .subcontent a:visited, a:focus, a:active { color:#043f76; }
.help .subcontent a:link:hover { color:#f00; }
.help .subcontent a:visited:hover { color:#f00; }

.help .subcontent hr {
  margin-top: 15pt;
  color: #fff;
}

.help .related {
  display: inline-block;
  padding: 0pt 20pt 20pt 32pt;
  font-size: 10pt;
  color:#043f76;
  border: 0px solid #666;
  max-width: 600px;
}

.help .related .title { 
  padding: 0pt 0pt 0pt 0pt;
  font-size: 15pt;
  color: #777;/*043f76;*/
}

.help .related ul {
  font-size: 11pt;
  color:#999;
  padding: 0pt 0pt 0pt 32pt;
  line-height: 1.6;
}

.help .related a:link {
  font-family: Verdana,sans-serif;
  text-decoration: underline;
  color:#777;
}

.help .related a:visited, a:focus, a:active { color:#043f76; }
.help .related a:link:hover { color:#f00; }
.help .related a:visited:hover { color:#f00; }

/* ALEX this renamed from div.content */ 
div.toc {
  display:  inline-block;
  border: 1px solid #aaa;
  padding: 4pt 16pt 5pt 16pt;
  margin: 0pt 0pt 13pt 0pt; 
  max-width: 600px;
}

div.toc .title { 
  padding: 8pt 0pt 0pt 0pt;
  font-size: 15pt;
  color: #043f76;
  display:  inline-block;
}

div.toc ul {
  font-size: 11pt;
  color:#999;
  padding: 0pt 0pt 0pt 8pt;
  line-height: 1.6;
}

div.toc a:link {  
  font-family: Verdana,sans-serif;
  font-size: 11pt;/*10pt;*/
  text-decoration: underline;
  color:#043f76;
} 
div.toc a:visited, a:focus, a:active { color:#043f76; }
div.toc a:link:hover { color:#f00; }
div.toc a:visited:hover { color:#f00; }

div.toc li.linktorelated {
  list-style: none;
  padding-top: 6pt;
}

.toc { 
  color: #0000cd;
  padding: 0pt 0pt 0pt 0pt;
  font-size: 10pt;
  border: 0px solid #b0b0b0;
  padding: 0pt 0pt 6pt 1pt;
}

.toc ol { /* наш нумерованный список */
  list-style: none; /* убираем стандартную нумерацию */ 
  padding: 0 0 0 0pt;  /* Задаем отступ */
  color:#043f76;
}

.toc li > a { /* наш нумерованный список */
  line-height: 1.6;
}

#content .pagelocation {
  margin:15pt 0pt 0pt 32pt;
  font-size: 11pt;
  font-family: Verdana,sans-serif;
  color: #aa0000;
  border: solid 0px red;
}
#content .pagelocation a:link {
  font-size: 11pt;
  color: #aa0000;
  padding: 0 6px 0 5px;
}
#content.pagelocation a:visited, a:focus, a:active { color:#aa0000; }
#content.pagelocation a:link:hover { color:#f00; }
#content.pagelocation a:visited:hover { color:#f00; }

#content .pagelocation img {
  padding: 0 0px 0 0;
}
#content .pagelocation .title {
  padding: 0 6px 0 5px;
}

#content .pagelocation a.faq:link {
   border: 0;
   box-sizing: border-box;
   color: #fff;
   cursor: pointer;
   font-size: 11pt;
   font-family: Corbel, Verdana, Helvetica, Arial, sans-serif;
   padding: 3px 16px 2px;
   display: inline-block;
   position: relative;
   text-align: center;
   text-decoration: none;
   transition: background-color .3s;
   background-color: #8ea3c0;/*c87137;*/
   margin: 0 16pt 0 0;
   
}
#content .pagelocation a.faq:visited { color: #fff; }
#content .pagelocation a.faq:link:hover { color:#fff; background-color: #8299b9; }
#content .pagelocation a.faq:visited:hover { color:#fff; background-color: #8299b9; }

#articles_left_col, #articles_right_col { height:100%; }
#articles_left_col {
  margin: 0px 55% 0px 0px;
  border:1px #ffffd0 solid;
  padding:0pt 0pt 0pt 10pt;
}
#articles_right_col {
  float:right;
  width:55%;
  border:1px #ffffd0 solid;
  padding:0pt 0pt 0pt 0pt;
}

/*========================= popup definitions styles =======================*/
.popup_help {
    display:inline-block;
    overflow-y:auto;
    padding: 0pt 0pt;
    width: 40%;
    border-radius: 10px;
    border:solid #aaaaaa 2px;
}

.popup_help td {padding: 0px; border : 0px; margin : 0px;}
.popup_help textarea {}
.popup_help input[type="text"] {
    width: 250pt;
    font-size:9pt;
    height:14pt;
    padding: 1pt 2pt 1pt 2pt;
}
.popup_help input[type="password"] {}
.popup_help input[type="file"] {}
.popup_help input[type="submit"] {
    background:#e0ddd8;
    border:1px #999 solid;
    width:80pt;
    height:20pt;
    border-radius:4pt;
    font-size:10pt;
    font-family:verdana;
    color:#464646;
    cursor: pointer;
}

.popup_help input[type="button"] {font-weight:bold;}

.popup_page {
    height:100%;
    width:100%;
    background:#fff;
    border-radius: 10px;
}

.cross_alignment {
    margin-left:0pt;
    margin-top: 8pt;
    border:0pt;
    vertical-align:text-bottom;
}

.popup_header {
    height:50px;
    white-space:nowrap;
    border-radius: 10px;
}

.help_logo_alignment {
    margin-left:10px;
    margin-top: 6px;
    border: 0px;
}

.subcontent_alerts {
    color:#800;
    padding: 12pt 30pt 20pt 30pt;
    font-size: 10pt;
    background-color:#faecb6;
    border-top:1px #b0b0b0 solid;
    text-align:center;
}
.help_alertstitle {
    color:#f00; 
    font-weight:bold;
    font-family:Arial,sans-serif;
    font-size:20px;
    line-height:38pt;
}

.leftheader {
    float:left;
    width:75px;
}
.rightheader {
    float:right;
}
/*================== MARKERS for table of content ========================*/
.expandblock {
  line-height: 22px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-spacing: 0px;
  font-size: 10pt;
  color:#aa0000;
}

.expandblock td {
  padding: 0; /* Убираем поля */
  margin-left: 15pt; /* Отступ слева */
  padding-left: 20px; /* Отступ от маркера до текста */
}

.expandblock td a:link { text-decoration: underline; color:#043f76; }                                                                                                          
.expandblock td a:visited, a:focus, a:active { color:#043f76; }
.expandblock td a:link:hover { color:#f00; }
.expandblock td a:visited:hover { color:#f00; }

.expandblock td.itemsblock {
  background: transparent url('/images/expandable.png') no-repeat; /* Путь к изображению маркера */
  background-position: left 0px top 5px;
}

.expandblock td.itemsblockopen {
  background: transparent url('/images/expanded.png') no-repeat; /* Путь к изображению маркера */
  background-position: left 0px top 5px;
}

.expandblock td.itemarticle {
  background: transparent url('/images/disk.png') no-repeat; /* Путь к изображению маркера */
  background-position: left 2px top 8px;
}                                                  


.expandblock td.itemarticle.draft {
  background: transparent url('../images/disk_grayed.png') no-repeat;
  background-position: left 2px top 8px;
}                                                  
.expandblock td.itemarticle.draft a:link { color:#888; }
.expandblock td.itemarticle.draft a:visited, a:focus, a:active { color:#043f76; }
.expandblock td.itemarticle.draft a:link:hover { color:#f00; }
.expandblock td.itemarticle.draft a:visited:hover { color:#f00; }
/*============================= DRAFT article END =================*/
/*============================= DRAFT itemsblock START ============*/
.expandblock td.itemsblock.draft {
  background: transparent url('../images/expandable_grayed.png') no-repeat;
  background-position: left 0px top 5px;
}                                                  
.expandblock td.itemsblock.draft a:link { color:#888; }
.expandblock td.itemsblock.draft a:visited, a:focus, a:active { color:#043f76; }
.expandblock td.itemsblock.draft a:link:hover { color:#f00; }
.expandblock td.itemsblock.draft a:visited:hover { color:#f00; }
/*============================= DRAFT article END =================*/
/*============================= DRAFT itemsblockopen START ========*/
.expandblock td.itemsblockopen.draft {
  background: transparent url('../images/expanded_grayed.png') no-repeat;
  background-position: left 0px top 5px;
  color:#888;
}                                                                                                          

.bordertop {
  border-top: 1px solid #b0b0b0;
  padding-top: 6pt;
}

#content .par_img {
  margin: 7pt 0pt 7pt 0pt;
}

/*========================= help definition =======================*/
.help .definition {
  color:#f00;
  font-style: italic;
}

/*========================= help search =======================*/
.help li.search_result {
  padding-left: 5pt;
}
.help hr.search_line {
 width:500pt;
 display: inline-block; 
}
.help div.search_definition {
  width:450pt;
  padding: 0pt 0pt 0pt 20pt;
  margin-top: 12pt;
  margin-bottom: 24pt;
  font-size: 10pt;
}