/* CSS 2.1111 -------------------------------------------------------------*/ body { border-top: 3px red solid; height: 100%; text-align: center; } body#home { background: #fff url(/_media/images/layout/presentation/body_bg.gif) repeat-x; } /* LIST STYLING -------------------------------------------------------------*/ #home_content ul li { list-style-image: url(/_media/images/layout/icons/bullet.gif); margin: 0 0 10px 20px; } #content_inner li { list-style-image: url(/_media/images/layout/icons/bullet.gif); margin: 0 0 10px 20px; } #content_inner ul { margin-bottom: 35px; } #content_inner li ul { margin: 10px 0 15px; } #content_inner li li { list-style-image: url(/_media/images/layout/icons/bullet_sub.gif); } #content_inner dl { margin: 20px 0 30px; } #content_inner dt { margin-bottom: 10px; } #content_inner dd { margin-bottom: 5px; padding-bottom: 5px; } .tab_information_content ul { margin: 0 0 20px 15px; } .tab_information_content ol { margin: 0 0 20px 18px; } .tab_information_content li { list-style-image: url(/_media/images/layout/icons/list_arrow.gif); margin: 0 0 10px; } .tab_information_content li a:hover { text-decoration: underline; } .tab_information_content dt { background: url(/_media/images/layout/icons/list_arrow.gif) left 5px no-repeat; margin-bottom: 10px; padding-left: 20px; } .tab_information_content dt.open { background: url(/_media/images/layout/icons/list_arrow_open.gif) left 5px no-repeat; } .tab_information_content dd { padding-left: 20px; } .tab_information_content dd ul { padding: 10px 0; } .tab_information_content dd li { margin-left: 15px; } ul#social_bookmarks { list-style-type: none; } ul#social_bookmarks li { display: inline; } /* DIV CLASSES -------------------------------------------------------------*/ img.left { margin: 0 10px 5px 0; } .outcome_panel { background-color: #ECFFBF; border: 2px solid #ddd; margin-bottom: 20px; padding: 15px; } /* Buttons ---------------------------*/ a.share_story_button { float: left; display: block; width: 116px; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_share_your_story.gif) no-repeat; } a.share_story_button:hover { background-position: 0px -24px } a.financial_button { display: block; width: 139px; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_financial.gif) no-repeat; } a.financial_button:hover { background-position: 0px -24px } a.business_button { display: block; width: 136px; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_business.gif) no-repeat; } a.business_button:hover { background-position: 0px -24px } a.results_button { float: left; display: block; width: 136px; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_results.gif) no-repeat; } a.results_button:hover { background-position: 0px -24px } a.needs_analysis_button { float: left; display: block; width: 228px; height: 108px; margin-top: 20px; text-indent: -9999px; background: url(/_media/images/layout/icons/needs_analysis.gif) no-repeat; } input#search_button { float: left; display: block; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_search.gif) no-repeat; width: 28px; } input#search_button:hover { background-position: 0px -24px; cursor: pointer; } input.submit_button { float: left; display: block; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_submit.gif) no-repeat; width: 54px; } input.submit_button:hover { background-position: 0px -24px; cursor: pointer; } a.request_button { float: left; display: block; width: 166px; height: 24px; text-indent: -9999px; background: url(/_media/images/layout/icons/button_request.gif) no-repeat; } /* DIV AREAS -------------------------------------------------------------*/ #container { background-color: #fff; margin: 0 auto; text-align: left; width: 960px; } #inner_container { background: url(/_media/images/layout/presentation/sidebar_bottom.gif) bottom left no-repeat; margin-top: 15px; padding-bottom: 50px; overflow: auto; width: 960px; } #content_wrapper { background: url(/_media/images/layout/presentation/sidebar_bg.gif) left repeat-y; float: left; } #needs_analysis_choice { float: left; height: 30px; width: 320px; } #needs_analysis_choice a { float: left; margin-right: 15px; } /* Masthead ---------------------------*/ #masthead { background-color: #fff; height: 100px; width: 960px; } #masthead #logo { float: left; height: 100px; width: 160px; } #masthead #utility { float: right; height: 90px; padding-top: 10px; width: 250px; } #navigation { background: #fff url(/_media/images/layout/presentation/navigation.gif) no-repeat; clear: both; height: 34px; width: 960px; } /* Navigation ---------------------------*/ #navigation ul { height: 34px; list-style-type: none; width: 960px; } #navigation li { float: left; height: 34px; text-indent: -9999px; width: 160px; } #navigation li a { display: block; height: 34px; outline: none; text-decoration: none; width: 160px; } #navigation li#nhome { height: 34px; width: 160px; } #navigation li#nhome a:hover { background: url(/_media/images/layout/presentation/navigation.gif) 0 -34px; } #home li#nhome { background: url(/_media/images/layout/presentation/navigation.gif) 0 -34px; } #navigation li#nabout { height: 34px; width: 160px; } #navigation li#nabout a:hover { background: url(/_media/images/layout/presentation/navigation.gif) -160px -34px; } #about_istream li#nabout { background: url(/_media/images/layout/presentation/navigation.gif) -160px -34px; } #navigation li#nsolutions { height: 34px; width: 160px; } #navigation li#nsolutions a:hover { background: url(/_media/images/layout/presentation/navigation.gif) -320px -34px; } #solutions li#nsolutions { background: url(/_media/images/layout/presentation/navigation.gif) -320px -34px; } #navigation li#npartners { height: 34px; width: 160px; } #navigation li#npartners a:hover { background: url(/_media/images/layout/presentation/navigation.gif) -480px -34px; } #partners li#npartners { background: url(/_media/images/layout/presentation/navigation.gif) -480px -34px; } #navigation li#nnews { height: 34px; width: 160px; } #navigation li#nnews a:hover { background: url(/_media/images/layout/presentation/navigation.gif) -640px -34px; } #news li#nnews, #events li#nnews { background: url(/_media/images/layout/presentation/navigation.gif) -640px -34px; } #navigation li#nblog { height: 34px; width: 160px; } #navigation li#nblog a:hover { background: url(/_media/images/layout/presentation/navigation.gif) -800px -34px; } #blog li#nblog { background: url(/_media/images/layout/presentation/navigation.gif) -800px -34px; } /* Sub Navigation ---------------------------*/ #sidebar dl { margin-left: 15px; padding-bottom: 10px; } #sidebar dt.solution { background: url(/_media/images/layout/icons/solutions_arrow.gif) 0 15px no-repeat; margin-bottom: 8px; padding: 10px 10px 0 10px; } #sidebar dd { margin-left: 10px; } .solution_menu dl { background: url(/_media/images/layout/presentation/sidebar_highlight.gif) repeat-y; padding: 0 0 10px; } .solution_menu { background: url(/_media/images/layout/presentation/nav_bg.gif) bottom right no-repeat; padding-bottom: 2px; } ul.section { background: url(/_media/images/layout/presentation/nav_bg.gif) top right no-repeat; } ul.section li { background: url(/_media/images/layout/presentation/nav_bg.gif) bottom right no-repeat; } ul.section li a { background: url(/_media/images/layout/icons/bullet.gif) center left no-repeat; display: block; padding: 10px 0 10px 15px; } ul.solution_list { background: url(/_media/images/layout/presentation/sidebar_highlight.gif) repeat-y; margin-left: 25px; padding: 10px 10px 10px 0; } ul.solution_list li { list-style-type: none; margin-bottom: 3px; } .blog_menu dt { background: url(/_media/images/layout/presentation/blog_menu_header.gif) no-repeat; height: 30px; margin-top: 10px; padding: 6px 0 0 10px; width: 215px;} /* Sidebar ---------------------------*/ #sidebar { background: url(/_media/images/layout/presentation/sidebar_top.gif) top no-repeat; float: left; margin-right: 20px; padding-top: 70px; width: 260px; } #navigation_sub { margin-bottom: 30px; } #customer_story { padding-right: 20px; } /* Content ---------------------------*/ #content { float: left; width: 680px; } #content_inner { margin-bottom: 30px; padding: 0 10px; width: 660px; } #content_left { border-right: 1px solid #e0e0e0; float: left; padding-right: 19px; width: 395px; } #content_right { float: left; margin-left: 20px; width: 205px; } #related_videos { float: left; padding: 10px 10px 0; border: 1px solid #efefef; background-color: #f4f4f4; width: 620px; } #related_videos ul { margin: 0; } #related_videos li { float: left; margin-right: 10px; } .team_member { background: url(/_media/images/layout/presentation/team_frame_top.gif) top left no-repeat; float: left; margin-top: 30px; } .team_member_inner { background: url(/_media/images/layout/presentation/team_frame_bottom.gif) bottom right no-repeat; float: left; padding: 20px 40px 20px 20px; } .team_photo { float: left; margin-right: 20px; height: 1%; width: 98px; } .team_photo img { border: 2px solid #4D8C1C; } .team_info { float: right; width: 480px; } .entry_wrap { background: url(/_media/images/layout/presentation/team_frame_top.gif) top left no-repeat; clear: both; margin-top: 20px; } .entry_wrap_inner { background: url(/_media/images/layout/presentation/team_frame_bottom.gif) bottom right no-repeat; padding: 20px 40px 15px 20px; } .entry_wrap_info { width: 540px; } #content_right img.demo_banner { margin-bottom: 20px; } /* Content Tabs ---------------------------*/ ul#product_tabs { background: url(/_media/images/layout/presentation/tabs_products.gif) no-repeat; height: 28px; list-style-type: none; margin-bottom: 30px; width: 668px; } ul#product_tabs li { float: left; height: 28px; text-indent: -9999px; } ul#product_tabs li a { display: block; height: 28px; } li#tab_features { width: 134px; } li#tab_features a:hover { background: url(/_media/images/layout/presentation/tabs_products.gif) -0 -56px; } li#tab_features.ui-tabs-selected { background: url(/_media/images/layout/presentation/tabs_products.gif) -0 -28px; } li#tab_benefits { width: 134px; } li#tab_benefits a:hover { background: url(/_media/images/layout/presentation/tabs_products.gif) -134px -56px; } li#tab_benefits.ui-tabs-selected { background: url(/_media/images/layout/presentation/tabs_products.gif) -134px -28px; } li#tab_faq { width: 132px; } li#tab_faq a:hover { background: url(/_media/images/layout/presentation/tabs_products.gif) -268px -56px; } li#tab_faq.ui-tabs-selected { background: url(/_media/images/layout/presentation/tabs_products.gif) -268px -28px; } li#tab_requirements { width: 134px; } li#tab_requirements a:hover { background: url(/_media/images/layout/presentation/tabs_products.gif) -400px -56px; } li#tab_requirements.ui-tabs-selected{ background: url(/_media/images/layout/presentation/tabs_products.gif) -400px -28px; } li#tab_studies { width: 134px; } li#tab_studies a:hover { background: url(/_media/images/layout/presentation/tabs_products.gif) -534px -56px; } li#tab_studies.ui-tabs-selected { background: url(/_media/images/layout/presentation/tabs_products.gif) -534px -28px; } ul#solutions_tabs { background: url(/_media/images/layout/presentation/tabs_solutions.gif) no-repeat; height: 28px; list-style-type: none; margin-bottom: 30px; width: 399; } ul#solutions_tabs li { float: left; height: 28px; text-indent: -9999px; } ul#solutions_tabs li a { display: block; height: 28px; } li#tab_businessneeds { width: 133px; } li#tab_businessneeds a:hover { background: url(/_media/images/layout/presentation/tabs_solutions.gif) -0 -56px; } li#tab_businessneeds.ui-tabs-selected{ background: url(/_media/images/layout/presentation/tabs_solutions.gif) -0 -28px; } li#tab_industry { width: 133px; } li#tab_industry a:hover { background: url(/_media/images/layout/presentation/tabs_solutions.gif) -133px -56px; } li#tab_industry.ui-tabs-selected { background: url(/_media/images/layout/presentation/tabs_solutions.gif) -133px -28px; } li#tab_products { width: 133px; } li#tab_products a:hover { background: url(/_media/images/layout/presentation/tabs_solutions.gif) -266px -56px; } li#tab_products.ui-tabs-selected { background: url(/_media/images/layout/presentation/tabs_solutions.gif) -266px -28px; } .ui-tabs-hide { display: none; } .tab_information_content { padding: 0 20px; } /* Content Headers ---------------------------*/ ul#content_header_tools { list-style-type: none; height: 20px; position: absolute; margin-left: 400px; width: 270px; } .landing ul#content_header_tools { top: 373px; } .interior ul#content_header_tools { top: 193px; } ul#content_header_tools li { display: inline; margin-left: 10px; padding-left: 20px; } ul#content_header_tools li a { color: #eee; font-size: 11px; } li#tools_contact_us { background: url(/_media/images/layout/icons/tool_contact.png) no-repeat; } li#tools_email_page { background: url(/_media/images/layout/icons/tool_email.png) no-repeat; } li#tools_print_page { background: url(/_media/images/layout/icons/tool_print.png) no-repeat; } #content_header { margin-bottom: 30px; width: 680px; } .interior #content_header { background: url(/_media/images/layout/presentation/banner_interior.gif) no-repeat; height: 65px; } h2 { float: left; position: absolute; margin-left: 10px; width: 300px; } .landing h2 { top: 372px } .interior h2 { top: 192px; } /* Landing Headers ---------------------------*/ .landing #content_header { height: 245px; } #solutions.landing #content_header { background: url(/_media/images/layout/presentation/banner_solutions_landing.jpg) no-repeat; } #news.landing #content_header{ background: url(/_media/images/layout/presentation/banner_news_landing.jpg) no-repeat; } #events.landing #content_header { background: url(/_media/images/layout/presentation/banner_events_landing.jpg) no-repeat; } #blog.landing #content_header { background: url(/_media/images/layout/presentation/banner_blog_landing.jpg) no-repeat; } #partners.landing #content_header { background: url(/_media/images/layout/presentation/banner_partners_landing.jpg) no-repeat; } #about_istream.landing #content_header { background: url(/_media/images/layout/presentation/banner_about_landing.jpg) no-repeat; } /* FOOTER -------------------------------------------------------------*/ #footer { background: #fff url(/_media/images/layout/presentation/footer_bg.gif) top repeat-x; clear: both; padding: 75px 0 20px; width: 960px; } #footer_left { float: left; } #footer_right { float: right; } /* HOMEPAGE SPECIFIC -------------------------------------------------------------*/ #flash { height: 416px; width: 960px; } #solution_finder { background: url(/_media/images/layout/presentation/solutions_nav2.gif) no-repeat; height: 115px; margin-bottom: 30px; width: 960px; } #solution_finder ul { height: 115px; width: 960px; } #solution_finder li { display: block; float: left; height: 116px; } #solution_finder li a { display: block; height: 116px; text-indent: -9999px; } li#sol_industry { width: 318px } li#sol_industry a:hover { background: url(/_media/images/layout/presentation/solutions_nav2.gif) 0px -115px; } li#sol_ways { width: 326px } li#sol_ways a:hover { background: url(/_media/images/layout/presentation/solutions_nav2.gif) -318px -115px; } li#sol_needs { width: 316px } li#sol_needs a:hover { background: url(/_media/images/layout/presentation/solutions_nav2.gif) -644px -115px; } #home_content { clear: both; margin: 0; padding: 0; } .home_column { float: left; margin-right: 30px; width: 300px; } .home_column_right { float: left; margin-right: 0; width: 300px; } /* POST SPECIFIC -------------------------------------------------------------*/ #post_comments { margin-bottom: 10px; } #post_feedback { margin-bottom: 20px; } .post { margin-bottom: 30px; } .post p.link { margin: 0; } .post_single { margin-bottom: 20px; } .post_details { background: url(/_media/images/layout/presentation/post_details_bg.gif) top repeat-x; padding: 10px; } .post_details p { margin-bottom: 2px; } .post_details img { margin-top: 10px; } #post_comments h3 { background: url(/_media/images/layout/presentation/post_comments.gif) left repeat-x; height: 30px; margin-bottom: 20px; text-indent: -9999px; width: 395px; } #post_feedback h3 { background: url(/_media/images/layout/presentation/post_feedback.gif) left repeat-x; height: 30px; margin-bottom: 20px; text-indent: -9999px; width: 395px; } .post_comment { border-bottom: 1px solid #ccc; margin-bottom: 15px; padding: 0 10px; } #post_pagination { clear: both; padding-top: 20px; } /* TABLES -------------------------------------------------------------*/ #product_requirements table, #product_features table { font-size: 12px; width: 580px; border-collapse: collapse; margin: 0 0 40px; } #product_features table {width: 640px;} #product_requirements th, #product_features th { font-size: 12px; font-weight: bold; color: #111; padding: 10px 8px; border-bottom: 2px solid #83cb3f; } #product_requirements td, #product_features td { border-bottom: 1px solid #ccc; color: #333; padding: 6px 8px; } #product_requirements td.table_header, #product_features td.table_header { border-bottom: 1px solid #ccc; color: #121212; font-weight: bold; } #product_requirements tbody tr:hover td, #product_features tbody tr:hover td { color: #666; } #product_requirements tbody tr:hover td.table_header, #product_features tbody tr:hover td.table_header { color: #111; } /* Results Table ---------------------------*/ table#search_results { border-collapse: collapse; width: 100%; } table#search_results th { font-weight: bold; text-align: left; padding: 4px 0 8px 5px; } table#search_results td { padding: 10px 30px 10px 5px; } table#search_results td.search_title { font-weight: bold; padding-left: 10px; } table#search_results td.search_weblog { font-weight: bold; } table#search_results td.resultRowOne { background-color: #f6f6f6; border-bottom: 1px solid #ccc; } table#search_results td.resultRowTwo { border-bottom: 1px solid #eee; } /* Calendar Table ---------------------------*/ #calendar_nav { margin-bottom: 30px; } #calendar { border: 1px solid #e5e3e4; color: #333; text-align: center; width: 230px; } #calendar caption { color: #627ea8; text-align: center; } #calendar .today { color: #333; font-weight: bold; background-color: #E7C800 } #calendar th, td { font: normal 11px/20px Arial, sans-serif; } #calendar td.today a { color: #333; font-weight: bold; background-color: #E7C800 } #calendar td.today a:link { color: #333; font-weight: bold; background-color: #E7C800 } #calendar td.today a:visited { color: #333; font-weight: bold; background-color: #E7C800 } #calendar td { border-right: 1px solid #fff; border-bottom: 1px solid #fff; width: 32px; height: 20px; text-align: center; background-color: #ebebeb; } #calendar td a { text-decoration: none; font-weight: bold; display: block; } #calendar td a:link { color: #fff; background-color: #83cc3f; } #calendar td a:visited { color: #fff; background-color: #83cc3f; } #calendar td a:hover { color: #fff; background-color: #663300; } #calendar td a:active { color: #fff; background-color: #663300; } #calendar td.blank { background: #ebebeb; } #calendar th { color: #333; background-color: #e5e3e4; border-bottom: 1px solid #fff; text-align: center; } #calendar .monthControl { font-weight: normal; font-size: 12px; color: #627ea8; text-align: center; text-decoration: none; } #calendar .monthControl a { font-weight: normal; font-size: 12px; color: #627ea8; text-align: center; text-decoration: none; } /* POPUP WINDOW -------------------------------------------------------------*/ #mini_container { margin: 0 auto; text-align: left; width: 342px; } #mini_header { height: 58px; width: 342px; } #flash_player { display: block; float: left; height: 304px; margin: 0 auto 10px; width: 342px; } #request_info { margin: 0 auto; width: 166px; } /* SAEF WINDOW -------------------------------------------------------------*/ #customer_story_saef #mini_container { margin: 0 auto 0; text-align: left; width: 340px; } #customer_story_saef #mini_header { height: 58px; width: 340px; }