/*
How to use this stylesheet:
--- Most elements will inherit their style automatically via the base values.
--- Use the extra styles As System.Exceptions to the base styles when needed.
--- Specific classes get a proper name (such as OWA classes for Outlook Web Access).
HTML examples of correct usage:
Apply classes to the parent element only whenever possible.
Instead of:
|
Please keep this file neat n' tidy. If you need a style added, please ask Bree.
*/
/* BASE VALUES */
body {font-size: 9pt; color: #000000; font-family: Arial, Verdana, Helvetica, Sans-Serif; background-color: #FFFFFF;}
td {font-size: 9pt; font-family: Arial, Verdana, Helvetica, Sans-Serif;}
A {color: #003399; text-decoration: underline;}
A:hover {color: #000099; text-decoration: none;}
input, select, textarea {border: 1px solid #000099; background: #EFEFEF; font-size: 8pt; color: #000099;}
hr {color: #000099; padding-top: 3px; padding-bottom: 3px; background-color: transparent;}
/* USE FOR ABBREVIATIONS & ACRONYMS */
/* to use, set title attribute of element. IRS */
abbr, acronym, .help {border-bottom: 1px dotted #333333; cursor: help;}
/* EXTRA STYLES ... Use these As System.Exceptions to the base values */
.lighttext {color: #3399CC;}
.heavytext {color: #006699;}
.heavy {background: #336699; color: #FFFFFF;}
.heavy a {color: #FFFFFF; text-decoration: underline;}
.heavy a:hover {color: #FFFFDD; text-decoration: none;}
.heavy a:active {color: #FFFFFF; text-decoration: none;}
.light {background: #3399CC; color: #FFFFFF;}
.Light a {color: #FFFFFF; text-decoration: underline;}
.Light a:hover {color: #FFFFEE; text-decoration: none;}
.Light a:active {color: #FFFFFF; text-decoration: none;}
/* Created by Rich, The miniwhite is used for a smal href instance */
.white {color: #FFFFFF;}
.miniwhite {font-size: 8pt; color: #FFFFFF;}
.breadcrumb {font-size: 8pt; color: #CCCCCC;}
.minired {font-size: 8pt; color: #FF0000; font-family: Verdana, Arial, Sans-Serif; font-weight: bold;}
.red {color: #ff0000;}
.redbold {font-weight: bold; color: #ff0000;}
.blackbold {font-weight: bold; color: #000000;}
a.miniwhite:visited {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 8pt; text-decoration: underline; color: #FFFFFF;}
a.miniwhite:link {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 8pt; text-decoration: underline; color: #FFFFFF;}
a.miniwhite:hover {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 8pt; text-decoration: none; color: #CCCCCC;}
a.miniwhite:active {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 8pt; text-decoration: none; color: #CCCCCC;}
/* generic padding styles, in roman numerals :: m johnson */
/* can be applied with other styles, IE: */
/* */
.psidesII {padding-left: 2px; padding-right: 2px;}
.pleftII {padding-left: 2px;}
.prightII {padding-right: 2px;}
.ptopII {padding-top: 2px;}
.pbottomII {padding-bottom: 2px;}
.psidesV {padding-left: 5px; padding-right: 5px;}
.pleftV {padding-left: 5px;}
.prightV {padding-right: 5px;}
/* generic margin styles, in roman numerals :: m johnson */
/* can be applied with other styles, IE: */
/* */
.msidesII {margin-left: 2px; margin-right: 2px;}
.mleftII {margin-left: 2px;}
.mrightII {margin-right: 2px;}
.mtopII {margin-top: 2px;}
.mbottomII {margin-bottom: 2px;}
.msidesV {margin-left: 5px; margin-right: 5px;}
.mleftV {margin-left: 5px;}
.mrightV {margin-right: 5px;}
.mtopV {margin-top: 5px;}
.mtopX {margin-top: 10px;}
.mbottomV {margin-bottom: 5px;}
.mbottomX {margin-bottom: 10px;}
/* Use the mini class for footers, captions, disclaimers and other tiny text */
.mini {font-size: 8pt; color: #000000;}
/* You'll need to make an exception for checkboxes and apply this style to them, because of how IE handles them in relation to CSS styles */
.check, .check input {border: 0px; background: transparent}
/* Use this class for HTML text subheads */
.header {font-size: 12pt; font-weight: bold;}
/* END EXTRA STYLES */
/* DATA ENTRY TABLES */
/* mike j - for data entry tables where you have a 2 column label/field setup */
/* example:
*/
.etable {}
.etable td {padding: 2px;}
.etable .label {text-align: right; padding-left: 5px; padding-right: 5px; vertical-align: top; white-space: nowrap; width: 1%;}
.etable .entrylg input {width: 300px;}
.etable .entrylg select {width: 300px;}
.etable .entrymd input {width: 200px;}
.etable .entrymd select {width: 200px;}
.etable .entrysm input {width: 100px;}
.etable .entrysm select {width: 100px;}
/* END DATA ENTRY TABLES */
/*
Use the repeated classes below to handle tables with repeating data. It's set up so you won't have to worry about
the alternating the presentation of the data. Here is an example of correct usage:
| Test | Test |
| Test | Test |
| Test | Test |
*/
.reptable {border: 1px solid #8C2300;}
.reptable .head td {color: #FFFFFF; background-color: #8C2300; padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; font-weight: bold; border-right: 1px solid #6699CC;}
.reptable .head a {color: #ffffff; text-decoration: underline;}
.reptable .head a:hover {color: #ffffff; text-decoration: none;}
.reptable .head a:active {color: #ffffff; text-decoration: none;}
.reptable td {padding-left: 4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #CCCCCC;}
.reptable .none td {border-bottom:none;}
/* END REPEATER classes */
/* Outlook Web Access classes */
.owatable {color: #000000; text-decoration: none;}
.owatable td {color: #000000; text-decoration: none; padding-left: 5px; padding-right: 5px;}
.owatable .head {font-weight: bold; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #EAEAEA;}
.owatable a {color: #003399; text-decoration: underline;}
.owatable a:hover {color: #000099; text-decoration: none;}
.owatable a:active {color: #990000; text-decoration: none;}
.owahead {color: #000000; font-size: 10pt; text-decoration: none; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; background-color: #CCCCCC; font-weight: bold;}
.owatable .pastevent, .owatable .pastevent a
{color: #999999; text-decoration: none;}