/*  max_peptide  global styling rules */



#dhtmltooltip{
	position: absolute;
	width: 250px;
	border: 2px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
}


BODY    {
                background-color: #FFFFFF;
                color: #000000;
                font-family: arial, verdana, helvetica ;
                font-size:12pt;
                font-style:normal;
                font-weight:500;
        }


.border-none {

	border-width:0px;
}

/*
	padding: 0px;
*/
button {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.submit-button {
	margin: 0px;
	border: 0px;
	cursor: pointer;
}



a { color: black;  }





/*  for every block with a label in the top border  */


							/* add in outer container in home page home.jsp */

/*  div.content-block-container, div.home-content-container {  */

/*  Always contains the div.content-block-header  */
div.outer-content-container {

	width: 1050px;  margin:0px;  padding: 0px; margin-top:80px;
}

div.content-block-container {

	border-style: solid;  border-width: 4px;  padding: 20px; padding-top: 30px;  position: relative;
}

			/*  The label in the top border of the content block */
div.content-block-header {

	font-family: arial, verdana, helvetica;
	font-size:28pt;
	font-style:normal;
	font-weight: bold;

	padding-left: 10px;
	padding-right: 10px;

	position: absolute;

	top: -25px;
	left: 40px;
}


   /*  home  color  */

.page-background-color-home {

	background-color:white;
}

.border-color-home {

	border-color: #000000; /* black */
}

.font-color-home {

	color: #000000; /* black */
}


.font-background-color-home {


	background-color:#000000; /* black */
}


   /*  search color  */



.page-background-color-search {

	background-color:#FAFCFF; /* Light blue */
}

.border-color-search {

	border-color: #0030A9; /* blue */
}

.font-color-search {

	color: #0030A9; /* blue */
}

.font-background-color-search {


	background-color:#0030A9; /* blue */
}



   /*  blast color  */


.page-background-color-blast {

	background-color:#FAFCFF; /* Light blue */
}

.border-color-blast {

	border-color: #0030A9; /* blue */
}

.font-color-blast {

	color: #0030A9; /* blue */
}

.font-background-color-blast {


	background-color:#0030A9; /* blue */
}

.blast-results-block a, .blast-results-block a:visited { color: #0030A9; /* blue */ }


/*  welcome color  */

.border-color-welcome {

	color: #1D7500; /* green */
}

.font-color-welcome {

	color: #1D7500; /* green */
}

.font-background-color-welcome {

	color: #1D7500; /* green */
}


/*  about color  */

.page-background-color-about {

	background-color:#FAFFF8; /* Light green */
}


.border-color-about {

	border-color: #1D7500; /* green */
}

.font-color-about {

	color: #1D7500; /* green */
}

.font-background-color-about {

	background-color:#1D7500; /* green */
}



/*  download color  */


.page-background-color-download {

	background-color:#FFF8FA; /* Light red */
}


.border-color-download {

	border-color: #7F0016; /* red */
}

.font-color-download {

	color: #7F0016; /* red */
}

.font-background-color-download {

	background-color: #7F0016; /* red */
}


/*  view protein color  */



.page-background-color-view-protein {

	background-color:white;
}


.border-color-view-protein {

	border-color: #000000; /* black */
}

.font-color-view-protein {

	color: #000000; /* black */
}

.font-background-color-view-protein {

	background-color: #000000; /* black */
}


/* *************************** */

/*  for the page home.jsp   */



/* ********************* */

/*  Info for all 3 blocks */



/* ********************* */

/*  Search block only */

div.search-container {

/*	height: 130px; */


	margin-left: 0px;
	margin-right: 0px;

	margin-bottom: 55px;

}

div.search-header    {

}


.search-contents {


}

.search-text {

	font-family: arial;

	text-align: center;
	font-size: 13pt;
	font-style:normal;
	/* font-weight: bold; */
}

/*
.search-input-line {

	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;

	vertical-align: middle;

}
*/

.search-input-line-outer-block {

	text-align: center;
	margin-top: 15px;
}

.search-input-line-inner-centered-block {

	display: inline-block;
	margin-bottom: 0px;
}

.search-icon-div {

	float: left; margin-right: 15px; margin-top: 5px;
}

.search-button-div {

	float: right; margin-right: 0px; margin-top: 8px; margin-left: 5px
}

.search-input-text-div {

	display: inline-block; margin-top: 12px; margin-bottom: 5px;
}

.search-button {

	font-size: 24pt;

	color:#FFFFFF;

}



.search-input-text {

	font-size: 15pt;


}


/* ********************* */

/*  Welcome and Get Data */


div.welcome-container, div.get-data-container {

	margin-top:36px;
	width:  1048px;  /* overall width of 445px minus left and right padding minus left and right borders minus left and right margins */

}

.welcome-text, .get-data-text {

	font-family: arial;

	text-align: left;
	font-size: 12pt;
	font-style:normal;
	font-weight: normal;

}





/* ********************* */

/*    search results page           */



.search-results-no-results-container {

	margin-top: 20px;
	text-align: center;
}

.search-results-no-results {

    text-align: left;
    display: inline-block;
	font-size: 12pt;
}


/* ********************* */

/*    WELCOME                */



div.welcome-container {


}

div.welcome-header    {


}


.welcome-contents {


}

.welcome-text {

}

.welcome-text a {


}

.welcome-image {

	float: left;
	margin-right: 5px;
}



/* ********************* */

/*    Get Data           */



div.get-data-container {


}

div.get-data-header    {


}


.get-data-contents {


}

.get-data-text {


}

.get-data-text a {


}

.get-data-image {

	float: left;
	margin-right: 5px;
}




/* ********************* */

/*  Download and About */


div.about-home-page-container, div.download-container {

	width:  397px;  /* overall width of 445px minus left and right padding minus left and right borders minus left and right margins */
	height: 302px;  /* overall height of 360px minus top and bottom padding minus top and bottom borders minus top and bottom margins */



}
*/

.about-home-page-text, .download-text {

	font-family: arial;

	text-align: left;
	font-size: 12pt;
	font-style:normal;
	font-weight: normal;

}





/* ********************* */

/*    About                */



div.about-home-page-container {

	float: right;


}

div.about-home-page-header    {


}


.about-home-page-contents {


}

.about-home-page-text {

}

.about-home-page-text a {


}

.about-home-page-image {

	float: left;
	margin-right: 5px;
}



/* ********************* */

/*    Download           */



div.download-container {

	float: left;


}

div.download-header    {


}


.download-contents {


}

.download-text {


}

.download-text a {


}

.download-image {

	float: left;
	margin-right: 5px;
}


/* ********************* */

/*    download page           */

.download-content {

	width: 850px;
	margin: 0 auto;

}


.download-title-section {

	margin-left: 80px;
}

.download-image-title-section {
	float: left;
	margin-right: 15px;
	margin-bottom: 20px;

}

.download-title-text {

	float: left;
	margin-top: 20px;

	font-family: arial;

	text-align: left;
	font-size: 18pt;
	font-style:normal;
	font-weight: normal;

}


.download-block {

	margin-top: 20px;
	clear: both;

}

.download-image {

	float: left;
	margin-right: 10px;
}


.download-files-block-label-text {

	font-family: arial;

	text-align: left;
	font-size: 14pt;
	font-style:normal;
	font-weight: normal;

}

.download-files-block {

	margin-left: 80px;

	font-family: arial;

	text-align: left;
	font-size: 12pt;
	font-style:normal;
	font-weight: normal;
}



/* ********************* */

/*    view protein page and viewMaxPeptidesResults page          */




.collapsible-selector-clickable { cursor: pointer; }
.collapsible-link { text-decoration: none; }
.collapsible-link-collapse { display: none; }
.collapsible-children-container-row { display: none; }

/* View Spectrum Div   */

.view-spectra-data-div { padding-top: 20px; }

.view-spectra-data-div a { color: black; }
.view-spectra-data-div a:visited { color: black; }

.view-spectra-peptide-table { border-style: solid; border-width: 1px; padding: 0px; border-collapse: collapse; }

.view-spectra-peptide-table td { border: 1px solid rgb(200,200,200); padding: 5px; }

.view-spectrum-expand-link, .view-spectrum-collapse-link  { color: black; text-decoration: none; padding-right: 5px;}

/* different alternating row colors */
.search-max-peptides-results .view-spectrum-alternating-rows-even { background: #EBF3FF; }
.view-max-peptide-experiment .view-spectrum-alternating-rows-even { background: rgb(220,220,220); }



/* Protein headers */
.view-spectra-data-div .protein-header { text-align: left; font-weight: bold; }

.view-spectra-data-div .protein-sequence-coverage-header  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .protein-total-PSM-header  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .protein-total-peptide-header  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .protein-unique-peptide-header  { text-align: right; font-weight: bold;  padding-left: 5px; }

/* Protein data */
.view-spectra-data-div .protein-data { text-align: left; font-family:monospace; color: darkred; cursor: pointer; }

.view-spectra-data-div .protein-sequence-coverage-data  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .protein-total-PSM-data  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .protein-total-peptide-data  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .protein-unique-peptide-data  { text-align: right; font-weight: bold;  padding-left: 5px; }

/* Experiment table */

.view-spectra-experiment-table { border-style: solid; border-width: 1px; padding: 0px; border-collapse: collapse; }


/* Experiment headers */
.view-spectra-data-div .view-spectra-experiment-table-container-td { padding-left: 30px; }

.view-spectra-data-div .experiment-sequence-coverage-header { text-align: left; font-weight: bold; }
.view-spectra-data-div .experiment-total-psm-header  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .experiment-total-peptides-header { text-align: right; font-weight: bold; padding-left: 5px; }
.view-spectra-data-div .experiment-unique-peptides-header { text-align: right; font-weight: bold; padding-left: 5px; }

/* Experiment data */

.view-spectra-data-div .experiment-sequence-coverage-data { text-align: right }
.view-spectra-data-div .experiment-total-psm-data { text-align: right; padding-right: 5px; }
.view-spectra-data-div .experiment-total-peptides-data  { text-align: right; padding-right: 5px; }
.view-spectra-data-div .experiment-unique-peptides-data { text-align: right; padding-right: 5px; }


/* Peptide headers */
.view-spectra-data-div .view-spectra-peptide-table-container-td { padding-left: 30px; }

.view-spectra-data-div .peptide-sequence-header { text-align: left; font-weight: bold; }
.view-spectra-data-div .peptide-best-q-value-header  { text-align: right; font-weight: bold;  padding-left: 5px; }
.view-spectra-data-div .peptide-total-spectrum-count-header { text-align: right; font-weight: bold; padding-left: 5px; }
.view-spectra-data-div .peptide-unique-peptides-header { text-align: right; font-weight: bold; padding-left: 5px; }

/* Peptide data */

.view-spectra-data-div .peptide-sequence-data { text-align: left; font-family:monospace; color: darkred; cursor: pointer; }
.view-spectra-data-div .peptide-raw-spectrum-count-data { text-align: right; padding-right: 5px; }
.view-spectra-data-div .peptide-best-q-value-data  { text-align: right; padding-right: 5px; }
.view-spectra-data-div .peptide-unique-peptides-data { text-align: right; padding-right: 5px; }

/* PSM data */

.view-spectra-data-div .view-spectra-psm-table-container-td { padding-left: 30px; }

.view-spectra-data-div .view-spectra-psm-table { border-style: solid; border-width: 1px; padding: 0px; border-collapse: collapse; }

.view-spectra-data-div .psm-header { text-align: left; font-weight: bold; padding-left:5px; }

.view-spectra-data-div .psm-charge-header { padding-right: 5px; }
.view-spectra-data-div .psm-q-value-header { padding-right: 5px; }
.view-spectra-data-div .psm-p-value-header { padding-right: 5px; }
.view-spectra-data-div .psm-pep-header { padding-right: 5px; }
.view-spectra-data-div .psm-fraction-header {  }
.view-spectra-data-div .psm-dev-stage-header {  }

.view-spectra-data-div .psm-view-spectra-link-td { text-align: left; padding-right: 2px; }

.view-spectra-data-div .psm-data { text-align: right; padding-left:5px; padding-right: 5px; }

.view-spectra-data-div .psm-charge-data {  }
.view-spectra-data-div .psm-q-value-data {  }
.view-spectra-data-div .psm-p-value-data {  }
.view-spectra-data-div .psm-pep-data {  }
.view-spectra-data-div .psm-fraction-data { text-align: left; padding-left:5px; padding-right: 5px; }
.view-spectra-data-div .psm-dev-stage-data { text-align: left; padding-left:5px; padding-right: 5px; }


.view-spectra-data-div .view-spectrum-open-spectrum-link { color: black; }
.view-spectra-data-div .view-spectrum-open-spectrum-link-clicked { color: red; }



/* *************************** */

/*  for header.jsp   */


.page-main-div {


	width: 1100px;
	margin:0 auto;

	padding: 0px;
}


.header-main-div {


	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80px;
	margin-bottom: 60px;


	padding: 0px;
}

.header-text-group {

	position: relative;

	width: 700px;
	height: 0px;
	margin: 0 auto;
	margin-top: 70px;
	margin-bottom: 10px;
}

.header-text-Yeast, .header-text-Genotype, .header-text-to, .header-text-Phenotype {

	float: left;
	font-size: 28pt;
	font-family: arial, verdana, helvetica;
	margin-left: 10px;
}

.header-text-Yeast {

	margin-left: 90px;
}

.header-text-Genotype,  .header-text-Phenotype {

	font-weight:bold;
}

/*
.header-text-Yeast {
.header-text-Genotype {
.header-text-to {
.header-text-Phenotype {
*/

.header-background-position {

	position: absolute;
	left: 180px;
	top: -60px;
	z-index: -1;
}

.header-search-block {
	position: absolute;
	right:5px;
	top: -36px;
}

.header-search-input-box {

	font-size: 12pt;
	font-family: arial, verdana, helvetica;
}

.header-search-button {

	color: white;
	font-size: 14pt;
	font-family: arial, verdana, helvetica;
}

.header-line {

	clear: both;
	position: relative;
	margin-top: 0px;
	margin-bottom: 0px;

	width: 1100px;
	height: 4px;

}


.header-logo {

	position: absolute;
	left: 40px;
	top: -65px;
}


.header-tab-block {

	clear: both;
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

.header-tab-block span a {

	color: white;
	font-size: 16pt;
	font-family: arial, verdana, helvetica;
	text-decoration: none;

}

.header-tab-link {

	color: white;
	font-size: 18pt;
	font-family: arial, verdana, helvetica;

	text-decoration: none;

	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}

.header-tab-home {
	margin-left: 180px;
}
.header-tab-blast {

	margin-left: 60px;
}
.header-tab-download {

	margin-left: 60px;
}
.header-tab-about-us {

	margin-left: 60px;
}




/* *************************** */


/* footer.jsp  */



.footer-line {

	margin-top: 30px;
	margin-bottom: 30px;

	width: 1100px;
	height: 4px;

}

.footer-container {

	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1050px;
}

/*
.footer-image {

	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

.footer-first-image {

	margin-left: 0px;
}
*/

.footer-text {

	text-align: center;

	width: 1050px;

	font-size: 10pt;
	font-family: arial, verdana, helvetica;
}


/* -------------  OVERLAYS  ------------  */



.overlay-background {


	cursor: pointer; /* set mouse to pointer */

	  z-index: 1001;
	  
	  /*  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: absolute;
	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: 3px;
	border-style: solid;


	display: block;
	z-index: 1002;

	width: 1000px;


}

.view-spectra-overlay-header { background-color: black; padding-bottom: 5px; }

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

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

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

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




/*  HELP overlay */

div.help-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;
}

.Help-Header { background-color: black; padding-bottom: 5px; }

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

.Help-Header-text { color: white; padding: 3px; margin: 0px; text-align: center;  }

.Help-body {  overflow-y:scroll; height: 300px; padding: 20px; /*  padding assumed to be same on top and bottom in JS code */  }

.help-link { margin-right: 20px;  }

.help-selected-div-label { margin-right: 20px; font-weight: bold; }

DIV.input_errors {
	text-align: center;
	font-weight: bold;
	font-color: red;
	border: 1px solid red;
}