/*
 * UiO CSS: Search library databases (UB)
 *
 */

#infoMessage {
  background: #fff url("../images/grey-message-info.png") no-repeat scroll 14px 15px;
  margin-top: -5px;
  border: 1px solid #e4e4e4;
  border-width: 0 1px 1px 1px;
  width: 690px;
  padding: 0 14px 15px;
}

#infoMessageInner {
  background: url(/vrtx/decorating/resources/dist/images/line-dotted.gif) repeat-x top left;
  padding: 15px 0 5px 25px;
}

#uiodoc-wrapper #uiodoc #ub-search-tabs #infoMessage .library-search-info-msg-short {
  display: none;
}

#ub-search-tabs .library-advanced-search,
#ub-search-tabs .ub-search-details {
  font-size: 1em;
  height: 20px;
  left: 515px;
  margin-top: 65px;
  position: absolute;
  top: 0;
  width: 130px;
}

#ub-search-tabs #ub-search-tab-3 {
  height: 70px;
}

body#vrtx-searchview #ub-search-tabs {
  float: none;
  width: 660px;
  margin-left: -10px;
}

body#vrtx-searchview .biblioteksok #vrtx-main-content {
  background-color: transparent;
  border: none;
} 

body#vrtx-searchview #ub-search-tabs .ui-tabs-panel {
  width: 690px;
}

body#vrtx-frontpage #ub-search-tabs {
  float: none;
  width: 660px;
  margin: 0 -15px;
}

#ub-search-tabs form.vrtx-big-search {
  width: 465px !important;
}

body#vrtx-frontpage #infoMessage {
  width: 630px;
}

#ub-search-tabs .ui-tabs-nav {
  margin: 0px !important;
}

#ub-search-tabs .ui-tabs-panel {
  background-color: white;
  width: 630px;
  padding: 24px 14px 14px;
  border: 1px solid #e4e4e4;
}

#uiodoc-wrapper #uiodoc ul.library-help,
#uiodoc-wrapper #uiodoc ul.library-help li {
  background: none;
  margin: 0;
  padding: 0;
}

#uiodoc-wrapper #uiodoc ul.library-help li {
  display: inline-block;
  padding-right: 15px;
}

/* With left menu - shouldn't occur because of no space for tabs */

body#vrtx-searchview #right-main #infoMessage {
  width: 480px;
}
body#vrtx-searchview  #right-main #ub-search-tabs .library-advanced-search {
  left: 300px;
}
body#vrtx-searchview  #right-main #ub-search-tabs {
  width: 507px;
}
body#vrtx-searchview  #right-main #ub-search-tabs .ui-tabs-panel {
  width: 480px;
}
 #right-main #ub-search-tabs .ui-tabs-panel {
}
body#vrtx-frontpage  #right-main #ub-search-tabs {
}
body#vrtx-frontpage #right-main  #ub-search-tabs form.vrtx-big-searchform.vrtx-big-search {
  width: 300px;
}
/* ^ With left menu */

#ub-search-tabs .ui-tabs-nav li {
  clear: none;
  margin-right: 4px !important;
}

#ub-search-tabs.ui-tabs .ui-tabs-nav li a {
  padding: 5px 10px 4px 10px;
  font-weight: normal;
  font-size: 1em;
}

#ub-search-tabs.ui-tabs .ui-tabs-nav li.ub-search-tab-1 a {
  padding-left: 14px;
}


#ub-search-tabs.ui-tabs .ui-tabs-nav li.ui-state-default {
  background: #e7e7e7 !important;
  border: 1px solid #e4e4e4;
}

#ub-search-tabs.ui-tabs .ui-tabs-nav li.ui-state-default a {
  color: #0B5A9D !important;
}

#ub-search-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active,
#ub-search-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  background: #fff !important;
  border: 1px solid #e4e4e4;
}

#ub-search-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#ub-search-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #2b2b2b !important;
}

#main #ub-search-tabs form.vrtx-big-search {
  margin: 0 0 20px 0;
}

