/*body
- set margins and padding to "0"
- set default font 
- from here on all fonts will be in "ems"  - all are relative to this setting*/

a img {
	padding: 0px;
	margin: 0px;
}
body {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	color: #333333;
  	background-color: #FFFFFF;
  	font: 74% Verdana, Arial, Helvetica, sans-serif;
}

/* global text */

h1 {
	font-size: 1.2em;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight: bold;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.1em;
	margin-left: 5px;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: bold;
	color: #333333;
	/*letter-spacing: 0.1em;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
	font-size: 1.0em;
	margin-left: 5px;
	margin-top: 15px;
	margin-bottom: 2px;
	font-weight: bold;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

h4 {
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 5px;
	font-weight: bold;
	color: #666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style: italic;
}
.h4indent {
	margin-left: 10px;
}

p {
	font-size: 1em;
	line-height:1.3em;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
	color: #333333;
}


/* START SPECIFIC TEXT FORMATTING for content*/
/* .pIndentMoreAir applied to <p> */
.pIndentMoreAir {
	margin-left: 40px;
	line-height: 2em;
}
.pListAboveStrongEmph {
	margin-top: -8px;
	font-style: italic;
	font-weight: bold;
}
.pListUnder {
	margin-bottom: -8px;
}

/* used in individual sections */
h1 .aboutSpan {
	color:#0066CC;
}

h1 .discussSpan {
	color: #CC00CC;
}

h1 .searchSpan {
	color: #CC6633;
}

h1 .submitSpan {
	color: #006600;
}

h1 .whatsNewSpan {
	color: #990099;
}

/* ------------- */


/* global link settings */
a { 
	color: #0000FF;
	text-decoration: none;
}

a:link {
	color: #0000FF;
	text-decoration: none;
}

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

a:hover {
	color: #0000FF;
	text-decoration: underline;
}

a:active {
	color:#666666;
}

/* global image display */
img {
	border: none;
}

/* PAGE STRUCTURE */

/* #wrapper<div>  global container for whole page */

#wrapper {
	/*width: 770px;*/
	width: 65em;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0px;/* was 3 px*/
	padding-left: 0px;/* was 3 px*/
}

/*  #wrapper<div> : <table> : <td> : #function<div> */
#function {
	font-size: 0.8em;
}

/*  #wrapper<div> : <table> : <td> : #function<div> : .time<div> */
.time {
	color: #666666;
	margin-bottom: 5px;
	padding-right: 5px;
}


/*  #wrapper<div> : <table> : <td> : #function<div> : .functionBox<table> : .bordered<td> */

/* #functionBox .bordered
- class is applied to top td to give it a border
- sets padding for enclosed table
*/

#function .functionBox .bordered {
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;		
}

/*  #wrapper<div> : <table> : <td> : #function<div> : .functionBox<table> : .bordered<td> : #textPrintTrans<table> : td  */
/*  #textPrintTrans td -sets the defat padding */

#textPrintTrans td {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 0px;	
}

/* end functionBox // end function */






/* HORIZONTAL NAVIGATION  */

/*  #wrapper<div> : <table> : #horizNav<table> */

#horizNav {
	/*width: 100%;*/
	height: 1.2em;
	border: 1px dotted #999999;
	font-size: 1.1em;
	font-style: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#666666;
	padding-top:3px;
	padding-bottom:3px;

}


/*  #wrapper<div> : <table> : #horizNav<table> : <td> : .inner<table> : <td> */

#horizNav .inner {
	float: left;
	font-weight: bold;
}
#horizNav .signInHolder {
	float: right;
	font-size: 0.8em;
}

#horizNav .signInHolder a {
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}


a.right {
	border-left: 1px solid #000000;

}


#horizNav .inner td {
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}


#horizNav .inner a {
 	text-decoration: none;
	display: block;
	width: 4em;
	padding: 0px;
	margin-right: 2px;
	margin-left: 2px;
}

#horizNav .inner a:visited {
 	text-decoration: none;
}

