/**
 *  style sheet for new gateway interface.
 *  Xiaocheng Luan, 3/2/2004
 *  revised 3/26/04
 *  revised again for browser compatibility and font resizability.
 */


/* -------- properties common to multiple sections/pages -------- */


/* Default properties for all elements.
   Netscape 4.7 doesn't recognize this universal '*' specification,
   may still need to do it one by one.
*/

* {
   font-family: Verdana, sans-serif;
}


/* label for form controls, per section 508 requirements.
   hidden because sometimes the ordinary users do not need to see it.
   Note this may not work on older browsers, like Netscape 4.7.
*/
label.label_508_hidden {
	position: absolute;
	top: -200px; left: -1000px;
   font-size: 70%;
}


/*
 *  Default colors for links
 */
a:link {
  color: #0000EE;  /* default Firefox color */
}

a:visited {
	color: #551A8B;  /* default Firefox color */
}

a:hover {
  text-decoration: underline;
}

form.main {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
   font-family: Verdana, sans-serif;
}


table.generalBlue {
   padding: 0px;
   border-width: 1px;
   border-style: solid;
   border-color: #47586A;
   background-color: #FBF6E6;
}


/*

Common styles, define as needed - try not to define such an entry
unless it is needed.

format: <element>.<name>_[S|s|l|L][b][u]
e.g.:
       a.myLink_sbu (small, bold, underline),
   input.myText_b (bold, m size, no underline)

attrubutes:
        size: S, s, l, L; m as default
              S - 70%, s - 75%, m - 80%, l - 85%, L - 95%
      weight: b, r; r as default
  decoration: u, n; n as default (for link only)


elements:

. text (label, block)
. link
. input-submit
. input-text
. select
. td
. span
. div

*/

input.linkishSubmit_bL
{
	font-size: 95%;
}


div.generalText_l, div.generalText_bl,
input.linkishSubmit_bl,
p.generalText_l, p.generalText_bl,
span.generalLabel_l, span.generalText_l, span.generalLabel_bl,
td.generalLabel_l, td.generalText_l
{
	font-size: 85%;
}


a.linkAction_b,
a.generalLink, a.generalLink_b, a.generalLink_u, a.generalLink_bu, a.generalLink_bInactive,
div.generalText, div.generalText_b,
input.linkishSubmit_b, input.generalSubmit, input.generalSubmit_b,
input.generalTextInput,
p.generalText,
select.generalPullDown,
span.generalLabel, span.generalLabel_b,
span.generalText, span.generalText_b,
td.generalLabel, td.generalLabel_b,
td.generalText, td.generalText_b,
textarea.generalTextArea
{
	font-size: 80%;
}

input.linkishSubmit_s,
p.generalText_s, td.generalText_s, div.generalText_s
{
	font-size: 75%;
}


/* no elements in this group yet.
{
	font-size: 70%;
}
*/


/* linkish submit (a submit button that looks like a link) properties.
*/
input.linkishSubmit_b, input.linkishSubmit_bL, input.linkishSubmit_bl,
input.linkishSubmit_s
{
   cursor: pointer;
   padding: 0px;
   margin: 0px;
   border-width: 0px;
   font-family: Verdana, sans-serif;
/* Use default link color.
   color: ;
*/
   color: blue;
   text-align: left;
   background-color: white;
}


a.linkAction_b,
td.generalLabel, span.generalLabel,
td.generalLabel_b, span.generalLabel_b,
td.generalLabel_l, span.generalLabel_l
{
   white-space: nowrap;
}


a.linkAction_b,
a.generalLink_b, a.generalLink_bInactive, a.generalLink_bu,
div.generalText_b, div.generalText_bl,
input.generalSubmit_b,
input.linkishSubmit_b, input.linkishSubmit_bL, input.linkishSubmit_bl,
p.generalText_bl,
span.generalLabel_b, span.generalText_b, span.generalLabel_bl,
td.generalLabel_b, td.generalText_b
{
   font-weight: bold;
}

a.generalLink_bInactive {
	color: gray;
}