#ub-search-tabs form.vrtx-big-search input[type='text']:focus {
  outline: 0;
}

#ub-search-tabs form.vrtx-big-search input[name='query'],
#ub-search-tabs form.vrtx-big-search input[name='queryTemp'] {
  width: 402px !important;
  margin-top: 8px !important;
}

#ub-search-tabs form.vrtx-big-search label {
  font-size: 0.81em;
}

#ub-search-tabs h3 {
  font-weight: normal;
  margin-top: 5px;
}

#ub-search-tabs ul.ub-search-db-alphabetical,
#ub-search-tabs ul.ub-search-db-alphabetical li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
}

#ub-search-tabs ul.ub-search-db-alphabetical {
  margin-bottom: -5px;
}

#ub-search-tabs ul.ub-search-db-alphabetical li {
  padding-right: 4px;
  display: inline;
}

#ub-search-tabs .ub-search-sfx-small-logo {
  margin-bottom: -3px;
  margin-left: 3px;
  float: none !important;
}

#ub-search-tabs #ub-search-tab-3 form.vrtx-big-search p.ub-search-radio-buttons {
  margin: 20px 0px 10px -10px;
  clear: both;
}

#ub-search-tabs #ub-search-tab-3 form.vrtx-big-search p.ub-search-radio-buttons input {
  margin-top: 0px !important;
}

#uiodoc-wrapper #uiodoc #ub-search-tabs form.vrtx-big-search p.ub-search-radio-buttons label {
  margin-right: 10px;
}

p.clear {
  clear: left;
  padding-top: 25px;
}

/* NEW */

#ub-search-container {
  position: relative;
  left: -15px;
}

#main form[name='searchForm-default_scope'] {
  width: 540px !important;
}

#main #ub-search-tabs form[name='searchForm-default_scope'] {
  width: 465px !important;
}

#main form[name='searchForm-default_scope'] input[name='query'] {
  width: 420px !important;
  margin-top: 8px !important;
}

#main #ub-search-tabs form[name='searchForm-default_scope'] input[name='query'] {
  width: 402px !important;
}

#ub-search-container form {
  position: absolute;
  bottom: 47px;
  left: 53px;
}

#ub-search-services h2 {
  margin: -5px 0 10px 0;
}

#main #ub-search-services h2 a {
  color: #2b2b2b;
}

/* New 2 */

#main #ub-search-container2 {
  padding: 0 0 15px 0;
}
#main #ub-search-container2 h2 {
  margin: -5px 0 15px 0;
}
#main #ub-search-container2 form {
  width: 615px !important;
}
#main #ub-search-container2 form input[type="text"] {
  width: 350px !important;
}
#main #ub-search-help2 {
  text-align: right;
  font-size: 0.923em;
  margin: 10px 1px 0 0;
}

#main .vrtx-frontpage-wide #ub-search-container2 form {
  width: 700px !important;
}
#main .vrtx-frontpage-wide #ub-search-container2 form input[type="text"] {
  width: 435px !important;
}
#main .vrtx-frontpage-wide #ub-search-help2 {
  margin-right: 228px;
}

/* Right column */

#main #right-main #ub-search-container2 form {
  width: 493px !important;
}
#main #right-main #ub-search-container2 form input[type="text"] {
  width: 230px !important;
}
#main #right-main #ub-search-help2 {
  margin-right: 1px;
}

/* Message and box */

#main .uio-info-message.red {
  background: #e42c26;
  border: none;
  color: #fff;
  font-size: 1.231em;
  padding-top: 20px;
  padding-bottom: 20px;
}
#vrtx-frontpage #main .uio-info-message.red a {
  color: #fff;
  text-decoration: underline;
}
#main .uio-info-message.red p:first-child {
  margin-top: 0;
}
#main .uio-info-message.red p:last-child {
  margin-bottom: 0;
}
.bigger-box-content-text {
  font-size: 1.231em;
}
.no-border {
  border: none;
}

/* UiO CSS: Search library databases (UB) */
