/* style sheet for all fusebox (i.e., BBS/cgi generated) pages */

/* IE5.0/6.0 do not respect that if an oject is assigned width 100%, or if multiple horizontal objects are assigned widths totaling 100%, that also assigning borders/margins/padding to the objects should not cause the combined width to exceed 100% and to induce either horizontal scroll bar or wrap. In other words, IE5.0/6.0 do not automatically adjust "inner widths downward" to accommodate borders/paddings/margins so as respect specified overall "outer width." This for tables and tableless layout. Moreover, in IE6.0 at 1280x1024, if have 4 objects in a row each with width 25%, the last object wraps. This does not happen if the widths of the objects are different but add up to 100%. Also, in IE6.0 at 1024x768, if have 4 objects in a row and their combined width is 100%, whether 25% each or not, the last object wraps. In other words, IE6.0 appears sensitive to too many objects in a row and lower resolutions make it worse. Therefore, backout object combined widths to say 98%. */

/* 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, td), resInsMis.css (body, td), header.css (.headerLinksBar) */

td { font-size: 12px; margin: 0px; padding: 3px } /* font-size in index.css (body), fusebox.css (body, th, td), resInsMis.css (body, 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 */

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

/* the next block for auto-generated fusebox/cgi links that do not yet have a classname assigned to them */

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

/* 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-top: 20px } /* margin-top in index.css (.boardNote, .strdotcom), fusebox.css (.page), resInsMis.css (.page) */

/* ~~~section separator~~~section separator~~~section separator~~~section separator~~~ */

/* ftTable = fusebox (fb) table style rules */
/* fbTableBoards = for bbs-boards.cgi (All Boards page) */
/* fbTableMembersAdd = for members-add.cgi (Join page) and members-up.cgi (Update Your Profile page ) */
/* fbTablePollsView = for bbs-polls-view.cgi (View Poll Results page) */
/* fbTableSearch = for bbs-search.cgi (Search Threads and By Date pages) */
/* fbTableTopPosters = for bbs-top-posters.cgi (Top Contributing Members page) */
/* fbTableTou = for index-tou.cgi, which, in turn, points to /private/newTerms.cgi (Terms page) */

