h1 {
  font-weight: normal;
  font-size: 24px;
  margin-top: 36px;
  text-shadow: silver 0 0 1px;
}
table {
  width: 100%;
  border-spacing: 0px 0;
  padding: 1px 1px 0 1px;
  overflow: hidden;
  border: 1px solid #b8b7b7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
table tbody tr:nth-child(even) {
  background: #f9f9f9;
}
thead tr {
  height: 23px;
  white-space: nowrap;
}
th {
  color: #515151;
  border-bottom: 1px solid #b8b7b7;
  text-align: left;
  background-color: #e0e0e0;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(100%, #cccbcb));
  /* Safari 4+, Old Chrome */
  padding: 0 12px;
}
td {
  border-top: 1px solid #dddcdc;
  padding: 6px 12px;
}
tbody tr:first-child td {
  border-top: none;
}
th,
td {
  border-left: 1px solid #bdbdbd;
  margin-left: 1px;
}
th:last-child,
td:last-child {
  border-right: none;
}
th:first-child,
td:first-child {
  border-left: none;
}
td,
th {
  border-left: 1px solid white;
  border-right: 1px solid #bdbdbd;
}
th:first-child {
  border-left: none;
}
td:last-child,
th:last-child {
  border-right: none;
}
a {
  color: #1f74ca;
}
/*** Label-Value ***/

label {
  margin-right: 0.5em;
}
.value {
  font-weight: bolder;
}
.warning {
  border: thin solid #fbece6;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 12px 50px 20px;
  overflow: hidden;
  background: #fdf4f2 url(images/warning.png) no-repeat 0 0;
  background-position-y: center;
}
.help {
  border: thin solid #8fabd5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 50px 10px;
  overflow: hidden;
  background: #f3f8fd url(images/help.png) no-repeat 0 0;
}
/*** Menu, Buttons ***/

ul.menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  overflow: hidden;
}
ul.table.menu {
  margin-top: 1em;
}
ul.menu li,
ul.menu a,
ul.menu li span {
  display: inline-block;
}
ul.menu li a {
  text-decoration: none;
}
ul.buttons.menu li {
  margin-right: 1em;
  *display: inline;
}
a.back {
  position: absolute;
  z-index: 1;
  background: Transparent url(images/icons.png) no-repeat 0 -64px;
  padding: 1px 0 1px 18px;
  font-size: 12px;
  margin-top: 25px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error {
  color: red;
  font-size: 11px;
  margin-left: 11px;
}
.field-validation-valid {
  display: none;
}
.input-validation-error {
  border: 1px solid red !important;
  border-top: 2px solid red !important;
  border-right: 2px solid red !important;
  background-color: #ffeeee;
}
.validation-summary-errors {
  font-weight: bold;
  color: red;
}
.validation-summary-valid {
  display: none;
}
/*jQuery autocomplete*/

.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999;
}
.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0;
}
.ac_results li {
  margin: 0px;
  padding: 2px 5px;
  cursor: default;
  display: block;
  /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/
  /*width: 100%;*/
  font: menu;
  font-size: 12px;
  /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
  line-height: 16px;
  overflow: hidden;
}
.ac_odd {
  background-color: #eeeeee;
}
.ac_over {
  background-color: #0a246a;
  color: white;
}
.ac_category {
  background-color: #f2e8c9;
}
.ac_message {
  background-color: #f2e8c9;
}
/**Administration area***/

.editors-textbox {
  border: none;
}
.timeframe-slider {
  width: 260px;
}
.restriction-slider {
  width: 260px;
}
/*** Helpers ***/

.fg-toolbar {
  clear: left !important;
  display: inline-block !important;
  width: 100%;
}
.dataTables_length {
  float: right;
  padding-right: 10px;
}
.dataTables_filter {
  float: left;
  padding-left: 10px;
}
#loadHint {
  display: block;
  position: absolute;
  background-color: #ffffcc;
  visibility: visible;
}
body.embed #logos,
body.embed #mainmenu,
body.embed #userbar,
body.embed #footer {
  display: none;
}
body.embed #page {
  background-position-y: -70px;
}
body.embed #PageContentTable {
  margin-top: 0;
}
/*** search result ***/

.search-result {
  margin-left: 0;
  margin-bottom: 42px;
  overflow: hidden;
}
.search-total {
  margin: 10px 0 0 20px;
  font-size: 12px;
}
.search-total .value {
  font-weight: bolder;
}
.search-result ol {
  padding-top: 10px;
  list-style: none;
  padding-left: 0;
}
.search-result ol span.result-item-number {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  font-size: 12px;
  line-height: 22px;
}
.search-result ol div.result-item {
  display: inline-block;
  width: 900px;
}
.search-result ol li {
  position: relative;
  padding-left: 1px;
  color: Gray;
  margin-bottom: 19px;
  font-size: 16px;
}
.search-result h3 {
  color: #0065cc;
  font-weight: normal;
}
.search-result li a.document-record,
.favorites-list li a.document-record {
  text-decoration: none;
  display: inline-block;
}
/*** Snippets **/

div.total-count,
div.snippets-switch {
  display: inline-block;
}
div.snippets-switch {
  float: right;
  width: 749px;
  position: relative;
  margin-top: 3px;
}
div.snippets-switch label {
  font-weight: normal;
}
div.document-snippet {
  background-color: white;
  height: 150px;
  width: 870px;
  margin-top: 8px;
  line-height: 0;
  font-size: 0;
}
div.document-snippet.error {
  background: url(images/warning-grey.png) center center no-repeat;
}
div.document-snippet img.document-snippet {
  border: 1px silver solid;
  height: 150px;
  width: 870px;
  display: block;
}
.hide-snippets {
  display: none !important;
}
span.author {
  display: inline;
}
ul.document-actions {
  margin-top: 0.5em;
}
.document-record span.title {
  text-decoration: underline;
  font-size: 16px;
}
.document-record span.origin-info,
.document-record span.identifiers,
.document-record span.relateditem,
.document-record span.physicaldescription,
.document-record span.partname,
.document-record span.authors {
  color: Gray;
  font-size: 12px;
}
cite.url {
  font-style: normal;
  text-decoration: underline;
  color: Gray;
}
.search-navigation .menu {
  vertical-align: bottom;
  font-size: larger;
}
.search-navigation .menu li {
  margin: 0;
  display: inline;
}
.search-navigation .menu li a,
.search-navigation .menu li sep,
.search-navigation .menu li cur {
  margin-right: 15px;
}
.search-navigation .menu li a.button.prev,
.search-navigation .menu li a.button.next {
  position: relative;
  top: -2px;
}
.search-navigation .menu li a.button.prev {
  margin-right: 25px;
}
.search-navigation .menu li a.button.next {
  margin-left: 10px;
}
.search-navigation a {
  text-decoration: none;
}
.search-navigation .current {
  font-size: 20px;
  vertical-align: baseline;
  color: black;
}
.search-navigation .page-separator {
  vertical-align: baseline;
  color: black;
}
.search-navigation li.prev {
  margin-right: 1em;
}
.search-navigation li.next {
  margin-left: 1em;
}
.header-content {
  margin-left: 20px;
}
input[type=text],
textarea,
input[type=date] {
  color: #515151;
  font: 12px Tahoma, Arial, sans-serif;
  border: 1px solid #cecccc;
  outline: none;
  background-color: #fdfdfd;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #fafafa 0, white 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #fafafa 0, white 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #fafafa 0, white 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #fafafa 0, white 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fafafa 0, white 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #fafafa 0, white 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, white));
  /* Safari 4+, Old Chrome */
  -moz-border-radius: 3px 3px 0 3px;
  -webkit-border-radius: 3px 3px 0 3px;
  border-radius: 3px 3px 0 3px;
  -webkit-box-shadow: inset 0 2px 5px #eeeeee;
  -moz-box-shadow: inset 0 2px 5px #eeeeee;
  box-shadow: inset 0 2px 5px #eeeeee;
  padding: 5px 10px 5px 10px;
  margin: 4px 0 0 0;
  width: 100%;
}
input[type=text]:focus,
textarea:focus {
  -webkit-box-shadow: inset 0px 0px 8px #cccccc;
  -moz-box-shadow: inset 0px 0px 8px #cccccc;
  box-shadow: inset 0px 0px 8px #cccccc;
}
select {
  padding: 4px 2px;
  font-size: 12px;
  border: solid 1px #cecccc;
  outline: none;
  background-color: #fdfdfd;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #fafafa 0, white 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #fafafa 0, white 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #fafafa 0, white 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #fafafa 0, white 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fafafa 0, white 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #fafafa 0, white 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, white));
  /* Safari 4+, Old Chrome */
  -moz-border-radius: 3px 3px 0 3px;
  -webkit-border-radius: 3px 3px 0 3px;
  border-radius: 3px 3px 0 3px;
  -webkit-box-shadow: inset 0 2px 5px #eeeeee;
  -moz-box-shadow: inset 0 2px 5px #eeeeee;
  box-shadow: inset 0 2px 5px #eeeeee;
}
select[disabled] {
  background-image: none;
}
/* hide the checkboxes */

