/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * File: $RCSfile$ Description: This stylesheet contains the styles for the site as a whole. There should not be any page-specific styles here. Last Modified: $Date$ by $Author$ Revision: $Revision$ ($Name$) --- Company Colors --- blue (text): #039 green (headers): #009f31, #4e9c63 (old #063) green (borders): #b4e6b5 light green (background) #f7fcf7 maroon (links): #600 error background: #ffeaeb ffede8 error border: #c30 ffb2a9 error color: #c30 grey #8e8e8e * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ /* =IMPORTS ------------------------------------------------------------------- */ /* 07/03/2006 DMK: Bring in the deprecated styles for now. */ @import url("/styles/deprecated.css"); /* =ELEMENTS ------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:link, a:visited { color: #4e9c63; } a:hover, a:active { color: #063; } abbr, acronym { border-bottom: 1px dotted #039; cursor: help; } body { background: #fff url("/graphics/bak_Original.gif") fixed; color: #039; font: 75%/1.5 Arial,Helvetica,sans-serif; margin: 0; } em { font-style: italic; } h1 { font: 1.5em "Arial Black", "Helvetica Black", Helvetica, sans-serif; letter-spacing: 2px; } h2 { font: 1em "Arial Black", "Helvetica Black", Helvetica, sans-serif; letter-spacing: 1px; } h3 { font: normal normal bold 1em/1.5em Arial, Helvetica, sans-serif; } h4 { font: normal small-caps normal 1em/1.5em Arial, Helvetica, sans-serif; } h5 { font-style: italic; } h2,h3,h4 { margin-top: 1em; } h2 + p, h3 + p, h4 + p, h5 + p, h3 + h4 { margin-top: 0; } hr { border-width: 1px 0 0; border-color: #b4e6b5; border-style: solid; } img { border: 1px solid #b4e6b5; padding: 2px; } p { margin: 1.5em 0; } pre { color: #8e8e8e; font: 0.75em Monaco, Courier, monospace; overflow: auto; padding: 20px; } strong { font-weight: bold; } /* =DIVS -------------------------------------------------------------------------*/ #content { background-color: #fff; margin-left: 14.5em; padding: 1.5em; position: relative; } /* Position is relative so that it will act as the containing block for any absolutely positioned blocks */ #lightbox { background-color: #222; filter: alpha(opacity=75); height: 100%; left: 0; opacity: .75; position: fixed; top: 0; width: 100%; z-index: 500; } #logo { float: left; } #masthead { position: relative; } /* relatively positioned so that it will act as the containing block for #nav-utility */ #masthead, #masthead a#company { height: 96px; margin: 0; padding: 0; } #masthead a#company { background: url('/graphics/logo_masthead.gif') no-repeat left top; display: block; text-indent: -100em; width: 254px; } #masthead { background: url('/graphics/logo_masthead_end.gif') no-repeat right top; } #pagemain { background-color: #fff; border: 1px solid #b4e6b5; margin: 0 auto; padding: 0; width: 71em; } #pagefoot { border-top: 1px solid #b4e6b5; clear: both; color: #8e8e8e; margin: 1.5em 1.5em 0; overflow: hidden; } /* hide overflow so that it will contain the floated elements */ #pagefoot a { color: #8e8e8e; } #pagefoot ul { float: right; font-size: 0.75em; margin: 1em 0; } #pagefoot ul li { border-color: #8e8e8e; } #pagefoot ul li.linkedIn { padding-right: 0; } #pagefoot ul li.linkedIn img { border: none; vertical-align: middle; } #pagefoot p { float: left; font-size: 0.75em; margin: 1em 0; } body.popup #pageFoot { font-size: 1em; font-style: italic; margin: 2em 0 0; text-align: center; } #AR_CreditRpts #reportControls { overflow: hidden; } #AR_ConfirmPayment p.paymentDetail, #AR_PayInvoice p#invoiceDetail { font-size: 1.2em; font-weight: bold; margin-bottom: 0.5em;} #AR_ConfirmPayment p.paymentDetail { line-height: 1.5; } #AR_ConfirmPayment p.paymentDetail strong, #AR_PayInvoice p#invoiceDetail strong { color: #4e9c63; font-size: 1.2em; } #AR_ConfirmPayment p#explanation, #AR_PayInvoice p#explanation { color: #9d9d9d; font-size: 1em; font-style: italic; margin: 0 0 1.2em; } #FlashReport div#acctInfo { border-bottom: 1px solid #B4E6B5; line-height: 1.2; margin: 1em 0 1em; padding-bottom: 1em; } #FlashReport div#acctInfo h2 { margin: 0; } body.watchedacctswiz #accountInfo { margin-bottom: 10px; } #Welcome h3 a { font-size: 0.75em; font-weight: normal; margin-left: 1em; } /* =NAVIGATION -------------------------------------------------------------------------*/ /* 02/04/2007 DMK: This is meant to be used for things like the "more" links and the "watch this account" links. Links that are specifically for one object like an account or a member. */ ul.nav-object { margin: 0.5em 0; padding: 0; } ul.nav-object li { background: none; display: inline; list-style-type: none; padding: 0 0.5em 0 0; } a.nav-object, ul.nav-object li a { font-size: 0.75em; font-style: italic; } ul#accts li ul.nav-object li { border-bottom: none; padding: 0 0.5em 0 0; } #nav-cal { margin: 0 auto; overflow: hidden; position: relative; top: 2.5em; width: 80%; } #nav-cal #nextMonth { float: right; } #nav-cal #prevMonth { float: left; } /* 01/05/2009 DMK: This navigation type is meant for anywhere that you are presenting a list of page numbers */ #nav-pages { display: inline; margin: 0; padding: 0 0 0 12px; } #nav-pages li { background-image: none; border: none; display: inline; line-height: 1; list-style-type: none; padding: 0 0.25em; } #nav-pages li a.current { color: #039; font-weight: bold; text-decoration: none; } #nav-pages li:first-child { padding-left: 0; } /* Be *very* specific so these don't bleed into the rest of the page */ div#nav-primary { background-color: #fff; border: 1px solid #c3ebc3; float: left; margin: 1.5em; padding: 1px; width: 12.5em; } div#nav-primary ul { background-color: #f7fcf7; } div#nav-primary ul li { background-image: none; border-bottom: 1px dotted #c3ebc3; margin: 0; padding: 0; } div#nav-primary ul li.listHeader { border-bottom: none; color: #83b991; letter-spacing: 0.2em; padding: 1.5em 0.5em 0; text-transform: uppercase; } div#nav-primary ul li a { border: 1px solid #f7fcf7; border-width: 1px 0; display: block; font-weight: normal; letter-spacing: 1px; margin: 0; padding: 1em 0.5em; text-decoration: none; } div#nav-primary ul li a:hover { background-color: #e5fbeb; } div#nav-primary ul li a div.meta { color: #83b991; font-size: 0.8em; letter-spacing: 0; text-decoration: none; } div#nav-primary ul li#thawte a, div#nav-primary ul li#rw a { text-align: center; } div#nav-primary ul li#thawte img, div#nav-primary ul li.linkedIn img { border: none; } div#nav-primary ul li#rw img { background-color: #fffff9; border-color: #ecd079; } #nav-secondary { margin: 0; padding: 0; } #nav-secondary li { background: none; border-left: 1px solid #4e9c63; display: inline; line-height: 1; list-style-type: none; padding: 0 0.75em; } #nav-secondary li:first-child { border: none; padding-left: 0; } #nav-secondary li a { font: bold 1em/2.5em Arial,Helvetica,sans-serif; } ul.nav-tabs { border-bottom: 1px solid #b4e6b5; line-height: 1; margin: 1em 0 1em 0; padding: 12px 12px 2px; } ul.nav-tabs li { background-image: none; display: inline; margin: 0; padding: 0; } ul.nav-tabs li a { background-color: #eee; border: 1px solid #ddd; border-bottom-width: 0; color: #8e8e8e; margin-right: 0px; padding: 2px 12px; text-decoration: none; } ul.nav-tabs li a:hover { background: #fff; text-decoration: underline; } ul.nav-tabs li.current { border-bottom: 1px solid #fff; background-color: #fff; padding: 0; } ul.nav-tabs li.current a { background-color: #fff; border-color: #b4e6b5; border-width: 1px 1px 0; color: #4e9c63; padding: 7px 12px 3px; } #nav-utility { position: absolute; right: 1.25em; top: 1em; } #nav-utility li { background-image: none; border-color: #039; list-style-type: none; } #nav-utility li a { color: #039; } #nav-utility li:first-child a { font-weight: bold; } #AR_Invoices ul.nav-object { margin-top: 0; } #AR_CreditRpts #nav-page { float: right; margin: 2em 0 0; text-align: right; } #AR_CreditRpts #nav-page span { margin-right: 0.5em; } #AR_CreditRpts #nav-page ul { display: inline; } /* =CLASSES -------------------------------------------------------------------------*/ a.close { border-bottom: 1px solid #b4e6b5; display: block; margin: 0 0 1em; padding: 0 0 0.5em; text-align: right; text-transform: lowercase; } .acctDetail { overflow: auto; position: absolute; width: 300px; } blockquote.callout { background: #fff url('/graphics/quotes.gif') no-repeat 0.5em 0; float: right; font-size: 1.2em; font-style: italic; margin: 1em; padding: 0.5em 2.5em; width: 250px; } blockquote.callout cite { display: block; font-size: 0.8em; text-align: right; } .clearfix:after { content: "."; display: block; height: 0; clear: both; } .disputed { background-color: #ffe4e4; /* light red */ } .error { color: #c30; } ul.error li { background-image: url('/graphics/RedBullet.gif'); } .errorDisplay { background-color: #fff; border: 1px solid #ffb2a9 !important; padding: 1px !important ; } .errorDisplay .wrap { background: #ffede8 url('/graphics/exclaim.gif') no-repeat 10px 10px; min-height: 48px; padding: 10px 20px 10px 58px; } .errorDisplay strong { font-weight: bold; color: #c30; } .errorDisplay h2 { color: #c30; margin: 0 0 1em; } .floatContainer { overflow: auto; } /* to clear floats contained within */ .informationalMessage { background-color: #fff; border: 1px solid #ddd; padding: 1px; } .informationalMessage .wrap { background: #f5f5f5 url('/graphics/informational.gif') no-repeat 10px; color: #9f9f9f; min-height: 48px; padding: 10px 10px 10px 58px; } .popup .errorDisplay .wrap { background-image: url('/graphics/exclaim_sm.gif'); height: auto; min-height: 16px; padding-left: 36px; } .printOnly { background-image: none; } /* This is for any Instant Update Links */ .iu { color: #fc0; font: oblique 14pt "Arial Black","Helvetica Black",Arial,Helvetica,sans-serif; margin: 0; } .meta { color: #8e8e8e; } .overlay { background-color: #fff; border: 2px solid #888; padding: 1em; z-index: 1001; } .pastdue60 { color: #ff7600; font-weight: bold; } .pastdue90 { color: #f00; font-weight: bold; } .print { background: url('/graphics/icon_Print.gif') no-repeat left center; padding-left: 20px; } .rrsxhtmlinclude { margin: 20px auto; text-align: center; } .save { background: url('/graphics/icon_Save.gif') no-repeat left center; padding-left: 20px; } .shade1 { color: #000; background-color: #9c9; /* medium green */ } .shade2 { color: #000; background-color: #66b766; /* brighter green */ } .smallLink { font-size: 8pt; font-style: italic; color: #600; line-height: 1.5em; } .strong { font-weight: bold; } .stronger { color: #4e9c63; background-color: transparent; font-weight: bold; } .totalLine { border-top-width: 2px; color: #039; font-weight: bold; text-align: right; } .successMessage { background-color: #fff; border: 1px solid #b4e6b5; margin: 10px 238px 0 0; padding: 1px; } .successMessage .wrap { background: #e7fff1 url('/graphics/checkmark.gif') no-repeat 10px 10px; color: #4e9c63; font-weight: bold; height: auto !important; height: 16px; margin: 0; min-height: 16px; padding: 10px 20px 10px 36px; } a.document { background-position: left center; background-repeat: no-repeat; line-height: 1.8; padding: 3px 0 3px 27px; } a.pdf { background-image: url('/graphics/icon_pdf_16.gif'); } a.xls { background-image: url('/graphics/icon_excel_16.gif'); } h1.small { font-size: 10pt; margin: 0; } body.archive li dt { float: left; line-height: 1.5; width: 4.5em; } body.archive li dd { line-height: 2em; margin-left: 5em; } body.archive #content li { background-image: none; border-bottom: 1px dotted #ddd; padding-bottom: 1em; } body.archive li.pdf a { font-size: 1em; font-weight: bold; line-height: 1.5; } body.archive dd.fileInfo { background: #fff url('/graphics/icon_pdf_16.gif') no-repeat left top; padding-left: 21px; } body.archive li p { margin: 0; } body.archive span.meta { margin-left: 1em; } body.pds h1 { background: url('/graphics/logo_pds.gif') no-repeat left top; height: 45px; margin: 0 0 1em 0; text-indent: -100em; width: 203px; } body.popup { padding: 0 2em 2em; } body.popup h1 { font-size: 1.2em; } body.popup h2 { margin: 0; } body.popup ul#nav-utility { border-bottom: #b4e6b5 solid 1px; float: right; margin-bottom: 10px; padding-bottom: 10px; position: static; width: 100%; } body.popup ul#nav-utility li { float: right; border-color: #b4e6b5; } body.popup ul#nav-utility li a { color: #009f31; text-transform: lowercase; } body.popup ul#nav-utility li:first-child a { font-weight: normal; } body.riemerinfo h1 { background: url('/graphics/logo_riemerinfo.gif') no-repeat left top; height: 45px; text-indent: -100em; width: 264px; } body#PrincipalInfo span.title { color: #8e8e8e; } body#FlashList div.errorDisplay { margin: 2em 0; } body#FlashList div.acctInfo { position: relative; } /* =MICROFORMATS -------------------------------------------------------------------------*/ acronym.dtstart, acronym.dtend, abbr.type { border: none; cursor: default; } /* =TABLES -------------------------------------------------------------------------*/ table { border-collapse: collapse; margin: 1em auto; } table caption { color: #4E9C63; font: 1.2em/1.5em "Arial", "Helvetica", sans-serif; margin: 1em 0 -0.75em; text-align: center; } table, th, td { border: 1px solid #4e9c63; } /* The styling for the text in table cells (TD) should cascade from the body definition, but it doesn't in IE. So, I'm specifying it here. */ td { background-color: inherit; color: #039; font-weight: normal; padding: 0.5em; text-align: left; } th { background-color: #4e9c63; color: #fff; font-weight: bold; padding: 0.5em; text-align: center; } th a:link, th a:visited, th a:hover, th a:active { background-color: transparent; color: #fff; } th img { border: none; } tr.secondary th, th.secondary { background-color: #fff; color: #4e9c63; } table.cal { margin: 1em auto; width: 80%; } table.cal th { text-transform: uppercase; } table.cal td { font: 0.8em "Arial", "Helvetica", sans-serif; height: 75px; padding: 2px; vertical-align: top; width: 20%; } table.cal td#today { background-color: #ddd; font-weight: bold; } table.cal div.dateNum { margin-bottom: 1em; } table.cal ul { margin: 0; padding: 0; } table.cal ul li { background-image: none; list-style-image: none; list-style-type: none; margin: 0 0 1em; padding: 0; } table.quote { border: 5px groove #4e9c63; margin: 0 auto; width: 50%; } table.quote td { background-color: #fff; color: #039; font: oblique bold .8em Arial,Helvetica,sans-serif; padding: 5px; text-align: center; } table#creditReportStatement td.subLine { font-style: italic; font-weight: normal; text-align: center; font-size: .75em; } table#creditReportStatement tr.detail td { color: #8e8e8e; } table#creditReportStatement tr.detail td:first-child { padding-left: 2em; } /* --- SCROLLING TABLES --- */ /* Modified from: */ /* Terence Ordona, portal[AT]imaputz[DOT]com */ /* http://creativecommons.org/licenses/by-sa/2.0/ */ div.scrollingTableContainer { overflow: hidden; } /* specify height and width */ div.scrollingTableContainer thead tr { display: block; } /* hide from IE6 */ html>body div.scrollingTableContainer tbody { display: block; overflow: auto; } /* specify height */ /* Default widths; you must size all columns */ /*div.scrollingTableContainer thead th { width: 200px; } div.scrollingTableContainer tbody td { width: 200px; } */ body#AR_CreditRpts table { margin-top: 1em; } body#AR_CreditRpts th { white-space: nowrap; } body#AR_CreditRpts th a { margin: 0 0 0 0.5em; vertical-align: middle; } body#assocHomePage table a { display: block; line-height: 1.4; } body#assocHomePage table h3 { margin: 0; } body#assocHomePage47 table { margin: 0; } body#assocHomePage47 table, body#assocHomePage47 table td, body#assocHomePage47 table tr { border: none; } body#AccountList table img { border: none; } body#MembershipRoster table { width: 90%; } body#MembershipRoster th { text-align: left; } body#MembershipRoster th.status { text-align: right; } body#PermList table { margin: 1em 0; width: 90%; } body#PermList td { padding: 1em; } body#Welcome table { margin: 1em auto; } body#Welcome table th, body#Welcome table td { padding: 0.5em; } body#Welcome table#contactInfo, body#Welcome table#contactInfo td, body#Welcome table#contactInfo th { border: none; } #WA_EnterEditAccounts table button.secondary { margin: 0; } #WA_EnterEditAccounts td.expireDate { white-space: nowrap; } /* =LISTS -------------------------------------------------------------------------*/ ul { list-style: none; } ul li { background-image: url('/graphics/bullet.gif'); background-position: 0 5px; background-repeat: no-repeat; padding-left: 12px; } li { line-height: 1.2; margin-top: 0.5em; } ol { margin-left: 2em; } ol li { background-image: none; padding-left: 0; } dl dd { margin-bottom: 1em; } ul#accts { border-color: #ddd; border-style: dotted; margin-top: 1em; } ul#accts > li { background-image: none; border-bottom: 1px dotted #ddd; line-height: 1.4; margin: 0; padding: 1em; } /*ul#accts li ul#nav-object li { border: none; }*/ ul#attributes li a { font-size: 0.8em; padding-left: 0.5em; } ul.horizontal { margin: 0; padding: 0; } ul.horizontal li { background: none; border-left: 1px solid #039; display: inline; line-height: 1; list-style-type: none; padding: 0 0.75em; } ul.horizontal li:first-child { border: none; padding-left: 0; } #MembershipSelection li { margin-bottom: 1em; } dl.cycleDatesList dt { font-weight: bold; margin-top: 1.5em; } dl.cols dt { float: left; margin-bottom: 20px; width: 150px; } dl.cols dd { margin: 0 0 20px 170px; } #AR_Invoices dl.cols dt { margin-bottom: 0.5em; width: 8em; } #AR_Invoices dl.cols dd { margin: 0 0 0.5em 8em; } #AR_ConfirmPayment dl.cols { margin: 0 5em 2em; } #AR_ConfirmPayment dl.cols dt { width: 110px; } #AR_ConfirmPayment dl.cols dd { font-size: 1.2em; font-weight: bold; margin-left: 120px; } #MembershipRoster dl.cols, #ProspectRoster dl.cols { margin-top: 1em; } #MembershipRoster dl.cols dt, #ProspectRoster dl.cols dt { width: 200px; } #MembershipRoster dl.cols dd, #ProspectRoster dl.cols dd { margin-left: 220px; } #assocHomePage47 ul#meetings li { background-image: none; margin: 0 0 1em; padding: 0; } #MeetingSignUp dl.cols { margin-top: 0.5em; } #MeetingSignUp dl.cols dt, #MeetingSignUp dl.cols dd { margin-bottom: 0.5em; } #submittingMemberDetail dl.cols dt { width: 150px; } #submittingMemberDetail dl.cols dd { margin-left: 160px; } body.popup { background-color: #fff; background-image: none; } body.popup dl.cols { margin: 1em 0 0; } body.popup dl.cols dt { margin: 0 0 10px 0; width: 100px; } body.popup dl.cols dd { margin: 0 0 10px 120px; } #SubmitFlash li.option { color: #4e9c63; font-size: 1.5em; font-weight: bold; margin: 0.5em 0 1em; } #pageline { background:#363 none repeat scroll 0 0; border-bottom:1px solid #363; clear:both; height:4px; line-height:4px; margin:0; padding:0; width:100%; } body.flash dl.cols { margin: 1em 0 0; } body.flash dl.cols dt { width: 100px; } body.flash dl.cols dd { margin-left: 110px; } #FlashList dl.cols { margin-left: 300px; } #FlashList div.acctInfo { float: left; } #PhoneInfo form ul.horizontal li { border: none; } #WA_AdminAcctBlocks th input { margin-left: 2px; } /* =FORMS -------------------------------------------------------------------------*/ #AccountSubmission ul.wrap { border-bottom: 1px solid #4e9c63; margin: 0 0 1.5em; padding: 0 0 1.5em; position: relative; } #AccountSubmission ul.wrap li { overflow: hidden; } #AccountSubmission input, #AR_PayInvoice #newCard input, #SubmitFlash input, body.licensors form input, body.licensors form select { display: block; } body.licensors form .meta { font-size: 0.75em; } #Main input, #AccountSubmission label, #SubmitFlash input { display: block; margin-top: 0.5em; } #Main form ul.horizontal, #AccountSubmission form ul.horizontal, #SubmitFlash form ul.horizontal { float: left; margin: 0.5em 0; width: 100%; } #Main form ul.horizontal li, #AccountSubmission form ul.horizontal li, #SubmitFlash form ul.horizontal li { border: none; float: left; } #SubmitFlash form ul li { background-image: none; } #SubmitFlash fieldset#memberships input { display: inline; } form#invoiceSearchForm { position: absolute; top: 0; right: 0; } form#invoiceSearchForm #invoiceSearchField { margin: 0 0 0 0.5em; } form#invoiceSearchForm p.error { margin: 0.5em 0 0 7.5em; } #AR_CreditRpts form { float: left; margin: 2em 0 0; } #AR_PayInvoice form label { display: block; margin: 0 0 1em; } #SubmitFlash select, #AR_PayInvoice #newCard select { display: block; margin: 0.5em 0 1em; } #AR_PayInvoice #newCard input.expiration { display: inline; margin: 0 0 1em; } #AR_PayInvoice #newCard label.expiration { margin-bottom: 0.5em; } body.licensors form li.alt { float: left; margin: 0 2em 0 0; } body.licensors form input.btn, body.licensors form input.secondary { display:inline; } body.licensors fieldset fieldset { padding-bottom: 0; } #IntlAgent_Detail #countryForm select { width: 150px; } #IntlAgent_Detail #countryForm label, #IntlAgent_Detail #countryForm div { float: left; } #IntlAgent_Detail #countryForm div input { display: block; margin: 1em; } #MeetingSignUp form ul li { background-image: none; margin: 1.5em 0 0; } #MeetingSignUp form fieldset.events label { display: block; margin: 0.5em 0 0 3em; } #MeetingSignUp .btn { margin-top: 10px; } #PasswordRequest input.btn { margin-top: 1em; } #Preferences dt { margin: 0 0 1em; width: 20em; } #Preferences dd { margin: -2.5em 0 2em 20em; } #PrincipalInfo input { display: block; } #ReportPrefs select { display: block; } #ReportPrefs input, #ReportPrefs select { margin: 0.5em 1em 0.5em 0; } #ReportPrefs input.btn { margin-left: 20px; } #RosterChange button { display: block; margin: 10px 0; } #RosterChange label { display: block; margin-top: 2em; } #TeleconferenceSignUp form textarea { margin: 0 0 1em 2em; } #WA_Pop_ChooseBlock input.btn { margin-top: 10px; } body.watchedacctswiz form { margin-top: 10px; } /* =PAGES -------------------------------------------------------------------------*/