﻿body {
padding: 0;
margin: 0;
color: #000;
line-height: 130%;
background: #4f4f4f;
}
body, table, input, button, select, textarea, .slogan
{
/*IE6: Verdana无法垂直居中
IE6: Tahoma垂直居中时超级链接下划线位置靠上*/
font: 12px/1.5 Tahoma, Verdana, Arial, Helvetica;
}
img, form, div {
border: 0;
padding: 0;
margin: 0;
}
button {
margin-left: 8px;
padding-left: 2px;
padding-right: 2px;
vertical-align: middle;
}
ul, ol {
margin: 4px 0 4px 16px; 
padding-left: 0;
}
li {
margin-left: 16px;
}
p {
padding: 2px 0;
margin: 0;
}
h1 {
font-size: 18px;
margin: 5px 0;
line-height: 130%;
}
h2 {
font-size: 16px;
margin: 3px 0;
line-height: 120%;
}
h3 {
font-size: 13px;
margin: 3px 0;
line-height: 120%;
}
h4 {
font-size: 12px;
margin: 3px 0;
line-height: 120%;
}
h5 {
font-size: 12px;
margin: 3px 0;
line-height: 120%;
}
#footer, #frame, #header {
width: 776px;
margin: 0 auto;
background: #fff;
display: block;
}
#header {
clear: both;
}
#search {
padding: 4px;
margin-left: 170px;
text-align: right;
color: #999;
}
#table_download img, #copyright img, .td_buttons img, .td_grey img, #footer img, .grid img {
vertical-align: middle;
}
#content, #contenti {
margin-left: 216px;
background: #fff;
display: block;
}
#content {
border-left: 1px #ccc solid;
}
#sidebar {
position: absolute;
width: 200px;
top: 100px;
padding: 8px;
}
.boxshot {
float: left;
width: 180px;
padding-top: 12px;
text-align: center;
}
#header_search {
height: 32px;
}
#header_menu a {
height: 20px;
display: inline-block;
background-repeat: no-repeat;
}
#footer_menu {
background: url(/images/footbtn_06.gif);
}
#footer_menu a {
height: 34px;
display: inline-block;
background-repeat: no-repeat;
}
#menu1 {
background: url(/images/menu_home.gif);
width: 60px;
}
#menu2 {
background: url(/images/menu_news.gif);
width: 60px;
}
#menu3 {
background: url(/images/menu_products.gif);
width: 70px;
}
#menu4 {
background: url(/images/menu_solutions.gif);
width: 75px;
}
#menu5 {
background: url(/images/menu_support.gif);
width: 75px;
}
#menu6 {
background: url(/images/menu_articles.gif);
width: 65px;
}
#menu7 {
background: url(/images/menu_links.gif);
width: 60px;
}
#menu1_cn {
background: url(/images/menu_home_cn.gif);
width: 52px;
}
#menu2_cn {
background: url(/images/menu_news_cn.gif);
width: 77px;
}
#menu3_cn {
background: url(/images/menu_products_cn.gif);
width: 78px;
}
#menu4_cn {
background: url(/images/menu_solutions_cn.gif);
width: 79px;
}
#menu5_cn {
background: url(/images/menu_support_cn.gif);
width: 77px;
}
#menu6_cn {
background: url(/images/menu_articles_cn.gif);
width: 54px;
}
#menu7_cn {
background: url(/images/menu_links_cn.gif);
width: 60px;
}
#logo {
float: left;
width: 170px;
height: 60px;
background: url(/images/nesox.gif);
}
#logos {
text-align: center;
padding-top: 15px;
}
#copyright {
padding: 4px;
text-align: center;
}
textarea, select, input {
border: 1px solid #6386de;
}
select, input {
vertical-align: middle;
line-height: 100%;
}
.grid, .grid td, .inputa {
border: 1px solid #ccc;
}
em {
	font-family: Verdana;
}
a {
/* ie6: Tahoma下划线显示有误 */
font-family: Arial, Tahoma, Verdana, Helvetica;
}
a:visited, a:link, a:active {
color: #5277da;
}
a:active, .slogan a {
text-decoration: none;
}
a:hover {
color: #ff8c00;
}
.h_mailer {
background: url(/images/h_email.gif) no-repeat left center;
padding-left: 36px;
}
.h_title, .h_checker {
padding-left: 30px;
background: url(/images/i.gif) no-repeat left center;
}
.p_plus {
background: url(/images/plus.gif) no-repeat left center;
padding-left: 20px;
font-weight: bold;
}
.td_white, .td_blue, .td_yellow {
padding: 8px;
display: table;
}
.td_blue, .spacer_blue  {
background: url(/images/blue.jpg) repeat-y right;
}
.td_yellow, .spacer_yellow {
background: url(/images/yellow.jpg) repeat-y right;
}
.td_grey, .spacer_grey {
background: url(/images/grey23.jpg) repeat-y right;
}
.td_buttons, .td_grey {
text-align: right;
padding: 4px 8px;
font-weight: bold;
}
.news {
background: url(/images/orange_dot.gif) no-repeat left center;
padding: 4px 0 4px 16px;
font-weight: bold;
}
.news_link, .histories p {
padding-left: 16px;
}
.sm, .sm_active {
padding-left: 16px;
font-weight: bold;
display: block;
}
.sm_active {
background: url(/images/orange_dot.gif) no-repeat 4px 4px;
}
.sm {
background: url(/images/grey_dot.gif) no-repeat 4px center;
}
.sm_review {
background: url(/images/talk.gif) no-repeat 4px 2px;
padding-left: 20px;
}
.sm_dot {
width: 133px;
height: 9px;
background: url(/images/dot_line.gif) no-repeat left center;
overflow: hidden;
}
.sm_line {
width: 133px;
height: 5px;
background: url(/images/hr.gif) no-repeat 16px center;
overflow: hidden;
}
.spacer_long, .spacer_short, .spacer, .spacer_dot {
font-size: 0;
line-height: 0;
clear: both;
}
.spacer_short {
height: 1px;
text-align: right;
background: url(/images/grey.jpg) no-repeat right center;
}
.spacer_long {
height: 1px;
text-align: right;
background: url(/images/grey_long.jpg) no-repeat right center;
}
.spacer_line {
background: url(/images/grey_line.jpg) no-repeat left center;
height: 8px;
}
.spacer_dot {
border-top: #d1dae0 1px dashed;
margin: 4px 0;
}
.slogan {
font-weight: bold;
color: #5277da;
text-align: left;
}
.slogan_orange, #why span {
font-weight: bold;
color: #ff8c00;
}
.clear {
height: 0;
overflow: hidden;
clear: both;
}
.half {
float: left;
width: 272px;
}
#tbl_award td, #tbl_screenshot td, #tbl_templates td {
text-align: center;
width: 192px;
}
#tbl_screenshot img, #tbl_templates img{
background: url(/images/fuzzy_shadow.png) no-repeat right bottom;
padding: 0 6px 6px 0;
}
.article_title {
background: url(/images/star.gif) no-repeat left center;
padding: 6px 0 2px 28px;
font-weight: bold;
display: inline-block;
/*vertical-align: middle;*/
}
.articles p {
padding: 2px 0 2px 28px;
}
.history_title {
background: url(/images/orange_dot.gif) no-repeat left center;
padding-left: 16px;
}
.gray_hint {
text-align: right;
color: gray;
}
#mbox_head {
background: url(/images/box_top.gif);
width: 200px;
height: 13px;
}
#mbox_body, #mbox_body_cn {
background: url(/images/box_background.gif);
padding-left: 16px;
padding-right: 16px;
}
#mbox_body_cn {
padding-left: 32px;
}
#mbox_foot {
background: url(/images/box_bottom.gif);
width: 200px;
height: 13px;
}
#cbox_head {
background: url(/images/case.gif);
margin-left: 6px;
width: 194px;
height: 31px;
}
#cbox_body {
background: url(/images/case_1.gif) repeat-y;
margin-left: 6px;
width: 178px;
padding-right: 8px;
}
#cbox_foot {
background: url(/images/case2.gif);
margin-left: 6px;
width: 194px;
height: 13px;
}
.cell_blue {
background: #0066CC;
padding-left: 8px;
color: #fff;
}
.tr_blue{
/*background: #2678FF;*/
background: #5277da;
text-align: center;
font-weight: bold;
color: #fff;
}
.grid {
width: 100%;
border-collapse: collapse;
}
.grid td {
padding: 4px;
}
.grid .td_down {
padding-left: 20px;
width: 300px;
}
.checks {
margin-left: 12px;
}
.checks li {
margin: 0;
list-style: none;
padding: 2px 0 2px 20px;
background: url(/images/check_blue.gif) no-repeat left 1px;
}
.list_orange li{
list-style: none;
padding-left: 12px;
margin-left: 0;
background: url(/images/orange_dot.gif) no-repeat left 4px;
}
.td_money {
text-align: right;
white-space: nowrap;
}
#help_frame {
width: 542px;
}
.pagernav {
margin: 5px 0;
clear: both;
}
.pagernav a {
/*	float: left;*/
display: inline-block;
padding: 0 2px;
height: 20px;
margin: 0 2px 0 0;
line-height: 18px;
color: #307FBF;
text-align: center;
vertical-align: middle;
border: 1px #5680D6 solid;
overflow: hidden;
text-decoration: none;
}
.pagernav a.active, .pagernav a:hover{background:#5680D6;color:#fff;}
.pagernav a.pnv:hover small{color:#fff;}
.pagernav a.pnv{width:80px;}
.pagernav a.pnv small{font-size:10px;color:#307FBF;line-height:22px;}
.red, #tbl_form span, #contact span {
color: red;
}
.bgrey {
background: #f1f1f1;
}
.right {
text-align: right;
}
.center {
text-align: center;
}

