/* FONT STYLES CSS Document */

/* COMMON STYLES */

a 			{ text-decoration: none; color: #039; }
a:link 		{ text-decoration: none; color: #039; }
a:visited 	{ text-decoration: none; color: #039; }
a:hover 	{ text-decoration: underline; }


/*FONT SIZES*/

/* LARGE TYPE SIZE for main page heading */
h1 {

	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* more specific to override imported rule */
    font-size:    large;			/* false value for WinIE4/5 */
    voice-family: "\"}\"";			/* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;			/* recover from trick */
    font-size:    x-large;			/* intended value for better browsers */
	}
	html>h1 {
    font-size:    x-large; 			/* be nice to Opera */
}

h1 {
	margin-top: 0;
	padding-left: 5px;
	line-height: 1em;
	color: #777;
}

h1.pubs {

	/* more specific to override imported rule */
    font-size:    medium;			/* false value for WinIE4/5 */
    voice-family: "\"}\"";			/* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;			/* recover from trick */
    font-size:    large;			/* intended value for better browsers */
	}
	html>h1.pubs {
    font-size:    large; 			/* be nice to Opera */
}

h1.news {

	/* more specific to override imported rule */
	font-size:    medium;                       /* false value for WinIE4/5 */
	voice-family: "\"}\"";                      /* trick WinIE4/5 into thinking rule is over */
	voice-family: inherit;                      /* recover from trick */
	font-size:    large;                        /* intended value for better browsers */
	}
	html>h1.news {
	font-size:    large;                        /* be nice to Opera */
        }		

/* SMALL TYPE SIZE for subheads, body text, nav items, etc */
/* use keywords to set some default sizes (approx 13px), then base other sizes off this as a percentage */
body, h2, h3, h4, p, li, td, th, div, blockquote, #leftnav, #footer, select, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* more specific to override imported rule */
    /* font-size:    medium;	*/		/* false value for WinIE4/5 */
    /* voice-family: "\"}\"";	*/		/* trick WinIE4/5 into thinking rule is over */
    /* voice-family: inherit;	*/		/* recover from trick */
    /* font-size:    small;	*/		/* intended value for better browsers */
	}
	html>body, html>h3 {
    font-size:    small; 			/* be nice to Opera */
}


h2, h3, h4, p, ul, ol, blockquote {
	margin-top: 1.1em;
	margin-bottom: 1.1em;
}
ol ol {list-style-type:lower-alpha;}

/*styles for narrower left column 2col style page, diversity index.html*/


.col1n p {
line-height: 1.2em;
}

.col2w p {
line-height: 1.2em;
}

.col1w p {
line-height: 1.2em;
}

.col2n p {
line-height: 1.2em;
}

p a.dkred {
font-size: 110%;
color: #660000;
background-color: #FFFFFF;
line-height: 1.2em;
font-weight: bold;
}

p a.dkred {
font-size: 110%;
color: #660000;
background-color: #FFFFFF;
line-height: 1.2em;
font-weight: bold;
}

h4.dkred {
font-size: 95%;
color: #660000;
background-color: #FFFFFF;
line-height: 1.2em;
font-weight: bold;
}

table.spotlight p {
font-size: 95%;
}

table.spotlight p.cap {
line-height: 1.1em;
text-align: left;
vertical-align: top;
}

table.spotlight p.quote {
font-style: italic;
color: #333;
vertical-align: top;
margin-top: 0;
padding-top:0;
padding-left: 10px;
}

.divbio p.quote {
font-style: italic;
}

.divbio p.cap {
line-height: 1.1em;
font-size: 85%;
color: #444;
}

.divbio2 p.quote {
font-style: italic;
}







p, #content li,  h2, h4, h5, td, th, #subnav {
	font-size: 85%;
	line-height: 1.5em;
	padding-left: 5px;
	margin-right: 20px;
}



#content h3 {
font-size: 85%;
padding-left: 5px;
padding-bottom: 5px;
margin-right: 20px;
}

#subnav a.on {
font-weight: bold;
}

#subtopimage {
	font-size: 75%;
	line-height: 1.5em;
	color: #345A22;
	background: transparent;
	font-style: italic;
}

#content li {
	line-height: 1.4em;
	padding-bottom: 0.3em
}

#content li ul li{
	font-size: 100%;
	padding-bottom: 0;
	
}

.sidebar {
line-height: 1.1em;
font-size: 90%;
}



h2.nospace {
	clear: both;
	margin-bottom: 0;
}

#content h2 {
	font-weight: bold;
	color: #333;
	padding: 0 5px;
	background-color: #E6EDF5;
}

#content h2.lg {
	font-weight: bold;
	font-size: 100%;
	color: #333;
	padding: 0 5px;
	background-color: #E6EDF5;
}


h2.nobg {
	background-color: #ffffff;
}


.homepage h2 {
	font-size: 100%;
	font-weight: bold;
	color: #333;
	background: transparent;
	
}

#content h3 {
	line-height: 1.3em;
}

