.LTR, .RTL { background-color: white; } html, body, form, fieldset, table, table th, table td { margin: 0; padding: 0; } body { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 100%; line-height: 1.125em; margin: 0px; padding: 0px; } body.LTR, body.RTL { background: white; width: auto; } body form { font-size: 0.75em; color: #4a4642; } /* match the font size of since these do not inherit */ body form input, select { font-size: 0.75em; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { font-family: Arial, Helvetica, Verdana, sans-serif; margin: 1em 0; padding: 0; } ul, ol, dl { margin: 1em 0.8em; padding: 0; } html, body { height: 100%; } a, a:visited { color: #007fb2; } h1, h2, h3, h4, h5, h6 { padding: 0px; margin: 10px 0 5px 0; } h1 { font-size: 1.375em; color: #417dd0; } h2 { font-size: 1.25em; color: #e51837; } h3 { font-size: 1.25em; margin-bottom: 0px; } h4, h5 { font-size: 1.125em; } h6 { font-size: 1.0em; } hr { color: #eeeeee; } li, dd, blockquote { margin-left: 1em; } form label { cursor: pointer; } fieldset { border: none; } img { border: 0; } table { border-collapse: collapse; /* center */ margin-left: auto; margin-right: auto; } table th { border: 0; vertical-align: top; text-align: left; } table td { border: 0; vertical-align: top; } acronym { border-bottom: dotted 1px black; } .InfoMessage { font-weight: bold; color: blue; } .ErrorMessage, .EditingFormErrorLabel { font-weight: bold; color: red; } ul.SimpleList, ol.SimpleList { list-style-type: none; margin: 15px 0; padding: 0; } ul.SimpleList li, ol.SimpleList li { padding: 1px 0; margin: 0; } ul.VerticalSpacedList li, ol.VerticalSpacedList li { padding: 5px 0 15px 0; line-height: 1.125em; } ul.LinkList, ol.LinkList { list-style-image: url(../app_themes/dtfa/Images/lineitembutton.gif); margin: 15px 0; padding: 0 0 0 1em; } ul.LinkList li, ol.LinkList li, ul.LinkListBrown, ol.LinkListBrown { margin: 0 0 0 1em; padding: 0 0 0 0; } ul.LinkListBrown, ol.LinkListBrown { list-style-image: url(../app_themes/dtfa/Images/lineitembutton_brown.gif); margin: 15px 0; padding: 0 0 0 1em; } .Content .Area table.BigGrid { border: inset 2px; margin: 15px 0; } .Content .Area table.BigGrid th, .Content .Area table.BigGrid td { border: solid 1px; padding: 4px 5px; } /* custom style classes for DTF */ .DarkBlueTitle { color: #003055; margin: 0 0 20px 0; padding-bottom: 3px; border-bottom: solid 1px #003055; } .DarkBlueTitle529 { margin-right: auto; width: 529px; } .DarkBlueTitle465 { margin-right: auto; width: 465px; } img.ImageTopRightWithWrapping { float: left; display: block; margin: 0 15px 15px 0; } a.withBullet { background: url(../app_themes/dtfa/Images/Blue/breadcrumbs-ltr.gif) no-repeat 0 3px; padding-left: 15px; } a.withBulletBlue { background: url(../app_themes/dtfa/Images/Blue/breadcrumbs-ltr.gif) no-repeat 0 3px; padding-left: 15px; } a.withBulletBrown { background: url(../app_themes/dtfa/Images/Brown/breadcrumbs-ltr.gif) no-repeat 0 3px; padding-left: 15px; } a.withBulletRed { background: url(../app_themes/dtfa/Images/Red/breadcrumbs-ltr.gif) no-repeat 0 3px; color: #e21940; font-weight: bold; padding-left: 15px; } a.pdf { background: url(../app_themes/default/Images/pdf.gif) no-repeat left -1px; padding-left: 18px; } a.extlink { background: url(../app_themes/default/Images/link.gif) no-repeat left 0; padding-left: 17px; } a.xls { background: url(../app_themes/default/Images/xls.gif) no-repeat left 0; padding-left: 21px; } a.doc { background: url(../app_themes/default/Images/doc.gif) no-repeat left 0; padding-left: 21px; } a.email { background: url(../app_themes/default/Images/email.gif) no-repeat left 0; padding-left: 16px; } /* Events */ .Content .Area .Calendar tr td { padding: 0; } /* The first block of styles in each Day-type field all need to be the same. */ .Content .Area .Calendar .DayStyle { font-size: 0.875em; line-height: 15px; /* to fit the icon in A links (see class below) */ text-align: left; padding: 2px; border: solid 1px #c8c8c8; min-height: 85px; /* this is the proper CSS style, but not supported well cross-browser */ height: 85px; /* there's always at least one day per week (other options are Weekend and Today), so just set the height on one place; the one exception is for weeks that are entirely OtherMonthDays, in which case no min-height is required */ } .Content .Area .Calendar .WeekendDayStyle { font-size: 0.875em; line-height: 15px; /* to fit the icon in A links (see class below) */ text-align: left; padding: 2px; border: solid 1px #c8c8c8; background-color: #e0e0e0; } .Content .Area .Calendar .OtherMonthDayStyle { font-size: 0.875em; line-height: 15px; /* to fit the icon in A links (see class below) */ text-align: left; padding: 2px; border: solid 1px #c8c8c8; background-color: #bbb; } .Content .Area .Calendar .TodayDayStyle { font-size: 0.875em; line-height: 15px; /* to fit the icon in A links (see class below) */ text-align: left; padding: 2px; border: solid 1px #c8c8c8; background-color: #eaf4f9; } .Content .Calendar .DayStyle, .Content .Calendar .TodayDayStyle, .Content .Calendar .WeekendDayStyle { color: #777; } .Content .Calendar .DayStyle div a, .Content .Calendar .TodayDayStyle div a, .Content .Calendar .WeekendDayStylediv a { color: black; } .Content .Calendar .TitleStyle { color: white; font-weight: bold; font-size: 1.125em; background-color: #003055; border: 0; } .Content .Area .Calendar .TitleStyle td { padding: 5px 10px; } .Content .Calendar .TitleStyle .NextPrevStyle a { text-decoration: none; /* color: has to be set in Skin file to overwrite Kentico CMS inline default of color:black */ } .Content .Calendar .DayHeaderStyle { text-align: center; background-color: #eaf4f9; } .Content .Calendar .NextPrevStyle { } .Content .Calendar .CalenderEventItem { margin: 0 0 5px 0; text-align: left; } .Content .Calendar .CalenderEventItem a { background-image: url(../app_themes/dtfa/Images/calendar_view_event.gif); background-repeat: no-repeat; padding-left: 19px; display: block; } /* Pager control */ .Content .Area .PagerControl { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 18px; } .Content .Area .PagerControl .PagerResults {} .Content .Area .PagerControl .PagerNumberArea { text-decoration: none; } .Content .Area .PagerControl .PagerNumberArea a { color: #5a90ce; text-decoration: none; padding: 0 5px; } .Content .Area .PagerControl .PagerNumberArea a:hover { background-color: #59a5d1; color: #fff; border: solid 2px #408bb6; padding: 0 3px; text-decoration: none; } .Content .Area .PagerControl .PagerNumberArea .SelectedPrev { padding: 0 5px; } .Content .Area .PagerControl .PagerNumberArea .UnselectedPrev { padding: 0 5px; } .Content .Area .PagerControl .PagerNumberArea .SelectedPage { padding: 0 5px; } .Content .Area .PagerControl .PagerNumberArea .UnselectedPage { padding: 0 5px; } .Content .Area .PagerControl .PagerNumberArea .SelectedNext { padding: 0 5px; } .Content .Area .PagerControl .PagerNumberArea .UnselectedNext { padding: 0 5px; } .Content .Area .PagerControl td, .Content .Area .AFWCompanyList .PagerControl td { padding: 10px 0 0 0; text-decoration: none; text-align: left; } .Content .Area .AFWBenchmarkReport .StdGrid .PagerControl td { padding: 10px 3px 10px 3px; text-align: center; } .Content .Area .PagerControl td a { color: #5a90ce; padding: 0 5px; border: none; } .Content .Area .PagerControl td a:hover { background-color: #59a5d1; color: #fff; border: solid 2px #408bb6; padding: 0 3px; text-decoration: none; } /* Edit mode controls */ .CMSEditModeButtons { border: 1px solid black; background: white; cursor: hand; font-size: 12px; font-weight: bold; display: inline-block; color: Black; } .CMSPageManager { border: 1px solid #a9a9a9; padding: 3px 3px 3px 3px; display: block; width: 100%; background-color: #EEEEEE; margin-bottom: 3px; } .CMSPageManager A { font-weight: bold; text-decoration: underline; color: Black; } .CMSPageManagerLabel { text-align: right; } .CMSPageManagerTDlabel { padding-left: 10px; } .CMSEditableRegion { background-color: white; border: 1px dotted red; text-decoration: none; font-weight: normal; } .HeaderSignOutPnl { width: 75px; height: 24px; text-align: center; padding-top: 6px; cursor: pointer; } .RTL .HeaderSignOutPnl { margin-left: auto; margin-right: 5px; } .HeaderSignOut { font-family: Tahoma, Times New Roman, serif; font-size: 11px; font-weight: bold; color: Black; } /* Shopping Cart */ .CommerceCartHeader { background-color: #888888; font-weight: bold; color: #ffffff; } /* Others */ .FormErrorLabel, .ErrorLabel { color: Red; margin: 10px 0; } .LogonTextBox { width: 150px; } .LogonDialog { color: #201e1f; } .EditableTextError { color: red } /* --- Containers --- */ .BoxTitle, .BoxTitleFull { overflow: hidden; padding: 0px 10px 0px 10px; background-repeat: repeat-x; font-size: 13px; line-height: 22px; } .BoxTitle { height: 22px; border-bottom: solid 1px #ffffff; } .BoxTitleFull { height: 23px; border-bottom: solid 1px #4e5a5f; } .BoxArea { vertical-align: top; padding: 5px; } .GreenGradient, .BlueGradient, .RedGradient { background-repeat: no-repeat; padding: 10px; color: #ffffff; } .GreenGradient a, .BlueGradient a, .RedGradient a, .GreenGradient a:visited, .BlueGradient a:visited, .RedGradient a:visited { color: #ffffff; } /* Green */ .Green .BoxTitle, .Green .BoxTitleFull { color: #ffffff; background-color: #9cdc62; background-image: url(../app_themes/dtfa/Images/Green/boxtitle.gif); } .Green .BoxArea { background-color: #f3f9ed; } .GreenGradient { background-image: url(../app_themes/dtfa/Images/Green/box.gif); background-color: #4f7a00; } /* Blue */ .Blue .BoxTitle, .Blue .BoxTitleFull { color: #ffffff; background-color: #5a97e6; background-image: url(../app_themes/dtfa/Images/Blue/boxtitle.gif); } .Blue .BoxArea { background-color: #eaf0f8; } .BlueGradient { background-image: url(../app_themes/dtfa/Images/Blue/box.gif); background-color: #2e68bf; } .LightBlueBox { background-color: #eaf0f8; padding: 5px; } .LightBlueGradient { background-image: url(../app_themes/dtfa/Images/Blue/whitegradient.gif); background-repeat: repeat-x; padding: 10px; } .Content .Area .BlueBoxWithTitle { margin: 0 0 15px 0; empty-cells: show; width: 460px; } .Content .Area .BlueBoxWithTitle .BoxTitle, .BlueBoxWithTitle .BoxTitleFull { font-weight: bold; color: white; background-color: #003055; background-image: url(../app_themes/dtfa/Images/Blue/bluewithtitletop.gif); background-repeat: no-repeat; height: 42px; line-height: 42px; vertical-align: middle; padding: 0 13px; font-size: 1.125em; border: 0; } .Content .Area .BlueBoxWithTitle .BoxArea { background: #d8e5ec url(../app_themes/dtfa/Images/Blue/bluewithtitlemiddle.gif) repeat-y; padding: 10px; color: #003055; border: 0; } .Content .Area .BlueBoxWithTitle .BoxFooter { background: #d8e5ec url(../app_themes/dtfa/Images/Blue/bluewithtitlebottom.gif) no-repeat; height: 8px; padding: 0; border: 0; } .Content .Area .BlueNavigation { margin: 0 0 15px 0; empty-cells: show; width: 322px; } .Content .Area .BlueNavigationShort { width: 181px; } .Content .Area .BlueNavigation .BoxTitleLeft { background-color: #afe0fc; background-image: url(../app_themes/dtfa/Images/Blue/boxtitlenav_l.gif); background-repeat: no-repeat; height: 30px; width: 8px; padding: 0; } .Content .Area .BlueNavigation .BoxTitleRight { background-color: #afe0fc; background-image: url(../app_themes/dtfa/Images/Blue/boxtitlenav_r.gif); background-repeat: no-repeat; height: 30px; width: 8px; padding: 0; } .Content .Area .BlueNavigation .BoxTitle, .BlueNavigation .BoxTitleFull { font-weight: bold; color: #003055; background-color: #afe0fc; background-image: url(../app_themes/dtfa/Images/Blue/boxtitlenav.gif); background-repeat: repeat-x; height: 30px; vertical-align: middle; border: 0; padding: 0; font-size: 1.125em; line-height: 30px; width: 306px; } .Content .Area .BlueNavigation .BoxArea { background: #eef4f9 url(../app_themes/dtfa/Images/Blue/boxtitlenav_h.gif) repeat-y; border-style: solid; border-color: #4ab9e5; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0; padding: 5px; width: 306px; } .Content .Area .BlueNavigationShort .BoxTitle, .BlueNavigationShort .BoxTitleFull { width: 165px; } .Content .Area .BlueNavigationShort .BoxArea { width: 165px; border-right: solid 1px #4ab9e5; } .Content .Area .BlueNavigation .BoxArea ul { list-style: none; margin: 10px 0; padding-left: 0; } .Content .Area .BlueNavigation .BoxArea li { margin-left: 4px; padding-left: 0; } .Content .Area .BlueNavigation .BoxArea li a { background: url(../app_themes/dtfa/Images/Blue/breadcrumbs-ltr.gif) no-repeat 0 3px; padding-left: 15px; } /* About Us - History - Shining Star Award page */ .Content .Area div#ShiningStarAwardRight .BlueNavigation { margin-left: auto; margin-right: auto; } /* Red */ .Red .BoxTitle, .Red .BoxTitleFull { color: #ffffff; background-color: #ff4f4a; background-image: url(../app_themes/dtfa/Images/red/boxtitle.gif); } .Red .BoxArea { background-color: #fff5e5; } .RedGradient { background-image: url(../app_themes/dtfa/Images/Red/box.gif); background-color: #b80018; } /* Gray */ .Gray .BoxTitle, .Gray .BoxTitleFull { color: #525252; background-color: #fafaff; background-image: url(../app_themes/dtfa/Images/Gray/boxtitle.gif); } .Gray .BoxArea { background-color: #ffffff; } .LightGrayGradient { background-image: url(../app_themes/dtfa/Images/Gray/whitegradient.gif); background-repeat: repeat-x; padding: 10px; } /* Overall */ .Header { background-image: url(../App_Themes/dtfa/Images/header.jpg); background-repeat: no-repeat; width: 882px; height: 185px; position: relative; } .Header .HomeLinks { font-size: 0.875em; font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; word-spacing: 0.2em; padding-top: 8px; padding-bottom: 8px; } .Header .Logo { width: 209px; height: 83px; padding: 0px; } .Header .HowYouCanHelp { position: absolute; top: 138px; left: 14px; } .Header .HowWeCanHelpYou { position: absolute; top: 138px; left: 220px; } .Header .Subtitle { position: absolute; top: 38px; left: 300px; width: 294px; } .Header .Subtitle span { color: #0c4b86; font-size: 1.25em; font-weight: bold; text-shadow: #1188b7 -1px -1px 4px; z-index: 1; position: relative; } .Header .Subtitle img { position: absolute; top: -38px; left: 193px; width: 294px; height: 185px; z-index: 0; } .Page .MainSearch { vertical-align: top; height: 21px; z-index: 2; position: absolute; right: 0; top: 13px; } .Page .MainSearchHome { right: 35px; } .Page .MainSearch .MainSearchTextbox { border: solid 1px #007fb2; background-image: url(../app_themes/dtfa/Images/mainsearchtextbox.gif); background-repeat: repeat-x; /* repeat since some browsers (just IE7, maybe older IEs too, but not other browsers) keep background fixed while scrolling. not a perfect solution, but helps. //TODO: nest backgrounds so there can be a consistent repeating background for horizontal scrolling */ width: 104px; height: 14px; padding: 3px 4px; line-height: 14px; font-size: 0.875em; margin-top: 0px; margin-bottom: 7px; margin-right: 3px; } .Page .MainSearch .MainSearchImage { width: 22px; height: 21px; vertical-align: middle; } .Footer { background-color: white; background-image: url(../App_Themes/dtfa/Images/footer_hrz.png); background-repeat: repeat-x; border: none; color: #4a4642; padding: 25px 6px 25px 6px; text-align: center; position: relative; z-index: 500; } .Content { } .Content .BorderTop { } .Content .BorderBottom { display: none; } .Content .Area { padding: 0; } /* two instances of the "Area" class are used if the "Content area" web part continer is used (once for CMS usage and once for the web part container) */ .Content .Area .Area { padding: 0 0 15px 0; } .Content .Area div.PagePlaceHolder { } .Content .Area table table th, .Content .Area table table td { padding: 2px; } .Content .Area table table.Content td.BorderTop { padding: 0; display: none; } .Page { width: 882px; background-color: white; } .Page ul.LineItemButtonLinks li { list-style-image: url(../app_themes/dtfa/Images/lineitembutton.gif); } .Page a.ReadMoreLink { color: #e51837; font-weight: bold; padding-left: 3px; text-decoration: none; } .Page a.ReadMoreLink:hover { text-decoration: underline; } .ContentPadding { padding: 0px 10px 0px 10px; } /* Home page */ .HeaderHome { background-image: url(../App_Themes/dtfa/Images/headerhome.jpg); background-repeat: no-repeat; width: 882px; height: 298px; position: relative; } .HeaderHome .HowYouCanHelp { position: absolute; top: 245px; left: 7px; } .HeaderHome .HowWeCanHelpYou { position: absolute; top: 245px; left: 213px; } .HeaderHome .MainSearch { float: right; vertical-align: top; margin-top: 15px; margin-right: 45px; } table#HomeAboutTheFoundation { width: 100%; } table#HomeAboutTheFoundation thead th { padding: 3px 6px; } table#HomeAboutTheFoundation tbody th, table#HomeAboutTheFoundation tbody td { font-size: 0.9375em; line-height: 1.25em; padding: 3px 6px; vertical-align: top; } table#HomeAboutTheFoundation tbody th { text-align: right; white-space: nowrap; } table#PopularLinks th, table#PopularLinks td { padding: 16px 2px 2px; vertical-align: top; } table#PopularLinks td { text-align: left; } table#PopularLinks th { /*width: 62px;*/ text-align: center; } table#PopularLinks td h3 { font-size: 1.375em; margin-top: 0; } table#PopularLinks td h3 a { color: #4A4642; text-decoration: underline; } /* Main Menu */ .Menu { margin-top: 6px; background: none; border: none; } .CMSMenu { border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; padding: 0px; margin: 0px; width: 882px; } .CMSMenuItem, .CMSMenuItemMouseUp, .CMSMenuItemMouseOver, .CMSMenuItemMouseDown, .CMSMenuHighlightedMenuItem, .CMSMenuHighlightedMenuItemMouseUp, .CMSMenuHighlightedMenuItemMouseDown, .CMSMenuHighlightedMenuItemMouseOver { border: none; height: 35px; width: 203px; font-weight: bold; font-size: 1.1875em; text-align: center; background-repeat: no-repeat; background-image: url(../app_themes/dtfa/Images/menuitem.gif); color: #003055; /*overflow: visible;*/ vertical-align: middle; } .CMSMenuHighlightedMenuItem, .CMSMenuHighlightedMenuItemMouseUp, .CMSMenuHighlightedMenuItemMouseDown, .CMSMenuHighlightedMenuItemMouseOver { background: url(../app_themes/dtfa/Images/highlightedmenuitem.gif); border: none; } .SubCMSMenu { margin-top: 5px; border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px; background: #afe0fc; color: #003055; white-space: nowrap; opacity: 0.85; } .CMSMenuSeperator { width: 23px; background: none; border: none; } .SubCMSMenuItem, .SubCMSMenuItemMouseUp, .SubCMSMenuItemMouseOver, .SubCMSMenuItemMouseDown, .SubCMSMenuHighlightedMenuItem, .SubCMSMenuHighlightedMenuItemMouseUp, .SubCMSMenuHighlightedMenuItemMouseOver, .SubCMSMenuHighlightedMenuItemMouseDown { padding: 5px; font-size: 1.0em; width: 180px; color: #003055; font-weight: bold; } .SubCMSMenuHighlightedMenuItem, .SubCMSMenuHighlightedMenuItemMouseUp, .SubCMSMenuHighlightedMenuItemMouseOver, .SubCMSMenuHighlightedMenuItemMouseDown { color: #417dd0; } /* Tree menu */ .CMSTreeMenuTable { width: 170px; } .CMSTreeMenuItem, .CMSTreeMenuSelectedItem { color: #e3112a; padding: 3px 3px 3px 10px; font-weight: bold; /*background-image: url(../app_themes/dtfa/Images/Red/arrowrightsmall.gif);*/ /*background-repeat: no-repeat;*/ /*background-position: left;*/ } .CMSTreeMenuLink, .CMSTreeMenuLink:visited { color: #e3112a; text-decoration: none; font-weight: bold; } .CMSTreeMenuSelectedLink, .CMSTreeMenuSelectedLink:visited { color: #000000; text-decoration: none; font-weight: bold; } /* Product */ .ProductPreview .LinkMore { background-image: url(../app_themes/dtfa/Images/Red/arrowrightmiddle.gif); background-repeat: no-repeat; background-position: right; padding: 3px 12px 6px 5px; } .ProductPreview { width: 170px; text-align: center; padding: 3px; } .ProductPreview .ProductBox { background-color: #ffffff; border: 1px solid #c4cad2; padding: 0px; margin: 0px auto; } .ProductPreview .ProductTitle { height: 32px; font-weight: bold; text-align: center; background-image: url(../app_themes/dtfa/Images/Gray/whitegradient.gif); background-repeat: repeat-x; padding: 10px; } .ProductPreview .ProductTitle A { text-decoration: none; } .ProductPreview .ProductImage { height: 120px; overflow: hidden; text-align: center; } .ProductPreview .ProductFooter { text-align: right; background-color: #f7f7f7; padding: 5px; } .ProductPreview .ProductPrice { font-size: 15px; font-weight: bold; color: #417dd0; } .ProductDetail { } .ProductDetail .ProductData { padding: 5px 30px 5px 30px; } .ProductDetail .ProductData table { margin-left: 0; margin-right: 0; } .Page .Content .Area .ProductDetail .ProductFooter { text-align: right; /*background-color: #fafafa;*/ border-bottom: solid 20px #fafafa; padding: 10px 60px 10px 10px; } .ProductDetail .ProductPrice { font-size: 18px; font-weight: bold; color: #417dd0; } .ProductDetail .ProductSummary { vertical-align: top; } .ProductDetail .ProductImage { width: 225px; } .ProductDetail .ProductShortDescription { font-weight: bold; } .ProductDetail .ProductDescription { padding: 10px; } /* News */ .NewsDetail .NewsSummary { font-weight: bold; padding: 5px; } .NewsDetail .NewsReleaseDate { /*color: #e73349;*/ padding: 0px 5px 5px 6px; /*font-size: 14px;*/ font-weight: bold; text-align: right; margin-right: 0; } .NewsDetail .NewsText { padding: 30px 5px; } .NewsDetail .NewsTitle { margin: 30px 5px 0px 3px; } .NewsLatest { width: 170px; height: 119px; overflow: hidden; } .NewsLatest .NewsTitle { font-weight: bold; font-size: 15px; padding: 5px 0px 0px 0px; } .NewsLatest hr { margin: 0px; padding: 0px; color: #eeeeee; } .NewsLatest .NewsSummary { height: 63px; overflow: hidden; } .NewsLatest .LinkMore { background-image: url(../app_themes/dtfa/Images/White/arrowrightmiddle.gif); background-repeat: no-repeat; background-position: right; padding: 3px 12px 6px 5px; display: block; text-align: right; font-weight: bold; } .NewsSummaryCallout { font-size: 1.25em; } .NewsLatestAlternate { margin: 0 0 0px 0; } .NewsLatestAlternate .LinkMore { color: #4a4642; text-decoration: none; } .UpcomingEvents table { margin-left: 0; } .UpcomingEvents table th, .UpcomingEvents table td { text-align: left; } /* Search result */ .SearchResult { padding: 5px 3px 5px 3px; } .SearchResult .ResultTitle { padding: 0px 0px 1px 12px; font-weight: bold; background-image: url(../app_themes/dtfa/Images/Red/arrowrightmiddle.gif); background-repeat: no-repeat; background-position: left; } .SearchResult .ResultPath { padding-left: 12px; } div.NewsletterSubscription { margin: 30px 0; text-align: center; } div.NewsletterSubscription .SubscriptionHeader { color: #007fb2; font-size: 1.25em; font-weight: bold; text-align: center; padding: 10px 3px 5px 3px; } .NewsletterSubscription input[type='text'] { width: 85%; font-size: 1.0em; line-height: 1.25em; height: 20px; margin-bottom: 8px; margin-left: auto; margin-right: auto; border: solid 1px #c7d9ea; padding-left: 3px; padding-right: 3px; } /* My account */ .ContentButton { width: 75px; } .TextBoxField { width: 280px; } .TextAreaField { width: 280px; height: 100px; } .DropDownField { width: 285px; } .TabsHeader { padding: 5px; border-top: solid 1px #cccccc; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; } .TabControlLinkSelected { font-weight: bold; } .TabsContent { padding: 10px; border: solid 1px #cccccc; } .MyProfileUserSignature { width: 500px; height: 100px; } /* User contribution */ .ContributionPanel { margin: 5px; width: 675px; } .UserContributionForm iframe { width: 555px; } .EditContributionEdit, .EditContributionDelete, .EditContributionClose { font-family: Verdana; font-size: 12px; font-weight: bold; border: solid 1px #cccccc; background-color: #ffffff; padding: 3px 5px 3px 21px; margin: 1px; color: #000000; text-decoration: underline; background-repeat: no-repeat; background-position: 3px 3px; display: inline; width: 30px; line-height: 25px; } .RTL .EditContributionEdit, .RTL .EditContributionDelete, .RTL .EditContributionClose { padding: 3px 21px 3px 3px; } .EditContributionEdit { background-image: url(../App_Themes/Default/Images/CMSAdminControls/EditModeButtons/edit.gif); } .EditContributionDelete { background-image: url(../App_Themes/Default/Images/CMSAdminControls/EditModeButtons/delete.gif); } .EditContributionClose { background-image: url(../App_Themes/Default/Images/CMSAdminControls/EditModeButtons/close.gif); } /* Various individual, DTFA-only content pages */ .Area div#ContactUs { padding: 5px 0pt 15px 45px; float: right; width: 250px; font-size: 1.25em; } .Area div#ContactUs fieldset { border: solid 1px #7f9db9; background: #afe0fc; font-size: 0.75em; line-height: 1.125em; padding: 0 10px; } .Area div#ContactUs fieldset legend { font-size: 1.25em; } .Area .NewsItem { margin-bottom: 15px; } .Area .NewsletterList { margin: 0 0 0 13px; } /* Site Map */ .Content .Area ul.CMSSiteMapList { margin: 0 0 1em 0.5em; padding: 0 0 0 0.5em; } .Content .Area ul.CMSSiteMapList li.CMSSiteMapListItem { margin: 0 0 1em 0; padding: 0 0 1em 0; } .Content .Area ul.CMSSiteMapList li.CMSSiteMapListItem ul.CMSSiteMapList { margin: 0 0 0 1em; } .Content .Area ul.CMSSiteMapList li.CMSSiteMapListItem ul.CMSSiteMapList li.CMSSiteMapListItem { margin: 0; padding: 0; } /* Adoption Facts */ .Content .Area #AdoptionFacts { margin-left: 0; } .Content .Area #AdoptionFacts td { padding-bottom: 30px; } .Content .Area #AdoptionFacts td .NonImage { padding-left: 8px; } .Content .Area #AdoptionFacts div.left { margin-right: 17px; } .Content .Area #AdoptionFacts h2 a { text-decoration: none; } .Content .Area #AdoptionFacts h2 a:hover { text-decoration: underline; } .Content .Area #AdoptionFacts td img { display: block; margin-bottom: 10px; } /* Adoption Facts - FAQ */ .Content .Area h1#Questions, .Content .Area h1#Answers { color: #003055; margin: 0 0 20px 0; padding-bottom: 3px; border-bottom: solid 1px #003055; } .Content .Area h1#Questions { width: 529px; } .Content .Area h1#Answers { width: auto; } /* AdoptionResources - Free Materials */ .Content .Area div.Materials { margin-top: 30px; clear: right; } .Content .Area div.Materials table tr td { padding: 0; width: 33%; } .Content .Area div.Materials div.MaterialsCategory { width: 270px; height: 295px; background: url(../app_themes/dtfa/Images/Gray/floatingfixedbox.gif) no-repeat; padding: 11px 13px 16px 11px; margin: 0px; } .Content .Area div.Materials div.MaterialsCategory div { margin: 15px 20px 15px 10px; color: #007fb2; font-size: 1.0em; line-height: 1.25em; } .Content .Area div.MaterialsCategory div h3 { margin: auto; text-align: center; } .Content .Area div.Materials div.MaterialsCategory div a img { border: 0; display: block; margin: 10px auto 10px auto; } .Content .Area div.Materials div.MaterialsCategory div a { color: #007fb2; text-decoration: none; } .Content .Area div.Materials div.MaterialsCategory div a:hover { text-decoration: underline; } /* Adoption-Friendly Workplace (AFW) */ /* Adoption-Friendly Workplace (AFW) - Best AFW */ div#AFW-BestAFW { min-width: 428px; min-height: 358px; background: url(../getfile/16d647f3-43a2-44c3-90fb-75287d0ed35c/afw-bestafw-photo3.jpg) no-repeat 342px bottom; padding-bottom: 215px; } .Content .Area .AFWCompanyList { margin-left: 0; } .Content .Area .AFWCompanyList td { padding: 0; } .Content .Area .AFWBenchmarkReport fieldset { border: solid 1px #7f9db9; background: #afe0fc; padding: 15px; } .Content .Area .AFWBenchmarkReport fieldset legend { font-size: 1.25em; } .Content .Area .AFWBenchmarkReport fieldset select { font-size: 1.0em; margin: 2px 5px; } .Content .Area .AFWBenchmarkReport fieldset img { padding: 15px 0 0 0; } .Content .Area .AFWBenchmarkReport .StdGrid { border: solid 1px #7f9db9 ! important; } .Content .Area .AFWBenchmarkReport .StdGrid, .Content .Area .AFWBenchmarkReport .StdGrid td { border-top: solid 1px #7f9db9; border-bottom: solid 1px #7f9db9; border-top: dotted 1px #7f9db9; border-bottom: dotted 1px #7f9db9; /* border-left: none; border-right: none;*/ } .Content .Area .AFWBenchmarkReport .StdGrid td { padding: 8px; font-size: 0.875em; vertical-align: middle; } .Content .Area .AFWBenchmarkReport .StdGrid .StdGridHeader { font-size: 1.0em; font-weight: bold; background: #afe0fc; } .Content .Area .AFWBenchmarkReport .StdGrid .StdGridHeader a { text-decoration: none; } .Content .Area .AFWBenchmarkReport .StdGrid .StdGridHeader a:hover { text-decoration: underline; } .Content .Area .AFWBenchmarkReport .StdGrid .StdGridCentered { text-align: center; } .Content .Area .AFWBenchmarkReport .StdGrid .StdGridAlt { background: #f5f5f5; } .Content .Area fieldset#AFWBenefitsSurvey { border: solid 1px #4ab9e5; background: #eef4f9; padding: 15px; font-size: 1.0em; line-height: 1.125em; margin: auto; width: 85%; } .Content .Area fieldset#AFWBenefitsSurvey th { padding: 8px 4px 4px 4px; } .Content .Area fieldset#AFWBenefitsSurvey td { padding: 4px; } .Content .Area fieldset#AFWBenefitsSurvey label.EditingFormLabel { padding-left: 0; } .Content .Area fieldset#AFWBenefitsSurvey legend { font-size: 1.25em; } .Content .Area fieldset#AFWBenefitsSurvey select { font-size: 1.0em; } .Content .Area fieldset#AFWBenefitsSurvey textarea { width: 230px; } .Content .Area fieldset#AFWBenefitsSurvey input[type=text] { font-size: 1.0em; width: 230px; } .AddressPreview table { margin-left: 0; } /* Web part container "Narrow Blue" */ .NarrowBlue { width: 223px; margin-left: 0; } .NarrowBlue tr.hdr, .NarrowBlue tr.ftr { height: 8px; } .NarrowBlue tr.hdr td, .NarrowBlue tr.ftr td { width: 223px; height: 8px; } .Content .Area .NarrowBlue tr.hdr td { background: url(../app_themes/dtfa/Images/Blue/narrowbluetop.gif) no-repeat; padding: 0; } .NarrowBlue tr.bdy td.content { width: 223px; vertical-align: top; background: #f2f7fa url(/app_themes/dtfa/Images/Blue/narrowblue.gif) repeat-y; color: #86817d; padding: 2px 10px; } .NarrowBlue tr.ftr td { background: url(../app_themes/dtfa/Images/Blue/narrowbluebottom.gif) no-repeat; } /************************************************************* */ /************************************************************* */ /************************************************************* */ /************************************************************* */ /************************************************************* */ /********** ********** */ /********** ********** */ /********** END PASTE OF DTFA CSS ********** */ /********** ********** */ /********** ********** */ /************************************************************* */ /************************************************************* */ /************************************************************* */ /************************************************************* */ /************************************************************* */ h1 { font-size: 1.5em; color: #e51837; } h2 { color: #008dcf; } h3 { color: #008dcf; margin: 10px 0 10px 0; } .Header { background-image: url(../App_Themes/dtfacanada/Images/header.jpg); } .HeaderHome { background-image: url(../App_Themes/dtfacanada/Images/headerhome.jpg); } .HeaderHome .HowYouCanHelp { top: 236px; left: 19px; } .Header .Subtitle { top: 38px; left: 36px; width: 653px; } .CMSMenuItem, .CMSMenuItemMouseUp, .CMSMenuItemMouseOver, .CMSMenuItemMouseDown, .CMSMenuHighlightedMenuItem, .CMSMenuHighlightedMenuItemMouseUp, .CMSMenuHighlightedMenuItemMouseDown, .CMSMenuHighlightedMenuItemMouseOver { color: white; background-image: url(../app_themes/dtfacanada/Images/menuitem.gif); text-indent: 18px; } .CMSMenuHighlightedMenuItem, .CMSMenuHighlightedMenuItemMouseUp, .CMSMenuHighlightedMenuItemMouseDown, .CMSMenuHighlightedMenuItemMouseOver { color: #8cb8ce; background-image: url(../App_Themes/dtfacanada/Images/highlightedmenuitem.gif); } .Footer { background-image: url(../App_Themes/dtfacanada/Images/footer_hrz.png); } .DarkBlueTitle { color: #e51837; border-bottom-color: #625e5b; } ul.CMSListMenuUL { margin: 0; list-style-type: none; } ul.CMSListMenuUL li { margin-left: 0; padding-bottom: 5px; padding-left: 10px; background: url(../App_Themes/dtfacanada/Images/Blue/arrow.gif) no-repeat 0 5px; font-size: 1.125em; color: #008dcf; } ul.CMSListMenuUL li.CMSListMenuHighlightedLI { font-weight: bold; color: #e51837; background: url(../App_Themes/dtfacanada/Images/Red/arrow.gif) no-repeat 0 5px; } /* Sidebars */ .BlueRightSideBar { float: right; margin-left: 20px; margin-bottom: 20px; width: 204px; max-height: 810px; background: #f1f6f9 url(../App_Themes/dtfacanada/Images/sidebar-lb-top.gif) no-repeat; } .BlueRightSideBar .top { padding: 10px 10px 0 10px; width: 184px; } .BlueRightSideBar .bottom { margin: 0; width: 204px; height: 10px; background: #f1f6f9 url(../App_Themes/dtfacanada/Images/sidebar-lb-bot.gif) no-repeat; } .Content .Area table table.SidebarBlueCreme { margin-left: 15px; margin-right: 0; width: 223px; border: solid 1px #008dcf; } .Content .Area table table.SidebarBlueCreme th { height: 34px; line-height: 34px; color: white; font-size: 1.375em; background: #008dcf; text-align: center; } .Content .Area table table.SidebarBlueCreme td { background: #fefaf2; color: #625e5b; padding: 8px; } /* Custom menu */ .SubCMSMenu { background: #afd3e5; } .StepMenu { clear: left; color: #afd3e5; width: 166px; /* 145px is minimum */ margin-right: 44px; height: 70px; font-size: 1.125em; font-weight: bold; background: url(../App_Themes/dtfacanada/Images/stepmenu_downarrow.gif) no-repeat; } .StepMenuLast { background: none; } .StepMenu .StepMenuNumber a { float: left; width: 36px; height: 60px; color: white; font-size: 1.5em; font-family: Arial Black, Arial, Helvetica, sans-serif; text-align: center; padding: 4px 3px 6px 7px; background: url(../App_Themes/dtfacanada/Images/stepmenu_regular.gif) no-repeat; } .StepMenuLast .StepMenuNumber a { background: url(../App_Themes/dtfacanada/Images/stepmenu_last.gif) no-repeat; } .StepMenuHighlighted a { color: #e5173f; } .StepMenuHighlighted .StepMenuNumber a { background: url(../App_Themes/dtfacanada/Images/stepmenu_highlighted.gif) no-repeat; } .StepMenuLast .StepMenuHighlighted a { background: url(../App_Themes/dtfacanada/Images/stepmenu_last_highlighted.gif) no-repeat; } .StepMenu a { text-decoration: none; } .BackgroundNumber { position: absolute; left: 210px; top: 109px; z-index: 0; color: #f3f8fb; font-size: 346px; font-family: Arial Black, Arial, Helvetica, sans-serif; } /* Page specific */ table.HowYouCanHelp td { border-top: solid 1px #625e5b; } .Content .Area table table.AdoptionProcess5 { margin-top: 20px; border-top: #079dd6 1px solid } .Content .Area table table.AdoptionProcess5 td { padding: 0; } .Content .Area table table.AdoptionProcess5 td h2 { display: inline; } /* Adoption Resources */ .AdoptionResources { position: relative; margin-top: 45px; } .AdoptionResources .Navigation { float: left; width: 203px; height: 565px; margin-right: 24px; z-index: 20; } .AdoptionResources .Navigation h1 { color: #e51837; margin-top: 0; margin-bottom: 15px; } .AdoptionResources .Content { position: relative; width: 653px; margin-left: auto; margin-right: 0; z-index: 20; } .AdoptionResources .Content div.Wrapper { margin: auto; width: 556px; background: white; -webkit-box-shadow: 10px 12px 18px #e9f5f8; -moz-box-shadow: 10px 12px 18px #e9f5f8; box-shadow: 10px 12px 18px #e9f5f8; } .AdoptionResources .Content .Wrapper .hdr { height: 35px; line-height: 35px; padding: 0 14px; color: white; background: #afd3e5; font-weight: bold; font-size: 1.375em; } .AdoptionResources .Content .Wrapper .bdy { width: 526px; padding: 15px; color: #635c4e; min-height: 95px; _height: 95px; } .AdoptionResources .Content .Wrapper .bdy .flag { width: 98px; height: 48px; float: right; margin-top: 4px; margin-bottom: 19px; margin-right: 4px; } .AdoptionResources .Content .Wrapper .bdy .item { margin-bottom: 15px; } .AdoptionResources .Content .Wrapper .bdy .item .name { font-weight: bold; } .AdoptionResources .Content .Wrapper .bdy .item .name a { color: #635c4e; text-decoration: none; } .AdoptionResources .BackgroundMap { position: absolute; top: 45px; right: 10px; z-index: 1; width: 684px; height: 501px; background-image: url(../App_Themes/dtfacanada/Images/map_of_canada.gif); } /* Web part container "Narrow Blue" */ .Content .Area table .NarrowBlue { width: 204px; margin-left: 0; } .Content .Area table .NarrowBlue tr.hdr, .Content .Area table .NarrowBlue tr.ftr { height: 8px; } .Content .Area table .NarrowBlue tr.hdr td, .Content .Area table .NarrowBlue tr.ftr td { width: 204px; height: 8px; } .Content .Area table .NarrowBlue tr.hdr td { background: url(../app_themes/dtfacanada/Images/Blue/narrowbluetop.gif) no-repeat; } .Content .Area table .NarrowBlue tr.bdy td.content { width: 204px; vertical-align: top; background: #f2f7fa url(/app_themes/dtfacanada/Images/Blue/narrowblue.gif) repeat-y; color: #86817d; padding: 2px 10px; font-size: 0.875em; } .Content .Area table .NarrowBlue tr.ftr td { background: url(../app_themes/dtfacanada/Images/Blue/narrowbluebottom.gif) no-repeat; }