/* Modified from: http://meyerweb.com/eric/tools/css/reset/ ----------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;} body { line-height : 1;} ol, ul { list-style-type : none;} :focus { outline : 0;} ins { text-decoration : none;} del { text-decoration : line-through;} /* Modified from: http://code.google.com/p/blueprintcss/ ----------------------------------------------------------------------------------------- */ body { font : 12px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;} h1, h2, h3, h4 { font-weight : normal;} p { margin-bottom : 1em; } ul { list-style-type : none; } ol { list-style-type : decimal; } abbr, acronym { border-bottom-width : 0;} strong { font-weight : bold;} em { font-style : italic;} .no_wrap {white-space:nowrap;} sup {line-height:.7em; font-size:.8em;} /* page navigation and & elements ----------------------------------------------------------------------------------------- */ html {background:url('../images/main_bg.gif') #eae4d4 repeat-x top;} body {width:967px; margin:15px auto; position:relative;} h1 {background:url('../images/logo_chinese.gif') no-repeat top left; height:45px; width:151px; margin:0 0 15px 14px; text-indent:-9999px;} div#main {background:url('../images/main_bg_border.gif') top left repeat-y; padding:5px 20px 12px 20px; position:relative;} div#container_top {clear:left; background:url('../images/main_bg_top.gif') top left no-repeat; height:9px;} div#container_bottom {background:url('../images/main_bg_bottom.gif') top left no-repeat; height:9px;} a:link, a:visited, a:active, a:hover {color:#2a5f8f; text-decoration:underline;} /* navigation */ ul#main_navigation {margin:0 0 0 14px; width:100%; position:relative;} ul#main_navigation li {margin-right:3px; float:left; position:relative; bottom:-1px; border-bottom:1px solid #c1ac8f;} ul#main_navigation li.active { border-bottom:1px solid white;} ul#main_navigation li.active a {background:url('../images/navigation_active_tab_bg.gif') no-repeat left top; color:#666666;} ul#main_navigation li.active span {background:url('../images/navigation_active_tab_cap.gif') top right no-repeat;} ul#main_navigation li.active.last span {background:url('../images/navigation_active_tab_cap_last.gif') top right no-repeat;} ul#main_navigation li a {background:url('../images/navigation_tab_bg.gif') no-repeat left top; color:white; text-decoration:none; font:bold 14px/1em "Arial", sans-serif; float:left;} ul#main_navigation li span {background:url('../images/navigation_tab_cap.gif') top right no-repeat; padding:5px 13px; display:block;} ul#main_navigation li.last span {background:url('../images/navigation_tab_cap_last.gif') top right no-repeat; padding:5px 35px 5px 13px; display:block;} /*navigation for Platform changes pages*/ ul#sub_nav {list-style:none; margin:0 0 0 25px;} ul#sub_nav li{display:inline; padding:2px 4px 2px 0px;} ul#sub_nav li span {padding:10px 0px 10px 7px;} ul#sub_nav li.active a{color:#666666; font-weight:bold;} span.downloadPDF{float:right;} span.downloadPDF span.summary{color:#9e8857;font-weight:bold;} span.download{padding-left:0px;} /* contact */ ul#main_contact {position:absolute; top:4px; right:0;} ul#main_contact li {float:left; color:#9e8857; font-size:15px;} ul#main_contact li.first_item {border-right:1px solid #7F7E78; margin-right:.75em; padding-right:.75em; font-weight:bold;} ul#main_contact li span span{font-weight:normal;} .tel span {padding-left:36px; background:url('../images/icon_tel.gif') left center no-repeat;} a.email {padding-left:36px; background:url('../images/icon_email.gif') left center no-repeat; color:#3d647f;} /* page body content ----------------------------------------------------------------------------------------- */ /* main page content */ div#main_content {width:710px;} div#main_content_platform {width:930px; position:relative; left:-19px; margin:0; padding:0;} h2 {color:#587993; font:normal 28px/1.3em "Arial", sans-serif;} h3 {color:#c3b183; font:normal 25px/1.3em "Arial", sans-serif; margin-bottom:.25em;} h4 {color:#555; font:normal 19px/1.3em "Arial", sans-serif; margin-bottom:.5em;} h5 {color:#c3b183; font:bold 14px/1.3em "Arial", sans-serif;} p {color:#333; line-height:1.5em; margin-bottom:1.75em;} /* samples */ div#sample {width:690px; position:relative; background:url('../images/sample_bg_top.gif') #587993 top left no-repeat; margin:0; padding:0;} div#sample_content {width:676px; min-height:200px; position:relative; padding:12px 7px 7px 7px; background:url('../images/sample_bg_bottom.gif') no-repeat bottom left;} div#sample h4 {float:left; color:#d2dbe5; font:normal 18px/1.2em "Arial", sans-serif; margin:12px 0 0 12px;} div#sample h4.active_tabs {font-size:14px; margin-top:3px;} div#sample .title_for_tab_content {position:relative; z-index:100;} div#sample .title_for_tab_content.ie_bg_fix {background:#e0e8f1;} div#sample .title_for_tab_content h3 {color:#587993; font:bold 13px/1.2em "Arial", sans-serif; margin:2px 0;} div#sample ul#sample_tabs {float:left; margin-left:20px; display:none;} div#sample ul#sample_tabs li {float:left; margin-left:5px;} div#sample ul#sample_tabs li a {float:left; background:url('../images/sample_tab_bg.gif') left top no-repeat; color:white; font:normal 14px/1.3em "Arial", sans-serif; text-decoration:none; cursor:pointer;} div#sample ul#sample_tabs li a span {padding:3px 8px 5px 8px; display:block; background:url('../images/sample_tab_cap.gif') right top no-repeat;} div#sample ul#sample_tabs li.active a {background:url('../images/sample_tab_active_bg.gif') left top no-repeat;} div#sample ul#sample_tabs li.active a span {background:url('../images/sample_tab_active_cap.gif') right top no-repeat; color:#555;} div.tab_content {clear:left; background:url('../images/sample_inner_bg_top.gif') white top left no-repeat;} div.tab_content.all_tabs_showing {margin-bottom:.75em;} div.tab_inner_content {background:url('../images/sample_inner_bg_bottom.gif') bottom left no-repeat; padding:8px 12px;} /* samples - table */ table.symbol_chart {width:662px; position:relative; left:-5px;} table.symbol_chart.short {width:462px; position:relative; left:-5px;} table.symbol_chart tr {} table.symbol_chart td, table.symbol_chart th {position:relative;} table.symbol_chart th {text-align:center;} table.symbol_chart th span {position:relative; margin:0; color:#999; font:normal 44px/1em "Arial", sans-serif;} div#sample table.symbol_chart th h4 {width:100px; text-align:left; color:#999; margin:5px 0; font:bold 11px/1em "Arial", sans-serif;} table.symbol_chart tr td, table.symbol_chart tr th {padding:2px 8px; color:#666;} table.symbol_chart tr.data_elements {background:#f0ebe0; font:bold 11px/1em "Arial", sans-serif;} table.symbol_chart tr.data_elements2 {background:#f0ebe0; font:normal 11px/1em "Arial", sans-serif;} table.symbol_chart tr td.data_elements {background:#fff; font:bold 11px/1em "Arial", sans-serif;} table.symbol_chart tr td.data_elements2 {background:#fff; font:bold 11px/1em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_count td {width:10%; background:#ded2ba; font:bold 14px/1em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_2count td {width:10%; padding:6px 5px; background:#ded2ba; font:bold 14px/1em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_key td {width:10%; background:#f0ebe0; padding:5px; font:bold 11px/1em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_abbr td {width:10%; padding:5px; color:#c3b183; font:normal 44px/1em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_meaning td {width:10%; padding:5px 8px; background:#ded2ba; font:bold 11px/1em "Arial", sans-serif; text-align:left;} table.symbol_chart tr.data_elements_2meaning td {width:10%; padding:7px 8px; background:#ded2ba; font:bold 11px/1em "Arial", sans-serif; text-align:left;} table.symbol_chart tr.data_elements_subhead td {width:10%; background:#ded2ba; font:bold 12px/1em "Arial", sans-serif; text-align:center;} .key_details{background:white;border: 1px solid #c3b183;} /* FAQ page*/ #key_details_h2 {padding-left:7px;} div#category {margin:1em 0;} div#category_contents {padding:0 5px;} div#category_contents a {font:normal 13px/1em "Arial", sans-serif;} a.print {padding:1em 0 .8em 20px; background:url('../images/print.gif') center left no-repeat; color:#3d647f; float:right; display:none;} div#top_questions {width:277px; float:right; background:url('../images/top_questions_box_bottom.gif') bottom left no-repeat;} div#top_questions_content{ padding: 0 12px 8px 12px;} div#top_questions h5 {background:url('../images/top_questions_box_top.gif') top left no-repeat;color:white; font:bold 14px/1em "Arial", sans-serif; padding:8px 12px;} div#category ul, div#top_questions ul {list-style:none; color:#3d647f; padding:.5em 0 .5em 2px;} div#category ul li {} div#top_questions ul li {padding-left:10px; background:url('../images/bullet4x4.gif') no-repeat left .5em;} div#all_questions {clear:left;} div#all_questions h5 {margin:1em 0; padding-left:5px;} div#all_questions h4 {padding-left:5px; font:bold 13px/1em "Arial",sans-serif; color:#333;} div#all_questions .symbol_chart h4 {position:relative; margin:0; color:#999; font:normal 44px/1em "Arial", sans-serif; text-align:center;} div#all_questions .symbol_chart span {position:relative; font:bold 12px/1em "Arial",sans-serif; color:#999;} div#all_questions ul li {padding-top:2px;} div#all_questions ul li p {padding:0 0 .5em 0; margin:0;} div#all_questions ul li .answer {margin:0 0 1em 0; padding:0 0 0 5px;} div#all_questions ul li .answer ul li {list-style:disc outside; padding:0 0 .5em 0; margin:0 0 0 20px;} div#all_questions table {margin:1em 0;} /* aside content*/ div#aside {width:178px; position:relative; float:right; padding:5px 0 0 0;} h5.title {display:none;} div#calendar {background:url('../images/calendar_top.gif') top no-repeat #b1b1b1; width:176px; margin:6px 0; display:none;} div#calendar_content {background:url('../images/calendar_bottom.gif') bottom no-repeat; width:160px; padding:5px 8px;} div#date {background:url('../images/calendar_date_top.gif') top no-repeat white; width:161px; margin:4px 0;} div#date_content {background:url('../images/calendar_date_bottom.gif') bottom no-repeat; width:143px; padding:5px 9px; text-align:center;} div#date_content span {color:#c3b183; font:normal 84px/.8em "Arial", sans-serif;} h6#month_name {color:white; text-align:center; font:normal 24px/1em "Arial", sans-serif; text-transform:uppercase;} p#details {color:white; margin:0; padding:0; line-height:1.2em; font:normal 12px/1.2em "Arial", sans-serif;} ul#date_list.active {} ul#date_list {margin-top:.5em; } ul#date_list li {} ul#date_list li a {padding:0; background:0; font:bold 14px/1em "Arial", sans-serif; color:#369; text-decoration:none; cursor:default; color:#c3b183;} ul#date_list.active li a {padding:0 0 0 18px; font:normal 12px/1em "Arial", sans-serif; color:#369; text-decoration:none; cursor:pointer; background-image:url('../images/arrow.gif'); background-repeat:no-repeat; background-position:top left;} ul#date_list.active li a.inlinelink {padding:0; font:normal 12px/1em "Arial", sans-serif; color:#2a5f8f; text-decoration:underline; cursor:pointer; background-image:none;} ul#date_list.active li.openItem a {background-position:bottom left; font-weight:bold;} ul#date_list.active li.openItem a.inlinelink {background-position:bottom left; background-image:none; font-weight:normal;} ul#date_list.active li.openItem p {display:block;} ul#date_list.active li.closedItem a {background-position:top left; font-weight:normal;} ul#date_list.active li.closedItem p {display:none;} ul#date_list.active li.pastEvent a {background-image:url('../images/arrow_past.gif'); color:#555555;} ul#date_list li p {margin-bottom:6px; padding:0px;} ul#date_list.active li p {margin-bottom:2px; padding:0 0 4px 18px; font:normal 12px/1.2em "Arial", sans-serif;} /* legal */ div#legal {margin:12px 0 0 23px; font:normal 11px/1em "Arial", sans-serif;;} div#legal p {color:#5B5B5B; margin:0 18px .8em 0;} .subheader {color:#c3b183; font:bold normal 13px/1.3em "Arial", sans-serif;} .sidebar {position:relative; background:url('../images/sidebar_item_background1.gif') bottom left no-repeat; margin-top:1em; margin-bottom:1em;} .sidebar h5 {background:url('../images/sidebar_item_header.gif') top no-repeat #c3b183; width:160px; color:white; font:bold 12px/1em "Arial", sans-serif; padding:6px 9px;} .sidebar p {padding:6px 7px;} a.pdf {padding-left:16px; background:url('../images/pdf.gif') left center no-repeat; color:#3d647f;} a#show_all {clear:left; display:none; padding:5px 0 0 5px; margin-bottom:4px;} #si_symbology {margin:10px 0 0 0; padding:0;} #si_symbology p {margin:0; padding:2em;} /* Chinese overwrites for fonts only */ body,li,h2,h3,h4,h5,h6,p,a,div { font-family: PMingLiU, MingLiU, Taipei, Arial, Helvetica, sans-serif; } .westernText, .tel, .email { font-family: Arial, Helvetica, sans-serif;} .chineseText { font-family: PMingLiU, MingLiU, Taipei, Arial, Helvetica, sans-serif; } .tel span {padding-left:32px;} a.email {padding-left:30px;} /* main page content */ div#main_content p { font:normal 14px/1.4em "PMingLiU", sans-serif;} /* aside content*/ p#details { font:normal 14px/1.4em "PMingLiU", sans-serif;} ul#date_list.active li p { font:normal 12px/1.4em "PMingLiU", sans-serif;} /* FAQ page*/ div#all_questions h4 { font:bold 14px/1.4em "PMingLiU",sans-serif; color:#333;} div#category_contents a {font:normal 14px/1.4em "PMingLiU", sans-serif;} div#category_contents h5 { font:bold 17px/1.4em "PMingLiU", sans-serif; padding:8px 0px;} div#top_questions h5 { font:bold 14px/1.4em "PMingLiU", sans-serif; padding:8px 12px;} div#all_questions h5 { font:bold 17px/1.4em "PMingLiU", sans-serif; padding:8px 6px;} div#all_questions h4 { font:bold 14px/1.4em "PMingLiU",sans-serif; color:#333;} div#all_questions ul li .answer p, div#all_questions ul li .answer ul li {font:normal 14px/1.4em "PMingLiU", sans-serif;} /* samples - table */ table.symbol_chart th span { font:normal 44px/1em "Arial", sans-serif;} div#sample table.symbol_chart th h4 { font:bold 14px/1.4em "Arial", sans-serif;} table.symbol_chart tr.data_elements td { font:bold 14px/1.4em "Arial", sans-serif;} table.symbol_chart tr td { font:bold 14px/1.4em "Arial", sans-serif;} table.symbol_chart tr.data_elements2 { font:normal 14px/1.4em "Arial", sans-serif;} table.symbol_chart tr td.data_elements { font:bold 14px/1.4em "Arial", sans-serif;} table.symbol_chart tr td.data_elements2 { font:bold 14px/1.4em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_count td { font:bold 16px/1.4em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_2count td { font:bold 16px/1.4em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_key td { font:bold 14px/1.4em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_abbr td { font:normal 44px/1em "Arial", sans-serif; text-align:center;} table.symbol_chart tr.data_elements_meaning td { font:bold 14px/1.4em "Arial", sans-serif; text-align:left;} table.symbol_chart tr.data_elements_2meaning td { background:#ded2ba; font:bold 14px/1.4em "Arial", sans-serif; text-align:left;} table.symbol_chart tr.data_elements_subhead td { font:bold 15px/1.4em "Arial", sans-serif; text-align:center;}