/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./src/styles/global.scss ***!
  \*********************************************************************************************************************************************/
/*

Google Chrome default values for the body tag as retrieved from Developer tools 

body {display: block;margin: 8px;}


Body settings for fixing footer at bottom of page
body {
	margin:0;
	padding:0;
	height:100%;
}

*/
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

/*  overall font color also placed in head_section_include_every_page.jsp as JS var _PROXL_DEFAULT_FONT_COLOR = "#545454"; */
BODY {
  color: #545454;
  background-color: #FFFFFF;
  font-size: 14px;
  font-family: arial, sans-serif;
  font-style: normal;
  font-weight: 500;
}

/*  Colors per link type.  Used in Charts and other places.  Also placed in head_section_include_every_page.jsp as JS variables _PROXL_COLOR_LINK_TYPE_... */
.font-color-link-type-crosslink {
  color: #A55353;
}

.font-color-link-type-looplink {
  color: #53A553;
}

.font-color-link-type-unlinked {
  color: #5353A5;
}

.font-color-link-type-all-combined {
  color: #A5A5A5;
}

.table-no-border-no-cell-spacing-no-cell-padding {
  border-width: 0px;
  padding: 0px;
  border-spacing: 0px;
}

.table-no-border-no-cell-spacing-no-cell-padding tbody,
.table-no-border-no-cell-spacing-no-cell-padding tr,
.table-no-border-no-cell-spacing-no-cell-padding th,
.table-no-border-no-cell-spacing-no-cell-padding td,
tr.table-no-border-no-cell-spacing-no-cell-padding,
td.table-no-border-no-cell-spacing-no-cell-padding {
  padding-top: 0px;
  padding-bottom: 0px;
  border-spacing: 0px;
}

tr.table-no-border-no-cell-spacing-no-cell-padding, .table-no-border-no-cell-spacing-no-cell-padding, .table-no-border-no-cell-spacing-no-cell-padding td {
  padding-top: 0px;
  padding-bottom: 0px;
  border-spacing: 0px;
}

.chart-standard-container-div {
  border-width: 1px;
  border-style: solid;
  border-color: #CDCDCD;
  position: relative;
}

/*  TABLE SORTER CSS Override  */
/* Add padding-right so the header text stays to the left of the icons TableSorter adds  */
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  padding-right: 15px;
  background-color: #FFF0F0;
}

table.tablesorter tbody td {
  padding-right: 15px;
}

/*  END  TABLE SORTER CSS Override  */
/* Highlight a row  */
.highlight-row {
  font-weight: bold;
}

/* This doesn't work since tablesorter background color has a higher specificity
.highlight-row { background-color: #FFF0F0 }
*/
td.highlight-cell {
  background-color: #FFF0F0;
}

A.overide-text-color-to-base-color:link, A.overide-text-color-to-base-color:visited, A.overide-text-color-to-base-color:active, A.overide-text-color-to-base-color:hover {
  color: #545454;
}

.error-text {
  color: #A55353;
}

input {
  font-size: 14px;
}

select {
  font-size: 14px;
}

input[type=radio], input[type=checkbox] {
  vertical-align: middle;
  margin-top: 0px;
  margin-bottom: 0px;
}

/*        
input { font-size:20px;  }
*/
BODY.inset-page, BODY.login-page, BODY.reset-password-page, BODY.reset-password-code-fail-page {
  background-color: #FFF8F8;
}

body.view-merged-image-page .colorpicker {
  z-index: 21;
}

/* */
A:link {
  color: #A55353;
  text-decoration: none;
}

A:visited {
  color: #A55353;
}

A:hover {
  color: green;
  text-decoration: none;
}

A:active {
  color: green;
}

/* Links used for Javascript to show the child data for the given row */
/*
A.show-child-data-link  { color: black; text-decoration: none; }
A.show-child-data-link:link  { color: blue; text-decoration: none; }
A:show-child-data-link:visited  { color: black; }
A:show-child-data-link:hover  { color: green  !important; text-decoration: underline  !important;  }
A:show-child-data-link:active  { text-decoration: underline; }
*/
/* Links used for Javascript to show the search details data  */
label {
  padding-right: 2px;
}

label:hover {
  background-color: #ECECEC;
}

input[type=button], input[type=submit] {
  font-size: 14px;
  color: #FFFFFF;
  background-color: #A55353;
}

