body {
  background-color: #f1f1f1;
  font-family: Verdana,sans-serif;
  font-size:12px;
  color: #5a5e66;
  margin: 0;
  padding: 0
}
form {margin:0;padding:0}
a {color:#177c8a;}
a:hover {color:#7fc31c;}
.cb {
  clear: both;
  height: 0;
  display: block;
  overflow: hidden
}
.tR {text-align:right;}
.tC {text-align:center}
.f12 {
  font-size:12px;
}
.f13 {
  font-size:13px;
}
.f14 {
  font-size:14px;
}
.fc0 {
  color:#000;
}
.fc3 {
  color:#333;
}
.fc9 {
  color:#999
}
.fc_bs {
  color:#117c8a;
}
.pb10 {padding-bottom:10px;}
.fc_g1 {color:#177c8a}
.fc_g2 {color:#7fc31c}
.fwb {font-weight:bold;}
.fwn {font-weight:normal;}
.t2 {
  text-indent:2em;
}
.req {color:red}
.dotline_gray {display:block;height:1px;background:transparent url("../cssimg/grey_dots.gif") left 0 repeat-x;overflow:hidden;margin:8px 0;}

#top {
  background-color: #01232e;
  text-align: center;
  margin: 0;
  padding: 0;
}

.wrap {
  width: 906px;
  text-align: left;
  clear: both;
  margin: 0 auto;
  padding:0;
}
#top ul {float:left;margin:0;padding:12px 0 0 2px;}
#top ul li {
  float: left;
  list-style: none;
  border-right: 1px solid #515e5d;
  line-height: 12px;
  margin:0 8px 0 0;
  padding: 0 8px 0 0;
}
#top ul li.last {border:none;}

#top ul li a {
  color: #779592;
  display: block;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  padding: 0
}

#top ul li a:hover, #top ul li.active a {
  color: #b6d8d5
}

a.burgeon_sm {
  background: transparent url( ../cssimg/bs_top_sm.gif) no-repeat 0 0;
  cursor: pointer;
  display: block;
  float: right;
  margin:0 2px 0 0;
  height: 34px;
  width: 93px;
  overflow: hidden;
}

a.burgeon_sm h3 {
  display:none;
}

a.burgeon_sm:hover {
  background: transparent url( ../cssimg/bs_top_sm.gif) no-repeat 0 -34px
}

#hd {
  background: #117c8a url( ../cssimg/hd_bg.gif ) 0 100% repeat-x
}

.dcweb_logo {
  float: left;
  width: 150px;
  height: 50px;
  display: block;
  overflow: hidden;
  padding:20px 0 0 32px;
  margin:0;
}

#mainnav {
  text-align: right;
  padding-top: 58px;
}

#mainnav ul {
  float: right;
  display: block;
  height: 29px;
  margin: 0;
  padding: 0;
  position:relative;
	list-style-type:none;
	z-index:10;
}

#mainnav ul li {
  background: transparent url( ../cssimg/tab_tl_normal.gif ) no-repeat scroll left top;
  float: left;
  margin-left: 3px;
  list-style: none;
  height: 29px;
  position:relative;
  z-index:11;
}

#mainnav ul li a {
  background: transparent url( ../cssimg/tab_tr_normal.gif ) no-repeat scroll right top;
  color: #b6d8d5;
  display: block;
  float: left;
  font-size: 115%;
  line-height: 29px;
  text-decoration: none;
  font-weight: 700;
  padding: 0 12px
}

#mainnav ul li a:hover {
  color: #FFF
}

#mainnav ul li.active {
  background: transparent url( ../cssimg/tab_tl_current.gif ) no-repeat scroll left top
}

#mainnav ul li.active a, #mainnav ul li.active a:hover {
  background: transparent url( ../cssimg/tab_tr_current.gif ) no-repeat scroll right top;
  color: #177c8a
}

#mainnav ul li ul, #mainnav ul li.active ul {
  display:none;
}
#mainnav ul li:hover ul {
  display:block;
  position:absolute;
  top:29px;
  left:0;
  width:140px;
	margin:0;
	background-color:#edf6f5;
	z-index:10;
	border:1px solid #ccc;
	border-bottom:2px solid #177c8a;
	border-top:0;
	padding:3px 0 5px 0;
  height:auto;
}
#mainnav ul li ul li {
	margin:0;
	padding:0;
	height:24px;
  background:none;
  text-align:left;
  font-size:12px;
  float:none;
  clear:both;
}
#mainnav ul li ul li a {
  display:block;
	float:none;
	color:#000;
  background:none;
  height:23px;
  padding:0 4px;
  margin:0 8px;
  font-size:12px;
  font-weight:normal;
  line-height:23px;
	border-bottom:1px solid #ddd;
  cursor:pointer
}
#mainnav ul li ul li.active a, #mainnav ul li.active ul li.active a {color:#7fc31c}
#mainnav ul li ul li.last a {border:none;}
#mainnav ul li ul li a:hover {
  color:#7fc31c;
  background-color:#fff;
  background-image:none;
}
#mainnav ul li.active:hover ul {
  display:none;
}


