/* style sheet for .../str/resources/ .../str/instructional/ .../str/mics/ pages and sitemap  */

/* body in index.css, fusebox.css, resInsMis.css */
/* in past, if assign font-size to body do same for body in index.css, fusebox.css, resInsMis.css to stop header search box shift */

body { font-family: arial, verdana, tahoma, "courier new"; font-size: 12px; background-color: #ffffff; color: #000000; margin: 0px } /* font-family in index.css (body), fusebox.css (body), resInsMis.css (body), header.css (.header) */ /* font-size in index.css (body), fusebox.css (body, th, td), resInsMis.css (body, th, td), header.css (.headerLinksBar) */

/* links, if background-color: #eeeeee then visited and hover color: #888888, if background-color: #ffffff then visited and hover color: #999999 */

/* next block in index.css, fusebox.css, resInsMis.css */

.noscript { font-size: 13px; background-color: #eeeeee; color: #000000 }
a.noscriptLink:link { background-color: #eeeeee; color: #000000; text-decoration: underline }
a.noscriptLink:visited { background-color: #eeeeee; color: #000000; text-decoration: underline }
a.noscriptLink:hover { background-color: #eeeeee; color: #999999; text-decoration: none }

/* .page in fusebox.css, resInsMic.css is for content between header and footer. index.css does not use .page */

.page { margin: 20px 10% 0px 24px } /* margin-top in index.css (.boardNote, .strdotcom), fusebox.css (.page), resInsMis.css (.page) */

h1 { font-size: 18px; font-weight: bold; margin: 0px 0px 15px 0px }
a.pdf { font-size: 11px; font-weight: normal; text-decoration: none; margin-left: 12px } /* in w9xme2k_system_resources_sidefield.html */
a.pdf:link { background-color: #ffffff; color: #000000 }
a.pdf:visited { background-color: #ffffff; color: #000000 }
a.pdf:hover { background-color: #ffffff; color: #999999 }
.for { background-color: #ffffff; color: #375d1c; font-size: 11px; font-weight: bold; margin: 0px 0px 15px 0px } /* resInsMisc.css and various .css for Discontinued pages */
.lastUpdated { background-color: #ffffff; color: #777777; font-size: 11px; font-weight: bold; margin: 0px 0px 15px 0px } /* color in index.css (.indexFbFooter), fusebox.css (.indexFbFooter), header.css (.headerSearchField), resInsMis.css (.lastUpdated, .resInsMisDisFooter) */
.toc { margin: 0px 0px 15px 0px; padding: 0px; list-style: none }
.tocSectionTitle { font-size: 14px; font-weight: bold; margin: 0px 0px 2px 0px; padding: 0px }
.tocSectionSubtitleOl { margin: 2px 0px 0px 23px; padding: 0px; list-style: none }
.tocSectionSubtitle { font-size: 12px; margin: 0px 0px 2px 0px; padding: 0px }
.tocSectionSubtitleSubtitleOl { margin: 2px 0px 0px 0px; padding: 0px; list-style: none }
.tocSectionSubtitleSubtitle { font-size: 12px; font-weight: normal; margin: 0px 0px 2px 0px; padding: 0px }
a.tocLink { text-decoration: underline }
a.tocLink:link { background-color: #ffffff; color: #000000 }
a.tocLink:visited { background-color: #ffffff; color: #000000 }
a.tocLink:hover { background-color: #ffffff; color: #999999 }

hr { margin: 0px 0px 15px 0px }

.sectionTitle { font-size: 14px; font-weight: bold; margin: 0px 0px 15px 0px }
.section { margin: 0px 0px 0px 20px }
.sectionSubtitle { font-weight: bold }
.sectionSubtitleSubtitle {}

p { margin: 0px 0px 15px 0px }
ol { margin: 0px 0px 15px 39px; padding: 0px }
ul { margin: 0px 0px 15px 33px; padding: 0px; list-style-type: disc }

/* .olNestedInList and .ulNestedInList margin top and bottom 5px less than .noteNestedInList and .noteImportantNestedInList */
.olNestedInList { margin: 10px 0px 10px 39px; padding: 0px }
.ulNestedInList { margin: 10px 0px 10px 33px; padding: 0px; list-style-type: disc }

/* .olNestedInTable and .ulNestedInTable similar to .olNestedInNote and .ulNestedInNote */
.olNestedInTable { margin: 0px 0px 0px 39px; padding: 0px }
.ulNestedInTable { margin: 0px 0px 0px 33px; padding: 0px; list-style-type: disc }

.marginLeftOneTick { margin: 0px 0px 15px 20px }

a.listItemLink:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.listItemLink:visited { background-color: #ffffff; color: #999999; text-decoration: underline }
a.listItemLink:hover { background-color: #ffffff; color: #999999; text-decoration: none }
a.listItemLinkNoVisited:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.listItemLinkNoVisited:visited { background-color: #ffffff; color: #000000; text-decoration: underline }
a.listItemLinkNoVisited:hover { background-color: #ffffff; color: #999999; text-decoration: none }
.imgInListItem { margin: 15px 0px 15px 0px; padding: 0px }

a.link:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.link:visited { background-color: #ffffff; color: #999999; text-decoration: underline }
a.link:hover { background-color: #ffffff; color: #999999; text-decoration: none }

a.linkNoVisited:link { background-color: transparent; color: #000000; text-decoration: underline }
a.linkNoVisited:visited { background-color: transparent; color: #000000; text-decoration: underline }
a.linkNoVisited:hover { background-color: transparent; color: #999999; text-decoration: none }

.note { font-size: 11px; background-color: #eeeeee; color: #000000; border-style: solid; border-width: 2px; border-color: #4d86bc; margin: 0px 7% 15px 20px; padding: 6px }
.noteImportant { font-size: 11px; background-color: #eeeeee; color: #000000; border-style: solid; border-width: 2px; border-color: #9e0b0e; margin: 0px 7% 15px 20px; padding: 6px }  /* color in .fbTableSubtitleCellWarning (fusebox.css), .noteImportant (resInsMis.css) */

/* .noteNestedInList and .noteImportantNestedInList margin top and bottom 5px more than .olNestedInList and .ulNestedInList */
.noteNestedInList { font-size: 11px; background-color: #eeeeee; color: #000000; border-style: solid; border-width: 2px; border-color: #4d86bc; margin: 15px 0px 15px 20px; padding: 6px }
.noteImportantNestedInList { font-size: 11px; background-color: #eeeeee; color: #000000; border-style: solid; border-width: 2px; border-color: #9e0b0e; margin: 15px 0px 15px 20px; padding: 6px }

.noteNestedInNote { font-size: 11px; background-color: #eeeeee; color: #000000; border-style: solid; border-width: 2px; border-color: #4d86bc; margin: 15px 0px 15px 20px; padding: 6px }
.noteImportantNestedInNote { font-size: 11px; background-color: #eeeeee; color: #000000; border-style: solid; border-width: 2px; border-color: #9e0b0e; margin: 15px 0px 15px 20px; padding: 6px }

.noteType { background-color: transparent; color: #000000; font-size: 11px; font-weight: bold }
a.noteLink:link { background-color: transparent; color: #000000; text-decoration: underline }
a.noteLink:visited { background-color: transparent; color: #888888; text-decoration: underline }
a.noteLink:hover { background-color: transparent; color: #888888; text-decoration: none }
a.noteLinkNoVisited:link { background-color: transparent; color: #000000; text-decoration: underline }
a.noteLinkNoVisited:visited { background-color: transparent; color: #000000; text-decoration: underline }
a.noteLinkNoVisited:hover { background-color: transparent; color: #888888; text-decoration: none }

/* .olNestedInNote and .ulNestedInNote similar to .olNestedInTable and .ulNestedInTable */
.olNestedInNote { margin: 0px 0px 0px 39px; padding: 0px }
.ulNestedInNote { margin: 0px 0px 0px 33px; padding: 0px; list-style-type: disc }
.noteListItem { font-size: 11px }
a.noteListItemLink:link { background-color: transparent; color: #000000; text-decoration: underline }
a.noteListItemLink:visited { background-color: transparent; color: #888888; text-decoration: underline }
a.noteListItemLink:hover { background-color: transparent; color: #888888; text-decoration: none }
a.noteListItemLinkNoVisited:link { background-color: transparent; color: #000000; text-decoration: underline }
a.noteListItemLinkNoVisited:visited { background-color: transparent; color: #000000; text-decoration: underline }
a.noteListItemLinkNoVisited:hover { background-color: transparent; color: #888888; text-decoration: none }

.type { font-weight: bold }
.fontFamilyGreek { font-family: symbol } /* firefox does not like. therefore cannot use in case_power_supply_resources.html, builders_guide_computer_components.html */
.linethrough { text-decoration: line-through }
pre { page-break-inside: avoid } /* for css.html. does not work in firefox 3.5 and safari 4.03. */  
.preReduceFontSize { font-size: 11px } /* for css.html */
.plusSign { font-size: 15px }
.minusSign { font-size: 17px }

table { margin-bottom: 15px }
.tableNestedInTable { margin-bottom: 0px }
.tableTitle { background-color: #e2e2e2; color: #000000; font-weight: bold }
th { background-color: #fafad2; color: #000000; font-size: 12px; font-weight: bold } /* font-size in index.css (body), fusebox.css (body, td), resInsMis.css (body, th, td), header.css (.headerLinksBar) */ /* for IE6.0 and Opera7.0 because table cells apparently do not inherit font-size from body and, therefore, need to be "hard coded." When no longer support IE6.0 and Opera7.0 can delete this style rule */
td { background-color: #ffffff; color: #000000; font-size: 12px; text-align: center } /* font-size in index.css (body), fusebox.css (body, td), resInsMis.css (body, th, td), header.css (.headerLinksBar) */ /* for IE6.0 and Opera7.0 because table cells apparently do not inherit font-size from body and, therefore, need to be "hard coded." When no longer support IE6.0 and Opera7.0 can delete this style rule */
.cellHeaderWidth185px { background-color: #fafad2; color: #000000; font-weight: bold; width: 185px } /* builders_guide_desktop_components.html */
.cellHeaderWidth135px { background-color: #fafad2; color: #000000; font-weight: bold; width: 135px } /* builders_guide_desktop_components.html */
.cellHeaderWidth125px { background-color: #fafad2; color: #000000; font-weight: bold; width: 125px } /* builders_guide_desktop_components.html, builders_guide_desktop_components_tables_including_obsolete_components.html */
.cellHeaderWidth100px { background-color: #fafad2; color: #000000; font-weight: bold; width: 100px } /* ? */
.cellHeaderWidth90px { background-color: #fafad2; color: #000000; font-weight: bold; width: 90px } /* builders_guide_desktop_components.html */
.cellHeaderWidth50pct { background-color: #fafad2; color: #000000; font-weight: bold; width: 50% }
.cellTextAlignLeft { background-color: #ffffff; color: #000000; text-align: left }
.cellTextAlignLeftTop { background-color: #ffffff; color: #000000; text-align: left; vertical-align: top }
.cellWidth80px { background-color: #ffffff; color: #000000; width: 80px }
.cellGreyWidth40px { background-color: #e0e0e0; color: #e0e0e0; font-size: 11px; width: 40px }
.cellGreyWidth280px { background-color: #e0e0e0; color: #e0e0e0; font-size: 11px; width: 280px }
.cellWidth40px { background-color: #ffffff; color: #ffffff; font-size: 11px; width: 40px }
a.cellLink:link { background-color: transparent; color: #000000; text-decoration: underline }
a.cellLink:visited { background-color: transparent; color: #999999; text-decoration: underline }
a.cellLink:hover { background-color: transparent; color: #999999; text-decoration: none }
a.cellLinkNoVisited:link { background-color: transparent; color: #000000; text-decoration: underline }
a.cellLinkNoVisited:visited { background-color: transparent; color: #000000; text-decoration: underline }
a.cellLinkNoVisited:hover { background-color: transparent; color: #999999; text-decoration: none }

.specialThanks { font-size: 14px; font-weight: bold; margin: 30px 0px 0px 0px } /* resInsMisc.css and various .css for Discontinued pages */
.resInsMisDisFooter { background-color: #ffffff; color: #777777; font-size: 11px; font-weight: bold; margin: 30px 0px 0px 0px; padding-bottom: 50px } /* resInsMisc.css and various .css for Discontinued pages */ /* color in index.css (.indexFbFooter), fusebox.css (.indexFbFooter), header.css (.headerSearchField), resInsMis.css (.lastUpdated, .resInsMisDisFooter) */
.goDaddyCertifiedDomainIcon { width: 132px } /* width required so icon hyperlink width does not span entire page width */

/* next block exclusive to javascript_form_validation_example.html */

.formValidationCategory { font-size: 14px; font-weight: bold; margin: 0px 0px 4px 0px }
.formValidationTableHeader { font-size: 13px; font-weight: bold; text-align: left; padding-bottom: 4px }
.formValidationSpacer { width: 18px }
.formValidationHowMany { font-size: 12px; font-weight: bold; color: #483d8b }