/* plantgdb.css, version 2-20-10  */


/* Background Colors */
#pagewidth, #topshadow {
	background: #A7DFC2; /* light green; was #D1EFE0; synchronize with GDBstyle.css and Chr_GDBstyle.css HeaderRow2, 3, xgdbcontainer */
}


/* -- Apply to everything -- */
* {
	color: #003A7F; /*#1F4B7F;*/
	margin:0;
	padding:0;
}

body {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets 1em = 10px */
	min-height:100%;
	min-width:600px; /* see http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div*/
	text-align: center; /*TURNED OFF; text-align:center is a hack to allow ie6 to center a div- see http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div*/
}

img {
	border: none;
}

p { /* TODO: remove this styling from generic p and make class-specific!! */
	font-size:12px;
	line-height:1.5em; /* seems about right for readability*/
	margin:0.5em;
	text-align: justify;
}

b, i, li, p {
	color: #1F4B7F;
}

.bold {
	font-weight:bold;
}

.nobold {
	font-weight:normal;
}

.outline { /*for text */
	border:1px solid;
	padding:2px;
}

.italic, .species {
	color: inherit;
	font-style:italic;
}

a:link, a:visited, a:link i, a:visited i, .link_text  {
	color: #006F58; /*088F73 #083F24 #006F39; /*GREEN; WAS #117F4A;*/
	text-decoration: underline;
}

.no_underline a, .no_underline a i, .no_underline a b{
	text-decoration:none;
}
a.admin:link, a.admin:visited, a.admin:link i, a.admin:visited i {
	color: #777;
}

a:hover, a:hover i {
	color: #CF0C14;/*dark red*/
	text-decoration:underline;
	background: #FFFFBF; /*#F3FF8F; /*light yellow*/
}

/*styling for refactored seed request page 11-8-10 not done yet */
.row_show { /*jquery showOrderRow*/
	display:table-row;
	}

.row_hide {
	display:none;
	}

a.more_rows, a.more_rows:hover { /* adds "plus" glyph to order form row - AcDs*/
	background: url('/images/plus_row.gif') no-repeat left;
	padding-left:20px;
}

a.row, a.row:hover { /* adds "row" glyph to previous row- AcDs*/
	background: url('/images/row.gif') no-repeat left;
	padding-left:23px;
}

a.less_rows, a.less_rows:hover { /* adds "row" glyph to previous row - AcDs*/
	background: url('/images/delete_row.gif') no-repeat left;
	padding-left:20px;
}

.inverse_link { /*reverse colors for link to make it stand out*/
background:#1A8F77; /*7-6-10 JD*/
border:1px solid #1A8F77; 
color: white;
font-weight:bold;
text-decoration:none;
padding:1px 4px;  /*sync with :hover*/
line-height:1.5em;
}

.inverse_link:hover {
background:#FFFFBF;
color: #CF0C14;
padding:1px 4px; /*sync with class above*/
border:1px solid #CF0C14;
}

.hover_pointer {
cursor:pointer;
}

.box_text { /*box border for text to make it stand out*/
font-size: 12px;
background:#EEE; /*lt gray default; see others below */
border:1px solid #1F4B7F; 
color: #1F4B7F;
font-weight:bold;
text-decoration:none;
padding:4px 6px;  /*sync with :hover*/
line-height:2em;
white-space:nowrap;
}

.hover_pointer:hover {
background:#FFFFBF;
}

a[href^="http:"], a[href^="ftp:"] { /* Icon for external links */
	background: url("/images/Icon_External_Link.png") right center no-repeat;
	padding-right: 14px;
}

a[href^="ftp://ftp.plantgdb.org"], a.hidelinkicon { /* suppress icon for external link */
	background-image: none;
	padding-right:0;
}

a[href^="http:"]:hover, a[href^="ftp:"]:hover { /* Hover color for external link icon */
	background: #FFFFBF url("/images/Icon_External_Link_Hover.png") right center no-repeat;
	padding-right: 14px;
}

a[href^="ftp://ftp.plantgdb.org/"]:hover, a.hidelinkicon:hover { /* suppress icon for external link hover */
	background-color: #FFFFBF;
	background-image: none; /* No URL */
	padding-right:0;
}
	

a[href^="mailto:"] { /* mailto: URLs get email icon */
	background: url("/images/Icon_External_Link_E-Mail.png") right center no-repeat;
	padding-right: 16px;
}

a[href^="mailto:"].hidelinkicon {
    background-image: none;
}
	
a[href $=".pdf"] { /* Icon for PDF files */
	background: url("/images/Icon_External_Link_PDF.png") right center no-repeat;
	padding-right: 12px;
}

*:target {
/*
	font-weight: bold;
	background: #DDD;
	
	Notes: Dan, 12/10/2009
		Way we used to do it is above (for comparison, and eventual removal).
		Using border styling or padding causes bad layout problems on Help pages when #top is selected 
		Fixed by changing layout of <a name="top"> in the header.
		Decided not to do font-weight: bold because it makes it harder to tell which parts of a page were already bold.
*/
	background: #FEFEFE;
	border: 2px solid black;
	padding: 2px;
}
tr:target{
	background: yellow;
	border: 2px solid black;
}

a.qtvideo /* QuickTime icon for links to videos encoded in QT, viewed using jquery ui dialog. */
{
	background-image:url('/images/qtvideo.png');
	background-repeat:no-repeat;
	color: #006F58; /*#088F73;*/
	/*background-position:0;*/
	padding: 2px 0 2px 22px;
	text-decoration: underline;
}

a.qtvideo:hover {
	background-image:url('/images/qtvideo_hover.png');
}

a.flvideo /* Flash icon for links to videos encoded in Flash, viewed using jquery ui dialog. */
{
	background-image:url('/images/flvideo.png');
	background-repeat:no-repeat;
	color: #006F58; /*#088F73;*/
	/*background-position:0;*/
	padding: 2px 0 2px 22px;
	text-decoration: underline;
}

a.flvideo:hover {
	background-image:url('/images/flvideo_hover.png');
}

a.help_link /* Image icon for links to help pages and images called jquery-ui dialog. Synchronize with plantgdb.css and Chr_GDBstyle.css, GDBstyle.css*/
{
	background-image:url('/images/help-icon.png');
	background-repeat:no-repeat;
	color: #999;
	/*background-position:0;*/
	padding: 2px 0 2px 18px;
	text-decoration: none;
}

a.help_link:hover {
	background: #FFFFBF; /*was more aggressive, *#F3FF8F; /*light yellow*/
	background-image:url('/images/help-icon_hover.png');
	background-repeat:no-repeat;
	color: #006F58; /*#088F73; green*/
	text-decoration:none;
}

.dialogcontainer { /* for jquery ui dialog window include files*/
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	padding:20px;
	background: white;
	text-align: left;
	background:#F1F1F1;
}

.dialogcontainer a, .dialogcontainer a i, .dialogcontainer a b {
	color: #006F58; !important;
}

