@import url(header_footer.css);
/* ***************************************************************** */
/* Styles needed for header_footer; some files want only this        */
/* if you are looking for classes:                                   */
/*   float                                                           */
/*   float_r                                                         */
/*   inline                                                          */
/*   you will find therm in that file                                */
/* ***************************************************************** */


/* ***************************************************************** */
/* general setting here					             */
/* ***************************************************************** */
body {  font-family: Arial, Helvetica, sans-serif, Verdana;
       	font-size: 14px; 
		font-weight: 500;
		padding: 0;
		margin: 9px 9px 0px;
		background-color: #FFFFFF;
		min-width: 960px; 
} 

/* for sdev:	background-color: #FFFFCC; }  */

/* for sgd:	background-color: #FFFFFF; }   */
/* rememeber to commit to CVS with #FFFFFF set */

h1   {	font-size: 22px; }

h2   {	font-size: 20px; height: 10px; }

h3   {	font-size: 18px; }

h4   {	font-size: 16px; }

form {
	padding: 0;
	margin: 0;
	border: 0;
}

	/* Defines the style for normal unvisited links.*/


a:link  { 	text-decoration: none;
        	color: #0000CC; 
		font-family: Arial, sans-serif, Helvetica;
	}
	
	/* Defines the style for visited links. */

a:visited         { text-decoration: none; 
                    color: #B01585; }



	/* Defines the style for hovered links. */
	/* link is hovered when the mouse moves over it. */
	/* Note: Not supported by Netscape browsers prior to version 6 */

a:hover           { text-decoration: underline; } 

	/* Defines style for displayed page title */

a.fake { color: #0000CC; 
	cursor: pointer;
	cursor: hand;}

img.graph { border: 1px solid blue; }

img.bottom { 	position: relative;
	        top: 4px; }

.small { font-size: 10pt; }

.sect_title {
	font-family: Times;
	font-weight: bold;
}


#main_page {
	width: 100%;
	min-width: 960px;
}

#center_title {
	text-align: center;
	padding: 0px;
	/* padding-top: 10px; */
	min-width: 960px;
}

*.gene_name {
	color: red;
	font-weight: bold;
	font-style: normal;
}	

/* fixes position of help button on Locus report (aka "tabbed") pages */
a.help {	
	position: absolute;
	right: 5px;
}

	/* Defines style for tabs */

#tab {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	float: left;
	width: 100%;
	min-width: 960px;
	margin: 0;
}

#tab ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

#tab li {
	float: left;
	background:url("/images/TabBlankRt")
			no-repeat right top;
	margin-top: 11px;
	padding: 0;
}

#tab span {
	float: left;
	display: block;
	background:url("/images/TabBlankLft")
			no-repeat left top;
	padding: 5px 10px 4px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tab span { float: none; }
/* End IE5-Mac hack */

#tab #current {
	background:url("/images/TabSelectRt")
		no-repeat right top;
	margin: 0;
	height: 35px;
}

#tab #current span {
	vertical-align: bottom;
	background:url("/images/TabSelectLft")
			no-repeat left top;
	padding: 10px 10px;
	margin: 0;
}

#tab a:link  { color: black; text-decoration:none;}
#subtabs a:link { color: black; text-decoration:none;}

#tab a:visited {color: black; text-decoration:none;}
#subtabs a:visited {color: black; text-decoration:none;} 

#tab a:hover  {color: blue; text-decoration: none;} 
#subtabs a:hover {color: blue; text-decoration: none;} 

#shaded_line {
	background: url(../images/Backgroundtile2.gif)
		repeat-x;
	float: left;
	width: 100%;
	height: 24px;
	min-width: 960px;
}

#subtabs {
	font-family: Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
	margin-left: 480px;
}

#select_subtab {
	font-weight: bold;
}

.no_display { display: none; }


/* *************************************************************** */
/* styling for "resources" pulldowns in LocusPage, Chromosome page */
/* *************************************************************** */

.resource_cat {
	margin: 0 2px;
	padding: 10px 0 2px 0;
}

.resource_cat ul, *.resource_cat p {
	margin: 0;
	padding: 2px 0;
}



