/* Layout Overrides -----------------------*/ #globalNav { width: 1000px !important; background: #f2f2f2 url(/global_images/globalnav/top_bg_blue.png) no-repeat 0 0 !important; } #globalHelp { float: right; text-align: right; padding-right: 10px !important; } /* The following styles are combination of styles from the following css files on the live site: */ /* /site/css/layout.css /site/css/common.css /products/css/products.css /products/filemaker-pro/css/fmp.css */ /*-------------------------------------------------*/ /* Full width class */ body.full #lower-area { width: 100%; } body.full #right-col { display: block; } /* GENERAL */ /*-------------------------------------------------*/ #lower-area h2 { color: #222 !important; letter-spacing: -.04em; } #lower-area h2, #lower-area h3, #lower-area h4, #lower-area h5, #lower-area h6 { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; } #lower-area h3 { color: #222; font-weight: bold; font-size: 130%; } #lower-area h4 { font-weight: bold; font-size: 120%; } .intro { color: #8c8c8c; font-size: 140%; } .intro.intro-main { color: #333; font: normal 120%/150% "Lucida Grande", Helvetica, Arial, sans-serif; } #buy-box h4 { font-size: 120%; } img.before { float: left; margin: 5px 30px 0 0; } img.after { float: right; margin: 5px 0 0 30px; } #lower-area .left { float: left; margin: 0 20px 10px 0; } #lower-area .right { float: right; margin: 0 0 10px 20px; } h2.topmost { margin-bottom: 3px !important; } #sub-header h2 { font-size: 210%; margin-top: 26px; } #lower-area .button-gray { display: inline; } .callout { background: #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #ddd; padding: 20px; } .callout { background: url(/global_images/fm11/fmp/bg_overview_callout.png) repeat-x 0 0; } /* Lists */ /*-------------------------*/ #lower-area ul.bulleted, #lower-area ol { margin: 0 0 10px 25px; } #lower-area ul.bulleted li { list-style: disc; } #lower-area ul.bulleted ul { margin-left: 15px; } #lower-area ul.link-list { margin: 0 0 10px 18px; } #lower-area ul.link-list li a { padding-left: 8px; background: url(/global_images/fm11/buttons/arrow_blue_right.gif) no-repeat 0 4px; } #lower-area ul.link-list.jump li a { padding-left: 12px; background: url(/global_images/fm11/buttons/arrow_blue_down.gif) no-repeat 0 6px; } #lower-area ul.indent { margin-left: 25px; } /* Columns */ /*-------------------------*/ .oftwo { width: 45%; float: left; padding-right: 10px; } /* More Info (at the bottom of some pages) */ /*-------------------------------------------------*/ .more-info { margin-top: 30px; padding-top: 20px; border-top: 1px solid #ddd; background: url(/global_images/fm11/fmp/icon_learnmore.png) no-repeat 0 20px; } .more-info h3, .more-info p { margin-left: 70px !important; } .more-info ul { margin-left: 90px !important; } /* BOTTOM CALLOUT */ /*-------------------------------------------------*/ #callout-bottom { margin: 25px 0; padding-top: 10px; background: url(/global_images/fm11/fmp/bg_bottom_callout_top.png) no-repeat 0 0; } .callout-bottom-wrapper { padding: 0 20px 0 20px; background: url(/global_images/fm11/fmp/bg_bottom_callout_bottom.png) no-repeat 0 100%; } #callout-bottom .offour { margin-top: 10px; padding: 0 10px; width: 225px; float: left; text-align: center; } #callout-bottom .firstcolumn { padding-left: 0; } #callout-bottom .lastcolumn { padding-right: 0; } #callout-bottom h3 { font: normal 130% "Helvetica Neue", Helvetica, Arial, sans-serif; } #callout-bottom h3 a { color: #333; text-decoration: none; } #callout-bottom p { margin: 5px 0; color: #616161; } #upgrade img { float: left; margin: 10px 20px 0 0; } #upgrade p { text-align: left; } /* SIDEBAR */ /*-------------------------*/ .sidebar-links { width: 223px; background: url(/global_images/sidebar/sidebar_bg_bottom.png) no-repeat 0 100%; margin-bottom: 10px; padding: 40px 1px 1px 1px; position: relative; } .sidebar-links h2 { width: 225px; position: absolute; left: 0; top: 0; height: 23px; padding: 10px 0 0 20px; margin: 0 !important; font-size: 120% !important; background: url(/global_images/sidebar/sidebar_bg_heading.png) no-repeat 0 0; } #info-for-you h2, #help-before-you-buy h2 { width: 225px; position: absolute; left: 0; top: 0; height: 23px; padding: 10px 0 0 20px; margin: 0 !important; font-size: 120% !important; background: url(/global_images/sidebar/sidebar_bg_heading_fms.png) no-repeat 0 0; } .sidebar-links li { list-style: none; } .sidebar-links li span { display: block; padding: 0 10px; } .sidebar-links li a { display: block; padding: 10px 20px 10px 10px; text-decoration: none; border-bottom: 1px solid #ddd; background: url(/global_images/sidebar/arrow_gray_circle.png) no-repeat 95% 12px; } .sidebar-links li a:link { color: #616161; } .sidebar-links li a:visited { color: #616161; } .sidebar-links li a:hover { color: #000; background-image: url(/global_images/sidebar/arrow_gray_circle.png); } .sidebar-links li a:active { color: #000; } .sidebar-links li.first a { border-top: 0 !important; } .sidebar-links li.last a { border-bottom: 0; } .sidebar-links p { padding: 10px 20px; color: #616161; } .sidenav-sub { display: none; } /* hide on load, show on the page level */ .sidenav-sub.selected { display: block; } .sidenav-sub ul { margin-left: 0 !important; background: #fff; } .sidenav-sub ul span { padding-left: 10px !important; } .sidenav-sub li a { color: #616161 !important; padding: 8px 0px 8px 20px !important; background: url(/global_images/sidebar/arrow_gray.png) no-repeat 185px 9px !important; border: 0; } .sidenav-sub li.last a { border-bottom: 1px solid #ddd; } .sidenav-sub li.selected a { background: url(/global_images/sidebar/arrow_black.png) no-repeat 185px 9px !important; } /* Sidebar Selected Top Level ------------------------------*/ .sidebar-links li.selected { margin-top: -1px; } .sidebar-links ul li ul li.selected { margin-top: -1px; } .sidebar-links li.selected a { font-weight: bold; color: #000; background-image: url(/global_images/sidebar/arrow_black_circle.png); } .sidebar-links li.selected ul a { font-weight: normal; } .sidebar-links li.selected ul li.selected a { font-weight: bold; color: #000 !important; } .sidebar-links-11 li { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .sidebar-links-11 li { border: 1px solid #d9cae0; margin-bottom: 5px; background: url(/global_images/fm11/fmp/bg_buy_now.png) repeat-x 0 15%; } .sidebar-links-11 li:hover { background: url(/global_images/fm11/fmp/bg_buy_now.png) repeat-x 0 22%; } .sidebar-links-11 li a { color: #6b0863; padding: 8px 20px; display: block; background: url(/global_images/fm11/fmp/arrow_purple_right.png) no-repeat 95% 13px; } #right-col blockquote { margin: 10px 0; border-bottom: 1px solid #c094be; background: url(/global_images/fm11/fmp/icon_quotes_start.png) no-repeat 0 0; } #right-col blockquote.first { margin-top: 30px; } #right-col blockquote.last { border: 0; } #right-col blockquote p { color: #541b4d; padding: 6px 25px; background: url(/global_images/fm11/fmp/icon_quotes_end.png) no-repeat 97% 100%; } #right-col blockquote p.author { margin-left: 20px; font-weight: bold; background: none; } /* Buy Box */ /*-------------------------*/ #buy-box { height: 100px; padding: 10px 15px; margin-bottom: 10px; background: url(/global_images/fm11/fmp/bg_buy_now.png) repeat-x 0 0; border: 1px solid #d9cae0; } #buy-box { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #buy-box.server { background-image: url(/global_images/fm11/fmp/bg_buy_now.png) !important; border: 1px solid #A99BCF; } #buy-box.server a { color: #431ca6; } #buy-box a { color: #6b0863; background-image: url(/global_images/fm11/fmp/arrow_purple_right.png); } #buy-box img, #buy-box-server img { float: left; } #buy-box h4 { margin: 5px 0 5px 80px; } #buy-box p, #buy-box-server p { margin: 0 0 5px 80px; } /* SUB-NAV */ /*-------------------------*/ #sub-header { height: 72px; } #sub-header h2 { margin-top: 26px; font: normal 170% "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 32px 0 0 20px; float: left; } #sub-nav { float: right; margin-top: 40px; margin-right: 15px; } #sub-nav li { float: left; font-size: 90%; } #sub-nav a { text-decoration: none; padding: 5px 10px; font-size: 1.1em; } #sub-nav a:link { color: #616161; } #sub-nav a:visited { color: #616161; } #sub-nav a:hover { color: #06f; } #sub-nav a:active { color: #616161; } #sub-header h2 a:link { color: #333; } #sub-header h2 a:visited { color: #333; } #sub-header h2 a:hover { color: #06f; text-decoration: none; } #sub-header h2 a:active { color: #333; } #sub-nav li.selected a { color: #000; } /* FOR SUB2-NAV IN PRODUCTS SECTION */ #main { background-position: 0 -10px; } #main { width: 998px; border-top: 0; } #main { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-leftradius: 0; } .subnav-button { display: none; } /* BUTTONS */ /*-------------------------*/ /* Expandable Blue Button */ /*-------------------------*/ .button, .button span { background: url(/global_images/buttons/fm11/bg_button_blue_left.png) no-repeat 0 0; padding: 8px 0 8px 0; font-size: 11px; } .button span { margin-left: 13px; height: 30px; background: url(/global_images/buttons/fm11/bg_button_blue_right.png) no-repeat 100% 0; padding: 8px 20px 8px 7px; color: #fff; } .button a { text-decoration: none; } .button.red { background-image: url(/global_images/buttons/fm11/bg_button_red_left.png); } .button.red span { background-image: url(/global_images/buttons/fm11/bg_button_red_right.png); } .button.gray { background-image: url(/global_images/buttons/fm11/bg_button_gray_left.png); } .button.gray span { background-image: url(/global_images/buttons/fm11/bg_button_gray_right.png); } /* Button styling */ .button-gray { display: block; padding: 4px 15px; font: normal .9em "Helvetica Neue", Helvetica, Arial, sans-serif; color: #616161; text-decoration: none !important; letter-spacing: .03em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .button-blue, .button-green, .button-red, .button-purple, .button-dpurple, .button-bluepurp { display: block; padding: 4px 13px !important; font: normal .9em "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #616161; text-decoration: none !important; letter-spacing: .05em; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; text-shadow: 1px 1px 1px #333; -moz-text-shadow: 1px 1px 1px #333; -webkit-text-shadow: 1px 1px 1px #333; } .button-gray { color: #333 !important; background: url(/global_images/buttons/fm11/bg_button_gray.png) repeat-x 0 0; border: 1px solid #ccc; } .button-blue { color: #fff !important; background: #2060A6 url(/global_images/buttons/fm11/bg_button_blue.png) repeat-x 0 0; border: 1px solid #173174; } .button-green { color: #fff !important; background: #508C64 url(/global_images/buttons/fm11/bg_button_green.png) repeat-x 0 0; border: 1px solid #34684c; } .button-red { color: #fff !important; background: #76020E url(/global_images/buttons/fm11/bg_button_red.png) repeat-x 0 0; border: 1px solid #350104; } .button-purple { color: #fff !important; background: #481345 url(/global_images/buttons/fm11/bg_button_purple.png) repeat-x 0 0; border: 1px solid #481345; } .button-dpurple { color: #fff !important; background: #461e91 url(/global_images/buttons/fm11/bg_button_dpurple.png) repeat-x 0 0; border: 1px solid #6e3483; } .button-bluepurp { color: #fff !important; background: #2f3ecb url(/global_images/buttons/fm11/bg_button_bluepurp.png) repeat-x 0 0; border: 1px solid #2f3ecb; } .button-gray { font-size: 100%; font-weight: bold; } #sub-nav .button-red, #sub-nav .button-blue, #sub-nav .button-green, #sub-nav .button-purple, #sub-nav .button-dpurple, #sub-nav .button-bluepurp { margin-left: 15px; display: inline; font-size: 1em; } .feature-legacy .button-gray, #right-col .button-gray { display: inline; } /* COMPARE PAGES */ .button-gray { font-size: 100%; font-weight: bold; } #compare-heading, #choose-heading { display: none; } /* Compare Overview, general table styles */ /*-----------------------------------------*/ #lower-area table { margin-top: 20px; border-bottom: 1px solid #dbdbdb; } #lower-area table td { width: 150px; border-right: 1px solid #dbdbdb; padding: 10px; text-align: center; font-size: 90%; } #lower-area table td.firstcol { border-left: 1px solid #dbdbdb; width: 200px; text-align: left; } #lower-area table td.firstcol.overview { font-size: 100%; font-weight: bold; } #lower-area table thead { font-size: 125%; color: #fff; background: #0084c5 url(/global_images/fm11/compare/bg_table_head.png) no-repeat 0 0; } /* hacking bg for Safari and Chrome */ #lower-area table thead .middlecol { background: #0084c5 url(/global_images/fm11/compare/bg_table_head.png) no-repeat 50% 0; } #lower-area table thead .lastcol { background: #0084c5 url(/global_images/fm11/compare/bg_table_head.png) no-repeat 100% 0; } /* /hacky */ body.compare-fmp #lower-area table thead { background-image: url(/global_images/fm11/compare/bg_table_head_server_710px.png); } /* hacking bg for Safari and Chrome */ body.compare-fmp #lower-area table thead .middlecol { background: #0084c5 url(/global_images/fm11/compare/bg_table_head_server_710px.png) no-repeat 50% 0; } body.compare-fmp #lower-area table thead .lastcol { background: #0084c5 url(/global_images/fm11/compare/bg_table_head_server_710px.png) no-repeat 100% 0; } /* /hacky */ #lower-area table thead td { vertical-align: middle; border-left: 1px solid #1e7ebd; border-right: 0; } #lower-area table thead .firstcol { border-left: 0; } #lower-area table td.sharing { text-align: center; font-size: 13px; } #lower-area table tr.heading { font-size: 125%; color: #fff; background: #3857e7 url(/global_images/fm11/compare/bg_table_header.png) repeat-x 0 0; } #lower-area table tr.heading td { border-left: 1px solid #3857e7; border-right: 1px solid #3857e7; } .bento-col, .fmpa-col { border-right: 1px solid #999; } .available { vertical-align: middle; color: #616161; font-size: 220% !important; } .even { background: #efefef; } /* vertical align */ .bento-col, .fmpa-col, .fmp-col, .fms-col, .fmsa-col { vertical-align: middle; } tr.boxshots-row td, tr.more-info td { vertical-align: top; } tr.boxshots-row img { margin-top: 10px; } td h4 { padding-top: 15px; } .fmp-required { background: #fff; vertical-align: middle; line-height: 150%; color: #999; font: normal 150% "Helvetica Neue", Helvetica, Arial, sans-serif; } .fmp-required img { margin: 25px 0 15px 0; } .specs-link { display: block; } .more-info td { text-align: left; } .more-info p { margin-bottom: 0; } /* FMP vs FMPA */ /*-----------------------------------------*/ body.compare-fmp table thead { background-image: url(/global_images/fm11/compare/bg_table_head_server_710px.png); } body.compare-fmp table thead td { font-weight: normal !important; border-left: 1px solid #dbdbdb !important; color: #6b0863; font-size: 80%; } body.compare-fmp .firstcol { font-weight: bold; } body.compare-fmp .feature-head { background: #7B1E70; color: #fff; font-weight: normal; padding: 10px; } body.compare-fmp table .new { color: #7B1E70; } /* FMS vs FMSA */ /*-----------------------------------------*/ body.compare-fms table thead { background-image: url(/global_images/fm11/compare/bg_table_head_server_710px.png) !important; } /* hacky for Safari and Chrome */ body.compare-fms table thead .middlecol { background: #3857e7 url(/global_images/fm11/compare/bg_table_head_server_710px) no-repeat 50% 0 !important; } body.compare-fms table thead .lastcol { background: #3857e7 url(/global_images/fm11/compare/bg_table_head_server_710px.png) no-repeat 100% 0 !important; } /* /hacky for Safari and Chrome */ body.compare-fms table thead td { font-weight: normal !important; border-left: 1px solid #dbdbdb !important; color: #431ca6; font-size: 80%; } body.compare-fms .firstcol { font-weight: bold; } body.compare-fms .feature-head { background: #7a34ce; color: #fff; font-weight: normal; padding: 10px; } body.compare-fms table strong { color: #431ca6; } /* Compare All all.html */ /*-----------------------------------------*/ .comparison { width: 325px; padding: 10px; float: left; border: 1px solid #ddd; height: 350px; margin-right: 10px; background: #EFEFEF url(/global_images/fm11/compare/bg_compare_col.png) repeat-x 0 0; } .comparison.last { margin-right: 0; } .comparison { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .comparison p { text-align: center; } .comparison h4 { font-size: 110% !important; margin: 20px 0; } .comparison ul { margin-top: 20px !important; } .comparison li { margin-bottom: 10px; } body#compare-home #free-trials { padding-bottom: 10px; } body#compare-home #free-trials a { background: none; border: none; padding-top: 10px; padding-bottom: 10px; } body#compare-home #sidenav-fmp-trial { background: url(/global_images/fm11/compare/icon_sidebar_fmp_trial.png) no-repeat 10px 3px; padding-left: 40px; } body#compare-home #sidenav-fms-trial { background: url(/global_images/fm11/compare/icon_sidebar_fms_trial.png) no-repeat 10px 7px; padding-left: 40px; } body#compare-home #sidenav-bento-trial { background: url(/global_images/fm11/compare/icon_sidebar_bento_trial.png) no-repeat 10px 1px; padding-left: 40px; }