.dialogcontainer a:hover {
	color: #CF0C14 !important;
}

.dialogcontainer p, .dialogcontainer b, .dialogcontainer i, .dialogcontainer ul li, .dialogcontainer ul li b, .dialogcontainer ol li, .dialogcontainer ol li b {
	color:#00336F;
}

.ui-dialog { /*This is a jquery ui div and this is an addendum to its default styling, to allow some background to show through for context. */
opacity:0.97;
}

h1, h1 i {
	color: #BEBF3B;
	font-size:20px;
	font-weight:bold;
	font-family:Tahoma;
}

a.headinglink {
	color: #006F58; /*#088F73;*/
	font-weight:bold;
	text-decoration: none;
}
h2, h2 i, h2 a {
	color: #1F4B7F; /*was 7F0766*/
	font-size:16px;
	font-weight:bold;
}

h2 a:hover {
	color: #7F0766;
}

span.h2_in_anchor {
	color: #1F4B7F; /*was 7F0766*/
	font-size:16px;
	font-weight:bold;
	background: url('/images/triangle_yel.gif') no-repeat left;
	padding-left:1em;
}

span.h2_in_anchor:hover { /* for showhide hyperlinks*/
	color:#CF0C14;
	background: #FFFFBF url('/images/downtriangle_yel.gif') no-repeat left;
}	

span.h3_in_anchor {
	color: #1F4B7F; /*was 7F0766*/
	font-size:12px;
	font-weight:bold;
}

h3, h3 i {
	color: #1F4B7F;
	font-size: 13px;
	font-weight:bold;
}

h4 {
	color:black;
	font-size:1.25em;
	font-weight:bold;
	margin: 5px 0 25px;
}
h6 {
	font-size:0.8em;
	margin:38px 0 0;
}

.color2 { /*same as default text color */
	color: #1F4B7F; /*was 2B3C3F*/
	font-weight:normal;
}

.color3 {
	color: #006F58; /*#088F73; link coloring -- green*/
	font-weight:normal;
}
	
hr {
	color: #CCC;
	height:0.5px;
	margin: 2em 1em 0 1em;
	border-style:solid;
	display:block; /*force ie to obey HTML4!*/
}

.smallerfont, .smallerfont i, .smallerfont b, .smallerfont li { /*mainly for show/hide tables */
	font-size: 11px;
}

.normalfont { /*used in various tables */
	font-size:12px;
}

.largerfont { /*used in various tables */
	font-size:14px;
}

.bigfont { /*used in various tables */
	font-size:16px;
}

.hugefont { /*used in various tables */
	font-size:20px;
}

.indent1 {
	padding-left: 1em;
}

.indent_m2 {
	margin-left: 2em;
}

.indent_m3 {
	margin-left: 3em;
}

hr.featuredivider {
	color: #DDD; /*was 7F0766*/
	border-style:solid;
	display:block; /* force ie to obey HTML4 */
	margin: 3px 0 1em 0;
}


hr.plain {
	border:0;
	display:block;
	margin: 3em 0 3em 0;
	width:99%;
	background-color:#AAA;
	height: 1px;
}

kbd {
	font-weight: bold;
	font-style: italic;
}

pre.normal { /*preformatted text for tables, e.g. ProbeMatch*/
	font-size:12px;
}

pre.small {
	font-size: 9px;
}


p.monospace {
	font-family: monospace;
}

#outercontainer {
	display:block;
	position:relative; /*testing 12-2-08*/
	text-align: left; margin: 0 auto;
	margin-left:0%;
	/*max-width: 150em; turned this off 12-5-08*/
	min-height:100%;/*test*/
	/*background:white url(images/container_background4.png) repeat-y scroll 0 0;  TODO: add drop shadow to left and right*/
}


#pagewidth { /* Used as a nested container inside innercontainer. Allows FF2.0 to handle floated divs with % width*/
	position: relative;
	float:left;
	margin:0;
	padding:0;
	clear:both;
	width:100%;
}


#logomenucontainer {
	width: 100%;
	/*margin: 0 1% 0 1%;*/
	margin: 0;
	padding-bottom: 0; /*below menu*/
	background: #77BF9E url("/images/LogoShadow3.png") repeat-x bottom left;
	height:100px; /* was 99px;*/
	z-index:4;
}


#headerwidth { /*This is used as a nested container inside logomenucontainer, that allows FF2.0 to handle floated divs with % width*/
	margin:0;
	padding:0;
}


#pgdblogo {
 	/*float:left;*/
 	text-align:center;
 	clear: both;
 	border: 0;
 	margin: 0 auto;/*0 0 0 16%;*/
 	width: auto; /*66%; /*note: width needs to be adjusted relative to l-margin and topright div, or else overflow:hidden will not work and topright div will wrap. */
 	overflow: visible; /*Try hidden to prevent run-over with end*/
 	height:75px;
}


#menuwidth { /*TESTING Used as nested container outside pgdbmenu. Allows FF2.0 to handle floated divs with % width */
}

#logowidth, #menuwidth {
	margin:0;
	padding:0;
}


#pgdbmenu {
 	padding: 0;
 	width:72em; /*was 85. changed from 76.5 to fix IE7. NOTE: adjust according to total length of menu div, and adjust so when browser window is reduced to minimum width the menu is centered L/R*/
	margin-left: auto; /*should be able to set to auto, which centers as per http://www.andybudd.com/archives/2004/02/css_crib_sheet_3_centering_a_div*/
	margin-right: auto;
	text-align:left;
	z-index: 11;
}


#topshadow {
	height: 1em;/*6px;*/
	position:relative;
	font-size: 12px;
 	color: red;
 	text-align:center;
	margin: 0;
	padding: 0;
	width:100%;
	clear:both;
	border:0;
	/*border-top: 1px solid white;*/
}


#fixedleftcolumn { /*This will appear on top of empty leftcolumn div*/
	position: fixed;
	top:14em;
	width:18%;
	/*max-width: 15em;*/
	margin: 10px 0 0 0;
}


#leftcolumncontainer { /*for three column format, this is the left container div*/
	display:inline;
	float:left;
	/*clear: left; REMOVED; breaks IE7 */
	width: 18%;
	/*max-width: 15em;*/
	background: none;
	margin:1em 0 0 0;
	padding:0;
	border:none;
	min-height:70%;/*test*/
	overflow: hidden;
}



#maincontentscontainer { /*for three column format, this is the center container div*/
	display:block;
	float: left;
	clear:none;
	/*width:63%;*/
	border: 1px solid #DDD;
	border-bottom: none;
	padding: 0;
	min-height:100%;/*test*/
	overflow: auto; /*was: hidden;*/
	background: white;/* url("/images/ShadowLeft.png") repeat-y top left;*/
}

#maincontentscontainer.overflow {
	overflow:auto;
}

#maincontentscontainer p { /* NOTE: paragraph style inherited by enclosed divs!*/
	padding: 0.5em 1em 0.5em 1em;
}

