/* DATABASE SOLUTIONS PAGES (/datbase-solutions/) */ /*------------------------------------------------*/ /* All About Databases */ body#asset_management #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#asset_management #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/asset_management_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#asset_management #feature-area { height: 444px; background: url(/database-solutions/images/feature_asset_management.png) no-repeat 0 0; } /* Customer Database */ body#customer_database #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#customer_database #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/customer_database_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#customer_database #feature-area { height: 444px; background: url(/database-solutions/images/feature_customer_database.png) no-repeat 0 0; } /* Email Campaigns */ body#email_campaigns #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#email_campaigns #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/email_campaigns_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#email_campaigns #feature-area { height: 444px; background: url(/database-solutions/images/feature_email_campaigns.png) no-repeat 0 0; } /* Inventory Software */ body#inventory #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#inventory #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/inventory_software_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#inventory #feature-area { height: 444px; background: url(/database-solutions/images/feature_inventory_software.png) no-repeat 0 0; } /* Resource Scheduling */ body#resource_scheduling #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#resource_scheduling #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/resource_scheduling_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#resource_scheduling #feature-area { height: 444px; background: url(/database-solutions/images/feature_resource_scheduling.png) no-repeat 0 0; } /* Task Management */ body#task_management #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#task_management #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/task_management_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#task_management #feature-area { height: 444px; background: url(/database-solutions/images/feature_task_management.png) no-repeat 0 0; } /* Time and Billing */ body#time_and_billing #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#time_and_billing #feature-area h2#made-easy { float: right; margin: 100px 0 0 550px; height: 90px; width: 389px; text-align: center; background: url(/database-solutions/images/time_and_billing_made_easy_header.png) no-repeat 50% 0; text-indent: -5000px; } body#time_and_billing #feature-area { height: 444px; background: url(/database-solutions/images/feature_time_and_billing.png) no-repeat 0 0; } /* NEW TO DATABASES PAGES (/articles/database/) */ /*------------------------------------------------------*/ /* New to Databases pages feature graphic overrides */ body.new-to-databases #main { padding-top: 1px; position: relative; } body.new-to-databases #feature-area { position: absolute; top: 1px; left: 1px; width: 100%; } body.new-to-databases #feature-area p { float: none; } body.new-to-databases #lower-area, body.new-to-databases #right-col { margin-top: 260px; } /* General */ body.new-to-databases #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } /* A Mac Database */ body#mac-db #feature-area h2#title { float: left; margin: 60px 0 0 470px; height: 72px; width: 497px; text-align: center; background: url(/database-basics/images/headline_a_mac_database.png) no-repeat 0 0; text-indent: -5000px; } body#mac-db #feature-area p#title-intro { float: right; width: 420px; margin: 10px 106px 0 0; color: #666;} body#mac-db #feature-area { height: 239px; background: url(/database-basics/images/feature_a_mac_database.png) no-repeat 0 0; } body#mac-db h3, div#bento-mac h3 { font-weight: bold; font-size: 14px; } div#bento-mac { border-top: 1px solid rgb(221, 221, 221); margin-top: 10px; } div#bento-mac img.img-left { float: left; padding-right: 10px; margin-top: 20px; } h4#bento-mac-title { margin-top: 20px; } /* A Windows Database */ body#windows-db #feature-area h2#title { float: left; margin: 60px 0 0 470px; height: 72px; width: 497px; text-align: center; background: url(/database-basics/images/headline_windows_db.png) no-repeat 0 0; text-indent: -5000px; } body#windows-db #feature-area p#title-intro { float: right; width: 420px; margin: 10px 106px 0 0; color: #666;} body#windows-db #feature-area { height: 239px; background: url(/database-basics/images/feature_a_windows_database.png) no-repeat 0 0; } body#windows-db div#share-windows { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; } body#windows-db div#share-windows p#intro { margin-top: 40px; } body#windows-db div#share-windows .lower-box { height: 70px; } .last { border-bottom: none !important; } /* Easy Database */ body#easy-db #feature-area h2#title { float: right; margin: 60px 0 0 470px; height: 72px; width: 497px; text-align: center; background: url(/database-basics/images/headline_easy_db.png) no-repeat 0 0; text-indent: -5000px; } body#easy-db #feature-area p#title-intro { float: right; width: 420px; margin: 10px 71px 0 0; color: #666;} body#easy-db #feature-area { height: 239px; background: url(/database-basics/images/feature_easy_db.png) no-repeat 0 0; } body#easy-db #lower-area h3 { font-weight: bold; font-size: 14px !important; padding-bottom: 10px; } div#easy-db-lower { border-top: 1px solid rgb(221, 221, 221); margin-top: 20px; } div#easy-db-lower p#intro { margin-top: 20px; } div#easy-db-lower .lower-box { height: 100px; border-bottom: 1px solid rgb(221,221,221); } #easy-db-lower .first { margin-top: -20px !important; } .last { border-bottom: none !important; } p#intro { padding: 20px 0 0 0 !important; } img.img-left { float: left; padding-right: 20px !important; } /* Web Database */ body#web-db #sub-header h2 { width: 255px; height: 23px; background: url(/database-solutions/images/all_about_databases_header.png) no-repeat 0 0; } body#web-db #feature-area h2#title { float: right; margin: 40px 0 0 470px; height: 72px; width: 497px; text-align: center; background: url(/database-basics/images/headline_web_db.png) no-repeat 0 0; text-indent: -5000px; } body#web-db #feature-area p#title-intro { float: right; width: 420px; margin: 0 71px 0 0; color: #666;} body#web-db #feature-area { height: 239px; background: url(/database-basics/images/feature_web_db.png) no-repeat 0 0; } body#web-db h3 { font-weight: bold; font-size: 14px; } body#web-db ul.create-db { margin-left: 50px !important; padding-bottom: 20px; } body#web-db ul.create-db li { list-style: disc; color: #0088da; } body#web-db ul.create-db li span { color: #000; } body#web-db div#web-db-lower { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; } body#web-db div#web-db-lower p#intro { margin-top: 20px; } body#web-db div#web-db-lower .lower-box { height: 70px; border-bottom: 1px solid rgb(221,221,221); } .last { border-bottom: none !important; } body#web-db div#web-db-lower p#intro { padding: 4px 0 0 0 !important; } body#web-db div#web-db-lower .even-lower-box { height: 120px; } body#web-db #web-db-lower .even-lower-box p#intro { padding: 15px 0 0 0 !important; } body#web-db #web-db-lower .even-lower-box p#secure { padding: 25px; 0 0 0 !important; } /* Database Tools */ body#database-tools #feature-area h2#title { float: right; margin: 40px 0 0 470px; height: 72px; width: 497px; text-align: center; background: url(/database-basics/images/headline_database_tools.png) no-repeat 50% 0; text-indent: -5000px; } body#database-tools #feature-area p#title-intro { float: right; width: 420px; margin: 5px 71px 0 0; color: #666;} body#database-tools #feature-area { height: 239px; background: url(/database-basics/images/feature_database_tools.png) no-repeat 0 0; } body#database-tools div#database-tools-lower { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; } body#database-tools div#database-tools-lower p#intro { margin-top: 20px; } body#database-tools div#database-tools-lower .lower-box { height: 100px; border-bottom: 1px solid rgb(221,221,221); } .last { border-bottom: none !important; } body#database-tools div#database-tools-lower .even-lower-box { height: 120px; } body#database-tools p#other-tools { padding-top: 30px; } /* Create A Database */ body#create-db #feature-area h2#title { float: right; margin: 40px 0 0 470px; height: 72px; width: 497px; text-align: center; background: url(/database-basics/images/headline_relational_db.png) no-repeat 50% 0; text-indent: -5000px; } body#create-db #feature-area p#title-intro { float: right; width: 420px; margin: 5px 71px 0 0; color: #666;} body#create-db #feature-area { height: 239px; background: url(/database-basics/images/feature_create_db.png) no-repeat 0 0; } body#create-db div#create-db-lower { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; } body#create-db div#create-db-lower p#intro { margin-top: 0 !important; } body#create-db div#create-db-lower .lower-box { height: 95px; border-bottom: 1px solid rgb(221,221,221); } body#create-db .lower-box img.img-left { padding: 17px 0 10px 0; } .last { border-bottom: none !important; } body#create-db div#create-db-lower .even-lower-box { height: 120px; } /* Database Management */ body#database-management #feature-area { width: 100%; height: 240px; background: url(/database-basics/images/feature_database_management.png) no-repeat 0 0; } body#database-management #feature-area h2 { margin: 30px 0 0 470px; background: url(/database-basics/images/headline_database_management.png) no-repeat 0 0; height: 72px; text-indent: -5000px; } body#database-management #feature-area p { margin-left: 470px; float: none !important; } .intro-list { margin-bottom: 15px; } .intro-list li { margin-bottom: 2px; list-style: none !important; background: url(/database-basics/images/list_bullet_blue.png) no-repeat 0 5px; padding-left: 15px; } body#database-management .diff { width: 85%; padding-right: 20px; min-height: 70px; margin-left: 20px; clear: both; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 20px; } body#database-management .diff img { float: left; margin-top: -18px; } body#database-management .diff p { margin-left: 100px; } body#database-management .diff.first { margin-top: 30px; } body#database-management .callout { width: 700px; padding-top: 10px; background: url(/database-basics/images/bg_callout_top.png) no-repeat 0 0; } body#database-management .callout div { padding: 10px 20px 20px 20px; background: url(/database-basics/images/bg_callout_bottom.png) no-repeat 100% 100%; } body#database-management .callout h4 { margin: 0 !important; padding: 0 !important; } body#database-management .callout li { padding: 5px 0 5px 38px; margin-bottom: 15px; list-style: none; } body#database-management .callout li.bullet1 { background: url(/database-basics/images/1sm.png) no-repeat 0 0; } body#database-management .callout li.bullet2 { background: url(/database-basics/images/2sm.png) no-repeat 0 0; } body#database-management .callout li.bullet3 { background: url(/database-basics/images/3sm.png) no-repeat 0 0; } body#database-management #background { margin: 10px 0; border: 1px solid #fff; padding-left: 130px; background: url(/database-basics/images/icon_mbp_database.png) no-repeat 0 20px; } /* Relational Databases */ body#relational-db #feature-area h2#title { margin: 50px 0 0 450px; height: 72px; width: 497px; background: url(/database-basics/images/headline_relational_db.png) no-repeat 0 0; text-indent: -5000px; } body#relational-db #feature-area p { margin-left: 455px; } body#relational-db #feature-area { height: 239px; background: url(/database-basics/images/feature_relational_db.png) no-repeat 0 0; } body#relational-db div#relational-db-lower { border-top: 1px solid rgb(221, 221, 221); margin-top: 30px; } body#relational-db div#relational-db-lower p#intro { margin-top: 20px; } body#relational-db div#relational-db-lower .lower-box { height: 100px; border-bottom: 1px solid rgb(221,221,221); } .last { border-bottom: none !important; } body#relational-db div#relational-db-lower .even-lower-box { height: 120px; } #examples .lower-box-intro { padding: 20px 0 0 0; } #examples ul { margin-left: 300px !important; } /* Bottom Callout Database Solutions */ #callout-bottom-db { margin-top: 20px; background: url(/database-solutions/images/bg_bottom_callout_top.png) no-repeat 0 0; padding-top: 10px; } .callout-bottom-wrapper-db { padding: 20px 20px 10px 30px; background: url(/database-solutions/images/bg_bottom_callout_bottom.png) no-repeat bottom right; } #callout-bottom-db h3 { margin-bottom: 3px; color: #333; font: normal 125% "Helvetica Neue", Helvetica, Arial, sans-serif; } #leading-promo { width: 725px; float: left; } .bento2-for-you { float: left; width: 500px; border-right: 1px solid #ddd; margin-right: 20px; padding-right: 10px; } .bento2-for-you img { float: left; margin-top: -10px; } .bento2-for-you h3, .bento2-for-you h4, .bento2-for-you p { margin-left: 110px; } .bento2-for-you h4 { color: #900; margin-bottom: 10px; font-weight: bold; } .get-bento2 { font-weight: bold; padding-top: 15px; } .get-bento2 a { display: block !important; color: #900; } #trailing-promo { width: 210px; float: right; text-align: center; } p#title-intro { float: right; width: 375px; margin: 10px 15px 0 0; line-height: 2; font-color: #333 !important;} ul#feature-buttons { float: right; margin: 30px 18px 0 0; list-style: none; } ul#feature-buttons li { display: inline; } /* Bottom Callout Database Basics */ li#learn-sharing { display: none; } #callout-bottom-basics { margin-top: 20px; background: url(/database-solutions/images/bg_bottom_callout_top.png) no-repeat 0 0; padding-top: 10px; } .callout-bottom-wrapper-basics { padding: 20px 20px 10px 30px; background: url(/database-solutions/images/bg_bottom_callout_bottom.png) no-repeat bottom right; } #callout-bottom-basics h3 { margin-bottom: 20px; color: #333; font: normal 150% "Helvetica Neue", Helvetica, Arial, sans-serif !important; } #leading-promo { width: 725px; float: left; } .next-steps-left { float: left; width: 360px; border-right: 1px solid #ddd; margin-right: 20px; padding-right: 10px; } .next-steps-left img, .next-steps-right img { float: left; margin-top: 0; margin-right: 20px; } .next-steps-left ul, .next-steps-right ul { margin-left: 90px; } .next-steps-left li, .next-steps-right li { margin-bottom: 15px; } #trailing-promo { width: 210px; float: right; text-align: center; } p#title-intro { float: right; width: 375px; margin: 10px 15px 0 0; line-height: 2; font-color: #333 !important;} ul#feature-buttons { float: right; margin: 30px 18px 0 0; list-style: none; } ul#feature-buttons li { display: inline; } h4.grid-header { padding: 10px 0 20px 0; font-size: 13px !important; font-weight: bold; } .grid div { width: 47%; float: left; } .grid div.align-right { float: right !important; } .grid div.clear { width: 100%; clear: both; float: none; padding: 10px 0; } .grid img { float: left; margin-top: -15px; } .grid h4, .grid p { margin-left: 130px; } .grid div h4 { font: bold 100% "Lucida Grande", Helvetica, Arial, sans-serif !important; margin-bottom: 5px !important; } li img.before { margin: -15px 15px 0px 0px; } div.grid ul#right-items { margin-left: 0px !important;} div.grid ul#right-items li { width: 320px; min-height: 60px; padding: 20px 0; list-style:none;} div.grid ul#right-items li span { font-weight: bold;} div.grid ul#left-items { float: right; margin-top: -440px; } div.grid ul#left-items li { width: 320px; min-height: 70px; padding: 20px 0; list-style:none; vertical-align:top;} div.grid ul#left-items li span { font-weight: bold;} div.do-this-all { margin-top: 30px; border-top: 1px solid #ddd; } ul#lefty { font-size: 11px; margin-top: -10px !important; } ul#lefty li { padding: 2px 0 !important; } ul#righty { float: right; margin-top: -80px !important; font-size: 11px;} ul#righty li { padding: 2px 0 !important; } img.img-left { float: left; padding-right: 10px; } /* Sidebar */ #subnav-buy-now img { margin-top: -7px; }