input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  outline: none;
}
/* we use generated content to create a placeholder for the checkbox */

input[type="checkbox"] + label::before,
input[type="checkbox"] + input[type="hidden"] + label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: url("common/images/icon_checkbox.png") no-repeat 0 0;
  margin-right: 5px;
  vertical-align: middle;
  outline: none;
}
/* disabled checkbox */

input[type="checkbox"]:disabled + label,
input[type="checkbox"]:disabled + input[type="hidden"] + label {
  opacity: 0.5;
  cursor: default;
  /* or cursor: no-drop */

}
/* selected checkbox */

input[type="checkbox"]:checked + label::before,
input[type="checkbox"]:checked + input[type="hidden"] + label::before {
  background-position: 0 -19px;
  outline: none;
}
/* focused checkbox */

input[type="checkbox"]:focus + label {
  outline: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="checkbox"] {
    position: inherit;
    opacity: 1;
    display: inline-block;
    font-size: 15px;
    line-height: 1em;
    margin: 0 0.25em 0 0;
    padding: 0;
    width: 16px;
    height: 16px;
    vertical-align: text-top;
    -webkit-appearance: none;
    background: url("common/images/icon_checkbox.png") no-repeat 0 0;
    outline: none;
  }
  input[type="checkbox"]:checked {
    background-position: 0 -19px;
    outline: none;
  }
  input[type="checkbox"] + label::before,
  input[type="checkbox"] + input[type="hidden"] + label::before {
    display: none;
    outline: none;
  }
}
/* Dropdown control */