.threecolumn { /*Use for maincontentscontainer WITH right column*/
	width:63%;
	min-width:63%;
	margin: 1.5em 0 3em 0;
	border-right: 1px solid #DDD;
}

.twocolumn { /*Use for maincontentscontainer WITH NO right column*/
	width:80%; /*testing: was 81%*/
	border-right:none;
	margin: 1.5em 0 3em 0;
}

.onecolumn { /*Use for maincontentscontainer WITHOUT right OR left column*/
	width:98%;
	border-right:none;
	border-left:none;
	margin:1.5em 1em 3em 1em;
}

.alertnotice  { /* add this class to a div or link related to a special alert or notice */
	color: #DC143B; /* Same as :target */
}

#maincontents { 
	padding:3em;
	text-align:left;
	width:95%; /*added to get IE7 to work on xGDB home page - 12-2-08 */
	background-color:white;
}

#video_dialog { /*this id is used by jquery-ui dialog to create a video window */
	background-color:#eee;
}

#video_bckgd {
	color: white;
}

#video_bckgd h2 { /*this is the video title - background color should complement video_dialog bckgd*/
	color: white;
	background: #17507F;
	padding: 5px 0 6px 0;
}

#image_dialog { /*this id is used by jquery-ui dialog to create an image window */
	background-color:#999;
}

#image_bckgd img { /*this id is used by jquery-ui dialog to style an image window */
padding:5px;
width:100%;
height:100%;
}

img.thumbnail_1 {
	border: 1px dotted #CCC;
	height: 75px;
	width: 50px;
	float:left;
	margin-right:1em;
	margin-left:1em;
	margin-bottom:0.75em;
	opacity: 0.85; /* FF */
	filter: alpha(opacity=85); /* IE */
}
img.thumbnail_1:hover {
	opacity: 1.0; /* FF */
	filter: alpha(opacity=100); /* IE */
}

img.thumbnail_2, img.thumbnail_4{
	border: none; /*1px solid #CCC;*/
	float:right;
	margin-right:1em;
	margin-left:1em;
	margin-bottom:0.75em;
}

img.thumbnail_2 {
	height: 75px;
	width: 180px;
}

img.thumbnail_4 {
	height: 300px;
	width: 400px;
}


h2.border { /*top and bottom border*/
	border-top: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
	padding: 3px 0 5px 0;
} 

#rightcolumncontainer {/*for three column format, this is the right container div*/
	float:left;
	width: 18%;
	background: none;
	margin: 1em 0 0 0;
	padding: 0;
	border:none;
	min-height:70%;/*test*/
}

#leftcolumncontainer h2, #rightcolumncontainer h2 {
	/*font-variant: small-caps;*/
}

.minicolumnleft {
	width: 80%;
	min-width:80%; /*required for IE7 */
	float:left;
	margin-left: 10%;
	margin-top:10px;
}
.minicolumnleft p { 
	margin: 0 0 0 1em;
	line-height: 1.75em;
}
div.minicolumnleft h2 { /*the left menu header*/
	text-align:left;
}
.minicolumnleft_ends { /*floats above and below minicolumn div and adds rounded corners*/
	float:left;
	clear:both;
	width:80%; /* Synchronize with minicolumn left width. Be vigilant for FF2 and IE7 problems! may need min-width */
	min-height:10px;
	margin-left: 10%; /* TESTING 11-22-08*/
	background: white;
}


.minicolumnright {
	background: none;
	width:88%;/*adjust width and margin-left to center the div*/
	overflow:hidden; /*test*/
	float:left;
	margin-left: 10%;/*adjust width and margin-left to center the div*/
	margin-top:10px;
}
.minicolumnright h2, minicolumnright h2 i {
	text-align: center;
	color: #1F4B7F; /* #2B3C3F; /*was 7F0766*/ /*#BDBF00; /*4-4-09*/
}

.ie_alert {
	display: none;
}

.new { /* adds "new" glyph to a text string*/
	background: url('/images/new.png') no-repeat left;
	padding-left:32px;
}


.twitter { /* adds "18x18 twitter" glyph to a text string*/
	background: url('/images/twitter.png') no-repeat left;
	padding-left:20px;
}

.facebook { /* adds 16x16 "facebook" glyph to a text string*/
	background: url('/images/facebook.png') no-repeat left;
	padding-left:20px;
}

.warning, .warning b, .warning i, .warning u {
	color: red;
}
a.warning {
color:red;
}

div.news { /*add class showhide to get hidden div */
	display:block;
	float:left;
	width:95%;
	overflow:hidden; /* required so ie will display background across full div width */
	padding-left: 0.5em;
	clear:both;
	text-align: left;
	color: #CCC; /*#036;*/
	line-height: 1.5em; /*adjust to slightly taller than ul.leftmenu li line-height*/
	background: transparent; /*#EFFFF8; #E0EFE8;*/
}

.news ul {
	font-size:11px;
	line-height: 1.2em;
	margin: 5px 0 5px 5px;
	text-align: left;
}

.news ul li {
	padding-left:1em;
	padding-bottom:12px;
	list-style:none;
}

dl.showdd dt {
	cursor: pointer;
	font-size:12px;
	color: #006F58; /*#088F73; #083F24;*/
	margin-right:5px;
	padding:0.75em 0.5em 0.75em 1em;
	background: url('/images/triangle_yel.gif') no-repeat left;
}


dl.showdd dt i {
	color:#006F58; /*#088F73;*/
}
dl.showdd dt.highlight { /* the open news div */
	background: #FFFFBF url('/images/downtriangle_yel.gif') no-repeat left;
}
	
dl.showdd span{
font-size:10px;
}
	
dl.showdd dt:hover {
	background: #FFFFBF url('/images/downtriangle_yel.gif') no-repeat left; /* was #F3FF8F*/
}
	
dl.showdd dd{
	display:none;
	font-size: 11px; /* slightly smaller */
	margin-bottom:0.4em;
	margin-right:0.5em;
	background:white;
	text-align:justify;
	padding:1em 1.5em 1em 1em;
}

dl.allnews { /* Class not ID since can be 2 or more per page */
	font-size: 12px;
	margin-left:2em;
	margin-right:2em;
}
dl.allnews dt {
	font-size: 12px;
	padding-left:0.75em;
	margin-bottom: 0.75em;
	background: none;
	font-weight:bold;
}
dl.allnews dd {
	padding: 0 0 2em 2em;
}
	
dl.allnews dt a, dl.allnews dt a:hover { /*don't need highlighting for old news*/
	background:none;
	cursor:default;
	color:#2B3C3F; /*was 7F0766.  not colored as a link*/
}
	
.dotted { /* adds a dotted border*/
	border: 1px #CCC dotted;
}

.topmarginhalf {
	margin-top: .5em;
}
.topmargin1 {
	margin-top: 1em;
}
.topmargin2 {
	margin-top: 2em;
}
.bottommargin1 {
	margin-bottom: 1em;
}
.bottommargin2 {
	margin-bottom: 2em;
}