input[type=button]:disabled, input[type=submit]:disabled, .disabled-checkbox {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* .disabled-checkbox  is put on the span surrounding the checkbox to also impact the label */
.submit-button {
  font-size: 14px;
  color: #FFFFFF;
  background-color: #A55353;
}

/* input[type="button"] */
.submit-button:disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.non-link {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.download-svg-link-non-link {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.structure-link-non-link {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* options for the "Download As" hover dropdown menu */
#svg-download {
  position: relative;
  display: inline-block;
}

#svg-download:hover #svg-download-options {
  display: block;
}

#svg-download-options {
  z-index: 10;
  padding-top: 7px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.svg-download-option {
  display: block;
  margin-left: 5px;
}

/*  Duplicate only using class, not  id.  Currently used for download charts for PSMs.  */
/* options for the "Download As" hover dropdown menu */
.svg-download-block {
  position: relative;
  display: inline-block;
}

.svg-download-block:hover .svg-download-options-backing-block {
  display: block;
}

.svg-download-options-backing-block {
  font-size: 12px;
  z-index: 7;
  top: -1px;
  display: none;
  position: absolute;
  width: 160px;
  height: 40px;
}

.svg-download-block:hover .svg-download-options-block {
  display: block;
}

.svg-download-options-block {
  font-size: 12px;
  z-index: 10;
  padding-top: 7px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.svg-download-option {
  display: block;
  margin-left: 5px;
}

#data-download {
  position: relative;
  display: inline-block;
}

#data-download:hover #data-download-options {
  display: block;
}

#data-download-options {
  z-index: 10;
  padding-top: 7px;
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 350px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.download-option {
  display: block;
  margin-left: 5px;
}

/*  Class for all objects that are clickable.  Changes mouse pointer to same as when hover on a link */
.clickable {
  cursor: pointer;
}

/*  CSS styling for qtip2 tool tips  */
/*  Values in the qtip2 css file:
.qtip-default{border-width:1px;border-style:solid;border-color:#F1D031;background-color:#FFFFA3;color:#555}
*/
.qtip-default {
  border-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
  background-color: #FFF0F0;
  color: #000000;
  font-size: 10pt;
}

/* css for styling the autocomplete */
.autocomplete {
  background-color: #E8EAFF;
  border-color: #000000;
  border-width: 1;
  border-style: solid;
  padding: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.autocomplete .selected {
  color: white;
  background-color: #000000;
}

.autocomplete div {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}

.ProXL-DB-text {
  color: #A55353;
  font-weight: bold;
}

/* styling of text in tooltip svg on merged image page.  "fill" sets the text color on <text> element */
.proxl-primary-color-bold-svg-text {
  fill: #A55353;
  font-weight: bold;
}

.hidden {
  display: none;
}

.isTooltip {
  font-size: 11px;
  font-family: sans-serif;
}

.is-tooltip-label {
  font-weight: bold;
}

img.edit-icon {
  max-width: 12px;
  margin-left: 2px;
  margin-right: 5px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  border-width: 0px;
}

span.search-name-display {
  font-weight: bold;
}

/*  Whole Page level  */
/* 'body.inset-page'  is for pages with an 'inset' look, login.jsp, forgotPassword.jsp, ... */
body.inset-page .inset-page-main-outermost-div { /*  lock the footer to the bottom of the page */
  min-height: 100%;
  position: relative;
}

body.inset-page div.page-content-outer-container {
  width: 100%;
  text-align: center;
  padding-bottom: 40px;
}

body.inset-page div.page-content-container {
  width: 466px;
  margin-top: 140px;
  display: inline-block;
}

body.inset-page div.page-content {
  text-align: center; /*  width: 100%;   */
  border-width: 2px;
  border-color: #D3D3D3;
  border-style: solid;
  background-color: #FFFFFF;
}

body.inset-page div.logo-large-container {
  margin-top: 20px;
}

body.inset-page .page-label {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 10px;
}

body.inset-page .page-text {
  font-size: 14px;
  text-align: left;
}

body.inset-page .input-field, body.inset-page div.page-text, body.inset-page .submit-button {
  display: inline-block;
  width: 302px;
  margin-bottom: 4px;
}

body.inset-page .input-field {
  font-size: 21px;
  color: #000000;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

body.inset-page input {
  font-size: 21px;
}

body.inset-page select {
  font-size: 21px;
}

body.inset-page input[type=button], body.inset-page input[type=submit] {
  font-size: 21px;
}

body.inset-page .bottom-tab {
  float: right;
  padding: 8px;
  border-width: 2px;
  border-top-width: 0px;
  border-color: #D3D3D3;
  border-style: solid;
  background-color: #FFFFFF;
}

body.inset-page .bottom-tab a {
  color: #000000;
  background-color: #FFF8F8;
  opacity: 0.5;
  filter: alpha(opacity=50);
  text-decoration: none;
}

body.inset-page div.error-message-container, body.inset-page div.success-message-container {
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
}

body.inset-page .error-message-inner-container, body.inset-page .success-message-inner-container {
  display: inline-block;
  width: 90%;
  font-size: 18px;
  padding: 10px;
  border-width: 2px;
  border-color: #D3D3D3;
  border-style: solid;
  color: white;
}

body.inset-page .error-message-inner-container {
  background-color: red;
}

body.inset-page .success-message-inner-container {
  background-color: green;
}

body.inset-page .error-message-close-x, body.inset-page .success-message-close-x {
  cursor: pointer;
  float: right;
  margin-left: 10px;
}

/*   Terms of service Page  */
body.inset-page div.page-terms-of-service-container {
  width: 80%;
}

/*   Login Page  */
/* -----   Terms of Service  Overlay Div on Manage COnfiguration Page  modal dialog background ----- */
.terms-of-service-modal-dialog-overlay-background {
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.terms-of-service-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  /* center horizontally */
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  top: 30px;
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 800px;
}

.terms-of-service-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.terms-of-service-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.terms-of-service-overlay-body {
  padding: 20px;
  text-align: left;
}

.terms-of-service-overlay-text {
  margin: 5px;
  padding: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #A55353;
}

.terms-of-service-overlay-div .terms-of-service-overlay-body input.terms-of-service-overlay-button {
  font-size: 14px;
}

/*  Terms of Service page  */
body.terms-of-service-page .terms-of-service-header {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

body.terms-of-service-page .terms-of-service-text {
  text-align: left;
  font-size: 14px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-top: 25px;
}

body.terms-of-service-page .terms-of-service-close-button {
  text-align: left;
  padding-left: 25px;
}

/* Invite Landing Page  */
body.user-invite-landing-page .sign-in-above-text {
  margin-top: 10px;
}

/*  Main pages (non-inset pages)  */
/* In Showing Protein and Peptide data per search, this specifies the vertical space between the tables for each search */
.data-per-search-between-searches {
  height: 1px;
}

/*
		These pages have special settings on the *-outer-container to lock the footer to the bottom of the page
*/
/*  Whole Page level  */
body.crosslinks-page-main .crosslinks-page-main-outermost-div { /*  lock the footer to the bottom of the page */
  min-height: 100%;
  position: relative;
}

body.crosslinks-page-main .project-text-link {
  font-size: 12px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

body.crosslinks-page-main div.error-message-container, body.crosslinks-page-main div.success-message-container {
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
}

body.crosslinks-page-main .error-message-inner-container, body.crosslinks-page-main .success-message-inner-container {
  display: inline-block;
  width: 90%;
  font-size: 18px;
  padding: 10px;
  border-width: 2px;
  border-color: #D3D3D3;
  border-style: solid;
  color: white;
}

body.crosslinks-page-main .error-message-inner-container {
  background-color: red;
}

body.crosslinks-page-main .success-message-inner-container {
  background-color: green;
}

body.crosslinks-page-main .error-message-close-x, body.crosslinks-page-main .success-message-close-x {
  cursor: pointer;
  float: right;
  margin-left: 10px;
}

/*  override row highlighting */
table.tablesorter .psm-qc-charts-container tr {
  background-color: #ffffff;
}

table.tablesorter .psm-qc-charts-container tr:hover {
  background-color: #ffffff;
}

/* Main Pages, integer number columns in tables, usually columns sorted by tablesorter jQuery plugin  */
body.crosslinks-page-main .integer-number-column-header,
body.crosslinks-page-main .integer-number-column {
  text-align: right;
  padding-right: 15px;
}

/* For Rightmost column if no table sorter */
body.crosslinks-page-main .integer-number-column-right-most-column-no-ts-header,
body.crosslinks-page-main .integer-number-column-right-most-column-no-ts {
  text-align: right;
}

/*  Shrink the expand and contract images to fit the 8pt text in the data tables */
body.crosslinks-page-main .icon-expand-contract-in-data-table {
  max-width: 10px;
  margin-left: 3px;
}

/*  from g2p
overlay-background {

cursor: pointer;

background: #666 url(/g2p/css/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
opacity: .50;
filter: Alpha(Opacity=50);


*/
/* modal dialog background */
body.crosslinks-page-main .modal-dialog-overlay-background {
  display: none;
  position: fixed;
  cursor: pointer;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 99998;
}

/* modal dialog overlay container */
body.crosslinks-page-main .modal-dialog-overlay-container {
  display: none;
  text-align: left;
  position: absolute;
  z-index: 999999;
  background-color: white;
  padding: 20px;
  border-color: #A0A0A0;
  border-width: 2px;
  border-style: solid;
}

/*  Header and Footer  */
body.crosslinks-page-main .header-outer-container, .footer-outer-container {
  min-width: 1000px;
}

/*  Header  */
/* min-width set for this class above so that it is the same for the header and footer  */
body.crosslinks-page-main .header-outer-container {
  height: 22px;
  padding: 4px;
  background-color: #FFF0F0;
  border-bottom-style: solid;
  border-bottom-color: #D3D3D3;
  border-bottom-width: 1px;
}

/* Right side items  */
body.crosslinks-page-main .header-outer-container .header-right-edge-container {
  float: right;
}

body.crosslinks-page-main .header-outer-container .header-right-icons {
  float: right;
}

body.crosslinks-page-main .header-outer-container .header-logout-image {
  position: relative;
  top: 2px;
}

body.crosslinks-page-main .header-outer-container .header-user-name-container {
  float: right;
  padding-right: 7px;
  padding-top: 3px;
}

body.crosslinks-page-main .header-outer-container .header-user-name {
  font-size: 12px;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* Left side items  */
body.crosslinks-page-main .header-outer-container .header-logo {
  float: left;
}

/* 'header-left-main-container' excludes the Logo in the top left corner */
body.crosslinks-page-main .header-outer-container .header-left-main-container {
  padding-top: 2px;
}

body.crosslinks-page-main .header-outer-container .header-pointer-right {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

body.crosslinks-page-main .header-outer-container .header-projects-label-div {
  float: left;
  padding-left: 5px;
  padding-right: 5px;
}

body.crosslinks-page-main .header-outer-container .header-projects-pointer-right--right-of-projects {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

body.crosslinks-page-main .header-outer-container .header-current-project-label-div {
  float: left;
  padding-top: 3px;
}

/*  opacity 0.9 per different request  */
body.crosslinks-page-main .header-outer-container .header-projects-label {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-decoration: none;
}

body.crosslinks-page-main .header-outer-container .header-project-title {
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  opacity: 0.9;
  filter: alpha(opacity=90);
  text-decoration: none;
}

/* drop down project list */
/* outer container scrollable div */
body.crosslinks-page-main .header-outer-container .header-projects-list-container {
  /* offset-x | offset-y | blur-radius | spread-radius | color */
  box-shadow: 10px 10px 22px 15px rgba(0, 0, 0, 0.2);
  top: 24px;
  width: 330px;
  display: none;
  position: absolute;
  overflow-y: auto;
  background-color: white;
  padding: 15px;
  white-space: nowrap;
  padding: 15px;
  z-index: 2;
}

/* inner container div */
body.crosslinks-page-main .header-outer-container .header-icon-tool-tips {
  display: none;
  position: absolute;
  background-color: #FFF0F0;
  top: 24px;
  right: 0px;
  padding: 3px;
  white-space: nowrap;
  border-style: solid;
  border-width: 1px;
  border-color: #D3D3D3;
  z-index: 1;
} /*  display: none;  */
/*  End Header  */
/*  Footer  */
/* min-width set for this class above so that it is the same for the header and footer  */
.footer-outer-container {
  margin-top: 15px;
  background-color: #FFF0F0;
  font-size: 12px;
  color: black;
  opacity: 0.9;
  filter: alpha(opacity=90);
  border-top-style: solid;
  border-top-color: #D3D3D3;
  border-top-width: 1px;
  /*  lock the footer to the bottom of the page: */
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  /* Update .overall-enclosing-block when changing the height of this  */
}

.footer-left-container {
  float: left;
  padding-left: 7px;
  margin-top: 8px;
}

.footer-right-container {
  float: right;
  padding-right: 7px;
  margin-top: 8px;
}

.footer-center-outer-container {
  text-align: center;
  margin-top: 8px;
}

/*  Overall Main page  class "crosslinks-page-main" is added in header_main.jsp  */
body.crosslinks-page-main .overall-enclosing-block {
  padding-left: 40px;
  padding-right: 40px;
  /*  lock the footer to the bottom of the page: */
  padding-bottom: 40px; /* Height of the footer element */
}

body.crosslinks-page-main .top-level-label {
  font-weight: bold;
  font-size: 24px;
}

body.crosslinks-page-main .top-level-label-bottom-border {
  clear: left;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #A55353;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

body.crosslinks-page-main .navigation-links-block {
  margin-bottom: 12px;
}

/* showing user the shortened URL modal dialog */
.shortened-url-display-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

.shortened-url-display-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
.shortened-url-display-overlay-containing-outer-div, body.project-page .shortened-url-display-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/*  Projects List Page  */
body.projects-list-page .your-projects-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

body.projects-list-page .new-project-icon-container {
  float: left;
  padding-right: 10px;
  padding-top: 0px;
}

body.projects-list-page .new-project-text-link {
  font-size: 14px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

body.projects-list-page .project-container {
  clear: both;
}

body.projects-list-page .project-icon-container {
  float: left;
  padding-right: 10px;
  padding-top: 0px;
}

body.projects-list-page .project-icon-container-hidden {
  visibility: hidden;
}

body.projects-list-page .project-text-link {
  font-size: 12px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

body.projects-list-page .project-text-link-hidden {
  visibility: hidden;
}

body.projects-list-page .new-project-container-top-border {
  margin-bottom: 10px;
  width: 100%;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #A55353;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

body.projects-list-page .new-project-container-bottom-border, body.projects-list-page .project-container-bottom-border {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #A55353;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* mark project for deletion modal dialog */
body.projects-list-page .mark-project-for-deletion-overlay-containing-outermost-div {
  position: relative;
  width: 100%;
  height: 0px;
  text-align: left;
}

/* For some reason "display: inline-block;" on the next class positions it over the delete icon for the first entry in the list.
		It is not needed since not horizontally centering this overlay  */
body.projects-list-page .mark-project-for-deletion-overlay-containing-outer-div {
  position: relative;
  height: 0px;
  text-align: left;
} /* display: inline-block; */
/* These 2 divs MUST have the same width so set width for both together */
body.projects-list-page .mark-project-for-deletion-overlay-containing-outer-div, body.projects-list-page .mark-project-for-deletion-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/*  View Project Page  */
body.project-page .collapsable-link-container {
  float: left;
}

body.project-page .top-level-container {
  margin-top: 20px;
  clear: left;
}

body.project-page .top-level-collapsable-link-container {
  padding-top: 5px;
}

body.project-page .top-level-label {
  margin-left: 30px;
}

body.project-page .second-level-label {
  font-weight: bold;
}

body.project-page .project-info-block {
  margin-left: 40px;
}

body.project-page .project-info-single-block {
  margin-bottom: 10px;
  clear: both;
}

body.project-page .project-info-label {
  float: left;
}

body.project-page .project-info-text {
  margin-left: 120px;
}

body.project-page .project-info-end-block-clear-float {
  clear: both;
}

body.project-page .note-display-div {
  margin-bottom: 10px;
}

/* Folder Data */
body.project-page .folder-container {
  padding-left: 8px;
  padding-top: 3px;
  padding-bottom: 3px;
  clear: left;
}

body.project-page .folder-collapsable-link-container {
  float: left;
  padding-top: 0px;
  padding-right: 3px;
}

body.project-page .folder-name-display {
  font-size: 18px;
  font-weight: bold;
}

body.project-page .searches-under-folder-block {
  margin-left: 20px;
  margin-top: 6px;
}

/* Search Data */
body.project-page tr.search_root_jq:hover {
  background-color: #fff0f0;
}

body.project-page td.search-checkbox-cell {
  background-color: #ffffff;
  padding-top: 0px;
}

body.project-page div.search-details-container-div {
  background-color: #ffffff;
}

/* delete note modal dialog */
body.project-page .delete-note-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .delete-note-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-note-overlay-containing-outer-div, body.project-page .delete-note-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .researchers-block {
  margin-left: 30px;
}

body.project-page .researchers-icon {
  float: left;
}

body.project-page .invite-user-block {
  margin-left: 20px;
}

body.project-page .invite-user-expand-icon-container {
  float: left;
  padding-right: 8px;
}

body.project-page .invite-user-expand-link {
  text-decoration: none;
}

/* user list, invited and current */
body.project-page .invited-person-invite-date-block {
  padding-left: 20px;
}

body.project-page .ui-menu-item-wrapper {
  padding: 5px;
}

body.project-page .upload-search-block {
  margin-left: 30px;
}

body.project-page .upload-search-block tr:hover {
  background-color: #FFF0F0;
}

body.project-page .upload-search-tooltip {
  text-align: left;
  width: 800px;
  max-width: 800px;
}

body.project-page .upload-search-tooltip-table td {
  vertical-align: top;
  padding-top: 2px;
  padding-bottom: 2px;
}

body.project-page .upload-search-tooltip-table .label-cell {
  white-space: nowrap;
  padding-right: 10px;
}

body.project-page .searches-block {
  margin-left: 10px;
}

body.project-page .search-entry-bottom-border {
  clear: left;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 100%;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #A55353;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

/* -----------------------------  */
/*  Modal Dialogs  */
/* revoke invite to project modal dialog */
/* These 2 divs MUST have the same width so set width for both together */
body.project-page .revoke-invite-to-project-overlay-containing-outer-div, body.project-page .revoke-invite-to-project-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/* remove user from project modal dialog */
/* These 2 divs MUST have the same width so set width for both together */
body.project-page .remove-user-from-project-overlay-containing-outer-div, body.project-page .remove-user-from-project-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .public-access-block {
  margin-left: 30px;
}

/* Modal dialog for confirming Generating new public access code */
body.project-page .generate-new-pub-access-code-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .generate-new-pub-access-code-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .generate-new-pub-access-code-overlay-containing-outer-div, body.project-page .generate-new-pub-access-code-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .generate-new-pub-access-code-overlay-container {
  top: -50px;
}

body.project-page .no-searches-in-project-text {
  margin-left: 20px;
  margin-bottom: 20px;
}

/* move searches modal dialog */
body.project-page .copy-searches-overlay-containing-full-width-div {
  width: 100%;
  height: 0px;
  text-align: center;
}

body.project-page .copy-searches-overlay-containing-relative-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .copy-searches-overlay-containing-relative-div, body.project-page .copy-searches-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .copy-searches-overlay-project-list-block {
  margin-left: 20px;
}

/* rename folder modal dialog */
body.project-page .rename-folder-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
  text-align: left;
}

body.project-page .rename-folder-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
  padding-right: 50px;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .rename-folder-overlay-containing-outer-div, body.project-page .rename-folder-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .rename-folder-overlay-folder-name-input-field {
  width: 90%;
}

/* delete folder modal dialog */
body.project-page .delete-folder-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
  text-align: left;
}

body.project-page .delete-folder-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
  padding-right: 50px;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-folder-overlay-containing-outer-div, body.project-page .delete-folder-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/* delete search modal dialog */
body.project-page .delete-search-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
  text-align: right;
}

body.project-page .delete-search-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
  padding-right: 50px;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-search-overlay-containing-outer-div, body.project-page .delete-search-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/* delete search comment modal dialog */
body.project-page .delete-search-comment-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
  text-align: left;
}

body.project-page .delete-search-comment-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
  padding-left: 150px;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-search-comment-overlay-containing-outer-div, body.project-page .delete-search-comment-overlay-container {
  width: 400px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/* delete search web link modal dialog */
body.project-page .delete-search-web-link-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
  text-align: left;
}

body.project-page .delete-search-web-link-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
  padding-left: 150px;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-search-web-link-overlay-containing-outer-div, body.project-page .delete-search-web-link-overlay-container {
  width: 400px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
/* Organize Searches - Put Searches in Folders and Order Searches and Folders */
body.project-page #organize_searches_folder_searches_table {
  min-width: 1000px;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

body.project-page #organize_searches_folder_searches_table,
body.project-page #organize_searches_folder_searches_table tr,
body.project-page #organize_searches_folder_searches_table td {
  border: 1px solid #A55353;
}

body.project-page #organize_searches_folder_searches_table td {
  padding: 10px;
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  vertical-align: top;
}

/* Folder cell */
/*
body.project-page  #organize_searches_folder_total_block_container { min-width: 400px; max-width: 400px; padding-right: 60px; vertical-align: top; }
*/
body.project-page #organize_searches_folder_total_block_container {
  vertical-align: top;
}

/* If change min-width, max-width, or padding: Update max-width on: body.project-page   #organize_searches_main_data_block .item-display-name */
/* Draggable item (folder or search) */
body.project-page #organize_searches_main_data_block .sort-handle-and-text {
  white-space: nowrap;
  cursor: move;
}

body.project-page #organize_searches_main_data_block .sort-handle-and-text:hover {
  color: #545454;
  background-color: #FFF0F0;
}

body.project-page #organize_searches_main_data_block .sort-handle-float {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 4px;
}

/* max-width: value 330px = <td> width 400 - padding-right 60 - 10 */
body.project-page #organize_searches_main_data_block .item-display-name {
  max-width: 90%;
  float: left;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.project-page #organize_searches_main_data_block .edit-delete-icons {
  padding-top: 3px;
  padding-right: 3px;
}

body.project-page #organize_searches_main_data_block .outer-item-container {
  position: relative;
}

body.project-page #organize_searches_main_data_block .outer-item-container .selected-item {
  color: #FFFFFF;
  background-color: #A55353;
}

body.project-page #organize_searches_main_data_block .outer-item-container .selected-item:hover {
  color: #FFFFFF;
  background-color: #A55353;
}

body.project-page #organize_searches_main_data_block .outer-item-container .selected-item .folder-row-icon {
  background-color: #FFFFFF;
}