#horizNav .inner a:hover {
	background-color: #FFFFCC;
}

#horizNav .inner a:active {
	color:#000000;
}

/* #horizNav individual links classes */


/* .home  */
/*  #wrapper<div> : <table> : #horizNav<table> : .home<td> : <a> */
#horizNav .home a:link {
	color: #666666;
}

#horizNav .home a:visited {
	color: #666666;
}

#horizNav .home a:hover {
	color: #666666;	
}

#horizNav .home a:active {
	color:#999999;
}


/*  .about  */
/*  #wrapper<div> : <table> : #horizNav<table> : .about<td> : <a> */
#horizNav .about a:link {
	color:#0066CC;
}
#horizNav .about a:visited {
	color:#0066CC;
}
#horizNav .about a:hover {
	color:#666666;	
}
#horizNav .about a:active {
	color:#999999;
}

/*  .discuss  */
/*  #wrapper<div> : <table> : #horizNav<table> : .discuss<td> : <a> */
#horizNav .discuss a:link {
	color: #CC00CC;
}

#horizNav .discuss a:visited {
	color: #CC00CC;
}

#horizNav .discuss a:hover {
	color: #666666;	
}

#horizNav .discuss a:active {
	color:#999999;
}

/* .submit  */
/*  #wrapper<div> : <table> : #horizNav<table> : .submit<td> : <a> */
#horizNav .submit a:link {
	color:#006600;
}

#horizNav .submit a:visited {
	color:#006600;
}
#horizNav .submit a:hover {
	color: #666666;
}
#horizNav .submit a:active {
	color:#999999;	
}

/*  .search  */
/*  #wrapper<div> : <table> : #horizNav<table> : .search<td> : <a> */
#horizNav .search a:link {
	color: #CC6633;
}

#horizNav .search a:visited {
	color: #CC6633;
}

#horizNav .search a:hover {
	color: #666666;	
}

#horizNav .search a:active {
	color:#999999;
}


/* END HORIZONTAL NAVIGATION  */

/* START SHELL TABLE STRUCTURE  */

/*  #wrapper<div> : <table> : #shell<table> */

/*  #shell - has 4 tds all with their own class, all have different border properties */

#shell {
	width: 100%;
	margin-top: 5px;
}

/*  #wrapper<div> : <table> : #shell<table> : <td>  */
/* #shell td
		- sets bg image for cells in #shell
		- is over-ridden in individual class decorations for nested table <td>s */

#shell td {
}

/* #shell table individual <td>s */

 
/* #shell .topLeftShell
		- no content - presentation only
		- grey bar on top
		- sets border and cell height - contains &nbsp; which needs its height governed
*/

/*  #wrapper<div> : <table> : #shell<table> : .topLeftShell<td>  */
#shell .topLeftShell {
	background-color: #DCDCDC;
	line-height: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-style: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	border-bottom-style: none;
}
/* 
 
/* #shell .topRightShell
		- Top Right <td> of #shell<table>
		- no content - presentation only
		- grey bar on top
		- sets border and cell height - contains &nbsp; which needs its height governed */
					
/*  #wrapper<div> : <table> : #shell<table> : .topRightShell<td>  */
#shell .topRightShell {
	background-color: #DCDCDC;
	line-height: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-style: none;
}

/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td>  */
/*  #shell .menuShell
		- Middle Left <td> of #shell<table>
		- width is set in ems to accomodate text resizing
		- sets border and bg image
*/

#shell .menuShell {
	background-color: #DCDCDC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
	border-left-color: #999999;
	width: 11em;/*CHANGED from 10em works --*/
	vertical-align: top;
}

/*  #wrapper<div> : <table> : #shell<table> : .contentShell<td>  */

/*  #shell .contentShell
		- Middle Right <td> of #shell<table>
		- turns off background image
*/
#shell .contentShell {
	vertical-align: top;
	border-right: 1px solid #999999;
}