.box_text a, .box_text a i {
text-decoration:none;
font-size:12px
}

.vltred {
background:#FCBFDC; /*warning; light red*/
}

.vltpink {
background:#FFCFEF; /*AcDs 5D; light pink*/
}

.vltblue {
background:#CFEFFF; /*AcDs 5A; light blue*/
}

.vltgreen {
background:#CFFFE1; /*AcDs 3A light green*/
}

.vltorange {
background:#FFEFCF; /*AcDs 3D light orange*/
}

.darkgray {
background:#CCC; /*2nd placement result; lt grey*/
}


.yellow {
	background: #F5FFAF;
}

.gray {
	background: #eee;
}

.grayfont {
	color: #aaa;
}

.lightyellow {
  background: #FBFFE0;
}
 
.ltblue {
	background: #C2ECEF;
}

.ltgreen {
	background: #D1EFD1;
}

.white {
	background: white;
}
	
.bckgd1 {
	background: #D9C9D0; /*light purple*/
}

span.color1 {
	color:#333;
}

.center {
	text-align: center;
}

.shadowbottom {
	border-bottom: 2px solid #DDD;
}

span.announcement {
	margin:1em;
	font-size: 12px;
	color: #DF0D0D;
	font-weight:bold;
}
span.announcement a {
	color: #DF6300;
	text-decoration: underline;
}
/* hidden div using jquery-showhide.js */

span.link a, a.link { /*Use this for inline links within e.g. h1 tag. Adding link class to "a" tag saves us an unnecessary span!
Actually, why aren't we just using something like "h1 a { (css rules) }" ??? - Dan
 */
	font-size:12px;
	font-weight:normal;
	margin-left:3em;
}

span.heading, span.heading b {
	color: #999;
}
span.heading {
	font-size: 12px;
	font-style:italic;
	font-weight:normal;
}

span.heading a {
	color: #006F58; /*#088F73;*/
	font-size: 12px;
	text-decoration:none;
}

div.showhide  { /*the div class to place before hidden div. This is the generic styling - use classes to style*/
	display:block;
	/*float:left;	no!! if you float it, this messes up the div below between FF3 and ie7 which can't agree*/	
	width:100%;
	padding:0;
}

div.feature .showhide {
	clear:both;
	width:100%;
	padding-left: 1em;
	padding-top: 0px; /*testing 10-1-09*/
}
	
div.showhide p , div.showhide ol li{
	text-align:left;
	font-size:1.0em;
}

a.label, a.label i { /* for showhide hyperlinks*/
	display:block;
	color: #006F58; /*#088F73; /*#088F73; /* was #006F39; /*#AEAF36; /*117F4A; /*#3B9F73; /*#367D5E;*//*synchronize with global a*/
	font-size: 13px; /* changed from 12px on 7-27-10 JD*/
	background: url('/images/triangle_yel.gif') no-repeat left;
	padding-left:1em;
	white-space:nowrap;
	width: auto; /*20%;*/
	margin-top: 0.5em; /* Was 0.75em */
	text-decoration:none;
	font-style:italic;
	cursor:pointer;
}


a.label:hover { /* for showhide hyperlinks*/
	color:#CF0C14;
	background: #FFFFBF url('/images/downtriangle_yel.gif') no-repeat left;
}	

a.noimage, a.noimage:hover {
	background-image: none; /* Clear image */
}

div.hidden { /*add this class to div immed. after div.showhide to hide using jquery-showhide.js. This is generic styling - use classes to style */
	display:none;
	background-color:white;
	padding:0.5em;
	margin-top:1em;
	font-size: 1em;
	border: 1px #CCC solid;
	overflow:auto;
}
	
div.hidden a {
	font-size:1em;
	font-weight:normal;
}
	
div.news_hidden { /* secondary class to style hidden div for news*/
	padding: 0.5em;
	background-color: #F1F1F1;
	margin-top: 0.5em;
	border: 1px #CCC solid;
	overflow:auto; /*testing 11-10-10: added for AcDsTagging generate.php */
}

div.news_hidden p, div.news_hidden b, div.news_hidden strong, div.news_hidden i, div.news_hidden li {
	width:92%; 
	color:#00336F; /* changed from lighter blue JPD 8-3-09*/
	line-height:1.5em;
	text-align:justify;
	font-size:12px;
	}
	
div.more_hidden { /* secondary class to style hidden div */
	display:block;
	float:left;
	width:100%;
	border: 1px #CCC solid;
	font-size: 1.0em;
	background:#F1F1F1;/*was: green for table borders*/
	margin-bottom:1em; /*4-4-09*/
}

div.more_hidden p, div.more_hidden ul{
	font-size:11px;
	color: #2B3C3F; /*was 7F0766*/ /*same as h2 */
	background: white;
	padding:1em;
}

div.more_hidden p i, div.more_hidden p b {
	color: #2B3C3F; /*was 7F0766*/ /*same as h2 */
}

div.more_hidden p a {
	background: white;
}

div.more_hidden ul li {
	margin-left: 20px;
}

div.more_text { /*paragraph text within more_hidden div*/
	background:white;
	padding:1em;
}
	
div.more_text p {
	color:#345C8D;
	text-align:justify;
	font-size:11px;
}

div.tablecontainer {
	float:left;
	padding-left:2.5%;
	clear:both;
	width:95%;
}

/*Rounded corners styling for News and Feature divs- see http://www.dave-woods.co.uk/index.php/css-rounded-corners-revisited/*/
/*for showhide news div: 18 px circle*/
.tl1, .tr1, .bl1, .br1 {
	background-image: url(/images/circle1.gif); /* ltyellow - white*/
	width: 8px;
	height: 8px;
	font-size: 0;
}

.tl5, .tr5, .bl5, .br5 {
	background-image: url(/images/circle5.gif); /* ltblue - white*/
	width: 8px;
	height: 8px;
	font-size: 0;
}

.tl1, .tl5 {
	float: left;
}
	
.tr1, .tr5 {
	background-position: 8px 0;
	float: right;
}
.bl1, .bl5 {
	background-position: 0 8px;
	float: left;
}
.br1, .br5 {
	background-position: 8px 8px;
	float: right;
}


/* formerly header_css.php (for /search/display/data.php) */
table.utilities {
	border-collapse:collapse;
	border:1px #AAA solid;
	background:white;
	margin-left: 10px;
}


/* main contents divs*/
#maincontentsfull {
	margin-left:3em; /*change from 2em 9-10-10*/
	margin-top:3em;
	margin-right:3em; 
	min-height:50em;/* Put some height on pages that only have a few lines of text */
}

#maincontentsleft {
	height:auto;
	text-align:left;
	float: left; 
	width: 46%; 
	margin: 0; 
	padding-left: 2em; /*added 11-14-08*/
	padding-bottom: 1em;/*added 11-14-08*/
	overflow:hidden;
	clear:none;
}

