/* CSS Document */
html, body {
  height: 98%;
}

a {
  /*color:#0088cc;*/
  color:#f59939;
}

img.button {
  border:1px solid #7f7f7f;
  padding:3px 5px 3px 5px;
  border-radius:3px;
  background-color:#f6f6f6;
}

.select {
  float:left;
  height:30px;
}

.okbutton {
  width:120px;
  height:30px;
  overflow:hidden;
  float:left;
  padding-top:4px;
}

.clear { /* generic container (i.e. div) for floating buttons */
  overflow: hidden;
  width: 100%;
}



table.paperload, table.pubtable {
  border-collapse:collapse;
  background-color:#918f8f;
  color:#ffffff;
  width:100%;
}

table.overview {
  border-collapse:collapse;
  background-color:#918f8f;
  color:#ffffff;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
  width:32%;
}

table.paperload th, table.overview th, table.pubtable th {
  font-size:12px;
  text-align:left;
  border-top:1px solid #7a7a7a;
  border-bottom:1px solid #7a7a7a;
  border-left:1px solid #7a7a7a;
  padding:5px;
  background-color:#666666;
  color:#ffffff;
  font-weight:normal;

  background: linear-gradient(to bottom,  #909090,  #666666); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#666666)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #909090,  #666666); /* for firefox 3.6+ */
}

a.pubtablehead {
  color:#ffffff;
  text-decoration:none;
}

table.paperload td, table.overview td, table.pubtable td {
  font-size:12px;
  text-align:left;
  border-bottom:2px solid #666666;
  border-left:1px solid #7a7a7a;
  padding:5px;
}

tr.tablerow {
  background-color: #918f8f;
  cursor: pointer;
}
tr.tablerow:hover {
  background-color: #a5a4a4;
  cursor: pointer;
}

td.last,th.last {
  border-right:1px solid #7a7a7a;
}

td.green {
  background-color:#7ac142;
  color:#ffffff;
  background: linear-gradient(to bottom,  #7ac142,  #6fa942); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#7ac142), to(#6fa942)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #7ac142,  #6fa942); /* for firefox 3.6+ */
  white-space:nowrap;
}

td.red, td.failed {
  background-color:#c13d19;
  color:#ffffff;
  background: linear-gradient(to bottom,  #c13d19,  #a43415); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#c13d19), to(#a43415)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #c13d19,  #a43415); /* for firefox 3.6+ */
  white-space:nowrap;
}

td.inqueue, td.running, td.date {
  white-space:nowrap;
}

td.notstarted {
  background-color:#d97923;
  color:#ffffff;
  background: linear-gradient(to bottom,  #efa422,  #d97923); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#efa422), to(#d97923)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #efa422,  #d97923); /* for firefox 3.6+ */
  white-space:nowrap;
}

table.paperload td.green a {
  background: linear-gradient(to bottom,  #4f7d2c,  #38581f); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#4f7d2c), to(#38581f)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #4f7d2c,  #38581f); /* for 88d749 3.6+ */
  padding:3px 6px 3px 6px;
  color:#ffffff;
  border:1px solid #75a153;
  text-decoration:none;
  display:block;
  text-align:center;
  border-radius:3px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:9px;
  margin-top:4px;
  box-shadow: 0 0 1px #000000;
}

table.paperload td.failed a, table.paperload td.inqueue a, table.paperload td.notstarted a, table.paperload td.running a {
  background: linear-gradient(to bottom,  #666666,  #7c7c7c); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#7c7c7c)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #666666,  #7c7c7c); /* for 88d749 3.6+ */
  padding:3px 6px 3px 6px;
  color:#ffffff;
  border:1px solid #c0c0c0;
  text-decoration:none;
  display:block;
  text-align:center;
  border-radius:3px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:9px;
  margin-top:4px;
  box-shadow: 0 0 1px #000000;
}

table.paperload td a.view {
  background: linear-gradient(to bottom,  #666666,  #7c7c7c); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#7c7c7c)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #666666,  #7c7c7c); /* for 88d749 3.6+ */
  padding:3px 6px 3px 6px;
  color:#ffffff;
  border:1px solid #c0c0c0;
  text-decoration:none;
  display:block;
  text-align:center;
  border-radius:3px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:9px;
  box-shadow: 0 0 1px #000000;
}

table.paperload td a.download {
  background: linear-gradient(to bottom,  #666666,  #7c7c7c); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#7c7c7c)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #666666,  #7c7c7c); /* for 88d749 3.6+ */
  padding:3px 6px 3px 6px;
  color:#ffffff;
  border:1px solid #c0c0c0;
  text-decoration:none;
  display:block;
  text-align:center;
  border-radius:3px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:9px;
  margin-top:4px;
  box-shadow: 0 0 1px #000000;
}

table.paperload td a.info {
  background: linear-gradient(to bottom,  #0088cc,  #0174ad); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#0088cc), to(#0174ad)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #0088cc,  #0174ad); /* for 88d749 3.6+ */
  padding:3px 6px 3px 6px;
  color:#ffffff;
  border:1px solid #51b3e4;
  text-decoration:none;
  display:block;
  text-align:center;
  border-radius:3px;
  font-weight:bold;
  text-transform:uppercase;
  font-size:9px;
  margin-top:4px;
  box-shadow: 0 0 1px #000000;
  width:75px;
}


.foot {
  padding:0;
  color:#cccccc;
}

.footright {
  padding:0;
  color:#cccccc;
  float:right;
}

h1.pubs {
  margin-top:2px;
}


.centered {
  margin: 0 auto;
  width: 330px;
  border:0 solid silver;
  padding:18px;
  border-radius:12px;
  font-size:14px;
  text-align:center;
  color:#a3a3a3;
}


.login {
  font-size:14px;
  padding:6px;
  width:250px;
  border-radius:4px;
  border:1px solid silver;
}

.admintextinput {
  font-size:14px;
  padding:6px;
  width:402px;
  border-radius:4px;
  border:1px solid silver;
}

hr {
  height: 1px;
  border-style: none;
  color: #cccccc;
  background-color: #cccccc;
  margin:0;
  padding:0;
}

.nowrap {
  white-space: nowrap;
}

span.danger {
  font-weight:bold;
  color:#a43415;
}

#uploadDialog {
  display: flex;
  flex-direction: column;
}

#uploadDialog .label {
  font-weight:bold;
  padding: 10px 0 5px 0;
  width: 200px;
}
#uploadDialog .value {
  width: 300px;
}

#uploadProperties .label {
  font-weight:bold;
  padding: 10px 0 5px 0;
  width: 200px;
}
#uploadProperties .value {
  width: 150px;
}

#uploadFilesToUploadHeader {
  height: 15px;
}

#uploadFilesToUploadContainer {
  flex: 12;
  max-height: 200px;
}

#uploadLanguageOptions {
  height: 50px;
}

#uploadPDFOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#uploadProgressDisplay>div {
  display: block;
  margin-top: 5px;
  height: 20px;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 420px;
}

#uploadProgressDisplay>div>div {
  display: block;
  background-color: green;
  height: 20px;
}

.file_upload_header {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  color: #333;
  font-weight: bold;
}

.file_upload_container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 5px;
  max-height: 100%;
  overflow-y: auto;
  color: #666;
}

.file_upload_name {
  font-size: 12px;
  flex: 1 0 80%;
}

.file_upload_firstpage {
  font-size: 12px;
  width: 60px;
}

.item_upload_name {
  font-size: 12px;
  flex: 1 0 70%;
}

.item_upload_use_type {
  font-size: 12px;
  width: 120px;
}