a.linkAction_b,
a.generalLink, a.generalLink_b, a.generalLink_bInactive
{
   text-decoration: none;
}


/* Link color
*/
a.linkAction_b,
a.generalLink, a.generalLink_b, a.generalLink_bInactive,
a.generalLink_u, a.generalLink_bu
{
/* Use default link color.
   color: navy;
*/
}



/* Properties for the common blocks: logo, search bar, top bar, footer.
*/
table.logo {
   font-size: 70%;
   white-space: nowrap;
   background-color: #47586A;
   width: 100%;
}


table.searchbar, table.navbar, td.navButton {
	margin: 0px;
	background-color: #B7BBC7;
	text-align: center;
   color: white;
   font-weight: bold;
	white-space: nowrap;
   font-family: Verdana, sans-serif;
}


/*
td.navButton {
   padding-left: 2px;
}
*/


/* limits settings display along side the check box.
*/
table.settingsStatusBar {
   font-family: Verdana, sans-serif;
   /*background-color: white;*/
   color: black;
}

.settingsStatus, input.limitsCheckbox {
   font-weight: normal;
   text-align: left;
   font-size: 80%;
   white-space: nowrap;
   background-color: #FFFCCC;
}



input.searchButton {
   cursor: pointer;

   padding-top: 1px;
   padding-bottom: 1px;

   border-color: white;
   border-style: outset;
   border-width: 1px;

   background-color: green;
   color: white;
   font-weight: bold;
   font-size: 70%;
   font-family: Verdana, sans-serif;
}


/**
 *  The buttonized link style for the top menu bar buttons
 */
a.navButton, a.navButtonInactive {
   text-decoration: none;
   font-size: 70%;
   color: white;
}

a.navButton:visited {
   color: white;
}

a.navButtonInactive {
   color: gray;
}


/**
 *  The linkish button style for the top menu bar buttons
 */
input.navButton, input.navButtonInactive {
   margin: 0px;
   border-width: 0px;
   text-align: center;
   background-color: #B7BBC7;
   font-size: 70%;
   font-weight: bold;
   overflow: visible;
}

input.navButton {
   cursor: pointer;
   color: white;
}

/*
input.searchbox {
   font-size: 75%;
   font-weight: normal;
}
*/
div.screenName {
   font-size: 90%;
   font-weight: bold;
   text-align: left;
}


td.footerEntry {
   border-width: 0px;
   text-align: center;
   white-space: nowrap;
   font-family: Verdana, sans-serif;
   font-size: 70%;
}


a.footerButton:link {
/* Use default link color.
	color: navy;
*/
}


a.footerButton:visited {
	color: #551a8b;
}


td.lastRevised {
   text-align: center;
   font-family: Verdana, sans-serif;
   font-size: 70%;
}



/* --------- properties for home page and result summary page ----------*/


div.homeCategoryTitle, td.homeCategoryTitle {
	font-size: 75%;
   font-weight: bold;
   text-align: left;
   font-family: Verdana, sans-serif;
}


table.homeCategory {
   width: 95%;
   padding: 0px;
   border-width: 0px;
   background-color: #FBF6E6;
}


/* A td.homeHalf is the enclosing cell for a table.homeHalf
*/
td.homeHalf {
        padding: 0px;
	margin: 0px;
	border-width: 0px;
	background-color: #FBF6E6;
   vertical-align: top;
   font-family: Verdana, sans-serif;
}


/* Category table in the home page and result summary page.
*/
table.homeHalf {
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	background-color: #FBF6E6;
}


td.homeColTitle {
   text-align: left;
   font-family: Verdana, sans-serif;
   vertical-align: top;
   line-height: 1.1em;
}

a.homeColTitle, span.homeColTitle {
   font-size: 70%;
   color: blue;
   text-decoration: none;
   font-weight: normal;
   vertical-align: top;
}

a.homeColTitle:visited { 
   /* IE ignores a color setting in a.homeColTitle when determining the
      visited color, so we have to repeat it here in :visited */
   color: blue;
}

