/********************************************************** ADE Food Distribution Program Common Styles This file basically conforms to IE 6 or higher CSS styles. This file is a revised version of the Basic.css and includes the definitions from the "/cnp2000/images/8/CNP.css" file. Web pages should only use this file or the Basic.css + CNP.css. This file was migrated to production as part of ticket 2823. NOTES: 1. Ensure the following DTD prolog declaration and HTML tag & attributes are at the beginning of the HTML document: 2. Add the following mime-type meta data: 3. This file combines positioning and color Main Colors: Dark red color: #840000 - main captions and headings, hr Slightly lighter dark red 2: #990000 - legend, details table bottom border Light redish-brown #DF9999 - details table footer TD background color, table totals. Light beige color: #FFE4C4 - section sub header and sub footer Dark beige color: #DEB887 - unslected rows, section header and footer, section totals. Very Dark beige color: #BE6130 - details table sub heading 1 - used for grouping within the table. Highlight color: #FFFF66 - row rollover Tan color: #CD5C5C - informational and note text **********************************************************/ /********************************************************* Import Css File for Page Headers Class *********************************************************/ @import url('FDP_Title.css'); /********************************************************** Top level default styles **********************************************************/ /* Set element margins, padding, and border to 0 to even out browser differences when adding desired values later. */ html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, th, form, a, img, button { margin: 0; padding: 0; border: none; } /* Set element default fonts */ address, blockquote, body, caption, center, dd, dir, div, dl, dt, fieldset, form, legend, menu, ol, option, optiongroup, p, select, td, th, ul { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; } h1, h2, h3, h4, h5, h6 { font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; } select { font-size : .95em; } /* Positioning styles */ body { margin : 20px 30px 30px 30px; text-align : center; background-image : url( "/cnp2000/images/8/bg2.gif" ); background-attachment : fixed; background-color : White; color : Black; } div.container { width : 100%; min-width : 810px; margin : 0; padding : 0; text-align : left; font-size : .7em } div.container form { width : 100%; } div.container.minWidth900px { min-width : 900px; } div.container.minWidth1000px { min-width : 1000px; } div.container.minWidth1100px { min-width : 1100px; } div.container.minWidth1200px { min-width : 1200px; } /* Set individual element styles */ /* Note: On IE the Margin doesn't work correctly for a fieldset. The Padding works like a Margin. */ fieldset { width : 99%; padding : 25px 5px 7px 3px; position: relative; } fieldset.grouping { display: inline; width: auto; padding: 0px 5px 2px 2px; margin: 0; } legend { color : #990000; background-color : transparent; padding : 2px 5px 2px 5px; font-weight : 500; border : 1px solid silver; margin : 5px 0px 5px 0px; } li { list-style : disc inside none; } hr { height : 1px; color : #840000; } input { font-size : 1.0em; } optgroup { color : #840000; background-color : White; } option { color : Black; background-color : White; } table { width : 100%; } tr { vertical-align : top; } td { text-align : left; } /* Set general class styles */ *.bold { font-weight: bold; } *.nowrap { white-space : nowrap; } *.unselected { background-color : #DEB887; } *.warning { color : Red; background-color : inherit; font-weight : bolder; } *.clickable { cursor : hand; } *.clickable:hover { cursor : hand; text-decoration : underline; } *.grayed {color: Silver; background-color:inherit} /**********************************************************/ /* Set COLLAPSABLE element styles */ /**********************************************************/ fieldset span.collapse-control { font-size: 1.3em; line-height:1em; text-align: center; position: relative; float: right; width: 1em; top: -1.8em; color: #CD5C5C; background-color: white; margin-left: 3px; margin-right: 2px; margin-bottom: 0; margin-top: 0; border: 1px solid silver; padding: 0px 5px 1px 5px; } fieldset span.collapse-control:hover { cursor: pointer; } /**********************************************************/ /* Set NOTES element styles */ /**********************************************************/ *.notes { color : #CD5C5C; margin-top : .5em; margin-bottom : .5em; } ul.notes { padding-left: 10px; } ul.notes li.info { list-style-image : url( /cnp2000/Images/FDP/information.png ); } ul.notes li.warn { list-style-image : url( /cnp2000/Images/FDP/error.png );} ul.notes li.error { list-style-image: url( /cnp2000/Images/FDP/exclamation.png ); } ul.notes li.first {margin-top:5px;} /**********************************************************/ /* MENU element styles */ /* The menu styles are typically used in the FILTER table which has a specific TD class for containing a menu.. */ /**********************************************************/ img.menu { padding : 3px 3px 3px 3px; border : 1px dotted Window; } img.menu:hover { cursor : pointer; border : 1px dotted #CD5C5C; } img.selected { border : 1px solid #CD5C5C; padding : 3px 3px 3px 3px; } /**********************************************************/ /* REPORT DIV and TABLE element styles */ /**********************************************************/ div.report { width : 100%; } div.report table.reportHeader { } table.reportHeader td { } table.reportHeader td.spacer { width : 3%; } table.reportHeader td.title { width : auto; text-align:center; font-size : 1.3em; font-weight : bold; } table.reportHeader td.subTitle { width : auto; text-align:center; font-size : 1.1em; font-weight : bold; } table.reportHeader td.command { width : 3%; text-align : right; } table.reportHeader td.center { text-align : center; } table.reportHeader td.right { text-align : right; } div.report table.reportHeader img.command-button { border: 1px dotted silver; padding:3px; float: right; margin:0 5px 0 5px; } div.report table.reportHeader img.command-button:hover { border: 1px solid #840000; background-color: #DF9999; } /**********************************************************/ /* FILTER TABLE element styles */ /**********************************************************/ table.filters { width : 100%; border : none; padding : 0px 0px 0px 0px; } table.filters tr { } table.filters tr.middle { vertical-align : middle; } table.filters td {margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; text-align : left; } table.filters td.label { width : 12%; padding-left :10px; padding-right :10px; text-align : left; white-space : nowrap; } table.filters td.center { text-align : center; } table.filters td.right { text-align : right; } table.filters td.menu { padding : 2px 5px 0px 5px; vertical-align : top; white-space : nowrap; } table.filters td.menu.image { background-image : url( /cnp2000/Images/FDP/menu_background_3.png ); } /* FILTER MENU IMAGE element styles */ /* These styles create a "normal" and a "selected" image by adding a border around the "selected" image. */ table.filters img { margin : 3px 0px 1px 0px; border : 1px solid transparent; padding : 3px 3px 3px 3px; background-color : White; } table.filters img.selected { margin : 3px 0px 1px 0px; border : 1px solid #2F4F4F; padding : 3px 3px 3px 3px; } table.filters img:hover{ cursor : pointer; border : 1px dotted #2F4F4F; } /**********************************************************/ /* DETAILS TABLE element styles */ /**********************************************************/ table.details { width : 100%; border-bottom : 2px solid #990000; } table.details tr { } table.details tr.button { height:2.0em!important; vertical-align:middle; } table.details tr.subHead1 { padding : 2px 2px 2px 2px; background-color : #DEB887; font-size : .91em; font-weight : bolder; border-left : 1px solid #FFE4C4; border-top : 2px solid #990000; border-right : 1px solid #840000; border-bottom : 2px solid #990000; } table.details tr.subHead2 { padding : 2px 2px 2px 2px; background-color : #FFE4C4; font-size : .91em; font-weight : bolder; border-left : 1px solid #DEB887; border-top : 1px solid #DEB887; border-right : 1px solid #BE6130; border-bottom : 1px solid #BE6130; } table.details tr:hover { background-color : #FFFF66;} table.details tr.baseline { vertical-align : baseline; } table.details tr.selected { background-color : #A3D1A3; } table.details tr.noHover:hover { background-color : white; } table.details th span.group {border-left: 3px solid #DEB887; padding-left:3px;} table.details th span.group-selected {border-left: 6px solid #FFFF66; padding-left:3px;} table.details th { color : White; background-color : #840000; text-align : left; font-size : .9em; padding : 3px; border-left : 1px solid #DEB887; border-top : 1px solid #DEB887; border-right : 1px inset #4E0000; border-bottom: 1px inset #4E0000; } table.details th.image { background-image : url(/cnp2000/images/fdp/darkRed3D.png); } table.details th.transparent { background-color : transparent; background-image : none; border : none; } table.details th img { height : 1em; width : 16px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; } table.details th.selected { background-image : url(/cnp2000/images/fdp/darkRed3D_inverted.png); text-decoration : underline; } table.details th.clickable:hover { cursor : hand; text-decoration : underline; } table.details th.nowrap { white-space : nowrap; } table.details th.center { text-align : center; } table.details th.right { text-align : right; } table.details th a.clickable { color : white; background-color : transparent; text-decoration : none; } table.details th.selected a.clickable { text-decoration : underline; } table.details th a.clickable:hover { text-decoration : underline; } table.details td { padding : 1px 2px 1px 2px; border-bottom : 1px solid #DEB887; border-right : 1px solid #DEB887; text-align : left; } table.details td.transparent { background-color : transparent; background-image : none; border : none; } table.details td.sectionHeader { padding : 2px 2px 2px 2px; background-color : #DEB887; font-size : .91em; font-weight : bold; border-left : 1px solid #FFE4C4; border-top : 1px solid #FFE4C4; border-right : 1px solid #840000; border-bottom : 1px solid #840000; } table.details td.subHead1 { padding : 2px 2px 2px 2px; background-color : #DEB887; font-size : .91em; font-weight : bolder; border-left : 1px solid #FFE4C4; border-top : 1px solid #990000; border-right : 1px solid #840000; border-bottom : 1px solid #990000; } table.details td.subHead2 { padding : 2px 2px 2px 2px; background-color : #FFE4C4; font-size : .91em; font-weight : bolder; border-left : 1px solid #DEB887; border-top : 1px solid #DEB887; border-right : 1px solid #BE6130; border-bottom : 1px solid #BE6130; } table.details td.summary-col {text-align : right!important;padding : 0px 2px 1px 2px; font-weight : bold; font-size : .9em; } table.details td.double-right-border { border-right: 4px double #DEB887; } table.details td.leftBorder { border-left : 1px solid #DEB887; } table.details td.noRightBorder { border-right : none; } table.details td.no-right-border { border-right: none !important; } table.details td.center { text-align : center; } table.details td.right { text-align : right; } table.details tbody tr.even { background-color: #fff2df; } table.details tbody tr.even:hover { background-color : #FFFF66;} table.details tbody tr.odd { } table.details tbody tr.first { } table.details tbody tr.last { } table.details tbody tr.evenDark { background-color : #DEB887; } table.details tbody tr.evenDark:hover { background-color : #FFFF66;} table.details tbody td.evenDark { border-color : #a52a2a; border-top : 1px solid #a52a2a; } table.details tfoot tr { background-color: #DF9999; } table.details tfoot td { text-align : left; background-color : #DF9999; border-top : 2px solid #990000; border-right : 1px solid #990000; border-bottom : 1px solid #990000; padding : 0px 2px 1px 2px; font-weight : bold; font-size : .9em; } table.details tfoot td.double-right-border { border-right: 4px double #990000; } table.details tfoot td.right { text-align : right; } /**********************************************************/ /* Fieldsets with Collapsible content classes*/ /**********************************************************/ fieldset.collapsible { width : 99%; padding : 10px 5px 7px 3px; } p.collapsible { width : 100%;text-align:right } p.collapsible span { font-size:1em; color : #990000; font-weight : 500; background-color:white; position:relative; top:29px; right:10px;} /**********************************************************/ /* Selected classes that override above styles */ /**********************************************************/ .indent {padding-left :15px;text-align : left;} .errorfield { background-color : #FFFF66; } .selected { background-color: #A3D1A3!important; } *.report-hide { display : block; } *.report-show { display : none; } *.show {display:block} *.hide {display:none} *.border-top-double { border-top: 3px double #DEB887 !important; } *.border-bottom-double { border-bottom: 3px double #DEB887 !important; }