/* *************************************************************** */
/* jump bar section                                                */
/* *************************************************************** */

.jump_bar {

	background-image: url(../images/Backgroundtile.gif);
	float: left;
	width: 100%;
	min-width: 960px;
}

.section_header {

	float: left;
	min-width: 280px;
	margin: 1px;
	padding: 1px;
	font-weight: bold;
	font-size: 16px;
}

.jump_list {

        text-align: right;
	margin: 1px;
	padding: 1px;
	min-width: 550px;
	
}

/* end of jump bar section */

/* *************************************************************** */
/* general table setting section                                   */
/* *************************************************************** */

/* *************************************************************** */
/* tablekit (prototype.js) tags                                    */
/* *************************************************************** */

tr.rowodd {
	background-color: #FFF;
}

tr.roweven {
	background-color: #F2F2F2;
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}
.sortasc {
	background-color: #DDFFAC;
	background-image: url(../images/column-up.gif);
}
.sortdesc {
	background-color: #B9DDFF;
	background-image: url(../images/column-down.gif);
}
.nosort {
	cursor: default;
}


/* *************************************************************** */
/* summary table is the locus page style "periwinkle right" table  */
/* also used in chromosome page, proteinInfo page                  */
/* *************************************************************** */

table.summary {    /* This is styling for IE */
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	width: auto;
/*	min-width: 700px; */
        font-size: 14px;
}

html>body table.summary {    /* This is styling for the other browsers */
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-bottom: 10px solid white;
        font-size: 14px;
}

table.summary th {
	margin: 0;
	background-color: #CCCCFF;
	font-weight: normal;
	vertical-align: top;
	width: 190px;
	min-width: 190px;
	padding: 6px 5px; /* 3px 5px; */
	text-align: left;
	border: 0;
	border-bottom: 5px solid white;
}

table.summary td {
	margin: 0;
	text-align: left;
	vertical-align: top;
	padding: 6px 10px;
	border: 0;
	border-bottom: 5px solid white;
	width: auto;
}

/* *************************************************************** */
/* multi_categories is like summary table, but with subheadings    */
/* *************************************************************** */


table.multi_categories {
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	border-bottom: 10px solid white;
        font-size: 14px;

}
	
table.multi_categories th {
	margin: 0; 
	border-collapse: collapse;
	border: 0;
/*	padding: 2px 0; */
	width: 190px;
	min-width: 190px;
}

table.multi_categories td {
	margin: 0;	
	border-collapse: collapse;
	border: 0;
/* 	padding-top: 0; */
}

table.multi_categories th.subcategory {
	text-indent: 10px;
	margin: 0;
	border: 0;
	padding: 0;   
	margin-top: -10px;  
	vertical-align: top; 
}

table.multi_categories th.go_process {
	text-indent: 10px;
/*	text-align: right; */
	margin: 0;
	padding-left:10px;
	border: 0;
}

table.multi_categories td.sm_note {
	line-height: 85%;
	margin: 0;
	padding: 0;
	border: 0;
	text-indent: 10px;
}

table.multi_categories td.sum_list {
	padding-top: 1.5px;
	padding-bottom: 1.5px;
	margin: 0;
}

table.multi_categories td.subfeat_type {
	text-align: right;
	vertical-align: middle;
	font-size: 14px;
	margin: 0;
	padding: 2px 10px;
	border-bottom: 2px solid white;
}

table.multi_categories td.subfeat_coord {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	margin: 0;
	padding: 2px 2px;
	border-bottom: 2px solid white;
}
	
table.multi_categories td ul.sum_style {
	list-style-type: disc;
	margin: 0;
	border: 0; 
	padding: 0 0 0 20px;
}

/**************************************/
/* result table, no border            */
/* current example: locusHistory page */
/**************************************/

table.result_table {
	padding: 0;
        border:0;
        width: 100%;
	font-size: 14px;
	border-collapse: collapse;
}

table.result_table caption {
        background-color: #FFCC99;
	border: 1px solid white;
	padding: 4px;
	width: auto;
	caption-side: top;
}