.selectBox-dropdown {
  color: #515151;
  font: 12px Tahoma, Arial, sans-serif;
  border: 1px solid #cecccc;
  border-right: 0;
  outline: none;
  min-width: 90px;
  position: relative;
  height: 25px;
  text-decoration: none;
  text-align: left;
  display: inline-block;
  cursor: default;
  background-color: #fdfdfd;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #fafafa 0, white 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #fafafa 0, white 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #fafafa 0, white 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #fafafa 0, white 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fafafa 0, white 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #fafafa 0, white 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, white));
  /* Safari 4+, Old Chrome */
  -moz-border-radius: 3px 3px 0 3px;
  -webkit-border-radius: 3px 3px 0 3px;
  border-radius: 3px 3px 0 3px;
  -webkit-box-shadow: inset 0 2px 5px #eeeeee;
  -moz-box-shadow: inset 0 2px 5px #eeeeee;
  box-shadow: inset 0 2px 5px #eeeeee;
}
.selectBox-dropdown.selectBox-menuShowing {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.selectBox-dropdown .selectBox-label {
  padding: 6px 10px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  height: 100%;
  background: url(common/images/input.select.png) 50% center no-repeat;
}
/* Dropdown menu */

.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  max-height: 200px;
  min-height: 1em;
  margin-top: 1px !important;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
/* Inline control */

.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #bbbbbb;
  background: white;
  display: inline-block;
  overflow: auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.selectBox-inline:focus {
  border-color: #666666;
}
/* Options */

.selectBox-options,
.selectBox-options li,
.selectBox-options li a {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0;
}
.selectBox-options {
  background: white;
}
.selectBox-options li {
  background-color: #f8f6f6;
  border: 1px solid #eae8e8;
  overflow: hidden;
  height: auto !important;
  color: #515151;
  cursor: default;
  font-size: 12px;
  white-space: nowrap;
  margin: 1px 0;
  -moz-border-radius: 0 0 0 2px;
  -webkit-border-radius: 0 0 0 2px;
  border-radius: 0 0 0 2px;
}
.selectBox-options li:first-child {
  margin-top: 0;
}
.selectBox-options li a {
  color: #515151;
  line-height: 1.5;
  padding: 6px 10px 4px 10px;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
}
.selectBox-options li.selectBox-hover a {
  background-color: #e4e2e2;
  border-color: #dbdada;
}
.selectBox-options li.selectBox-disabled a {
  color: #888888;
  background-color: transparent;
}
.selectBox-options .selectBox-optgroup {
  color: #666666;
  background: #eeeeee;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 0.3em;
  white-space: nowrap;
}
/* Disabled state */

.selectBox.selectBox-disabled {
  color: #888888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: 0.5;
  filter: alpha(opacity=50);
  border-color: #666666;
}
.selectBox-inline.selectBox-disabled {
  color: #888888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important;
}
label {
  color: #515151;
  font-size: 12px;
  font-weight: bold;
}
a.button,
input.button,
button {
  display: inline-block;
  text-decoration: none;
  color: #505050;
  font-size: 11px;
  max-height: 19px;
  padding: 2px 10px 2px 10px;
  text-align: center;
  border: solid 1px #bdbdbe;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background: #eeeded url("common/images/button.empty.png") 0px 0px no-repeat;
  -webkit-background-size: auto 100%;
  cursor: pointer;
}
.button.prev {
  padding-left: 30px;
  background: #eeeded url("common/images/button.arrows.png") 0px 0px no-repeat;
}
.button.open {
  padding-left: 30px;
  background: #eeeded url("common/images/button.open.client.png") 0px 0px no-repeat;
}
.button.purchase {
  padding-left: 30px;
  background: #eeeded url("common/images/button.purchase.png") 0px 0px no-repeat;
}
.button.money {
  padding-left: 30px;
  background: #eeeded url("common/images/button.money.png") 0px 0px no-repeat;
}
.button.login {
  padding-left: 30px;
  background: #eeeded url("common/images/button.login.png") 0px 0px no-repeat;
}
.button.add {
  padding-left: 30px;
  background: #eeeded url("common/images/button.add.png") 0px 0px no-repeat;
}
.button.next {
  padding-right: 30px;
  background: #eeeded url("common/images/button.arrows.png") 100% 0px no-repeat;
}
.button.submit,
form.inplace_form button.inplace_save {
  padding-left: 30px;
  background: #eeeded url("common/images/button.submit.png") 0px 0px no-repeat;
}
.button.cancel,
form.inplace_form button.inplace_cancel {
  padding-left: 30px;
  background: #eeeded url("common/images/button.cancel.png") 0px 0px no-repeat;
}
.button.send {
  padding-left: 30px;
  background: #eeeded url("common/images/button.send.png") 0px 0px no-repeat;
}
.button.download {
  padding-left: 30px;
  background: #eeeded url("common/images/button.download.png") 0px 0px no-repeat;
}
.button.open.webclient {
  padding-left: 30px;
  background: #eeeded url("common/images/button.open.png") 0px 0px no-repeat;
}
.button.search {
  padding-left: 30px;
  background: #eeeded url("common/images/button.search.png") 0px 0px no-repeat;
}
button.ui-button {
  max-height: inherit;
}
fieldset.explicit > div.explicit:before {
  content: '';
  position: absolute;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-top: 10px solid #dbdbdb;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  top: 0px;
  left: 18px;
}
fieldset.explicit > div.explicit:after {
  content: '';
  position: absolute;
  font-size: 0px;
  line-height: 0%;
  width: 0px;
  border-top: 10px solid White !important;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  left: 18px;
  top: -1px;
}
body:not(:-moz-handler-blocked) fieldset.explicit > div.explicit:before {
  border-width: 0;
}
body:not(:-moz-handler-blocked) fieldset.explicit > div.explicit:after {
  top: 0;
}
fieldset.explicit {
  margin: 0;
  padding: 1px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #e6e6e6;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #dbdbdb 0, #f1f0f0 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #dbdbdb 0, #f1f0f0 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #dbdbdb 0, #f1f0f0 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #dbdbdb 0, #f1f0f0 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #dbdbdb 0, #f1f0f0 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #dbdbdb 0, #f1f0f0 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dbdbdb), color-stop(100%, #f1f0f0));
  /* Safari 4+, Old Chrome */
}
fieldset.explicit div.explicit {
  background-color: #f6f6f6;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f2f1f1 0, #fafafa 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f2f1f1 0, #fafafa 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f2f1f1 0, #fafafa 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f2f1f1 0, #fafafa 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f2f1f1 0, #fafafa 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f2f1f1 0, #fafafa 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f1f1), color-stop(100%, #fafafa));
  /* Safari 4+, Old Chrome */
  padding: 1px 20px 10px 22px;
}
fieldset.explicit h3 {
  color: black;
  font-weight: normal;
  font-size: 16px;
}
fieldset.explicit label {
  margin: 0;
}
fieldset.explicit div.buttons {
  position: relative;
  text-align: center;
}
fieldset.explicit div.buttons .button {
  margin-left: 17px;
  width: 120px;
}
#page {
  background: url(common/images/bodyback.png) repeat-x;
}
#header {
  height: 60px;
  width: 1008px;
  margin: 0 auto 1px;
  position: relative;
  color: #2a5885;
  font-size: 11px;
}
#header #logos {
  position: absolute;
}
#header #logos .vivaldi-logo {
  display: block;
  position: absolute;
  height: 60px;
  width: 180px;
  background: url(common/images/logo.svg);
  text-indent: -1999px;
  overflow: hidden;
  background-position-x: 15px;
  background-repeat: no-repeat;
  background-size: 93%;
}
#header a {
  text-decoration: none;
  color: #2a5885;
}
#header .bar-workstation {
  position: absolute;
  right: 25px;
  top: 13px;
}
#header .bar-workstation span.label {
  color: #224c76;
}
#header .bar-workstation span.value {
  color: #547da7;
}
#header .bar-workstation > * {
  display: inline;
}
#header #mainmenu {
  position: absolute;
  left: 212px;
  top: 24px;
  font-size: 14px;
  padding-left: 3px;
}
#header #mainmenu ul {
  padding-right: 2px;
}
#header #mainmenu li {
  background: url(common/images/menu-separator.png) 0 0 no-repeat;
  padding: 0 3px 5px 3px;
  float: left;
  position: relative;
}
#header #mainmenu li a {
  padding: 13px 8px;
  color: #eaf3fb;
  text-shadow: #b6d3f2 0 0 1px;
}
#header #mainmenu li.highlighted + li {
  background: none;
}
#header #mainmenu li:first-child {
  background: none;
}
#header #mainmenu li.highlighted {
  margin: 2px 0 0 2px;
  padding-left: 0;
  padding-right: 0;
  z-index: 10;
  background: #f2f1f1;
  background-color: #f4f4f4;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f6f6f6 0, #fefefe 20%, #edecec 40%, #f2f1f1 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f6f6f6 0, #fefefe 20%, #edecec 40%, #f2f1f1 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f6f6f6 0, #fefefe 20%, #edecec 40%, #f2f1f1 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f6f6f6 0, #fefefe 20%, #edecec 40%, #f2f1f1 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f6f6f6 0, #fefefe 20%, #edecec 40%, #f2f1f1 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f6f6f6 0, #fefefe 20%, #edecec 40%, #f2f1f1 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f6f6), color-stop(20%, #fefefe), color-stop(40%, #edecec), color-stop(100%, #f2f1f1));
  /* Safari 4+, Old Chrome */
}
#header #mainmenu li.highlighted a {
  font-size: 16px;
  color: #2a5885;
  padding-top: 9px;
  text-shadow: #a9b6c4 0 0 1px;
}
#header #mainmenu li.highlighted a span {
  position: relative;
  z-index: 2;
}
#header #mainmenu li.highlighted a:before {
  content: '';
  position: absolute;
  top: 11px;
  width: 70%;
  height: 0;
  border-radius: 5px;
  -webkit-box-shadow: 0 -1px 12px 6px white;
  -moz-box-shadow: 0 -1px 12px 6px white;
  box-shadow: 0 -1px 12px 6px white;
  margin: 0 auto;
  z-index: 1;
}
#header #mainmenu li.highlighted:before {
  content: '';
  border: solid 1px White;
  height: 35px;
  width: 100%;
  position: absolute;
  left: -1px;
  top: -1px;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  z-index: 2;
}
#header #mainmenu li.highlighted:after {
  content: '';
  border: solid 1px #7b9ec8;
  height: 34px;
  width: 100%;
  padding: 0 1px 0 1px;
  position: absolute;
  left: -2px;
  top: -2px;
  border-radius: 4px 4px 0 0;
  border-bottom: none;
  z-index: 2;
}
#header #userbar {
  position: absolute;
  right: 25px;
  bottom: 0;
}
#header #userbar ul.menu a,
#header #userbar ul.menu span {
  padding: 8px 14px 4px;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#header #userbar ul.menu a {
  text-decoration: underline;
  background-color: #bad1e8;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddeaf7), color-stop(100%, #97b7d9));
  /* Safari 4+, Old Chrome */
  color: #375e8c;
  border: 1px solid #759fc9;
  border-bottom: none;
}
#header #userbar ul.menu a.signin,
#header #userbar ul.menu a.signout {
  font-weight: bolder;
}
#header #userbar ul.menu span {
  background: #87a9ce;
  background-color: #97b7d9;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a7c5e4), color-stop(100%, #87a9ce));
  /* Safari 4+, Old Chrome */
  color: white;
  border: 1px solid #90b4d9;
  border-bottom: none;
  padding-right: 29px;
}
#header #userbar ul.menu span:after {
  content: '';
  width: 20px;
  height: 15px;
  background: url(common/images/username-arrow.png) 4px 5px no-repeat;
  position: absolute;
}
#header #userbar ul.menu li {
  float: left;
  margin: 0 0 1px -1px;
}
#header #userbar ul.menu li.username {
  margin-right: -5px;
}
#header-embed {
  height: 30px;
  width: 90%;
  min-width: 380px;
  max-width: 1008px;
  margin: 0 auto 1px;
  position: relative;
  color: #2a5885;
  font-size: 11px;
}
#header-embed #logos {
  position: absolute;
}
#header-embed #logos .vivaldi-logo-embed {
  display: block;
  position: absolute;
  height: 36px;
  width: 120px;
  background: url(common/images/logo_embed.png);
  text-indent: -1999px;
  overflow: hidden;
}
#header-embed #userbar-embed {
  position: absolute;
  right: 25px;
  top: 15px;
}
#header-embed #userbar-embed ul.menu a,
#header-embed #userbar-embed ul.menu span {
  padding: 8px 14px 4px;
  border-bottom: none;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