/*  #wrapper<div> : <table> : #shell<table> : .menuShellBotLeft<td>  */
/* 
#shell .menuShellBotLeft
		- Bottom Left <td> of #shell<table>
		- borders are set
		- td has no content
*/
#shell .menuShellBotLeft {
	background-color: #DCDCDC;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
	border-left-color: #999999;
}

/*  #wrapper<div> : <table> : #shell<table> : .footerShell<td>  */
/*
#shell .footerShell
	- Bottom Right <td> of #shell<table>
*/
#shell .footerShell {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

/* END SHELL TABLE STRUCTURE  */

/*  START LEFT MENU STRUCTURE */
/* --------- */
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menuTitle<div> */
/*
#menuTitle
	- top most div in td.menuShell
	- div to hold menu title - one word
	- width is set in ems to accomodate text resizing
	- has margins set to position it in the surrounding td
*/
#menuTitle {
	margin-top: 10px;
	margin-right: 15px;
	width: 9em;/* was 9--*/
	margin-left: 10px;
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

/* #menuTitle (individual classes) for each section */
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menuTitle<div> : .submit<span> */
#menuTitle .submit {
	color: #006600;
}

#menuTitle .search {
	color: #CC6633;
}

#menuTitle .discuss {
	color: #CC00CC;
}

#menuTitle .about {
	color: #0066CC;
}
#menuTitle .whatsNew {
	color: #990099;
	}
/* --------- */


/* SPECIAL #menuTitle HACKS for individual pages */
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menuTitle<div> : <table> */
/*  #menuTitle table - this is a 2 td table that only appears on the help, email and glossary pages */
#menuTitle table {
	width: 100%;
	font-size:0.9em;
}
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menuTitle<div> : <table> : .imageTd<td> */
/* #menuTitle .imageTd - formats table to hold image */
#menuTitle .imageTd {
	padding-left: 6px;
	padding-right: 0px;
	width: 21px;
	vertical-align: middle;
}
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menuTitle<div> : <table> : .imageTd<td> : .moreTopMarg<div>  */
/* used only on "email notification page"*/
.moreTopMarg {
	margin-top: 6px;
	padding-left: 0px;
	width: 21px;
}
/* --------- */


/* start #menu formatting  */
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menu<div> */
/*
#menu
		- width is set in ems to accomodate text resizing
		- has margins set to position it in the surrounding td
		- contained links are set to display block - margins and padding are set here
*/

#menu {
	margin-top: 10px;
	width: 11em;/* was 9--*/
	margin-left: 9px;/* was 10--*/
	font-size: 0.9em;
}

/* START #menu LINKS
	- width is set in ems to accomodate text resizing
	- sets border bottom
*/
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menu<div> : <td> : a */
#menu a {
	display:block;
	width: 10em;/*was 9*/
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;

	}
	
#menu a:link {
	background-color: #DCDCDC;
	color: #333333;
}

#menu a:visited {
	color: #333333;
	
}

#menu a:hover {
	color: #000000;
	background-color: #FFFFCC;
}

#menu a:active {
	color: #000000;
}

#helpBox .pubMed a img {
	border-bottom: 1px solid #DCDCDC;
}
#helpBox .pubMed a:hover img {
	border-bottom: 1px solid #333333;
}
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #menu<div> : .on<td> : a */
/*
#menu .on
	- applied to td
	- sets the link bg color and text color for the link
*/

#menu .on a {
	color: #000000;
	background-color: #FFFFCC;
}
#menu .on a:visited {
	color: #000000;
	background-color: #FFFFCC;
}
/* END #menu LINKS */


/*  START #helpBox formatting */
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #helpBox<div> */
/*  #helpBox structure */ 
#helpBox {
	margin-top: 10px;
	width: 10em;
	margin-left: 9px;/* was 10--*/
	font-size: .9em;
}
/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #helpBox<div> : <table> : <td> */
#helpBox td {
	padding-bottom: 6px;
}
/*  #helpBox LINKS */ 

/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #helpBox<div> : <table> : <td> : a  */

