@charset "UTF-8"; /** * Contact SG * * Standard Layout (all parts) for Contact SG * * @project Contact SG * @copyright 2009 by the author, Convertium and Contact SG * * @file default.css * @version 0.9.9 * @author Nils Hendriks * @date July 31, 2009 10:39 AM * * @package xhtml-css * @cssdoc version 1.0-pre * * */ @import url("reset.css"); /* ..... reset default browser rendering */ @import url("css3.css"); /* ..... css3 */ @media screen, tv, projection { /* ..... default styles for screen display */ /* @group Generic */ body { background: #fff; color: #000; font-family: "MS Song","宋体","Hei", Arial, sans-serif; font-size: 62.5%; line-height: 2;} a { text-decoration: none; color: #0072bc;} a:hover { color: #036;} .main-content a:hover { color: #036; border-bottom: 1px solid #036;} .main-content li a:hover { border-bottom: none;} /*.yp a { color:#f26522;} .students a { color:#598527;} .investors a { color:#620460;}*/ a.view, a.download { background-image: url(../images/icons/icons.png); background-repeat: no-repeat; padding: 7px 0 7px 22px;} a.view { background-position: 0 6px; margin-right: 5px;} a.download { background-position: 0 -79px; margin-left: 5px;} input.submit { background: #ccc; color: #000; font-size: 1.2em; font-weight: bold;} button { display: block; } .invisible { visibility: hidden;} .hide { display: none; } strong { font-weight: bold;} input.radio, label { vertical-align: middle; } .print-button { display: none;} .wrapped { overflow: auto; clear: both; } p { font-size:1.4em;/*font-size: 1.2em;*/ line-height: 1.7;} #page-content ul { list-style-type: disc; margin:1.335em 0 1.335em 15px;line-height: 2;} #page-content li { font-size:1.4em;/* line-height:1.335;*/ line-height: 2;} #page-content li ul, #page-content li ol { margin: 0 1.335em; line-height: 2; } #page-content li li { font-size: 1.4em; line-height: 2;} #page-content img { display: block; margin:1.6em 0;} #page-content .section { margin: 0 0 0.8em 0;} :lang(en) { font-family: Arial, sans-serif; } .comments-success { display:block; padding-bottom: 10px; font-size: 12px; font-weight: bold; color: #009900; } .comments-error { display:block; padding-bottom: 10px; font-size: 12px; font-weight: bold; color: #FF0000; } .content-replace { padding: 20px 10px 0 10px; } /* Erwin Added on 20091109 */ #page-content .column .main-content { text-align:justify; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; line-height: 1.5;} /* #page-content .column .main-content table td{padding: 4px;} */ #page-content .column .main-content table ul li{font-size: 1.0em;} /*#page-content .column .main-content ul li{ font-size:1.4em; line-height:18px; margin-bottom:6px; } #page-content .column .main-content ol li{ font-size:1.4em; line-height: 20px; padding-bottom:4px;}*/ #page-content .column .main-content p{font-size:1.4em;} /* @end */ /* @group Layout */ /* @group page-container */ #page-container { margin: 0 auto; font-size: 1em; line-height: 2; background: #fff; max-width: 940px; padding-bottom: 20px; } /* @group Header */ /* !HEADER */ #header { overflow: hidden; clear: both; padding:0px; } #header .logo-container { float: left;height:98px;padding:0;width:167px;margin:0;} #header .logo-container a#logo1 { background: url(../images/logos/logo-header.png) 0 0 no-repeat;width: 167px; height: 98px; text-indent: -9999em; display: block; } /* @group Utilities */ #header .utilities { float: right; overflow: hidden; padding: 41px 0 0 0;} #header .utilities .container { overflow: hidden;} .utilities ul { float: left; margin: 0 10px 0 0; padding: 4px 0 3px;} .utilities li { float: left; font-size:1.2em;line-height:1.6;margin:0 4px; color: #999; } .utilities a { color: #36c;} .utilities .active a { color: #999; border-bottom: none;} .utilities a.rss { background:transparent url(../images/icons/icons.png) 0 -881px no-repeat; text-indent: -9999em; display:block; width: 20px; height: 20px; } /* @end */ /* @group Search box */ #header .search-form { float: left; } #header .search-form input.text { border: 1px solid #adadad; color: #000; width: 138px; float: left; padding:4px 10px 5px 10px; margin-right: 5px; font-size: 1.2em;} #header .search-form input.example { color: #999;} #header .search-form input.submit {width: 48px; height: 25px; float: left; margin-top: -1px;} .search-form a { display: block; text-align: right; font-size: 1.1em; line-height: 1.46; padding-top: 5px;} /* @end */ /* @end */ /* @group Main Navigation */ #main-navigation { position: relative; z-index: 100; margin-bottom: 10px;} /* PANG: changed z-index from 9999 to 100, to cater for thickbox */ .special #main-navigation { margin-bottom: 10px;} #main-navigation ul {overflow:hidden;} #main-navigation li { float: left; } #main-navigation a { display: block;} /* menu items */ #main-navigation ul li a#mn-home { background: transparent url(../images/mn/mm-home.png) 0 0 no-repeat; width: 88px; height: 41px; text-indent: -9999px;} #main-navigation ul li a#mn-why { background: transparent url(../images/mn/mm-why.png) 0 0 no-repeat; width: 174px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-why:hover { background-position: 0 -162px;} */ #main-navigation ul li a#mn-industries { background: transparent url(../images/mn/mm-industries.png) 0 0 no-repeat; width: 114px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-industries:hover { background-position: 0 -163px;} */ #main-navigation ul li a#mn-faqs { background: transparent url(../images/mn/mm-faqs.png) 0 0 no-repeat; width: 111px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-faqs:hover { background-position: 0 -163px;} */ #main-navigation ul li a#mn-interactives { background: transparent url(../images/mn/mm-inter.png) 0 0 no-repeat; width: 112px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-interactives:hover { background-position: 0 -163px;} */ #main-navigation ul li a#mn-news { background: transparent url(../images/mn/mm-news.png) 0 0 no-repeat; width: 113px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-news:hover { background-position: 0 -163px;} */ #main-navigation ul li a#mn-events { background: transparent url(../images/mn/mm-events.png) 0 0 no-repeat; width: 112px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-events:hover { background-position: 0 -163px;} */ #main-navigation ul li a#mn-jobs { background: transparent url(../images/mn/mm-jobs.png) 0 0 no-repeat; width: 116px; height: 41px; text-indent: -9999px;} /* #main-navigation ul li a#mn-jobs:hover { background-position: 0 -163px;} */ /* @group SubMenu Lists For Non Javascript */ /* submenu-container in content for non javascript */ /*.submenu-container { border-bottom: 1px solid #ccc; margin-bottom: 18px;}*/ /*CPL: */ .submenu-container { margin-bottom: 18px;} .submenu-container .columns-container { padding: 12px; overflow: hidden; clear: both; background: #fff;} .submenu-container .column-1 { border-right: 1px solid #ddde7f; float: left; margin-right: 12px; padding-right: 12px; } .submenu-container .column-2 { float: left;} .submenu-container .column-header { color:#333; font-size: 1.8em; line-height: 1.6; font-weight: bold; margin-bottom: 5px; display: block; } .submenu-container ul a {color:#2a7aa2; } /* @end */ /* @end */ /* @group Highlight Bar */ #highlight-bar {clear: both; /*position: relative; z-index:10;*/ margin-bottom: 10px;} #highlight-bar #highlights /*{ position:relative; width: 705px;}*/ {float: left; display: inline; margin: 0; padding: 0; width: 705px;} #highlight-bar .faqs /*{width: 205px; height: 203px; top: 0; margin-left: 705px; background: transparent url(../images/backgrounds/bg-faqs-ch.png) 0 0 no-repeat; padding: 20px 10px 10px 20px;}*/ {float: left; display: inline; height: 203px; margin: 0; background: transparent url(../images/backgrounds/bg-faqs-ch.png) 0 0 no-repeat; padding: 20px 10px 10px 20px; width: 205px;} #highlight-bar .faqs h2 {font-family: "黑体","Courier New","tahoma"; color: #cd151b; font-size: 1.8em; line-height: 1; margin-bottom: 15px;} #highlight-bar .faqs h2 a {font-family: "黑体","Courier New","tahoma";color: #cd151b;} #highlight-bar .faqs .link-list li {font-size: 1.2em; line-height: 1.334; margin-bottom: 7px;} /* #highlight-bar .faqs .link-list a {background: transparent url(../images/arrows/arrow-1.png) 0 1px no-repeat; padding-left: 12px;} */ #highlight-bar .faqs .link-list a {/*background: transparent url(../images/arrows/arrow-1.png) 0 1px no-repeat; padding-left: 12px;*/} #highlight-bar .faqs .button-bar { position: relative; z-index:10; float:right; margin: 0; width: auto; bottom: 13px; /*position: absolute; right: 15px;*/ } #highlight-bar .faqs .content-replace { margin: -20px 0 0 -10px; } #home .column ol.faq li {background: transparent url(../images/arrows/arrow-1.png) 0 1px no-repeat; padding-left: 12px;} /* @end */ /* @group Targets-bar */ /* class bar (=horizontal nav) */ .bar { overflow: hidden; clear: both;} .bar li { float: left; } .bar a { display: block; } /* id targets-bar extends bar */ #targets-bar { overflow: visible; width: 707px; /*height: 54px; margin: 0 0 9px 0;width: 940px;*/ } #targets-bar a { height: 43px;/*height: 54px;*/ text-indent: -9999em;} #target-students, #target-ep, #target-investors{ float:left;} #target-students a { background: transparent url(../images/mn/btn-targets-ch.png) 0 0 no-repeat; width: 235px;} #target-ep a { background: transparent url(../images/mn/btn-targets-ch.png) 0 -157px no-repeat; width: 234px;} #target-investors a { background: transparent url(../images/mn/btn-targets-ch.png) 0px -357px no-repeat; width: 238px;} .tooltip {width: 182px; display: none;background: transparent url(../images/backgrounds/grad-2.png) 50% 100% no-repeat; z-index:500px; } /* 24-bit transparent: see IE6 and 7 stylesheets for PNG fix*/ .tooltip p { line-height: 1.5; } /* li id containing tooltip extends tooltip */ #target-ep .tooltip {width: 210px;} #target-yp .tooltip {width: 209px;} #target-students .tooltip {width: 209px;} #target-investors .tooltip {width: 208px;} .rollover{} /* @end */ /* @group page-content */ /* @group Headers */ #home h1 { display: none;} #home #page-content .column h2 {font-family: "黑体","Courier New","tahoma";color: #cd151b; margin:0; padding:20px 15px 10px 15px; font-size: 1.8em; } #page-content h1 { font-family: "黑体","Courier New","tahoma"; font-size:3em; line-height:1; margin: 0 0 0.666em 0; color: #9d0a0e; font-weight: normal;} .special #page-content h1 {font-family: "黑体","Courier New","tahoma";margin-bottom: 0.3em; padding-left: 13px; font-size: 3.6em;} #page-content h2 { font-family: "黑体","Courier New","tahoma";/*font-size: 1.8em;*/font-size: 1.6em; line-height: 1; margin: 0.888em 0; color: #9d0a0e; font-weight: bold; } .special #page-content h2 { font-family: "黑体","Courier New","tahoma";font-size: 3em; font-weight: normal; margin: 0 0 18px 0;} #page-content h3 { font-size:1.8em; font-family: "黑体","Courier New","tahoma"; line-height: 1; margin: 0.888em 0; color: orange;} .target #page-content h2 { font-family: "黑体","Courier New","tahoma";/*font-size: 1.4em;*/} .ep #page-content h2 { font-family: "黑体","Courier New","tahoma";color: #0054a6;} .ep #page-content h4 { font-size:1.5em; font-family: "黑体", "Courier New", "tahoma"; line-height: 1; color: #666666; font-weight: bold; margin-top: 1em; padding-left: 10px; } .students #page-content h2 { font-family: "黑体","Courier New","tahoma";color: #598527;} .investors #page-content h2 { font-family: "黑体","Courier New","tahoma";color:#620460;} #page-content .secondary h2 {font-family: "黑体","Courier New","tahoma"; font-size: 1.5em;} #page-content h2 a {font-family: "黑体","Courier New","tahoma";color: #9d0a0e;} #page-content h2 a:hover {font-family: "黑体","Courier New","tahoma";border-bottom: none;} .ep #page-content h1 {color: #0054a6;font-family: "黑体","Courier New","tahoma";} .students #page-content h1 {font-family: "黑体","Courier New","tahoma";color: #598527;} .yp #page-content h1 {color: #f65306;font-family: "黑体","Courier New","tahoma";} .investors #page-content h1 {color: #620460;font-family: "黑体","Courier New","tahoma";} .students #page-content h4 { font-size:1.5em; font-family: "黑体", "Courier New", "tahoma"; line-height: 1; color: #666666; font-weight: bold; margin-top: 1em; padding-left: 10px; } .investors #page-content h4 { font-size:1.5em; font-family: "黑体", "Courier New", "tahoma"; line-height: 1; color: #666666; font-weight: bold; margin-top: 1em; padding-left: 10px; } /* @end */ /* @group Grids */ .grid { overflow: hidden; clear: both; max-width: 940px;} .column { float: left; overflow: hidden; } /* extends column */ .grid .column.primary { margin-right: 20px; max-width: 720px;} #home .grid { padding-bottom: 3em;} #home .grid .column { margin-right: 19px; margin-top: -3px; width: 223px; /* background: transparent url(../images/backgrounds/bg-box.png) 0 0 no-repeat; */} /* #home .grid .column.primary { margin-left: -3px;} */ /* #home .grid .column .inner {background: transparent url(../images/backgrounds/bg-teaser-top.png) 0 0 no-repeat; } */ /* #home .grid .primary { max-width: none; border: none; background: transparent url(../images/backgrounds/bg-teaser-bottom-rd.png) 0 100% no-repeat;} */ /* #home .grid .primary .inner { background: transparent url(../images/backgrounds/bg-teaser-top-rd.png) 0 0 no-repeat;} */ /* #home .grid .tertiary { margin-right: 9px;} */ #home .grid .quaternary { width: 226px; margin: 0; border: none; background: transparent; } #home .grid-container {overflow: hidden; clear: both; } #home .grid-container .grid { width: 714px; float: left;background: transparent url(../images/backgrounds/bg-boxes-bottom.png) 0 100% no-repeat; padding-bottom: 0; } #home .grid-container .grid-inner {background: transparent url(../images/backgrounds/bg-boxes-top.png) 0 0 no-repeat; overflow: hidden; padding-bottom: 15px;} /* sub-grid */ .sub-grid { overflow: hidden; clear: both;} .sub-grid .local-navigation { width: 135px; margin-right: 20px;} .sub-grid .main-content { width: 565px;} .sub-grid.wide .main-content { width: 100%;} /*.special .sub-grid.wide .main-content { width: 710px; padding-left: 10px;} #SPECIAL*/ .special .sub-grid.wide .main-content { width: 720px; } .secondary { width: 200px;} /* grid-4: 1 column full width */ .grid-4 { padding:0 25px;} /* target cols on chinese homepage */ #home .grid-2 {overflow: hidden; clear: both; width: 100%;} #home .grid-2 .column-1 {float:left;width:714px;} #home .targets-container {overflow: hidden; clear: both; } #home .grid.targets { background: transparent url(../images/backgrounds/bg-targets-ch.png) 0 100% no-repeat; padding: 0;margin: 0 0 12px 0; float: left; width: 714px;} #home .grid.targets .targets-inner {background: transparent url(../images/backgrounds/bg-targets-ch-top.png) 0 0px no-repeat; overflow: hidden; clear: both; padding-bottom: 20px;} #home .grid.targets .column { background: none; margin: 0; width: 235px; } #home #page-content .grid.targets .column h2 {font-family: "黑体","Courier New","tahoma";padding: 0; margin: 0 0 15px;} /*#home .grid.targets .column h2 a { background: transparent url(../images/buttons/btn-targets-ch.png) 0 0 no-repeat; padding: 20px 20px 5px; text-indent: -9999em; display: block;} */ #home .grid.targets .secondary {width: 234px;} #home .grid.targets .quaternary {width: 226px;} #home .grid.targets .secondary h2 a { font-family: "黑体","Courier New","tahoma";background-position: 0 -157px;} #home .grid.targets .tertiary {margin-right: 7px; width: 238px;} #home .grid.targets .tertiary h2 a { font-family: "黑体","Courier New","tahoma";background-position: 0 -357px;} #home .grid.targets .column ol, #home .grid.targets .column ul { margin: 0 0 17px; } #home .grid.targets .column ol a, #home .grid.targets .column ul a { background: transparent url(../images/arrows/arrow-1.png) 0 2px no-repeat; padding-left: 10px;} #home .grid.targets a.banner {margin: 0;} #home .grid.targets .banner.first {margin-bottom: 10px;} #home .grid.targets .button-bar {margin: 0;} #home .grid.targets .button-bar.full, #home .grid-container .grid-inner .button-bar.full { background-color: Transparent; clear:both;overflow:hidden;width:100%;margin: 0;} #home .grid-container .grid-inner .button-bar.full {padding-top: 5px;} /*#home #page-content .grid.targets .button-bar .more, #home #page-content .grid-inner .button-bar .more {float:left;margin: 0 5px 0 130px;}*/ #home #page-content .grid.targets .button-bar .more {float:left;margin: 0 5px 0 130px;} #home #page-content .grid-inner .button-bar.full .moreDiv { position: relative; width: 220px; height: 24px; float: left; margin-right: 20px; } #home #page-content .grid-inner .button-bar.full .moreDiv.last { margin-right: 0px;} #home #page-content .grid-inner .button-bar.full .moreDiv img { margin-left: 120px; } #home #page-content .grid-inner .button-bar .more {margin: 0 28px 0 127px;} #home #page-content .grid-inner .button-bar .last { margin-right: 0;} #home #page-content .grid.targets .button-bar img { margin-right: 15px;} #home #page-content .grid-inner .button-bar img { margin-right: 0;} #home #page-content .grid-inner .tertiary { margin-right: 0;} #home #page-content .grid-inner ol, #home #page-content .grid-inner ul, #home #page-content .grid-inner li.last {margin-bottom: 0;} #home #page-content ul.link-list{ margin-top:16px;} /* @end */ /* end grids */ /* @group Lists */ dl { color: #000; overflow: auto; font-size: 1.2em; line-height: 1.5;} dl dt, dl dd { display: block; float: left; } dl dt { font-weight: bold;margin-right: 5px;} .addresses { overflow: hidden; clear: both; margin-bottom: 4em; } .addresses dl { float: left;} .addresses .column-2 {float: right; margin-right: 30px;} .addresses dt { float: none; } /* oredered list */ #page-content ol { list-style-type: decimal; margin:1.335em 0 1.335em 20px; } /* default link-list */ #page-content .link-list, #page-content .link-list { margin-left: 0; list-style-type: none;} #page-content .link-list .first h2 { margin-top: 0; } #page-content .link-list li, #page-content .link-list li a { display: block;} #page-content .link-list .last { border: none; } /* homepage columns */ #home .column ol, #home .column ul {padding: 0 15px; margin:0;} #home .secondary ol {margin-bottom: 8px;} #home .tertiary ol, #home .tertiary ul {margin-bottom: 0;} #home .column ol li, #home .column ul li { margin: 0 0px 10px 0; line-height: normal; } span.meta { font-size: 1.1em; line-height: 1; color: #666; } .main-content span.meta { margin:0.2em 0 2em 0; display: block; color: #464646;} .main-content ul span.meta { margin-bottom: 0.1em;} /* #home .primary ol { padding: 0 6px; } */ /* list on homepage*/ /* #home .primary ol { margin: 0 0 48px 0;} */ #home .primary ol.link-list li { margin: 0 0 6px 0;} /* #home .primary ol.link-list li a { background: #fff url(../images/arrows/arrow-1.png) 5px 6px no-repeat; padding: 4px 0 4px 15px;} */ /* @group Accordion */ .accordion { margin: 0 0 1.6em 0; } #page-content .accordion ul { margin: 0 0 0 0;} #page-content .accordion ul h2 { margin: 0 0 0 0; font-size: 1.167em;} /*#page-content .accordion ul h2 a { color: #fff; padding: 7px 5px 7px 10px; background: #87080C url(../images/backgrounds/red.png) 0 -245px no-repeat; } */ /* #page-content .accordion ul h2 a { color: #fff; padding: 7px 5px 7px 10px; background: url(../images/backgrounds/red.png) 0 -245px no-repeat; } */ #page-content .accordion ul h2 a { color: #fff; height: 17px; padding: 7px 0 7px 10px; margin: 0; background: url(../images/backgrounds/red.png) 0 -244px no-repeat; line-height:normal; } #page-content .accordion ul h2 a strong { font-weight: normal;} #page-content .accordion ul h2.open a { padding-bottom: 14px; background-position: 0 -369px; height:10px;} #page-content .accordion ul .first h2 a {background: #87080C url(../images/backgrounds/red.png) no-repeat 0 0; } /* edited 010609*/ #page-content .accordion ul .first h2.open a { padding-bottom: 14px; background-position: 0 -124px;} /* end edited */ a#dayin { letter-spacing: -1px; } #page-content .accordion-content { background: #fafafa; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1;} #page-content .accordion-content ul li { /*font-size: 1em;*/font-size: 13px; line-height: normal;} .accordion-content ul li a { color: #9d0a0e; border-bottom: 1px solid #e4e6e9; padding: 7px 5px 9px 23px; background:#fafafa url(../images/bullets/bullet-1.png) no-repeat scroll 10px 12px; margin: 0;} .accordion-content .highlight { color: #9d0a0e; border-bottom: 1px solid #e4e6e9; padding: 7px 0 9px 23px; background:#dddddd url(../images/bullets/bullet-1.png) no-repeat scroll 10px 12px; margin: 0;} .target #page-content .accordion ul.link-list ul.link-list { background-image: none; padding-bottom: 0; } .target #page-content .accordion-content ul li a { color: #36c;} /* ep version*/ .ep #page-content .accordion-content { background: #f0f3f6;} /* .ep #page-content .accordion ul h2 a {background: transparent url(../images/backgrounds/blue.png) 0 -245px no-repeat; border: none; } */ .ep #page-content .accordion ul h2 a {color: #fff; height: 16px; padding: 7px 0 7px 10px; margin: 0;background: transparent url(../images/backgrounds/blue.png) 0 -245px no-repeat; border: none; } .target .accordion-content ul {padding: 0;} .target .accordion-content ul li a { background-color: #e5f5ff; border-bottom: 1px solid #d9e3eb;border-top:1px solid #f1f9ff;} .target .accordion-content .highlight { background-color: #b4e1fd; border-bottom: 1px solid #d9e3eb;border-top:1px solid #f1f9ff; margin: 0;} .target #page-content .accordion-content ul li a:hover { background-color: #f8f8f8;} .target #page-content .accordion-content ul li:first-child a { border-top: none;} .target #page-content .accordion-content ul li:last-child { border-bottom:1px solid #edf6e0;} .target #page-content .accordion ul h2 a { color: #fff;} .target #page-content .accordion ul .first h2 a { background-position: 0 0; padding-bottom: 8px;} .target #page-content .accordion ul h2.open a { background-position: 0 -369px; border: none; } .target #page-content .accordion ul .first h2.open a { background-position: 0px -124px; padding-bottom: 14px; height:10px;} /* students */ .students #page-content .accordion-content { background: #ddecc7; border-left: 1px solid #8dc63f; border-right: 1px solid #8dc63f; border-bottom: 1px solid #8dc63f; } .students #page-content .accordion-content ul li a { background-color: #ddecc7; border-bottom: 1px solid #cde8af; color: #3f6618;} /*.students #page-content .accordion ul h2 a {background: transparent url(../images/backgrounds/green.png) 0 -245px no-repeat; border: none; }*/ .students #page-content .accordion ul h2 a {color: #fff; height: 16px; padding: 7px 0 7px 10px; margin: 0;background: transparent url(../images/backgrounds/green.png) 0 -245px no-repeat; border: none;} .students #page-content .accordion ul h2.open a { height:10px;} .students #page-content .accordion-content .highlight { background-color: #bdd866; border-bottom: 1px solid #cde8af; color: #3f6618;} /* young pros */ .yp #page-content .accordion-content { background: #fbe6d0; border-left: 1px solid #f7941d; border-right: 1px solid #f7941d; border-bottom: 1px solid #f7941d; } .yp #page-content .accordion-content ul li a { background-color: #fbe6d0; border-bottom: 1px solid #fcd7a8; color: #9d3c0e;} /*.yp #page-content .accordion ul h2 a {background: transparent url(../images/backgrounds/orange.png) 0 -245px no-repeat; border: none; }*/ .yp #page-content .accordion ul h2 a {color: #fff; height: 16px; padding: 7px 0 7px 10px; margin: 0;background: transparent url(../images/backgrounds/orange.png) 0 -245px no-repeat; border: none; } .yp #page-content .accordion-content .highlight { background-color: #fdc890; border-bottom: 1px solid #fcd7a8; color: #9d3c0e;} /* investors */ .investors #page-content .accordion-content { background: #e4d3e8; border-left: 1px solid #92278f; border-right: 1px solid #92278f; border-bottom: 1px solid #92278f; } .investors #page-content .accordion-content ul li a { background-color: #e4d3e8; border-bottom: 1px solid #d4a6d5; color: #620460;} /*.investors #page-content .accordion ul h2 a {background: transparent url(../images/backgrounds/purple.png) 0 -245px no-repeat; border: none; }*/ .investors #page-content .accordion ul h2 a {color: #fff; height: 15px; padding: 7px 0 7px 10px; margin: 0;background: transparent url(../images/backgrounds/purple.png) 0 -245px no-repeat; border: none; } .investors #page-content .accordion-content .highlight { background-color: #cea3cc; border-bottom: 1px solid #d4a6d5; color: #620460;} /* @end */ /* @group Pagination */ .pagination { overflow: hidden; clear: both; margin-bottom: 3em; font-size: 1em; line-height: 1; text-align:center; width:100%;} .pagination p { float:left; margin: 0; font-size: 100%; line-height: 1.6;} #page-content .pagination ul { list-style-type:none;margin:0 auto; overflow: hidden; /* width: 300px; */ text-align:center; width:100%; } /* .pagination li { display: block; margin-right: 5px; font-size: 100%; line-height: 1.6; float: left;} */ .pagination li { margin-right: 3px; font-size: 100%; line-height: 1.6; display:inline-block; list-style:none;} /* For IE6 and IE7 */ * html .pagination li { display:inline; } /* for IE 6 */ * + html .pagination li { display:inline; } /* for IE 7 */ /* For IE6 and IE7 */ .pagination a { color: #fff; font-weight: bold; font-size: 0.917em; background: transparent url(../images/backgrounds/paginate.png) 0 0 no-repeat; padding:0px 0; width: 20px; text-align: center; display: block;height:20px;} .pagination a.prev { background: transparent url(../images/backgrounds/pag-nav.png) 100% 0 no-repeat;float:left; width: 61px; color: #868686;text-align: right; padding-right: 5px; height:20px; } .pagination a.next { background: transparent url(../images/backgrounds/pag-nav.png) 0 -80px no-repeat; float:left; padding-left: 5px; color: #868686; width: 61px; text-align: left;height:20px;} .pagination a:hover {border: none; color: #9d0a0e} .pagination .current a { color: #868686; background-position: 0 -80px; } #page-content .sub-grid.wide .pagination { overflow: hidden; clear: both; width: 630px; margin-left: 90px;} #page-content .sub-grid.wide .pagination .next { margin-right: 0;} /* @end */ /* @end */ /* @group Special Content components */ /* @group Content-Header */ .content-header { overflow: hidden; clear: both; width: 720px; background: #f4f4f4 url(../images/backgrounds/cheader-gen.png) 0 0 no-repeat; height:25px; margin: 0 0 15px 0; font-family: "黑体","Courier New","tahoma";} /* @group Breadcrumbs */ #page-content .breadcrumbs { padding: 5px 3px 0;float: left; } #page-content .breadcrumbs ul { margin: 0; } #page-content .breadcrumbs li { display: block; float: left; font-size: 1.21em; color: #9d0a0e; padding-top: 0px;} #page-content .breadcrumbs a { color: #9d0a0e; display: block; float: left; padding-right: 5px; line-height: 1.363; } #page-content .breadcrumbs li strong { display: block; float: left; padding-right: 5px; line-height: 1.363; } .ep #page-content .breadcrumbs ul li, .ep #page-content .breadcrumbs ul li a { color: #0054a6;} #page-content .breadcrumbs ul li a#bc-home { background: transparent url(../images/icons/home.png) 10px 0 no-repeat; text-indent: -9999px; width: 30px; } .ep #page-content .breadcrumbs ul li a#bc-home { background-position: 10px -93px;} /* students */ .students #page-content .breadcrumbs ul li a#bc-home { background-position: 10px -287px;} .students #page-content .breadcrumbs ul li, .students #page-content .breadcrumbs ul li a { color: #598527;} /* young pros */ .yp #page-content .breadcrumbs ul li a#bc-home { background-position: 10px -187px;} .yp #page-content .breadcrumbs ul li, .yp #page-content .breadcrumbs ul li a, .yp #page-content #text-resize, .yp #page-content #text-resize li, .yp #page-content #text-resize a { color: #f26522;} /* investors */ .investors #page-content .breadcrumbs ul li a#bc-home { background-position: 10px -387px;} .investors #page-content .breadcrumbs ul li, .investors #page-content .breadcrumbs ul li a, .investors #page-content #text-resize, .investors #page-content #text-resize li, .investors #page-content #text-resize a { color: #620460;} /* @end */ /* @group horizontal ruler */ .horizontal-ruler {background:#959595;border:medium none;clear:both;height:1px;margin:1em 0 1em;} hr { display: none; } /* @end */ /* @group button-bar */ .button-bar {clear:both;overflow:hidden;width:100%; margin-bottom: 2.2em; display:block;} .button-bar-empty {clear:both;overflow:hidden;width:100%; margin-bottom: 2.2em; display:block; height: 15px;} #home .button-bar { margin-bottom: 1.5em;} #home #page-content .button-bar img { margin-right: 10px;} #page-content .button-bar img { margin: 0; } .aside .button-bar { margin: 0;} .aside .button-bar button { margin-right: 8px;} .button-bar.share {clear:both;overflow:hidden;} .button-bar.share .container-outer {background:#FFFFFF url(../images/buttons/btn-share-right.png) no-repeat scroll 100% 0;clear:both;float:right;overflow:visible;padding-right:5px;} .button-bar.share .container {background:transparent url(../images/buttons/btn-share-left.png) no-repeat scroll 0;clear:both;overflow:hidden;padding:1px 0 0 5px;} #page-content .button-bar a {padding:1px 5px; float: left;/*font-size: 1.1em;*/ font-size: 1.2em; border: none; color: #36c;} #page-content .button-bar a.back, #page-content .button-bar a.top, #page-content .button-bar a.share {color:#fff;display:block;float:right;font-size:1.2em;line-height:1.334;} #page-content .button-bar.share a {display:block;float:left;height:10px;line-height:1;margin-top:2px;padding:0;text-indent:-9999px;width:10px;} #page-content .button-bar.share a.first {background:transparent url(../images/icons/icons.png) no-repeat scroll 0 -790px;} #page-content .button-bar a.top { padding: 0 0 0 15px; background: #fff url(../images/buttons/btn-top-2.png) 0 4px no-repeat; color: #36c;/*font-size: 1.1em;*/ font-size: 1.2em; line-height: 1.6; } #page-content .button-bar.share span {display:block;float:left;margin:0 20px 0 10px;text-transform:uppercase;} #page-content .button-bar a.send { background: transparent url(../images/buttons/btn-send.png) 0 50% no-repeat; padding-left: 25px; margin-right: 15px; } #page-content .button-bar a.print-button { background: transparent url(../images/buttons/btn-print.png) 0 50% no-repeat; padding-left: 20px; margin-right: 10px; } #page-content .button-bar a.more { float: right; padding: 0; margin: 0;} /* @end */ /* @group Banners */ #home a.banner { display: block; margin: 0 0 12px 0;} #home a.banner.last { margin: 0;} #home a.banner img {margin: 0;} /* @end */ /* @group Text-Resize */ #text-resize { display: none;} /* only available when javascript enabled */ .separator{ margin-top:-5px;} /* @end */ /* @end */ /* @group Main Content */ .main-content a.more:hover {border: none;} .main-content a.back { font-size: 1.2em; line-height: 1.6;} #page-content .attached { margin: 0; } #page-content h2.attached { margin-bottom: 0.2em;} /* paragraphs */ #page-content p { margin: 0 0 14px;} #page-content p.intro { font-size: 1.6em; line-height: 1.125; font-weight: bold; line-height: 1.4;} #page-content .illustrated { overflow: hidden; clear: both; margin: 0 0 1em 0; } #page-content .illustrated p img { float: left; margin: 0 10px 0 0;} #page-content .illustrated.inverted p img { float: right; margin: 0 0 0 10px;} /* @group Forms */ legend { font-size: 1.2em;} select option { margin: 3px;} input.radio, .checkbox { float: left; clear: left; margin: 3px 10px;} input.radio, label { display: block;font-size: 1.2em;} label { clear: right;margin-bottom: 5px; line-height: 1.4; } .main-content form .button-bar { margin:0 0 3em 0; width: 520px;} /*form .button-bar button { float: right; margin:0; background: none; border: none; padding: 0;}*/ .form .button-bar .button { text-align:right; float: right; margin:0; background: none; border: none; padding: 0; } #page-content legend { display: none; } #page-content .main-content .form ul {/* margin: 0 110px 15px 0; */ list-style-type: none; margin: 0;} #page-content .main-content label { float: left; color: #252525; font-weight: bold; /* font-size: 1em; */ padding-top: 2px; margin-bottom: 0;} #page-content .main-content li label { font-size: 1em;} #page-content .main-content .text, #page-content .main-content textarea { font-family: "Arial", sans-serif; font-size:1.2em;font-weight: normal; padding: 3px; border-width: 1px; border-style: solid; border-color: #aaadb2 #dcdfe6 #e3e3eb #e3e3eb; width: 420px; display: block; float: left;} #page-content .main-content li .text, #page-content .main-content li textarea { font-size: 1em;} #page-content .main-content .form li { overflow: hidden; clear: both; margin-bottom: 15px;} #page-content .main-content #captcha { width: 227px;} #page-content .main-content .form .captcha { } #page-content .main-content .form .captcha-textbox { font-family: "Arial", sans-serif; font-size:1em;font-weight: normal; padding: 3px; border-width: 1px; border-style: solid; border-color: #aaadb2 #dcdfe6 #e3e3eb #e3e3eb; width: 207px; display: block; float: left; } #page-content .main-content .form .captcha-textboxlabel { font-size: 1em; width: 200px; font-weight: normal; margin-bottom: 9px; } /* @end */ /* @group News-list */ #page-content .news-list { margin: 0 0 3em 0;} #page-content .column .main-content .news-list li p{font-size:1em;} #page-content .news-list li { overflow: hidden; clear: both; border-bottom: 1px solid #959595; padding-bottom: 0.5em; margin-bottom: 1em;} #page-content .news-list h2 {font-size: 1.5em; margin:0 0 0.2em 0; line-height:normal;} #page-content .news-list li h2 a { color: #9d0a0e; display: inline;} #page-content .news-list h2 a:hover { border-color: #9d0a0e;} #page-content .news-list .meta {color:#626262; font-size:0.917em; line-height:normal;} #page-content .news-list .last .meta {color:#626262; font-size:0.917em; line-height:normal;} #page-content .news-list p { color: #000; /*font-size: 1em;*/ margin-bottom: 0.5em;} #page-content .news-list a.more { float: right; } #page-content .news-list a.more img { margin: 0;} /* publications */ #page-content .news-list li img { float: left; margin:0 25px 3px 0;} #page-content .news-list li .content {clear: right; display: inline; float: left; width: 415px;} #page-content .news-list li .content p{ font-size:1em;} #page-content .news-list li .content .collateral{clear: both; margin: 20px 0 10px 0; width: auto;} #page-content .news-list li .content h2 { margin-top: 0;} #page-content .news-list li .content a { display: inline;} #page-content .news-list li .content a:hover { border-bottom: none;} /* @end */ /* categories */ #page-content .categories { margin-bottom: 3em;} #page-content .categories h2 { font-size: 1.6em; color: #9d0a0e; margin-top: 0; } #page-content .categories ul { list-style-type: none; margin: 0 0 10px 0;} #page-content .categories ul li { padding: 5px 0 5px 37px; background: transparent url(../images/bullets/bullet-1.png) 15px 10px no-repeat;} #page-content .categories a { color: #9d0a0e; } #page-content .categories ul li.last { border: none;} #page-content .categories .button-bar { margin-bottom: 0.1em;} #page-content .categories .facts li {padding: 0;background: transparent url(../images/backgrounds/bg-fact-bot.png) 0 100% no-repeat; margin-bottom: 11px;} #page-content .categories .facts li .inner {background: transparent url(../images/backgrounds/bg-fact-top.png) 0 0 no-repeat; padding: 6px 0 8px;} #page-content .categories .facts p { padding:0 15px 0 58px;background: transparent url(../images/arrows/arrow-2b.png) 7px 2px no-repeat; font-size: 1em; margin: 0; min-height: 36px;} /* categories on faqs page */ .split { width: 100%; overflow: hidden; clear: both; margin-bottom: 3em;} #page-content .split .categories { width: 188px; float: left; margin-bottom: 0;} .split .horizontal-ruler { margin-bottom: 2em; background-color: #c0c0c0;} /* faqs */ #page-content ul.faqs { list-style-type: none; margin: 0; } #page-content ul.faqs li { border-bottom: 1px solid #cacaca; padding: 1.5em 0 0 0; } #page-content ul.faqs li ul { font-size:0.715em; border-bottom: none; padding: 0 0 0 4.5em; margin: 0; } #page-content ul.faqs li ul li { border-bottom: none; padding: 0; margin: 0; } #page-content ul.faqs li.last { border-bottom: none;} #page-content ul.faqs li p { font-size:1.4em; padding: 0 0 0 37px; background: transparent url(../images/icons/icons2.png) 10px -183px no-repeat;} #page-content ul.faqs li table{ font-size:0.835em;} #page-content ul.faqs li p.question { color: #9d0a0e; font-size: 1.334em; line-height: 1.125; font-weight: bold;} #page-content ul.faqs li p.answer { color: #000; font-size: 1em; line-height: 1.5; background-position: 10px -283px;} #page-content ul.faqs li .button-bar { margin-bottom: 1em;} #page-content ul.faqs li .button-bar a.top { /*font-size: 1em;*/font-size: 0.858em; line-height: 1.5;} /* blogs */ #page-content .blogs {overflow: hidden; clear: both; width: 100%;} #page-content ul.blogs { list-style-type: none; margin: 0;} #page-content ul.blogs li { overflow: hidden; clear: both; width: 100%;} #page-content .blogs .date { float: left; width: 70px; background: transparent url(../images/backgrounds/blog-date.png) 0 0 no-repeat;} #page-content .blogs .date span { display: block; font-size: 1.2em; line-height: 1.5; text-align: center; color: #000;} #page-content .blogs .date span.month { font-weight: bold; color: #fff; } #page-content .blogs .date span.day { font-weight: bold; font-size: 3em; line-height: 1; padding: 4px 0 0 0;} #page-content ul.blogs li .date span { font-size: 1em; line-height: 1.5; text-align: center; color: #000;} #page-content ul.blogs li .date span.day { font-size: 1.9em; line-height: 1; } #page-content ul.blogs li .date span.year { font-size: 0.88em;} #page-content .blogs .entry { float: right; width: 630px; } #page-content .blogs .entry h2 { margin: 0 0 10px 0; font-size: 2.4em;} #page-content ul.blogs li .entry h2 { font-size: 1.7em;} #page-content .blogs .entry .meta { padding: 0 0 10px 0; border-bottom: 1px solid #ebebeb; margin: 0 0 10px 0; font-size: 1.2em;} #page-content ul.blogs li .entry .meta { font-size: 1em;} #page-content .blogs .entry .meta span { background: transparent url(../images/icons/blogs.png) 0 0 no-repeat; padding: 1px 0 1px 20px; color: #363636;} #page-content .blogs .entry .meta .posted { margin-right: 20px; font-size: 0.917em;} #page-content .blogs .entry .meta .comments { background-position: 0 -84px; padding: 1px 0 2px 20px;font-size: 0.917em;} #page-content .blogs .entry .meta.tags { color: #545454; font-size: 1.2em; line-height: 1.5; border: none; margin-top: 10px;} #page-content ul.blogs li .entry .meta.tags { color: #545454; font-size: 1em; line-height: 1.5; border: none;} #page-content .blogs .entry .meta.tags strong { color: #000;} #page-content .blogs .entry .summary { overflow: hidden; clear: both; width: 630px; margin: 0 0 20px 0;} #page-content .blogs .entry .summary img { margin: 0; float: left; } /*#page-content .blogs .entry .summary p { float: right; width: 525px; font-size: 1em; line-height: 1.5; color: #000; margin: 0;}*/ #page-content .blogs .entry .summary p { float: right; width: 100%; font-size: 1em; line-height: 1.5; color: #000; margin: 0;} #page-content .blogs .entry .button-bar { background: #f4f4f4; margin-bottom: 4em;} #page-content .blogs .entry .form .button-bar { background: #fff; margin-bottom: 4em;} #page-content .blogs .entry .button-bar a { font-size: 1.2em; line-height: 1.5;} #page-content .blogs .entry .button-bar a.perma { background: transparent url(../images/icons/blogs.png) 0 -187px no-repeat; padding-left: 20px; margin-left: 5px; margin-right: 15px; } #page-content .blogs .entry .button-bar a.perma2 { font-size: 12px; background: transparent url(../images/icons/blogs.png) 0 -187px no-repeat; padding-left: 20px; margin-left: 5px; margin-right: 15px; } #page-content .blogs .entry div.illustrated { margin-bottom: 0;} #page-content .blogs img {display: inline;} #page-content .blogs .entry { font-size: 1.4em; line-height: 1.7; } #page-content .blogs .entry p { font-size: 1em; } /* comments */ /*#page-content .blogs .entry .comments .button-bar { background: #fff;} #page-content .blogs .entry div.comments { border-top: 1px solid #ebebeb; padding: 2em 0 0 0;} #page-content .blogs .entry div.comments h2 { color: #9d0a0e; font-size: 1.8em; line-height: 1; font-weight: normal; margin-bottom: 1em; } #page-content .blogs .entry .comments .content {border-bottom: 1px solid #ebebeb; margin-bottom: 1.5em;} #page-content .blogs .entry .comments .content .meta { display: block; overflow: hidden; clear: both; padding: 0; margin: 0 0 1.5em 0; border: none; } #page-content .blogs .entry .comments .meta .posted { font-size: 1em; font-weight: bold; background: none; padding: 0; margin: 0 0 7px 0; display: block; color: #252525;} #page-content .blogs .entry .comments .meta .date { background: none; padding: 0; width: auto; display: block; color: #959595;} #page-content .blogs .entry .comments .content p { margin-bottom: 1em;}*/ #page-content div.comments { border-top: 1px solid #ebebeb; padding: 2em 0 0 0;} #page-content div.comments h2 { color: #9d0a0e; font-size: 1.8em; line-height: 1; font-weight: normal; margin-bottom: 1em; } #page-content div.comments .content {border-bottom: 1px solid #ebebeb; margin-bottom: 1.5em;} #page-content div.comments .content .meta { display: block; overflow: hidden; clear: both; padding: 0; margin: 0 0 1.5em 0; border: none; } #page-content div.comments .meta .posted { font-size: 1em; font-weight: bold; background: none; padding: 0; margin: 0 0 7px 0; display: block; color: #252525;} #page-content div.comments .meta .date { background: none; padding: 0; width: auto; display: block; color: #959595;} #page-content div.comments .content p { margin-bottom: 1em;} /* @group Events */ /* event page */ #page-content .event-details { margin-top: 18px; margin-left: 12px; margin-bottom: 15px; overflow: hidden; clear: both; font-family:Arial, Helvetica, sans-serif; } #page-content .event-details img { margin: 0 23px 0 0; float: left; } #page-content .event-content { margin-left: 12px; padding-right: 10px; font-family:Arial, Helvetica, sans-serif; } #page-content .event-details .meta-container { float: left; background: transparent url(../images/backgrounds/bg-event-bottom.png) 0 100% no-repeat; width: 444px; } #page-content .event-details .meta-container .inner { background: transparent url(../images/backgrounds/bg-event-top.png) 0 0 no-repeat; padding:15px 10px 15px 10px; width: 100%; } #page-content .event-details .meta-container dl { margin-bottom: 2px; } #page-content .event-details .meta-container dt { width: 62px; margin: 0; } #page-content .event-details .meta-container dd { width: 360px;} #page-content .event-details .meta-container .button-bar { margin: 6px 0 0 0; } #page-content .event-details .meta-container .button { font-size: 1.2em; float: left; } #page-content .meta-container .enquiry { margin-right: 15px !important; } #page-content .event-details .meta-container .more { background-position: 0 -175px; padding: 7px 4px 2px 25px; width:70px;} #page-content .event-content .button-bar { border-top: 1px solid #959595; margin: 2em 0 2.2em 0; padding-top: 14px; } /* events */ #page-content .header { overflow: hidden; clear: both; margin: 0 0 10px 0; } #page-content .header h1 { font-family: "黑体","Courier New","tahoma";float: left; margin: 0 0 0 12px;} #page-content .header .sort-form { float: right; margin-top: 6px;} #form-event { margin-right: 10px;} #page-content .header .sort-form label { float: left; margin:0 5px 0 0; clear: none;font-size:1.2em;font-weight:normal;width:auto; color: #959595;} #page-content .header button { display: none; } /*table { width: 100%; background: #fff; margin-bottom: 18px;}*/ /* Erwin modified: 28 oct 2009 */ table { width: auto; background: #fff; margin-bottom: 18px; padding: 6px;} table th, table td { font-size: 1.2em; } .events thead th {padding-left: 12px; font-weight: normal; border-bottom: none;} .events { background: transparent url(../images/backgrounds/bg-events.png) 0 0 no-repeat; margin: 0 0 5em 0;} thead .date { width: 93px;} thead .event-title { width: 368px;} thead .venue { width: 106px;} thead .country { width: 100px;} tbody th span { display: block; font-size: 0.915em; color: #0054a6;} tbody th .date { /*font-size: 1.835em;*/font-size: 1.2em; font-weight:bold; line-height: 1;color: #9d0a0e;} /* tbody td { width: 615px;} */ .events thead th { font-size: 1.5em; line-height: 1.733; color: #fff;} .events tbody th {background: transparent url(../images/backgrounds/bg-event-date.png) 0 0 no-repeat; padding: 18px 10px;} #page-content .events td ul {margin: 0 0 1em 0; list-style-type: none; background: transparent url(../images/backgrounds/bg-events-list.png) 0 100% no-repeat; padding: 0;} #page-content .events li { background: #f3f3f3 url(../images/arrows/arrow-1.png) 9px -80px no-repeat; border-bottom: 2px solid #e8e8e8; margin:0 0 4px 1px; font-size: 1em; overflow: auto; clear: both;} #page-content .events .open { background-position: 8px -181px;} #page-content .events li a { display: block; float: left;padding: 7px 0 7px 10px;} #page-content table.events td ul li a:hover { border: none;} #page-content table.events td ul li span { display: block; float: left;} #page-content table.events td ul li span.title a {width: 357px; padding-left: 26px;} #page-content table.events td ul li span.venue a { width: 108px; color: #000;} #page-content table.events td ul li span.country a { color: #000; width: 84px;} #page-content table.events td ul li .event-details { clear: both; padding: 1em 10px 0 10px; margin-top: 0; margin-left: 0; margin-bottom: 0;} #page-content table.events td ul li .event-details dl { font-size: 1em;} #page-content table.events td ul li .event-details h2 {margin: 0; font-weight: normal; font-size: 1.5em;} #page-content table.events td ul li .event-details img { margin: 0 10px 5px 0; float: left;} #page-content table.events td ul li .event-details p { margin: 0 0 1em 0; font-size: 1em; color: #363636; clear: both;} #page-content table.events td ul li .event-details .button-bar { margin-bottom: 0.5em;} #page-content .events .button-bar .button, #page-content .event-details .button, #page-content .event-content .button { background: transparent url(../images/buttons/btn-events.png) 0 5px no-repeat; color: #000; font-size: 1em; padding: 7px 4px 2px 25px; margin:0 15px 0 0; float: right;} #page-content .events .button-bar .enquiry, #page-content .meta-container .enquiry { margin-right: 0; background-position: 0 -75px; width:44px;} #page-content .meta-container .signup { width:44px;} #page-content table.events td dl dd a { display: inline; float: none; padding: 0;} dl.dates dd { margin-right: 60px;} /* @end */ /* @group Search-Results */ /* search results */ .keyword { color: #9d0a0e; font-weight: bold;} #page-content .results { margin-bottom: 2em;} .results li { background: #f8f8f8; padding: 8px 10px 10px 10px; margin-bottom: 15px;} #page-content .results h2 { font-size: 1.4em; margin: 0 0 10px 0;} #page-content .results h3 { font-size: 1em; margin: 0 0 5px 0; color: #000; font-weight: bold;} #page-content .column .main-content .results p { font-size: 1em; } #page-content .results li a {color: #0072bc; display: inline;} /* @end */ /* @group Feedback */ .feedback .sub-grid.wide .main-content { padding: 0; width: 565px;} .feedback #page-content .sub-grid.wide .main-content p { padding: 10px 10px 28px 10px; margin: 0;background: #fafafa;} .feedback .sub-grid.wide .main-content fieldset { padding: 10px; background: #fafafa;} .feedback #page-content .main-content .form ul { margin: 0;} #page-content .main-content label { width: 90px;} .feedback #page-content .main-content label { width: 91px;} .feedback #page-content .main-content label.col-2 { text-indent: 25px;} #page-content .main-content .extra-label { width: auto; font-weight: normal; margin-bottom: 9px;} .feedback #page-content .main-content .extra-label { width: 170px; color: #959595; font-weight: bold;} .feedback #page-content .main-content .text { width: 173px; float: left;} .feedback #page-content .main-content select { width: 181px; float: left; color: #959595;} .feedback #page-content .main-content textarea { width: 446px; float: left;} .feedback #page-content .main-content .textarea_contactusform textarea { width: auto; float: left;} .feedback #page-content .main-content .required { float: right; display: block; width: 61px;background: transparent url(../images/backgrounds/bg-req.png) 0 0 no-repeat; color:#fff;font-size:0.917em;font-weight:normal; text-indent: 15px; height: 15px; margin-top: 3px;} #page-content .main-content li img { margin: 0 20px 0 0; float: left; } .feedback #page-content .main-content .textbox { width: 170px; margin-top: 10px;} .feedback #page-content .sub-grid.wide .main-content .form li p { padding: 0; font-size: 1em; color: #252525;} .feedback #page-content .sub-grid.wide .main-content .form-radio-table .tdcaptcha p { padding: 5px 5px 5px 5px; font-size: 1em; color: #252525;} .feedback .sub-grid.wide .main-content .button-bar { background: #fafafa; padding: 3px 10px 30px 0; width: auto;} /* @end */ /* @group dayinthelife */ .person {} #page-content .person h2 { font-size: 1.4em; line-height: 1.286; color: #464646; margin: 0 0 7px 0;} .person .intro { overflow: auto; clear: both; } #page-content .person .intro img {margin: 0 15px 0 0; float: left;} .person .intro .content { float: left; width: 420px;} #page-content .person .intro h2 { font-size: 1.4em; line-height: 1.286; color: #252525; margin: 0;} #page-content .person .intro .country { margin-bottom: 1.2em;} #page-content .person ol { margin: 0 0 4.6em 0; list-style-type: none;} #page-content .person li { background: transparent url(../images/backgrounds/bg-day-bot.png) no-repeat 0 100%; line-height: 1.5; color: #464646; margin-bottom: 1.09em;} #page-content .person li .inner { background: transparent url(../images/backgrounds/bg-day-top.png) no-repeat 0 0; padding: 0 20px 0 14px; overflow: hidden; clear: both; } #page-content .person .time { color: #9d0a0e; font-weight: bold; display: block; width: 64px; float: left; padding-top: 25px;} #page-content .person li p { font-size: 1em; line-height: 1.334; float: left; width: 402px; margin: 0; padding: 13px 0 3px 65px; background: transparent url(../images/arrows/arrow-2b.png) no-repeat 0 -137px; min-height: 48px;} /* @end */ /* @group sitemap */ #sitemap .content-header { margin-bottom: 40px;} .special #page-content #sitemap{ padding-bottom: 20px;} .main-content #sitemap .column-container { text-align:left; overflow: hidden; clear: both; background: transparent url(../images/backgrounds/bg-sitemap-bottom.png) repeat-x 0 100%; margin-bottom: 20px; } .main-content #sitemap .column-container.targets { background: transparent url(../images/backgrounds/bg-sitemap-t-bottom.png) no-repeat 0 100%;} .special #page-content #sitemap .column { width: 177px;/* height: 700px; */margin:0 4px 0 0; /* background: transparent url(../images/backgrounds/bg-sitemap-bottom.png) 0 100% no-repeat; *//* padding-bottom: 13px; */} .special #page-content #sitemap .column li a { color:#9d0a0e; } .special #page-content #sitemap .column li a:hover { color:#000;} /*.special #page-content #sitemap .column.investors,*/ .special #page-content #sitemap .column.fourth { margin-right: 0; } .special #page-content #sitemap .column h2 { font-size: 1.8em; padding: 0 0 5px 12px; margin: 0; background: #fff;} .special #page-content #sitemap .column ul { background: #e7e5e5 url(../images/backgrounds/bg-sitemap.png) 0 0 no-repeat; list-style-type: none; margin: 0; padding: 14px 12px 0 10px; } .special #page-content #sitemap .column ul ul { background: none; padding: 0; } .special #page-content #sitemap .column li { margin-bottom: 12px;} .special #page-content #sitemap .column li li { margin: 0;} .special #page-content #sitemap .column li li a { display: block; margin: 0; padding-left: 12px; background: transparent url(../images/arrows/arrows-sitemap.png) 0 5px no-repeat; /*line-height:18px;padding-bottom:5px;*/ padding-bottom:1px; font-size:0.72em;} .special #page-content #sitemap .special-heading h2 { padding-top: 19px;} .special #page-content #sitemap .no-heading h2 { padding-top: 19px; text-indent: -999em;} /* .special #page-content #sitemap .column.ep {background: transparent url(../images/backgrounds/bg-sitemap-ep-bottom.png) 0 100% no-repeat;} */ .special #page-content #sitemap .ep h2 { font-family: "黑体","Courier New","tahoma"; color: #056bab; padding-top: 19px; } .special #page-content #sitemap .ep li a { color: #056bab; } .special #page-content #sitemap .ep li li a { background-position: 0 -90px;} .special #page-content #sitemap .ep ul {background: #deedf7 url(../images/backgrounds/bg-sitemap-ep.png) 0 0 no-repeat;} /* .special #page-content #sitemap .column.yp {background: transparent url(../images/backgrounds/bg-sitemap-yp-bottom.png) 0 100% no-repeat;} */ .special #page-content #sitemap .yp h2, .special #page-content #sitemap .yp li a { color: #dd5b03;} .special #page-content #sitemap .yp li li a { background-position: 0 -190px;} .special #page-content #sitemap .yp ul {background: #fee5d4 url(../images/backgrounds/bg-sitemap-yp.png) 0 0 no-repeat;} /* .special #page-content #sitemap .column.students {background: transparent url(../images/backgrounds/bg-sitemap-students-bottom.png) 0 100% no-repeat;} */ .special #page-content #sitemap .students h2 { font-family: "黑体","Courier New","tahoma"; color: #248502; padding-top: 19px;} .special #page-content #sitemap .students li a {color: #248502;} .special #page-content #sitemap .students li li a { background-position: 0 -190px;} .special #page-content #sitemap .students ul {background: #d6f4cb url(../images/backgrounds/bg-sitemap-students.png) 0 0 no-repeat;} /* .special #page-content #sitemap .column.investors {background: transparent url(../images/backgrounds/bg-sitemap-investors-bottom.png) 0 100% no-repeat;} */ .special #page-content #sitemap .investors h2 { font-family: "黑体","Courier New","tahoma"; color: #7f064d; padding-top: 19px;} .special #page-content #sitemap .investors li a { color: #7f064d;} .special #page-content #sitemap .investors li li a { background-position: 0 -290px;} .special #page-content #sitemap .investors ul {background: #f7cbe5 url(../images/backgrounds/bg-sitemap-investors.png) 0 0 no-repeat;} /* @end */ /* @group adv-search */ /*#advanced-search .sub-grid.wide .main-content { padding: 25px 40px 0 35px; background: #fafafa; width: 645px;}*/ /*.special #page-content #advanced-search { padding: 25px 40px 0 35px; background: #fafafa; width: 645px;}*/ .special #page-content #advanced-search { padding: 25px 40px 5px 25px; background: #fafafa; width: 655px; margin-bottom: 20px;} .special #page-content #advanced-search ul { padding: 0; margin: 0; } .special #page-content #advanced-search li { margin-bottom: 20px; list-style: none; } .special #page-content #advanced-search h2 { font-size: 1.4em; color: #000; font-weight: bold; margin-bottom: 10px; } .special #page-content #advanced-search label { width: auto; margin-right: 5px;} .special #page-content #advanced-search select { float: left; width: 155px; margin-right: 20px; /* margin-bottom: 20px; */} .special #page-content #advanced-search .results-select-1 { width: 50px; margin-right: 0; } .special #page-content #advanced-search .results-select-2 { width: 138px; } .special #page-content #advanced-search input.text { width: 284px; margin-right: 20px;} .special #page-content #advanced-search .button-bar { width: auto; margin-bottom: 10px; background-color: transparent; text-align: right; } /*.special #page-content #advanced-search .date input { width: 140px; margin-right: 5px;} .special #page-content #advanced-search .date textarea { width: 140px; margin-right: 5px;} .special #page-content #advanced-search .date span { width: 140px; margin-right: 5px;} .special #page-content #advanced-search #label-to { margin:0 10px 0 17px;} */ .special #page-content #advanced-search .date .to { font-weight: bold; padding-right: 5px;} /* @end */ /* end adv-search */ /* @group polls */ .main-content .polls { margin-bottom: 10em;} #page-content .column .main-content .polls p { font-size: 1.8em; line-height: 1; color: #252525; font-weight: bold;} .main-content .polls .poll {background: transparent url(../images/backgrounds/bg-cpoll-bottom.png) no-repeat 0 100%;} .main-content .polls .poll .inner { padding: 15px; background: transparent url(../images/backgrounds/bg-cpoll-top.png) no-repeat 0 0;} #page-content .main-content .polls .poll li { margin-bottom: 0; font-size: 100%;} .main-content .polls .poll .button-bar { margin-bottom: 0; width: auto;} .main-content .polls input.radio { margin-bottom: 7px; margin-left: 0;} #page-content .main-content .polls label { font-size: 1.6em; line-height: 1; width: auto;} #page-content .main-content .polls h2 { font-size: 2em; margin-bottom: 0px; /* margin-left: 10px; */ } #page-content .main-content .polls .link-list { margin: 10px 0 0 0;} #page-content .main-content .polls .link-list li { margin-bottom: 10px; background: transparent url(../images/backgrounds/bg-poll-bottom.png) no-repeat 0 100%; } #page-content .main-content .polls .link-list li .inner { background: transparent url(../images/backgrounds/bg-poll-top.png) no-repeat 0 0; padding: 10px 0; *padding-top:0; } #page-content .main-content .polls .link-list li a { padding: 0 0 0 40px; } /** Added Nov 2, 2009 - This will be the new styling for the poll bar **/ #page-content .main-content .polls .bars { padding: 0 0 0 40px; margin: 5px 0 0 0;} #page-content .main-content .polls .bars .label { clear: both; display: inline; float: left; color: #0072bc; line-height: 1.25; margin-bottom: 0; margin-top:10px} #page-content .main-content .polls .bars .respondents { clear: both; display: inline; float: left; font-size:12px; color: #666; line-height: 1.25; margin-bottom: 0; margin-top:10px} #page-content .main-content .polls .bars .bar { margin-bottom: 3px;} #page-content .main-content .polls .bars .bar span { clear: both; font-size:12px; display: block; text-indent: -9999em; float: left;} /*#page-content .main-content .polls .bars .respondents { clear: both; display: inline; float: left; color: #666; line-height: 1.25; margin-bottom: 0; margin-top:10px} #page-content .main-content .polls .bars .bar { margin-bottom: 3px;} #page-content .main-content .polls .bars .bar span { clear: both; display: block; text-indent: -9999em; float: left;}*/ /* Poll Styling for highlighted question */ #page-content .main-content .polls .poll-res-container .bar-left {display: inline; float: left; margin: 0 10px 5px 0; padding: 0;} #page-content .main-content .polls .poll-res-container .bar-right {clear: right; display: inline; float: left; margin: 0 0 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:bold;} #page-content .main-content .polls .poll-res-container .bar-left img {border: 0; margin: 5px 0 0 0; padding: 0;} /* Poll Styling for other polls */ #page-content .main-content .polls .bars .bar .bar-left {display: inline; float: left; margin: 5px 10px 0 0; padding: 0;} #page-content .main-content .polls .bars .bar .bar-right {display: inline; float: left; margin: 2px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:bold;} #page-content .main-content .polls .bars .bar .novote {display: inline; float: left; margin: 2px 0 0 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:bold;} #page-content .main-content .polls .bars .bar .bar-left img{border: 0; margin: 0; padding: 0;} /* @end */ /* end polls */ /* PANG ADDED */ .current-poll { display: block; } .current-poll input { display: inline; float: left; margin-top: 2px; margin-bottom: 10px; } .current-poll label { display: inline; margin-left: 10px; font-size: 1.6em; line-height: 1.335; } .current-poll br { clear: both; } .polls .current .form p span{font-size:0.875em;} .polls .current .form span{font-size:0.875em;} .polls .current .form .button-bar { background-color: Transparent; text-align:right; } .radio-buttons { display: block; } .radio-buttons p { line-height:normal; } .radio-buttons input { display: inline; float: left; margin-top: 2px; margin-bottom: 0px; margin-left: 10px; } .radio-buttons label {display: inline; margin-left: 10px; /*font-size: 1.2em;line-height: 1.335; */ font-size: 1.3em; } .radio-buttons br { clear: both; } .aside .inner .button-bar { text-align:right; float: right; margin:0; background: none; border: none; padding: 0; margin-right: 10px; } .aside .inner .radio-buttons p{ font-size:13px;} /* support for elements not in design */ abbr { letter-spacing: 0.1em;} blockquote { font-style: italic; margin-bottom: 18px; } caption { display: none;} thead th { font-weight: bold; border-bottom: 1px solid #454545;} #page-content blockquote p { margin: 0; } #page-content blockquote p + p { text-indent: 1.5em;} pre {margin:1.5em 0 1.5em 1.5em;} code {font-family:"Courier New",monospace;font-size:1.2em;} /* @end */ /* @group Asides */ /* @group Target-Selector */ .target-selector { background: url(../images/backgrounds/bg-box-1-bottom.png) 0 100% no-repeat; padding: 0 0 10px 0; margin-bottom: 1em;} #page-content .secondary .target-selector h2 { background: url(../images/backgrounds/bg-tg-h2.png) 0 0 no-repeat; color: #fff; font-size: 1.5em; font-weight: normal; padding: 6px 0 10px 10px; margin: 0;} #page-content .secondary .target-selector fieldset { background: url(../images/backgrounds/bg-box-1-mid.png) 0 0 repeat-y;} #page-content .secondary .target-selector select { margin: 12px 12px 6px 12px; font-size: 13px; width:176px; /*font-size: 1.1em;*/ } /* targets */ .ep #page-content .secondary .target-selector h2 { background-position: 0 -169px;} .yp #page-content .secondary .target-selector h2 { background-position: 0 -338px;} .students #page-content .secondary .target-selector h2 { background-position: 0 -507px;} .investors #page-content .secondary .target-selector h2 { background-position: 0 -676px;} /* @end */ /* @group Aside */ .aside { background: #f2f2f2 url(../images/backgrounds/bg-aside-bottom.png) 0 100% no-repeat; overflow: hidden; clear: both; padding-bottom: 8px; margin: 0 0 1.8em 0;} .target #page-content .aside h2 { color: #252525; } #page-content .aside .inner { background: url(../images/backgrounds/bg-aside-top.png) 0 0 no-repeat; overflow: hidden; } #page-content .aside.facts .inner { background: url(../images/backgrounds/bg-aside-did-top.png) 0 0 no-repeat;} #page-content .aside.facts p{ font-size:1.3em;} #page-content .aside h2 { padding: 10px 10px 0; margin-top: 0; margin-bottom: 6px; font-weight: bold;} #page-content .aside .attached { padding-top: 0; } #page-content .aside p { padding:0 10px;} #page-content .aside.facts p { font-family:Arial, Helvetica, sans-serif; padding:0 70px 0 10px; color: #000; line-height: 1.334; margin-bottom: 11px;} #page-content .aside img { margin: 0;} #page-content .aside a.more { float: right; margin-right: 10px; } #page-content .aside ul, #page-content .aside ol { margin: 0; padding:0 10px;} #page-content .aside ul a, #page-content .aside ol a { color: #9d0a0e; background: transparent url(../images/bullets/bullet-1.png) 2px 10px no-repeat; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; font-size:13px; } #page-content .aside ul li, #page-content .aside ol li { line-height:18px; } #page-content .aside ul p, #page-content .aside ol p { line-height:18px; } #page-content .aside ul .last a, #page-content .aside ol .last a { border: none;} #page-content .aside .horizontal-ruler { background: #dcdcdc; margin: 1em 0; } #page-content .aside fieldset { clear: both; overflow: hidden; } #page-content .aside select { float: left; font-size: 1.1em; margin: 12px 12px 6px; width: 176px; } #page-content .aside button { float: right; } #page-content .aside fieldset .radio {margin: 0 10px;} #page-content .aside .authors {padding-bottom: 2em; overflow: auto;} .ep #page-content .aside ul a, .ep #page-content .aside ol a { color: #0054a6;} .yp #page-content .aside ul a, .yp #page-content .aside ol a { color: #f26522;} .students #page-content .aside ul a, .students #page-content .aside ol a { color: #598527;} .investors #page-content .aside ul a, .investors #page-content .aside ol a { color: #620460;} /* social media */ .social-media { overflow: hidden; clear: both; background: transparent url(../images/backgrounds/bg-social-ch.png) 0 0 no-repeat; padding: 10px; margin:10px 0 0 3px;width: 203px;} #home #page-content .column .social-media h2, #page-content .column .social-media h2 {padding: 0; margin: 0 0 10px; color: #666; font-size: 1.4em;} .social-media a { display: block; float: left; margin-right:10px;width:41px; height: 42px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; background-image: url(../images/icons/icons.png) ;} .social-media a.rss { margin-left: 18px; background-position: 0 -551px;} .social-media a.mail { background-position: 0 -651px;} .social-media a.facebook { margin-right: 18px; background-position: 0 -751px;} .social-media a.kaixin { background-position: 0 -958px; margin-left: 25px;} .social-media a.linkedin { background-position: 0 -1058px;} .social-media a.youku { background-position: 0 -1158px;} .social-media a.youtube { background-position: 0 -1260px;} #page-content .social-media .button-bar { position: relative; top:15px;} #page-content .button-bar a.more { width: auto; height: auto;} #home #page-content .social-media .button-bar img, #page-content .social-media .button-bar img { margin-right: 10px; } .social-media2 { overflow: hidden; clear: both; background: transparent url(../images/backgrounds/bg-social-ch2.png) 0 0 no-repeat; padding: 10px; margin:10px 0 0 3px;} #home #page-content .column .social-media2 h2, #page-content .column .social-media2 h2 {padding: 0; margin: 0 0 10px; color: #666; font-size: 1.4em;} .social-media2 a { display: block; float: left; margin-right:10px;width:41px; height: 42px; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; text-indent: -9999px; background-image: url(../images/icons/icons.png) ;} .social-media2 a.kaixin { background-position: 0 -958px; margin-left: 15px;} .social-media2 a.linkedin { background-position: 0 -1058px;} .social-media2 a.youku { background-position: 0 -1158px;} .social-media2 a.youtube { background-position: 0 -1260px;} #page-content .social-media2 .button-bar { position: relative; top:15px;} #page-content .button-bar a.more { width: auto; height: auto;} #home #page-content .social-media2 .button-bar img, #page-content .social-media2 .button-bar img { margin-right: 10px; } /* authors */ .authors li { overflow: auto; clear: both; margin: 10px 0 0 0; padding-bottom: 10px; } .link-list.authors li {border-bottom: 1px solid #c6c6c6;} .authors img { float: left;} .authors .info { float: right; width: 108px; } #page-content .aside .authors p { clear: both; padding: 7px 0 0 0; font-size: 1em; color: #000; margin: 0;} #page-content .aside h3 { font-size: 1em; line-height: 1; color: #000; font-weight: bold; margin: 0; } #page-content .aside .meta { font-size: 1em; line-height: 1; color: #545454;} #page-content .authors .info a { margin: 10px 0 0 0; display: block; background: none; padding-left: 0;} /* countries */ #page-content .aside .countries { padding: 0; } #page-content .aside .countries li { padding: 0; border-bottom: 1px solid #dcdcdc; } #page-content .aside .countries li.current { background-color: #ccc;} /*PANG ADDED*/ #page-content .aside .inner ul { list-style-type: disc; } #page-content .aside .countries img { display: inline; padding-right: 10px; } #page-content .aside .countries a { background: none; } /*#page-content .aside .countries a { background-image: url(../images/icons/flags.png); background-repeat: no-repeat; padding-left: 30px;} #page-content .aside #country-sg { background-position: 3px 7px; } #page-content .aside #country-aus { background-position: 3px -82px; } #page-content .aside #country-ch { background-position: 3px -182px; } #page-content .aside #country-in { background-position: 3px -282px; } #page-content .aside #country-sea { background-position: 3px -379px; } #page-content .aside #country-uk { background-position: 3px -482px; } #page-content .aside #country-usa { background-position: 3px -582px; }*/ /* @end */ /* end aside */ /* @end */ /* end asides */ /* @end */ /* end special content components */ /* @end */ /* end page-content */ /* @end */ /* end page-container */ /* @group Footer */ #footer { overflow: hidden; clear: both; padding:0 0 10px 0; background: #f7f7f7; font-size: 1.2em; line-height: 1.334; color: #666;} #footer .content { background: transparent url(../images/backgrounds/bg-footer-content.png) 0 0 no-repeat;width: 940px; margin: 0 auto; padding-top: 25px;} /* #home #footer .content {padding-top: 0; } */ #footer ul {} #footer ul.social {padding: 20px 0 15px; width: 240px; margin: 0 auto;} #footer ul li { display: inline; } #footer .separator { margin: 0 8px;} #footer .links-list { width: auto; margin: 0 auto; text-align: center; } #footer .links-list span {margin-right: 8px; } #footer .links-list ul { display: inline; } #footer .legal { width: auto; margin: 0 auto;} #footer .legal span {margin-right: 0;} #footer a.action { background-repeat: no-repeat; background-image: url(../images/icons/icons.png); padding: 6px 0 6px 30px; margin-right: 20px; } #footer a.rss { background-position: 0 -376px;} #footer a.facebook { margin-right: 0;background-position: 0 -476px;} /* @end */ /************************ mailing-list table *****************************/ #table-container .mailing-table-horizontal, table.mailing-list-table{ background-color: #fafafa; } /** Boxed containers for the forms **/ #mail-list-container { background-color: #fafafa; clear: both; margin: 0 0 20px 0; padding: 0; width: auto;} #mail-list-top { background: url(../images/backgrounds/mail_subs_top.jpg) no-repeat top left; clear: both; height: 7px; margin: 0; padding: 0; } #mail-list-mid { background: #fafafa; clear: both; margin: 0; padding: 0 10px 0 10px; width: auto; } #mail-list-btm { background: url(../images/backgrounds/mail_subs_btm.jpg) no-repeat top left; clear: both; height: 7px; margin: 0; padding: 0;} /** Holder Styling **/ #mail-list-header { clear: both; margin: 0 0 10px 0; padding: 0; width: 545px;} #mail-list-header p{ color: #fe0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0;} #page-content #mail-list-mid #mail-list-header .mail-header-text { color: #9d0a0e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0;} .mailing-table-horizontal td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; text-align: left; vertical-align: middle;} .mailing-table-horizontal .td-left { width: 80px} .mailing-table-horizontal label { display: inline; float: left; margin: 0 10px 0 0; padding: 0;} .mailing-list-table td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; text-align: left; vertical-align: middle;} .mailing-list-required { color: #fe0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0;} .mailing-list-table .mytextbox { background: #fff; border: 1px solid #abadb3; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; } .mailing-list-table label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; vertical-align: middle; margin: 0 20px 0 0;} #table-container .mailing-list-table .table-content-norm { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; text-align: left;} #table-container .mailing-table-horizontal .table-content-norm { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; text-align: left;} /* @end */ } /* end screen styles */ @media print { /* ..... default styles for print display */ .print, .print-logo { display: block;} /* elements that should not be printable */ .logo, .utilities, #main-navigation, #highlight-bar, #targets-bar, #footer, #home .grid, #slideshow, #text-resize, .local-navigation, hr, .button-bar, .secondary, .pagination, h1.hide, legend { display: none;} /* breadcrums */ .content-header {overflow: auto; margin-bottom: 16pt;} .breadcrumbs { float: none; overflow: hidden; clear: both; font-size: 10pt;} .breadcrumbs li, .breadcrumbs a { float: left; } .breadcrumbs a { margin-right: 5pt;} .breadcrumbs strong { font-weight: bold; color: red;} /* content */ body {font-family: "MS Song","黑体","Hei", Arial, sans-serif; font-size: 12pt; line-height: 1.33; color: #000;} h1 { font-family: "黑体","Courier New","tahoma"; font-size: 24pt; line-height: 1; margin-bottom: 16pt;} h2 { font-family: "黑体","Courier New","tahoma"; font-size: 18pt; line-height: 1; margin-bottom: 16pt;} p { margin-bottom: 16pt; } dl {} dt { font-weight: bold; } dd { margin-bottom: 16pt;} strong { font-weight: bold;} .horizontal-ruler { background: #000;} .categories { margin-bottom: 16pt;} .question { color: #9d0a0e; font-weight: bold;} .blogs .date { font-size: 10pt; color: #999;} .entry h2, .entry h2 a { color: #9d0a0e; } .entry { margin-bottom: 16pt; border-bottom: 1px solid #999; padding-bottom: 8pt;} .entry .meta { font-size: 10pt; color: #ccc;} .entry .meta .posted { font-weight: bold;} .entry .meta .comments { clear: both; display: block; margin-bottom: 8pt;} .entry .summary { overflow: hidden; clear: both; } .entry img { float: left; margin:5px 10px 0 0;} .entry .summary p { width: 500px;} .comments { margin-top: 16pt;} .comments .date { display: block; clear: both; } #page-content .main-content .form li {clear:both;margin-bottom:15px;overflow:hidden;} #page-content .main-content label {color:#252525;float:left;font-weight:bold;margin-bottom:0;padding-top:2px; width: 100%;} #page-content .main-content .text, #page-content .main-content textarea {border-color:#aaadb2 #dcdfe6 #e3e3eb #e3e3eb;border-style:solid;border-width:1px; float: left; padding: 3px; display: block; width: 300px;} #page-content .main-content li img {float:left;margin:0 15px 0 0;} #page-content .main-content .extra-label {font-weight:normal;margin-bottom:9px;width:auto;} #page-content .main-content #captcha {width:227px;} #page-content .news-list li { margin-bottom: 16pt; border-bottom: 1px solid #999; padding-bottom: 8pt;} .results li { margin-bottom: 18pt; border-bottom: 1px solid #999; padding-bottom: 8pt; } /* links */ a { text-decoration: none; color: #000;} .Newheader{font-family: "黑体","Hei", Arial, sans-serif; font-size: 12pt; color: #000;} .subcontent{ font-family: "黑体","Hei","Times New Roman", Times, serif; font-size: 12pt; color: #000; } } #event-calendar { margin-left: 2px; } #event-calendar table { margin-bottom: 5px; } .calendar-events { background: transparent; margin-bottom: 0; } .calendar-events .rcFastPrev { background-color: #A0A0A0; display: block; width: 22px; text-align: center; color: #FFFFFF; font-weight: bold; } .calendar-events .rcPrev { background-color: #A0A0A0; display: block; width: 22px; text-align: center; color: #FFFFFF; font-weight: bold; } .calendar-events .rcTitle { background-color: #F2F2F2; display: block; width: 90px; text-align: center; font-weight: bold; } .calendar-events .rcNext { background-color: #A0A0A0; display: block; width: 22px; text-align: center; color: #FFFFFF; font-weight: bold; } .calendar-events .rcFastNext { background-color: #A0A0A0; display: block; width: 22px; text-align: center; color: #FFFFFF; font-weight: bold; } .calendar-events .rcTitlebar { height: 10px; padding:0px; text-align: center; font-family:Arial, Helvetica, sans-serif; } .calendar-events .rcTitlebar table td { width: auto; padding:0 3px; font-family:Arial, Helvetica, sans-serif; } .calendar-events .rcMain { border: 0px; background: transparent; } /* event calendar */ #event-calendar .calendar-events td { font-size: 12px;font-family:Arial, Helvetica, sans-serif; } #event-calendar .calendar-events table { border: 10px; } #event-calendar .calendar-events .ec-today a { background-color: #FE0002; color: #fff; height: 23px; display: block; padding: 0px; } .calendar-events .rcMainTable { border-collapse: collapse; } .calendar-events .rcWeek th { text-align: center; color: #fff; background-color: #7C7C7C; border: 2px solid white; } .calendar-events .rcMainTable td { background-color: #C9C9C9; height: 23px; margin: 2px; border: 2px solid white; text-align: center; } /*#event-calendar .ec-empty { background-color: #C9C9C9; }*/ .calendar-events .rcMain .rcRow a { height: 23px; display: block; color: #000; } #event-calendar .calendar-events .ec-occupied a { background-color: #00ADEF; color: #fff; height: 23px; display: block; } .calendar-datepicker { } #event-calendar thead td table { background-color: transparent; text-align: center; width: 100%; } #event-calendar tbody td { width: auto; padding-right: 5px; } #event-calendar tbody td.rcTitle { background-color: Transparent; } #event-calendar .rcRow td { padding: 0; } #slideshow-static img { margin: 0; } /* Send to a friend - Added October 2, 2009 ================================================================================================================*/ .staf-form {margin: 0; padding: 0;} .staf-container {clear: both; margin: 0; padding: 0; width: 446px;} .staf-top-container {clear: both; margin: 0; padding: 0; width: 446px;} .staf-top-left {display: inline; float: left; margin: 0; padding: 0; width: 416px;} .staf-top-right {clear: right; display: inline; float: left; margin: 0; padding: 0; width: 30px;} .staf-header {clear: both; display: inline; float: left; margin: 0; padding: 0; width: 446px;} .staf-curve-top {clear: both; display: inline; float: left; margin: 0; padding: 0; width: 446px;} .staf-curve-mid {background: url(../images/staf/sendtofriend06.jpg) repeat-y top left; clear: both; display: inline; float: left; margin: 0; padding: 0; width: 433px;} .staf-curve-mid-container {background-color: #fff; clear: both; margin: 0 0 0 17px; padding: 0; width: 399px;} .staf-form-left {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; display: inline; float: left; margin: 0 0 0px 35px; padding: 0px 0 0 0; text-align: right; width: 95px;} .staf-form-right {clear: right; display: inline; float: left;margin: 0 0 10px 7px; padding: 0; text-align: left; width: 262px;} .staf-curve-btm {clear: both; display: inline; float: left; margin: 0; padding: 0; width: 446px;} .staf-form-style { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px solid #CCCCCC;} .staf-clear {clear: both;} .staf-captcha-textbox {margin: 10px 0 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; border: 1px solid #CCCCCC;} .staf-captcha-textboxlabel {font-size: 11px; margin: 5px 0 0 0;} .staf-success { padding-bottom: 10px; font-size: 12px; font-weight: bold; color: #009900; display: block; padding: 10px 0 10px 0; text-align: center; } .staf-error { padding-bottom: 10px; font-size: 12px; font-weight: bold; color: #FF0000; display: block; padding: 10px 0 10px 0; text-align: center; } /* Poll Results Styling - Added October 2, 2009 ================================================================================================================*/ /** Poll Results **/ .poll-res-container {clear: both; margin: 0 auto 0 auto; padding: 0; width: 535px;} /** Polls Widget **/ #poll-res-widget {clear: both; margin: 0; padding: 5px 11px 11px 11px; width: 170px;} /** General Poll Styling **/ .poll-res-date {clear: both; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0 0 5px 0; padding: 0; width: auto;} .poll-res-respondents {clear: both; color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0 0 5px 0; padding: 0; width: auto;} .poll-res-label {clear: both; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0 0 5px 0; padding: 0; width: auto;} /* Erwin's changes, pending */ /*.poll-res-label {clear: both; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; padding: 0; width: auto;} #page-content .main-content .poll-res-label h2{ color: #000; font-family: Arial, sans-serif; font-size: 18px; font-style: normal; font-weight: bold; line-height: 12px; margin: 0 0 5px 0; padding: 0; }*/ #poll-res-bars {clear: both; margin: 0 0 5px 0; padding: 0; width: auto;} #poll-res-widget .poll-res-bars .poll-widget-left {display: inline; float: left; margin: 5px 5px 0 0; padding: 0;} #poll-res-widget .poll-res-bars .poll-widget-right {clear: right; display: inline; float: left; margin: 2px 0 5px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight:bold;} .poll-res-bars-left img{border: 0; margin: 5px 0 0 0; padding: 0;} .poll-res-button {clear: both; margin: 5px 10px 5px 0; padding: 0; text-align: right; width: 180px;} .poll-res-button img { border: 0; clear: right; float: right; margin: 0 5px 0 0; padding: 0;} /* Main page box for the Social icons - Added October 8, 2009 ================================================================================================================*/ .social-media-box {background: url(../images/backgrounds/main_social_bg.jpg) no-repeat top left; height: 68px; margin: 10px 0 0 0; padding: 35px 0 0 15px; width: 211px;} /* Webinar Styling - Added October 13, 2009 ================================================================================================================*/ .myclear {clear: both;} /** Webinar link **/ .webinar-link { color: #0054a6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; display: inline; float: right; margin: 5px 12px 0 0; padding: 0;} #page-content .webinar-link img { margin: 0; } /** Webinar main container **/ .webinar-container { clear: both; margin: 0 0 10px 0; padding: 0; width: 720px;} .webinar-content-container { clear: both; margin: 0 0 10px 0; padding: 0; width: 100%;} .webinar-header1 .date, .webinar-header2 .date{ width:92px; height:26px; margin-top:2px; padding-left:12px; float:left; font-size:15px; color:#FFF;} .webinar-header1 .topic, .webinar-header2 .topic{ width:368px; height:26px; margin-top:2px; padding-left:12px; float:left;font-size:14px; color:#FFF;} .webinar-header1 .time, .webinar-header2 .time{ width:217px; height:26px; margin-top:2px; padding-left:12px; float:left;font-size:14px; color:#FFF;} .webinar-header1 { background: url(../images/backgrounds/webinar_top.jpg) top left no-repeat; clear: both; height: 26px; margin: 0; padding: 0; width: 720px;} .webinar-header2 { background: url(../images/backgrounds/webinar_top2.jpg) top left no-repeat; clear: both; height: 26px; margin: 0; padding: 0; width: 720px;} .webinar-column-holder { background: url(../images/backgrounds/webinar_bg.gif) top left repeat-y; clear: both; margin: 0; padding: 0; width: 720px;} .webinar-column1 { border-top: 1px solid #fff; display: inline; float: left; margin: 0; padding: 0 12px 0 12px; width: 80px;} .webinar-column2 { border-top: 1px solid #fff; display: inline; float: left; height: 100%; margin: 0; padding: 0 12px 0 12px; width: 357px;} .webinar-column3 { border-top: 1px solid #fff; clear: right; display: inline; float: left; margin: 0; padding: 0 12px 0 12px; width: 209px;} .webinar-btm { background: url(../images/backgrounds/webinar_btm.jpg) top left no-repeat; clear: both; height: 5px; margin: 0; padding: 0; width: 720px;} /** Webinar content containers and font styling **/ /* Date */ .webinar-date { clear: both; color: #9d0a0e; font-family: Arial, Helvetica, sans-serif; /*font-size: 20px; font-weight: normal;*/ font-size: 1.44em; font-weight: bold; font-style: normal; margin: 0; padding: 10px 0 0 0; width: 80px;} #page-content .webinar-date p { color: #9d0a0e; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-style: normal; font-weight: normal; margin: 0;} /* Event Header */ .webinar-event-header { clear: both; color: #0054a6; font-family: Arial, Helvetica, sans-serif; /*font-size: 12px;*/ font-size: 10px; font-style: normal; font-weight: bold; line-height: normal; margin: 0; padding: 10px 0 0 0; width: 357px;} .webinar-event-header p{ color: #0054a6; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: normal;} /* Event Details */ .webinar-details { clear: both; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0 0 10px 0; padding: 10px 0 0 0; width: 357px;} .webinar-details p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px;} /* Time and duration */ .webinar-time { clear: both; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; padding: 10px 0 0 ; width: 208px;} .webinar-time p { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em !important; /*font-size: 1.2em !important;*/ font-style: normal; font-weight: normal; line-height: 16px;} #page-content .webinar-time a { color: #9d0a0e;} #page-content .webinar-time a:hover { color: #9d0a0e; text-decoration: none;} .webinar-time strong { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px;} /* Buttons */ .webinar-buttons { clear: both; margin: 10px 0 10px 0; padding: 0; width: 208px} .webinar-buttons-left { display: inline; float: left; margin: 0 8px 0 0; padding: 0; width: 100px;} #page-content .webinar-buttons-left img { border: 0; margin: 0 0 10px 0; padding: 0;} .webinar-buttons-right { clear: right; display: inline; float: left; margin: 0; padding: 0; width: 100px;} #page-content .webinar-buttons-right img { border: 0; margin: 0 0 10px 0; padding: 0;} /* Webinar Form Styling - Added October 14, 2009 ================================================================================================================*/ /** Form Containers **/ .form-container-clear { clear: both; margin: 0 0 10px 13px; padding: 10px 10px 10px 0; width: 700px;} .form-container-grey { background: #fafafa; clear: both; margin: 0 0 10px 0; padding: 10px 10px 10px 13px; width: 700px;} /** Headers **/ .form-header-clear { clear: both; margin: 0 0 10px 13px; padding: 0; width: 710px;} .form-header-norm { background: url(../images/backgrounds/form_header_bg.jpg) top left repeat-x; clear: both; height: 32px; margin: 0 0 10px 13px; padding: 0; width: 710px;} .form-header-left { background: url(../images/backgrounds/form_header_arrow.jpg) top left no-repeat; display: inline; float: left; height: 32px; margin: 0; padding: 0; width: 27px;} .form-header-right { clear: right; float: left; margin: 4px 0 0 7px; padding: 0;} #page-content .form-header-right { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} #page-content .form-header-clear { color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;} /** Form label container **/ .form-label1 { display: inline; float: left; height: 25px; margin: 0 20px 10px 0; padding: 0; width: 175px;} #page-content .form-container-clear .form-label1 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} #page-content .form-container-clear .form-label1 .red{ color: #ff0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} #page-content .form-container-grey .form-label1 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} .form-label2 { clear: right; display: inline; float: left; margin: 0 0 10px 20px; padding: 0; width: 310px;} #page-content .form-container-clear .form-label2 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;} /** Form container **/ .form-form1 { clear: right; display:inline; float: left; height: 25px; margin: 0 0 10px 0; padding: 0; width: 450px;} #page-content .form-container-clear .form-form1 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} #page-content .form-container-grey .form-form1 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} #page-content .form-container-clear .form-form1 label{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; padding: 0; display: inline; float: none;} #page-content .form-container-clear .form-form1 input{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 2px 0 0; display: inline;} #page-content .form-container-clear .form-form1 .mytextbox{ background: #fff; border: 1px solid #abadb3; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin: 0 10px 0 0;} #page-content .form-container-clear .webinar-submit img{ margin: 0;} #page-content .form-container-grey .form-form1 p{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} /*.form-form2 { display: inline; float: left; margin: 0 0 10px 0; padding: 0; width: 300px;}*/ .form-form2 { display: inline; float: left; margin: 0 0 10px 0; padding: 0; width: auto;} #page-content .form-container-clear .form-form2 { color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;} #page-content .form-container-clear .form-form2 label{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; padding: 0; display: inline; float: none;} #page-content .form-container-clear .form-form2 input{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 4px 20px 0; display: inline;} #page-content .form-container-grey .form-form1 label{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; padding: 0; display: inline; float: none;} #page-content .form-container-grey .form-form1 input{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 2px 0 0; display: inline;} /*.form-form3 { clear: right; display:inline; float: right; height: 25px; margin: 0 0 10px 0; padding: 0; width: 500px;} #page-content .form-container-grey .form-form3 p{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} #page-content .form-container-grey .form-form3 .captcha-form .mytextbox{ background: #fff; border: 1px solid #abadb3; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin: 0 10px 0 0;} #page-content .form-container-grey .form-form3 .captcha-form{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal;}*/ /** Captcha **/ /*.captcha-img { background: #999999; display: inline; float: left; margin: 0 20px 10px 0; padding: 0; width: 180px;} .captcha-form { clear: right; display: inline; float: left; margin: 0 0 10px 0; padding: 0; width: 300px;}*/ .form-form3 { clear: right; display:inline; float: right; height: 25px; margin: 0 0 10px 0; padding: 0; width: 500px; } #page-content .form-container-grey .form-form3 p { float: left; width: auto; padding-right: 20px; font-weight: bold; } #page-content .form-container-grey .form-form3 img { margin: 0; } #page-content .form-container-grey .form-form3 .captcha-form { float: none; } #page-content .form-container-grey .form-form3 .mytextbox { background: #fff; border: 1px solid #abadb3; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; float: none; } #page-content .form-container-grey .form-form3 .captcha-label { color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; font-weight: normal; float: none; width: 170px; } /** Submit **/ .webinar-submit { clear: both; display: inline; float: right; margin: 0; padding: 0; width: 52px;} /* Feedback Page Styling - October 27, 2009 ==================================================================================================================================================*/ /** Boxed containers for the forms **/ #mail-list-container { background: #fafafa; clear: both; margin: 0 0 20px 0; padding: 0; width: auto;} #mail-list-top { background: url(../images/backgrounds/mail_subs_top.jpg) no-repeat top left; clear: both; height: 7px; margin: 0; padding: 0;} #mail-list-mid { background: #fafafa; clear: both; margin: 0; padding: 0 10px 0 10px; width: auto;} #mail-list-btm { background: url(../images/backgrounds/mail_subs_btm.jpg) no-repeat top left; clear: both; height: 7px; margin: 0; padding: 0;} /** Holder Styling **/ #mail-list-header { clear: both; margin: 0 0 10px 0; padding: 0; width: 545px;} #mail-list-header p{ color: #fe0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0;} #page-content #mail-list-mid #mail-list-header .mail-header-text { color: #9d0a0e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0;} /** Table Styling **/ #table-container { clear: both; margin: 0 0 10px 0; padding: 0; width: auto;} #page-content #table-container table{ background-color: #fafafa; width: 95%;} #page-content #table-container .mailing-table-horizontal table{ background-color: #fafafa;} .mailing-table-horizontal td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; text-align: left; vertical-align: middle;} .mailing-table-horizontal .td-left { width: 88px; /*width: 80px;*/} .mailing-table-horizontal .table-content-norm { display: inline; float: left; margin: 0 10px 0 0; padding: 0;} .mailing-list-table td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; text-align: left; vertical-align: middle;} .mailing-list-required { color: #fe0000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0;} .mailing-list-table .mytextbox { background: #fff; border: 1px solid #abadb3; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; } .mailing-list-table label { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; vertical-align: middle; margin: 0 20px 0 0;} #table-container .mailing-list-table .table-content-norm { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; text-align: left;} #table-container .mailing-list-table .table-content-norm label { width: auto; display: inline; float: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0 0 0 5px; text-align: left;} #table-container .mailing-table-horizontal .table-content-norm label { display: inline; width: auto; float: none; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0 0 0 5px; text-align: left;} #submit-holder { clear: both; margin: 0; padding: 0; text-align: center; width: auto;} /** For SNP Page Added November 11, 2009 **/ #page-content .main-content #snp { clear: both; margin: 0 auto 20px auto; padding: 0; width: 565px;} #page-content .main-content #snp .snp-left { background: url(../images/snp/snp_left.jpg) no-repeat top left; display: inline; float: left; margin:0; padding:0; height: 99px; text-align:center; vertical-align: middle; width: 172px;} #page-content .main-content #snp .snp-right { background: url(../images/snp/snp_right.jpg) no-repeat top left; clear: right; display: inline; float: left; font: "Arial", Helvetica, sans-serif; font-size: 14px; line-height: 18px; font-style: normal; font-weight: normal; margin: 0; padding: 18px 10px 5px 5px; height: 99px; width: 378px;} #page-content .main-content #snp .snp-left img {border: 0; margin: 0 auto 0 auto;} /** Additional Webinar Page Stylings - added Nov 12, 2009 **/ /* Sign-in Page */ .webinar-signin-content { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin: 20px 12px 10px 12px; padding: 0; text-align: center; width: auto;} #page-content .webinar-signin-form-button { text-align: center; } #page-content .webinar-signin-form .submit-img { border: 0; margin: 0 auto;} #page-content .webinar-content-container .webinar-signin-content img { border: 0; margin: 0 auto; text-align: center; } /* Form Container */ .webinar-signin-form { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 0 auto 10px auto; padding: 0; width: 330px; } .webinar-form1 { display: inline; float: left; font-weight: bold; margin: 0 10px 0 0; padding: 5px 0 0 0; width: 75px; } .webinar-form2 { clear: right; display: inline; float: left; margin: 0; padding: 0; width: 240px; } .webinar-form3 { clear: right; display: inline; float: left; margin: 0; padding: 0 10px 0 0; text-align: right; width: 230px; } .webinar-form { background: #fff; border: 1px solid #abadb3; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0;} /** Webinar Confirmation page **/ .webinar-confirmation-content { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; margin: 20px 12px 10px 12px; padding: 0; width: auto; } #page-content .webinar-confirmation-content p{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; line-height: 18px; margin: 0; padding: 0; } .webinar-confirmation { border-bottom: #959595 1px solid; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 12px 10px 12px; padding: 0 0 10px 0; width: auto; } #page-content .webinar-confirmation p{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; } .webinar-error { color: #f00; } .webinar-success { color: #080; } /** Full stretched content page style **/ .content-full { clear: both; margin: 0; padding: 0 12px 0 12px; width: auto; } /** New Event Styling **/ #div-event-list { clear: both; margin: 0 0 10px 0; padding: 0; width: 720px } #div-event-list-header { background: url(../images/backgrounds/bg-events-list-new.jpg) top left no-repeat; clear: both; height: 26px; margin: 0; padding: 0; width: 720px; } #page-content .main-content table td img { margin: 0; } .no-margin {margin: 0;} #div-events-list-container { background: #fafafa; clear: both; margin: 0; padding: 0; width: 720px; } table.events-list { background: #fafafa; border: 0;} table.events-list td { border-bottom: 1px solid #dcdcdc; margin: 0; padding: 10px 13px 10px 13px; } table.events-list td .mylink{ color: #0054a6; font-family: "Arial", Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .event-list-dates { color: #9d0a0e; font-family: "Arial", Helvetica, sans-serif; font-size: 14px; font-weight: bold; } /** Added 28012010 **/ #div-event-list { clear: both; margin: 0 0 10px 0; padding: 0; width: 720px; } #div-event-list-header { background: url(../images/backgrounds/bg-events-list-new.jpg) top left no-repeat; clear: both; height: 26px; margin: 0; padding: 0; width: 720px;color:#FFFFFF; } #page-content .main-content table td img { margin: 0; } .no-margin {margin: 0;} #div-events-list-container { background: #fafafa; clear: both; margin: 0; padding: 0; width: 720px; } table.events-list { background: #fafafa; border: 0;} table.events-list td { border-bottom: 1px solid #dcdcdc; margin: 0; padding: 10px 13px 10px 13px; } table.events-list td .mylink{ color: #0054a6; font-family: "Arial", Helvetica, sans-serif; font-size: 12px; font-weight: bold; } .event-list-dates { color: #9d0a0e; font-family: "Arial", Helvetica, sans-serif; font-size: 1.3em; font-weight: bold; } /** Survey tab **/ #survey-tab { position: fixed; right: 5px; width: 114px; height:106px; bottom: 5px; z-index: 100; } *html #survey-tab { /*--IE6 Hack--*/ position: absolute; top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); } /* Contact SG Form New Styling - Created: March 29, 2010 ================================================================================================================*/ .text-name { color: #9d0a0e; font: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0;} .form-outside-copy { clear: both; margin: 0 auto 10px auto; padding: 0; width: 564px;} .form-copy { clear: both; margin: 0; padding: 0 5px 5px 5px; width: 554px;} .form-wrapper { clear: both; margin: 0 auto 30px auto; padding: 0; width: 564px;} .form-container-top { background: url(../images/form_imgs/cs_form_top.jpg) top left no-repeat; clear: both; height: 7px; margin: 0; padding: 0; width: 564px;} .form-container-mid { background: url(../images/form_imgs/cs_form_mid.jpg) top left repeat-y; clear: both; margin: 0; padding: 0; width: 564px;} .form-container-btm { background: url(../images/form_imgs/cs_form_btm.jpg) top left no-repeat; clear: both; height: 7px; margin: 0; padding: 0; width: 564px;} .form-header-wrapper { background: url(../images/form_imgs/form_header_bg.jpg) top left repeat-x; clear: both; height: 32px; margin: 10px auto 10px auto; padding: 0; width: 562px;} .form-header-arrow { background: url(../images/form_imgs/form_header_arrow.jpg) top left no-repeat; display: inline; float: left; height: 32px; margin: 0 5px 0 0; padding: 0; width: 27px;} .form-header-content { clear: right; color: #9d0a0e; display: inline; float: left; font: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 32px; margin: 0; padding: 3px 0 0 0; width: 525px;} .form-content-table { background: #fafafa; margin: 0 auto 0 auto; width: 554px;} .form-radio-table { background: #fafafa; margin: 0; padding: 0;} .csform-styling { background-color: #fff; border: 1px solid #ccc; color: #000000; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; padding: 2px; text-decoration: none;} .csform-styling-contactusform { background-color: #fff; border: 1px solid #ccc; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; padding: 2px; text-decoration: none; float:left;} /* need to disable line 413 to control width of text area */ .cs-form-label { color: #484747; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; text-decoration: none;} .cs-form-text { color: #666; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; text-decoration: none;} /* Webinar New Styling */ .webinar-form-outside-copy { clear: both; margin: 0 auto 10px auto; padding: 0; width: 720px;} .webinar-form-copy { clear: both; margin: 0; padding: 0 5px 5px 5px; width: 710px;} .webinar-form-wrapper { clear: both; margin: 0 auto 0 auto; padding: 0; width: 720px;} .webinar-form-container-top { background: url(../images/form_imgs/webinar_form_top.jpg) top left no-repeat; clear: both; height: 7px; margin: 0; padding: 0; width: 720px;} .webinar-form-container-mid { background: url(../images/form_imgs/webinar_form_mid.jpg) top left repeat-y; clear: both; margin: 0; padding: 0; width: 720px;} .webinar-form-container-btm { background: url(../images/form_imgs/webinar_form_btm.jpg) top left no-repeat; clear: both; height: 7px; margin: 0; padding: 0; width: 720px;} .webinar-form-header-wrapper { background: url(../images/form_imgs/form_header_bg.jpg) top left repeat-x; clear: both; height: 32px; margin: 10px auto 10px auto; padding: 0; width: 720px;} .webinar-form-header-arrow { background: url(../images/form_imgs/form_header_arrow.jpg) top left no-repeat; display: inline; float: left; height: 32px; margin: 0 5px 0 0; padding: 0; width: 27px;} .webinar-form-header-content { clear: right; color: #9d0a0e; display: inline; float: left; font: Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; height: 32px; margin: 0; padding: 3px 0 0 0; width: 688px;} .webinar-form-content-table { background: #fafafa; margin: 0 auto 0 auto; width: 720px;} /* Thank You Pages */ .common-ty-container { clear: both; margin: 0 auto 10px auto; padding: 0; width: 527px;} #page-content .common-ty-container img{ clear: both; margin: 0; padding: 0;} .ty-button-container { float: right; margin: 10px 0 10px 0; padding: 0 10px 0 0; width: auto;} #page-content .ty-button-container img{ clear: both; margin: 0; padding: 0;} /* Bullet Listing for Thank You Page */ #page-content .ty-bullet{ margin: 15px 0 0 0; list-style-type: none; padding: 0;} #page-content .ty-bullet li{ margin: 15px;} #page-content .ty-bullet li a { background-image: url(../images/form_imgs/ty_bullet.gif); background-repeat: no-repeat; background-position: 0 9px; font-weight: bold; float: left; font-size:14px; list-style: none; padding-left: 15px;} #page-content .ty-bullet span{ /* padding-left: 15px; */ float: left; display: block; width: 500px;} } /* feedback thank you collaterals */ .ty-column { display: inline; float: left; margin: 0 10px 0 0; padding: 0; width: 165px;} .ty-column-header { color: #9d0a0e; font: Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: bold;} #page-content .ty-bullet2{ margin: 5px 0 0 0; list-style-type: none; padding: 0;} #page-content .ty-bullet2 li{ margin: 15px;} #page-content .ty-bullet2 li a { background-image: url(../images/form_imgs/ty_bullet.gif); background-repeat: no-repeat; background-position: 0; color: #9d0a0e; list-style: none; padding-left: 15px;} .webinar-ty-header1 { color: #000; font: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} .webinar-ty-header2 { color: #9d0a0e; font: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} .webinar-ty-header3 { color: #0054b6; font: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: bold;} /*#page-content .column .main-content p {font-size: 1.4em;}*/ /* styling for Contact SG Photo Gallery - Created March 18, 2010 ==========================================================================================================================*/ /* Upload */ .photo-upload { clear: both; margin: 0 0 18px 0; padding: 0; width: 100%;} #page-content .secondary .photo-upload img{ border: 0; margin: 0;} /* Gallery - Album Styling */ #div-gallery { clear: both; margin: 0 0 10px 0; padding: 0; width: 720px} #album-wrapper { clear: both; margin: 0 0 10px 13px; padding: 0; width: 707px} .album-holder { background: url(../images/photos/album_frame.jpg) no-repeat top left; display: inline; float: left; margin: 0 5px 0 6px; padding: 0; width: 165px;} .album-image-holder { clear: both; height: 110px; margin: 22px 10px 10px 5px; padding: 0; width: 150px;} #page-content .album-image-holder img { border: 0; margin: 0;} .album-text-holder { clear: both; margin: 10px 10px 20px 5px; padding: 0; height: 68px; width: 150px; text-align: left;} #page-content .album-text-holder p { margin: 0;} .text-name { color: #9d0a0e; font: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0;} .text-name a:active, .text-name a:visited, .text-name a:link{ color: #9d0a0e; font: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0; text-decoration: none;} .text-name a:hover{ color: #9d0a0e; font: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; line-height: 16px; margin: 0; text-decoration: underline;} .common-text{ color: #000; font: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0;} .image-count { color: #7c7c7c; font: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0;} /* Gallery Photo Styling */ .photo-holder { background: url(../images/photos/photo_frame.jpg) no-repeat top left; display: inline; float: left; margin: 0 5px 0 6px; padding: 0; width: 165px;} .photo-image-holder { clear: both; height: 110px; margin: 5px 10px 10px 5px; padding: 0; width: 150px;} #page-content .photo-image-holder img { border: 0; margin: 0;} /* Gallery Details */ .full-image-holder { clear: both; margin: 0 0 10px 12px; padding: 0; width: 707px} #page-content .full-image-holder img { border: 0; margin: 0 auto 0 auto;} .full-image-details { clear: both; margin: 0 0 10px 13px; padding: 0; width: 707px} .full-image-rating { clear: both; margin: 0 0 10px 13px; padding: 0; width: 707px} .rating-left { border-right: 1px solid #ccc; display: inline; float: left; margin: 0; padding: 0; width: 70px;} #page-content .rating-left img { border: 0; margin: 0 auto 0 auto;} .rating-right { clear: right; color: #000; display: inline; float: left; font: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16px; margin: 0; padding: 0 0 0 10px; width: 200px;} .other-images-header { clear: both; margin: 0 0 10px 13px; padding: 0; width: 707px} .dotsg { background: #ccc; display: inline; float: right; margin: 0; padding: 0;} #page-content .dotsg img { border: 0; margin: 0;} .gallery-collaterals { clear: both; margin: 0 0 10px 13px; padding: 0; width: 707px} #page-content .gallery-collaterals img { border: 0; margin: 0;} /* Video Container */ .full-video-holder { clear: both; margin: 0 auto 10px auto; padding: 0; width: 640px} /* For available webinars listings for webinar form */ #page-content .main-content .divavailablewebinars label{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 10px 0 0; padding: 0; display: inline; float: none;} #page-content .main-content .divavailablewebinars input{ color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 4px 20px 0; display: inline;} /* /For available webinars listings for webinar form */ /* For captcha image and textbox in Webinar form */ #page-content .webinarcaptcha p { margin: 0 0 14px; float:left; vertical-align:middle; padding-right:25px;} /* To hide the title tab for Google Custom Search */ .googlesearchbox { border: 1px solid Gray; width: 450px; float: left; padding:5px 10px; margin-right: 5px; margin-left:5px;font-size:12px;} .googlesearchboxdefault {color:#999999;border: 1px solid Gray; width: 450px; float: left; padding:5px 10px; margin-right: 5px; margin-left:5px;font-size:12px;} .cse .gsc-tabsArea, .gsc-tabsArea {visibility:hidden;display:none} #cse-search-results iframe {width: 700px; height:1050px; }