a.homeColTitle:hover { 
   /* IE ignores a color setting in a.homeColTitle when determining the
      visited color, so we have to repeat it here in :visited */
   text-decoration: underline;
}

/* --------- properties for the side bar ----------*/

/* the whole side bar block.
*/
td.sidebar, div.sidebar {
	vertical-align: top;
	height: 100%;
	background-color: #336699;
}


/* the whole side bar block, inside the td.sidebar.
*/
table.sidebar {
	margin: 0px;
	border-width: 0;
	border-style: solid;
	padding-left: 0px;
	vertical-align: top;
	background-color: #336699;
}


td.sideCategoryTitle, td.sideCategoryTitleBg {
	/* padding-top: 4px; Netscape 4.7x doesn't like it. */
        color: #FFD700;
	font-weight: bold;
	font-size: 70%;
        font-family: sans-serif;
	vertical-align: bottom;
}


td.sideCategoryTitle {
   padding-left: 1px;
}


td.sideCategoryTitleBg {
	font-size: 100%;
}


td.sidebarTitle {
	border-width: 0px;
/*
        border-bottom-width: 1px;
	border-style: solid;
	border-color: #cccccc;
*/
        text-align: center;
	vertical-align: top;

	font-size: 80%;
   font-family: Verdana, sans-serif;
   font-weight: bold;
}


td.sideEntry, td.medlinePlusSideEntry {
	padding-top: 2px;
	padding-bottom: 2px;
        padding-left: .5em;
	vertical-align: center;
        color: white;
}

td.medlinePlusSideEntry {
       padding-left: 1.0em;
}

/* A sideEntry table is inside a td.sideEntry
*/
table.sideEntry {
   width: 100%;
   border-width: 0px;
	font-family: sans-serif;
	vertical-align: top;
}


tr.currentEntry {
   background-color: #fffedf;
   width: 100%;
}


td.currentEntry {
   background-color: #ffffff;
   width: 100%;
   height: 100%;
   padding-top: 2px;
   padding-bottom: 2px;
   color: black;
}

*.currentSideHitCount, *.currentSideTitle {
   text-align: left;
   color: black;
   font-size: 87%;
   width: 100%;
}

/* The span is for the "current" selected entry (inactive).
*/
a.sideTitle, a.sideHitCount, span.sideTitle, span.sideHitCount {
	font-family: Ariel, sans-serif;
	font-size: 75%;
	text-decoration: none;
}

a.bookmarkSide, a.bookmarkSideInactive, a.sideBookmark {
   font-family: sans-serif;
   font-size: 70%;
   white-space: nowrap;
/* Use default link color.
   color: navy;
*/
}

a.sideBookmark, a.sideBookmark:visited {
   color: white;
}

a.bookmarkSideInactive {
   color: gray;
}


a.sideTitle, span.sideTitle {
   color: white;  
   white-space: nowrap;
}

a.sideTitle:visited { 
   /* IE ignores a color setting in a.sideTitle when determining the
      visited color, so we have to repeat it here in :visited */
   color: white;  
}

a.sideTitle:hover { 
   text-decoration: underline;  /* default Firefox color */
}

a.sideHitCount, span.sideHitCount {
	color: white;
}

a.sideHitCount:visited { 
   /* IE ignores a color setting in a.sideHitCount when determining the
      visited color, so we have to repeat it here in :visited */
	color: white;
}

a.sideHitCount:hover { 
   text-decoration: underline;  /* default Firefox color */
}

td.sideHitCount {
	text-align: right;
   padding-left: 3px;
   padding-right: 2px;
	color: white;
	width: 100%;
}

td.sideTitle, td.sideTitle2 {
   text-align: left;
   padding-left: 2ex;
   vertical-align: center;
}



/* -------------- Result related properties --------- */

table.resultPageTitle {}

.resultDbName {
   font-weight: bold;
   font-size: 90%;
   white-space: nowrap;
   font-family: Verdana, sans-serif;
}


.itemRange {
   font-weight: normal;
   font-size: 65%;
   white-space: nowrap;
   font-family: Verdana, sans-serif;
}