#maincontentsright {
	height:auto;
	text-align:left;
	float: right;
	width: 46%; 
	margin-right: 1.5em;
	padding-left: 0;
	clear:none; 
	padding-bottom: 1em;/*added 11-14-08*/
	overflow:hidden;
}

.sequence {
	font-family: Courier, "Courier New", monospace;
	font-size: 1.2em;
}

.feature { /*used in maincontentscontainer */
	float:left;
	width:90%; /*required for ie */
	/*margin-left: 1em;*/
	padding: 1em 0 1em 0; /*formerly 2em left pad 1-12-09*/
	line-height: 1.8em;
	font-size:12px; /*match paragraph size*/
	text-align:left;/* 8-3-09 was: justify*/
	/*height:100%;*/
	clear:both;
}

div.description { /* Description of a feature. Add class showhide to include hidden div after it, alternatively add indent1 class to indent.*/
	font-size: 12px; /*TESTING 11-25-08*/
	padding-bottom: 0.5em;
	line-height: 1.50em;
}

div.description a {
	width:auto;
}
	
	
.feature p {
	margin: 0;
	font-size: 12px;
}
	
.featurelist, .directorylist {
	/*border: 1px solid #367D5E; */
	float: left;
	line-height: 1.8em;
	border-left: 0;
	padding-top:0.5em;
	margin-left: 1.5em;
	margin-right: 1em;
	padding-bottom: 0.25em;
	/*margin-bottom: 1em;*/
	width:92%;
	min-width: 92%; /* can't use width:90% for IE7; but unfortunately this breaks FF2 which needs min-width 90%*/
	z-index:2;
	clear:both;
	background: #EEF3F1; /* url("/images/grad2.gif") repeat-x top; /*light green*/
}
.featurelist_ends { /*floats above and below featurelist div and adds rounded corners*/
	float:left;
	clear:both;
	width:92%; /*11-19-08 changed from min-width:90 to fix FF2.0*/
	min-height:10px;
	margin-left: 1.5em;
	margin-right:1em;
	background: #EEF3F1;
}
 
 .featurelist_ends.top {
 	background: #EEF3F1;
}

.featurelist ul, .directorylist ul, .directorylist ol, ol.referencelist {
	/*width: 99%;*/
	margin: 0 0 0 2em;
	font-size:12px;
}

.featurelist li {
	list-style:none;
	float: left;
	/*width: 10em; splits into 2 or more columns*/
	line-height: 1.5em;
	padding-bottom:0.0em; /* Ensures that the spacing on a wrapped li will be small compared to line height*/
	padding-right: 2em;
	font-size: 12px;
}
	
.row_middle td{
vertical-align: middle;
}

.featuretable { /* font size styled separately */
    background-color:white;
    border: solid #CCC 1px;
    border-collapse: collapse;
    width: 100%;
    font-size:12px;
}


.featuretable td {
    padding: 5px 5px;
  	border: solid #CCC 1px;
	vertical-align:middle;
}

.featuretable tr {
	vertical-align: top;
	border-top: 1px solid #CCC;
}

.featuretable th {
    padding: 5px;
    margin-right: auto;
    vertical-align: middle;
    background:#175A7F;
    border: 1px solid #CCC;
    color: white;
    font-weight:bold;
}

.featuretable th i, .featuretabl th b {
	    color: white;
}

.featuretable td.reverse, .featuretable td.reverse a { /*dark bckgd white text*/
	background-color: #427C9B; /*lighter blue-green*/
	color:white;
}

.featuretable td.reverse a:hover {
	background-color: #175A7F;
	color:yellow;
}

.featuretable td.reverse:hover,.featuretable td.reverse:hover a{
	background-color: #175A7F;
}

.normalheading th
    background:none;
    border: 1px solid #CCC;
    color: #1F4B7F;

tr.gray_heading th {
	background: #CCC;
	color: #1F4B7F;
	font-weight:bold;
}

.featuretable p {
	font-size: 12px;
}

.featuretable td i {
	color: #333;
}

.featuretable td {
    padding: 5px;
}


.featuretable td a, .featuretable td a i {
	color: #006F58; /*#088F73; /*somewhat darker green*/
	text-decoration:none;
}

.featuretable td a:hover i {
	color: #2B3C3F; /*was 7F0766*/ /*somewhat darker blue*/
}

.featuretable tr.highlight, .featuretable tr.highlight i { /*used by stripeTable function to highlight hover row*/
	background: #FFFFE0;
}

td.col1 a {
	font-weight:bold;
	font-size: 1.0em;
}

/*Striping for tables with class striped - see http://www.packtpub.com/article/jquery-table-manipulation-part2*/
tr.even, tr.even i, tr.even b {
  background-color: #EEE;
}

tr.odd, tr.odd i, tr.odd b {
  background-color: #DDD;
}


table.tablesorter tbody tr.odd td {
background-color:#F0F0F6;
}


table#assemblytable td { /*used for progress.php and AssemblyRawData.php */
	font-size:12px;
}

ol.orderedlist1 {
	margin-left:3em;
	line-height:2em;
	font-size:12px;
}

.directorylist { /*used for download.php lists*/
	width:95%;
	float:left;
	clear:both;
}

.directorylist li {
	list-style:none;
	line-height:1.3em;
	margin-top: 0.25em;
}

.directorylist ul {
	width:95%;
}

.directorylist p {
	margin: 0;
	padding: 0;
	text-align:left;
}

.directorylist ol li {
	list-style-type:decimal;
	font-size: 1em;
	margin-left: 2em;
}

.directorypath p {
	margin:0;
	padding:0;
}

ul.bullet1, ol.bullet1 { /* for lists in paragraphs */
	margin-left:3em;
	line-height:1.5em;
	font-size:12px;
	margin-bottom:1em;
}


ul.bullet1 li, ol.bullet1 li {
	line-height:1.5em;
	margin-top: 0.5em; /*This sets the space between bullet items in list*/
	font-size:12px;
}



ul.bullet1 li li, ol.bullet1 li li {
	margin-left: 1em;
}

ul.listbold li a{
	font-weight: bold;
	}	

ul.listhelp li {
	margin-left: 2em;
	line-height:1.5em;
	margin-top: 0.5em; /*This sets the space between bullet items in list*/
	list-style:none;
	background: url("/images/help-icon.png") left top no-repeat;
	padding-left: 20px;
	font-size:12px;
}

a.listhelp { /*for help link in a list of other links*/
	background: url("/images/help-icon.png") left top no-repeat !important;
	padding-left: 20px !important;
}

a:hover.listhelp { /*for help link in a list of other links*/
	background: url("/images/help-icon_hover.png") left top #FBFF8F no-repeat !important;
	padding-left: 20px !important;
}


ul.listhelp li li {
	background:none;
	}

ul.condensed li{ 
	line-height:1.0em;
	margin-top: 0.75em;
	}
	
ul.contentslist { /* tables of contents within a page */
	margin:2em 2em 2em 3em;
	text-align: left;
}

ul.contentslist li { /* tables of contents within a page */
	line-height: 2em;
	font-size:12px;
}