h3, strong, b {
	font-weight: bold;
	color: #333;
	margin-bottom: 0;
}

hr { 	
	color: #fff;
	background-color: #fff;
	padding-left: 5px; 
	padding-right: 5px; 
	margin-right: 10px;
	border: none;
	border-top: 1px dashed #aaa;
	}



sup	{
	font-size:75%;
}

a.sm, a.sm:link, a.sm:visited {
color: #666;
font-size: 85%;
}

a.navsearch, a.navsearch:link, a.navsearch:visited {
color: #666;
font-size: 95%;
}




/* SMALLEST FONT SIZE for breadcrumbs, footer, captions */

#breadcrumbs, #breadcrumbsGreen, #footer, #toolLinks, #copyright, #login, .photo p, table.imagetableL td p, table.imagetableR td p, table.fancy td, table.fancy th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* more specific to override imported rule */
    font-size:    xx-small;			/* false value for WinIE4/5 */
    voice-family: "\"}\"";			/* trick WinIE4/5 into thinking rule is over */
    voice-family: inherit;			/* recover from trick */
    font-size:    x-small;			/* intended value for better browsers */
	}
	html>body #breadcrumbs, html>body #breadcrumbsGreen, html>body #footer, html>body #toolLinks, html>body #copyright, html>body .photo p, html>body .caption, html>body table.fancy td, html>body table.fancy th {
    font-size:    x-small; 			/* be nice to Opera */
}

.schedule, table.fancy td.schedule {
	font-weight: bold;
	color: #333;
	margin-bottom: 0;
	background-color: #ffffff;
}



/*HOME PAGE STYLES*/

#spothome h4 {
font-weight: bold;
font-size: 12px;
}

.dashbox {
font-size: 80%;
}




/* for the news releases on the NEWS HOME page */



#newshome h3 {
line-height: normal;
}

#newshome h3.spot {
font-size: 100%;
}





/*random font changes*/


.red, a.red {
	color: #aa0a0a;
}

h3.red {
	color: #aa0a0a;
	line-height: normal;
}

.redb, a.redb, a.redb:link, a.redb:visited {
	color: #aa0a0a;
	font-weight:bold;
}

a.black, a.black:link, a.black:visited {
	color: #000;
}

.grey {
	color:#333;
	font-weight:bold;
}

.indent {
	padding-left: 25px;
	}

.photo {
margin-left: 5px;
clear: both;
}

.photo p {
	background-color: #E6EDF5;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	line-height: 1.2em;
}

.newsdate {
	color: #666;
}

.ql a {
	color: #fff;
	font-weight: bold;
	font-size: 85%;
}


.headq p {
	font-size: 90%;
	font-style:italic;
	line-height: 1.3em;
	padding-left: 5px;
	margin-right: 20px;
	}

.head2 p {
	padding-left: 5px;
	margin-right: 20px;
	}




/* for the image box in the news section */
/*.imagetableL .caption, .imagetableR .caption {
	padding:10px;
	font-size: 85%;
}*/
.large {
	font-size: 110%;
}
.unix {
	font-family: "Courier New", Courier, mono;
	margin-left: 10px;
}
.small {
	font-size: smaller;
}

.tiny {
	font-size: 9px;
	}
	
.ss {
	font-size: 9px;
	vertical-align:super;
}
	
.scant	 {
line-height: 1.2em;
font-size: 80%;
}

.pull {
line-height: 1.2em;
font-style: italic;
}




/*Broad Team Page Styles*/

.bioSm p {
line-height: 1.3em;
text-align: justify;
}


.bioSm p.header {
font-weight: bold;
font-size: 13px;
}

.bioSm a {
font-weight:bold;
}


/* Associate Members List*/
#assoc p {
line-height: 1.2em;
font-size: 80%;
}

#assoc h5 {
background-color: #0168b3;
}



.instructions {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ccdbeb;
margin: 10px 10px 10px 10px;
padding: 5px;
width:535px;
}

.instructions li {
font-size: 85%;
}


.error_field {
  background-color: #FFFF99;
}

.search_results {
  border: 1px solid #ccc;
  font-size: 13px;
  margin: 10px 5px 20px 5px;
}

.search_results tr:hover {
background-color: #DCECFD;
}


tr.search_results_header {
  background-color: #dedede;
}

tr.search_results_header:hover {
  background-color: #dedede;
}



.button {
font-size: 115%;
}

input.directory, option.directory, textarea.directory, textarea.sequence {
/* font-size: 12px;*/
font-family:"Courier New", Courier, mono;

}

.indent2 {
margin-left: 100px;
}