ul.subtabs {margin:0 0 16px 0; padding:0 0 0 15px; background:url(../cssimg/subtabs_bg.gif) repeat-x 0 100%; list-style:none;height:32px}
ul.subtabs li {margin:0 10px 0 0;padding:0;list-style:none}
ul.subtabs li,
ul.subtabs a,
ul.subtabs em {float:left; height:32px; font-style:normal; font-weight:bold; font-size:14px;text-decoration:none}
ul.subtabs a,
ul.subtabs em { background:url(../cssimg/subtabs_libg.gif) no-repeat; }
ul.subtabs a { padding-left:15px; color:#444; }
ul.subtabs em { padding-right:15px; background-position:100% 0; line-height:32px; }
ul.subtabs .active { background-position:0 -32px; color:#117c8a; }
ul.subtabs .active em { background-position:100% -32px; }


.common_th {
  display:block;
  height:6px;
  overflow:hidden;
  background:#edf6f5 url("../cssimg/com_th.gif") left top repeat-x;
}

#ft {
  margin:2px 0 0;
  background:#f1f1f1 url("../cssimg/ft_bg.gif") center top repeat-x;
}
.ft_th {
  display:block;
  height:1px;
  background:#779592;
  overflow:hidden;
}
#ft_menu {margin:0;padding:12px 0 0;}
#ft_menu a:link {color:#117c8a;text-decoration:none;}
#ft_menu a:visited {color:#779592}
#ft_menu a:hover {color:#4eb0bd;background:#fff;}
.fmbox {display:block;float:left;width:20%;}
.fms {margin:0;padding:0 14px 23px;}
.fms label {font-weight:bold;color:#333;height:23px;line-height:23px;padding:0;margin:0;}
#ft_menu label a:link, #ft_menu label a:visited {color:#333;}
#ft_menu label a:hover {color:#177c8a;}
.fms ul, .fms ul li {margin:0;padding:0;list-style:none;}
.fms ul {border-top:1px solid #dfdfdf;}
.fms ul li a {padding:0 0 0 12px;margin:0;line-height:22px;height:22px;display:block;border-bottom:1px solid #dfdfdf;text-decoration:none;background:none;}
#ft_menu a.lb {color:#333}
#ft_menu a.lb:hover {color:#177c8a}
.ft_info {padding:8px 12px 18px;margin:0 14px 8px;border-top:1px solid #ddd;color:#333}
.ft_info a {text-decoration:none}
.ftlinks {float:right;}
.ftlinks span {color:#117c8a}
.ftothers {background:transparent url("../cssimg/footlogo.gif") 0 50% no-repeat;padding-left:110px}
.ftothers div {font-size:11px;padding-top:4px}
.ftothers span {color:#888}
.ftothers div a {color:#177c8a;text-decoration:none}

#main_body {
  margin:0;padding:0;border-bottom:1px solid #dedede;background:#fff;
}
.main {
  padding:18px 0 20px;
  margin:0;
  display:block;
  overflow:hidden;
}

.two_col {}
.left_main {}
.two_col .left_col {
  width:218px;
  float:left;
}
.two_col .main_col {
  line-height:150%;
  display:block;
  float:right;
  width:666px;
}
.left_main .right_col {
  width:218px;
  float:right;
}
.left_main .main_col {
  line-height:1.5em;
  display:block;
  float:left;
  width:666px;
}

.breadcrumb {font-size:11px;color:#ccc;}
.breadcrumb span, .breadcrumb a {text-decoration:none;color:#999}
.breadcrumb a:hover {text-decoration:underline;color:#7fc31c}

.main_col h1 {
  font-size:16px;
  padding:6px 0 4px;
  margin:0 0 8px;
  border-bottom:1px solid #ccc;
  color:#177c8a;
  line-height:18px;
}

.section {
  margin:0;
  padding:0 0 12px;
  line-height:1.5em;
}
.ct {margin:0;padding:0;line-height:1.5em;}
.ct a, .section a {color:#177c8a;border-bottom:1px dotted #779592;text-decoration:none}
.ct a:hover, .section a:hover {color:#177c8a;border-bottom:1px solid #177c8a}
.section h2 {font-size:18px;font-weight:bold;color:#177c8a;margin:0 0 4px;padding:8px 0 4px;}
.section h3 {font-size:14px;font-weight:bold;color:#177c8a;margin:0 0 2px;padding:8px 0 2px;}
.ct p {
  padding:0 0 8px;
  margin:0;
}
.section ul {
  padding:0;
  margin:0 0 0 16px;
  list-style:disc;
  list-style-position:outside;
}
.section ul li {
  margin:0;
  padding:0 0 6px;
  list-style:disc;
  list-style-position:outside;
}

.side_menu, .side_section {
  padding:0;
  margin:0 0 18px;
}

.side_menu h4, .side_section h4 {
  background: #177c8a url("../cssimg/bar_bg.gif") left -4px repeat-x ;
  color: #fff;
  font-size:12px;
  font-weight:bold;
  margin: 0;
  padding: 3px 10px;
  height:17px;line-height:17px;
}
.side_menu h4 a, .side_section h4 a {
  text-decoration:none;
  color:#fff;
}
.side_menu h4 a:hover, .side_section h4 a:hover {
  color:#adff2f
}

.side_menu ul, .side_sectionbox {
  padding: 8px 0 12px 0;
  background: #f1f1f1;
  border: 1px solid #cdcdcd;
  border-bottom: 2px solid #888;
  list-style: none;
  margin: 0 0 15px;
}
.side_menu ul li {
  padding:0 12px;
  margin:0;
  display:block;
  height:28px;
  overflow:hidden;
}
.side_menu ul li a {
  display:block;
  height:27px;
  line-height:27px;
  padding:0 6px;
  width:180px;
  border-bottom:1px solid #ddd;
  color:#000;
	text-decoration:none;
  font-size:12px;
  background:#f1f1f1;
}
.side_menu ul li a:hover {
  color:#177c8a;
  background:#fff url("../cssimg/menu_arrow2.gif") right 50% no-repeat;
}
.side_menu ul li.active a, .side_menu ul li.active a:hover {
  color:#7fc31c;
  background:#fff url("../cssimg/menu_arrow.gif") right 50% no-repeat;
  font-weight:bold;
}
.arti_sec_tt {
  font-size:14px;font-weight:bold;color:#333;padding:3px 0 3px 4px;background:#f5f5f5
}
.contact_phone, .contact_mail, .contact_more {
  margin:0 12px;
  line-height:1.6em;
  padding:0;
  color:#000;
  border-bottom:1px solid #ddd;
}
.contact_phone {
  background:transparent url("../cssimg/phone.gif") right 50% no-repeat;
  padding:4px 0 6px;
}

.contact_mail a {
  color:blue;
  text-decoration:none;
  display:block;
  background:#f1f1f1 url("../cssimg/mail.gif") right 50% no-repeat;
  padding:4px 0 6px 4px;
}
.contact_mail a:hover {
  color:#7fc31c;
  text-decoration:underline;
  background-color:#fff;
}
.contact_more a {
  color:#000;
  text-decoration:none;
  display:block;
  background:#f1f1f1 url("../cssimg/2arrow.gif") right 50% no-repeat;
  padding:4px 24px 6px 0;
  text-align:right;
}
.contact_more a:hover {
  background:#fff url("../cssimg/2arrow2.gif") right 50% no-repeat;
  color:#7fc31c;
}

.sideblock {
  margin: 0 0 15px;
  padding:0;
}
.sideblock ul.scr_links {
  margin:0;
  padding:0 12px 15px;
  background:#f8f8f8;
  border-color:#999 #d9d9d9;
  border-style:solid;
  border-width:0 1px 2px;
  list-style:none;
}
.sideblock ul.scr_links li {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
  line-height: 1.4em;
  padding:0 12px;
  list-style: none;
}
.sideblock ul.scr_links li.first {
  border-top: 1px solid #dfdfdf;
}
ul.scr_links li a.scrshot, ul.scr_links li a.scrcast {
  display:block;
  padding-left:26px;
  color:#117c8a;
  background-position:2px 56%;
  background-repeat:no-repeat;
  text-decoration:none;
  font-size:13px;
  height:27px;
  line-height:27px;
}
ul.scr_links li a.scrshot {
  background-image:url("../cssimg/icon_screen.gif");
}
ul.scr_links li a.scrcast {
  background-image:url("../cssimg/icon_cast.gif");
}
ul.scr_links li a:hover {
  color:#7fc31c
}

ul.solu_linkbox, ul.solu_linkbox li {
  margin:0;
  padding:0;
  list-style:none;
}
ul.solu_linkbox li {
  height:22px;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
  line-height:21px;
}
ul.solu_linkbox li span {
  display:inline;
  float:left;
  width:172px;
  overflow:hidden;
  font-size:12px;
  background:transparent url("../cssimg/li_arrow.gif") 1px 52% no-repeat;
  padding-left:8px
}
ul.solu_linkbox li span a {
  color:#333;
}
ul.solu_linkbox li span a:hover {
  color:#7fc31c;
}
ul.solu_linkbox li a.act {
  width:35px;
  float:right;
  text-align:right;
  color:#7fc31c;
}
ul.solu_linkbox li a {
  text-decoration:none;
  border:none;
}
ul.solu_linkbox li a:hover {
  text-decoration:underline
}

ul.home_features, ul.home_features li {
  list-style:none;
  margin:0;
  padding:0;
}
ul.home_features li {
  display:block;
  height:22px;
  line-height:22px;
  font-size:12px;
  color:#333;
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #fff;
  padding-left:8px;
  background:transparent url("../cssimg/li_arrow.gif") 1px 52% no-repeat;
}


/*--About Us--*/
#compic {
  margin:4px 0 18px 18px;background:#eee;border:4px double #ccc; float:right;
}

/*--Contact Us--*/
.contactInfoBox {
  background:#f9f9f9 url(../cssimg/grey_dots2.gif) 400px top repeat-y;line-height:1.9em;margin:10px 0;
}
.imInfo {
  float:right;width:230px;padding:10px 12px;line-height:1.3em;
}
.msn, .gtalk {padding:4px 0 6px;}
.qq {padding-top:4px;}
.imInfo label {padding-left:20px;line-height:20px;height:20px;display:block;}
.imInfo span {padding-left:20px;color:#333;}
.msn label {background:transparent url("../cssimg/icon_messenger.gif") 0 50% no-repeat;}
.gtalk label {background:transparent url("../cssimg/icon_gtalk.gif") 0 50% no-repeat;}
.qq label {background:transparent url("../cssimg/icon_qq.gif") 0 50% no-repeat;}
.contactInfo {padding:10px 12px; color:#333;margin-right:260px}
.contactInfo strong {color:#666}
.contactInfo a {margin-right:8px;color:blue;text-decoration:none;font-size:11px}
.contactInfo a:hover {color:#7fc31c;text-decoration:underline;border:none}

#order_form, #order_form form {
	margin:0;padding:0;
}
#order_form .formTt {
	font-size:16px;padding:8px 0 6px;margin-bottom:4px;border-bottom:1px dotted #ccc;
}
#order_form .fItem {
	padding:4px 0 8px;
}
#order_form label {
	font-size:14px;font-weight:normal;display:block;line-height:20px;padding-bottom:2px;color:#222
}
#order_form .fText {
	background-color:#f9f9f9;
border-color:#7c7c7c #c3c3c3 #ddd;
border-style:solid;
border-width:1px;
color:#000;
font-size:14px;line-height:22px;
padding:3px;
}
#order_form #tPrice {
	background-color:#ffc;font-size:16px;margin-right:10px;text-align:right;color:green;font-weight:bold
}
#order_form input.fText {
	width:320px;
}
#order_form textarea.fText {
	width:480px;
}
#order_form p.fDes {
	font-size:12px;line-height:1.4em;padding:2px 0;color:#777;margin:0;
}
#order_form table.fTb td {
	font-size:14px;color:#222;padding-right:6px;
}
#order_form .fSlt {
	width:80px;font-size:14px;color:#000;
}

#order_form input.fBtn {
	background-color:#7FC31C;
border-color:#ddd #c3c3c3 #c3c3c3 #ddd;
border-style:solid;
border-width:2px;
color:#fff;
cursor:pointer;
font-size:14px;
font-weight:bold;
height:28px;
line-height:26px;
width:126px;
}
#order_form .errors {
	background:#ffd;border:1px solid #ffd700;padding:4px 8px;font-size:12px;line-height:1.5em;
}
.doneBox {
	padding:20px;border:1px solid #acdf61;background:#f9ffef;margin:18px 20px 60px;
}
.doneTt {
	font-weight:bold;color:#000;font-size:18px;line-height:1.5em;border-bottom:1px solid #aaa;padding:0 0 6px;margin-bottom:6px;text-align:center;
}
.doneMsg {
	font-size:13px;padding:8px 4px;margin:0 0 6px;text-align:center;
}

#eform {margin:0 0 28px}
#eform .eftt {color:#177c8a;font-weight:bold;padding:6px 0;background:transparent url("../cssimg/grey_dots.gif") left bottom repeat-x;margin-bottom:8px;}
#eform .errors {background:#fec;border:1px solid #fa0;padding:10px;color:#000;margin:0 0 10px 2px;width:524px;}
#EmailForm fieldset {
  border: none;
  margin: 0;
  padding: 0 0 0 2px
}

#EmailForm label {
  display: block;
  color: #666;
  margin: 0;
  padding: 0 0 10px
}

#EmailForm input.text, #EmailForm textarea {
  background-color: #f9f9f9;
  border-top: 1px solid #7c7c7c;
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #ddd;
  font-size: small;
  color: #222;
  padding: 2px
}

#EmailForm input.text {
  height: 18px;
  width: 320px
}