ul.menulist li {
	text-align: left;
	line-height: 2em;
	font-size:12px;
	list-style: none;
	padding-left:2em;
}

ul.leftmenu , ul.rightmenu {/* left and right sidebar menu links */
	list-style:none;
	margin-top:0.5em;
	margin-left:1.5em;
	line-height:2.0em;
}

ul.leftmenu li, ul.rightmenu li {
	font-size: 12px; /*4-9-09*/
	line-height: 1.5em; /* sets menu list item height*/
	padding-left:0.5em;
	border-bottom: 1px #CCC dotted;
}

ul.leftmenu li a, ul.rightmenu li a {
	font-weight:normal;
	display:block;
	margin-left:-0.5em;
	width:100%; /* allows hover highlighting to extend across div width */
	border:none; /* removes any dotted border on links for this list */
	text-decoration:none;
}

ul.leftmenu li a i, rightmenu li a i {
	text-decoration:none;
}

.leftmenu .first, .rightmenu .first {
	border-top: 1px #CCC dotted;
}


div.minicolumnleft a {
	padding-left:0.75em;
	white-space:nowrap;
	overflow:hidden;
}
	
ul.leftmenu a#current, ul.topmenu a#current, ul.rightmenu a#current, ul.leftmenu a#current i, ul.topmenu a#current i, ul.rightmenu a#current i {
	background: #BFFFDD /*url('/images/triangle.gif') no-repeat left*/;
	font-weight:bold;
	color: #1F4B7F; /*(dark blue)*/
}

ul.inline-list { /*used for listing video links among other things*/
	margin-left:1em;
	margin-top:0.5em;
	font-size:12px;
}

ul.inline-list li{
	display:inline;
	margin-left:1em;
}

a.info {
	background: #CCC;
	color: white;
}
#searchbox {
	float:left;
	width:100%;
	margin:0;
}

#searchbox p {
	color: gray;
	font-weight:bold;
	text-align:justify;
}

#footer {
	float:left;
	width:100%;
	margin: 0;
	padding-bottom: 1em;
	background: #358F6C;
	text-align: center;
}

#footer ul {
	width: 75em; /* adjust to total width of footer text; otherwise it won't center correctly */
	margin-right:auto;
	margin-left:auto;
}

#footer ul, #header ul, #userlogin ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-top:10px;
}

#footer li.last, #header li.last, #userlogin li.last {
	border-right:none;
}
	
#footer li {
	border-right:1px solid #BBB;
	display:inline;
	padding-left:0.5em;
	padding-right:1.0em;
	font-size:12px;
	white-space:nowrap;
}


#footer p, #header p, #userlogin p {
	color: #E0EFE8;
	font-size:0.9em;
	margin-left:2em;
}
#footer a, #header a, #userlogin a {
	color: #E0EFE8; /*light green*/
	text-decoration:none;
}


/*Accordion.js modified from: http://bassistance.de/jquery-plugins/jquery-plugin-accordion*/
/* Used for FAQ page*/
/*uses both jquery.accordion.js and function showhide2*/


.showhide2 a.faqCategory { /* FAQ category, click to reveal questions */
	display:block;
	font-size:14px;
	padding: 2px 0 2px 1em ;
	margin: 1em 2em 1em 0;
}

.showhide2 a:hover.faqCategory {
	color: #2B3C3F; /*was 7F0766*/
	background:none;
}
	
#showhide2Control {
	margin: 15px 0 5px 10px;
}

#showhide2Control a {
	color: #999;
	font-size: 0.95em;
	text-decoration: none;
}

#showhide2Control a:hover {
	color: #104D33;
	text-decoration: underline;
}

div.accordtitle { 
	font-size:12px;
	color: #006F39;
	text-decoration: none;
	padding-left: 1em;
	margin-left:3em;
	background: url('/images/triangle.gif') no-repeat left;
}

div.accordtitle.selected,
div.accordtitle:hover {
	background: url('/images/downtriangle.gif') no-repeat left;
}
	
#accordion { 
	border: none;
	width:100%;
	margin-left:10px;
}

#accordion div.accordtitle {
	border: none; /*1px solid #3366AA;*/
	width:90%;
	text-align:left;
	padding: 0.5em 0 0.5em 1em;
	text-align:left;
	cursor: pointer;
	font-size:1.2em;
}
	
#accordion .accordtitle a{
	text-decoration: none;
}

#accordion div.selected .accordtitle a, #accordion div.selected .accordtitle a:focus{
	background: white;
	border: none;
}

#accordion div div.accordtext {
	margin-left: 2em;
	width:90%;
	border: 1px solid #CCC;
	background: #DDD;
	padding: 1em;
}

.accordtext p, accordtext p i, accordtext p b {
	font-size:12px;
	margin: 0;
	line-height:1.5em;
	color:#1F4B7F; /*dark blue*/
}

.accordtext ul li, ol li {
	font-size:12px;
	list-style-position: outside;
	padding:2px;
	margin-left:2em;
	line-height:1.5em;
	list-style:disc;
	color: #1F4B7F;
}

.accordtext ul li li, ol li li { /*this styles the "to get there" part of the list*/
	font-size:12px;
	color: #1F4B7F;
	list-style:none;
	line-height:1em;
	margin:1em 0;
}


/*Styles for Treeview jquery help menu structure */
/* see also treeview.css*/
	

#helpcontents_title a, #helpcontents_tree a {
	border:none;
}

#treecontrol a {
	color: #036;
	text-decoration: none;
	font-weight: normal;
}

	
#treecontrol a.sitemapcontrol {
	color: #555;
	font-size: 0.95em;
}

#treecontrol a:hover {
	color: #104D33;
	text-decoration: underline;
}

ul.sitemap {
	padding-left:5em;
	line-height: 1em;
}

 /*Styles for Help pages */





#helpcontentscontainer { 
/*display:block;*/
	/*float:left;*/
	clear:none;
	background:white;
	margin-top: 1.5em;
	margin-left:18%;
	margin-right:20%; /*4-30-09*/
	margin-bottom: 3em;
	border: 1px solid #CCC;
	min-height:100%;
	width:auto;
}

#helpcontentscontainer p, #helpcontentscontainer li { /*wider text spacing for help pages paragraphs*/
	line-height:1.75em;
	font-size: 13px;
}

.introcontainer {
	padding:25px 0 10px 25px;
	width: 100%; /*width:575px;*/
}
	
.sectioncontainer {
	padding:30px 0 10px 30px;
	width: 90%; /*width:575px;*/
	text-align:justify;
}
	
.sectioncontainer#start, /* Phase out this ID as it often causes validation errors */
.sectioncontainer .start {
	border:none;
	padding-top:40px;
}

.subsectioncontainer { /*  subsection below a subsection, has border-top */
	padding:25px 25px 10px 50px;
	margin: 0;
	width: 90%; /*width:550px;*/
	height:auto; /*was:100%;*/
	text-align:justify;
}
	
.figure {
	display: block;
	clear: right;
	margin: 2em;
}
	