body.project-page #organize_searches_main_data_block .highlighted-item {
  color: #545454;
  background-color: #FFF0F0;
}

body.project-page #organize_searches_folder_searches_not_in_any_folder:hover {
  background-color: #FFF0F0;
}

/*  --------------------------------------------------  */
/* -----   Project Level Set Annotation Type Default Cutoffs  modal dialog background ----- */
/* Project Level Set Annotation Type Default Cutoffs modal dialog background */
.project-level-ann-cutoff-defaults-modal-dialog-overlay-background {
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Overlay for Project Level Set Annotation Type Default Cutoffs Div   */
div.project-level-ann-cutoff-defaults-modal-dialog-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 1002;
}
div.project-level-ann-cutoff-defaults-modal-dialog-overlay-div .project-level-ann-cutoff-defaults-modal-dialog-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}
div.project-level-ann-cutoff-defaults-modal-dialog-overlay-div .project-level-ann-cutoff-defaults-modal-dialog-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}
div.project-level-ann-cutoff-defaults-modal-dialog-overlay-div .project-level-ann-cutoff-defaults-modal-dialog-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}
div.project-level-ann-cutoff-defaults-modal-dialog-overlay-div .project-level-ann-cutoff-defaults-modal-dialog-overlay-body {
  padding: 20px;
}
div.project-level-ann-cutoff-defaults-modal-dialog-overlay-div .main-cutoffs-table td {
  vertical-align: top;
}