#EmailForm textarea {
  width: 540px;
  height: 160px
}
#EmailForm .button {
  width:120px;
  height:28px;
  line-height:27px;
  background-color:#7fc31c;
  border-width:1px;
  border-style:solid;
  border-color:#ddd #c3c3c3 #c3c3c3 #ddd;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  cursor:pointer
}

/*--Benifit--*/
.bnBox {background:#f9f9f9;}
.bnCtQ, .bnCtA {padding:10px;width:310px;float:left}
.bnBox img {float:left;border:3px double #ccc;background:#fff;margin:0 18px 0 8px;}
.bnCtQ div, .bnCtA div {margin-left:74px;}
.bnBox h4 {margin:0;padding:0;font-size:12px;}
.bnBox p {margin:0;padding:0;}
.bnCtQ h4 {color:#CA341B}
.bnCtA h4 {color:#7fc31c}

/*--service--*/
#serviceContact {padding:0 0 10px 10px;}
#serviceContact table {table-layout:fixed;}
#serviceContact table th, #serviceContact table td {border-bottom:1px solid #ddd;height:28px;font-weight:normal;color:#333}
#serviceContact table td.null {border:none}
#serviceContact div {background-position:0 50%;background-repeat:no-repeat;padding-left:20px}
#serviceContact div.phone {background-image:url("../cssimg/icon_phone.gif")}
#serviceContact div.mail {background-image:url("../cssimg/icon_mail.gif")}
#serviceContact div.edit {background-image:url("../cssimg/icon_write.gif")}
#serviceContact div.msn {background-image:url("../cssimg/icon_messenger.gif")}
#serviceContact div.gtalk {background-image:url("../cssimg/icon_gtalk.gif")}
#serviceContact div.qq {background-image:url("../cssimg/icon_qq.gif")}

/*--faq--*/
#faqTab {display:block;height:28px;overflow:hidden;background:#fff url("../cssimg/grey_dots.gif") 0 bottom repeat-x;padding:0 0 0 10px;margin:12px 0 0;position:relative;z-index:1}

#faqTab span {
  display: block;
  float: left;
  height: 22px;
  line-height: 23px;
  overflow: hidden;
  padding-left: 8px;
  padding-right: 8px;
  background: #f1f1f1;
  margin: 4px 6px 0 0;
  color:#177c8a;
  font-weight:bold;
  cursor:pointer;
  border:1px solid #ddd;
  position:relative;
  z-index:2;
  font-size:13px
}
#faqTab span.active {
  background:#fff;
  border-bottom:1px solid #fff;
  color:#7fc31c
}
#faqCt {padding:16px 0;margin:0;}

.faqindex {
  line-height:1.8em;
  padding:0 10px 10px;
}
.faqindex ol {
  padding:0;margin:0;
}
.faqindex ol li {
  list-style-position:outside;
  margin:0 0 0 24px
}
.faqindex ol li a:hover {
  color:#7fc31c;border-color:#7fc31c
}
.faq {padding-right:100px}
.faq dl {
  margin:0;padding:0;
}
.faq dl dt {color:#333;font-weight:bold;margin:0;padding:4px 0;font-size:13px}
.faq dl dd {margin:0;padding:0 0 0 2em}
.faq a.totop {font-size:10px;color:#177c8a;text-decoration:none;margin-bottom:4px}

/*--purchase--*/
.payinfo {float:right;width:220px;text-align:left;padding-left:36px;padding-top:16px;background:transparent url("../cssimg/grey_dots2.gif") 0 0 repeat-y;}
#pguide {width:393px;height:570px;overflow:hidden;padding:0;margin:0;background:#fff url("../cssimg/pguide_bg.gif") 0 0 no-repeat}
.pg_box {display:block;width:393px;height:570px;position:relative;top:0;left:0}
.pg_box span {display:block;color:#333;font-weight:bold;position:absolute;text-align:center;z-index:2;}
.pg_box .step1, .pg_box .step2, .pg_box .step3 {width:90px;height:55px;top:20px;font-size:13px;padding-top:15px}
.pg_box .step1 {left:33px}
.pg_box .step2 {left:151px}
.pg_box .step3 {left:269px}
.pg_box .step4, .pg_box .step5, .pg_box .step6 {width:135px;font-size:14px;left:129px;line-height:1.5em}
.pg_box .step4 {top:145px;height:47px;padding-top:23px;}
.pg_box .step5 {top:246px;height:58px;padding-top:12px;}
.pg_box .step6 {top:350px;height:47px;padding-top:23px;}
.pg_box .step7 {width:232px;height:45px;top:460px;left:80px;font-size:15px;padding-top:25px}

/*--download--*/
table.dloadTb th, table.dloadTb td {
  vertical-align: top;
  text-align: left;
  padding: 6px 0
}

table.dloadTb th {
  width: 116px
}

.lbox {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  line-height: 2em;
  margin: 10px 0;
  padding: 8px
}

.graydes {
  color: #888
}

p.rbox {
  border: 1px solid #e0e0d0;
  background-color: #ffd;
  padding: 8px 8px 8px 26px
}
.lbox a {padding-left:16px;background:transparent url("../cssimg/icon_dload.gif") 0 50% no-repeat}
.plat_win {padding:3px 0 3px 18px;background:transparent url("../cssimg/ico-win.gif") 0 50% no-repeat}
.plat_tux {padding:3px 0 3px 18px;background:transparent url("../cssimg/ico-tux.gif") 0 50% no-repeat}
.plat_osx {padding:3px 0 3px 18px;background:transparent url("../cssimg/ico-osx-uni.gif") 0 50% no-repeat}
.plat_pdf {padding:3px 0 3px 19px;background:transparent url("../cssimg/pdf.gif") 0 50% no-repeat}
.gdoc_ppt {padding:3px 0 3px 19px;background:transparent url("../cssimg/online_ppt.gif") 0 50% no-repeat}

table.relTb {}
table.relTb th, table.relTb td {padding:4px 4px 4px 0;text-align:left;vertical-align:top}
table.relTb th {width:80px}

/*--themes download--*/
#theme_setup_guide {
  float: right;
  width: 188px;
  padding: 8px 0 8px 8px
}

#theme_setup_guide ol {
  margin: 0;
  padding: 0
}

#theme_setup_guide ol li {
  font-weight: 400;
  font-size: 12px;
  margin: 4px 0 0 20px;
  padding: 3px 0
}

/*--news --*/
.news_summaryPost {
  margin: 0 0 10px;
  padding: 0 0 10px
}

.news_summaryPost h3 a {text-decoration:none;border:none}

.news_summaryPost h3 a:hover {
  color: #7fc31c;
  border:none;
  text-decoration:underline
}

.news_info {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 400;
  color: #779592;
  border-left:1em solid #f1f1f1;
  padding-left:1em
}
.news_info span {color:#444}

.news_more_link {
  text-align: right;
  padding-right: 6px;
  line-height: 14px
}
.news_more_link a {
  border:none
}
.news_more_link a:hover {
  color:#7fc31c;border:none;text-decoration:underline
}
#ditto_pages {margin:0 0 16px}
.news_item_count {
  color: #888;
  float: left
}
.news_item_count strong {color:#666}
.news_pages {float:right;}
.news_pages a, .news_pages span {
  background-color: #eee;
  border: 1px solid #ddd;
  text-decoration: none;
  margin-left: 3px;
  padding: 0 3px
}
.news_pages span {cursor:default}
span.ditto_currentpage {
  background-color: #177c8a;
  border: 1px solid #177c8a;
  color: #fff
}
.newsLinks div {margin:0 0 8px;padding:0 0 0 17px;background:transparent url("../cssimg/icon-pagelink.gif") 0 5px no-repeat}
.newsLinks div span {font-size:11px;color:#999;}
.newsLinks div a, .newsLinks div a:hover {border:none;}
.newsLinks div a:hover {text-decoration:underline}

.at_detail p, .at_detail_cn p {padding:0;margin:0.2em 0 1em;display:block;}
.at_detail_cn p {text-indent:2em;}
.at_detail img, .at_detail_cn img {border:2px solid #ccc;}

.newsItemTitle {color:#177c8a;font-weight:bold;padding:4px 0 2px;}

/*--DMS--*/
table.dmsTb {border-color:#ABCDD0;border-style:solid;border-width:1px 1px 0 0;}
table.dmsTb td, table.dmsTb th {border-color:#ABCDD0;border-style:solid;border-width:0 0 1px 1px;color:#333;padding:4px 6px;text-align:left;vertical-align:middle;}
table.dmsTb th {background-color:#e9e9e9}
table.dmsTb td.center, table.dmsTb th.center {text-align:center;}

/*--Solution--*/
.solu_intro_box {padding:6px 100px 6px 0;}
.solu_smimg {display:block;width:200px;float:right;text-align:right;padding-top:4px}
.solu_smimg img {background:#f1f1f1;padding:4px;border:1px solid #ccc;}
.solu_smimg a, .solu_smimg a:hover {border:none;text-decoration:none}
.solu_smimg a:hover img {border-color:#7fc31c}
.solu_intro {margin-right:210px}
.solu_intro a:hover {color:#7fc31c;border-color:#7fc31c}

a.circleArrow {padding-left:18px;background:transparent url("../cssimg/circlearrowbullet.gif") no-repeat 0 50%}

.solu_list {

}
.solu_list ul {
  display:block;overflow:hidden;padding:0;margin:0;list-style:none;
}
.solu_list ul li {
  display:block;float:left;width:220px;overflow:hidden;font-size:12px;font-weight:bold;list-style:none;padding:0;margin:0
}

.solu_list ul li a {
  display: block;
  margin:0 5px 10px;
  text-decoration: none;
  border: none;
  padding:4px 8px;
  background:#f1f1f1;
  color:#117c8a
}

.solu_list ul li a:hover {border:none;background:#ffc;color:#117c8a}

.solu_list ul li.active a, .solu_list ul li.active a:hover {color:#7FC31C;background:#ffc}

/*--doctpl download--*/
table.doctplTb {
  border-right: 1px solid #dedede;
  height: 100%;
  width: 100%;
}
table.doctplTb th {padding:20px;text-align:center;width:210px;vertical-align:top}
table.doctplTb td {padding:18px 20px 10px;text-align:left;vertical-align:top}
table.doctplTb tr.odd th {background:#393939}
table.doctplTb tr.odd td {background:#f5f5f5}
table.doctplTb tr.even th {background:#292929}
table.doctplTb tr.even td {background:#fff}

table.doctplTb td h4 {font-size:15px;margin:0 0 5px;padding:0;color:#333;}
table.doctplTb td p {margin:0;padding:0 0 12px;}

table.doctplTb td a {
  background: #EAEAEA url( ../cssimg/buttonbg.gif ) repeat-x scroll left top;
  border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE;
  border-style: solid;
  border-width: 1px;
  text-decoration:none;
  padding:0 8px;
  display:block;
  width:120px;
  height:24px;
  line-height:24px;
  margin:0 0 8px;
}
table.doctplTb td a:hover {border-color:#7fc31c;text-decoration:none}
table.doctplTb td a span {padding-left:20px;height:24px;line-height:24px;font-size:13px;}
table.doctplTb td a.preview span {background:transparent url("../cssimg/icon_preview.gif") 0 50% no-repeat;}
table.doctplTb td a.download span {background:transparent url("../cssimg/icon_dload.gif") 0 50% no-repeat;}

/*--Screenshots--*/
.scrshot_l, .scrshot_m, .scrshot_r {display:block;width:212px;height:188px;overflow:hidden;}
.scrshot_l {float:left;margin-right:15px;clear:left;}
.scrshot_m {float:left;}
.scrshot_r {float:right;clear:right;}

.scrshot_tt {display:block;width:100%;height:22px;line-height:22px;overflow:hidden;text-align:left;color:#333;}

a.scrshot_link {display:block;position:relative;text-decoration:none;border:none;cursor:pointer}
a.scrshot_link:hover {text-decoration:none;border:none;}
a.scrshot_link img {border:none;opacity:0.6;*filter:alpha(opacity="60")}
a.scrshot_link:hover img {opacity:1;*filter:alpha(opacity="100")}
a.scrshot_link span {display:block;cursor:pointer;width:212px;height:146px;position:absolute;z-index:2;top:0;left:0;background:transparent url("../cssimg/screenshot_overlay.gif") 0 0 no-repeat;}
a.scrshot_link:hover span {background:transparent url("../cssimg/screenshot_overlay_hover.gif") 0 0 no-repeat;}

/*--demo online--*/
.input_text {
padding:2px;
  height:16px;line-height:16px;
  margin:3px 0;
}
.demoregbtn {
  border:0;
  width:86px;
  background:#cded81 url("../cssimg/btnbg.gif") 0 0 repeat-x;
  height:24px;
  text-align:center;
  color:#177c8a;
  font-weight:bold;
  font-size:13px;
  cursor:pointer;
}

/*--features--*/
.feature_sec {
  padding-left:20px;
  background:transparent url("../cssimg/bullet.gif") 2px 6px no-repeat;
  margin-bottom:6px;
}
.feature_sec .tt {
  color:#177c8a;
  font-weight:bold;
  font-size:13px;
  padding:5px 0 3px;
}

/*--tour--*/
h3.tt_ms {
  padding-left:24px;
  background:transparent url("../cssimg/ico-win.gif") 2px 8px no-repeat;
}
h3.tt_tux {
  padding-left:24px;
  background:transparent url("../cssimg/ico-tux.gif") 2px 8px no-repeat;
}
dl.steps {
  padding:8px 0;margin:0;
}
dl.steps dt {
  font-size:13px;
  margin:0;
  padding:3px 0 5px;
}
dl.steps dt span {
  font-weight:bold;
}
dl.steps dd {
  margin:0;
  padding:0;
}
.tux_board {
  background:#222;
  padding:6px 10px 6px;
  border:1px solid #aaa;
  color:#fff;
}

.tour_des {
  padding:12px 0 8px;
}
.tour_img {
  padding:0 0 8px;
}
.tour_img img {
  border:1px solid #ccc
}
.tour_img a:hover img {
  border:1px solid #117c8a
}

.km_article_content {
  font-size:14px;
  line-height:150%;
}
.km_article_content p {
  margin:0.2em 0 1.2em;
  padding:0;
  text-indent:2em;
}
.km_article_content strong {
  color:#333
}

.main_col h1.km_article_tt {
  padding:6px 0 12px;
  margin-bottom:12px;
  text-align:center;
}
.km_article_content ul, .km_article_content ol {
  margin:0.2em 0 1.2em;
}
.km_article_content li {
  margin:0.4em 0 0.6em;
}


/*--btm_co_links--*/
.btm_colinks {
  background:#f6f6f6;border:1px solid #ddd;display:block;clear:both;padding:7px 0 0px 7px;overflow:hidden;
}
.btm_colinks a {
  display:block;float:left;margin-right:5px;margin-bottom:7px;
}
.btm_colinks a img {
  border:none
}

/*--screencasts--*/
#casts {
  display:block;overflow:hidden;
  padding:0 0 20px;margin:0;
}
#casts ul {display:block;overflow:hidden;list-style:none;padding:0;margin:0;}
#casts ul li {display:block;overflow:hidden;list-style:none;padding:12px 0;margin:0 0 2px; border-bottom:1px solid #ededed;width:326px;float:left}
#casts ul li.left {margin-right:12px}
#casts ul li p {margin:0;padding:0;}
#casts ul li p.img {float:left;width:128px;height:98px;}
#casts ul li p.img img {padding:4px;background:#fff;border:1px solid #cecece;}
#casts ul li p.des {margin-left:142px}
#casts ul li p.des span {display:block;}
#casts ul li p.des .tt {font-weight:bold;font-size:13px;color:#117c8a}
#casts ul li p.des .info {font-size:12px;line-height:130%;padding:2px 0;}
#casts ul li p.des .time {font-size:11px;color:#999}

a.casts_link {
  background: #EAEAEA url( ../cssimg/buttonbg.gif ) repeat-x scroll left top;
  border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE;
  border-style: solid;
  border-width: 1px;
  text-decoration:none;
  padding:0 8px;
  display:block;
  width:86px;
  height:24px;
  line-height:24px;
  margin:3px 0;
}
a.casts_link:hover {border-color:#fd6;text-decoration:none;color:#f80}
a.casts_link em {padding-left:20px;height:24px;line-height:24px;font-size:12px;font-style:normal;background:transparent url("../cssimg/icon_cast.gif") 0 50% no-repeat;}
a.casts_link:hover em {background:transparent url("../cssimg/icon_cast2.gif") 0 50% no-repeat;}