/* Interwoven CSS - v1 (kkoh@bluesingapore.com) */ /*-----------------------------------------------------------------*/ /* HTML ELEMENT INITIALIZATION - GLOBAL RESET */ /*-----------------------------------------------------------------*/ *, html {margin:0; padding:0;} body {background-color:#ededed;} p {margin-bottom:10px;} /* reusable classes - start */ .cleardiv {clear:both; padding-top:0;} .floatleft {float:left;} .floatright {float:right;} .a_bottom {vertical-align:bottom;} .a_top {vertical-align:top;} .bullet {margin-left:20px;} .bullet li {margin-bottom:10px;} a {text-decoration:none; color:#47AA42;} a:hover {text-decoration:none; color:#347f31;} /* show links instead of link name - does not work in IE */ a:after {content: " (" attr(href) ") ";} /* right nav change - taken out 20071211 *kkoh* /* define links style for IW */ .link_greenarrow a {background-image:url(../img/common/green_arrow.gif); background-position:left; background-repeat:no-repeat; padding-top:4px; padding-left:15px; color:#347f31;} .link_greenarrow a:hover {background-image:url(../img/common/green_arrow.gif); background-position:left; background-repeat:no-repeat; padding-top:4px; padding-left:15px; color:#003300;} /*-----------------------------------------------------------------*/ /* C S S T A B L E O F C O N T E N T */ /*-----------------------------------------------------------------*/ /* ------------------------- . Main Contanier . Header . Global Country Selector . Main Menu Navigation . Tabbed Content . Content . Footer */ /*-----------------------------------------------------------------*/ /* M A I N C O N T A N I E R */ /*-----------------------------------------------------------------*/ #main_container {font-family:Arial, Helvetica, sans-serif; font-size:0.7em; color:#666;} #sub_container {width:620px; margin:auto;} /*-----------------------------------------------------------------*/ /* H E A D E R */ /*-----------------------------------------------------------------*/ #header {width:620px;} #header #logo {float:left; padding-top:10px;} #header_nav {display:none;} #header_nav #country {display:none;} /*-----------------------------------------------------------------*/ /* M A I N N A V I G A T I O N */ /*-----------------------------------------------------------------*/ #mainav {display:none;} /*-----------------------------------------------------------------*/ /* V E R T I C A L T A B B E D C O N T E N T */ /*-----------------------------------------------------------------*/ .tabHiddenPanel {display:none;} .tabContentPanel {width:488px;} .tabs {display:none;} .tabs ul {display:none;} .tabs li {display:none;} .tabs li.tabActive, .tabs li.tabHover {display:none;} /*-----------------------------------------------------------------*/ /* H O R I Z O N T A L T A B B E D C O N T E N T */ /*-----------------------------------------------------------------*/ .iw_tabPane {display:none;} /* Height of tabs */ .iw_aTab {position:relative; display:inline; text-align:left; width:620px;} /*-----------------------------------------------------------------*/ /* B O D Y C O N T E N T */ /*-----------------------------------------------------------------*/ /* homepage */ #bodycontent {width:620px;} #bodycontent #hp_gradient {background-image:url(../img/common/top_gradient_bg.jpg); background-repeat:repeat-x; height:30px; padding-bottom:5px;} #bodycontent #hp_content {} #bodycontent #hp_content #hp_left {float:left; width:238px;} #bodycontent #hp_content #hp_left #carousel {width:216px; margin:auto;} #bodycontent #hp_content #hp_right {float:right; width:720px; text-align:center;} #flash_promo {} /* 2nd level structure */ #bodycontent .rightnav_top {display:none;} #left_container {width:620px;} #left_container #left_breadcrumbs {background-image:url(../img/common/top_gradient_bg.jpg); background-repeat:repeat-x; height:30px; padding-left:0px; padding-top:8px; padding-bottom:5px;} #left_container #left_breadcrumbs a {color:#666;} #left_container #left_breadcrumbs .bc_selected a {color:#347f31;} #left_container #left_breadcrumbs .bc_selected a:hover {color:#003300;} #left_container #left_spacer {background-color:#fff; margin-top:1px;} #left_container #left_content {width:704px; margin:auto;} #content_bottom #footer_function {display:none;} #footer {display:none;} /* solutions specific */ /* main landing page and basic structure of 2nd level */ #left_container #left_content .textarea_block {padding:0px 0px 23px 0px; width:620px;} #left_container #left_content .textarea_intro {padding:0px 10px 10px 10px;} #left_container #left_content .landingpage_header {background-image:url(../img/common/header_bg.gif); background-repeat:no-repeat; height:24px; padding:5px 10px; margin-top:15px; margin-bottom:0px; font-weight:bold; color:#333;} #left_container #left_content #landingpage_left {float:left; width:347px; padding-top:15px;} #left_container #left_content #landingpage_left ul li {list-style-type:none; padding-left:10px; padding-right:10px;} #left_container #left_content #landingpage_right {float:left; width:347px; padding-top:15px;} #left_container #left_content #landingpage_right ul li {list-style-type:none; padding-left:10px; padding-right:10px;} /* 3rd level solutions pages */ #left_container #left_content #listing_holder {width:620px; padding-bottom:23px;} #left_container #left_content #intro_img {float:left; width:200px; padding:0px 0px 0px 0px;} #left_container #left_content #intro_img_holder {width:190px; border:#ccc 1px solid; padding:1px;} #left_container #left_content #intro_listing {float:left; width:484px; padding:0px 0px 0px 0px;} #left_container #left_content #intro_listing .listing_header {font-size:1.05em; font-weight:bold; color:#232323; padding-bottom:5px;} #left_container #left_content #intro_listing ul {margin-left:15px;} #left_container #left_content #intro_listing ul li {} #left_container #left_content #contact_listing {display:none;} #left_container #left_content #contact_listing p {margin:0px; padding:0px;} #left_container #left_content #contact_listing .contact_listing {background-image:url(../img/common/go_button.gif); background-repeat:no-repeat; background-position:left; padding:6px 0px 0px 28px; height:20px; font-size:1.05em; font-weight:bold; color:#47aa42;} #left_container #left_content #product_img {float:left; vertical-align:top;} #left_container #left_content #product_content {float:right; vertical-align:top;} /* expand and contract specific */ .expand_contract {padding-bottom:30px;} .expand_contract .holder {} /* change spacing between each section - use padding-bottom */ .expand_contract .holder_header {border-bottom:#e5e5e5 1px solid; height:18px; margin:10px 0px 3px 0px;} .expand_contract .holder_header_left {float:left; width:200px; padding-left:5px; font-weight:bold; color:232323;} /* link hover effect taken out - 20071212 *kkoh* #expand_contract .holder_header_left a {font-weight:bold; font-size:12px; color:#232323;} #expand_contract .holder_header_left a:hover {font-weight:bold; font-size:12px; color:#666;} */ .expand_contract .holder_header_right {float:right; width:450px; padding-right:5px; text-align:right;} .expand_contract .holder_header_right_short {float:right; width:270px; padding-right:5px; text-align:right;} .expand_contract .holder_content {} .expand_contract .context {background-color:#f1f8e8; padding:5px 20px 15px 20px; margin-top:3px;} /* news and events show hide css */ #news_events_header {padding-bottom:30px;} #news_events_header a {font-size:1.05em; font-weight:bold; color:#232323;} #news_events_header a:hover {font-weight:bold; color:#47aa42;} #news_events_header .ne_selected {font-size:1.05em; font-weight:bold; color:#47aa42;} .events_news_holder {} .events_news_holder .event_header {border-bottom:#98c04e 2px solid; margin-bottom:3px; font-weight:bold;} .events_news_holder .event_header td {padding:2px 10px;} .events_news_holder .event_content th {padding:2px 10px; background-color:#f1f8e8; font-weight:normal; text-align:left;} .events_news_holder .event_content td {border-bottom:#e5e5e5 1px dotted; padding:8px 10px; vertical-align:top;} .events_news_holder .event_content {margin-bottom:10px;} /* events specific */ .events_news_holder .event_header td.event_date {width:20%;} .events_news_holder .event_header td.event_name {width:40%;} .events_news_holder .event_header td.event_type {width:20%;} .events_news_holder .event_header td.event_location {width:20%;} .events_news_holder .event_content td.event_date_data {width:20%;} .events_news_holder .event_content td.event_name_data {width:40%;} .events_news_holder .event_content td.event_name_data a {font-weight:bold; color:#47AA42;} .events_news_holder .event_content td.event_name_data a:hover {font-weight:bold; color:#347f31;} .events_news_holder .event_content td.event_type_data {width:20%;} .events_news_holder .event_content td.event_location_data {width:20%;} /* news and press releases specific */ .events_news_holder .event_header td.news_date {width:20%;} .events_news_holder .event_header td.news_name {width:80%;} .events_news_holder .event_content td.news_date_data {width:20%;} .events_news_holder .event_content td.news_name_data {width:80%;} .events_news_holder .event_content td.news_name_data a {font-weight:bold; color:#47AA42;} .events_news_holder .event_content td.news_name_data a:hover {font-weight:bold; color:#347f31;} /* webcasts specific */ .events_news_holder .event_content td.webcast_name_data {width:100%;} .events_news_holder .event_content td.webcast_name_data a {font-weight:bold; color:#47AA42;} .events_news_holder .event_content td.webcast_name_data a:hover {font-weight:bold; color:#347f31;} #success_stories {} #success_stories select {width:150px; font-size:11px; color:#666; margin-top:3px;} #success_stories .resource_select {background-color:#eee; padding:3px 5px; font-weight:bold; height:26px;} #success_stories .resource_header {font-size:1.05em; font-weight:bold; margin-top:15px;} #success_stories .resource_content {margin:15px 0px;} #success_stories .resource_content th {text-align:left; padding:2px 0px; font-weight:bold; border-bottom:#e5e5e5 1px solid;} #success_stories .resource_content th.check {width:20%;} #success_stories .resource_content th.resource {width:60%;} #success_stories .resource_content th.size {width:20%; text-align:right;} #success_stories .resource_content td {vertical-align:top; padding:10px 0px; border-bottom:#e5e5e5 1px dotted;} #success_stories .resource_content td.check {} #success_stories .resource_content td.resource {} #success_stories .resource_content td.size {text-align:right;} #success_stories .resource_table {font-weight:bold; margin:18px 0px;} #success_stories .resource_table td {padding:3px 0px;} #success_stories .resource_table input {width:180px;} #success_stories .resource_table select {width:185px;} #success_stories .resource_table textarea {width:450px; height:100px;} #go_submit p {margin:0px 0px 0px 10px;} .go_submit {background-image:url(../img/common/go_button.gif); background-repeat:no-repeat; background-position:left; padding:6px 0px 0px 28px; height:20px; font-size:1.05em; font-weight:bold; color:#47aa42;} /* customer stories specific */ .multi_select {background-color:#eee; padding:3px 5px; font-weight:bold; height:26px;} .multi_select select {width:150px; font-size:11px; color:#666; margin-top:3px;} .multi_header {font-size:1.05em; font-weight:bold; margin-top:15px;} .multi_content td {padding:10px 0px; border-bottom:#e5e5e5 1px dotted;} .multi_content td.description {width:80%;} .multi_content td.file {width:20%; text-align:right;} /* resources specific */ .resource_list {margin:0px 10px;} .resource_list td {vertical-align:top; padding-bottom:15px;} .resource_list ul li {margin-left:-10px;} .resource_media {margin-left:10px; margin-bottom:15px;} .resource_media a {font-weight:bold;} .resource_img {width:97px; border:#ccc 1px solid; padding:1px;} .resource_text {padding:0px 10px; vertical-align:top;} #resource_demo {margin:0px 10px;} .resource_icons {} .resource_icons td {text-align:center; vertical-align:top; padding-bottom:25px;} .resources_podcast_holder {} .resources_podcast_holder .podcast_header {border-bottom:#98c04e 2px solid; margin-bottom:3px; font-weight:bold;} .resources_podcast_holder .podcast_header td {padding:2px 10px;} .resources_podcast_holder .podcast_content th {padding:2px 10px; background-color:#f1f8e8; font-weight:normal;} .resources_podcast_holder .podcast_content td {border-bottom:#e5e5e5 1px dotted; padding:8px 10px; vertical-align:top;} .resources_podcast_holder .podcast_header td.podcast_date {width:20%;} .resources_podcast_holder .podcast_header td.podcast_name {width:50%;} .resources_podcast_holder .podcast_header td.podcast_download {width:15%;} .resources_podcast_holder .podcast_header td.podcast_length {width:15%;} .resources_podcast_holder .podcast_content {margin-bottom:10px;} .resources_podcast_holder .podcast_content td.podcast_date_data {width:20%;} .resources_podcast_holder .podcast_content td.podcast_name_data {width:50%;} .resources_podcast_holder .podcast_content td.podcast_name_data .title a {font-weight:bold; color:#47AA42;} .resources_podcast_holder .podcast_content td.podcast_name_data .title a:hover {font-weight:bold; color:#347f31;} .resources_podcast_holder .podcast_content td.podcast_download_data {width:15%;} .resources_podcast_holder .podcast_content td.podcast_length_data {width:15%;} /* about us */ .about_us_header {padding-bottom:25px;} .about_us_header a {font-size:1.05em; font-weight:bold; color:#232323;} .about_us_header a:hover {font-weight:bold; color:#47aa42;} .about_us_header .ne_selected {font-size:1.05em; font-weight:bold; color:#47aa42;} .management {margin-bottom:20px;} /* events and webcasts */ .events_webcast_holder {} .events_webcast_holder .event_header {margin-bottom:3px; font-weight:bold;} .events_webcast_holder .event_header td {padding:2px 10px;} .events_webcast_holder .event_content {margin-bottom:10px;} .events_webcast_holder .event_content td {padding:8px 10px; vertical-align:top;} .events_webcast_holder .event_header td.event_name {width:50%;} .events_webcast_holder .event_header td.event_type {width:25%;} .events_webcast_holder .event_header td.event_location {width:25%;} .events_webcast_holder .event_content td.event_name_data {width:50%;} .events_webcast_holder .event_content td.event_type_data {width:25%;} .events_webcast_holder .event_content td.event_location_data {width:25%;} .webcast_header {font-size:1.05em; font-weight:bold; margin-top:15px; margin-left:5px;} /* #events_holder .event_month {background-color:#f1f8e8;} #events_holder .event_month td {padding:2px 10px;} #events_holder .event_content {} #events_holder .event_content td {padding:2px 10px; vertical-align:top;} */ /* 2nd level section specific masthead banner */ /* about us */ #left_container #about_us_masthead1 {background-image:url(../img/about_us/masthead_contact.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #about_us_masthead2 {background-image:url(../img/about_us/masthead_contact.gif); background-repeat:no-repeat; height:138px;} /* solutions */ #left_container #solutions_masthead1 {background-image:url(../img/solutions/masthead_solutions.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #solutions_masthead2 {background-image:url(../img/solutions/masthead_solutions.gif); background-repeat:no-repeat; height:138px;} /* products */ #left_container #products_masthead1 {background-image:url(../img/products/masthead_products.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #products_masthead2 {background-image:url(../img/products/masthead_products.gif); background-repeat:no-repeat; height:138px;} /* customer stories */ #left_container #customer_stories_masthead1 {background-image:url(../img/customer_stories/masthead_customerstories.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #customer_stories_masthead2 {background-image:url(../img/customer_stories/masthead_customerstories.gif); background-repeat:no-repeat; height:138px;} /* education */ #left_container #education_masthead1 {background-image:url(../img/education/masthead_education.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #education_masthead2 {background-image:url(../img/education/masthead_education.gif); background-repeat:no-repeat; height:138px;} /* consulting */ #left_container #consulting_masthead1 {background-image:url(../img/consulting/masthead_consulting.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #consulting_masthead2 {background-image:url(../img/consulting/masthead_consulting.gif); background-repeat:no-repeat; height:138px;} /* partners */ #left_container #partners_masthead1 {background-image:url(../img/partners/masthead_partners.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #partners_masthead2 {background-image:url(../img/partners/masthead_partners.gif); background-repeat:no-repeat; height:138px;} /* resources */ #left_container #resources_masthead1 {background-image:url(../img/resources/masthead_resources.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #resources_masthead2 {background-image:url(../img/resources/masthead_resources.gif); background-repeat:no-repeat; height:138px;} /* events webcasts */ #left_container #events_webcasts_masthead1 {background-image:url(../img/events_webcasts/masthead_events.jpg); background-repeat:no-repeat; height:25px; padding:113px 0px 0px 0px; font-size:14px; font-weight:bold; color:#fff;} #right_container #events_webcasts_masthead2 {background-image:url(../img/events_webcasts/masthead_events.gif); background-repeat:no-repeat; height:138px;}