/* CSS key. " " = selector "." = class "#" = id common colors: text = white background grey = 999 light purple = f9c med purple = c6c dark purple = 93c light lime green = d6ff00 med lime green = 9c3 dark lime green = 060 = 94d334 light orange = fc0 med orange = f90 = fc0 dark orange = 900 grey/green lines = b2b299 "Segerdahl" word grey = 6a747b */ /* Note on font sizes: This style sheet is using px/pixels, not ems. */ body { color: white; background: #999; margin: 25px; padding: 0; background-image: url(http://www.segerdahlgraphics.net/i/block_green_w_logo.gif); background-repeat: no-repeat; background-position: 0 25px; } /* The following classes apply the header background image for each page. Pages contain one or more tags that reference these classes */ .org1sgrph { background-image: url(http://www.segerdahlgraphics.net/i/block_org_1_sgrph.gif); } .org2sgrph { background-image: url(http://www.segerdahlgraphics.net/i/block_org_2_sgrph.gif); } .prp1sgrph { background-image: url(http://www.segerdahlgraphics.net/i/block_prp_1_sgrph.gif); } .prp2sgrph { background-image: url(http://www.segerdahlgraphics.net/i/block_prp_2_sgrph.gif); } .grn1sgrph { background-image: url(http://www.segerdahlgraphics.net/i/block_grn_1_sgrph.gif); } .grn2sgrph { background-image: url(http://www.segerdahlgraphics.net/i/block_grn_2_sgrph.gif); } .grn1sgroup { background-image: url(http://www.segerdahlgraphics.net/i/block_grn_1_sgroup.gif); } /* .hide makes elements invisible to CSS-capable browsers. Will be used to "hide" athe "Skip Navigation" link in modern browsers while making it available to users of text browsers, screen readers, and PDA/phone browsers */ .hide { display: none; } /* define default image behavior. display: block mean all images will behave as a block element, and this will need to be overridden to display images as inline elements. */ img { display: block; border: 0; } /* define pseudo-class selectors. USE sequence of L-V-H-A for older browser support !!! Warning: IE/Windows gets a:active wrong, and freezes its state/gets stuck/ Do not get fancy and add background images, etc to a:active. */ a:link { font-weight: normal; text-decoration: none; border-bottom: 1px dotted white; color: white; background: transparent; } a:visited { font-weight: normal; text-decoration: none; border-bottom: 1px dotted white; color: white; background: transparent; } a:hover { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #fc0; color: #fc0; background: transparent; } a:active { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #f00; color: #f00; background: transparent; } /* define font for common selectors. */ p, a, th, td, li, ol, h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Helvetica, sans-serif; } /* define header sizes. */ h1 { font-size: 20px; font-weight: normal; } h2 { font-size: 18px; font-weight: normal; } h3 { font-size: 16px; font-weight: normal; } h4 { font-size: 14px; font-weight: normal; } /* define p selector attributes. */ p { margin-top: 0; margin-bottom: 12px; text-align: left; /* IE5/Win bug work around */ font-size: 12px; line-height: 1.5; } p, li { margin-top: 0; text-align: left; /* IE5/Win bug work around */ font-size: 12px; line-height: 1.5; } /* tables. */ /* basic page divisions. */ .nav { white-space: nowrap; } .headerlogo img { background-color: #999; float: left; display: inline; border: 0; } .headerbox { float: right; color: white; height: 75px; padding: 10px; vertical-align: bottom; /* background-color: #94d334; border: 2px solid #b2b299; width: 55%; text-align: right; */ } .headerbox p, .headerbox a { display: inline; font-size: 24px; font-weight: normal; text-align: right; vertical-align: bottom; } .nav a:link, .nav a:visited, .nav a:hover, .nav a:active { font-weight: normal; } .maincontent { margin-top: 25px; padding-top: 25px; clear: both; } .footer { margin-top: 25px; margin-bottom: 25px; clear: both; } .footer p { font-size: 11px; font-style: italic; } .hr { background: #b2b299; width: 100%; height: 3px; padding: 0 border: 0; margin-top: 25px; } .inline p, form { display: inline; } .note { color: red; font-weight: bold; } .message { margin-top: 25px; padding-top: 25px; clear: both; } .message p, tt { color: #ff0; text-align: center; font-size: 12px; } .message h1 { color: #f00; text-align: center; } /* column code */ .column { float: left; padding: 0 10px 10px 0; border: 0; } /* navcolumn code */ .navcolumn { float: left; padding: 0 40px 10px 0; border: 0; } .navcolumn p { margin-top: 0; margin-bottom: 0px; text-align: left; /* IE5/Win bug work around */ font-size: 12px; line-height: 1.1; } /* Table for Data components */ table.data { margin-top: 25px; border-bottom: 1px solid #333; border-left: 1px solid #333; clear: both; } .data tr td, th { color: black; margin: 0; padding: 3px; } .data tr.tablehead1 th { background-color: #9c3; /* med lime green */ font-weight: bold; } .data tr.tablehead2 th { background-color: #d6ff00; /* light lime green */ font-weight: bold; } .data tr.tablehead3 th { background-color: #c6c; /* med purple */ font-weight: bold; } .data tr.tablehead4 th { background-color: #f9c; /* light purple */ font-weight: bold; } .data tr.tablehead5 th { background-color: #f90; /* med orange */ font-weight: bold; } .data tr.tablehead6 th { background-color: #fc0; /* light orange */ font-weight: bold; } .data tr.tablehead7 th { background-color: #990; /* med brown */ font-weight: bold; } .data tr.tablehead8 th { background-color: #CC6; /* light brown */ font-weight: bold; } .data tr.tablehead9 th { background-color: #39F; /* med blue */ font-weight: bold; } .data tr.tablehead10 th { background-color: #3FF; /* light blue */ font-weight: bold; } .data tr.tablehead11 th { background-color: #F00; /* med red */ font-weight: bold; } .data tr.tablehead12 th { background-color: #F66; /* light red */ font-weight: bold; } .data tr td { color: black; background-color: white; vertical-align: top; } .data tr.odd td { color: black; background-color: white; vertical-align: top; } .data tr.even td { color: black; background-color: #ccc; } .nowrap { white-space: nowrap; } table.data th { font: 11px verdana, arial, sans-serif; text-align: center; border-right: 1px solid #333; border-top: 1px solid #333; } table.data td { font: 11px verdana, arial, sans-serif; text-align: left; border-right: 1px solid #333; border-top: 1px solid #333; } table.data a:link { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #900; color: #900; background: transparent; } table.data a:visited { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #900; color: #900; background: transparent; } table.data a:hover { font-weight: normal; text-decoration: none; border-bottom: 0; color: white; background: black; } table.data a:active { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #f00; color: #f00; background: transparent; } .data tr.tablehead1 th a { font-weight: bold; } .data tr.tablehead2 th a { font-weight: bold; } .data tr.tablehead3 th a { font-weight: bold; } .data tr.tablehead4 th a { font-weight: bold; } .data tr.tablehead5 th a { font-weight: bold; } .data tr.tablehead6 th a { font-weight: bold; } .data tr.tablehead7 th a { font-weight: bold; } .data tr.tablehead8 th a { font-weight: bold; } .data tr.tablehead9 th a { font-weight: bold; } .data tr.tablehead10 th a { font-weight: bold; } .data tr.tablehead11 th a { font-weight: bold; } .data tr.tablehead12 th a { font-weight: bold; } /* Table for Form components */ table.form { margin-top: 25px; border-bottom: 1px solid #333; border-left: 1px solid #333; clear: both; } .form tr td, th { color: black; margin: 0; padding: 3px; } .form tr.tablehead1 th { background-color: #9c3; /* med lime green */ font-weight: bold; text-align: center; } .form tr.tablehead2 th { background-color: #d6ff00; /* light lime green */ font-weight: bold; text-align: right; } .form tr.tablehead3 th { background-color: #c6c; /* med purple */ font-weight: bold; text-align: center; } .form tr.tablehead4 th { background-color: #f9c; /* light purple */ font-weight: bold; text-align: right; } .form tr.tablehead5 th { background-color: #f90; /* med orange */ font-weight: bold; text-align: center; } .form tr.tablehead6 th { background-color: #fc0; /* light orange */ font-weight: bold; text-align: right; } .form tr.tablehead7 th { background-color: #990; /* med orange */ font-weight: bold; text-align: center; } .form tr.tablehead8 th { background-color: #CC6; /* light orange */ font-weight: bold; text-align: right; } .form tr.tablehead9 th { background-color: #39F; /* med orange */ font-weight: bold; text-align: center; } .form tr.tablehead10 th { background-color: #3FF; /* light orange */ font-weight: bold; text-align: right; } .form tr.tablehead11 th { background-color: #F00; /* med orange */ font-weight: bold; text-align: center; } .form tr.tablehead12 th { background-color: #F66; /* light orange */ font-weight: bold; text-align: right; } .form tr th.valign { vertical-align: top; } .form tr td { color: black; background-color: white; } .form tr.odd td { color: black; background-color: white; } .form tr.even td { color: black; background-color: #ccc; } .delete { background-color: #f00; width: 100px; vertical-align: middle; text-align: center; margin-top: 20px; padding: 5px; } table.form th { font: 11px verdana, arial, sans-serif; text-align: center; border-right: 1px solid #333; border-top: 1px solid #333; } table.form td { font: 11px verdana, arial, sans-serif; text-align: left; border-right: 1px solid #333; border-top: 1px solid #333; } table.form a:link { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #900; color: #900; background: transparent; } table.form a:visited { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #900; color: #900; background: transparent; } table.form a:hover { font-weight: normal; text-decoration: none; border-bottom: 0; color: white; background: black; } table.form a:active { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #f00; color: #f00; background: transparent; } .form tr.tablehead1 th a { font-weight: bold; } .form tr.tablehead2 th a { font-weight: bold; } .form tr.tablehead3 th a { font-weight: bold; } .form tr.tablehead4 th a { font-weight: bold; } .form tr.tablehead5 th a { font-weight: bold; } .form tr.tablehead6 th a { font-weight: bold; } /* Table for emaildisplay components */ .emailwrap { background-color: white; clear: both; border-color: yellow; border-width: 1px; border-style: dotted; } table.emaildisplay { border: 0; clear: both; } .emaildisplay tr td, th { color: black; margin: 0; padding: 3px; } .emaildisplay tr.tablehead1 th { background-color: #9c3; /* med lime green */ font-weight: bold; text-align: center; } .emaildisplay tr.tablehead2 th { background-color: #d6ff00; /* light lime green */ font-weight: bold; text-align: right; } .emaildisplay tr th.valign { vertical-align: top; } .emaildisplay tr td { color: black; background-color: white; } table.emaildisplay th { font: 14px courier, serif; text-align: right; font-weight: bold; } table.emaildisplay td, table.emaildisplay input, table.emaildisplay textarea { font: 14px courier, serif; text-align: left; } table.emaildisplay a:link { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #900; color: #900; background: transparent; } table.emaildisplay a:visited { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #900; color: #900; background: transparent; } table.emaildisplay a:hover { font-weight: normal; text-decoration: none; border-bottom: 0; color: white; background: black; } table.emaildisplay a:active { font-weight: normal; text-decoration: none; border-bottom: 1px dotted #f00; color: #f00; background: transparent; } .emaildisplay tr.tablehead1 th a { font-weight: bold; } .emaildisplay tr.tablehead2 th a { font-weight: bold; } /* Tabbed Nav List */ #navlist { border-bottom: 1px solid #ccc; margin: 0; padding-bottom: 19px; padding-left: 10px; } #navlist ul, #navlist li { display: inline; list-style-type: none; margin: 0; padding: 0; } #navlist a:link, #navlist a:visited { background: #E8EBF0; border: 1px solid #ccc; color: #666; float: left; font-size: small; font-weight: normal; line-height: 14px; margin-right: 8px; padding: 2px 10px 2px 10px; text-decoration: none; } #navlist a:link#current, #navlist a:visited#current { background: #fff; border-bottom: 1px solid #fff; color: #000; } #navlist a:hover { color: #fc0; } body.section-1 #navlist li#nav-1 a, body.section-2 #navlist li#nav-2 a, body.section-3 #navlist li#nav-3 a, body.section-4 #navlist li#nav-4 a { background: #fff; border-bottom: 1px solid #fff; color: #000; } #navlist #subnav-1, #navlist #subnav-2, #navlist #subnav-3, #navlist #subnav-4 { display: none; width: 90%; } body.section-1 #navlist ul#subnav-1, body.section-2 #navlist ul#subnav-2, body.section-3 #navlist ul#subnav-3, body.section-4 #navlist ul#subnav-4 { display: inline; left: 10px; position: absolute; top: 95px; } body.section-1 #navlist ul#subnav-1 a, body.section-2 #navlist ul#subnav-2 a, body.section-3 #navlist ul#subnav-3 a, body.section-4 #navlist ul#subnav-4 a { background: #fff; border: none; border-left: 1px solid #ccc; color: #999; font-size: smaller; font-weight: bold; line-height: 10px; margin-right: 4px; padding: 2px 10px 2px 10px; text-decoration: none; } #navlist ul a:hover { color: #f00 !important; } #contents { background: #fff; border: 1px solid #ccc; border-top: none; clear: both; margin: 0px; padding: 15px; } /* END Tabbed Nav List */ /* Pagination */ .pagination { display: block; clear: left; margin: 0 auto -15px auto; text-align: center; } .pagination p { text-align: center; } .pagination .this { color: red; font-size: 14px; font-weight: bold; } .pagination .prev { background-image: url(/dbs/c/i/arrow_prev_sm.gif); border-width: 0; } .pagination .next { background-image: url(/dbs/c/i/arrow_next_sm.gif); border-width: 0; } /* CSS key. " " = selector "." = class "#" = id */