/** main.css that's the main css used throughout this website. 8/15/2005 achan Initial draft The design of this layout is based upon the idea of nested tables. One big table, bigTable, stores all(mostly) information.
... </contentWindow> </contentTable> </contentTableContainer> </td> </tr> </table> </td> </thirdRow> </bigTable> */ body { font-family: Verdana; font-size:12px; } .container { margin-left:auto;margin-right:auto;margin-bottom:0px;text-align:center;clear:both; position:relative;height:500px; } .bold { font-weight:bold; } .eachTitle { text-decoration:underline;font-style:italic;color:#00A040;font-weight:bold; } /* J. M. Rodgers Co., Inc. */ .companyTitle { font-family: Serif; font-size:36px; font-weight:bold; font-style:italic; } .breadCrumb { padding-left:5px; background-color:lightsteelblue; font-family:Verdana; font-size:15px; font-weight:bold; } /* ------------------------------------------------------------- */ /* the following take care of the navigation on the left */ /* ------------------------------------------------------------- */ .navigationTable { border-style:dashed; border-width:thin; } .head /* located on the side */ { height:19px; text-align:left; font-size:12px; font-family:Verdana; font-weight:bold; color:black; margin-top:5px; vertical-align:top; } .subHead /* located on the side beneath the .head */ { text-align:right; background-color:#ebeadb; font-size:11px; font-family:Verdana; font-weight:bold; color:black; font-style:italic; } /* probably not needed */ /* regular link in navigation */ a.navigation:link { text-decoration: none; background-color: White; color:Black;} a.navigation:visited{ text-decoration: none; background-color: White; color:Black;} a.navigation:hover { text-decoration: none; background-color:#497097; color:White;} /* hot shot link in navigation */ a.navigationHotShot:link { text-decoration: none; background-color: White; color:Black;} a.navigationHotShot:visited { text-decoration: none; background-color: White; color:Red;} a.navigationHotShot:hover { text-decoration: none; background-color: White; color:Red;} /* ----------------------------------------------------------- the window next to the navigation.. this is the entire container ----------------------------------------------------------- */ .contentTableContainer { vertical-align:top; padding-top:0px; padding-left:0px; } /* the window inside the above container */ .contentTable { padding-top:5px; padding-left:5px; } /**************************************************************/ /* used for window layout (content window table) */ /**************************************************************/ /* title on each window (if available) */ .contentWindowTitle { padding-left:5px; background-color:#EEEE00; border-style:solid; border-color:#EEEE00; font-size:15px; font-weight:bold; } /* the window user actually sees */ .contentWindow { border-style:solid; border-color:lightsteelblue; border-width:thin; } /* the row that has the bottom (at the bottom) used inside td */ .buttonAtBottom { padding-top:25px; padding-right:5px; } /* self explanatory */ .asterisk{ font-size:10px; color:Red; } .footnote { font-family:Verdana; font-size:10px; font-style:italic; font-weight:bold; } /* ----------------------------------------------------- title used within the contentWindowTable. For instance, the title name, email in profile.asp ----------------------------------------------------*/ .title { text-align:left; font-weight:bold; font-size:14px; vertical-align:top; color:white; background-color:#00A080; padding:3px 5px 3px 5px; } .titleSm { text-align:left; font-weight:bold; font-size:13px; vertical-align:top; background-color:#B5DFD6; color:black; padding:3px 5px 3px 5px; } .hotTitle { text-align:right; font-weight:bold; font-size:13px; vertical-align:top; color:#FF6A6A; } .contentTableText { font-size:10px; font-weight:normal; text-align:left; } .normalText { font-size:12px; } .normalTextArea { font-size:10px; font-family: Verdana; } .titleRegular { text-align:left; font-weight:bold; font-size:14px; vertical-align:top; color:#00A080; padding:3px 5px 3px 5px; } /**************************************************************/ /* used for fine print */ /**************************************************************/ .smallText { font-size:10px; } /**************************************************************/ /* used in date input textbox */ /**************************************************************/ .dateInput { font-size:13px; text-align:left; } .tabTitle { font-weight:bold; font-size:17px; background-color:White; } /**************************************************************/ /** classes (rowOdd & rowEven) used for alternating row style */ /**************************************************************/ .rowOdd { background-color:#ebeadb; font-size:12px; } .rowEven { background-color:White; font-size:12px; } /**************************************************************/ /** the following class is used to display the status message*/ /** after finishing the database operation. for instacne, */ /** for adding a port or contact */ /**************************************************************/ .msgStatus { font-size:13px; font-weight:bold; text-align:center; background-color:aliceblue; padding:8px 5px 8px 10px; } /* -----------------------------------------------------------*/ /* attributes of the text as shown in the search result page */ /* -----------------------------------------------------------*/ .searchText { font-size:11px; vertical-align:top; } .arrivalTimeType { vertical-align: super; font-weight:bold; } /* -----------------------------------------------------------*/ /* attributes of the text as shown in the search result page */ /* -----------------------------------------------------------*/ .searchResult{ color:Black; font-size:12px; } .searchResultOnMouseOver{ color:Black; background-color:lightsteelblue; font-size:12px; } .currentLink { font-weight:bold; color:Black; font-size:14px; background-color:#ebeadb; } .eachTab { font-family:Verdana; height:17px;margin:0 8 0 0;float:left;padding:3 10 0 10; background-image:url('../img/title.jpg'); } .titleText { float:left;background-image:url('../img/titlebg.jpg');width:100%;height:20px;margin-top:5px; font-weight:bold;text-align:left;padding-left:10px;margin-bottom:10px;font-variant:small-caps;font-family:Serif;font-size:18px; letter-spacing:2px; } .legendText { float:left;width:100%;height:20px;margin-top:5px;padding-right:5px; font-weight:bold;text-align:left;padding-left:10px;margin-bottom:10px;font-variant:small-caps;font-family:Serif;font-size:15px; letter-spacing:2px;color:#006F58; } .tab0 {background-color:#00A080;color:white;padding:7px 5px 7px 5px; border-top:solid 0px #00A080;border-left:solid 0px #00A080;border-right:solid 0px #00A080;font-variant:small-caps; font-family:Verdana;font-size:13px;text-align:left;font-weight:bold;font-variant:normal;letter-spacing:0px; } .tab0_inactive {background-color:white;color:#00A080;padding:7px 3px 7px 3px;width:300px; border-top:solid 0px #00A080;border-left:solid 0px #00A080;border-right:solid 0px #00A080;font-variant:small-caps; font-family:Verdana;font-size:13px;text-align:left;font-weight:bold;font-variant:normal;letter-spacing:0px; } .tabl {background-color:#ebeadb;color:black;padding:3px 3px 3px 3px;width:100%; border-top:solid 0px #00A080;border-left:solid 0px #00A080;border-right:solid 0px #00A080;font-variant:small-caps; font-family:Verdana;font-size:12px;text-align:left;font-weight:bold;font-variant:normal;letter-spacing:0px; } .tab2 {background-color:#B5DFD6;color:black;padding:3px 3px 3px 3px;width:100%; border-top:solid 0px #00A080;border-left:solid 0px #00A080;border-right:solid 0px #00A080;font-variant:small-caps; font-family:Verdana;font-size:12px;text-align:left;font-weight:bold;font-variant:normal;letter-spacing:0px; } .tab3 {background-color:#AFC7C7;color:black;padding:3px 3px 3px 3px;width:100%; border-top:solid 0px #00A080;border-left:solid 0px #00A080;border-right:solid 0px #00A080;font-variant:small-caps; font-family:Verdana;font-size:12px;text-align:left;font-weight:bold;font-variant:normal;letter-spacing:0px; } /* Navigation */ #JMR_Navigation, #JMR_Navigation ul { /* all lists */ padding: 0; margin: 0; list-style: none; line-height: 1; z-index:5; font-size:13px; font-family:Verdana; float:left; clear:both; } #JMR_Navigation a { display: block; width: 10em; z-index:5; padding:2px 4px 2px 4px; text-decoration:none; } #JMR_Navigation li { /* all list items (1st level) */ float: left; width: 10em; /* width needed or else Opera goes nuts */ border: solid #00A284 1px; color:White; z-index:5; display:table; } #JMR_Navigation li ul { /* 2nd level lists */ position: absolute; background: #CEDFD6; color:black; width: 10em; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ z-index:5; display:table; } #JMR_Navigation li ul ul { /* 3rd level lists */ margin: -2em 0 0 10em; z-index:6; } #JMR_Navigation li ul ul ul { /* 4th level lists */ margin: -2em 0 0 10em; z-index:7; } #JMR_Navigation li ul ul ul ul { /* 5th level lists */ margin: -2em 0 0 10em; z-index:7; } #JMR_Navigation li:hover ul ul, #JMR_Navigation li:hover ul ul ul, #JMR_Navigation li:hover ul ul ul ul, #JMR_Navigation li:hover ul ul ul ul ul, #JMR_Navigation li.sfhover ul ul, #JMR_Navigation li.sfhover ul ul ul, #JMR_Navigation li.sfhover ul ul ul ul, #JMR_Navigation li.sfhover ul ul ul ul ul { left: -999em; /* hide */ } #JMR_Navigation li:hover ul, #JMR_Navigation li li:hover ul, #JMR_Navigation li li li:hover ul, #JMR_Navigation li li li li:hover ul, #JMR_Navigation li li li li li:hover ul, #JMR_Navigation li.sfhover ul, #JMR_Navigation li li.sfhover ul, #JMR_Navigation li li li.sfhover ul, #JMR_Navigation li li li li.sfhover ul #JMR_Navigation li li li li li.sfhover ul { /* lists nested under hovered list items */ left: auto; /* show */ z-index:5; } #content { clear: left; color: #ccc; z-index:5; } .UserInputTitle { font-weight:bold;font-size:13px;color:#006F58; } .UserInputTextBox { width:80px;font-size:13px; } /*--------------------------------------------------------------- for use with paragraph ---------------------------------------------------------------*/ .ParagraphText { font-family:Arial;font-size:16px;text-align:justify; margin-top:17px;line-height:18px;word-spacing:3px; } .EachParagraph { border:solid 1px black;clear:both;padding:5px 15px 10px 15px;font-family:Arial; }