body {margin: 0px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #444444;} table { text-align: left;} /* ##### TEXT STYLES ##### */ a {color: #3366CC; text-decoration:none;} a:hover {color: #666666; text-decoration: underline;} b {color:#666666;} /* any block of text more than two lines should have a P tag around it. Any block of text should not run more than 600px wide. */ p {line-height:140%; font-weight:normal; margin-bottom:30px; margin-top:0px; font-size: 9pt;} li {margin-bottom:6px; font-weight:normal; margin-top:0px;} /* sets the default font size of a table cell to the same as the body. */ td {font-size: 9pt;} /*section or page header. There should only be one of these per page and it should be at the very top.*/ h1 {font-size: 13pt; color: #6F6F6F; margin: 0px 0px 15px 0px;} /* used for the heading of section of text blocks each with it's own sub heading. must be followed by 2+ h3's. can be directly followed by a P ONLY if it is introductional text, followed by a series of h3's */ h2 {font-size: 11pt; color: #5A75AC; margin: 0px 0px 6px 0px; font-family:"Trebuchet MS", sans-serif} /* used for a subsection of a text block. Should be preceded by a h2, though not necessarily immediately above it. should be followed by a P , TABLE or LIST. */ h3 {font-size: 10pt; color: #666666; margin: 0px 0px 3px 0px; font-weight: bold;} /* if you want to display a hint or tip, give it the hint class */ .hint {font-size:7pt; } /* ## END TEXT STYLES ## */ /* ##### HR STYLES ##### */ /* any horizontal rule ( HR ) in the system should have the ruler class applied to it. */ .ruler {color:#CCCCCC; height:1px;} /* ## END HR STYLES ## */ /* ### WEBDOC STYLES ### */ .sectional {padding:4px; margin-bottom:12px; width:550px;} .subsectional {padding:10px 6px 10px 15px; margin-bottom:15px;} .caution-box {border:#E01616 1px solid; background-color:#FFFCCC; color:#E01616; padding:2px; margin:4px 0px 4px; font-family: verdana, Arial, sans-serif;} .sectional-back {background-color:#F9F9F9;} .header-back {background-color:#DBE3FF; padding:6px 0px 0px 6px;} .searchword0 {background-color: #B5C5EC; font-weight:bold; color:#000000;} .searchword1 {background-color: #C5D5FC; font-weight:bold; color:#000000;} .searchword2 {background-color: #D5D5FC; font-weight:bold; color:#000000;} .searchword3 {background-color: #E5D5FC; font-weight:bold; color:#000000;} .searchword4 {background-color: #F5D5FC; font-weight:bold; color:#000000;} .toc_header {color:#666666; font-weight:bold; font-weight:9pt;} /* ### END WEBDOC STYLES ### */ /* ##### FORM STYLES ##### */ /* button should be used when there is a group of buttons next to each other. Vertical lists of buttons should all have the same width. */ .button {font-family:"Trebuchet MS", sans-serif; font-size: 8pt; color: #586AB2; border:outset 1px; font-weight:bold; background-color: #EAEDFF; padding:0px 8px 0px 8px; text-align:left; margin-bottom:2px;} /*button2 should be used when a button is all by its lonesome if a group of buttons is present nearby, but this button stands alone, it still gets the button2 class see product editor for examples. */ .button2 {font-family:"Trebuchet MS", sans-serif; font-size: 8pt; color: #ffffff; border: outset; background-color: #586AB2; font-weight:bold; padding:0px 8px 0px 8px;} /* DO NOT USE THIS CLASS. If you see it in the UI, change the button to conform to the standards set with button and button2 class. */ .savebutton {font-family: verdana, arial, sans serif; font-size: 9pt; color: #ffffff; border-style:solid; border-width: 1px; border-color: #283F9C; background-color: #BA516A; font-weight:bold; padding-bottom:1px} /* global fields that affect all form select lists and input boxes */ select {font-family: sans-serif, arial, verdana; font-size: 8pt; color: #444444;} input {font-family: sans-serif, arial, verdana; font-size: 9pt; color: #444444;} /* ## END FORM STYLES ## */ /* ##### TABLE STYLES ##### */ /* used for navcat drop down. also used in setup for section header background colors */ .navcat_Z { background-color: #B5C5EC; color: #333333; border: 1px solid #CCCCCC; } .navcat_0 { background-color: #C5D5FC; color: #333333; border: 1px solid #CCCCCC; } .navcat_1 { background-color: #D5D5FC; color: #333333; border: 1px solid #CCCCCC; } .navcat_2 { background-color: #E5D5FC; color: #333333; border: 1px solid #CCCCCC; } .navcat_3 { background-color: #F5D5FC; color: #333333; border: 1px solid #CCCCCC; } .navcat_4 { background-color: #F5E5FC; color: #333333; border: 1px solid #CCCCCC; } .navcat_5 { background-color: #F5F5FC; color: #333333; border: 1px solid #CCCCCC; } /* These styles should be used anytime you need to create a border on a cell or table. use left, right, etc for a border on a single side. these are used in the product editor to create lines and headers */ .divider {background-image:url(img/divider_bluefade_bkground.jpg)} .border_top { border-top:#CCCCCC 1px solid;} .border_right { border-right:#CCCCCC 1px solid;} .border_bottom { border-bottom:#CCCCCC 1px solid;} .border_left { border-left:#CCCCCC 1px solid;} .border-gray {border:#CCCCCC 1px solid;} /* zoovytable is the outer fixed (non-scrollable table) zoovytableheader is header in scrollable table (headers are separate table to accomodate scrollbar) zoovytableframe is a "scrollable frame" inside each tr is r1/r0/rs/rx, and each td is 'cell' */ .zoovytable { vertical-align: top; text-align:left; font-family:Arial, Helvetica, sans-serif; border: 1px solid #999999; } .zoovytableheader { font-family: sans-serif; color:#555555; background-color:#C5D5FC; border:none; font-size:8pt; font-weight:bold; } .zoovytableframe { overflow:auto; height:100px; border:none; } .r1 { color:#333333; background-color: #F0F0F0; font-size: 8pt; } .r0 { color:#333333; background-color: #FFFFFF; font-size: 8pt; } .rx { color:#333333; background-color: #FFCC66; font-size: 8pt; } .rs { color:#333333; background-color: #FFCCCC; font-size: 8pt; } .cell { font-family: sans-serif; font-size:8pt; } /* ## END TABLE STYLES ## */ /* ##### UI STYLES - DO NOT CHANGE ##### */ .header_button a {display:block; padding:0px 3px 0px 3px; border:solid 1px #91A1B5; text-decoration:none; font-size:11px; font-weight:bold; color:#91A1B5; text-align:center} .header_button_alert a {background-image:url(img/ui_button_bg.gif); display:block; padding:0px 3px 0px 3px; border:solid 1px #91A1B5; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#91A1B5; text-align:center} .alertbutton a:hover {text-decoration:underline;} /* this is for the links in the upper right corner */ .header_menu a {color:#91A1B5;} /* this is for the main tabs */ .header_tab_off {font-size:12px; color:#8F9FCA; font-family:"Trebuchet MS", arial, sans-serif; font-weight:bold; margin:0px 5px 0px 5px; text-decoration:none;} .header_tab_on {font-size:12px; color:#FFFFFF; font-family:"Trebuchet MS", arial, sans-serif; font-weight:bold; margin:0px 5px 0px 5px; text-decoration:none;} .header_tab_off:hover {text-decoration:none;} .header_tab_on:hover {text-decoration:none; color:#ffffff;} /* this is for the sub links that appear below the main tabs on specific pages. */ .header_sublink {color:#7784AB; text-decoration:none; padding:0px 10px 0px 10px;} .header_sublink_active {color:#FFFFFF; background-color:#99A5EA; text-decoration:none; padding:0px 10px 0px 10px;} /* THis grey is used for the login text at the top and splitters in the upper right corner. ## MAY ALSO BE USED IN THE UI ITSELF ##*/ .gray {color:#828282;} /* breadcrumb is the class for the path that is generated in the grey horizontal */ .breadcrumb {font-size: 8pt; color: #333333; text-transform:lowercase;} .breadcrumb a {color:#7784AB;} /* ## END UI STYLES ## */ /* ##### OLD UI STYLES - DO NOT CHANGE ##### */ /* top_menu is the class for the links in the upper right corner */ .top_menu {font-size: 8pt;} .bc_bg {background-image: url('img/bc_bg.gif')} /* main_menu is the class used for the main section links across the top of the UI. main_menu_selected is the class used when you are IN that paticular section to highlight the menu. */ .main_menu {font-size: 10pt; font-weight: bold; color: #283F9C; text-decoration: none;} .main_menu:hover {color: #ffffff;} .main_menu_selected {font-size: 10pt; font-weight: bold; color: #EEEEEE; text-decoration: none;} .main_menu_selected:hover {color: #ffffff;} .menu_bg {background-image: url('img/main_menu_bg.gif')} /* These are the classes used in the subsection tabs that appear at the top of some pages*/ .tab_menu_grey {filter:dropshadow(color=#cccccc, offx=1, offy=1); color: #666666; font-size: 8pt; text-decoration: none;} .tab_menu_blue {filter:dropshadow(color=#ccccff, offx=1, offy=1); color: #666666; font-size: 8pt; text-decoration: none;} .tab_menu_orange {filter:dropshadow(color=#330000, offx=1, offy=1); color: #CC3300; font-size: 8pt; text-decoration: none;} .tab_grey {background-image: url('img/tab_grey_bg.gif'); padding-bottom: 5px;} .tab_blue {background-image: url('img/tab_blue_bg.gif'); padding-bottom: 5px;} .tab_orange {background-image: url('img/tab_orange_bg.gif'); padding-bottom: 5px;} .horz_bg {background-image: url('img/horz_bg.gif')} .bottom_bg {background-image: url('img/bottom_bg.gif')} .horz_shadow {background-image: url('img/horz_shadow.gif');} /* ## END OLD UI STYLES ## */ /* ##### This stuff is either depricated, i don't know what it is, or I haven't gotten to yet. ##### */ .small {font-size: 8pt;} /* this is used in the setup page */ .big_link {font-size: 12pt; font-weight: bold;} .table_stroke {border-style: solid; border-width: 1px; border-color: #3366CC;} .table_head {background-color: #C5D5FC;} .table_top {background-color: #C5D5FC;} .header {color: #555555; font-size: 10pt; font-weight: bold;} .table_outline {border:1px solid #3366CC; background-color:#3366CC;} .table_colhead {background-color:#C5D5FC;} .text_heading {color:#555555; font-size:11pt; font-weight:bold;} .text_colhead {color:#555555; font-size:10pt; font-weight:bold;} .table_bg0 {background-color:#FFFFFF;} /* rows are numbered 0-1 NOT 1-2 !!!!! */ .table_bg1 {background-color:#B8CBF1;} .table_bg2 {background-color:#FFFFFF;} .bold {font-weight:bold;} .white {color: #ffffff;} .alert {color: #FF0000; font-weight: bold;} .light {background-color: #B8CBF1;} .white_bg {background-color: #FFFFFF;} .lgrey { background-color: #F2F2F2;} .warning {background-color: #F5E5CD;} .yeehaw {background-color: #B9D1B9;} .captainibs {background-color: #E0B7B7;} .yellow_bg {background-color: #FFCC33;} .item_on {background-color: #f0f0f0;} .item_off {background-color: #ffffff;} .column {background-image: url('img/column.gif')} .hint_header { width: 100%;} .navtext { width:150px; font-family: verdana, arial, sans serif; font-size:8pt; border-width:2px; border-style:outset; border-color:darkgray; layer-background-color:#99CCFF; background-color:#99CCFF; color:black; } /* subtitle0 should be used on a div below an href to explain what it is about, text only, no links, etc. subtitle1 should be used on a div below an href, where no padding is wanted, use subtitle_margin to manually add padding. ) subtitle1_margin -- see subtitle1 */ .subtitle0 { font-size: 7pt; line-height: 9pt; margin-bottom: 10px; margin-top: 2px; } .subtitle1 { font-size: 7pt; line-height: 9pt; margin-bottom: 6px; margin-top: 2px;} .subtitle1_margin { margin-bottom: 10px; } /* jordan 12/16/05 - used for product editor - the rest that were here have been moved into the table section. */ .margin {margin:4px;} .gray {color:#828282;} .blue {color:#6479A5;}