/* The following style sheet specifications deal with general page properties. They serve * * as default throughout the templates. For example "body" affect everything in the page * * body. */ body { font-family: Arial, Helvetica; margin: 0; padding: 0; text-align: center; font-size: 12px; } a { color: #66CCFF; } A:link { color: #009900; } A:hover { color: #1893F0; } A:visited { color: #009900; } A:active { color: #1893F0; } td { vertical-align: top; font-size: 12px; } /* The following classes affect the "windows" on Auto-HomePage. They are only referenced * * in the Configuration Settings so technically they are not part of the software suite */ .ahpwindow { width: 100%; background-color: #FFFFFF; border-style: none; padding: 0px; border-collapse: collapse; } .ahpwindowtitle { background-color: #000FCE; } .ahpwindowtitle td { padding: 5px; vertical-align: center; font-weight: bold; color: #FFFFFF; } .ahpwindowtitle td a:active, .ahpwindowtitle td a:link, .ahpwindowtitle td a:visited { color: #FFFFFF; } .ahpwindowcontent { text-align: center; width: 100%; background-color: #FFFFFF; padding: 0px; border-collapse: collapse; border: 1px solid #CCCCCC; } /* The following classes are just here for reference. They modify form fields but * * are not directly tied to our software. They would affect any form. It's cool * * to change the look of form though in the interest of "coolness" why not? * */ ul{ margin-top: 0; margin-bottom: 0 } form{ margin-top: 0; margin-bottom: 0 } input{ background-color: #0000000; color: #000000; } select{ background-color: #FFFFFF; color: #000000; border: 1px solid #006600; } textarea{ background-color: #FFFFFF; color: #000000; border: 1px solid #006600; } .radio{ background-color: #000000; color: #000000 } /* The following classes are used throughout the site. Virtually all plugins use them. */ .MainTable { width: 100%; background-color: #EEDCCB; padding: 1px; border-collapse: collapse; border: 1px solid #C0C0C0; } .TitleRow { background-color: #1F6840; height: 20px; } .TitleRow td { color: #FFFFFFF; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold; } .MenuRow { background-color: #D0C0B0; height: 20px; } .MenuRow td, .MenuRow td a { color: #FFFFFFF; font-size: 13px; text-align: left; } .DataRow { height: 23px; } .DataRow td, .DataRow td a { text-align: left; vertical-align: middle; font-size: 12px; color: #000000; } /* Always appears in DataRow */ .LabelColumn { width: 35%; background-color: #D0C0B0; } .LabelColumn td { color: #000000; font-size: 13px; text-align: left; } .DataColumn { color: #000000; border-collapse: collapse; border: 1px solid #C0C0C0; } .ColSpanningDataColumn { text-align: center; background-color: #EEDCCB; color: #000000; border: 1px solid #C0C0C0; } .FooterRow { background-color: #D0C0B0; height: 23px; } .FooterRow td { color: #000000; text-align: center; } .DateLabel { color: #000000; font-size: 10px; } .CheckUncheckAll a { color: #000000; font-size: 10px; } /* Classes for Virtual Popups. Virtual Popups are Dynamic Html tables that hover over * * the page in response to user action. These are used to present information to users * * without the overhead of opening a new window. */ .VirtualPopupTable { width: 100%; background-color: #F4F6F9; padding: 1px; border-collapse: collapse; border: 2px solid #CCCCCC; } .VirtualPopupTitleRow { background-color: #000FCE; } .VirtualPopupTitleRow td { font-size: 11px; font-weight: bold; color: #FFFFFF; !important } .VirtualPopupMenuRow { background-color: #E1E2E4; } .VirtualPopupMenuRow td { color: #435670; font-size: 11px; text-align: center; } .VirtualPopupDataRow { color: #E1E2E4; font-size: 10px; } /* Always appears in DataRow (See the global section). */ .VirtualPopupLabelColumn { background-color: #E1E2E4; color: #0D4C97; font-size: 10px; } .VirtualPopupDataColumn { border: 1px color: #0E3D75; background-color: #F3F3F3; color: #000000; font-size: 10px; } .VirtualPopupColSpanningDataColumn { text-align: center; border: 1px dashed gray; background-color: #FFFFFF; color: #000000; font-size: 10px; } .VirtualPopupFooterRow { background-color: #B5B5B6; } .VirtualPopupFooterRow td { color: #000000; font-size: 11px; text-align: right; } /* The Following classes are used by the various calendar implementations. These include * * MyCalendar (Auto-HomePage) and BAC Calendar. There one set of classes for mini views * * and another for the larger views. */ .Large_CalendarTable { width: 100%; background-color: #F4F6F9; padding: 1px; border-collapse: collapse; border: 2px solid #CCCCCC; } .Large_DatesWithEvents { background-color: #EEEAEC; height: 50px; font-size: 10px; font-weight: bold; text-align: right; border: 1px solid #CCCCCC; } .Large_TodaysDate { background-color: #D4DEEA; height: 50px; font-size: 10px; font-weight: bold; text-align: right; border: 1px solid #CCCCCC; } .Large_NormalDates { background-color: #F5F5F5; height: 50px; font-size: 10px; text-align: right; border: 1px solid #CCCCCC; } .Large_FillerDates { background-color: #E1E2E4; height: 50px; font-size: 10px; text-align: right; border: 1px solid #CCCCCC; } .Small_CalendarTable { width: 100%; background-color: #F5F5F5; padding: 1px; border-collapse: collapse; border: 2px solid #CCCCCC; } .Small_DatesWithEvents { width: 14%; background-color: #EEEAEC; font-size: 10px; font-weight: bold; text-align: right; border: 1px solid #CCCCCC; } .Small_TodaysDate { width: 14%; background-color: D4DEEA; font-size: 10px; font-weight: bold; text-align: right; border: 1px solid #CCCCCC; } .Small_NormalDates { width: 14%; background-color: #F5F5F5; font-size: 10px; text-align: right; border: 1px solid #CCCCCC; } .Small_FillerDates { width: 14%; background-color: #E1E2E4; font-size: 10px; text-align: right; border: 1px solid #CCCCCC; } .Small_CalendarTable .MenuRow td { text-align: center; } /* Classes for Address Books used in Auto-HomePage, Auto-EmailPro, ECardsPro and Auto-Clubs */ /* The following classes affect the display of the letters of the * alphabet used to navigate the address book */ .AddressBook_LetterChoiceTable { width: 100%; background-color: #F5F5F5; padding: 0px; border-collapse: collapse; border: 2px solid #4277B6; } .AddressBook_LetterChoice_Clickable { text-align: center; font-size: 9px; font-weight: bold; } .AddressBook_LetterChoice_UnClickable { text-align: center; font-size: 9px; } /* The following Classes are specific to BAC Calendar */ .DateDescription { background-color: #FFFFFF; height: 50px; font-size: 9px; color: #2D619F; border: 2px solid #000FCD; padding: 2px; } .DateNumber { text-align: right; } /* The following are ids representing specific parts of the page. * Generally speaking you should never need to change them but they * are there in case you want to expirement. */ #BACCalendar_SelectCalendar { } .BACCalendar_Form { } #BACCalendar_JumpBoxForm { } #BACCalendar_JumpBoxForm_SelectStates { } #BACCalendar_JumpBoxForm_SelectCountries { } #BACCalendar_JumpBoxForm_SelectView { } #BACCalendar_JumpBoxForm_SelectMonth { } #BACCalendar_JumpBoxForm_SelectDay { } #BACCalendar_JumpBoxForm_SelectYear { } #BACCalendar_ViewBoxForm { } #BACCalendar_AttachmentForm { } #BACCalendar_MyCalendarForm { } #BACCalendar_CommentSubmissionForm { } #BACCalendar_CommentForm { } #BACCalendar_PreviousNextMonth { font-size: 8px; } .BACCalendar_CalendarNames { color: #1d424b; font-size: 10px; } /* Auto-EmailPro-specific classes */ /* The following classes affect the folder links that you can use in side columns */ .AutoEmailPro_FolderLinkTable { } .AutoEmailPro_FolderLinkRow { } .AutoEmailPro_FolderLinkIconColumn { } .AutoEmailPro_FolderLinkRow td a { color: #2D4C77; font-size: 10px; } .AutoEmailPro_FolderOpenCloseLink { color:white; } /* The following control the email lists like "inbox". You can either use the * top two options to set all columns the same or you use the classes in the next * section to have different columns behave differently. */ .AutoEmailPro_EmailRow { background-color: transparent; } .AutoEmailPro_EmailRow td { font-size: 10px; border: 1px solid #CCCCCC; } /* The next section allows you to control the caracteristics of each column * see above if the whole row is the same */ .AutoEmailPro_UnreadEmailSubject { } .AutoEmailPro_EmailSubject_Column { } .AutoEmailPro_EmailSender_Column { } .AutoEmailPro_EmailDate_Column { } .AutoEmailPro_EmailSize_Column { } .AutoEmailPro_EmailPriority_Column { } .AutoEmailPro_EmailStatus_Column { } .AutoEmailPro_EmailCheckBox_Column { } .AutoEmailPro_EmailFlag_Column { } .AutoEmailPro_SubPageLinks_Row { } .AutoEmailPro_SubPageLinks_Row td { color: #435670; font-color: #435670; font-size: 11px; } .AutoEmailPro_Attachments_Table { width: 60%; background-color: #F4F6F9; padding: 1px; border-collapse: collapse; border: 1px solid #CCCCCC; } .AutoEmailPro_Attachments_MenuRow { background-color: #E1E2E4; } .AutoEmailPro_Attachments_MenuRow td { color: #435670; font-size: 11px; } .AutoEmailPro_Attachments_DataRow { color: #E1E2E4; font-size: 10px; } .AutoEmailPro_Attachments_DataRow td { border: 1px color: #0E3D75; background-color: #F3F3F3; color: #000000; font-size: 10px; } /* Link to switch between the html and text composers - only visible in IE */ #AutoEmailPro_SwitchComposerLink { color: #000000; } /* Auto-HomePage classes */ /* My Todo */ .AutoHomePage_Todo_PriorityListing { } .AutoHomePage_Todo_Listing { } #AutoHomePage_MyItems_DropDown { } #AutoHomePage_MyArticlesPlaced_DropDown { } #AutoHomePage_MyArticles_DropDown { } #AutoHomePage_MyLinks_DropDown { } .MyCalculator_Table { background-color: #E1E2E4; width: 100%; height: 85%; } .MyCalculator_ResultRow td { background-color: #FFFFFF; border-collapse: collapse; border: 1px solid #376B88; text-align: right; color: #000000; } .MyCalculator_NumberRow td { text-align: right; } /* CommunityMailer classes*/ .CommunityMailer_ListName { } .CommunityMailer_ListDescription { } .CommunityMailer_MoreButton { } /* CommunityAlbums-specific classes. Like with Auto-EmailPro, for the album listings you can * either set all columns to be the same or change the styles for each on individually. The * first two classes set all the columns the same, the ones after than allow you to set each * column to be different. It is important to note that "CommunityAlbums_FrontPageRow td" has * a higher precendence than the later classes so you should either use !important if you want * override a single column or remove the styles from "CommunityAlbums_FrontPageRow td" and * all the columns individually. */ .CommunityAlbums_FrontPageRow { } .CommunityAlbums_FrontPageRow td { background-color: E1E2E4; color: #000000; text-align: center; } .CommunityAlbums_FP_ImageColumn { } .CommunityAlbums_FP_NameColumn { } .CommunityAlbums_FP_ImageCountColumn { } .CommunityAlbums_FP_ImageSizeColumn { } .CommunityAlbums_FP_ImageHitsColumn { } .CommunityAlbums_FP_ImageCheckBoxColumn { } .CommunityAlbums_FP_ImagePublicColumn { } .CommunityAlbums_SortOptionsRow { background-color: E1E2E4; font-size: 10px; } .CommunityAlbums_SortOptionsRow td { background-color: DDDDDE; text-align: center; padding: 2px; } /* Note, the image table is when viewing all images in an album */ .CommunityAlbums_ImageTable { width: 100%; } .CommunityAlbums_ImageTableRow { } .CommunityAlbums_ImageTableRow td{ text-align: center; } /* The following ids control the header columns in the album list view */ #CommunityAlbums_HeaderImageColumn { text-align: center; } #CommunityAlbums_HeaderNameColumn { text-align: center; } #CommunityAlbums_HeaderCountColumn { text-align: center; } #CommunityAlbums_HeaderSizeColumn { text-align: center; } #CommunityAlbums_HeaderHitsColumn { text-align: center; } #CommunityAlbums_HeaderPublicColumn{ text-align: center; } /* The following classes control CommunityForums & Auto-Clubs' Forum. Both use a lot * classes because in our experience, forum are the heart of a community and customers * like to heavily personalize it. */ .Forum_Commands { color: #B82A5D; text-decoration: none; } .Forum_BadWord { color: red; font-weight: bold; } .Forum_SpellingError { background-color: #C0C0C0; font-weight: bold; } .Forum_PostIconsFrame { padding: 1px 1px 1px 1px; overflow: auto; color: #663300; background-color: transparent; margin-top: 0; margin-bottom: 0 } .Forum_PostIconsFrameMainTable { width: 100%; background-color: #102b24; padding: 0px; border-collapse: collapse; border: 1px solid #CCCCCC; } .Forum_PostIconsFrameTitleRow { background-color: #006600; } .Forum_PostIconsFrameTitleRow td { color: #EEDCCB; font-size: 10px; font-weight: bold; text-align: center; } .Forum_PostIconsFrameReplacementRow { background-color: #EEDCCB; border: 1px solid #CCCCCC; } .Forum_PostIconsFrameReplacementTextColumn { text-align: center; font-size: 10px; } .Forum_PostIconsFrameReplacementImageColumn { text-align: center; font-size: 14px; } /* The following classes affect the header row of the thread list view * These are actually called in the relevant Configuration Settings are * not part of the actual program. */ #Forum_HeaderStatusBoxColumn { } #Forum_HeaderPostTypeColumn { } #Forum_HeaderAdminCheckBoxColumn { } #Forum_HeaderSubjectColumn { } #Forum_HeaderAuthorColumn { } #Forum_HeaderNumPostsColumn { } #Forum_HeaderNumViewsColumn { } #Forum_HeaderStartedDateColumn { } #Forum_HeaderLastResponseColumn { } #Forum_HeaderModeratorOptionsColumn { } .Forum_HeaderSortOptionsLink { font-color: #FFFFFF; color: #FFFFFF; text-decoration: none; } .Forum_ThreadRowEven td { background-color: #EEDCCB; font-color: #000000; font-size: 12px; border: 1px solid #000000; } .Forum_ThreadRowOdd { } .Forum_ThreadRowOdd td { background-color: #D0C0B0; font-color: #000000; font-size: 12px; border: 1px solid #000000; } .Forum_ThreadRowEven { } .Forum_ThreadRowCurrentPost { } .Forum_ThreadRowCurrentPost td { background-color: #D0C0B0; font-color: #000000; font-size: 12px; border: 1px solid #C0C0C0; } /* The following classes appear on the thread list page. They are inserted by * text replacements like [COL_MESSAGEICON]. The program will call either the * class for the column OR .Forum_SortedColumn if the column is the one currently * being used as the basis for sorting. */ .Forum_StatusBoxColumn { } .Forum_PostTypeColumn { text-align: center; } .Forum_AdminCheckBoxColumn { } .Forum_SubjectColumn { } .Forum_AuthorColumn { } .Forum_RecommendationsColumn { text-align: center; } .Forum_NumPostsColumn { text-align: center; } .Forum_NumViewsColumn { text-align: center; } .Forum_StartedDateColumn { } .Forum_LastResponseColumn { } .Forum_ModeratorOptionsColumn { } .Forum_SortedColumn { background-color: #F3E7DC !important } .Forum_OpeningWordsForThread { font-style: italic; } /* The following classes affect the header row of the post list view. * These are actually called in the relevant Configuration Settings are * not part of the actual program. */ #Forum_ThreadHeaderCheckBoxColumn { } #Forum_ThreadHeaderAuthorColumn { } #Forum_ThreadHeaderMessageColumn { } #Forum_ThreadHeaderMessageRange { color: #EF07C0; font-color: #000000; text-align: right; } /* The following ids and classes affect the post/thread submission form * and the edit form. */ #Forum_SubmissionModeratedMessage { } .Forum_SubmissionPostTypeIcons { background-color: transparent; text-decoration: none; } #Forum_SubmissionMessageField { } #Forum_SubmissionJavascriptShortCuts { } .Forum_SubmissionJavascriptShortCutLink { } .Forum_SubmissionTable { width: 100%; background-color: #EEDCCB; padding: 1px; border-collapse: collapse; border: 2px solid #CCCCCC; } /* The following classes affect the display of forum posts */ .Forum_MemberInformationColumn { width: 30%; font-size: 10px; background-color: #F3E7DC; } .Forum_PostTextColumn { border: 1px solid #006600; background-color: #EEDCCB; } .Forum_HiddenMessageText { font-style: italic; } .Forum_HiddenMessage { text-decoration: line-through; } .Forum_AttachedFiles { background-color: beige; } .Forum_PostOptionsColumn { background-color: #F3E7DC; } .Forum_PostCheckBoxColumn { background-color: #F3E7DC; } .Forum_PostBottomRow { background-color: #F3E7DC; } .Forum_PostButtonRow { text-align: center; background-color: #F3E7DC; } .Forum_PostHasBeenModified { font-size: 10px; background-color: #F3E7DC; } .Forum_PostDate { text-align: right; font-size: 10px; background-color: #F3E7DC; } /* The following classes affect the header row across the top of thread * lists and post lists. */ .Forum_HeaderRow, .Forum_HeaderRow td a { background-color: #003333; } .Forum_HeaderRow td { color: #FFFFFF; text-align: center; font-weight: bold; border: 1px solid #D0C0B0; padding: 5px; } .Forum_HighlightedPost { background-color: #CCCCCC; border: 1px solid #006600; color: #000000; } /* The follow classes are used by the forum directory and one page directory */ .Forum_ListRowEven { } .Forum_ListRowEven td { background-color: #E3EAF1; font-size: 10px; border: 1px solid #2C3D54; } .Forum_ListRowOdd { } .Forum_ListRowOdd td { background-color: #F5F7FB; font-size: 10px; border: 1px solid #2C3D54;; } .Forum_ListTitleRow { } .Forum_ListTitleRow td { background-color: #000FCE; color: #FFFFFF; text-align: center; font-weight: bold; border: 1px solid #2C3D54; } .Forum_ForumDataTitleRow { } .Forum_ForumDataTitleRow td { background-color: #000FCE; color: #FFFFFF; text-align: center; font-weight: bold; border: 1px solid #2C3D54; } /* CommunityMembers classes */ .CM_IconColumn { text-align: center; } .CM_SpacerExtraLabel { text-decoration: italic; } /* Intra-Site Messenger classes */ .ISM_SystemFolder { font-weight: bold; } /* Auto-Gallery classes*/ .AutoGallery_HotRatingTable { width: 1%; background-color: #F4F6F9; border-style: none; padding: 0px; spacing: 0px; border-collapse: collapse; border: 1px solid #CCCCCC; } /* AarvarkCart classes */ .AardvarkCart_PriceColumn, .AardvarkCart_PercentageColumn { background-color: #F3F3F3; color: #000000; border-collapse: collapse; border: 1px solid #CCCCCC; text-align: right; white-space: nowrap; width: 5%; } .AardvarkCart_RadioTable { width: 100%; border-style: none; padding: 1px; border-collapse: collapse; } .AardvarkCart_RadioTable .DataColumn { vertical-align: middle; color: #000000; border-collapse: collapse; } /* AardvarkPublisher classes */ .AardvarkPublisher_MultiSelectFormTable { width: 80%; background-color: #F4F6F9; padding: 1px; border-collapse: collapse; border: 1px solid #CCCCCC; } .AardvarkPublisher_PollFormTable { width: 90%; background-color: #F4F6F9; padding: 1px; border-collapse: collapse; border: 1px solid #CCCCCC; } /* The following classes are common to AardvarkPublisher, AardvarkCatalog and Auto-ClassifiedsPro */ .Aardvark_CheckboxTable { border-style: none; padding: 1px; border-collapse: collapse; } .Aardvark_CheckboxTable tr td { white-space: nowrap; font-size: 10px; } .Aardvark_MultiSelectFormTable { width: 80%; background-color: #F4F6F9; padding: 1px; border-collapse: collapse; border: 1px solid #CCCCCC; } /* BAC Open Directory classes */ .ODP_MainCategoryTable { width: 100%; } .ODP_MainCategoryTable tr td{ width: 33%; } .ODP_ListingTable { width: 100%; } .ODP_ListingTable tr td{ width: 50%; } .ODP_SubCategoryTable { width: 100%; } .ODP_SubCategoryTable tr td{ width: 50%; } .ODP_SeeAlsoTable { width: 100%; } .ODP_SeeAlsoTable tr td{ width: 50%; } /* Auto-ClassifiedsPro classes. These exist only in the Configuration Settings and as such * are not really part of the software are only a convenience */ .classifieds_maincat { text-align: left; font-weight: bold; color: #44699B; } .classifieds_description { text-align: left; font-style: italic; font-size: 11px; color: #4477BD; } .classifieds_teasers { text-align: left; font-size: 10px; color: #397CD6; }