/* reset ---*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
strong {
  font-weight: bold;
}

/* defaults ---*/
body {
  background: #fff;
  font: 0.8em Arial, Sans-serif;
  color: #374952;
  height: 90%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 110%;
}
td {
  vertical-align: top;
}
a {
  color: #095285;
}
a:hover {
  color: #000;
}
table .center {
  text-align: center;
}
table .right {
  text-align: right;
}
table .checkbox {
  width: 24px;
}

/* forms ---*/
form fieldset p {
  margin-bottom: 1em;
}
form p span {
  display: block;
}
form p span span.optional {
  display: inline;
  font-size: 0.85em;
  color: #999;
}
div#content form {
  color: #000;
}
input,
select,
textarea,
button {
  font: 1em Arial, Sans-serif;
  color: #000;
}
textarea {
  width: 200px;
  padding: 2px;
}
textarea {
  width: 300px;
  padding: 3px;
  height: 60px;
}
input.checkbox {
  width: auto;
}
input.disabled,
textarea.disabled {
  background-color: #ededed;
}
input[type="button"].disabled,
button.disabled {
  color: #999;
}
form p.buttons button {
  margin: 0 10px 0 0;
  width: auto;
}
div.errors,
div.messages,
div.success {
  padding: 5px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 15px;
  border: 1px solid;
}

div.errors {
  background-color: #ffe0e0;
  color: #800;
  border-color: #800;
  font-weight: bold;
}

div.messages {
  background-color: #f8f0e5;
  color: #555;
  border-color: #555;
}
div.success {
  background-color: #f3fff4;
  color: #052;
  border-color: #052;
  font-weight: bold;
}
div.errors b {
  color: #000;
}
.legalInfo {
  font-style: italic;
  color: #555;
  margin-bottom: 15px;
  font-size: 90%;
}

/* headlines ---*/
h1 {
  padding: 3px 0.5em;
  background: #ff6400;
  color: #fff;
  font-weight: bold;
  margin-bottom: 1em;
}

/* header ---*/
div#header td {
  padding: 5px 0.5em;
  vertical-align: middle;
}
div#header td.logo {
  width: 130px;
}
div#header td.right {
  font-size: 0.9em;
  padding: 10px 0.5em 0;
  vertical-align: top;
}
div#header a.logo {
  display: block;
}
div#navigation {
  top: 0px;
  padding: 10px;
  font-size: 0.9em;
  float: right;
}
/* content ---*/
div#content {
  padding: 0 0.5em 2em;
}

/* form intro ---*/
p.introform {
  margin-bottom: 1em;
}

/* table tools ---*/
div#tools {
  margin-bottom: 10px;
}

/* docs table ---*/
table.docs {
  margin-bottom: 10px;
}
table.docs th,
table.docs td {
  padding: 5px;
}
table.docs th {
  font-weight: bold;
  border-bottom: 1px solid #1a476c;
}
table.docs td {
  background-color: #f2fafe;
  border-bottom: 3px solid #fff;
}
table.docs tr.odd td {
  background-color: #e6f5fe;
}
table.docs thead tr th {
  background-color: #eee;
}
table.docs thead tr th.header {
  background-image: url(../images/sortable-bg.gif);
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
  padding-left: 20px;
}
table.docs thead tr th.headerSortUp {
  background-image: url(../images/sortable-desc.gif);
}
table.docs thead tr th.headerSortDown {
  background-image: url(../images/sortable-asc.gif);
}
table.docs thead tr .headerSortDown,
table.docs thead tr .headerSortUp {
  background-color: #cbecff;
  color: #000;
}

/* docs table for batch signature --- */
#batchsign table.docs tr.signing td {
  background: #f5d0a9;
}
#batchsign table.docs tr.signed td,
#batchsign table.docs tr.marked td {
  background: #c9f5c9;
}
#batchsign table.docs tr.selected td {
  background: #d4d4c4;
}
#batchsign table.docs tr.ignored td,
#batchsign table.docs tr.pending td {
  background: #f2f5a9;
}
#batchsign table.docs tr.error td {
  background: #fa5858;
}
/*#batchsign input{
    width: 130px;
}*/
#batchsign input[type="button"] {
  border-radius: 3px;
  border: 1px solid #b1e3fd;
  color: #095285;
  padding: 5px 21px;
  font-weight: bold;
}
#batchsign input[type="button"]:active {
  border-radius: 3px;
  border: 1px solid #095285;
  color: #b1e3fd;
  padding: 5px 21px;
  font-weight: bold;
}

#buttonSign {
  background-image: url(../images/icon-pencil.png);
  background-repeat: no-repeat;
  background-position: left;
}

#buttonReview {
  background-image: url(../images/icon-eye.png);
  background-repeat: no-repeat;
  background-position: left;
}
/* pagination ---*/
p.pagination {
  margin-bottom: 15px;
  text-align: center;
}
p.pagination a {
  font-weight: bold;
  margin: 0 0.3em;
}
p.pagination a.current {
  text-decoration: none;
  color: #fc7410;
}

.help{
  background-image: url(../images/iconInformation.gif);
  background-repeat: no-repeat;
  background-position: center;
}

/* doc search ---*/
div#docs-search {
  text-align: center;
  border: 1px solid #e5e5e5;
  border-left: 0;
  border-right: 0;
  padding: 10px;
}
div#docs-search input {
  width: 100px;
}

