/* Stylesheet for Materials Database web site (formerly TEFL web site, hence the name of this file) */ /* Applies to everything with the tag, unless overridden by another style. These styles can be thought of as the default styles for all pages. */ body { background-color: #F5F3B4; /* This yellow color matches main pcukraine.org page */ /* Start the page at the top-left without any spacing. */ margin-top: 0px; margin-left: 0px; /* Font styles */ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: normal; color: #000066; } h1, h2, h3 { margin-top: 0px; margin-bottom: 0px; } h1 { font-size: 36px; line-height: 38px; } h2 { font-size: 24px; line-height: 26px; } h3 { font-size: 18px; line-height: 18px; } p { margin-top: 0px; margin-bottom: 10px; } .errorMsg { font-weight: bold; color: Crimson; } .errorStar { font-weight: bold; color: Crimson; } .userID { color: Crimson; font-weight: bold; font-style: italic; } .docIcon { height: 16px; width: 16px; border: none; margin-left: 2px; vertical-align: middle; } /* Adds some extra space between items in a list so they will be easier to read. */ li { margin-bottom: 10px; margin-left: 25px; vertical-align: text-top; /* IE was putting bullets at bottom of multi-line item */ } /* Styles for user input forms */ .dataEntry { margin-top: 5px; padding: 15px; border: double 3px #000066; background-color: #F5F3B4; /* background-color: Cornsilk; */ font-size: 12px; text-align: left; } .form_label { position: absolute; color: #333333; } /* This is the style for highlighted search terms */ .srchTerm { font-weight: bold; color: Crimson; background-color: white; } /* This creates border around the page. */ .PageArea { width: 750px; margin-left: 10px; margin-top: 10px; margin-bottom: 20px; padding: 0px; background-color: #FFFFFF; border: 1px solid #000066; } .PageBody { padding: 10px; padding-top: 0px; } /* This section contains all the styles for hyperlinks */ /* Standard hyperlink style */ a { color: Crimson; text-decoration: none; } /* Style for when mouse hovers over link */ a:hover, a:focus { color: #336633; text-decoration: underline; } a:active { color: #336633; text-decoration: underline; } .admLinks { color: #666666; font-size: 13px; } .navLinks { color: #000066; font-size: 13px; font-weight: bold; } a.navLinks:hover, a.navLinks:focus { color: #336633; text-decoration: underline; } a.navLinks:active { color: #336633; text-decoration: underline; }