/*
body.view-merged-image-page   .selected-proteins-container .text-float {float: left; margin-right: 3px; max-width: 200px;overflow: hidden; text-overflow: ellipsis; }
*/
/* -----   upload Proxl XML file modal dialog background ----- */
/* upload Proxl XML file modal dialog background */
.proxl-xml-file-upload-modal-dialog-overlay-background {
  /* cursor: pointer; */ /* set mouse to pointer so user knows they can click on it */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Proxl XML file upload Overlay    */
div.proxl-xml-file-upload-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  /* 
  position: fixed;
  top: 30px;
  left: 30px;
   */
  /*
  height: 400px;

  border: 3px;
  border-style: solid;
  */
  display: block;
  z-index: 1002;
  width: 800px;
}

.proxl-xml-file-upload-overlay-header {
  background-color: #A55353;
  padding-bottom: 5px;
}

.proxl-xml-file-upload-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  background-color: white;
  color: #A55353;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.proxl-xml-file-upload-overlay-header-text {
  color: white;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.proxl-xml-file-upload-overlay-body {
  padding: 20px;
}

.proxl-xml-file-upload-overlay-main-table {
  width: 100%;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}

/*  The columns must have "width" property.  Multiple tables must align */
.proxl-xml-file-upload-overlay-main-table td {
  padding: 0px;
  margin: 0px;
}

.proxl-xml-file-upload-overlay-main-table td.column-1 {
  width: 20px;
  padding-right: 3px;
} /* width of delete icon */
.proxl-xml-file-upload-overlay-main-table td.column-2 {
  padding-right: 10px;
  vertical-align: text-top;
}

/* no width: to get rest of table width */
.proxl-xml-file-upload-overlay-main-table td.column-2,
.proxl-xml-file-upload-filename-containing-div {
  width: 300px;
  max-width: 300px;
}

.proxl-xml-file-upload-filename-containing-div {
  overflow-x: auto;
  padding-top: 3px;
}

.proxl-xml-file-upload-overlay-main-table td.column-filename {
  vertical-align: text-top;
}

/*  upload progress bar  */
.import-proxl-xml-file-progress-bar-container {
  width: 180px;
}

.import-proxl-xml-file-progress-outer {
  border: 1px solid #000;
  text-align: center;
}

/*  JS code adjusts the width so the background color is shown */
.import-proxl-xml-file-progress {
  width: 0%;
  background-color: #FFF0F0;
  height: 17px;
}

.import-proxl-xml-file-upload-complete {
  font-style: italic;
}

/* display upload error dialog */
body.project-page .import-proxl-xml-file-upload-error-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .import-proxl-xml-file-upload-error-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .import-proxl-xml-file-upload-error-overlay-containing-outer-div, body.project-page .import-proxl-xml-file-upload-error-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .import-proxl-xml-file-upload-error-overlay-container {
  position: fixed;
  top: 30px;
  left: 30px;
}

/* display file choose error dialog */
body.project-page .import-proxl-xml-choose-file-error-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .import-proxl-xml-choose-file-error-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .import-proxl-xml-choose-file-error-overlay-containing-outer-div, body.project-page .import-proxl-xml-choose-file-error-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .import-proxl-xml-choose-file-error-overlay-container {
  position: fixed;
  top: 30px;
  left: 30px;
}