/* document detail ---*/
div#doc-detail a#doc,
div#doc-detail a#doc strong {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: bold;
}
div#doc-detail a#doc {
  border: 1px solid #e5e5e5;
  padding: 3px;
  background: #fff;
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  font-size: 120%;
  text-decoration: none;
  -webkit-box-shadow: 0 0 5px #e5e5e5;
  -moz-box-shadow: 0 0 5px #e5e5e5;
  box-shadow: 0 0 5px #e5e5e5;
}
div#doc-detail a#doc strong {
  padding: 5px 5px 5px 48px;
  background: #094275 url("../images/icon-pdf.png") 0 5px no-repeat;
  min-height: 48px;
}
div#doc-detail a#doc strong span {
  text-decoration: underline;
  display: block;
  margin-bottom: 3px;
}
div#doc-detail a#doc strong em {
  display: block;
  text-decoration: none;
  color: #a9d8ff;
  font-size: 0.8em;
  font-style: italic;
}
div#doc-detail a#doc:hover,
div#doc-detail a#doc:active {
  -webkit-box-shadow: 0 0 5px #ccc;
  -moz-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 1px solid #ccc;
}
div#doc-detail a#doc:hover strong,
div#doc-detail a#doc:active strong {
  background-color: #00649e;
}
div#doc-detail h3 {
  font-weight: bold;
  margin-top: 15px;
}

/* document signers ---*/
ul#doc-signers li {
  padding: 2px 5px 2px 28px;
  display: block;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  text-decoration: none;
}
ul#doc-signers li.edit,
ul#doc-signers li.published,
ul#doc-signers li.sent,
ul#doc-signers li.pending {
  background-image: url("../images/icon-hourglass.png");
}
ul#doc-signers li.selfsigned,
ul#doc-signers li.signed {
  background-image: url("../images/icon-signed.png");
}
ul#doc-signers li.rejected {
  background-image: url("../images/icon-reject.png");
}
ul#doc-signers li.approved {
  background-image: url("../images/icon-signed.png");
}
/* document navigation ---*/
ul#doc-nav {
  font-weight: bold;
  margin-top: 10px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  height: 100%;
}
ul#doc-nav li {
  margin: 12px 5px;
  height: 20px;
  float: left;
  list-style-type: none;
  width: 37%;
}
ul#doc-nav li a {
  padding: 4px 5px 4px 28px;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #e6f5fe;
  background-position: 5px 50%;
  background-repeat: no-repeat;
  border: 1px solid #b1e3fd;
  text-decoration: none;
}
ul#doc-nav li.reject {
}
ul#doc-nav li.view a {
  background-image: url("../images/icon-eye.png");
}
ul#doc-nav li.sign a {
  background-image: url("../images/icon-pencil.png");
}
ul#doc-nav li.reject a {
  background-image: url("../images/icon-reject.png");
}
ul#doc-nav li.pdfdownload a {
  background-image: url(../images/page_white_acrobat.png);
}
ul#doc-nav li.approve a {
  background-image: url("../images/icon-pencil.png");
}
ul#doc-nav li a:hover,
ul#doc-nav li a:active {
  background-color: #d9f2ff;
  border: 1px solid #a7dffc;
}
/* doc view -------------------------------------------*/
div#doc-view {
  margin-bottom: 15px;
  text-align: center;
  padding: 5px;
}
div#doc-view a {
  margin: 0 5px;
}
div#doc-view a img {
  -webkit-box-shadow: 0 0 5px #e5e5e5;
  -moz-box-shadow: 0 0 5px #e5e5e5;
  box-shadow: 0 0 5px #e5e5e5;
}
div#doc-view a:active img,
div#doc-view a:hover img {
  -webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}
div.docview,
div#document img {
  width: 320px;
}
/* zoom ---*/
div#zoom {
  float: right;
}
div#zoom p,
div#zoom ul,
div#zoom li {
  float: left;
}
div#zoom p,
div#zoom li {
  margin-left: 10px;
}
div#zoom p {
  height: 20px;
  line-height: 20px;
}
div#zoom li a {
  float: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #e5e5e5;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  font-size: 150%;
  color: #999;
}
div#zoom li a:hover,
div#zoom li a:active {
  background: #999;
  border: 1px solid #999;
  color: #fff;
}

/* doc view ---*/
p.doc-view {
  margin-bottom: 15px;
  text-align: center;
  padding: 5px;
}
p.doc-view a {
  margin: 0 5px;
}
p.doc-view a img {
  -webkit-box-shadow: 0 0 5px #e5e5e5;
  -moz-box-shadow: 0 0 5px #e5e5e5;
  box-shadow: 0 0 5px #e5e5e5;
}
p.doc-view a:active img,
p.doc-view a:hover img {
  -webkit-box-shadow: 0 0 5px #666;
  -moz-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}
p.step2 {
  margin-top: 10px;
  text-align: center;
}
/* footer ---*/
div#footer {
  color: #666;
  text-align: center;
}
div#footer p {
  padding: 5px 0;
}
/* language */
div#language {
  padding: 5px 0;
  text-align: center;
  background-color: #eaf2f9;
}
div#language form button.orange {
  margin: 0;
  padding: 3px 5px;
  background: #fc7410;
  color: #fff;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/* contact box */
div.contact {
  border-bottom: 1px solid #eaf2f9;
  padding: 10px;
  margin-bottom: 3px;
}
div#footer div.contact p a {
  color: #374952;
  font-weight: bold;
}
div#footer div.contact p a:hover {
  color: #000;
}
div#footer div.contact p a.tel {
  text-decoration: none;
}
div#footer div.contact p a.tel:hover {
  color: #374952;
}

div.non-mobile-link {
  padding-top: 10px;
}

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

@import "spin.css";