table.result_table th {
	border: 2px solid white;
	padding: 4px;
	vertical-align: middle;
        font-weight: bold;
}

table.result_table td {
	padding-bottom: 2px;
	vertical-align: top;
}

table.result_table td pre {
	font-size: 10px;
}

/**************************************/
/* result table, border               */
/* most data presentation tables      */
/**************************************/

table.result_table_border {  
        border: 1px solid gray;
	border-collapse: collapse;
        width: 100%;
	margin: 0;
        font-size: 14px;               
}

table.result_table_border caption {
	background-color: #FFCC99;
	border: 1px solid gray; 
	padding: 4px;
	width: auto;
}

table.result_table_border td {
	border: 1px solid gray;
	padding: 4px;
	vertical-align: top;
}

table.result_table_border th {
	border: 1px solid gray;
	padding: 4px;
	vertical-align: middle;
        font-weight: bold;
}

/***************************************************************/
/* result table for sequence display, protein page , no border */
/***************************************************************/

table.result_table_seq {
	padding: 0;
        border:0;
        width: 100%;
	font-size: 14px;
	border-collapse: collapse;
}

table.result_table_seq th {
	border: 2px solid white;
	padding: 4px;
	vertical-align: middle;
        font-weight: bold;
}

table.result_table_seq td {
	padding-bottom: 2px;
	vertical-align: top;
}

table.result_table_seq td pre {
	font-size: 14px;
	text-align:  center;
}

/* plain tables, for coordinate and subfeature_details */
/*  also used in locus report search results           */


table.plain_subtable {
	border: 0;	
	margin: 0;
	padding: 0;            
	border-collapse: collapse;
	width: auto;
	white-space: normal;
}

table.plain_subtable th {
        text-align: center;
	font-weight: bold;	
	font-size: 12px;
	background-color: white;
	padding: 1.5px 2px;
	border: 0; 
	margin: 0;
	white-space: nowrap;
	width: auto;
	min-width: 25px;
}

table.plain_subtable td {
	text-align: center;
	padding: 1.5px 5px;
	margin: 0;
	border: 0; 
	width: auto;
	font-size: 12px;
	min-width: 50px;
	white-space: nowrap;
}


/* A more or less unstyled table for numbered references (bottom of locus page) */
/* font-size setting required for IE compatability                              */

table.ref_list { 
        font-size: 14px;
 }


/* other table stuff - for defining alternate header/cell colors in border table */

*.table_header {
        background-color: #CCCCFF; /* periwinkle */
        text-align:  center;
        border: 1px solid gray;
	padding: 4px;
}


*.alt_table_header {   
	background-color: #FFCC99; /* navajowhite-ish */
        text-align:  center;
        border: 1px solid gray; 
	padding: 4px;
}


*.table_header_left {
        background-color: #CCCCFF; /* periwinkle */
        text-align:  left;
	vertical-align: top;
        border: 1px solid gray;
	padding: 4px;
}


*.alt_table_header_left {   
	background-color: #FFCC99; /* navajowhite-ish */
        text-align:  left;
        border: 1px solid gray; 
	padding: 4px;
}


/* for alternating table rows */
.odd { background-color: #F5F5F5; }  /* white-smoke */ 

/* for columns typically with gene names (or gene name sized thingys) */
.wid150 {
	width: 150px;
	min-width: 150px;
}

td.left_border {   

	text-align: left;  
        vertical-align: top;  
        border: 1px solid gray; 

} 

td.center_border {   

	text-align: center; 
        vertical-align: middle; 
        border: 1px solid gray;
}

td.right {    
       text-align: right; 
       vertical-align: top; 
}

/* end of table setting section */



/* *************************************************************** */
/* styling for Additional Info/Summary Paragarph/Reference sections */
/* *************************************************************** */

.block_section {
	clear: left;
	padding: 0;
	padding: 3px 0px 3px 0px;
	margin: 0;

}

.block_section ul {
	margin: 0;
	padding: 0;
}


.block_section p {	
	padding: 4px 4px 0 4px;
}


.add_info_link {
	background-color: #FFDEAD;
	float: left;
	margin: 0;
	width: 200px;
	padding: 4px 0;
	font-weight: normal;
	border: 1px solid white;
	line-height: 17px;
	display: inline;
	text-align: left;
}

.add_info_link a:link { padding-left: 5px; margin: 0; border: 0; font-weight: normal; color: blue;}
.add_info_link a:visited { padding-left: 5px; margin: 0; border: 0; font-weight: normal; color: purple;}

/* *************************************************************** */
/* styling for Locus History Pages				   */
/* *************************************************************** */

#locus_hist_width {
	min-width: 900px;
}