/* confirm abandon upload dialog */
body.project-page .import-proxl-xml-file-confirm-abandon-upload-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .import-proxl-xml-file-confirm-abandon-upload-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .import-proxl-xml-file-confirm-abandon-upload-overlay-containing-outer-div, body.project-page .import-proxl-xml-file-confirm-abandon-upload-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .import-proxl-xml-file-confirm-abandon-upload-overlay-container {
  position: fixed;
  top: 30px;
  left: 30px;
}

/* confirm remove upload dialog */
body.project-page .import-proxl-xml-file-confirm-remove-upload-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .import-proxl-xml-file-confirm-remove-upload-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .import-proxl-xml-file-confirm-remove-upload-overlay-containing-outer-div, body.project-page .import-proxl-xml-file-confirm-remove-upload-overlay-container {
  width: 600px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .import-proxl-xml-file-confirm-remove-upload-overlay-container {
  position: fixed;
  top: 30px;
  left: 30px;
}

/* Modal dialog for notifying user that one the Proxl XML Import items imported successfully */
body.project-page .proxl-xml-file-upload-complete-successfully-overlay-containing-outer-div {
  position: relative;
}

body.project-page .proxl-xml-file-upload-complete-successfully-overlay-container {
  width: 450px;
  position: fixed;
  top: 100px;
  left: 100px;
}

/* -----------------------------  */
/*   Modal Dialogs with Title Bar and "X" for close at top right



	/* QC Plots modal dialog background */
body.view-qc-page .qc-plot-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  QC Plots Overlay   */
body.view-qc-page div.qc-plot-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 1002;
  width: 1000px;
}

body.view-qc-page .qc-plot-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

body.view-qc-page .qc-plot-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

body.view-qc-page .qc-plot-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

body.view-qc-page .qc-plot-overlay-body {
  padding: 20px;
}

body.view-qc-page .qc-plot-overlay-link {
  margin-right: 20px;
}

body.view-qc-page .qc-plot-filter-on-import-notice {
  color: #A55353;
  padding-bottom: 5px;
}

/* ----------------------  */
/*  All View Data pages */
/* General View Data pages */
body.crosslinks-page-main .psm-open-spectrum-link-clicked {
  color: #FF0000;
}

/*  Merged Search Data Pages  */
/* background colors for the searches.  

This number of colors must match the calculation in /WebRoot/WEB-INF/jsp-includes/mergedSearch_SearchIndexToSearchColorCSSClassName.jsp

There is a copy of these colors altered to compensate for fill-opacity: 0.3 in the venn diagram in js/mergedSearchesVennDiagramCreator.js

*/
body.crosslinks-page-main .merged-search-search-background-color-1 {
  background-color: #FFDFDF;
}

body.crosslinks-page-main .merged-search-search-background-color-2 {
  background-color: #DFFFDF;
}

body.crosslinks-page-main .merged-search-search-background-color-3 {
  background-color: #DFDFFF;
}

body.crosslinks-page-main .merged-search-search-background-color-4 {
  background-color: #FFDFFF;
}

body.crosslinks-page-main .merged-search-search-background-color-5 {
  background-color: #FFEBC1;
}

body.crosslinks-page-main .merged-search-search-background-color-6 {
  background-color: #DFFFFF;
}

body.crosslinks-page-main .merged-search-search-background-color-7 {
  background-color: #FFFDC1;
}

body.crosslinks-page-main .merged-search-search-background-color-8 {
  background-color: #EBF2FF;
}

body.crosslinks-page-main .merged-search-search-background-color-9 {
  background-color: #F5FFDE;
}

/*  Image Page  */
body.view-merged-image-page .selected-proteins-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

body.view-merged-image-page .selected-proteins-container .outer-float {
  background-color: #FFF0F0;
  border-style: solid;
  border-color: #D3D3D3;
  border-width: 1px;
  white-space: nowrap;
  padding-right: 15px;
  margin-left: 0px;
  margin-right: 5px;
  margin-top: 0px;
  margin-bottom: 4px;
  padding: 1px;
  float: left;
  text-align: center;
}

/* body.view-merged-image-page  .selected-proteins-container .outer-float:hover { } */
body.view-merged-image-page .selected-proteins-container .sort-handle-and-text {
  cursor: pointer;
}

body.view-merged-image-page .selected-proteins-container .sort-handle-float {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
}

body.view-merged-image-page .selected-proteins-container .text-float {
  float: left;
  margin-right: 3px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

body.view-merged-image-page .selected-proteins-container .delete-icon-float {
  float: left;
  padding-top: 1px;
  padding-right: 3px;
}

body.view-merged-image-page .no-proteins-add-protein-block {
  font-size: 24px;
  color: #A55353;
  text-align: center;
  border-color: #A55353;
  border-style: dashed;
  border-width: 1px;
  margin-top: 20px;
  height: 100px;
  padding-top: 60px;
}

/*****   Proxl Management Pages  *****/
/*  Proxl Config Page */
body.manage-configuration-page .manage-config-title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

body.manage-configuration-page .terms-of-service-config-title {
  font-weight: bold;
  font-size: 18px;
}

/* "Advanced ..." */
body.manage-configuration-page .collapsable-link-container {
  float: left;
}

body.manage-configuration-page .top-level-container {
  margin-top: 20px;
  clear: left;
}

body.manage-configuration-page .top-level-collapsable-link-container {
  padding-top: 5px;
}

body.manage-configuration-page .top-level-label {
  margin-left: 30px;
}

body.manage-configuration-page .advanced-body {
  margin-left: 30px;
}

/* -----   Terms of Service  Overlay Div on Manage COnfiguration Page  modal dialog background ----- */
.terms-of-service-config-modal-dialog-overlay-background {
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.manage-configuration-page div.terms-of-service-config-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 800px;
}

.terms-of-service-config-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.terms-of-service-config-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.terms-of-service-config-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.terms-of-service-config-overlay-body {
  padding: 20px;
}

/*****  User Account Management Pages ****/
/*  User Account Page  */
body.manage-account-page .top-level-label {
  margin-top: 20px;
}

body.manage-account-page .account-info-block {
  margin-left: 40px;
}

body.manage-account-page .value-container {
  clear: both;
  margin-bottom: 20px;
}

body.manage-account-page .value-container-keep-with-next {
  clear: both;
  margin-bottom: 5px;
}

body.manage-account-page .value-label {
  float: left;
  font-weight: bold;
}

body.manage-account-page .current-value-container, body.manage-account-page .edit-value-container {
  margin-left: 120px;
}

body.manage-account-page .edit-value-container {
  display: none;
}

body.manage-account-page .edit-value-input-field {
  width: 275px;
}

body.manage-account-page div.error-message-container {
  display: none;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
}

body.manage-account-page .error-message-inner-container {
  font-size: 18px;
  padding: 10px;
  color: white;
  background-color: red;
}

body.manage-account-page .error-message-close-x {
  cursor: pointer;
  float: right;
  margin-left: 10px;
}

/* Manage Users Page  */
body.manage-users-page .top-level-label {
  margin-top: 20px;
}

/* user list, invited and current */
body.manage-users-page .invited-person-invite-date-block {
  padding-left: 20px;
}

body.manage-users-page .invite-user-text-link {
  font-size: 14px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

body.manage-users-page .create-user-text-link {
  font-size: 14px;
  text-decoration: none;
  color: black;
  font-weight: bold;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

body.manage-users-page .account-info-block {
  margin-left: 40px;
}

body.manage-users-page .name-of-user-disabled-user {
  font-style: italic;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

/*
body.manage-users-page .name-of-user, body.manage-users-page .role-of-user  { font-size: 12px;color: black; opacity:0.7;filter:alpha(opacity=70);  }

body.manage-users-page .name-of-user-disabled-user { font-size: 12px; font-style: italic; color: black; opacity:0.4;filter:alpha(opacity=40);  }
*/
/*
manage users:
	"Manage Users" text: black, 60% opacity, bold, 24px
	"Invite User" text: black, 60% opacity, bold, 14px
	Names and roles text: black, 70%, 12px
	Disabled user name text: black, 40%, italic, 12px
	red horizontal rules: width 1px, color: #A55353, 60% opacity, width: 80-90ish %

*/
/* ----------------------  OVERLAYS  ----------------------  */
/* -----   Merged Searches Chooser  Overlay Div on View Image Page  modal dialog background ----- */
.searches-for-page-chooser-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Merged Searches Chooser  Overlay     */
div.searches-for-page-chooser-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 800px;
}

.searches-for-page-chooser-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.searches-for-page-chooser-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.searches-for-page-chooser-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.searches-for-page-chooser-overlay-body {
  padding: 20px;
}

.searches-for-page-chooser-overlay-div .searches-list-outer-container {
  position: relative;
  padding: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  overflow-y: auto;
}

.searches-for-page-chooser-overlay-div .single-search-select-item {
  color: black;
  padding: 4px;
  cursor: pointer;
  overflow-x: hidden;
  text-overflow: ellipsis;
} /* max-width: 400px; */
div.single-search-select-item:hover {
  color: black;
  background-color: #FFF0F0;
  padding: 2px;
  border-style: solid;
  border-color: #A55353;
  border-width: 2px;
}

/* Used to show currently selected protein */
div.single-search-select-item-highlight {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

/* Used to show clicked on, selected protein */
div.searches-for-page-chooser-overlay-user-selected-search {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

div.searches-for-page-chooser-overlay-user-selected-search:hover {
  background-color: #FFF0F0;
}

/* -----   Searches Change Display Order  Overlay Div on View Image Page  modal dialog background ----- */
.searches-change-display-order-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Merged Searches Chooser  Overlay     */
div.searches-change-display-order-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 900px;
}

.searches-change-display-order-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.searches-change-display-order-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.searches-change-display-order-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.searches-change-display-order-overlay-body {
  padding: 20px;
}

.searches-change-display-order-overlay-div .searches-list-outer-container {
  position: relative;
  padding: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  overflow-y: auto;
}

.searches-change-display-order-overlay-div .single-search-select-item {
  color: black;
  padding: 4px;
  cursor: pointer;
  overflow-x: hidden;
  text-overflow: ellipsis;
} /* max-width: 400px; */
div.single-search-select-item:hover {
  color: black;
  background-color: #FFF0F0;
  padding: 2px;
  border-style: solid;
  border-color: #A55353;
  border-width: 2px;
}

/* Used to show currently selected protein */
div.single-search-select-item-highlight {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

/* Used to show clicked on, selected protein */
div.searches-change-display-order-overlay-user-selected-search {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

div.searches-change-display-order-overlay-user-selected-search:hover {
  background-color: #FFF0F0;
}

/* Draggable item (folder or search) */
#searches_change_display_order_overlay_div .sort-handle-and-text {
  white-space: nowrap;
  cursor: move;
}

#searches_change_display_order_overlay_div .sort-handle-and-text:hover {
  color: #545454;
  background-color: #FFF0F0;
}

#searches_change_display_order_overlay_div .sort-handle-float {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 4px;
}

/* max-width: value 330px = <td> width 400 - padding-right 60 - 10 */
#searches_change_display_order_overlay_div .item-display-name {
  max-width: 90%;
  float: left;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
}

#searches_change_display_order_overlay_div .edit-delete-icons {
  padding-top: 3px;
  padding-right: 3px;
}

#searches_change_display_order_overlay_div .outer-item-container {
  position: relative;
}