img.helpfigure {
	width: auto; /*was:100%;*/
	max-width: 100% ; /* was: 700px; /*prevents screenshots from getting TOO big! */
	border: 1px solid #CCC;
}

.textbox {
	width:100%;
}

/*styles for Help menu fixed divs */
/**********************************/

#menu_fixed { /*This will appear on top of empty leftcolumn div*/
	position: fixed;
	top: 108px;
	left:0;
	width:18%;
}


#treetitle_fixed { /*fixed  title for Help page contents */
	position:fixed;
	overflow:auto;
	left:83%; /*1.3%;*/
	top: 106px;
	font-size:1.0em;
	max-width:100%;
	text-align:center;
	width:16%;
}
	
#treemenu_fixed { /*fixed menu tree for Help page contents */
	position:fixed;
	max-height:68%; /* Adjust as appropriate to insure  scroll bar reaches far enough when contents list gets too long for  window */
	overflow:auto;
	left: 83%; /* ADJUST % to center div in left column area */
	top: 200px;
	max-width:100%;
	min-width: 12em; /*stop menu from shrinking when page reaches min width*/
	padding:2px 2px;
	margin-top:-25px;
	text-align:left;
	width:16%;
}
	

ul#globalcontroltree a{ /* containing element for sitemap list items */
	font-size:12px;
	margin-left:1em; /*was 2em*/
}

ul#navigationtree a{
	font-size: 1em;
}
	
#navigationtree {
	background-color: #E0EFE8;
}



/*-- old PlantGDB menu.css --*/
#topright { 
	position:absolute;
	top:2px; right:4px;
	color: white;
	margin-top:0.0em;
}

#sitesearch {
	margin-left:50px; 
	padding-top:7px
}

#lowerright { 
	position:absolute;
	top:75px; right:35px;
	margin-top:0.0em;
}


#topleft {
	position: absolute;
	top: 2px;
	left: 5px;
	width: auto;
}

#topleft ul, #topright ul, #lowerright ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
	
#topleft li, #topright li, #lowerright li {
	line-height: 1.5em;
	color: white;
	font-size:11px;
	font-weight:bold;
}
	
#topleft a,#topleft a:visited, #topright a, topright a:visited, #lowerright a, #lowerright a:visited {
	color: white;
	font-size: 10px;
	text-decoration: none;
}

#topleft li a:hover, #topright li a:hover, #footer li a:hover, #lowerright li a:hover {
	color: #306F55;
	background:#FEFFBF;
	text-decoration:none;
}

#header li, #userlogin li {
	border-right:1px solid white;
	display:inline;
	padding-left:.75em;
	padding-right:.75em;
	font-size:11px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
}

#nav a {
	display: block;
	width: 80px;
}

#nav li {
	float: left;
}

#nav li ul a {
	width: 100px;
	width: 105px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	width: 110px;
	margin: 0 0 0 -40px;
}

#nav li ul ul {
	margin: -1.2em 0 0 100px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}

ul.myMenu li.spacer, ul.myMenu li.spacer:hover, li.spacer over
{
	background: transparent;
	border: none;
	width: 5px;
}
ul.myMenu li
{
	border: solid gray 1px;
	background: #abf4ad;
	width: 80px;
}
ul.myMenu li a
{
	font-weight:bold;
	text-decoration:none;
	font-family:Arial;
	font-size:12px;
	color:black;
	/*font-variant:small-caps;*/
}
ul.myMenu li ul li
{
	text-align: left;
	padding: 0;
	margin: 0;
	text-indent: 3px;
	border: solid green 1px;
	width: 100px;
}
ul.myMenu li ul li a
{
	font-weight: normal;
	font-variant: normal;
}
#nav li li a:hover {
	background: green;
	color: #abf4ad;
}
ul.myMenu li:hover, ul.myMenu li.sfhover
{
	background: green;
	color: #abf4ad;
}
#nav li a:hover
{
	text-decoration: none;
	color: #abf4ad;
}
#nav li a
{
	text-decoration: none;
	color: black;
}


/* Ac/Ds tables */



table#myTable { /* This is the table style for records, placement, sequence views. Sortable, highlight */
	font-size:12px;
	border-collapse:collapse;
	overflow:auto;

}
table#myTable th {
	background: #175A7F;
	font-size:12px;
	color:white;
	font-weight:bold;
	padding:4px;
}

table#myTable th:hover {
	cursor:pointer;
	color: white;
	background: #3684AF; /*lighter blue*/
}
table#myTable td {
	padding:7px;
	vertical-align:middle;
}
table#myTable td.red {
	padding:7px;
	color:red;
}

table#myTable td a  {
	color: #006F58; /*#088F73; /*for AcDs records.php;  green*/
	text-decoration: none;
}

table#myTable td a:hover {
	color: #CF0C14; /*for AcDs records.php; dark red*/
}


a.btn-slide, a.btn-slide1, a.btn-slide2, a.btn-slide3, a.btn-slide4 {
	cursor:pointer;
	color: #358F67;
	text-decoration: none;
}

seqTextArea { /*for AcDs nucleotide sequence */
	padding:1em;
}

.geneTable td {
	text-align: left;
	padding: 10px;
}

.geneTable td a {
	text-decoration: none;
}

.placementTable { /* font size styled separately */
    background-color:white;
    border: solid #CCC 1px;
    font-size:12px;
    border-collapse: collapse;
    max-width: 95%;
    margin-left:20px;
}


.placementTable td {
    padding: 4px; /* was 5px*/
    border: 1px solid #CCC;
    text-align:center;
}

.placementTable tr {
	vertical-align: top;
	border-top: 1px solid #CCC;
}

.placementTable th {
    padding: 2px;
	padding-right: 5px;
    margin-right: auto;
    text-align:right;
    text-align: center;
    background:#D1DFD9;
    border: 1px solid white;
    width:10%;/*changed from 20% for new data model 5-26-09*/
}

.placementTable p {
	font-size: 12px;
}

.placementTable td i {
	color: #333;
}

.placementTable col.wide {
	width: 200px;
}
.placementTable tr.highlight, #myTable tr.highlight, .featuretable tr.highlight i { /*used by stripeTable function to highlight hover row*/
	background: #FFFFE0; /* was #FEFFBF*/
}

.placementTable a:link, .placementTable a:visited{
	text-decoration:none;
}

.placementTable a.highlight {
	background: #FFFFE0;
}

#placementSummary td {
	padding: 2px 10px;
}

/*Highlight empty fields in AcDs order form*/
.empty_field	{
	color:red;
	font-weight:bold;
	font-style:italic;
}

/*Highlight empty text box in Seed order form*/
.empty_tbox	{
	background-color: #FFFFCC ;
}

/*If the barcode is unique in barcode_add.php use this - Green font */ 
.valid_barcode	{
	color: #009900;
	font-weight: bold;
}

table.data_entry td, table.data_entry th { /*AcDs Request Form*/
font-size: 12px;
padding-left:10px
}

