/* EasyChair style sheet
 * (c) 2016-2017 easychair.org
 * (c) 2020 EasyChair Ltd
 */

/* style with WHITE menu for SmartCFP */
div.menu {
  background: #e4e4dc;
  padding: 0px 0px 0px 0px;
  border-left: 10px solid #aa0000;
}
.menu table.menu td.top { /* main menu */
  padding:0px 8px 0px 8px;
  color:#880000;
  background: #f6f6ef url('/images/b_short_white.png') repeat-x top;
  border: 1px solid #880000;
  border-left: 1px solid #fff;
  cursor:pointer;
  font-size:12px;
  height:38px;
  white-space:nowrap;
}
.menu:hover table.menu:hover td.top:hover { /* hover main menu */
  background: #aa0000;
  border: 1px solid #aa0000;
  color:#fff;
}
.menu table.menu td.tab { /* popup menu */
  padding: 6px 15px 5px 15px;
  color: #880000;
  white-space: nowrap;
  background-color: #f7f7f0;
  border-left: 1px solid #880000;
  border-top: 1px solid #880000;
  border-right: 1px solid #880000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  cursor: pointer;
}
.menu table.menu tr:last-child td.tab {
  border-bottom: 1px solid #880000;
}
.menu:hover table.menu:hover td.tab:hover { /* hover popup menu */
  color:#fff;
  background-color:#aa0000;
}

/* the leftmost top-level tab */
.menu table.menu td.top:first-child {
  padding:0px 8px 0px 8px;
  color:#880000;
  background: #f6f6ef url('/images/b_short_white.png') repeat-x top;
  border: 1px solid #880000;
  border-left: 1px solid #fff;
  cursor:pointer;
  font-size:12px;
  height:38px;
  white-space:nowrap;
}

table.menu {
  border: 0px;
  padding: 0px;
  visibility: hidden;
  position: absolute;
  border-spacing: 0;
}

.menu table.menu td.alerts { /* Alerts in main menu */
  padding:0px 8px 0px 8px;
  color:#f00;
  background: #f6f6ef url('/images/b_short_white.png') repeat-x top;
  border: 1px solid #880000;
  border-left: 1px solid #fff;
  cursor:pointer;
  font-size:12px;
  height:38px;
  white-space:nowrap;
}
.menu:hover table.menu:hover td.alerts:hover { /* hover Alerts menu */
  background: #aa0000;
  border: 1px solid #aa0000;
  color:#f3ff00;
}

.whereareyou{
  position: relative;
  color: #aa0000;
  font-weight: normal;
  border: 1px solid #d60d14;
  left: 0px;
  top: -2px;
  font-size: 8pt;
  padding: 4pt 8pt 3pt 8pt;
  margin-left: 2px;
  border-radius: 8px;
}

.search_row {
  padding:0px 25px 0px 45px;
  color:#333;
  font-family:Verdana,sans-serif;
  font-size:13px;
  height:35px;
  width: auto;
  border:1px  #ff9900 solid;
  border-left:10px #c75e00 solid;
  background: #ff9900;
  text-align: center;
}
#search-form {}
#search-input {
   position: relative;
   font-size:11pt;
   color: #fff;
   box-sizing: border-box;
   border: 1px solid #fff;
   background: #ffad33 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; }

.cfp_date {
  white-space:nowrap;
  font-family: 'Lucida Console', monospace;
  letter-spacing: -0.1px;
  word-spacing: -5px;
}

.cfp_buttons_home {
  display: block;
  position: relative;
  margin-left: 55px;
  margin-top: 3px;
  border: solid 0px #999;
}

.cfp_buttons_work {
  display: block;
  position: relative;
  margin: 10px 0px 7px 55px;
  border: solid 0px #999;
}

.cfp_button {
  position: relative;
  height: 30px;
  font-size:13px;
  padding: 0px 20px 0px 30px;
  background: #f0ede6 url('/images/bg_circlered.png') no-repeat left 12px top 11px;
  border: solid #c75e00 1px;
  border-radius: 9pt 9pt 9pt 9pt;
  white-space: nowrap;
  border-collapse: separate;
  display: inline-block;
  margin: 3px 2px 3px 2px;
  color: #a00;
  line-height: 28px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, .2);
}
.cfp_button:hover {
  border: solid #c75e00 1px;
  margin: 3px 2px 3px 2px;
  top: 3px;
  left: 1px;
  box-shadow: 2px 2px 1px 0px rgba(0, 0, 0, .2);
  background: #f5f3ee url('/images/bg_circleredh.png') no-repeat left 12px top 11px;
  color: #f00;
}

.cfp_button_select {
  background: #a00 url('/images/bg_circleredw.png') no-repeat left 12px top 11px;
  color: #fff;
}
.cfp_button_select:hover {
  background: #a00 url('/images/bg_circleredw.png') no-repeat left 12px top 11px;
  color: #fff;
}
