/*/ Stylizor/default.css (c) 2004 by Locke Enterprises (www.iLocke.com) - All rights reserved. LICENSE: Authorized for use on the AutoGlassHosting.com website and its Affiliate websites. PURPOSE: CSS class elements exported for use on this website. CREATED: 6/2004 - Locke Enterprises (iLocke.com) - taken from Nathan's master template MODIFICATION HISTORY: · 6/25/2004 - Nathan - adapted for the AGH Affiliate website · mm/dd/yyyy - [name] - [comment] NOTE: Key colors... orange=#FF6400 deepblue=#3458B8 /*/ /* ------------------------------------------------------------------------- AGH affiliate account template websites ------------------------------------------------------------------------- */ /* main block defaults */ BODY{ color: #000000; background: #FFFFFF; font-size: 12px; font-family: Tahoma, Arial, Helvetica; } TD{ color: #000000; font-size: 12px; font-family: Arial, Helvetica; } P{ font-family: Tahoma, Arial, Helvetica; } /* basic orange links */ A, A:link, A:visited { color: #0000FF; text-decoration: none; font-family: Tahoma, Arial, Helvetica; font-weight: bold; } A:hover, A:active { text-decoration: underline; } /* thin links */ A.thin, A.thin:link, A.thin:visited { color: #0000FF; text-decoration: none; font-family: Tahoma, Arial, Helvetica; font-weight: normal; } A.thin:hover, A.thin:active { text-decoration: underline; } /* small links */ A.small, A.small:link, A.small:visited { color: #0000FF; font-size: 11px; text-decoration: none; font-weight: bold; } A.small:hover, A.small:active { text-decoration: underline; } /* smallThin links */ A.smallThin, A.smallThin:link, A.smallThin:visited { color: #0000FF; font-size: 11px; text-decoration: none; font-weight: normal; } A.smallThin:hover, A.smallThin:active { text-decoration: underline; } /* main nav links */ A.nav, A.nav:link, A.nav:visited { color: #0000FF; font-family: Tahoma, Arial, Helvetica; font-size: 11px; text-decoration: none; font-weight: bold; } A.nav:hover, A.nav:active { font-family: Tahoma, Arial, Helvetica; font-size: 11px; text-decoration: underline; font-weight: bold; } /* bottom nav links */ A.bottomnav, A.bottomnav:link, A.bottomnav:visited { color: #0000FF; font-family: Tahoma, Arial, Helvetica; font-size: 11px; text-decoration: none; font-weight: bold; } A.bottomnav:hover, A.bottomnav:active { font-family: Tahoma, Arial, Helvetica; font-size: 11px; text-decoration: none; font-weight: bold; } /* alert */ A.alert, A.alert:link, A.alert:visited { font-size: 12px; color: #FF0000; font-weight: bold; text-decoration: none; } A.alert:hover, A.alert:active { font-size: 12px; color: #FF0000; text-decoration: underline; } /* various cells */ TD.companyName{ color: #C80000; font-family: Tahoma, Arial, Helvetica; font-size: 22px; text-decoration: none; font-weight: normal; } TD.slogan{ color: #000000; font-family: Times New Roman, Roman, Times, Arial, Helvetica; font-size: 24px; text-decoration: none; font-style: italic; font-weight: normal; } TD.newsTitle{ color: #D0D0E0; font-family: Times New Roman, Roman, Times, Arial, Helvetica; font-size: 24px; text-decoration: none; font-style: italic; font-weight: normal; } TD.news{ color: #D0D0E0; font-family: Tahoma, Arial, Helvetica; font-size: 14px; text-decoration: none; font-style: italic; font-weight: normal; } TD.sectionTitle{ color: #200098; background: #D0D0E0; font-family: Tahoma, Arial, Helvetica; font-size: 26px; text-decoration: none; font-weight: normal; border: #200098 1px solid; } TD.copyright{ color: #404040; font-family: Tahoma, Arial, Helvetica; font-size: 11px; text-decoration: none; font-weight: normal; } /* paragraphs */ P.action{ color: #00A000; background: none; text-decoration: none; font-weight: bold; font-size: 16px; } P.error{ color: #E00000; background: none; text-decoration: none; font-weight: bold; font-size: 18px; } P.notice{ width: 80%; color: #E80000; background: FCFCEC; padding: 6px; text-decoration: none; font-weight: bold; font-size: 18px; border: #C06060 1px dotted; } P.title{ color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 14pt; font-weight: bold; text-decoration: none; } P.siteText{ color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 10pt; font-weight: normal; } P.siteText:first-line{ font-weight: bold; } /* specific spans */ SPAN.logoDomain{ color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 9px; font-weight: normal; } SPAN.required{ color: #E80000; } /* other special items */ LI.newsItem{ color: #000000; font-family: Tahoma, Arial, Helvetica; font-size: 12px; text-decoration: none; font-weight: bold; } /* specific zones - mostly for overflow protection */ #logoArea{ width: 286px; height: 56px; display: block; visibility: visible; overflow: hidden; } #sloganArea{ width: 392px; height: 53px; display: block; visibility: visible; overflow: hidden; } #sloganAreaMiddle{ width: 392px; height: 53px; display: block; visibility: visible; overflow: hidden; position: absolute; } #sloganAreaHighlight{ width: 392px; height: 53px; display: block; visibility: visible; overflow: hidden; position: absolute; } #navArea{ width: 468px; height: 46px; display: block; visibility: visible; overflow: hidden; } #newsTitleArea{ width: 292px; height: 59px; display: block; visibility: visible; overflow: hidden; } #newsArea{ width: 253px; height: 93px; display: block; visibility: visible; overflow: hidden; } #titleArea{ width: 468px; height: 38px; display: block; visibility: visible; overflow: hidden; } #bottomNavArea{ width: 780px; height: 46px; display: block; visibility: visible; overflow: hidden; } /* generic areas */ .normal { color: #000000; background: #F8F8F8; font-size: 11px; font-weight: normal; border-color: #E0E0E0; vertical-align: middle; font-family: Tahoma, Arial, Helvetica; text-decoration: none; scrollbar-face-color: #A0A0A0; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #E8E8E8; scrollbar-3dlight-color: #C0C0C0; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #E0E0E0; scrollbar-arrow-color: #FFFFFF; } .requiredField { color: #000080; background: #F0F0F0; font-size: 11px; font-weight: normal; border-color: #E0E0E0; border-bottom: #C82040 2px solid; vertical-align: middle; font-family: Tahoma, Arial, Helvetica; text-decoration: none; scrollbar-face-color: #A0A0A0; scrollbar-shadow-color: #808080; scrollbar-highlight-color: #E8E8E8; scrollbar-3dlight-color: #C0C0C0; scrollbar-darkshadow-color: #000000; scrollbar-track-color: #E0E0E0; scrollbar-arrow-color: #FFFFFF; } .readonly { color: #404040; background: #D8D8D8; font-size: 8pt; font-family: Tahoma, Arial, Helvetica; font-weight: normal; border-color: #C0C0C0; vertical-align: middle; text-decoration: none; } .button { color: D0D0E0; background: #200098; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; height: 26px; vertical-align: middle; border: #C0C0FF 2px outset; } .smallButton { color: D0D0E0; background: #200098; font-size: 10px; font-family: Tahoma, Arial, Helvetica; vertical-align: middle; border-style: solid; border-width: 1px; border-left-color: #000000; border-right-color: #000000; border-top-color: #000000; border-bottom-color: #000000; } .highlightLine{ color: #200098; background: #200098 } .wizardButton { color: #200098; background: #D0D0E0; font-family: Tahoma, Arial, Helvetica; vertical-align: middle; /* color: #FFFFFF; background: #D0D0E0; font-family: Tahoma, Arial, Helvetica; vertical-align: middle; */ font-size: 12px; font-weight: bold; height: 26px; border: #808080 2px outset; } /* AGH affiliate wizard */ A.wizard,A.wizard:link,A.wizard:visited{ color: #FF0000; font-weight: normal; text-decoration: none; font-family: Arial, Helvetica; } A.wizard:hover,A.wizard:active{ color: #C80000; font-weight: normal; text-decoration: underline; font-family: Arial, Helvetica; } TABLE.wizardTable{ border: #200098 2px solid; background: #E0E0E0; } TD.wizardStep{ color: #D0D0E0; background: #200098; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; } TD.wizardStepCurrent{ color: #200098; background: #D0D0E0; font-family: Tahoma, Arial, Helvetica; font-size: 12px; font-weight: bold; } TD.wizardTitle{ color: #D0D0E0; background: #200098; font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; } TD.wizardSeparator{ color: #F8F8F8; background: #200098; font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; padding: 0; } TD.wizardText{ color: #FF0000; background: #F4F4F4; font-family: Arial, Helvetica; font-size: 14px; font-weight: normal; } TD.checkoutTitle{ color: #D0D0E0; background: #200098; font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; border: #D0D0E0 1px solid; } SPAN.regularText{ font-family: Arial, Helvetica; font-size: 12px; color: #000000; text-decoration: none; font-weight: normal; } SPAN.wizardTitleHidden{ color: #200098; font-size: 12px; font-weight: normal; } /* (UNUSED elements) */ /* main nav links - not currently used */ A.navsel, A.navsel:link, A.navsel:visited { padding: 2px; font-size: 11px; color: #C80000; background: #DADAEB; text-decoration: none; font-weight: normal; } A.navsel:hover, A.navsel:active { padding: 2px; font-size: 11px; color: #E80000; background: #C0C0D8; text-decoration: none; font-weight: normal; } /* action */ A.action, A.action:link, A.action:visited { color: #F08000; font-weight: bold; text-decoration: none; } A.action:hover, A.action:active { color: #FFC040; text-decoration: underline; }