.other {
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.viewmember, table.editmember {
border: 1px solid #ddd;
margin-left: 10px;
}

table.editmember select {
padding:2px;
margin: 2px;
}

table.viewmember td, table.editmember td {
vertical-align: top;
padding-right: 10px;

}

table.viewmember td.view, table.editmember td.view {
font-size: 12px;
font-family:"Courier New", Courier, mono;
color:#000000;


}

select.affil {
	color: #000;
	vertical-align: middle;
	font-size: 100%;
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


p.qanda {
font-size: 100%;
font-style:italic;
}

th {
	text-align: left;
}


/*FGI for genomes table */
#genomes table{
	border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-left: 5px;
	}

#genomes td{
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 2px 5px;
}
#genomes th {
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 0px;
	font-weight: bold;
	background-color: #80ABD7;
	text-align: left;
	color: #FFFFFF;
	padding-right: 5px;
	vertical-align: bottom;
	padding-left: 5px;
}



/*Search table paging*/
#searchTablePaging table {
	width: 100%;
	background-color: none;
	border-style: none;
	}
	
#searchTablePaging td {
	background-color: none;
	border-style: none;
	border-color:none;
	}
	
/*FGI tables - use this in a div tag around tables and chart */
#FGItable table, table.fgi {
	background-color: #FFFFFF;
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 0px;
	border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left: 1px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	margin-left: 5px;
}
#FGItable searchTablePaging tr {
	background-color: none;
	width:100%;
	border-style: none;
	}
#FGItable td, table.fgi td {
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
}
#FGItable th, table.fgi thead tr, table.fgi th {
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color:#80ABD7;
	border-right-style: solid;
	border-right-width: 0px;
	font-weight: bold;
	background-color: #80ABD7;
	text-align: left;
	color: #FFFFFF;
	padding-right: 5px;
	vertical-align: bottom;
}


#FGItable th a {
	font-weight: bold;
	text-align: left;
        color: #FFFFFF;
        font-size: 11px;
}

/* Added for nested tables in headers generated by Tapestry. */
#FGItable th table {
        border:0px;
        padding:0px;
        border-spacing:0px;
        margin-right:0px;
        border-right-width:0px;
        border-right-style:none;
        border-right-color:#80ABD7;
        border-left: 0px;
	border-left-color: #80ABD7;
	border-left-style: solid; 
        border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 0px;

	font-weight: bold;
	text-align: left;
        outline-width: 0px;
        background-color: #80ABD7;
	margin-left: 0px;
}

#FGItable th table td {
 border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	padding: 0px;
        margin-left:0px;
        margin-right:0px;
}



/*FGI tables - use this in a div tag around perameter information */
#FGItable2 table{
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	margin-left: 5px;
	}

#FGItable2 td{
	padding: 5px 2px 10px;
	}

#FGItable2  th{
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	padding: 5px 2px;
	font-weight: bold;
	}



/*FGI tables - for things like "gene details" */
#FGItable3 table{
	background-color: #FFFFFF;
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left: 1px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	margin-left: 5px;
}
#FGItable3 td{
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
	}

#FGItable3 th{
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
	font-weight: bold;
	}

#FGItable3 table td table{
	background-color: #FFFFFF;
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 0px;
	border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left: 0px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	margin-left: 0px;
}
#FGItable3 td table tr td{
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 0px;
	padding-right: 0px;
	font-size: 100%;
	}

#FGItable3 td li{
	font-size: 100%;
	}



/*FGI tables - new revised "gene details" 013107 with lighter lines and grouped category divider heads */
#FGItable5 table{
	background-color: #FFFFFF;
	border-top-color: #80ABD7;
	border-top-style: solid;
	border-top-width: 0px;
	border-bottom-color: #80ABD7;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-left: 1px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	margin-left: 5px;
}
#FGItable5 td{
	border-top-color: #d1e6fc;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
	}

#FGItable5 th{
	border-top-color: #d1e6fc;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 5px;
	font-weight: bold;
	}

#FGItable5 table td table{
	background-color: #FFFFFF;
	border-top-color: #d1e6fc;
	border-top-style: solid;
	border-top-width: 0px;
	border-bottom-color: #d1e6fc;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-left: 0px;
	border-left-color: #DFDFDF;
	border-left-style: solid;
	margin-left: 0px;
}
#FGItable5 td table tr td{
	border-top-color: #d1e6fc;
	border-top-style: solid;
	border-top-width: 0px;
	border-right-color: #DFDFDF;
	border-right-style: solid;
	border-right-width: 0px;
	padding-right: 0px;
	font-size: 100%;
	}

#FGItable5 td li{
	font-size: 100%;
	}

/* No borders around search results header. */
table#searchTablePaging , #searchTablePaging td
{
    border-width: 0px
}


.backtotop {
	font-size: 90%;
	line-height: 24px;
	font-weight: bold;
	font-variant: small-caps;
	text-align: right;
}

.outline td
{
	font-size: 100%;
}
.pfamselector {
	font-size: x-small;
	text-align: center;
}

.collapsible-section-header, .collapsible-section-header table tr td, .collapsible-section-header a {
	background: #80abd7;
	color: #FFFFFF;
	font-weight: bold;
}
.collapsible-section-header table tr td {
	padding-left: 0px;
	padding-right: 0px;
}

.nested-table-heading {
	width: 100%;
}
.nested-table-heading td, .nested-table-heading th {
	font-size: 100%;
}

.alignment-text {
	font-size: 11px
}