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

.popup {
  visibility: hidden;
  position: absolute;
  top: 0pt;
  left: 0pt;
  z-index: 20;
}

.help .popup {
  display:inline-block;
  overflow-y:auto;
  width: 40%;
  max-width:400pt; 
  box-shadow: 8px 8px 10px 10px rgba(0, 0, 0, .2);
  border: solid 1px #a7a7a2;
  border-radius: 8pt;
  background: #fffefa;
  padding: 12pt 24pt 14pt 26pt;
  margin-top: 10pt;
  margin-bottom: 10pt;
}

.help .popup a:link { 
  font-size:10pt;
  color: #043f76;
  font-weight: normal;
  text-decoration:underline;
}
.help .popup a:visited { color:#043f76; }
.help .popup a:link:hover { color:#f00; }
.help .popup a:visited:hover { color:#f00; }

.help .itemtitle {
  margin-top:9pt;
  font-size:12pt;
}
.help .popup_content {
  color:#000;
  padding: 2pt 0pt 0pt 0pt;
  font-size: 10pt;
  background-color: transparent;
  border:0px #b0b0b0 solid;
  text-align:left;
}

.help input[type="submit"] {
  background:#990000;
  border:1px #999 solid;
  height:20pt;
  min-width:120pt;
  padding:1pt 10pt 2pt 10pt;
  margin:0pt 0pt 0pt 0pt;
  border-radius:4pt;
  font-size:11pt;
  font-family:Helvetica, sans serif;
  font-weight:bold;
  color:#fff;
  cursor: pointer;
}

.cross {
  float: right;
  cursor: pointer;
  position:relative;
  top:20px;
}

.help .cross {
  top:10px;
}

#info.popup {
  display: block;
  overflow-y:auto;
  width: 40%;
  max-width:500px; 
  box-shadow: 6px 6px 8px 4px rgba(0, 0, 0, .15);
  border: solid 1px #a7a7a2;
  border-radius: 8pt;
  background: #f9f9f9;
  padding: 15px 30px 20px 35px;
}

#info.popup .center {
  text-align: center;
}

#info.popup h3 {
  width: calc(100% - 40px);
  font-style: italic;
}

.home #info.popup h3 {
  margin: 12pt 0px 4pt 0px;
  font-size: 14pt;
  color: #4c576d;
}

#info.popup hr {
    border: none;
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    margin: 20px 0 20px 0;
}