#header-embed #userbar-embed ul.menu a {
  text-decoration: underline;
  background-color: #bad1e8;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #ddeaf7 0, #97b7d9 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddeaf7), color-stop(100%, #97b7d9));
  /* Safari 4+, Old Chrome */
  color: #375e8c;
  border: 1px solid #759fc9;
  border-bottom: none;
}
#header-embed #userbar-embed ul.menu a.signin,
#header-embed #userbar-embed ul.menu a.signout {
  font-weight: bolder;
}
#header-embed #userbar-embed ul.menu span {
  background: #87a9ce;
  background-color: #97b7d9;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #a7c5e4 0, #87a9ce 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a7c5e4), color-stop(100%, #87a9ce));
  /* Safari 4+, Old Chrome */
  color: white;
  border: 1px solid #90b4d9;
  border-bottom: none;
  padding-right: 29px;
}
#header-embed #userbar-embed ul.menu span:after {
  content: '';
  width: 20px;
  height: 15px;
  background: url(common/images/username-arrow.png) 4px 5px no-repeat;
  position: absolute;
}
#header-embed #userbar-embed ul.menu li {
  float: left;
  margin: 0 0 1px -1px;
}
#header-embed #userbar-embed ul.menu li.username {
  margin-right: -5px;
  margin-left: 0;
}
#footer {
  position: relative;
  margin: -40px auto 0 auto;
  padding: 0 44.5px;
  clear: both;
  height: 20px;
  width: 957px;
  color: #565555;
  font-size: 11px;
}
#footer a {
  text-decoration: underline;
  color: #565555;
}
#footer #footermenu {
  display: inline-block;
  float: left;
}
#footer #footermenu li:not(:first-child) a {
  margin-left: 8px;
}
#footer .copyright {
  display: inline-block;
  float: left;
  margin: 0 8px;
}
#footer .copyright a {
  font-weight: bold;
}
#statistics-content {
  display: inline-block;
  width: 73%;
  vertical-align: top;
  padding-left: 1.5em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#statistics-content .statistics-header-block {
  position: relative;
  left: -1.5em;
}
#statistics-content .statistics-header-block h3 {
  display: inline-block;
  *display: inline;
}
#statistics-content .statistics-header-block div.statistics-info-line {
  display: inline-block;
  *display: inline;
  overflow: hidden;
  vertical-align: text-bottom;
}
#statistics-filters {
  display: inline-block;
  border: 1px solid #b8b7b7;
  margin-bottom: 185px;
  position: relative;
  overflow: hidden;
  zoom: 1;
  height: auto;
  width: 24%;
  padding-bottom: 5px;
  top: 51px;
  float: right;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#statistics-filters a.submit-filters {
  float: right;
  margin-top: 10px;
  margin-right: 5px;
}
#statistics-filters div h3 {
  margin: 0;
  text-shadow: silver 0 0 1px;
  border-top: 1px solid #bbbbbb;
  background-color: #e0e0e0;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(100%, #cccbcb));
  /* Safari 4+, Old Chrome */
}
#statistics-filters div h3.filter-header {
  cursor: pointer;
  padding: 6px;
  padding-bottom: 7px;
}
#statistics-filters div h3.filter-header.highlighted2 {
  background-color: #ededed;
  background-color: #e0e0e0;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f4f4f4 0, #cccbcb 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(100%, #cccbcb));
  /* Safari 4+, Old Chrome */
}
#statistics-filters div h3.filter-header.highlighted2 span.icon {
  padding-right: 10px;
  background: url('images/expand_icon.png') -18px -1px no-repeat;
}
#statistics-filters div.date-filter div.editor-area,
#statistics-filters div.user-filter div.editor-area,
#statistics-filters div.room-filter div.editor-area,
#statistics-filters div.collection-filter div.editor-area,
#statistics-filters div.provider-filter div.editor-area,
#statistics-filters div.document-filter div.editor-area,
#statistics-filters div.ip-filter div.editor-area {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 7px;
}
#statistics-filters div.date-filter div.editor-area input[type="text"],
#statistics-filters div.user-filter div.editor-area input[type="text"],
#statistics-filters div.room-filter div.editor-area input[type="text"],
#statistics-filters div.collection-filter div.editor-area input[type="text"],
#statistics-filters div.provider-filter div.editor-area input[type="text"],
#statistics-filters div.document-filter div.editor-area input[type="text"],
#statistics-filters div.ip-filter div.editor-area input[type="text"] {
  margin: 0;
}
#statistics-filters div.user-filter .remote-search.loading:before,
#statistics-filters div.room-filter .remote-search.loading:before,
#statistics-filters div.collection-filter .remote-search.loading:before,
#statistics-filters div.provider-filter .remote-search.loading:before {
  margin-top: 4px;
  right: 17px;
}
#statistics-filters div.user-filter ul.filter-list,
#statistics-filters div.room-filter ul.filter-list,
#statistics-filters div.collection-filter ul.filter-list,
#statistics-filters div.provider-filter ul.filter-list {
  padding-left: 5px;
  position: relative;
  margin: 0;
  list-style-type: none;
  max-height: 15em;
  overflow: auto;
  overflow-y: scroll \9;
  overflow-x: hidden \9;
  word-wrap: break-word;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#statistics-filters div.user-filter ul.filter-list li,
#statistics-filters div.room-filter ul.filter-list li,
#statistics-filters div.collection-filter ul.filter-list li,
#statistics-filters div.provider-filter ul.filter-list li {
  margin-top: 5px;
}
#statistics-filters div.user-filter ul.filter-list li label,
#statistics-filters div.room-filter ul.filter-list li label,
#statistics-filters div.collection-filter ul.filter-list li label,
#statistics-filters div.provider-filter ul.filter-list li label {
  font-weight: normal;
  margin-left: 5px;
}
#statistics-filters div.collection-filter ul,
#statistics-filters div.provider-filter ul {
  padding-left: 0 !important;
}
#statistics-filters div.collection-filter ul li:first-child,
#statistics-filters div.provider-filter ul li:first-child {
  margin-top: 0 !important;
}
#statistics-filters div.user-filter,
#statistics-filters div.room-filter {
  clear: both;
}
#statistics-filters div.user-filter input[type=text].search,
#statistics-filters div.room-filter input[type=text].search {
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#statistics-filters div.document-filter textarea,
#statistics-filters div.ip-filter textarea {
  height: 100px;
  width: 100% !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#statistics-filters div.date-filter h3 {
  border-top: 0;
}
#statistics-filters div.date-filter input.date {
  width: 65px;
  width: 45%;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#statistics-filters div.date-filter input#EndDate {
  float: right;
}
#statistics-filters div.date-filter span.delimeter {
  width: 13px;
  position: absolute;
  left: 47.5%;
  top: 25%;
  padding: 0 1%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#statistics-filters div.date-filter .editor-area {
  height: 27px;
  position: relative;
  white-space: nowrap;
}
div.statistics-chart {
  width: 780px;
  height: 140px;
}
.chart-title {
  margin: 20px 10px 0px 10px;
  font-size: 14px;
  display: block;
}
#details-table-placeholder {
  margin-top: 25px;
  margin-bottom: 75px;
}
#statistics-graphs {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 100%;
}
#statistics-graphs table {
  width: 100% !important;
}
#statistics-graphs-interval {
  margin: 0px 0px 25px 10px;
  font-size: 14px;
}
#statistics-panel {
  display: inline-block;
  border: 1px solid #bbbbbb;
  border-right: none;
  vertical-align: top;
  width: 100%;
}
#statistics-panel ul.panel {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: none;
}
#statistics-panel ul.panel li {
  display: inline-block;
  border-right: 1px solid #bbbbbb;
  width: 20%;
  float: left;
  cursor: pointer;
  padding: 5px;
  background-color: #ebebeb;
  /* fallback */

  background-image: -webkit-linear-gradient(top, white 50%, #d6d6d6 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, white 50%, #d6d6d6 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, white 50%, #d6d6d6 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, white 50%, #d6d6d6 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 50%, #d6d6d6 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, white 50%, #d6d6d6 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), color-stop(100%, #d6d6d6));
  /* Safari 4+, Old Chrome */
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#statistics-panel ul.panel li.highlighted {
  background: #f4f4f4 !important;
  background-color: #f4f4f4;
}
#statistics-panel ul.panel label {
  font-size: 11px;
  cursor: pointer;
  display: block;
  text-align: center;
  white-space: nowrap;
  margin: 0;
}
#statistics-panel ul.panel span {
  font-size: larger;
  color: #666666;
  font-weight: bold;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
}
#statistics-details {
  display: block;
  margin-top: 20px;
}
#statistics-details ul.links-placeholder {
  display: inline;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#statistics-details ul.links-placeholder li {
  display: inline-block;
  *display: inline;
  padding-right: 10px;
}
#statistics-details ul.links-placeholder li a {
  cursor: pointer;
}
#statistics-details li.highlighted a {
  color: Black;
  font-weight: bold;
}
#statistics-details #details-links {
  margin-bottom: 10px;
}
#statistics-details #details-graph div.dataTables_wrapper {
  overflow-x: auto;
}
#statistics-details #details-graph table {
  width: 100%;
}
#statistics-details #details-graph table th.legend {
  width: 200px !important;
  max-width: 200px !important;
  min-width: 200px !important;
}
#statistics-details #details-graph table td div.link-holder {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  word-wrap: break-word;
  width: 200px;
  max-width: 200px;
}
#statistics-details #details-graph table td div.link-holder a.ajax {
  display: inline;
}
/***Search page styles***/