/* *************************************************************** */
/* styling for LocusReport Search pages
/* *************************************************************** */

div#search_form { 
/* needs to be inside a div center_box_wrapper */
	text-align: left;
	margin: 0 auto;
        background-color: #CCCCFF;
        width: 510px;
        padding: 10px;
}

/* *************************************************************** */
/* styling for FeatureReport Search pages
/* *************************************************************** */

div#alt_search_form { 
/* needs to be inside a div center_box_wrapper */
	text-align: left;
	margin: 0 auto;
        background-color: #CCCCFF;
        width: 350px;
        padding: 10px;
}

/* ********************************************************************* */
/* styling for Search pages with more complicated forms (InteractionServer)
/* ********************************************************************* */

div#search_form_wide { 
/* needs to be inside a div center_box_wrapper */
	text-align: left;
	margin: 0 auto;
        background-color: #CCCCFF;
        width: 650px;
        padding: 10px;
}


/* *************************************************************** */
/* styling for paginator
/* *************************************************************** */

div.page_navigation { 
        margin: 4px auto;
        font-size: 90%;
        text-align: center;
        background-color: #FFCC99;
        width: 350px;
        padding: 2px;
}

div.page_navigation p { 
        margin: 0;
}


/* *************************************************************** */
/* external link bar section                                       */
/* *************************************************************** */

#external_link_bar {

	float: left;
	width: 100%;
	min-width: 800px;
	background-color: #FFCC99;	
	padding: 2px 5px 2px 5px;
	
}

span.one_site {

	float: left;
	font-weight: bold;
	padding-right:35px;

}

span.right_aligned {

	padding-left: 20px; 		

}_

/* end of external link bar section */

/******************************************/
/* general text styling 		  */
/******************************************/

.block_message { padding-left: 25px; }