#helpBox a {
	width: 7em;
	margin-right: 0.2em;
	text-decoration: none;
	padding: 4px;
	color: #333333;
	display: block;
}

#helpBox a:visited {
	color: #333333;
}

#helpBox a:hover {
	text-decoration: underline;
}

#helpBox a:active {
	color: #000000;
}

/*  #wrapper<div> : <table> : #shell<table> : .menuShell<td> : #helpBox<div> : <table> : .noBlock<td> : a  */
/* -- #helpBox .noBlock a needed to make the image link dislay as an inline one to stop the hover effect */
#helpBox .noBlock {
	padding: 0px;
}
#helpBox .noBlock a {
	display: inline;
}
/*  END #helpBox formatting * /
/*  END LEFT MENU STRUCTURE */



/*  START CONTENT STRUCTURE */
/* all content is in .content<div> */

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> */
#wrapper #shell .contentShell .content {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	min-height: 410px;
}
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : <table> */
#shell .contentShell .content table {
	width: 100%;
}
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : <table> :<td>  */
/* need to turn off background image again */
 #shell .contentShell .content td {
	vertical-align: top;
	padding: 10px;
}
/* this is to fix the display problem of the search hints table */
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : <table> : <td> :<table> : <td> */
#shell .contentShell .content td table td {
	vertical-align: top;
	padding: 0px;
}

/* breadcrumb  */
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : <table> : .breadcrumb<div> */
#shell .contentShell .content .breadcrumb {
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 0.9em;
}

/* -------------------------------*/

/* START Index Page specific formatting */

ul {
	margin-left: 10px;
	padding-bottom: 0px;
	list-style-type: circle;
	font-size:1em;
}
ol {
	font-size:0.9em;
}

li {
	margin-bottom: 5px;
}

/* LIST STRUCTURE index page */
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> :   */
/*#wrapper #shell .contentShell .content #main ul*/
#index #shell .contentShell .content #main ul {
	margin-left: -10px;
	font-size: 0.9em;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	list-style-type: none;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> :   : li */
/*#wrapper #shell .contentShell .content #main li*/ 
#index li {
	margin-top: 1px;
	margin-bottom: 2px;
	margin-left: 0px;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> :   : li  : <strong> : a */
/*  makes the "&raquo;" on the index page bold and blue */
#wrapper #shell .contentShell .content #main li strong {
	color:#0000CC;
}


/* START  LINK formatting for links in list on index page */	
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : a  */
#shell .contentShell .content #main a {
	display: block;
	width: 80%;
	padding-left: 3px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
	color: #333333;
}

#shell .contentShell .content #main a:link {
	color: #333333;
}

#shell .contentShell .content #main a:visited {
}

#shell .contentShell .content #main a:hover {
	background-color: #FFFFCC;
}

#shell .contentShell .content #main a:active {
	color:#000000;
}
/* END  LINK formatting for links in list on index page */

/* START formatting #main<table>  individual <td>s* /


/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .search<td>  */
/*  .search  */
#shell .contentShell .content #main .search {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #666666;
	border-bottom-color: #666666;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .submit<td>  */
#shell .contentShell .content #main .submit {
	padding-left: 15px;
	padding-right: 0px;
	border-bottom-width: 1px;	
	border-bottom-color: #666666;
	border-bottom-style: dotted;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .discuss<td>  */
#shell .contentShell .content #main .discuss {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-right-color: #666666;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .about<td>  */
#shell .contentShell .content #main .about {
	padding-left: 15px;
	padding-right: 0px;
	border-bottom-width: 1px;
}

/*start whatsNew<td> formatting*/
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .whatsNew<td>  */
#shell .contentShell .content #main .whatsNew {
	width: 13em;
	padding-right: 0px;
}
#shell .contentShell .content #main .whatsNew h1 {
	color: #990099;
}