#hang-panel {
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  background-color: #dbdada;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f8f7f7 0, #e3e3e3 30px, #bdbdbd 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f8f7f7 0, #e3e3e3 30px, #bdbdbd 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f8f7f7 0, #e3e3e3 30px, #bdbdbd 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f8f7f7 0, #e3e3e3 30px, #bdbdbd 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f8f7f7 0, #e3e3e3 30px, #bdbdbd 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f8f7f7 0, #e3e3e3 30px, #bdbdbd 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7f7), color-stop(30px, #e3e3e3), color-stop(100%, #bdbdbd));
  /* Safari 4+, Old Chrome */
  padding: 0 1px 1px 1px;
  position: relative;
  -webkit-box-shadow: 1px 0 9px 4px rgba(0,0,0,0.08);
  -moz-box-shadow: 1px 0 9px 4px rgba(0,0,0,0.08);
  box-shadow: 1px 0 9px 4px rgba(0,0,0,0.08);
}
#hang-panel div.search-form {
  padding: 18px 7px 7px 4px;
  background-color: whitesmoke;
  /* fallback */

  background-image: -webkit-linear-gradient(top, white 1px, #f1f1f1 8px, #f9f9f9 47px, #eaeaea 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, white 1px, #f1f1f1 8px, #f9f9f9 47px, #eaeaea 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, white 1px, #f1f1f1 8px, #f9f9f9 47px, #eaeaea 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, white 1px, #f1f1f1 8px, #f9f9f9 47px, #eaeaea 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 1px, #f1f1f1 8px, #f9f9f9 47px, #eaeaea 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, white 1px, #f1f1f1 8px, #f9f9f9 47px, #eaeaea 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1px, white), color-stop(8px, #f1f1f1), color-stop(47px, #f9f9f9), color-stop(100%, #eaeaea));
  /* Safari 4+, Old Chrome */
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
#hang-panel form.search {
  margin: 0 10px 0 0;
  padding-top: 26px;
  overflow: hidden;
}
#hang-panel form.search .search-label {
  display: inline-block;
  position: absolute;
  left: 32px;
  color: #2a5885;
  line-height: 28px;
  font-size: 16px;
  font-weight: normal;
  vertical-align: top;
  text-shadow: #c3d2e0 0 0 1px;
}
#hang-panel form.search div.search-query {
  display: inline-block;
  float: right;
  border: solid 1px #cecccc;
  overflow: visible;
  position: relative;
  height: 28px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  -webkit-box-shadow: inset 0 2px 5px #eeeeee;
  -moz-box-shadow: inset 0 2px 5px #eeeeee;
  box-shadow: inset 0 2px 5px #eeeeee;
  background-color: #fbfafa;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f6f4f4 0, white 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f6f4f4 0, white 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f6f4f4 0, white 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f6f4f4 0, white 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f6f4f4 0, white 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f6f4f4 0, white 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f4f4), color-stop(100%, white));
  /* Safari 4+, Old Chrome */
}
#hang-panel form.search div.search-query input {
  margin: 0;
  padding: 0;
  border: 0;
}
#hang-panel form.search div.search-query input.search-query {
  float: left;
  width: 668px;
  padding: 1px 0 2px 10px;
  margin-right: 70px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  text-shadow: silver 0px 0px 1px;
  color: Black;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fbfafa;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f6f4f4 0, white 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f6f4f4 0, white 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f6f4f4 0, white 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f6f4f4 0, white 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f6f4f4 0, white 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f6f4f4 0, white 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6f4f4), color-stop(100%, white));
  /* Safari 4+, Old Chrome */
}
#hang-panel form.search div.search-query input.search-button {
  background-color: #e3e2e2;
  /* fallback */

  background-image: -webkit-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 3px, #c6c4c4 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, white 3px, #c6c4c4 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3px, white), color-stop(100%, #c6c4c4));
  /* Safari 4+, Old Chrome */
  border: 1px solid #d8d8d8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  width: 67px;
  height: 26px;
  margin: 1px;
  position: absolute;
  right: 0;
  top: 0;
  color: #555454;
  font: bold 12px Tahoma;
}
/*** search result ***/

.search-result {
  margin-left: 0;
  margin-bottom: 42px;
  overflow: hidden;
}
.search-total {
  margin: 10px 0 0 29px;
  font-size: 12px;
}
.search-total .value {
  font-weight: bolder;
}
.search-result ol {
  padding-top: 10px;
  list-style: none;
  padding-left: 0;
}
.search-result ol span.result-item-number {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  font-size: 12px;
  line-height: 22px;
  min-width: 18px;
}
.search-result ol div.result-item {
  display: inline-block;
  width: 900px;
  text-shadow: #dddddd 0 0 1px;
}
.search-result ol li {
  position: relative;
  padding-left: 1px;
  color: Gray;
  margin-bottom: 19px;
  font-size: 16px;
}
.search-result h3 {
  color: #0065cc;
  font-weight: normal;
}
.search-result li a.document-record {
  text-decoration: none;
  display: inline-block;
}
/*** Snippets **/

div.total-count,
div.snippets-switch {
  display: inline-block;
}
div.snippets-switch {
  float: right;
  width: 749px;
  position: relative;
  margin-top: 3px;
}
div.snippets-switch label {
  font-weight: normal;
}
div.document-snippet {
  background-color: white;
  height: 150px;
  width: 870px;
  margin-top: 8px;
  line-height: 0;
  font-size: 0;
  display: inline-block;
}
div.document-snippet.error {
  background: url(common/images/warning-grey.png) center center no-repeat;
}
div.document-snippet img.document-snippet {
  border: 1px silver solid;
  height: 150px;
  width: 870px;
  display: block;
}
.hide-snippets {
  display: none !important;
}
span.author {
  display: inline;
}
ul.document-actions {
  margin-top: 0.5em;
}
.result-item span {
  font-size: 12px;
  color: Gray;
}
.result-item .document-record span.highlight {
  text-decoration: underline;
  text-shadow: #b5d6f7 0 0 1px;
  font-size: 16px;
  color: #1f74ca;
}
.search-result span.library-name {
  display: block;
  padding-top: 0.5em;
  font-size: 12px;
}
cite.url {
  font-style: normal;
  text-decoration: underline;
  color: Gray;
}
.search-navigation .menu {
  vertical-align: bottom;
  font-size: larger;
}
.search-navigation .menu li {
  margin: 0;
  display: inline;
}
.search-navigation .menu li a {
  margin-right: 15px;
  text-shadow: #4b9ef2 0 0 1px;
}
.search-navigation .menu li a.button.prev,
.search-navigation .menu li a.button.next,
.search-navigation .menu li a.button.first,
.search-navigation .menu li a.button.last {
  position: relative;
  top: -2px;
  text-shadow: none;
}
.search-navigation .menu li a.button.first {
  margin-right: 25px;
}
.search-navigation .menu li a.button.prev {
  margin-right: 25px;
}
.search-navigation .menu li a.button.next,
.search-navigation .menu li a.button.last {
  margin-left: 10px;
}
.search-navigation a {
  text-decoration: none;
}
.search-navigation .current {
  font-size: 20px;
  vertical-align: baseline;
  color: black;
  text-shadow: silver 0 0 1px !important;
}
.search-navigation li.prev {
  margin-right: 1em;
}
.search-navigation li.next {
  margin-left: 1em;
}
div#hang-panel {
  padding: 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #d7d7d7;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f1f1f1 5px, #e3e3e3 30px, #bdbdbd 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f1f1f1 5px, #e3e3e3 30px, #bdbdbd 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f1f1f1 5px, #e3e3e3 30px, #bdbdbd 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f1f1f1 5px, #e3e3e3 30px, #bdbdbd 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f1f1f1 5px, #e3e3e3 30px, #bdbdbd 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f1f1f1 5px, #e3e3e3 30px, #bdbdbd 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5px, #f1f1f1), color-stop(30px, #e3e3e3), color-stop(100%, #bdbdbd));
  /* Safari 4+, Old Chrome */
  -webkit-box-shadow: 1px 9px 13px -4px rgba(0,0,0,0.08);
  -moz-box-shadow: 1px 9px 13px -4px rgba(0,0,0,0.08);
  box-shadow: 1px 9px 13px -4px rgba(0,0,0,0.08);
}
div#hang-panel div.search-form {
  min-height: 70px;
  padding: 4px 7px 7px 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #f4f4f4;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #fefefe 8px, #f9f9f9 47px, #eaeaea 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #fefefe 8px, #f9f9f9 47px, #eaeaea 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #fefefe 8px, #f9f9f9 47px, #eaeaea 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #fefefe 8px, #f9f9f9 47px, #eaeaea 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #fefefe 8px, #f9f9f9 47px, #eaeaea 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #fefefe 8px, #f9f9f9 47px, #eaeaea 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8px, #fefefe), color-stop(47px, #f9f9f9), color-stop(100%, #eaeaea));
  /* Safari 4+, Old Chrome */
}
div.search-result {
  min-height: 400px;
  position: relative;
  float: left;
  width: 100%;
}
div.search-result a.document-record {
  display: inline;
}
div.search-result div.document-snippet {
  display: block;
  background: none;
  width: auto;
  height: auto;
  font-size: 13px;
  line-height: normal;
  border-left: solid 2px #cccccc;
  padding: 0 10px;
}
div.search-result .search-navigation {
  margin-top: 42px;
}
#collections-div ol {
  padding-top: 10px;
  list-style: none;
  padding-left: 0;
  margin-left: 31px;
}
#collections-div ol div.result-item {
  display: inline-block;
  width: 900px;
  text-shadow: #dddddd 0 0 1px;
}
#collections-div ol div.result-item div.description {
  margin: 10px 0 0 15px;
  font-size: 12px;
  color: Gray;
  text-shadow: #dddddd 0 0 1px;
}
#collections-div ol li {
  position: relative;
  padding-left: 1px;
  color: Gray;
  margin-bottom: 19px;
  font-size: 16px;
}
#collections-div.tiles #selected-collection {
  position: relative;
  overflow: hidden;
  min-height: 150px;
  margin-top: 40px;
  margin-left: 30px;
}
#collections-div.tiles #selected-collection span.background {
  position: absolute;
  width: 220px;
  height: 150px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#collections-div.tiles #selected-collection span.a-fake {
  position: absolute;
  height: 150px;
  width: 220px;
}
#collections-div.tiles #selected-collection span.a-fake span.title.highlight {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #646464a1;
  padding: 5px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 14px;
}
#collections-div.tiles #selected-collection .description {
  padding-left: 240px;
  padding-right: 35px;
  font-size: 12px;
  color: Gray;
  text-shadow: #dddddd 0 0 1px;
}
#collections-div.tiles ol li {
  width: 220px;
  height: 150px;
  margin-bottom: 5px;
  vertical-align: top;
  display: inline-block;
}
#collections-div.tiles ol div.result-item {
  height: 100%;
  width: 100%;
  position: relative;
}
#collections-div.tiles ol div.result-item span.background {
  position: absolute;
  width: 220px;
  height: 150px;
  background-size: contain !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