.header_color { background-color: #CCCCFF}

.alt_header_color { background-color: #FFCC99 }

.new_item_color { background-color: #FFFFCC } 

.name_color { background-color: #FFFFFF } /* whitesmokish -- for yeast labs pg */

.b { font-weight: bold; }

.i { font-style: italic;}

.sup { vertical-align: super;
       font-size: 85%    }

.sub { vertical-align: sub;
       font-size: 85%    }

.red { color: red ; }

.t_center { text-align: center;}

.t_left { text-align: left; }

.t_right { text-align: right; }

.t_vtop { vertical-align: top; }

.t_norm { font-weight: normal; }

.em { font-weight: bold;
     color: red;
 }

.no_padding {
	padding: 0;
}


/******************************************/
/* general layout 		  */
/******************************************/
.nowrap { white-space: nowrap; }   /* for IE to not wrap hyphens */

.center  { margin-left: auto;
          margin-right: auto;
          }

/* this is used to shove list-style elements around */
.shift_left40 {
	padding-left: 40px;
}


*.center_box_wrapper {           /* For centering blocks of text in the middle of the page */
	text-align: center;     /* Use 2 divs -- 'center_box_wrapper' and 'center_box' */
	min-width: 610px;	/* to do this */ 
}

*.center_box {
	text-align: left;
	width: 610px;	
	margin: 0 auto;
}

*.table_list {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

.other_gene_list {   		/* For lit guide & ref pages -- genes addressed column */
	padding-left: 2px;
	margin: 0;
}

/***********************/
/*  for colleague page */
/**********************/

#colleague_wrapper {
	text-align: center;
	min-width: 750px;
}

#colleague_box {
	width: 750px;
	text-align: left;
	margin: 0 auto;
}

.set_width {
	width: 30%;
	white-space: nowrap;
}

.left_side {
	width: 69%;
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
}

.right_side {
	width: 30%;
	float: right;
	margin: 0;
	padding: 0;
	border: 0;
}

.alphabet {
	margin: 0;
	padding: 2.5px 3px;
	border: 0;
	border-right: 1px solid white;
	border-left: 1px solid white;
}


/***********************/
/*  for expression connection page */
/**********************/

.search_wrapper {
	text-align: center;
	min-width: 900px;
}

.search_box {
	width: 900px;
	text-align: left;
	margin: 0 auto;
}

#search_desc li {

	list-style: none;
	list-style-image: url("http://db-dev.yeastgenome.org/images/redcube.PNG");
}


/* ************************************************************ */           
/* for external links section                                   */
/* ************************************************************ */     

.external_header  {   font-weight: normal;
		      text-align:  left;
		      border: 2px solid white;
                      padding: 4px;
                      background-color: #FFCC99; }

.external_cell    {   font-weight: normal;
		      text-align:  left;	
                      background-color: #F5F5F5; }


/* ************************************************************ */           
/* for citation dispaly                                         */
/* ************************************************************ */     

.ref_link_out ul {

	padding: 0;
	margin: 0;

}

.ref_link_out ul li { 

	margin: 0 5px 5px 0;
	padding: 0;
	vertical-align: middle;
}

/* .ref_link_out ul li img {height:1.25em;} */  /* scale all buttons to */
					   /* the same size */	

/* ********************************************************** */
/* formatting for error text                                  */
/* ********************************************************** */
li.err { font-size: 16px;
         font-weight: bold;
}

/* ********************************************************** */
/* extra styling for coordinates section (subfeatures)        */
/* ********************************************************** */
p.coords { 
        padding: 0 5px 0px 0px;
        margin:  0px;
        width: 310px;
	white-space: nowrap;
}

/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */
/* STYLING FOR SPECIFIC PAGES THAT DON'T HAVE THEIR OWN FILE       */
/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */


/* *************************************************************** */
/* go term page, type above caption, used in a loop*/
/* *************************************************************** */
.termtype {
    background-color: #CCCCFF;		
    float: left;
    width: 100%;
    min-width: 1000px;
}

.mini_jump { 
    text-align: center;
    vertical-align: middle;
    min-width: 550px;
    font-size: 13px;
}

/* *************************************************************** */
/* protein pages section                                           */
/* *************************************************************** */

#protein_props {

	margin-left:auto;
	margin-right:auto;
	width: 800px;
	
}

.left_section {

	float: left;
	width: 40%;
	text-align: left;
}


.right_section {

	float: right;
	text-align: right;
	width: 60%
}
	
/* end of protein pages section */

/* ********************************************************** */
/* for chromosome page display                                */
/* ********************************************************** */

#main_chr_page {
 
       min-width: 850px;
 
}

#category_side {
	float: left;
	width: 65%;
	min-width: 330px;
	font-style: normal;
	margin-left: 5px;
	padding: 0;
}

#resource_side {
	float: right;
	width: 280px;
	font-style: normal;	
	margin-left: -5px;
	padding: 0;
}

#resource_box {
 
       background-color: #F5F5F5;
       margin:  0px 2px;
       padding: 10px 0px 2px 0px;
       min-width: 280px;
 
}
 
#resource_box ul, #resource_box div {

       margin-left: 15px;
       padding: 0 0; 

}

.no_list_style_type { list-style-type: none; }

 
/* ********************************************************** */
/* go annotation page                                         */
/* ********************************************************** */
.col_width { width: 15%; }
.col_width1 { width: 50%; }
.col_width2 { width: 25%  }

#mapper_col_wid { width: 40% }

.wiki { border: 0; height: 100%; width: 100% }

/* ********************************************************** */
/* textpresso page                                            */
/* ********************************************************** */
#txosearch { background-color: #CCCCFF }

/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */
/* END SPECIFIC PAGE ADDITION SECION                               */
/* *************************************************************** */
/* *************************************************************** */
/* *************************************************************** */