#searches_change_display_order_overlay_div .outer-item-container .selected-item {
  color: #FFFFFF;
  background-color: #A55353;
}

#searches_change_display_order_overlay_div .outer-item-container .selected-item:hover {
  color: #FFFFFF;
  background-color: #A55353;
}

#searches_change_display_order_overlay_div .outer-item-container .selected-item .folder-row-icon {
  background-color: #FFFFFF;
}

#searches_change_display_order_overlay_div .highlighted-item {
  color: #545454;
  background-color: #FFF0F0;
}

/* --------------------------------------- */
/* --- custom region annotation manager styles --- */
.custom_region_manager_modal_dialog_overlay_background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.custom-region-manager-overlay-container {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 600px;
  height: 400px;
}

.custom-region-manager-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.custom-region-manager-left-pane {
  position: absolute;
  top: 45px;
  left: 0px;
  height: 350px;
  width: 200px;
  background-color: white;
  padding-bottom: 5px;
  float: left;
  border-width: 0px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  margin: 0px;
}

.custom-region-manager-right-pane {
  position: absolute;
  top: 45px;
  left: 205px;
  height: 350px;
  width: 390px;
  background-color: white;
  padding-bottom: 5px;
  float: right;
  border-width: 0px;
  margin: 0px;
}

div.custom-region-manager-protein-list {
  width: 100%;
  height: 317px;
  max-height: 317px;
  margin: 0px;
  margin-top: 10px;
  padding: 0px;
  border-width: 0px;
  overflow: scroll;
}

div.custom-region-manager-protein-item {
  width: 100%;
  height: 30px;
  line-height: 30px;
  border-width: 0px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  font-size: 12pt;
  text-indent: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div.last-item {
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

div.custom-region-manager-protein-item:hover {
  background-color: #A55353;
  color: white;
}

div.custom-region-manager-selected-item {
  background-color: #A55353;
  color: white;
}

div#custom_region_manager_right_pane_protein_selected {
  overflow: scroll;
}

.custom-region-manager-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.custom-region-manager-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.custom-region-manager-overlay-body {
  padding: 20px;
}

/* -----   Protein Selector  Overlay Div on View Image Page  modal dialog background ----- */
.select-protein-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Running Program to Create Annotation Data  Overlay     */
.view-merged-image-page div.select-protein-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 400px;
}

.select-protein-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.select-protein-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.select-protein-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.select-protein-overlay-body {
  padding: 20px;
}

.select-protein-overlay-div .protein-list-outer-container {
  position: relative;
  padding: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  overflow-y: auto;
}

.single-protein-select-item {
  color: black;
  padding: 4px;
  cursor: pointer;
  overflow-x: hidden;
  text-overflow: ellipsis;
} /* max-width: 400px; */
div.single-protein-select-item:hover {
  color: black;
  background-color: #FFF0F0;
  padding: 2px;
  border-style: solid;
  border-color: #A55353;
  border-width: 2px;
}