#collections-div.tiles ol div.result-item a {
  position: absolute;
  height: 150px;
  width: 220px;
}
#collections-div.tiles ol div.result-item a span.title.highlight {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #646464a1;
  padding: 5px;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  color: white;
  font-size: 14px;
}
#collections-div.tiles ol div.result-item .description {
  display: none;
}
#collections-div.tiles.childs ol li.visible {
  display: list-item !important;
  width: 100%;
}
#collections-div.tiles.childs ol li.visible .description {
  display: block;
  padding-left: 222px;
  padding-right: 35px;
}
div#sorting-div {
  position: absolute;
  right: 0px;
  z-index: 100;
}
span.highlight {
  text-decoration: underline;
  text-shadow: #b5d6f7 0 0 1px;
  font-size: 16px;
  color: #1f74ca;
}
.sorting-box.selectBox-dropdown {
  top: 7px;
}
.search-label {
  position: relative;
  left: 32px;
  color: #2a5885;
  line-height: 28px;
  font-size: 16px;
  font-weight: normal;
  vertical-align: top;
  text-shadow: #c3d2e0 0 0 1px;
}
#collections-div {
  position: relative;
  float: left;
  width: 975px;
  margin: 0px;
  margin-top: 5px;
}
span.advanced-search-switch {
  display: inline-block;
  height: 24px;
  width: 24px;
  background: url(images/icons_switches.png);
  cursor: pointer;
  position: absolute;
  margin-top: 3px;
  background-position: -87px 0;
}
span.advanced-search-switch.expanded {
  background: url(images/icons_switches.png);
  background-position: -61px 0;
}
div.advanced-search {
  clear: both;
  padding: 10px 0 0 28px;
  height: 340px;
}
.collections-field {
  position: relative;
  float: right;
  margin-top: 5px;
  height: 170px;
  background-color: #f8f8f8;
  width: 726px;
  margin-left: 2px;
  border-radius: 3px;
  border: 1px solid #cecccc;
}
.collection-editor {
  margin: 0px;
  padding: 0px;
  border-radius: 3px;
  background-color: #f8f8f8;
}
.collection-list {
  margin: 0px;
  padding: 0px;
}
.list-items {
  height: 170px;
  border: 1px;
}
ul {
  margin: 0;
  list-style-type: none;
  padding-left: 5px;
  padding-top: 10px;
}
ul li,
ul ul {
  padding-top: 0;
}
ul li.category-name {
  font-size: 12px;
  font-weight: bolder;
}
ul li.category-name span {
  margin-top: 5px;
  position: relative;
}
ul .list-items {
  max-height: 15em;
  position: relative;
  overflow: auto;
  padding: 0;
  margin-left: 5px;
}
ul .list-items li {
  margin: 0;
  margin-top: 5px;
}
ul .list-items label {
  font-weight: normal;
  margin-left: 5px;
}
div.extra-params {
  position: relative;
  height: 155px;
  width: 100%;
}
input.extra-query,
div.extra-query {
  position: relative;
  float: right;
  width: 729px;
}
input.extra-query {
  width: 729px;
}
div.extra-query {
  width: 751px;
}
input.extra-publishingyear {
  width: 343px;
}
input.extra-publishingyearto {
  float: right;
}
.extra-label-switch {
  position: absolute;
  right: 18px;
  width: 127px;
  top: 63px;
  border-bottom: dotted 1px;
  cursor: pointer;
  text-transform: lowercase;
  text-shadow: #c3d2e0 0 0 1px;
  color: #2a5885;
}
.extra-label {
  display: inline-block;
  position: relative;
  float: left;
  clear: both;
  width: 143px;
  color: #2a5885;
  line-height: 26px;
  margin-top: 5px;
  font-size: 16px;
  font-weight: normal;
  vertical-align: top;
  text-shadow: #c3d2e0 0 0 1px;
}
div.sorting-div {
  clear: both;
  position: relative;
  float: right;
  width: 750px;
  top: -27px;
}
label.collections {
  top: -30px;
}
#collections-div h1 {
  border-bottom: dotted 1px black;
  display: inline-block;
  margin-top: 15px;
  cursor: pointer;
}
#collections-div ol {
  margin-top: 0;
}
.page-result h1 {
  border-bottom: dotted 1px black;
  display: inline-block;
  margin-top: 15px;
  cursor: pointer;
}
#search-history {
  position: relative;
  float: left;
  width: 975px;
  margin: 0px;
  margin-top: 5px;
}
#search-history h1 {
  border-bottom: dotted 1px black;
  display: inline-block;
  margin-top: 15px;
  cursor: pointer;
}
#search-history div.history-item {
  margin-bottom: 5px;
  font-size: 14px;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
