body { /*background-color: #e2e2e2; */ margin:0px Auto; font: normal 12px/16px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; width: 980px; /*height:100%;*/ /*background:#fff url(./img/bg.jpg) repeat-x; */ color: #666; overflow: auto; } /** Set background to light gray to highlight content in rounded corner boxes with white background. */ body, #wrapper_right_main_outer_left_on, #wrapper_right_main_outer_left_off {background: #f8f8f8;} /* {border: solid 1px red;} */ /**----------------------- Common -----------------------*/ #breadcrumb {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 10px; color: #ccc; line-height: 12px; vertical-align: baseline; padding-left: 10px;} #breadcrumb a {color: #aaa; } #breadcrumb span.zh-cn {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:12px;} h1, body.zh-cn h1.en {font-family: Arial,"Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 22px; font-weight: normal; letter-spacing: 0px; color: #FF7000; margin-top: 15px; margin-bottom: 10px; line-height: 130%;} body.zh-cn h1 {font-family: LiHei,"微软雅黑",Arial; font-weight:normal; font-size:21px; letter-spacing: 2px;} h2, body.zh-cn h2.en {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 17px; font-weight: 300; letter-spacing: 0px; color: #356052; margin-top: 12px; margin-bottom: 8px; } body.zh-cn h2 {font-family: LiHei,"微软雅黑",Arial; font-size: 15px; font-weight: 300; color: #356052; margin-top: 12px; margin-bottom: 8px; } h3, body.zh-cn h3.en {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 13px; font-weight: 300; letter-spacing: 0px; color: #356052; margin-top: 8px; margin-bottom: 6px; } body.zh-cn h3 {font-family: LiHei,"微软雅黑",Arial; font-size: 14px; font-weight: 600; letter-spacing: 1px; color: #666; margin-top: 10px; margin-bottom: 8px; } p, body.zh-cn p.en {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; color: #666; font-size: 13px; line-height: 150%; margin-top: 0px; margin-bottom: 8px;} body.zh-cn p {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; margin-top: 0px; margin-bottom: 8px;} span.en {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; letter-spacing: 0px;} h1 span.en {font-family: Arial; letter-spacing: 0px;} p.en, body.zh-cn p.en {font-family: "Lucida Grande","Lucida Sans Unicode","Myriad Pro Light",Arial,Verdana,sans-serif;} ul {list-style: square; font: normal 12px/16px verdana, lucida, sans-serif; margin-top: 0px; margin-bottom: 10px;} body.zh-cn ul {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; } ol {font: normal 12px/16px verdana, lucida, sans-serif; margin-top: 0px; margin-bottom: 10px;} body.zh-cn ol {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; } table.styled { background-color: #fafafa; border: 1px #C0D7C6 solid; border-collapse: collapse; border-spacing: 0px; margin-top: 9px; margin-bottom: 12px;} table.styled td {border-bottom: 1px #CEDBD2 dotted; padding: 4px;} table.styled tr.header {background-color: #C0D7C6; color: #444;} table.styled tr.header th { padding-top: 4px; padding-bottom: 4px;} body.zh-cn table {font-family: LiHei,"微软雅黑",Arial; font-size: 13px; line-height: 150%; margin-bottom: 8px;} hr {color: #888A8C; background-color: #888A8C; height: 1px; } a {text-decoration: none; color: #00897B; } a:visited {text-decoration: none; color: #7A958B; } a:hover {text-decoration: underline; } img {border: 0px;} input, textarea, select, body.zh-cn input.en, body.zh-cn select.en, {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; font-size: 12px; color: #053;} body.zh-cn input, body.zh-cn select, body.zh-cn textarea{font-family: LiHei,"微软雅黑",Arial; font-size: 12px; color: #053;} body.zh-cn input, body.zh-cn textarea {letter-spacing: 1px;} body.zh-cn input.NFButton {font-weight: 300; color: #fff; padding-left: 5px; padding-right: 5px; padding-bottom: 3px;} /** niceform button */ /**----------------------- Core layout -----------------------*/ #wrapper_right_main_outer_left_on {z-index: 0; margin-left: -200px; width: 100%; float: right; } /** margin left (negative) is the width of left + margin */ #wrapper_right_main_inner_left_on {z-index: 0; margin-left: 200px; } /** margin left is the width of left + margin */ #content_right_on {z-index: 0; margin-right: 200px; } /** margin right is the width of right + margin*/ #right {width: 195px; float: right; height: 150px; text-align: center;} /*#right {padding-left: 100%; margin-left: -100px;}*/ #left { width: 195px; float: left; z-index: 1; } /** When left is turned off */ #wrapper_right_main_outer_left_off {margin-left: 0px; width: 100%; float: right; border: 1px solid red;} /** clear margin left */ #wrapper_right_main_inner_left_off {margin-left: 0px; border: 3px solid green;} /** clear margin left */ /** When right is turned off */ #content_right_off {margin-right: 0px; border: 1px solid #666; } #main {z-index: 0; margin-left: 0px; margin-right: 195px;} .clearing {height: 0; clear: both} /**----------------------- Navigation panel on the left -----------------------*/ #navpanel {width: 185; background-color: white; z-index: 2; margin-top: 16px; margin-left: 0px; border: solid 0px;} /** Nav panel wrapper */ #navpanel ul { margin: 0px; padding: 0; list-style-type: none; z-index: 3;} /** Applies to all levels of ul */ #navpanel ul li {width: 180px;} /** Applies to all levels of ul */ #navpanel ul a {display: block; width: 164px; padding: 4px 0; padding-left: 16px; text-decoration: none; /** Applies to all levels of ul */ border-bottom: 1px solid #dbdcde; } #navpanel ul ul a {width: 164px; padding-left: 36px; background-image: none; border-bottom: none;} /** 2nd level menu item */ #navpanel ul ul ul a {width: 154px; padding-left: 26px; background-image: none;} /** 3rd level menu item */ #navpanel ul li.selected {font-style: normal; background-color: #F5F2EC; } /** Level 1 selected li */ #navpanel ul li.selected ul {font-style: normal; background-color: white; } /** Highlight selected li, not it's ul */ #navpanel ul ul li.selected {background-color: #e9eaec; } /** Level 2 selected li */ #navpanel ul ul ul li.selected a {background-color: #e9eaec; } /** Level 3 selected li */ #navpanel ul ul.selected {} /** Level 2 selected ul */ #navpanel ul ul ul.selected {} /** Level 3 selected ul */ #navpanel a {color: #5B8476; font-family: arial,helvetica; font-size: 12px; line-height: 15px; vertical-align: baseline;} #navpanel ul a {font-weight: bold;} /** Level 1 */ #navpanel ul ul a {font-weight: normal; font-size: 11px;} /** Level 2 */ #navpanel ul ul ul a {font-weight: normal; font-size: 11px; } /** Level 3 */ #navpanel a:hover {color: #69BFBB; text-decoration: underline; } #navpanel ul.zh-cn a {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:14px;} /** Styling for Chinese */ /*########################################### PAGE HEADER & FOOTER ###################################*/ /**----------------------- Header: contains logo, navigation bar, etc. -------------------------------*/ #header {display: block; width: 980px; height: 118px; } /** used to show clickable area above the logo on the background */ #logo_click {display: block; position: absolute; float: left; top: 20px; margin-left: 30px; width: 160px; height: 40px; } #logo_click a {display: block; width: 100%; height: 100%; /** border: solid 1px yellow; */} #header_right { display: block; position: absolute; float: left; top: 5px; margin-left: 824px; width: 153px; height: 76px; border: solid 0px red; } /**----------------------- Navigation bar -----------------------*/ #navbar {display: block; position: absolute; float: left; top: 85px; width: 980px; height: 31px; clear: both;} /** Nav bar wrapper */ /** Apply to both level 1 and level 2 ul/li/a */ #navbar ul {margin: 0px; padding: 0px; padding-left: 20px; list-style: none; position: relative; } /** set list-style to none to hide bullets */ #navbar ul li { margin: 0px; padding: 0px; float: left; position: relative; } /** tab container */ /******* Level 1 style *******/ /** Level 1 in non-hover state ( in level 2 is overridden below) */ #navbar ul li a {display: block; text-decoration: none; /** Tab */ font-family: Arial; font-size: 12px; font-weight: bold; padding-top: 9px; padding-bottom: 8px; padding-left: 16px; padding-right: 16px; /* 'height: 100%' does not work in IE6, we use padding here (16px here hover 15px to left space for border */ color: #fff; text-align: center; } #navbar ul.zh-cn li a {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:15px;} /** Tab styling for Chinese */ /** Level 1 in hover state ( in level 2 is overridden below) */ #navbar ul li:hover a, #navbar ul li.hover a {background-color: #999; border-top: 1px solid white; border-left: 1px solid white; border-right: 1px solid white; padding-left: 15px; padding-right: 15px;} /* change bg to green when hover on tab */ /******* Level 2 style *******/ /** Level 2 in non-hover state */ #navbar li ul li a { width: 144px; font-size: 0.8em; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 5px; color: #EEE; /*background: #FF7000; border-top: 1px solid #FF7000; */ text-align: left; } #navbar li ul.zh-cn li a {font-family: 黑体,Verdana, nsimsun; font-weight:normal; font-size:13px; } /* menu item styling for Chinese */ /** Level 2 in hover state */ #navbar ul li:hover ul a, #navbar ul li.hover ul a {background: none; border: none; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; padding-right: 5px;} /* Above highlight not applied to drop down */ #navbar li ul li a:hover { background: url("/img/header/arrow.gif") no-repeat 10px 50%; color: #fff; font-weight: normal; border-bottom: 0px solid #cccccc; } /* menu item on hover */ /** Level 2