.data_entry input {
font-size: 13px;
color:#666;

}

textarea.data_entry {
font-family: Lucida Grande, Arial, Helvetica, sans-serif;
font-size: 13px;
color:#666;
}

table#header_functions { /*various data table pages with search functions*/
font-size: 12px;
}
table#header_functions td {
padding-right: 12px;
padding-bottom: 5px;
}

.placement_note a, span.placement_note { /* adds "new" glyph to a text string*/
	background: url('/images/note.png') no-repeat left;
	padding-left:24px;
}
.placement_note a:hover { /* adds "new" glyph to a text string*/
	background: #FFFFBF url('/images/note_hover.png') no-repeat left;
	padding-left:24px;
	color: #CF0C14;
}


.ds a { /* adds "new" glyph to a text string*/
	background: url('/images/ds.gif') no-repeat left;
	padding-left:24px;
}

.ds a:hover { /* adds "new" glyph to a text string*/
	background: #FFFFBF url('/images/ds.gif') no-repeat left;
	padding-left:24px;
	color: #CF0C14;
}


.ds_right a { /* adds "new" glyph to a text string*/
	background: url('/images/ds_right.gif') no-repeat left;
	padding-left:24px;
}

.ds_right a:hover { /* adds "new" glyph to a text string*/
	background: #FFFFBF url('/images/ds_right_hov.gif') no-repeat left;
	padding-left:24px;
	color: #CF0C14;
}

.ds_left a { /* adds "new" glyph to a text string*/
	background: url('/images/ds_left.gif') no-repeat left;
	padding-left:24px;

}

.ds_left a:hover { /* adds "new" glyph to a text string*/
	background: #FFFFBF url('/images/ds_left_hov.gif') no-repeat left;
	padding-left:24px;
	color: #CF0C14;

}


.gbk a, .gbk a:visited{ /*icon only links */
	background: transparent url('/images/genbank.gif') no-repeat center !important;
}
.gbk a:hover{
	background: transparent url('/images/genbank_hov.gif') no-repeat center !important;
}

.gbk_id a, .gbk_id a:visited{ /*icon plus text links */
	background: transparent url('/images/genbank.gif') no-repeat left !important;
	padding-left:20px;

}
.gbk_id a:hover{
	background: #FFFFBF url('/images/genbank_hov.gif') no-repeat left !important;
	padding-left:20px;
	color: #CF0C14;
}

.all_ds a, .all_ds a:visited{ /* icon only*/
	background: transparent url('/images/all_ds.gif') no-repeat center !important;
	padding:8px;
}
.all_ds a:hover{
	background: transparent url('/images/all_ds_hov.gif') no-repeat center !important;
	padding:8px;
}

.gdblink a, .gdblink a:visited, .commcent a, .commcent a:visited {
	align: center;
	display:block;
	padding:9px;
}

span.zmgdb a:link, .zmgdb a:visited { /* adds glyph to a text string*/
	background: transparent url('/XGDB/images/zmgdb.gif') no-repeat center;!important;
}
span.zmgdb a:hover{
	background: transparent url('/XGDB/images/zmgdb_hov.gif') no-repeat center; !important;
}
span.maizeseq a:link, .maizeseq a:visited{
	background: transparent url('/XGDB/images/maizeseq.gif') no-repeat center;!important;
}
span.maizeseq a:hover{
	background: transparent url('/XGDB/images/maizeseq_hov.gif') no-repeat center; !important;
}
span.maizegdb a:link, .maizegdb a:visited{
	background: transparent url('/XGDB/images/maizegdb.gif') no-repeat center;!important;
}
span.maizegdb a:hover{
	background: transparent url('/XGDB/images/maizegdb_hov.gif') no-repeat center; !important;
}

tr.not_current td, tr.not_current td i, tr.not_current td a{ /* for genome browsers table */
color: #888;
background: #DDD;
}

tr.current td { /* for genome browsers table */
background: #AAA;
}
/***************xGDB Styles*********************/

table.SampleTable { /* from Search.pl */
	width:400px;
	border-collapse:collapse;
	border: 1px solid #CCC;
	font-size:12px;
}

table.SampleTable td {
	padding: 5px;
}

table.SampleTable th {
	font-size: 12px;
	padding: 5px;

}

table.JumpTable { /* genome context track table */
	background:white;
}
	
table.LinkTable { /* GetRegion.pl */
	font-size: 12px;
	border-collapse:collapse;
	border: 1px solid #CCC;
}
	
table.LinkTable td {
	padding:2px 5px 2px 5px;
}


a#selfReference { /* small link in upper left Genome Context */
 	float:left;
	font-size: 10px;
	color: #999;
	font-style:normal;
	margin-right:10px;
	margin-top: 0px;
}
	
table#ResourceTable, table#DownloadTable {
	margin-left:2em;
	border-collapse:collapse;
	border: none;
}
table#ResourceTable td p, table#DownloadTable td, table#DownloadTable th {
	font-size: 12px;
	padding:2px;
}
table#ResourceTable td h2 {
	font-size: 15px;
}

/************* Search.pl in XGDB***************/

table#searchTable td {
	padding:5px;
	font-size: 12px;
}

table#alignTable {
	margin: 1em 0;
	border-collapse:collapse;
	border:1px solid #AAA;
	width:90%;
}
table#alignTable th {
	background: #338262;
	color:white;
}
	
table#alignTable th, table#alignTable td {
	font-size:12px;
	padding:5px;
	text-align:center;
}

table#alignTable img { 
	width:500px; /*changed 7-6-10 JPD from 100%*/
}

textarea.DataEntry {
	background: #FFFFDF;
}
table#optionsTable th, table#optionsTable td { /*from search.pl*/
	font-size:12px;
	padding:0px;
}

table#assemblyTable {
	border-collapse:collapse;
	border:none;
	font-size: 12px;
	font-weight:normal;
	margin: 1em;
}
	
table#MailingList { /* Mailing list */
	font-size:12px;
	margin-left:3em;
}
/***color classes for track types in search.pl ********/
span.trackCheck {color:white; font-weight:normal; background:#222; padding:1px 5px; margin:0 10px 0 5px; line-height:1.5em; white-space:nowrap;}



/*** styling for xGDB Help ****/

img.help-button, img.help-button-small { /*this is the ? button that opens either a normal or small sized div for dialog jquery ui*/
margin-bottom: -3px;
}


/*** CpGAT Style in XGDB ***/

table#transcript_table, table#protein_table {
	margin-left:30px;
}

table#transcript_table th, table#protein_table th {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	font-size:12px;
}

table#transcript_table td, table#protein_table td {
	font-size:12px;
}

tr.row_all { /* style for CpGAT table */
	background-color:#DDD;
}

tr.row_all td{ /* style for CpGAT table */
	font-size:12px;
}

tr.row_group td { /* style for CpGAT table */
	border-bottom: 1px solid black;
	padding-top:10px;
}

tr.row_group td{ /* style for CpGAT table */
	font-size:12px;
}