table.resultPageNav, input.resultPageNav {
   font-family: Verdana, sans-serif;
	font-weight: normal;
	white-space: nowrap;
}


a.vcrTextInactive, a.vcrText {
	font-size: 75%;
	text-decoration: none;
/* Use default link color.
	color: navy;
*/
	font-weight: normal;
   font-family: Verdana, sans-serif;
   white-space: nowrap;
}

a.vcrTextInactive {
	color: gray;
}

input.resultPageNav, span.resultPageNav, td.vcrImg, td.resultAction {
	font-size: 75%;
   font-family: Verdana, sans-serif;
}


.vcrImg {
	vertical-align: baseline;
}


td.itemOnly {
	font-size: 75%;
	font-weight: bold;
	font-style: italic;
   font-family: Verdana, sans-serif;
}

table.recordList {
}


td.recordIndex {
	font-weight: bold;
	font-size: 100%;
   font-family: Verdana, sans-serif;

	vertical-align: top;
	text-align: right;
	white-space: nowrap;
}

a.recordTitle, div.recordText, td.recordText, td.recordLabel,
div.recordTextExpanded, td.recordTextExpanded, td.recordError {
   font-family: Verdana, sans-serif;
   font-size: 80%;
}

a.recordTitle {
	text-decoration: none;
	font-weight: bold;
   font-size: 80%;
}

a.recordTitle:hover {
	text-decoration: underline;
}


td.recordLabel {
   padding-bottom: 8px;
   vertical-align: baseline;
}

div.recordTextExpanded, td.recordTextExpanded {
   padding-bottom: 8px;
   line-height: 1.4em;
   vertical-align: baseline;
}


/* buttons related to records, e.g., "related article".
*/
a.recordButton {
   font-family: Verdana, sans-serif;
   font-size: 80%;
/* Use default link color.
   color: navy;
*/
   font-weight: normal;
   white-space: nowrap;
}


/* The related resources link in the expanded result page.
*/
a.relatedResources {
   font-family: Verdana, sans-serif;
   text-align: left;
   font-size: 75%;
/* Use default link color.
   color: navy;
*/
}

a.externalLink {
   font-size: 75%;
}

a.exportFormat {
   display: inline;
   font-family: courier;
   text-decoration: none;
}

table.meshinfo {
 border-collapse: collapse;
}

th.meshinfo,
td.meshinfo {
 font-size: 80%;
 padding: 5px;
 text-align: left;
 vertical-align: top;
 border: solid grey;
 border-width: 1px;
}

p.listOffset {
  padding-left: 2ex;
}

span.listOffset {
  text-indent: -2em;
}

/* A list that does not leave space before the list, that is,
   the list starts immediately following the line before it.
*/
ul.nospace {
   margin-top: 0px;
}

ul.relatedResources {
/*
   list-style-type: circle;
*/
}

input.sideTitle, input.sideCount {
   cursor: pointer;
   padding: 0px;
   margin: 0px;
   border-width: 0px;
   font-family: sans-serif;
/* Use default link color.
   color: navy;
*/
   color: blue;
   text-align: left;
   background-color: #47586A;
   font-size: 70%;
   width: 0px;
   overflow: visible;
}

input.sideCount {
   text-align: right;
   color: brown;
}

input.sideTitle:focus {
   outline: black solid thick;
   outline: red solid thick;
}


input.findTerm {
   font-size: 80%;
   font-weight: bold;
}

table.msgBorder {
   margin-top: 0.75ex;
   background-color: #993300;
   width: 100%;
   font-family: Verdana, sans-serif;
}


table.msgTable {
   margin-top: 0px;
   background-color: #fffedf;
   width: 100%;
   font-family: Verdana, sans-serif;
}


td.msgLabel, td.msgText {
   font-size: 70%;
   text-align: left;
}

td.msgLabel {
   font-weight: bold;
   color: #993300;
   width: 15%;
}


td.msgText {
   color: black;
}

td.homeDesc { /* The line of "The NLM Gateway ..." */
   font-family: Verdana, sans-serif;
   font-size: 95%;
   text-align: left;
   font-weight: bold;
}