/*________________________________________________________________*/ /*_____________________________ BODY _____________________________*/ /*________________________________________________________________*/ /* OVERALL FORMATTING */ /* -- overall font information -- the background color of the website (outside the area that contains the site itself) */ body { font-family:Verdana, Geneva; font-size:10px; background:#ffffff; margin:0px; color:#001C5A; } /* NOTE: This is where you control the backdrop of the site itself along with whether or not the page is left-aligned or centered in the browser window (text-align). */ /* -- all standard paragraphs accross the entire site */ P { font-size:10px; color:#001C5A; } /* -- all table cells accross the entire site */ TD { font-size:10px; color:#001C5A; } /* NOTE: We have had mixed results with implementing standard TD styles into tables because of a heavy realiance on specific styles that are already defined, such as: row, hiddenRow, labelCol, etc. */ .SiteBorder { border:solid #000000 2px; } .ContentBorder { border-bottom:solid #000000 1px; border-top:solid #000000 1px; } .LoginBorder { border:solid #00155A 1px; } /* TITLES */ /* -- This will be used for all page titles across the entire site */ .title { font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; font-color: #A51418; color: #001C5A; width: 100%; border-bottom: 1px solid #001C5A; } .subject { font-size:14px; font-weight:bold; color:#425384; } /* -- This will be used for all small titles and all table headings across the entire site */ .subTitle { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #001C5A; } .subTitle A:link { font-style:normal; font-weight:normal; } .subTitle A:active { font-style:normal; font-weight:normal; } .subTitle A:visited { font-style:normal; font-weight:normal; } .subTitle A:hover { font-style:normal; font-weight:normal; text-decoration:underline; } .freeTrial { letter-spacing:-1px; } /*________________________________________________________________*/ /*________________________________________________________________*/ /*____________________________ TABLES ____________________________*/ /*________________________________________________________________*/ /* OVERALL FORMATTING */ .tableGrid { background:#ffffff; } .tableBorder { border:solid #777777 1px; } /* HEADERS */ /* -- all table headers across the entire site */ TR.Header { font-size:12px; font-weight:bold; background:#001C5A; color:#ffffff; } TR.Header TD { font-size:12px; font-weight:bold; background:#001C5A; color:#ffffff; } TR.Header A:link { color:#ffffff; } TR.Header A:active { color:#ffffff; } TR.Header A:visited { color:#ffffff; } TR.Header A:hover { color:#dddddd; } /* ROWS */ /* -- all table Rows that require no alternating row colors */ TR.row { font-size:10px; vertical-align:top; background:#ffffff; text-decoration:none; } TR.row TD { font-size:10px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; } TR.row A:link { } TR.row A:active { } TR.row A:visited { } TR.row A:hover { text-decoration:underline; } /* -- all table Rows that require alternating row colors */ TR.row1 { font-size:10px; vertical-align:top; background:#ffffff; text-decoration:none; } TR.row1 TD { font-size:10px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px; } TR.row1 A:link { } TR.row1 A:active { } TR.row1 A:visited { } TR.row1 A:hover { text-decoration:underline; } TR.row0 { font-size:10px; vertical-align:top; background:#ffffff; text-decoration:none; } TR.row0 TD { font-size:10px; vertical-align:top; background:#ffffff; text-decoration:none; border-top:1px solid #d3d3d3; margin:2px;} TR.row0 A:link { } TR.row0 A:active { } TR.row0 A:visited { } TR.row0 A:hover { text-decoration:underline; } /* -- all table Rows containing "hidden" data that require alternating row colors */ TR.hiddenRow1 { font-size:10px; vertical-align:top; background:#ffc4c4; text-decoration:none; } TR.hiddenRow1 TD { font-size:10px; vertical-align:top; background:#ffc4c4; text-decoration:none; border-top:1px solid #d3d3d3; } TR.hiddenRow1 A:link { } TR.hiddenRow1 A:active { } TR.hiddenRow1 A:visited { } TR.hiddenRow1 A:hover { text-decoration: underline; } TR.hiddenRow0 { font-size:10px; vertical-align:top; background:#ffeaea; text-decoration:none; } TR.hiddenRow0 TD { font-size:10px; vertical-align:top; background:#ffeaea; text-decoration:none; border-top:1px solid #d3d3d3; } TR.hiddenRow0 A:link { } TR.hiddenRow0 A:active { } TR.hiddenRow0 A:visited { } TR.hiddenRow0 A:hover { text-decoration:underline; } /* -- all table Rows that are currently highlited */ TR.HighliteRow1 { font-size:10px; vertical-align:top; background:#F6F5C6; } TR.HighliteRow1 TD { font-size:10px; vertical-align:top; background:#F6F5C6; border-top:1px solid #d3d3d3; } TR.HighliteRow1 A:link { } TR.HighliteRow1 A:active { } TR.HighliteRow1 A:visited { } TR.HighliteRow1 A:hover { text-decoration:underline; } TR.HighliteRow0 { font-size:10px; vertical-align:top; background:#F6F5C6; } TR.HighliteRow0 TD { font-size:10px; vertical-align:top; background:#F6F5C6; border-top:1px solid #d3d3d3; } TR.HighliteRow0 A:link { } TR.HighliteRow0 A:active { } TR.HighliteRow0 A:visited { } TR.HighliteRow0 A:hover { text-decoration:underline; } /* CELLS */ A { font-size:10px; color:#001C5A; text-decoration:underline; } A:link { font-size:10px; color:#001C5A; text-decoration:underline; } A:active { font-size:10px; color:#001C5A; text-decoration:underline; } A:visited { font-size:10px; color:#001C5A; text-decoration:underline; } A:hover { font-size:10px; color:#001C5A; text-decoration:underline; } /* -- all links inside table rows or at the top of a table */ A.smallLinks { font-size:10px; } A.smallLinks:link { font-size:10px; } A.smallLinks:active { font-size:10px; } A.smallLinks:visited { font-size:10px; } A.smallLinks:hover { font-size:10px; text-decoration:underline; } /* -- all small text inside table rows or at the top of a table */ .smallText { font-size:10px; text-decoration:none; } .smallText A:link { font-size:10px; } .smallText A:active { font-size:10px; } .smallText A:visited { font-size:10px; } .smallText A:hover { font-size:10px; text-decoration:underline; } /* NOTE: Making the font size for this and the smallText the same yields ideal results */ /*________________________________________________________________*/ /*________________________________________________________________*/ /*____________________________ FORMS _____________________________*/ /*________________________________________________________________*/ /* OVERALL FORMATTING */ /* -- all forms use the same background and border */ .formBorder { background-color:#eeeeee; border:1px solid #999999; } /* USER INPUT */ /* -- all text relating to required input */ .required { font-size:10px; color:#ff0000; } /* NOTE: This is very useful on forms for letting the user know that a field is required: The following text goes at the top of the form: "* denotes required field" Then input fields that are required have a asterisk character attached to them */ /* -- all labels requesting user input on a form */ TD.labelCol { font-size:10px; vertical-align:top; text-align:right; color:#283366; background-color:#D7D7D7; } /* -- all cells used for user input on a form */ TD.valueCol { vertical-align:top; color:#283366; background-color:#D7D7D7; } TD.valueCol A:link { } TD.valueCol A:active { } TD.valueCol A:visited { } TD.valueCol A:hover { text-decoration:underline; } /* -- all cells used to guide the user input on a form */ TD.helpCol { font-size:9px; vertical-align:top; color:#001C5A; text-align:right;} /* NOTE: the way this works is: either 2 columns ( labelCol | valueCol ) or 3 columns ( labelCol | valueCol | helpCol ) */ /* ACTIONS OPTIONAL -- all buttons use the same style */ .button { background:#d6d3ce; color:#000000; border-top-color:#ffffff; border-right-color:#848284; border-left-color:#ffffff; border-bottom-color:#848284; } .copyBG { background-color:#f7d7d6; font-size:10px; color:#000000; } A.copyLinks { font-size:10px; color:#b11045; font-weight:bold; text-decoration:none; } A.copyLinks:link { font-size:10px; color:#b11045; font-weight:bold; text-decoration:none; } A.copyLinks:active { font-size:10px; color:#b11045; font-weight:bold; text-decoration:none; } A.copyLinks:visited { font-size:10px; color:#b11045; font-weight:bold; text-decoration:none; } A.copyLinks:hover { font-size:10px; color:#b11045; font-weight:bold; text-decoration:none; } /* Top Menu */ A.linkTopMenu { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkTopMenu:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkTopMenu:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkTopMenu:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkTopMenu:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } /* Breadcrumb */ .textBreadcrumb { font-size:10px; color:#999999; } A.linkBreadcrumb { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkBreadcrumb:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkBreadcrumb:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkBreadcrumb:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkBreadcrumb:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkBreadcrumbLast { font-size:10px; color:#999999; text-decoration:none; } A.linkBreadcrumbLast:link { font-size:10px; color:#999999; text-decoration:none; } A.linkBreadcrumbLast:active { font-size:10px; color:#999999; text-decoration:none; } A.linkBreadcrumbLast:visited { font-size:10px; color:#999999; text-decoration:none; } A.linkBreadcrumbLast:hover { font-size:10px; color:#999999; text-decoration:none; } /* Side Bar */ .tableAdditional { background-color:#EBEBEB; } TR.headerAdditional { font-size:10px; background:#999999; color:#333333; } TR.headerAdditional TD { font-size:10px; background:#999999; color:#333333; } TR.headerAdditional A:link { font-size:10px; color:#333333; } TR.headerAdditional A:active { font-size:10px; color:#333333; } TR.headerAdditional A:visited { font-size:10px; color:#333333; } TR.headerAdditional A:hover { font-size:10px; color:#333333; } TR.rowAdditional { font-size:10px; background:#D7D7D7; color:#283366; } TR.rowAdditional TD { font-size:10px; background:#D7D7D7; color:#283366; } TR.rowAdditional A:link { font-size:10px; } TR.rowAdditional A:active { font-size:10px; } TR.rowAdditional A:visited { font-size:10px; } TR.rowAdditional A:hover { font-size:10px; text-decoration:underline; } A.linkAdditional { font-size:10px; color:#283366; text-decoration:none; } A.linkAdditional:link { font-size:10px; color:#283366; text-decoration:none; } A.linkAdditional:active { font-size:10px; color:#283366; text-decoration:none; } A.linkAdditional:visited { font-size:10px; color:#283366; text-decoration:none; } A.linkAdditional:hover { font-size:10px; color:#283366; text-decoration:underline; } .additionalBG { background-color:#C0C0C0; border-bottom:5px solid #999999; } .bodyBG { background-color:#ffffff; border-top:2px solid #C0C0C0; border-bottom:5px solid #999999; } .redBG { background-color:#FD1515; font-size:10px; color:#ffffff; border-bottom:5px solid #999999; } TR.headerProducts { font-size:10px; background:#505082; color:#ffffff; } TR.headerProducts TD { font-size:10px; background:#505082; color:#ffffff; border:1px solid #ffffff; } TR.headerProducts A:link { font-size:10px; color:#ffffff; } TR.headerProducts A:active { font-size:10px; color:#ffffff; } TR.headerProducts A:visited { font-size:10px; color:#ffffff; } TR.headerProducts A:hover { font-size:10px; color:#ffffff; } TR.rowProducts { font-size:10px; background:#505082; color:#C0C0C0; } TR.rowProducts TD { font-size:10px; background:#505082; color:#C0C0C0; } TR.rowProducts A:link { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowProducts A:active { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowProducts A:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowProducts A:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkProducts { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkProducts:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkProducts:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkProducts:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkProducts:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkHeaderProducts { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderProducts:link { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderProducts:active { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderProducts:visited { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderProducts:hover { font-size:10px; color:#ffffff; text-decoration:none; } .productsBG { background-color:#505082; font-size:10px; color:#ffffff; border-bottom:5px solid #999999; } TR.headerSolutions { font-size:10px; background:#283366; color:#ffffff; } TR.headerSolutions TD { font-size:10px; background:#283366; color:#ffffff; border:1px solid #ffffff; } TR.headerSolutions A:link { font-size:10px; color:#ffffff; } TR.headerSolutions A:active { font-size:10px; color:#ffffff; } TR.headerSolutions A:visited { font-size:10px; color:#ffffff; } TR.headerSolutions A:hover { font-size:10px; color:#ffffff; } TR.rowSolutions { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowSolutions TD { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowSolutions A:link { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowSolutions A:active { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowSolutions A:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowSolutions A:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkSolutions { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkSolutions:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkSolutions:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkSolutions:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkSolutions:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkHeaderSolutions { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderSolutions:link { font-size:10px;color:#ffffff; text-decoration:none; } A.linkHeaderSolutions:active { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderSolutions:visited { font-size:10px; color:#ffffff; text-decoration:none; } A.linkHeaderSolutions:hover { font-size:10px; color:#ffffff; text-decoration:none; } .solutionsBG { background-color:#283366; font-size:10px; color:#ffffff; border-bottom:5px solid #999999; } TR.headerAboutUs { font-size:10px; background:#283366; color:#ffffff; } TR.headerAboutUs TD { font-size:10px; background:#283366; color:#ffffff; border:1px solid #ffffff; } TR.headerAboutUs A:link { font-size:10px; color:#ffffff; } TR.headerAboutUs A:active { font-size:10px; color:#ffffff; } TR.headerAboutUs A:visited { font-size:10px; color:#ffffff; } TR.headerAboutUs A:hover { font-size:10px; color:#ffffff; } TR.rowAboutUs { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowAboutUs TD { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowAboutUs A:link { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowAboutUs A:active { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowAboutUs A:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowAboutUs A:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkAboutUs { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkAboutUs:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkAboutUs:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkAboutUs:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkAboutUs:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkHeaderAboutUs { font-size:10px; text-decoration:none; } A.linkHeaderAboutUs:link { font-size:10px; text-decoration:none; } A.linkHeaderAboutUs:active { font-size:10px; text-decoration:none; } A.linkHeaderAboutUs:visited { font-size:10px; text-decoration:none; } A.linkHeaderAboutUs:hover { font-size:10px; text-decoration:none; } .aboutUsBG { background-color:#283366; font-size:10px; color:#ffffff; border-bottom:5px solid #999999; } TR.headerExperts { font-size:10px; background:#283366; color:#ffffff; } TR.headerExperts TD { font-size:10px; background:#283366; color:#ffffff; border:1px solid #ffffff; } TR.headerExperts A:link { font-size:10px; color:#ffffff; } TR.headerExperts A:active { font-size:10px; color:#ffffff; } TR.headerExperts A:visited { font-size:10px; color:#ffffff; } TR.headerExperts A:hover { font-size:10px; color:#ffffff; } TR.rowExperts { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowExperts TD { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowExperts A:link { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowExperts A:active { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowExperts A:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowExperts A:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkExperts { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkExperts:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkExperts:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkExperts:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkExperts:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkHeaderExperts { font-size:10px; text-decoration:none; } A.linkHeaderExperts:link { font-size:10px; text-decoration:none; } A.linkHeaderExperts:active { font-size:10px; text-decoration:none; } A.linkHeaderExperts:visited { font-size:10px; text-decoration:none; } A.linkHeaderExperts:hover { font-size:10px; text-decoration:none; } .expertsBG { background-color:#283366; font-size:10px; color:#ffffff; border-bottom:5px solid #999999; } TR.headerPartners { font-size:10px; background:#283366; color:#ffffff; } TR.headerPartners TD { font-size:10px; background:#283366; color:#ffffff; border:1px solid #ffffff; } TR.headerPartners A:link { font-size:10px; color:#ffffff; } TR.headerPartners A:active { font-size:10px; color:#ffffff; } TR.headerPartners A:visited { font-size:10px; color:#ffffff; } TR.headerPartners A:hover { font-size:10px; color:#ffffff; } TR.rowPartners { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowPartners TD { font-size:10px; background:#283366; color:#C0C0C0; } TR.rowPartners A:link { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowPartners A:active { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowPartners A:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } TR.rowPartners A:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkPartners { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkPartners:link { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkPartners:active { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkPartners:visited { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkPartners:hover { font-size:10px; color:#C0C0C0; text-decoration:none; } A.linkHeaderPartners { font-size:10px; text-decoration:none; } A.linkHeaderPartners:link { font-size:10px; text-decoration:none; } A.linkHeaderPartners:active { font-size:10px; text-decoration:none; } A.linkHeaderPartners:visited { font-size:10px; text-decoration:none; } A.linkHeaderPartners:hover { font-size:10px; text-decoration:none; } .partnersBG { background-color:#283366; font-size:10px; color:#ffffff; border-bottom:5px solid #999999; } /*________________________________________________________________*/