/* Used to show currently selected protein */
div.single-protein-select-item-highlight {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

.select-protein-overlay-dimmed-protein-select-text {
  color: #969696;
}

div.select-protein-overlay-dimmed-protein-select-text:hover {
  color: #969696;
}

/* Used to show clicked on, selected protein */
div.select-protein-overlay-user-selected-protein {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

div.select-protein-overlay-user-selected-protein:hover {
  background-color: #FFF0F0;
}

/* -----   Running Program to Create Annotation Data  Overlay Div on View Image Page  modal dialog background ----- */
.run-pgm-annotation-data-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Running Program to Create Annotation Data  Overlay     */
.view-merged-image-page div.run-pgm-annotation-data-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 600px;
}

.run-pgm-annotation-data-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.run-pgm-annotation-data-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.run-pgm-annotation-data-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.run-pgm-annotation-data-overlay-body {
  padding: 20px;
}

.run-pgm-annotation-data-overlay-link {
  margin-right: 20px;
}

/* -----   Program to Create Annotation Data FAILED  Overlay Div on View Image Page  modal dialog background ----- */
.pgm-failed-annotation-data-modal-dialog-overlay-background {
  /*  cursor: pointer; */ /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Running Program to Create Annotation Data  Overlay     */
.view-merged-image-page div.pgm-failed-annotation-data-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 600px;
  /* Special for ERROR overlay div */
  border: 3px;
  border-style: solid;
  border-color: red;
}

.pgm-failed-annotation-data-overlay-header {
  /*	height: 35px; */
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.pgm-failed-annotation-data-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.pgm-failed-annotation-data-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.pgm-failed-annotation-data-overlay-body {
  padding: 20px;
}

.pgm-failed-annotation-data-overlay-link {
  margin-right: 20px;
}

/* -----   View Line Information on View Image Page  modal dialog background ----- */
.view-link-info-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  View Line Info Overlay    */
.view-merged-image-page div.view-link-info-overlay-div, .view-merged-structure-page div.view-link-info-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 1000px;
}

.link-info-table thead th, .link-info-table tbody td {
  padding: 4px;
}

/*
.view-link-info-overlay-header { background-color: black; padding-bottom: 5px; }
*/
.view-link-info-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.view-link-info-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.view-link-info-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.view-link-info-overlay-body {
  padding: 20px;
}

.view-link-info-overlay-link {
  margin-right: 20px;
}

.view-link-info-overlay-body table.link-info-table,
.view-link-info-overlay-body table.link-info-table table {
  background-color: #CDCDCD;
}

.view-link-info-overlay-body table.link-info-table tbody td,
.view-link-info-overlay-body table.link-info-table table tbody td {
  background-color: #FFFFFF;
}

/* -----   View Protein Bar Highlighting on View Image Page  modal dialog background ----- */
.view-protein-bar-highlighting-modal-dialog-overlay-background {
  /* cursor: pointer;*/ /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  View Protein Bar Highlighting Overlay    */
.view-merged-image-page div.view-protein-bar-highlighting-overlay-div, .view-merged-structure-page div.view-protein-bar-highlighting-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 600px;
}

.protein-bar-highlighting-table thead th, .protein-bar-highlighting-table tbody td {
  padding: 4px;
}

/*
.view-protein-bar-highlighting-overlay-header { background-color: black; padding-bottom: 5px; }
*/
.view-protein-bar-highlighting-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.view-protein-bar-highlighting-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.view-protein-bar-highlighting-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.view-protein-bar-highlighting-overlay-body {
  padding: 20px;
}

.view-protein-bar-highlighting-overlay-link {
  margin-right: 20px;
}

.view-protein-bar-highlighting-overlay-body table.protein-bar-highlighting-table,
.view-protein-bar-highlighting-overlay-body table.protein-bar-highlighting-table table {
  background-color: #CDCDCD;
}

.view-protein-bar-highlighting-overlay-body table.protein-bar-highlighting-table tbody td,
.view-protein-bar-highlighting-overlay-body table.protein-bar-highlighting-table table tbody td {
  background-color: #FFFFFF;
}

/* -----   View Protein Bar Highlighting on View Image Page  modal dialog background ----- */
.view-link-exclusions-modal-dialog-overlay-background {
  /* cursor: pointer;*/ /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  View Protein Bar Highlighting Overlay    */
.view-merged-image-page div.view-link-exclusions-overlay-div, .view-merged-structure-page div.view-link-exclusions-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 600px;
}

.link-exclusions-table thead th, .link-exclusions-table tbody td {
  padding: 4px;
}

/*
.view-link-exclusions-overlay-header { background-color: black; padding-bottom: 5px; }
*/
.view-link-exclusions-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.view-link-exclusions-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.view-link-exclusions-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.view-link-exclusions-overlay-body {
  padding: 20px;
}

.view-link-exclusions-overlay-div .excluded-list-outer-block {
  max-height: 200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: #A55353;
  border-style: solid;
  border-width: 1px;
  overflow-y: auto;
  position: relative;
}

.view-link-exclusions-overlay-div .exclude-choices-outer-block {
  width: 250px;
  max-height: 200px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: #A55353;
  border-style: solid;
  border-width: 1px;
  overflow-y: auto;
  position: relative;
}

.view-link-exclusions-overlay-div .exclude-choices-outer-block-1 {
  margin-right: 5px;
}

.view-link-exclusions-overlay-div .exclude-choices-outer-block-2 {
  margin-left: 5px;
  float: right;
}

.view-link-exclusions-overlay-div .exclude-choices-block .exclusion-choice-option:hover {
  background-color: #FFF0F0;
}

.view-link-exclusions-overlay-div .exclude-choices-block .selected-choice {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

.view-link-exclusions-overlay-div .exclude-choices-block .selected-choice:hover {
  color: #545454;
  background-color: #FFF0F0;
}

/* ########################################################## */
/*  ------    Overlays on various pages */
/* -----   View Data Related to PSM Data as Overlay over PSM data  modal dialog background ----- */
.view-data-related-to-psm-data-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 38;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  View Data Related to PSM Data as Overlay over PSM data Overlay    */
div.view-data-related-to-psm-data-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 10px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 40;
  width: 1000px;
}

.view-data-related-to-psm-data-table thead th, .view-data-related-to-psm-data-table tbody td {
  padding: 4px;
}

/*
.view-data-related-to-psm-data-overlay-header { background-color: black; padding-bottom: 5px; }
*/
.view-data-related-to-psm-data-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.view-data-related-to-psm-data-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.view-data-related-to-psm-data-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.view-data-related-to-psm-data-overlay-body {
  padding: 20px;
}

.view-data-related-to-psm-data-overlay-link {
  margin-right: 20px;
}

.view-data-related-to-psm-data-overlay-body table.link-info-table,
.view-data-related-to-psm-data-overlay-body table.link-info-table table {
  background-color: #CDCDCD;
}

.view-data-related-to-psm-data-overlay-body table.link-info-table tbody td,
.view-data-related-to-psm-data-overlay-body table.link-info-table table tbody td {
  background-color: #FFFFFF;
}

/* ########################################################## */
/*  --------------------------------------------------  */
/* -----   Lorikeet  modal dialog background ----- */
/* Lorikeet modal dialog background */
.lorikeet-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  View Spectra Overlay for View Spectra Div   */
div.view-spectra-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 1002;
  width: 1000px;
}

.view-spectra-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.view-spectra-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.view-spectra-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.view-spectra-overlay-body {
  padding: 20px;
}

.view-spectra-overlay-link {
  margin-right: 20px;
}

/*  --------------------------------------------------  */
/* -----   Filter Cutoffs  modal dialog background ----- */
/* Filter Cutoffs modal dialog background */
.filter-cutoffs-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Cutoff Overlay for Filter Cutoff Div   */
div.filter-cutoffs-modal-dialog-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  /*
  top: 50px;
  left: 50px;
  */
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 1002;
  width: 650px;
}

.filter-cutoffs-modal-dialog-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.filter-cutoffs-modal-dialog-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.filter-cutoffs-modal-dialog-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.filter-cutoffs-modal-dialog-overlay-body {
  padding: 20px;
}

.filter-cutoffs-modal-dialog-overlay-link {
  margin-right: 20px;
}

.filter-single-value-display-block {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 3px;
  white-space: nowrap;
  background-color: #FFF0F0;
  border-style: solid;
  border-color: #D3D3D3;
  border-width: 1px;
}

/*  --------------------------------------------------  */
/* -----   Minimum PSM Count  modal dialog background ----- */
/* Minimum PSM Count modal dialog background */
.minimum-psm-count-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Minimum PSMs Overlay for Filter Minimum PSMs Div   */
div.minimum-psm-count-modal-dialog-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: -5px;
  /*
  top: 50px;
  left: 50px;
  */
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 1002;
  width: 350px;
}

.minimum-psm-count-modal-dialog-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.minimum-psm-count-modal-dialog-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.minimum-psm-count-modal-dialog-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.minimum-psm-count-modal-dialog-overlay-body {
  padding: 20px;
}

.minimum-psm-count-modal-dialog-overlay-link {
  margin-right: 20px;
}

/* -----   Protein Selector  Overlay Div on View Image Page  modal dialog background ----- */
.annotation-data-display-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 18;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.annotation-data-display-modal-dialog-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 20px;
  left: 20px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 20;
  width: 650px;
}

.annotation-data-display-modal-dialog-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.annotation-data-display-modal-dialog-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.annotation-data-display-modal-dialog-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.annotation-data-display-modal-dialog-overlay-body {
  padding: 20px;
}

.annotation-data-display-modal-dialog-overlay-div .data-list-container {
  position: relative;
  padding: 6px;
  border-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  min-height: 50px;
  /*	
  	height: 300px;
  */
  overflow-y: auto;
}

.annotation-data-display-single-data-select-item {
  color: black;
  padding: 4px;
  cursor: pointer;
  overflow-x: hidden;
  text-overflow: ellipsis;
} /* max-width: 400px; */
div.annotation-data-display-single-data-select-item:hover {
  color: black;
  background-color: #FFF0F0;
  padding: 2px;
  border-style: solid;
  border-color: #A55353;
  border-width: 2px;
}