.fbTable { width: 98%; margin-bottom: 16px } /* for tables with buttons at the bottom */
.fbTableBorderBottom { width: 98%; border-bottom: 1px solid #c0c0c0; margin-bottom: 16px } /* for tables without buttons at the bottom */
.fbTableTitleCell { font-size: 16px; font-weight: bold; border-bottom: 1px solid #c0c0c0 }
.fbTableTitleCellNarrow { width: 20%; font-size: 16px; font-weight: bold; border-bottom: 1px solid #c0c0c0 }
.fbTableTitleCellWide { width: 78%; font-size: 16px; font-weight: bold; border-bottom: 1px solid #c0c0c0 }
a.fbTableTitleCellLink:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableTitleCellLink:visited { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableTitleCellLink:hover { background-color: #ffffff; color: #999999; text-decoration: none }
.fbTableSubtitleCell { font-weight: bold; border-bottom: 1px solid #c0c0c0 }
a.fbTableSubtitleCellLink:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableSubtitleCellLink:visited { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableSubtitleCellLink:hover { background-color: #ffffff; color: #999999; text-decoration: none }
.fbTableDescCell { } /* yes being used, just no styles assigned to it */
.fbTableDescCellBorderBottom { border-bottom: 1px solid #c0c0c0 }
a.fbTableDescCellLink:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableDescCellLink:visited { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableDescCellLink:hover { background-color: #ffffff; color: #999999; text-decoration: none }
.fbTableDescCellCenter { text-align: center }
.fbTableDescCellRequired { background-color: transparent; color: #ff0000 } /* can delete after getting everyone to .fbWarming */
.fbTableDescCellRuntime { text-align: center; padding: 0px 4px 0px 0px }

.fbNormal { font-weight: normal } /* members-view.cgi */
.fbWarning { background-color: #ffffff; color: #9e0b0e } /* js-code.js, index.cgi, members-add.cgi, members-pass.cgi, members-up.cgi */ /* color in .fbTableSubtitleCellWarning (fusebox.css), .noteImportant (resInsMis.css) */
.imageVerticalAlignTop { vertical-align: top }
.fbTableOperationCompleted { margin-top: 113px; border-bottom: 1px solid #c0c0c0 }

/* next block because IE8, not IE7 or other browsers, does not respect assigning padding-right to table cells as initially tried in newTerms.cgi. */ /* newTerms.cgi, js-code.js (index.cgi), index-subs.cgi, bbs-mod-edit.cgi */

.fbTableDescCellFixForIE8CellPaddingIssue { width: 10% }
.fbTableDescCellFixForIE8CellPaddingIssueBorderBottom { width: 10%; border-bottom: 1px solid #c0c0c0 }

/* next block for newTerms.cgi (i.e., Terms/Join page) and other pages with lists */

.fbTableDescCellList { margin-top: 1px; margin-bottom: 1px }
.fbTableDescCellListItem { margin-top: 1px; margin-bottom: 1px }

.fbTableInputTextPassword { font-size: 13px; border: 1px solid #c0c0c0 }
.fbTableInputToolkitEmoticons { font-size: 12px } /* style for .fbTableInputToolkitEmoticons (fusebox.css), .fbTableInputSubmitReset(fusebox.css), .headerSearchSubmitButton (header.css) */
.fbTableInputSubmitReset { font-size: 12px } /* style for .fbTableInputToolkitEmoticons (fusebox.css), .fbTableInputSubmitReset(fusebox.css), .headerSearchSubmitButton (header.css) */
.fbTableTextarea { font-size: 13px; border: 1px solid #c0c0c0 }
.fbTableInputRadio {}
.fbTableInputCheckbox {}
.fbTableFormTagSpaceFix { display: none }

/* next block for bbs-post.cgi, bbs-reply.cgi, bbs-polls.cgi, bbs-polls-view.cgi, bbs-search.cgi, index-menu-info.cgi, members-notes.cgi */

.fbTableDescCellNarrow { width: 20% }
.fbTableDescCellNarrowBorderBottom { width: 20%; border-bottom: 1px solid #c0c0c0 }
.fbTableDescCellNarrowRight { width: 20%; text-align: right }
.fbTableDescCellNarrowRightBorderBottom { width: 20%; text-align: right; border-bottom: 1px solid #c0c0c0 }
.fbTableDescCellNarrowTop { width: 20%; vertical-align: top }
.fbTableDescCellNarrowTopBorderBottom { width: 20%; vertical-align: top; border-bottom: 1px solid #c0c0c0 }
.fbTableDescCellNarrowTopRight { width: 20%; text-align: right; vertical-align: top }
.fbTableDescCellNarrowTopRightBorderBottom { width: 20%; text-align: right; vertical-align: top; border-bottom: 1px solid #c0c0c0}
.fbTableDescCellWide { width: 78%; border-left: 1px solid #c0c0c0 }
.fbTableDescCellWideBorderBottom { width: 78%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableDescCellPostMessagePrint { width: 78%; vertical-align: top; border-left: 1px solid #c0c0c0; padding: 3px 8em 3px 3px }
.fbTableDescCellPostMessagePrintBorderBottom { width: 78%; vertical-align: top; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; padding: 3px 8em 3px 3px }

.fbTableThreadList { margin: 2px 0px 4px 0px }
.fbTableThreadSublist { }
.fbTableThreadListItem { }

/* a.fbTableThreadListItemLink (fusebox.css) mirrors a.boardIndexPostListItemLink (index.css) */

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

.fbTableViewThreadsByDateList { margin: 0px 0px 2px 0px }
.fbTableViewThreadsByDateListItem { margin-top: 0px }
a.fbTableViewThreadsByDateListItemLink:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableViewThreadsByDateListItemLink:visited { background-color: #ffffff; color: #999999; text-decoration: underline }
a.fbTableViewThreadsByDateListItemLink:hover { background-color: #ffffff; color: #999999; text-decoration: none }

/* next block for bbs-boards.cgi */

.fbTableBoardsBoardsSubtitleCellOne { width: 39%; font-weight: bold; border-bottom: 1px solid #c0c0c0 }
.fbTableBoardsBoardsSubtitleCellTwo { width: 14%; font-weight: bold; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableBoardsBoardsSubtitleCellThree { width: 6%; font-weight: bold; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableBoardsBoardsSubtitleCellFour { width: 39%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableBoardsBoardsDescCellOne { width: 39%; border-bottom: 1px solid #c0c0c0 }
.fbTableBoardsBoardsDescCellTwo { width: 14%; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableBoardsBoardsDescCellThree { width: 6%; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableBoardsBoardsDescCellFour { width: 39%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableBoardsStatsOnlineDescCellOne { width: 5%; text-align: center }
.fbTableBoardsStatsOnlineDescCellTwo { width: 93%; border-left: 1px solid #c0c0c0 }

/* next block for bbs-polls-view.cgi */

.fbTablePollsViewDescCellOne { width: 29%; text-align: center }
.fbTablePollsViewDescCellTwo { width: 10%; text-align: center; border-left: 1px solid #c0c0c0 }
.fbTablePollsViewDescCellThree { width: 10%; text-align: center; border-left: 1px solid #c0c0c0 }
.fbTablePollsViewDescCellFour { width: 49%; border-left: 1px solid #c0c0c0 }
.fbTablePollsViewDescCellOneBorderBottom { width: 29%; text-align: center; border-bottom: 1px solid #c0c0c0 }
.fbTablePollsViewDescCellTwoBorderBottom { width: 10%; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePollsViewDescCellThreeBorderBottom { width: 10%; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePollsViewDescCellFourBorderBottom { width: 49%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }

/* next block for bbs-search.cgi */

.fbTableSearchResultDescCellOne { width: 49%; text-align: right }
.fbTableSearchResultDescCellTwo { width: 49%; border-left: 1px solid #c0c0c0 }
a.fbTableSearchResultDescCellLink:link { background-color: #ffffff; color: #000000; text-decoration: underline }
a.fbTableSearchResultDescCellLink:visited { background-color: #ffffff; color: #999999; text-decoration: underline } /* used */
a.fbTableSearchResultDescCellLink:hover { background-color: #ffffff; color: #999999; text-decoration: none }

/* next block for members-add.cgi and members-up.cgi */

.fbTableMembersAddDescCellOne { width: 63%; border-bottom: 1px solid #c0c0c0 }
.fbTableMembersAddDescCellTwo { width: 35%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }

/* next block for bbs-top-posters.cgi */

.fbTableTopPostersDescCellOne { width: 10%; text-align: right }
.fbTableTopPostersDescCellTwo { width: 88%; border-left: 1px solid #c0c0c0 }

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

.indexFbFooter { clear: both; font-size: 10px; background-color: #ffffff; color: #777777; text-align: center; width: 100%; margin-bottom: 0px }  /* color in index.css (.indexFbFooter), fusebox.css (.indexFbFooter), header.css (.headerSearchField), resInsMis.css (.lastUpdated, .resInsMisDisFooter) */ /* font-family, font-size in index.css (.sidebarListItem), fusebox.css (.fbTableMenuItemCell, .fbTableMenuItemCellOne, Two, Full) */
.goDaddyCertifiedDomainIcon  { width: 132px } /* width required so icon hyperlink width does not span entire page width */
a.indexFbFooterLink:link { background-color: transparent; color: #777777; text-decoration: none }
a.indexFbFooterLink:visited { background-color: transparent; color: #777777; text-decoration: none }
a.indexFbFooterLink:hover { background-color: transparent; color: #000000; text-decoration: underline }

/* next block for BBS Member Control Panel which consist of bbs-menu.cgi, index.cgi, index-menu-info.cgi */

.fbTableBBSMemberControlPanel { font-size: 18px; font-weight: bold; text-align: center; padding: 20px 10px 20px 10px }
.fbTable9VoltFusebox { text-align: center; margin-bottom: 16px }
.fbTable9VoltFuseboxCell { font-size: 12px; background-color: #005588; color: #ffffff; padding: 6px 18px 6px 18px }
.fbTableMenuMenu { width: 90%; background-color: #eeeeee; color: #000000; border: 1px solid #3388bb; margin-bottom: 16px }
.fbTableMenuContent { width: 98%; background-color: #eeeeee; color: #000000; border: 1px solid #3388bb; margin-bottom: 16px }
.fbTableMenuTitleCell { font-family: verdana, tahoma, arial, "courier new"; font-size: 11px; background-color: #3388bb; color: #ffffff }
.fbTableMenuItemCell { font-family: verdana, tahoma, arial, "courier new"; font-size: 10px; padding-bottom: 4px; padding-left: 8px }
a.fbTableMenuItemCellLink:link { background-color: transparent; color: #000000; text-decoration: none }
a.fbTableMenuItemCellLink:visited { background-color: transparent; color: #999999; text-decoration: none }
a.fbTableMenuItemCellLink:hover { background-color: transparent; color: #999999; text-decoration: underline }
.fbTableMenuItemCellOne { width: 20%; font-family: verdana, tahoma, arial, "courier new"; font-size: 10px; vertical-align: top; border-bottom: 1px solid #c0c0c0; padding-left: 6px }
.fbTableMenuItemCellTwo { width: 80%; font-family: verdana, tahoma, arial, "courier new"; font-size: 10px; vertical-align: top; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableMenuItemCellFull { font-family: verdana, tahoma, arial, "courier new"; font-size: 10px; vertical-align: top; border-bottom: 1px solid #c0c0c0 }

/* next block for members-pm.cgi */

.fbTablePMSubtitleCellOne { width: 5%; font-weight: bold; border-bottom: 1px solid #c0c0c0 }
.fbTablePMSubtitleCellTwo { width: 10%; font-weight: bold; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMSubtitleCellThree { width: 39%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMSubtitleCellFour { width: 22%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMSubtitleCellFive { width: 22%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMDescCellOne { width: 5%; text-align: center; border-bottom: 1px solid #c0c0c0 }
.fbTablePMDescCellTwo { width: 10%; text-align: center; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMDescCellThree { width: 39%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMDescCellFour { width: 22%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTablePMDescCellFive { width: 22%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }

/* next block for online-view.cgi */

.fbTableWhosOnlineSubtitleCellOne { width: 22%; font-weight: bold; border-bottom: 1px solid #c0c0c0 }
.fbTableWhosOnlineSubtitleCellTwo { width: 66%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableWhosOnlineSubtitleCellThree { width: 10%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableWhosOnlineDescCellOne { width: 22%; border-bottom: 1px solid #c0c0c0 }
.fbTableWhosOnlineDescCellTwo { width: 66%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }
.fbTableWhosOnlineDescCellThree { width: 10%; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }

/* next block for bbs-mod-edit.cgi (edit posts) */

.fbTableEditPostsDescCellOne { width: 5%; font-weight: bold; text-align: center; border-bottom: 1px solid #c0c0c0 }
.fbTableEditPostsDescCellTwo { width: 93%; font-weight: bold; border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0 }

/* ~~~section separator~~~section separator~~~section separator~~~section separator~~~ */

/* next block is original fusebox style rules (from styelesheet.css) and some early Steve modified/added style rules that must be retained until all fusebox/.cgi files have been edited to use newer styles */

textarea { font-family: verdana, arial; font-size: 11px; border: 1px solid #003366 }
.getUnframedGoTo { font-size: 11pt; font-weight: bold; margin-top: 10px; margin-left: 6px }
.getUnframedGoToUl { margin-top: 6px }
a.getUnframedLink:link { background-color: #ffffff; color: #000000; font-size: 10pt; text-decoration: underline }
a.getUnframedLink:visited { background-color: #ffffff; color: #000000; font-size: 10pt; text-decoration: underline }
a.getUnframedLink:hover { background-color: #ffffff; color: #777777; font-size: 10pt; text-decoration: underline }
.submitButton { font-family: verdana, arial; font-size: 11px; font-weight: bold; background-color: #003366; color: #ffffff; border: 2px outset #0099cc }
.tableBorder { background-color: #0099cc }
.TDTitleClass { font-family: verdana, arial; font-size: 12px; font-weight: bold; background-color: #003366; color: #ffffff; border: 1px solid #c0c0c0 }
span.titleText { color: #ffffff }
.TDSubClass { font-family: verdana, arial; font-size: 11px; font-weight: bold; background-color: #003366; color: #ffffff; border: 1px solid #c0c0c0 }
.TDClass { font-family: verdana, arial; font-size: 11px; background-color: #eeeeee; color: #000000; border: 1px solid #c0c0c0 }
.TDRuntimeClass { font-family: verdana, arial; font-size: 10px; background-color: #eeeeee; color: #000000; border: 1px solid #c0c0c0; padding: 1px; width: 40%; text-align: center }
div.overFlowStyle { border: 1px solid #0099cc; width: 100%; height: 95px; overflow: auto }
.threadLists { list-style-type: disc }
.quotedThreads { border: 1px dotted #bc5001; padding: 2px }
.codedThreads { border: 1px dotted #bc5001; padding: 2px }

/* Steve added style rules for fusebox stylesheet */
/* for siteTemplate */

.buttons { float: left; width: 100% }
.postformThreadSiteTemplateFooter { float: left; font-size: 8pt; background-color: #ffffff; color: #000000; width: 100%; text-align: center }
.postformThreadSiteTemplateFooterValidImages { margin-bottom: 14px }
.postformThreadSiteTemplateFooterGreyText { background-color: #ffffff; color: #777777; margin-bottom: 60px }