#wrapper #shell .contentShell .content #main .whatsNew p {
	margin-left: 0px;
	font-size: 0.9em;
}
#wrapper #shell .contentShell .content #main .whatsNew div p {
	/*margin-left: 0px;
	font-size: 0.8em;*/
}
#wrapper #shell .contentShell .content #main .whatsNew  a {
	color:#666666;
	width: 100%;
	border: 1px solid #E1E1E1;
	padding:3px;
}
#wrapper #shell .contentShell .content #main .whatsNew  a .bolder {
	font-weight: bold;
}
#wrapper #shell .contentShell .content #main .whatsNew  a .underline {
	text-decoration: none;
	color:#0000CC;
}
#wrapper #shell .contentShell .content #main .whatsNew  a:hover .underline {
	text-decoration: underline;
	
}

#wrapper #shell .contentShell .content #main .whatsNew p a strong {
	color:#0000CC;
	/*margin-left: -10px;*/
}
/*end whatsNew<td> formatting*/

/* START formatting #main<table> <h1>s */

#index #shell .contentShell .content #main h1 {
	margin-bottom: 3px;
}
/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .search<td> : h1  */
#shell .contentShell .content #main .search h1 {
	color: #CC6633;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .submit<td> : h1  */
#shell .contentShell .content #main .submit h1 {
	color:#006600;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .discuss<td> : h1  */
#shell .contentShell .content #main .discuss h1 {
	color: #CC00CC;
}

/*  #wrapper<div> : <table> : #shell<table> : #contentShell<td> : .content<div> : #main<table> : .submit<td> : h1  */
#shell .contentShell .content #main .about h1 {
	color:#0066CC;
}

/* END formatting #main<table>  individual <td>s* /

/* END Index Page specific formatting */


/* FOOTER */
/*
#footer
- hold 2 divs ".botNav" and ".footerInfo"
- font size is set here
- background color and padding are set to white for enclosed table tds
*/

/*  #wrapper<div> : <table> : #shell<table> : footerShell<td> #footer<div>  */
#shell  #footer {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}


/*  #wrapper<div> : <table> : #shell<table> : footerShell<td> #footer<div> : .botNav<div> */

#shell #footer .botNav {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	font-size: 0.8em;
}
/*  #wrapper<div> : <table> : #shell<table> : footerShell<td> #footer<div> : .botNav<div> : td */
#shell #footer .botNav td {
	text-align: center;
	vertical-align: top;
	padding: 2px;
}



/*about: partners page table--------*/
.partners .imagePart {
	padding: 2px;
	vertical-align: middle;
	text-align: center;
	background-color: #6BA2CC;
}
/* SearchHintsTable formatting*/
#shell .contentShell .content #SearchTable #SearchHintsTable  {
	margin-top: 20px;
}
#shell .contentShell .content #SearchTable #SearchHintsTable td {
	padding: 10px;
	background-color: #F2E0A2;
	border: 1px solid #FF6633;
	

}
#shell .contentShell .content #SearchTable #SearchHintsTable h2 {
	font-size: 1.0em;
	margin-bottom: 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
#shell .contentShell .content #SearchTable #SearchHintsTable p {
	font-size: 0.9em;
	margin-bottom: 4px;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;

}

/* Andornot Common Classes */

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

.TooltipImage {
	vertical-align:middle;
	border:0;
	cursor:pointer;
}

/* Andornot Submit Page Classes */

#FieldPanel {
	
	padding:0;
	margin:0;
	border:1px solid red;
	border:0;
}

#FieldPanel div.Field {
	width:290px;
	float:left;
	margin:7px 0px 0px 0px;
	padding-left:6px;
	border:1px solid blue;
	border:0;
}

#FieldPanel div.FieldWide {
	width:580px;
	float:left;
	margin:7px 0px 0px 0px;
	padding-left:6px;
	border:1px solid blue;
	border:0;
}

#FieldPanel div.SubmitButtons {
	width:100%;
	margin-top:25px;
}

.InfoImage {
	margin-right:10px;
	border:0;
}