input.clear-search-form-button {
  background-color: #e3e2e2;
  /* fallback */

  background-image: -webkit-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 3px, #c6c4c4 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, white 3px, #c6c4c4 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3px, white), color-stop(100%, #c6c4c4));
  /* Safari 4+, Old Chrome */
  border: 1px solid #d8d8d8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  width: 77px;
  height: 26px;
  margin: 4px 1px 0 0;
  float: right;
  color: #555454;
  font: bold 12px Tahoma;
}
#order-button {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  top: 5px;
  cursor: pointer;
  background: url(images/sorting.order.svg) no-repeat 0 0;
  background-size: contain;
  background-position-x: center;
}
#order-button.flipped {
  -moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.cutout-box.license {
  padding-left: 21px !important;
  padding-bottom: 12px !important;
}
.cutout-box.license div.license-failure {
  margin-left: 95px;
  margin-top: 2px;
}
.license-info .license-info-row {
  padding: 6px 0;
}
.license-info .license-info-row:first-child {
  padding-top: 0;
}
.license-info .license-info-row label {
  display: inline-block;
  width: 190px;
}
.license-info .license-info-row span {
  color: #515151;
}
.license-info .license-info-row div.feature-list {
  display: inline-block;
  vertical-align: top;
}
.license-info .license-info-row div.feature-list label {
  width: auto;
  opacity: 1;
  font-weight: normal;
}
.license-upload-form span.label {
  display: inline-block;
  color: #515151;
  font-size: 12px;
  font-weight: bold;
  width: 80px;
}
.license-upload-form .button {
  margin: 10px 4px;
  width: 101px;
}
.license-upload-form #hash {
  margin-left: 85px;
  margin-top: 10px;
}
.license-upload-form #upload {
  margin-left: 8px;
  margin-top: 10px;
}
.license-upload-form #apply {
  margin-left: 0;
}
.license-upload-form .uploader-container {
  display: inline;
}
.license-upload-form .uploader-container input[name=filename] {
  display: inline;
  width: 280px;
}
.license-upload-form .uploader-container noindex:-o-prefocus,
.license-upload-form .uploader-container .autofocus/* opera 12 hack */ {
  height: 17px !important;
}
.license-upload-form .uploader-container .browse-button-container {
  display: inline;
  position: relative;
  left: -91px;
}
.license-upload-form .uploader-container .browse-button-container #browse {
  width: 85px;
  height: 22px;
  padding: 0;
  margin: 0;
  background-color: #e3e2e2;
  /* fallback */

  background-image: -webkit-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, white 3px, #c6c4c4 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, white 3px, #c6c4c4 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, white 3px, #c6c4c4 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(3px, white), color-stop(100%, #c6c4c4));
  /* Safari 4+, Old Chrome */
  border: 1px solid #d8d8d8;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  box-shadow: inset 1px 0 2px 1px rgba(255, 255, 255, 0.64), inset 0 0 1px 1px rgba(0, 0, 0, 0.03), 0 0 3px 1px rgba(255, 255, 255, 0.44), 0 1px 9px rgba(0, 0, 0, 0.13);
  color: #555454;
  font: bold 12px Tahoma;
}
.license-upload-form .uploader-container .browse-button-container #files {
  width: 85px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
@media screen and (max-width: 800px) {
  html,
  body {
    overflow-x: hidden !important;
  }
  a.back {
    margin-left: 20px;
  }
  #header {
    width: auto;
  }
  #header #logos .vivaldi-logo {
    background: url(Common/Images/logo.svg) no-repeat bottom;
    background-size: 117px;
    width: 124px;
    background-position-y: 17px;
  }
  #header #mainmenu {
    position: absolute;
    right: 94px;
    left: unset;
  }
  #header #mainmenu ul {
    padding-right: 2px;
  }
  #header #mainmenu li.highlighted a {
    font-size: 14px;
    padding-top: 9px;
  }
  #header #mainmenu li a {
    padding: 14px 4px;
  }
  #header #userbar ul.menu li *:not(.signout):not(.signin) {
    display: none;
  }
  #footer {
    width: auto;
    margin: -35px auto 0 auto;
    padding: 0;
    height: 35px;
  }
  #footer #footermenu {
    display: block;
    float: initial;
    margin-top: -30px;
    text-align: center;
  }
  #footer #footermenu li:first-child a {
    margin-left: 0;
  }
  #footer .copyright {
    display: block;
    float: initial;
    text-align: center;
    padding-top: 17px;
    margin: 0 8px;
  }
}
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font: 10pt Tahoma, Arial, sans-serif;
  height: 100%;
  overflow-y: scroll;
}
#page {
  min-height: 100%;
  min-width: 1006px;
  position: relative;
}
#header .library-title {
  margin: 0 auto;
  width: 600px;
  text-align: center;
}
#header .library-title a {
  color: White;
  font-size: 14px;
}
#hang-panel {
  overflow: hidden;
  width: 957px;
}
#main {
  position: relative;
  margin: 0 auto;
  width: 957px;
  padding: 0 0 50px;
}
/*** Document Record ***/

#hang-panel.document-record {
  background: Transparent url(images/hangback.png) no-repeat bottom;
}
#hang-panel.document-record h1 {
  padding: 0 20px 0 20px;
  margin-top: 62px;
  font-size: 22px;
  text-shadow: #b3b3b3 0 0 1px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#hang-panel.document-record label {
  font-weight: normal;
  color: black;
}
#hang-panel.document-record .details-block {
  padding: 0 20px 0 20px;
}
#hang-panel.document-record .details-block.with-cover {
  display: inline-block;
  float: left;
  max-width: 670px;
  padding-left: 20px;
}
#hang-panel.document-record .details-block.with-cover p:first-child {
  margin-top: 0;
}
#hang-panel.document-record .details-block.with-cover label {
  display: inline-block;
}
#hang-panel.document-record .details-block.with-cover span.value {
  max-width: 570px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
#hang-panel.document-record .cover-block {
  display: inline-block;
  vertical-align: top;
  float: right;
  width: 180px;
  margin: 0 20px;
  margin-bottom: 30px;
  height: 230px;
  overflow: visible;
}
#hang-panel.document-record .cover-block img {
  max-width: 180px;
  max-height: 230px;
  border: solid #cccccc 1px;
}
#hang-panel.document-record .cover-block img.preload {
  width: auto;
  height: auto;
  margin: 0;
  border: none;
  position: relative;
  top: 30%;
  left: 45%;
}
.document-actions {
  text-align: center;
}
.document-actions li {
  margin: 30px 0;
  margin-left: 5px;
  height: 28px;
  padding-top: 5px;
}
div.open.info {
  margin-bottom: 20px;
}
span.b-share-form-button {
  cursor: pointer;
}
.qr-block {
  text-align: center;
  margin-top: -25px;
  margin-bottom: 10px;
}
.qr-block .qr-image {
  width: 150px;
  height: 150px;
}
/*** Document Record Embedded***/

#page-embed {
  overflow-x: hidden;
  position: relative;
  background: url(images/bodyback_embed.png) repeat-x;
  display: none;
}
#page-embed #main {
  max-width: 957px;
  min-width: 380px;
  width: 84%;
}
#page-embed #main #hang-panel {
  min-height: 50px;
}
#page-embed #main #hang-panel.document-record-embed {
  padding: 0 20px 0 12px;
  background: Transparent url(images/hangback.png) no-repeat bottom;
}
#page-embed #main #hang-panel.document-record-embed label {
  margin: 0;
  font-weight: normal;
  color: black;
}
#page-embed #main .applicable-packages-embed p {
  margin: 3px 3px 3px 15px;
}
#page-embed #main .applicable-packages-embed p:first-child {
  margin-left: 5px;
}
#page-embed #main .applicable-packages-embed p:first-child label {
  display: block;
  font-weight: bold !important;
  margin-bottom: 10px !important;
}
#page-embed #main .applicable-packages-embed ul {
  margin: 3px;
}
#page-embed #main .applicable-packages-embed ul li {
  margin-left: 5px;
}
#page-embed #main .document-actions-embed {
  margin: 5px 0 15px 0;
}
#page-embed #main .document-actions-embed li {
  margin-top: 15px;
  margin-left: 5px;
}
#page-embed #main .warning {
  margin-top: 20px;
}
#authorization-wait-embed {
  height: 16px;
  width: 16px;
  background-image: url('images/ajaxLoader.gif');
  position: fixed;
  left: 50%;
  top: 50%;
}
/*** Document Open Page ***/