/* Used to show currently selected protein */
div.annotation-data-display-single-protein-select-item-highlight {
  color: #FFFFFF;
  background-color: #A55353;
  padding: 4px;
}

/* Used to show clicked on, selected data item - Used in JS */
/*
div.annotation-data-display-modal-dialog-overlay-user-data-item-selected  { color: #FFFFFF; background-color: #A55353; padding: 4px; }
div.annotation-data-display-modal-dialog-overlay-user-data-item-selected:hover { background-color: #FFF0F0;  }
*/
/* searchDetailsBlock.jsp main non-overlay display of annotation data choices */
.annotation-data-single-value-display-block {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  margin-right: 3px;
  white-space: nowrap;
  background-color: #FFF0F0;
  border-style: solid;
  border-color: #D3D3D3;
  border-width: 1px;
}

.annotation-data-display-modal-dialog-overlay-div .data-list-container .sort-handle-and-text {
  cursor: move;
}

.annotation-data-display-modal-dialog-overlay-div .data-list-container .sort-handle-float {
  float: left;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 1px;
}

.annotation-data-display-modal-dialog-overlay-div .data-list-container .delete-icon-float {
  float: right;
  cursor: pointer;
  padding-top: 1px;
  padding-right: 3px;
}

.annotation-data-display-modal-dialog-overlay-div .data-list-container .text-sortable {
  margin-right: 3px;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*
.annotation-data-display-modal-dialog-overlay-div .data-list-container .text-float {float: left; margin-right: 3px; max-width: 200px;overflow: hidden; text-overflow: ellipsis; }
*/
/* -----   upload pdb modal dialog background ----- */
/* upload pdb modal dialog background */
.pdb-upload-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  pdb upload Overlay    */
div.pdb-upload-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;

  border: 3px;
  border-style: solid;
  */
  display: block;
  z-index: 1002;
  width: 500px;
}

.pdb-upload-overlay-header {
  background-color: #A55353;
  padding-bottom: 5px;
}

.pdb-upload-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  background-color: white;
  color: #A55353;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.pdb-upload-overlay-header-text {
  color: white;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.pdb-upload-overlay-body {
  padding: 20px;
}

.pdb-upload-overlay-link {
  margin-right: 20px;
}

.pdb-map-protein-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.pdb-map-protein-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;

  border: 3px;
  border-style: solid;
  */
  display: block;
  z-index: 1002;
  width: 1000px;
}

.pdb-map-protein-overlay-header {
  background-color: #A55353;
  padding-bottom: 5px;
}

.pdb-map-protein-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  background-color: white;
  color: #A55353;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.pdb-map-protein-overlay-header-text {
  color: white;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.pdb-map-protein-overlay-body {
  padding: 20px;
}

.pdb-map-protein-overlay-link {
  margin-right: 20px;
}

.pdb-show-alignment-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div.pdb-show-alignment-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: absolute;
  top: 50px;
  left: 50px;
  /*
  height: 400px;

  border: 3px;
  border-style: solid;
  */
  display: block;
  z-index: 1002;
  width: 1000px;
}

.pdb-show-alignment-overlay-header {
  background-color: #A55353;
  padding-bottom: 5px;
}

.pdb-show-alignment-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  background-color: white;
  color: #A55353;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.pdb-show-alignment-overlay-header-text {
  color: white;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.pdb-show-alignment-overlay-body {
  padding: 20px;
}

.pdb-show-alignment-overlay-link {
  margin-right: 20px;
}

/* delete pdb-file modal dialog */
body.project-page .delete-pdb-file-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .delete-pdb-file-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-pdb-file-overlay-containing-outer-div, body.project-page .delete-pdb-file-overlay-container {
  width: 500px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .delete-pdb-file-overlay-container {
  left: -200px;
}

/* delete alignment modal dialog */
body.project-page .delete-alignment-overlay-containing-outermost-div {
  width: 100%;
  height: 0px;
}

body.project-page .delete-alignment-overlay-containing-outer-div {
  position: relative;
  display: inline-block;
}

/* These 2 divs MUST have the same width so set width for both together */
body.project-page .delete-alignment-overlay-containing-outer-div, body.project-page .delete-alignment-overlay-container {
  width: 500px;
}

/* extends  body.crosslinks-page-main .modal-dialog-overlay-container, other values for this set just above ^^^  */
body.project-page .delete-alignment-overlay-container {
  left: -200px;
}

/* ************************************ */
/*    QC Page  */
/* charts and other data blocks */
body.view-qc-page .qc-data-block {
  width: 500px;
  height: 300px;
}

body.view-qc-page .help-image-for-qc-chart-block {
  position: relative;
  display: inline-block;
}

body.view-qc-page .help-image-for-qc-chart {
  max-height: 12px;
}

/* Class for tooltips on ? with circle on QC pages */
/* Class 'qtip' is also on element (from jquery.qtip.min.css) which contains font-size  */
body.view-qc-page .help-for-qc-chart-tooltip {
  min-width: 300px;
  font-size: 14px;
  line-height: 20px;
  background-color: white;
  border-style: solid;
  border-width: 4px;
  border-color: #A55353;
}

body.view-qc-page .help-for-qc-chart-tooltip-wide {
  min-width: 450px;
}

/* qtip2 has default max-width: 280px;  */
body.view-qc-page .qc-chart-boxplot-whole-chart-tooltip {
  min-width: 250px;
  max-width: 3000px;
  font-size: 14px;
  line-height: 20px;
  background-color: white;
  border-style: solid;
  border-width: 4px;
  border-color: #A55353;
}

/*
This would change qtip style for all tooltips on the qc page
body.view-qc-page .qtip-default { background-color: white; border-style: solid; border-color: #A55353 }

From above
.qtip-default{border-width:1px;border-style:solid;border-color:#AAAAAA;background-color:#FFF0F0;color:#000000;font-size:10pt;}
*/
/*  --------------------------------------------------  */
/* -----   Save View  modal dialog background ----- */
/* Save View modal dialog background */
.save-view-modal-dialog-overlay-background {
  cursor: pointer; /* set mouse to pointer */
  z-index: 1001;
  background-color: black;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
  /*  Moved to inline style in header so context is not hard coded
  background: #666 url(/???context???/css/jquery-ui-1.10.2-Themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
  */
  /*  
  opacity: .50;
  filter: Alpha(Opacity=50);
  */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*  Overlay for Save View Div   */
div.save-view-modal-dialog-overlay-div {
  opacity: 1;
  filter: Alpha(Opacity=100);
  background-color: white;
  outline: 0px;
  position: fixed;
  /*
  */
  top: 50px;
  left: 50px;
  /*
  height: 400px;
  */
  border: 1px;
  border-style: solid;
  border-color: #D3D3D3;
  display: block;
  z-index: 1002;
  width: 450px;
}

.save-view-modal-dialog-overlay-header {
  height: 35px;
  background-color: #FFF0F0;
  padding-bottom: 5px;
  border-width: 0px;
  border-bottom-width: 1px;
  border-style: solid;
  border-color: #D3D3D3;
}

.save-view-modal-dialog-overlay-X-for-exit-overlay {
  float: right;
  border-color: #000000;
  height: 33px;
  background-color: #A55353;
  color: white;
  padding: 3px;
  margin: 0px;
  cursor: pointer;
}

.save-view-modal-dialog-overlay-header-text {
  color: black;
  padding: 3px;
  margin: 0px;
  text-align: center;
}

.save-view-modal-dialog-overlay-body {
  padding: 20px;
}

.save-view-modal-dialog-overlay-link {
  margin-right: 20px;
}

/*    */
.save-view-root-container, .share-page-root-container {
  display: inline-block;
  position: relative;
}

.merged-expanded-row-single-search-color-block {
  margin-right: 10px;
  padding-left: 8px;
  padding-right: 6px;
  padding-top: 1px;
  padding-bottom: 1px;
}

/*# sourceMappingURL=global.css.map*/