#InfoPanel {
	width:98%;
	border:1px solid #c0c0c0;
	background-color:#e9e9e9;
	padding:5px 5px 5px 5px;
	margin-bottom:0px;
}

.SubmitDropdown {
	font-family:Courier new;
	font-size:12px;
	width:285px;
}

.SubmitRadioList {
	font-family:Courier new;
	font-size:12px;
	width:280px;
}

.SubmitReadonly {
	font-family:Courier new;
	font-size:12px;
	width:280px;
	height:17px;
	background-color:#e0e0e0;
	border:1px solid #c0c0c0;
}

.SubmitTextbox {
	font-family:Courier new;
	font-size:12px;
	width:280px;
}

.SubmitTextarea {
	font-family:Courier new;
	font-size:12px;
	width:280px;
	height:50px;
}

.SubmitTextAreaTall {
	font-family:Courier new;
	font-size:12px;
	width:580px;
	height:100px;
}


/* Andoronot SEARCH PAGE CLASSES */

.SearchLabel { /* Class for search page labels */
	font-weight: bold;
	font-size: 10px;
}
.Searchbox {  /* Class for text inputs and select dropdowns */
	width: 250px;
	
}

.Searchddl {  /* Class for text inputs and select dropdowns */
	font-family: Verdana;
	font-size: 10px;
}

.Search_Box_Wide {
	width: 250px;
	font-family: Verdana;
	font-size: 10px;
}

/* Andornot ViewRests.aspx */

#RegistrationWarning {
	
}

/* Andornot Register.aspx */

#RegistrationButton {
	margin-top:25px;
}

#RegistrationFields {
	width:650px;
}

#RegistrationFields div {
	width:325px;
	float:left;
	margin:7px 0px 0px 0px;
}

#RegistrationInfo {
	font-size:11px;
	font-style:italic;
	color:#ff0000;
}

.RegLabel {	
}

.RegTextarea {
	width:300px;
	height:50px;
	font-family:Courier new;
	font-size:12px;
}

.RegTextbox {
	width:300px;
	font-family:Courier new;
	font-size:12px;
}

/* Andoronot BRIEF REPORT CLASSES */

#shell .contentShell .content  .report_label  { /* Class for Generic Brief Report label - typically a record number td */
	vertical-align: top;
	text-align: right;
	color : #333333;
	font-family : "Arial", Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	width: 15px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
#shell .contentShell .content .report_text {  /* Typically td that contains bk of record item */
	vertical-align: top;
	color : #333333;
	font-family : "Arial", Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


.report_cart {  /* Typically td that contains bk of record item */
	vertical-align: top;
	font-size: 12px;
	width: 120px;
}


/* FL DISPLAY CLASSES */
/* Typically td that contains field name */
#shell .contentShell .content .display_label {  
	vertical-align: top;
	text-align: right;
	font-weight: bold;
	font-family : "Arial", Verdana, Helvetica, sans-serif;
	width: 120px;
	font-size: 1.0em;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Typically td that contains field value */
#shell .contentShell .content .display_text {  
	vertical-align: top;
	color : #333333;
	font-family : "Arial", Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* INPUT CLASSES */

.input_box  { /* Class for text inputs and select dropdowns */
	width: 200px;
	font-family: Verdana;
	font-size: 12px;
}


.searchlink {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: #666699;
}


.DataGridHeader {
	color: Black;
	font-weight: bold;
}

/* SCREEN VS. PRINT */

/* The @media statement defines CSS behaviour in different environments */

@media print
{
	.NoPrint
	{
		display: none;
	}
}

/* Search rests navigation div tag*/
#searchNav {
	font-size: 0.9em;
}

.NaturalButton  { /* green background button */
	height: 22px;
	color:#FFFFFF;
	cursor: default;
	border: 1px solid #666666;
	background-color:#006600;
	padding: 1px;
	font-family: Arial; 
	font-size: 9pt;
	font-weight: bold;
}

