/* FEATURE AREAS */ /*--------------------------*/ /* Overview */ #overview #feature-area { height: 320px; background: url(/global_images/fm11/fmp/overview/feature_overview.jpg) no-repeat 0 0; } #overview #feature-area h2 { height: 80px; margin-left: 440px; color: #000; padding-top: 50px; font-size: 300%; } #overview #feature-area ul { margin-left: 270px; } #overview #feature-area li { float: left; position: relative; width: 110px; height: 120px; text-align: center; } #overview #feature-area span { display: block; width: 110px; position: absolute; bottom: 15px; text-align: center; } #overview #feature-area a { color: #9b198a; } #overview #feature-area a.more { background-image: url(/global_images/buttons/fm11/arrow_purple_right.png); } #overview #feature-area .see-more { clear: both; padding-top: 30px; text-align: right; margin-right: 30px; } body.whats-new #feature-area { width: 960px; height: 480px; margin: -20px 0 0 -20px; padding: 20px 20px 0 20px; } .feature-links { } .feature-links li { float: left; margin-left: 10px; } /* Whats New */ #whats-new-chart #feature-area { background: #fff url(/global_images/fm11/fmp/whats_new_charts/feature_whats_new_chart.jpg) no-repeat 0 0; } #whats-new-chart #feature-area h2 { height: 48px; text-align: center; color: #fff; font-size: 300%; margin: 0; padding: 0; } #whats-new-chart #feature-area h3 { height: 25px; text-align: center; color: #fff; font-size: 150%; margin: 0 0; padding: 0;} #whats-new-chart #feature-area ul { margin: 380px 10px 0 0; float: right; } #whats-new-boost #feature-area { background: #fff url(/global_images/fm11/fmp/whats_new_boost/feature_whats_new_boost.jpg) no-repeat 0 0; } #whats-new-boost #feature-area h2 { height: 48px; background: url(/global_images/fm11/fmp/whats_new_boost/heading1_whats_new_boost.png) no-repeat 50% 3px; text-align: center; color: #fff; font-size: 250%; margin: 0; padding: 0; text-indent: -5000px; } #whats-new-boost #feature-area h3 { height: 25px; background: url(/global_images/fm11/fmp/whats_new_boost/heading2_whats_new_boost.png) no-repeat 50% 0;text-align: center; color: #fff; font-size: 150%; margin: 0 0; padding: 0; text-indent: -5000px; } #whats-new-boost #feature-area ul { margin: 380px 10px 0 0; float: right; } #whats-new-better #feature-area { background: #fff url(/global_images/fm11/fmp/whats_new_better/feature_whats_new_better.jpg) no-repeat 0 0; } #whats-new-better #feature-area h2 { height: 48px; background: url(/global_images/fm11/fmp/whats_new_better/heading1_whats_new_better.png) no-repeat 50% 3px; text-align: center; color: #fff; font-size: 250%; margin: 0; padding: 0; text-indent: -5000px; } #whats-new-better #feature-area h3 { height: 25px; background: url(/global_images/fm11/fmp/whats_new_better/heading2_whats_new_better.png) no-repeat 50% 0;text-align: center; color: #fff; font-size: 150%; margin: 0 0; padding: 0; text-indent: -5000px; } #whats-new-better #feature-area ul { margin: 380px 10px 0 0; float: right; } /* WHAT'S NEW TAB NAV */ /*-------------------------*/ #fmp-nav { position: relative; margin: 0 0 40px -19px; width: 998px; background: url(/global_images/fm11/fmp/bg_tab_nav_up.png) repeat-x 0 100%; border: 1px solid #d0d0d0; border-left: 0; border-right: 0; } #fmp-nav li { padding: 0; position: relative; display: block; float: left; width: 332px; height: 105px; border-right: 1px solid #d0d0d0; } #fmp-nav li.selected { background: url(/global_images/fm11/fmp/bg_tab_nav_selected.png) repeat-y 50% 0; } #fmp-nav li.last { border-right: 0; } #fmp-nav a { display: block; border-top: 1px solid #fff; height: 105px; } #fmp-nav a:hover { text-decoration: none; } #fmp-nav li:hover { background-image: url(/global_images/fm11/fmp/bg_tab_nav_over.png); cursor: pointer; } #fmp-nav li.selected:hover { background: url(/global_images/fm11/fmp/bg_tab_nav_selected.png) repeat-y 50% 0; } #fmp-nav li.selected a { border-top: 1px solid #eee } #fmp-nav img { float: left; margin: 17px 20px 0 20px; } #fmp-nav h4 { margin: 20px 0 0 0; font-size: 110% !important; } #fmp-nav h4 { text-shadow: -1px -1px 1px #fff; -moz-text-shadow: -1px -1px 1px #fff; -webkit-text-shadow: -1px -1px 1px #fff; } #fmp-nav p { margin: 3px 0 0 0; } #fmp-nav li.selected a h4 { color: #000; font-weight: bold; } #fmp-nav li a p { color: #333; } #fmp-nav .arrow { display: none; } #fmp-nav li.selected .arrow { display: block; position: absolute; bottom: -11px; left: 140px; } /* CONTENT */ /*-------------------------*/ /* General */ .feature { clear: both; margin-bottom: 20px; } .feature h3 { font-weight: bold; } .feature .callout { margin-top: 20px; margin-bottom: 20px; width: 380px; height: 100px; padding: 10px; background: url(/global_images/fm11/fmp/bg_callout.png) repeat-x 0 100%; } .feature .callout img { float: left !important; margin-left: 0 !important; margin-top: 0 !important; } .feature .callout h4, .feature .callout p { margin-left: 140px !important; } .feature .callout h4 { padding-top: 10px; } /* Image right */ .feature.img-right img { float: right; margin-right: 30px; } .feature.img-right h3, .feature.img-right p { width: 400px; margin-left: 20px; } .feature.img-right .callout { margin-left: 20px; } /* Image left */ .feature.img-left img { float: left; margin-right: 30px; } .feature.img-left h3 { padding-top: 20px; } .feature.img-left h3, .feature.img-left p, .feature.img-left .callout { margin-right: 40px; margin-left: 400px; } /* Exceptions */ #feature-scripting { padding-top: 30px; } #feature-scripting h3 { margin-top: 20px; } #feature-spreadsheet { margin-top: 55px; } #feature-spreadsheet img { margin-left: -19px; } #feature-assistant { padding-top: 10px; } #feature-snapshot { padding-top: 30px; } #feature-snapshot h3 { padding-top: 0; } #feature-snapshot h3, #feature-snapshot p, #feature-snapshot .callout { margin-left: 500px; } #feature-inspector .callout { margin-left: 450px; } #feature-snapshot img { margin-top: 10px; } #feature-recurring { padding-top: 30px; } #feature-recurring img { margin-top: 0; } #feature-portal { padding-top: 30px; } #feature-portal .callout { margin-left: 458px !important; } body#whats-new-boost .feature.img-left h3, body#whats-new-boost .feature.img-left p, body#whats-new-boost .feature.img-left .callout { margin-left: 490px; } #feature-badges h3 { padding-top: 30px; } /* Overview (/products/filemaker-pro/) */ /*------------------------------------------------------------*/ #overview .callout { margin-top: 20px; background: url(/global_images/fm11/fmp/bg_overview_callout.png) repeat-x 0 0; } #overview .callout#feature-list { margin-top: 30px; } #overview .feature { clear: none; width: 48%; float: left; padding-right: 20px; } #overview .feature.end { padding-right: 0; } #overview .feature img { float: left; } #overview .feature p { margin-left: 100px; } #overview .feature p.learn-more { margin-left: 0; } /* What's New Pages */ /*------------------------------------------------------------*/ .section-head { margin-bottom: 5px !important; } .section-subhead { color: #616161; margin-bottom: 30px !important; } #feature-quickstart { padding-top: 40px; } #feature-quickstart h3 { padding-top: 30px; } #feature-quickstart img { margin-right: -19px; } #feature-inspector img { margin-top: 15px; margin-left: 25px; } #feature-text img { float: left; } #feature-text h3, #feature-text p { margin-left: 140px; width: 270px; } body#whats-new-better .feature.img-left h3, body#whats-new-better .feature.img-left p, body#whats-new-better .feature.img-left .callout { margin-left: 490px; } #feature-scripting { padding-top: 20px; } #feature-scripting h3 { margin-top: 20px; } body#whats-new-better .oftwo { margin-top: 30px; width: 43%; } body#whats-new-better .oftwo h3 { font-weight: bold; color: #555; } body#whats-new-better .firstcolumn.oftwo { margin-left: 20px; margin-right: 60px; } body#whats-new-better .firstcolumn.oftwo img { margin-top: -15px; } #bottom-nav { clear: both; float: right; margin-top: 30px; } #bottom-nav li { float: left; margin-left: 20px; } #bottom-nav a.top { padding-right: 11px; padding-left: 0; background-position: 100% 5px; } .more-bubble { padding: 3px 20px 3px 0; background: url(/global_images/buttons/fm11/arrow_blue_right_bubble.png) no-repeat 100% 3px; } /* Charting (/products/filemaker-pro/charting.html) */ /*------------------------------------------------------------*/ body#charting img.right { margin-left: 20px; } body#charting .feature .callout h4, body#charting .feature .callout p { margin-left: 150px !important; } .callout.short { width: 270px; } .task-description { margin-left: 320px; } .task-description li { padding: 7px 0 7px 50px; } #bar-charts { background: url(/global_images/fm11/fmp/icon_bar_charts.png) no-repeat 0 8px; } #line-charts { background: url(/global_images/fm11/fmp/icon_line_charts.png) no-repeat 0 7px; } #area-charts { background: url(/global_images/fm11/fmp/icon_area_charts.png) no-repeat 0 7px; } #pie-charts { background: url(/global_images/fm11/fmp/icon_pie_charts.png) no-repeat 0 8px; } .callout.learn-more .firstcolumn { border-right: 1px solid #cdcdcd; } .callout.learn-more .lastcolumn { border-left: 1px solid #fff; padding-left: 20px; } .callout.learn-more .lastcolumn p { margin-top: 30px; } /* All Features (/products/filemaker-pro/all-features.html) */ /*------------------------------------------------------------*/ body#all-features h2.topmost { margin-bottom: 5px; } body#all-features h5 { margin: 20px 0 10px 0; } .ver-nav li { float: left; } .ver-nav li a { display: block; line-height: 13px; margin-right: 15px; border-right: 1px solid #0082c3; padding-right: 15px; } .ver-nav li.last a { border-right: 0; } body#all-features table#all-features { margin-top: 30px; width: 100%; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;} body#all-features table#all-features th.first { border-right: 1px solid #ddd; } body#all-features table#all-features td { padding: 15px 15px; border-right: 1px solid #ddd; text-align: left !important; } body#all-features table#all-features tr:nth-child(even) { background-color:#eee; } body#all-features .theading { background: #87006c !important; color: #fff; font-size: 12px !important;} body#all-features .theading td, body#all-features .theading th { font-weight: bold; padding: 8px 15px; } /* Video Tutorials (/products/filemaker-pro/video_tutorials.html) */ /*------------------------------------------------------------*/ body#video .callout { background: #fff; padding: 20px 0 20px 20px !important; } body#video .video { position: relative; width: 210px; height: 270px; margin-right: 20px; float: left; } body#video .video.end { margin-right: 0; } body#video .video img { position: absolute; top: 0; left: 0 ; } body#video .video h4 { margin-top: 100px; font-size: 110% !important; font-weight: bold; } body#video .video-button { display: block; position: absolute; top: -8px; left: -8px; width: 19px; height: 19px; text-indent: -5000px; background: url(/global_images/fm11/fmp/overlaynav_enlarge_movie.png) no-repeat 0 0; } body#video .description h3 { font-weight: bold !important; } body#video .watchvideo { margin: 0 !important; } body#video #video-promo { display: block !important; } body#video #fts-promo { display: none; } body#video #video-promo p { margin-bottom: 0; } .logo-vtc { padding: 25px 10px 0 20px; float: left; } .logo-lynda { float: left; } body#all-features #buy-box { width: 200px; float: right; } /* SIDEBAR */ /*----------------------*/ .sidebar-links { margin-top: 10px; background-image: url(/global_images/sidebar/sidebar_bg_bottom_purp.png); } .sidebar-links h2 { color: #6b0863 !important; background-image: url(/global_images/sidebar/sidebar_bg_heading_purp.png); }