.waiting {
  height: 16px;
  padding-left: 18px;
  background-image: url('images/ajaxLoader.gif');
  background-repeat: no-repeat;
  display: inline-block;
}
.busy {
  background: #f3f3f3 url('images/ajaxLoader.gif') no-repeat center center !important;
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
  z-index: 100;
  pointer-events: none;
  cursor: default;
}
.busy table {
  filter: alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
}
ul.menu li.share-links {
  position: relative;
  top: -1px;
  width: 128px;
  padding-top: 0;
  margin-left: 0;
}
ul.menu li.share-links div {
  display: inline-block;
}
ul.menu li.favorite-button {
  position: relative;
  top: 10px;
  *top: 8px;
}
div#job-info {
  padding-left: 12px;
  padding-bottom: 5px;
}
div#job-preference fieldset {
  border: none;
}
div#job-preference span.ajax-result {
  display: inline-block;
  font-size: smaller;
  padding-top: 5px;
}
div#job-preference div.job-actions {
  padding-top: 5px;
}
#storage-profile-table {
  margin-left: 10px;
  margin-top: 30px;
}
div.help-menu {
  text-align: right;
}
.help-icon {
  display: inline-block;
  padding-right: 16px;
  height: 16px;
  background: url("images/help_icon.png") right bottom no-repeat;
}
.external-link {
  display: inline-block;
  padding-left: 15px;
  height: 16px;
  background: url("images/icon_external_link.png") no-repeat;
  background-position: center;
  vertical-align: text-bottom;
}
a.ajax {
  text-decoration: none;
  border-bottom: 1px dotted !important;
  display: inline-block;
}
#authorize-error-dialog #message {
  position: relative;
  display: block;
  padding-top: 8px;
}
#authorize-error-dialog a {
  color: #1f74ca;
}
.info {
  border: thin solid #adc1c5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 10px 70px 10px;
  overflow: hidden;
  background: whitesmoke url(images/info.png) 10px center no-repeat;
}
.datetime-input-wrapper {
  display: inline-block;
  position: relative;
}
.datetime-input-wrapper input[type="text"] {
  padding-right: 27px;
  padding-top: 6px;
}
.datetime-input-wrapper span.datetime-icon {
  display: inline-block;
  padding-bottom: 27px;
  padding-right: 27px;
  background: url(common/images/icon_datepicker.png) center center no-repeat;
  vertical-align: middle;
  right: 0;
  top: 4px;
  position: absolute;
  pointer-events: all;
}
div.table-panel-wrapper {
  padding: 1px 1px 0 1px;
  background-color: whitesmoke;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f0f0f0 0, #f9f9f9 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f0f0f0 0, #f9f9f9 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f0f0f0 0, #f9f9f9 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f0f0f0 0, #f9f9f9 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f0f0f0 0, #f9f9f9 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f0f0f0 0, #f9f9f9 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(100%, #f9f9f9));
  /* Safari 4+, Old Chrome */
  -moz-border-radius: 3px 0 0 0;
  -webkit-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0;
}
div.table-panel-wrapper div.table-panel {
  height: 48px;
  background-color: #fbfbfb;
  /* fallback */

  background-image: -webkit-linear-gradient(top, #f9f9f9 0, #fdfdfd 100%);
  /* Chrome 10+, Safari 5.1+ */
  background-image: -moz-linear-gradient(top, #f9f9f9 0, #fdfdfd 100%);
  /* Firefox 3.6 */
  background-image: -ms-linear-gradient(top, #f9f9f9 0, #fdfdfd 100%);
  /* IE 10 */
  background-image: -o-linear-gradient(top, #f9f9f9 0, #fdfdfd 100%);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f9f9f9 0, #fdfdfd 100%);
  /* CSS3 */
  -pie-background: linear-gradient(top, #f9f9f9 0, #fdfdfd 100%);
  /* CSS3PIE */

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(100%, #fdfdfd));
  /* Safari 4+, Old Chrome */
}
div.table-panel-wrapper div.table-panel ul.buttons {
  float: right;
  padding: 12px 12px 8px 0;
}
div.table-panel-wrapper div.table-panel ul.buttons li {
  margin-right: 8px;
}
div.table-panel-wrapper div.table-panel div.search-block {
  margin-left: 20px;
  display: inline-block;
}
div.table-panel-wrapper div.table-panel div.search-block label {
  margin-right: 20px;
  color: black;
}
div.table-panel-wrapper div.table-panel div.search-block input.search-box {
  width: 213px;
  padding: 0px 10px;
  margin: 12px 0 0 0;
  height: 18px;
}
div.table-panel-wrapper div.table-panel .dataTables_length select {
  height: 20px;
  padding: 0;
}
div.table-panel-wrapper + .dataTables_wrapper {
  padding-top: 0;
}
div.table-panel-wrapper + table,
div.table-panel-wrapper + .dataTables_wrapper {
  position: relative;
  top: -5px;
}
div.access-purchase table th.actions,
div.access-purchase table td.actions {
  width: 120px;
  text-align: center;
}
div.access-purchase table th.price,
div.access-purchase table td.price {
  width: 100px;
}
div.access-purchase table td.price {
  font-weight: bold;
}
div.access-purchase table td.actions span {
  color: #515151;
  font-size: 11px;
  margin-top: 5px;
  display: inline-block;
}
#statistics-busy {
  position: absolute;
  height: 100%;
  left: -1.5em;
  right: -1.5em;
}
#statistics-content {
  position: relative;
}
a.button.disabled {
  background: #eeeded;
  border-color: #ddddde;
  color: gray;
  cursor: default;
}
@media screen and (max-width: 800px) {
  #page {
    min-width: 0;
  }
  #hang-panel {
    width: auto;
  }
  #main {
    width: auto;
  }
  #main h1 {
    margin-left: 15px;
  }
  #hang-panel.search-form-block {
    margin: 0 15px;
  }
  #hang-panel.search-form-block .search-label {
    display: none;
  }
  #hang-panel.search-form-block .extra-label-switch {
    width: 135px;
  }
  #hang-panel.search-form-block .search-query {
    width: calc(100% - 30px);
  }
  #hang-panel.search-form-block .search-query input.search-query {
    width: calc(100% - 80px) !important;
  }
  #hang-panel.search-form-block .snippets-switch {
    width: calc(100% - 30px);
    margin-top: 3px;
  }
  #hang-panel.search-form-block .advanced-search .extra-label {
    width: 100px;
    margin-right: 0;
  }
  #hang-panel.search-form-block .advanced-search select.sorting-box {
    display: none;
  }
  #hang-panel.search-form-block .advanced-search input.extra-query {
    width: calc(100% - 135px);
  }
  #hang-panel.search-form-block .advanced-search .extra-query {
    width: calc(100% - 113px);
  }
  #hang-panel.search-form-block .advanced-search input.extra-publishingyear {
    width: calc(50% - 34px);
  }
  #hang-panel.search-form-block .advanced-search .collections-field {
    width: calc(100% - 135px);
    margin: 5px 0;
  }
  #hang-panel.document-record .details-block.with-cover span.value {
    display: block;
  }
  #hang-panel.document-record .cover-block {
    float: inherit;
  }
  .document-actions .menu {
    padding-top: 20px;
  }
  .document-actions li {
    margin-top: 0;
    margin-bottom: 25px;
  }
  .document-actions li:first-child {
    margin-left: 0;
  }
  #collections-div {
    width: 100%;
  }
  #collections-div h1 {
    margin-left: 15px;
  }
  #collections-div ol {
    margin-left: 25px;
    width: 100%;
  }
  #collections-div ol .result-item {
    width: 90% !important;
  }
  #collections-div.tiles {
    overflow: hidden;
  }
  #collections-div.tiles #selected-collection .description {
    padding-left: 0;
    padding-top: 160px;
  }
  #collections-div.tiles li {
    width: 180px !important;
  }
  #collections-div.tiles div.result-item span.background {
    width: 180px !important;
  }
  #collections-div.tiles div.result-item a {
    width: 180px !important;
  }
  #collections-div.tiles.childs li.visible {
    width: 100% !important;
    height: auto;
    min-height: 150px;
  }
  #collections-div.tiles.childs li.visible .description {
    display: block;
    padding-left: 0 !important;
    padding-right: 60px !important;
    padding-top: 155px;
    margin: 0;
  }
  #collections-div.tiles.childs li.visible .result-item {
    width: 100% !important;
  }
  .search-result.page-result {
    min-width: 0;
  }
  .search-result.page-result h1 {
    margin-left: 15px;
  }
  .search-result.page-result ol {
    margin-left: 25px;
  }
  .search-result.page-result ol .result-item {
    width: 90%;
  }
  .search-result.page-result .search-navigation {
    margin-left: 15px;
  }
  .search-result.page-result .search-navigation .menu li a {
    margin-top: 15px;
  }
  div#sorting-div {
    position: absolute;
    right: 15px;
    z-index: 100;
    margin-top: 5px;
  }
  #mainmenu .highlighted {
    display: none;
  }
  #header {
    height: 45px;
    margin-bottom: 0px !important;
  }
  #page {
    background-position-y: -15px;
  }
  #header #mainmenu {
    top: 9px;
  }
  #header #logos .vivaldi-logo {
    background-size: 90px;
    width: 105px;
    background-position-y: 12px;
  }
}