.BrowseButton {  /* clear browse index button */
	height: 22px;
	color:#333333;
	cursor: default;
	border: 1px solid #666666;
	background-color:#CCCCCC;
	padding: 1px;
	font-family: Arial; 
	font-size: 9pt;
	
}
.DbtwMessage { /* error message file */

	font-family: Arial; 
	font-size: 11pt;
}

/* used soecifically for RSS link on Search pages*/
#wrapper #shell .contentShell .content .rssLink  a {
	display: block;
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-right:10px;
	margin-top:2px;
	background-color: #EDEDED;
	height: 1.5em;
	border: 1px solid #CCCCCC;
	padding: 7px 50px 7px 10px;
}
#wrapper #shell .contentShell .content .rssLink  a .stayLeft {
	float:left;
}

#wrapper #shell .contentShell .content .rssLink a .feedicon {
	border: none;
	padding: 0px;
	margin: 0px;

	float: right;
	}

/*---------------*/


/*start new classes created by doug for links and tools page amd RSS page*/
.topLink { 
	margin-bottom: 10px;
	margin-left: 30px;
}
.topLink a { 
	margin-left:30px;
	font-size: 1.3em;
	color: #CC6633;
	padding:3px;
}

.linkGroupHeader {
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 20px;
	height: 20px;
	border: 1px solid #CC6633;
	background-color: #FFCC66;
}
 
.linkGroupHeader .h2Holder {
 	float: left;
	width: 200px;
}

.linkGroupHeader .h2Holder h2 {
	margin-left: 6px;
	margin-top: 2px;
	font-size: 1.1em;
	font-weight: normal;
}
 
.linkGroupHeader .linkTop {
 	float: left;
 	margin-left: 20px;
	margin-top: 2px;
 }
 
.linkGroupHeader .linkTop a {
	font-size: 0.9em;
	padding: 0px;
	
 }

.linkGroup { 
	margin-left: 20px;
	margin-right: 20px;
}

.linkGroupIndent { 
	margin-left: 20px;
	margin-top: 5px;
}
 
#wrapper #shell .contentShell .content .linkGroup ul {
	margin: 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
	list-style: none;
}
#wrapper #shell tr .contentShell .content table tr td .linkGroup ul li {
	margin: 0px;
	padding: 0px;
}


#wrapper #shell .contentShell .content .linkGroup ul li a {
	display: block;
	margin: 0px;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	background-color: #EDEDED;
	border-bottom: 1px solid #CCCCCC; 
	height: 100%;
	/* this addresses a very odd IE6(PC) bug - if no height is declared for the (a display: block) link
	IE6 will give the <li> a bottom margin of 20 px that cannot be gotten rid of */
}

#wrapper #shell .contentShell .content .linkGroup ul li a .feedicon {
	border: none;
	padding: 0px;
	margin: 0px;
	margin-right: 200px;
}
#wrapper #shell .contentShell .content .linkGroup ul .even a {
	background-color: #FFFFFF;
}


#wrapper #shell .contentShell .content .linkGroup ul li p {
	margin-top: 5px;
	padding-right:10px;
}
#wrapper #shell .contentShell .content .linkGroup ul li p a {
	display: inline;
	padding: 0px;
	background-color: transparent;
	border-bottom: none;
}
#wrapper #shell .contentShell .content .linkGroup ul li img {
	float: right;
	margin: 0px 10px;
	margin-bottom:15px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}
.exampleTextBox {
	margin: 0px auto 5px;
	padding: 15px 10px;
	width: 90%;
	background-color: #F2E0A2;
	border: 1px solid #FF6633;
}
#wrapper #shell .contentShell .content h3.example {
	font-size: 1.4em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 2px;
	font-weight: bold;
	color: #666666;
	font-family: "Courier New", Courier, mono;
	letter-spacing: 0.1em;
	width: 95%;
}
/* applied tp <span> to bold nad make orange text -- used for action words in instrctions*/
.action {
	color:#FF6633;
	font-weight: bold;
}
.actionResult {
	color:#669900;
	font-weight: bold;
}