@charset "utf-8";
/* CSS Document */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, img { margin:0px; padding:0px; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th, p, a, li, td, div { font:normal 12px Arial, Helvetica, sans-serif; color:#333; }
ul, ol { list-style:none; }
fieldset, img { border:none; }
a { color:#0085e0; text-decoration:underline; }
a:hover { text-decoration:none; }
.clear { clear:both; }
.clearer { clear:both; display:block; margin:0; padding:0; height:0; line-height:0px; font-size:0px; }
.fl { float:left; }
.fr { float:right; }
body {background:url(images/bg.png) repeat-x left top #dadadb; }
.blank { height:10px; font-size:0; }
/*==top===================*/
.wrap { width:960px; margin:0 auto; }
#top { background:url(images/top_bg.jpg) no-repeat right top; height:75px;}
#top .wrap {color:#d2d2d2; line-height:22px; }
#top .top_nav {padding:10px 0 0 0; float:right;}
#top .top_nav a { color:#000; padding:0 5px; font-size:11px; font-weight:bold; text-decoration:none; }
#top .top_nav a:hover {color:#fff;}
/*==nav===================*/
#nav { background:url(images/nav_bg.gif) repeat-x; }
#nav .wrap { height:40px; }
.logo {padding:15px 0 0 10px; float:left; }
#nav .wrap .menu { width:616px; float:right; }
#nav .wrap .menu li { float:left; position:relative; text-align:center; z-index:99;}
#nav .wrap .menu li a { background:url(images/nav_line.png) no-repeat right top; width:88px; height:40px; line-height:40px; font-size:14px; color:#fff; display:block; cursor:pointer; text-decoration:none; }
#nav .wrap .menu li a:hover { color:#0CF; text-decoration:none; }
#nav .wrap .menu li.curr { background:url(images/nav_bg2.gif) no-repeat; }
#nav .wrap .menu dl { display:none; position:absolute; left:0; top:40px; background:#444; z-index:10; }
#nav .wrap .menu dl dd a, #nav .wrap .menu.curr dl dd a { width:105px; height:30px; padding-left:14px; color:#fff; background:none; text-align:left; font-weight:normal; line-height:30px; border-top:1px solid #333; font-size:12px; }
#nav .wrap .menu.hover dl dd a { color:#fff; }
#nav .wrap .menu dl dd a:hover { background:#333; color:#0CF;}

.showcont{position:relative;width:110px;padding:10px 0 0 270px;}
.showlist{position:absolute;background:#fff;border:1px solid #434343;width:280px;z-index:99;right:0;top:27;padding:10px;z-index:1000;display:none;}
.showlist dt{color:#333;font-weight:bold;padding:0 0 5px 0;}
.showlist dd{color:#999;line-height:14px;font-size:11px;}
.showlist .k1{background:url(images/icon5.png) no-repeat 0 3px;padding:0 0 10px 30px;border-bottom:1px dashed #434343;}
.showlist .k2{background:url(images/icon6.png) no-repeat 0 13px;padding:10px 0 0 30px;}
#top .top_nav .showlist dd a{color:#0085E0;font-size:11px;}
#top .top_nav .showlist dd a:hover{ text-decoration:underline;}
.showcont a.livechat{display:block;background:url(images/livechat.png) no-repeat;width:106px; height:20px;text-indent:-9999px;}

/*==footer===================*/
#footer { background:#282828; }
#footer .wrap { padding-top:15px; height:60px; }
#footer .wrap .link { float:left; color:#a9a9a9; }
#footer .wrap .link a { color:#a9a9a9; padding:0 8px; text-decoration:none; }
#footer .wrap .link a:hover { text-decoration:underline; }
#footer .wrap .copyright { float:right; color:#a9a9a9; }
/*===Bottom===============================*/
#bottom { margin-top:15px; background:#f2f2f2; border-top:1px solid #cdcdcd; }
#bottom .container { width:960px; border-left:1px solid #cdcdcd; }
#bottom .item { width:207px; float:left; padding:12px 10px 20px 20px; border-right:1px solid #c8c8c8; }
#bottom .item img { float:left; margin:2px 6px 0px 0; }
#bottom .item h2 a { padding-bottom:6px; font-size:14px; font-weight:bold; }
#bottom .item img { vertical-align:middle; }
#bottom .item a { line-height:2.1em; }
#bottom .item ul li { margin-left:18px; list-style:disc; }
/*==main===================*/
#main { width:960px; margin:0 auto; background:#fff url(images/top_bg.gif) no-repeat; }
#content { width:730px; float:left; }
#main2 { width:960px; margin:0 auto; background:url(images/c_bg.gif) repeat-y; }
.crumb { width:930px; margin:0 auto; background:#dadadb url(images/icon_crumb.gif) no-repeat 15px center; line-height:30px; padding-left:30px; }
.crumb a { color:#333; text-decoration:none; }
.crumb a:hover { text-decoration:underline; }
.topbg { background:url(images/top_bg.gif) no-repeat; height:10px; font-size:0; }
.btmbg { background:url(images/btm_bg2.gif) no-repeat; height:10px; font-size:0; }
.btmbg2 { background:url(images/btm_bg3.gif) no-repeat; height:10px; font-size:0; }
/*==sidebar===================*/
#sidebar { background:url(images/sidebar_bg.gif) repeat-y right top; width:230px; float:right; }
#sidebar .title1 { height:47px; }
#sidebar .title2 { height:49px; }
#sidebar .title1 h2 a, #sidebar .title1 h2 a:hover, #sidebar .title2 h2 a, #sidebar .title2 h2 a:hover, #sidebar .title3 h2 a, #sidebar .title3 h2 a:hover { background:url(images/sidebar_title_bg.gif) no-repeat; width:185px; padding-left:45px; display:block; color:#333; font-size:14px; text-decoration:none; }
#sidebar .title1 h2 a { background-position:right -49px; line-height:47px; }
#sidebar .title1 h2 a:hover { background-position:right -146px; }
#sidebar .title1 h2 a.curr, #sidebar .title1 h2 a:hover.curr, #sidebar .title3 h2 a.curr, #sidebar .title3 h2 a:hover.curr { background-position:right -243px; }
#sidebar .title2 h2 a { background-position:right 0; line-height:49px; }
#sidebar .title2 h2 a:hover { background-position:right -97px; }
#sidebar .title2 h2 a.curr, #sidebar .title2 h2 a:hover.curr { background-position:right -194px; }
#sidebar .title3 h2 a { background-position:right -49px; padding-top:7px; height:40px; }
#sidebar .title3 h2 a:hover { background-position:right -146px; }
#sidebar .btm_line { width:220px; margin-left:10px; border-top:1px solid #c5c7cd; font-size:0; }
#sidebar .tab { padding:10px 0; }
#sidebar .tab li { line-height:24px; padding-left:40px; color:#333; }
#sidebar .tab li strong { font-size:13px; }
#sidebar .tab li.curr { background:url(images/sidebar_jt.gif) no-repeat left center; font-weight:bold; }
#sidebar .tab li a, #sidebar .tab li.curr a { color:#0085e0; text-decoration:underline; line-height:24px; }
#sidebar .tab li.curr a { font-weight:bold; }
#sidebar .tab li a:hover { text-decoration:underline; }
/*==cont===================*/
.cont { padding:15px 30px; height:750px; background:#fff url(images/h_cont_line2.gif) repeat-y; zoom:1; overflow:hidden; }
.cont_no_height {padding:15px 30px; background:#fff url(images/h_cont_line2.gif) repeat-y; zoom:1; }
.cont .title1 h1, .cont_no_height .title1 h1 { background:url(images/cont_title_bg.gif) no-repeat; line-height:36px; padding-left:25px; font-size:16px; font-weight:bold;}
.cont .title1 h2, .cont_no_height .title1 h2 { background:url(images/cont_title_bg.gif) no-repeat; line-height:36px; padding-left:25px; }
.cont h3 { font-size:12px; font-weight:bold; margin:6px 0 4px; }
.cont h2 { font-size:14px; font-weight:bold; margin:10px 0 5px; }
.cont .item1 { width:320px; height:130px; padding:25px 0; overflow:hidden; }
.cont .item1 .pic { width:140px; float:left; }
.cont .item1 .pic span { display:block; padding-left:10px; }
.cont .item1 .info { width:170px; float:right; }
.cont .item1 .info h2 a { font-size:14px; color:#333; font-weight:bold; text-decoration:none; }
.cont .item1 .info h2 a:hover { text-decoration:underline; }
.cont .item1 .info p { padding-top:10px; color:#333; line-height:18px; }
.cont .tutorialthreesegment, .cont_no_height .tutorialthreesegment { background:#f6f6f6; border:1px dotted #ccc; padding:10px 14px; }
.cont .tutorialthreesegment li, .cont_no_height .tutorialthreesegment li a{margin:10px; list-style:disc; text-decoration:none; }
.cont .tutorialthreesegment a, .cont .tutorialthreesegment a:visited { text-decoration:none; }
.cont .tutorialthreesegment a:hover { text-decoration: underline; }
.cont2 { padding:15px 30px; zoom:1; }
.cont2 .title1 { position:relative; background:url(images/cont_title_bg.gif) no-repeat; height:36px; }
.cont2 .title1 h2 { padding-left:45px; font-size:20px; line-height:36px; }
.cont2 .title1 .num { position:absolute; top:-20px; left:15px; font-size:48px; font-style:italic; }
.cont2 .pic1 { width:200px; text-align:center; float:left; }
.cont2 .text1 { width:460px; float:right; padding-bottom:15px; }
.cont2 .text1 h2 { font-size:18px; font-weight:bold; line-height:30px; }
.cont2 .text1 h3 { font-size:14px; font-weight:bold; line-height:30px; color:#333; }
.cont2 .text1 p { color:#333; line-height:18px; padding-bottom:15px; }
.cont2 .text1 ul li { line-height:20px; }
.cont2 .line, .over_column .line{ background:url(images/line2.gif) no-repeat center center; height:20px; clear:both; }
.cont3 { padding:15px 40px; zoom:1; }
.cont3 h2 { font-size:16px; line-height:36px; color:#1b4c6c; font-weight:bold; }
.cont3 h6 { font-size:12px; line-height:36px; color:#000000; font-weight:bold; background-color: #EBEBEB; padding-left: 5px; }
.cont3 p { color:#333; line-height:18px; padding-bottom:15px; }
.cont3 .title1 { background:url(images/title_bg2.gif) no-repeat; height:33px; }
.cont3 .title1 h3 { padding-left:20px; font-size:14px; line-height:33px; font-weight:bold; }
.cont3 .item1, .cont3 .itemnormal { width:420px; padding:15px 0; }
.cont3 .item1, .cont3 .itemnormal img { float:left; }
.cont3 .itemnormal { width:890px; }
.cont3 .itemnormal .rightcontent { float:left; margin-left: 10px; }
.cont3 .item1 .info { float:left; width: 270px; padding-left: 10px; }
.cont3 .item1 .info h4 { font-size:16px; font-weight:bold; line-height:20px; }
.cont3 .item1 .info p { padding-top:8px; line-height:20px; }
/*==product===================*/
#pro { width:960px; margin:0 auto; background:#fff url(images/c_bg.gif) repeat-y; }
.product{ width:958px; background:url(images/pro_bg.gif) repeat-x 0 bottom; margin:0 auto; }
.productdownload { width:958px; background:url(images/pro_bg_download.jpg) repeat-x 0 bottom; margin:0 auto; }
.product .box1, .product .box3 { width:638px; padding:15px 30px; float:left; background:url(images/line2.png) no-repeat right center; }
.product .box2 { padding:15px 40px; }
.product .box2 h1 {font-size:16px; line-height:36px; color:#1b4c6c; font-weight:bold; }
.product .box3 { padding:25px 30px; }
.product .box1 img, .product .box2 img, .product .box3 img { float:left; }
.product .box1 .info { padding-left:190px; padding-top:10px; }
.product .box2 .info, .product .box3 .info { padding-left:220px; padding-top:10px; }
.product .box1 .info h1 { font-size:28px; font-weight:bold; color:#1c4d6e; }
.product .box2 .info h1 { font-size:28px; font-weight:bold; }
.product .box2 .info h2 { font-size:20px; font-weight:bold; }
.product .box3 h1 { font-size:24px; font-weight:bold; color:#1c4d6e; }
.product .box1 .info span, .product .box3 span { font-size:14px; line-height:20px; font-weight:bold; display:block; }
.product .box1 .info ul, .product .box2 .info ul { padding:15px 0 25px 0; }
.product .box1 .info ul li { line-height:18px; }
.product .box2 .info ul li { line-height:22px; }
.product .box3 .info p { padding-bottom:10px; }
.product .box3 .info p a { font-weight:bold; }
.product .video { width:250px; float:right; }
.product .video .pic { width:175px; background:url(images/video_bg.png) no-repeat; margin:40px auto 0 auto; padding:13px; }
.product .video .pic span a { display:block; line-height:40px; background: no-repeat 35px 15px; padding-left:55px; }
.product .login { border:1px solid #bdbcbd; width:200px; margin:30px 0 0 15px; float:left; padding:15px 10px; }
/*==btn===================*/
a.btn_buy, a.btn_free, a.btn_buy2, a.learn_more, a.btn_buy3, a.sign_in, a.qms, a.download_bro, a.btn_sample_buy, a.btn_sample_trial { display:block; width:127px; height:48px; background:url(images/btn_bg.png) no-repeat; overflow:hidden; text-indent:-9999px; float:left; margin-right: 20px; }
a.btn_sample_buy, a.btn_sample_trial{ margin-left:136px; margin-right:0px;_margin-left:80px;}
a.btn_buy, a.btn_sample_trial { background-position:-128px 0; }
a.btn_free, a.btn_sample_buy { background-position:0 0; }
a.btn_buy2 { background-position:-256px 0; width:100px; height:25px; }
a.btn_buy3 { background-position:-109px -49px; width:108px; height:26px; }
a.learn_more { background-position:0 -49px; width:108px; height:26px; margin-right:10px; }
a.sign_in { background-position:-256px -26px; width:87px; height:31px; }
a.qms { background-position:0 -76px; width:145px; height:45px; margin-right:30px; }
a.download_bro { background-position:-146px -76px; width:157px; height:45px; }
a.video, a.view { display:block; padding-left:18px; line-height:22px; }
a.video { background:url(images/icon_vedio.gif) no-repeat left center; }
a.view { background:url(images/icon_em.gif) no-repeat left center; }
a.more, a.download { font-weight:bold; float:left; padding-left:20px; margin:0 5px; }
a.more { background:url(images/icon_em.gif) no-repeat; }
a.download { background:url(images/icon_dl.gif) no-repeat; }
.money { color:#F60; font-weight:bold; }
/*==buy_flow===================*/
.buy_flow .item { background:url(images/buy_flow_bg.png) no-repeat; float:left; width:230px; height:131px; }
.buy_flow .item .title_flow { color:#fff; padding:8px 0 5px 10px; font-weight:bold; }
.buy_flow .item .nr { padding:5px 60px 0 25px; line-height:18px; }
.buy_flow .item .nrend { padding:5px 30px 0 25px; line-height:18px; }
.buy_flow .end { width:180px; }
/*Purchase of pricing plans*/
.pur_top { position:relative; width:852px; }
.pur_top .item { float:left; width:284px; }
.pur_top .item .bluebar { height:43px; padding-top:12px; background:url(images/table_bg.png) repeat-x 0 -136px; text-align:center; font-size:18px; color:#fff; font-weight:bold; line-height:1.2em; }
.pur_top .item .bluebar span { color:#ffee00; font-size:14px; }
.pur_top .item div { padding:12px 20px; background:url(images/table_bg1.png) repeat-x top; }
.pur_top .item div a.btn_buy4, .pur_top .item div a.btn_contact { margin:12px auto; }
.pur_top .item div a.btn_buy4 { display:block; width:128px; height:45px; background:url(images/btn_bg.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px; background-position:-128px 0; }
.pur_top .midd .bluebar { background-position:0 -204px; border:1px solid #538db2; border-top:none; border-bottom:none; }
.pur_top .midd div { background-image:url(images/table_bg2.png); }
.pur_top .corner_l, .pur_top .corner_r { position:absolute; top:0; left:0; width:6px; height:67px; background:url(images/table_bg.png) no-repeat 0 0; z-index:1; }
.pur_top .corner_r { background-position:0 -68px; left:auto; right:0; }
/*==hot===================*/
.hot { background:#f6f6f6 url(images/hot.gif) no-repeat; border:1px solid #c5c7cd; padding:15px 0 15px 50px; }
.hot h3 { font-size:16px; color:#1b4c6c; padding-bottom:10px; }
/*==table===================*/
.table1 { border:1px solid #c5c7cd; }
.table1 .border { border-right:1px solid #c5c7cd; }
.table1 .bordernone { border:none; }
.table1 .borderbottom { border-bottom:1px solid #c5c7cd; }
.table1 th { padding:8px 10px; background:#eee; font-weight:bold; }
.table1 td { padding:6px 10px; }
.table1 a { font-weight:bold; }
.table1 .line { font-weight:bold; text-decoration:line-through; }
.table2 td { padding:6px 5px; }
.table2 th { padding:5px 5px; font-size:16px; font-weight:bold; }
.table2 .forgot { float:right; padding-top:10px; }
.table2 .forgot a { font-size:11px; }
/*==qms===================*/
.qms_bg, .sta_bg { background:url(images/qms_bg.gif) no-repeat right 20px; width:229px; height:150px; }
.qms_bg .title, .sta_bg .title { font-size:16px; font-style:italic; font-weight:bolder; padding:25px 80px 15px 35px; }
.qms_bg .more a, .sta_bg .more a { font-size:14px; padding-left:35px; font-weight:bold; text-decoration:none; }
.sta_bg { background:url(images/sta_bg.gif) no-repeat right 30px; }
.qms_item { padding:25px 30px; }
.qms_item img { float:left; }
.qms_item .text { padding-left:130px; }
.qms_item .text h2 { font-size:18px; line-height:30px; }
.qms_item .text p { color:#333; line-height:20px; }
.qms_btn { padding:30px 0 30px 200px; }
.input-default{color:#777;}
/*==sample===================*/
.sample_play { margin-top:10px; }
.sample_play .quiz { margin-top:7px; }
/*==marging of articles,tutorials,samples,demos===================*/
.margin p { line-height:18px; margin: 8px 0; }
.margin h3 { font-size:12px; font-weight:bold; margin:6px 0 4px; }
.margin h2 { font-size:14px; font-weight:bold; margin:12px 0 5px; }
.margin h1 { font-size:16px; font-weight:bold; margin-bottom:10px; }
.margin ul li{list-style:inside disc; line-height:22px; margin-left:10px;}
.margin .faq ul li{list-style:inside none; line-height:22px; margin-left:10px;}
.margin .step1, .margin .step1 a { font-size:15px; color:#007aa3; font-family:Arial; font-weight:bold; background:url(../images/steps/step1.gif) no-repeat 0 0px; padding:20px 0 0 35px; }
.margin .step1 a {padding: 0px;}
.margin .step2 { background:url(../images/steps/step2.gif) no-repeat 0 0px; }
.margin .step3 { background:url(../images/steps/step3.gif) no-repeat 0 0px; }
.margin .step4 { background:url(../images/steps/step4.gif) no-repeat 0 0px; }
.margin .step5 { background:url(../images/steps/step5.gif) no-repeat 0 0px; }
.margin .step6 { background:url(../images/steps/step6.gif) no-repeat 0 0px; }
.margin .step7 { background:url(../images/steps/step7.gif) no-repeat 0 0px; }
.margin .step8 { background:url(../images/steps/step8.gif) no-repeat 0 0px; }
.margin .step9 { background:url(../images/steps/step9.gif) no-repeat 0 0px; }
.margin ul li a, .margin ul li a:visited { text-decoration:none; }
.margin ul li a:hover { text-decoration: underline; }
/*==footerlinks===================*/
.footerwhite { color:#F5F5F5; margin:5px 0 0 8px; }
.footerwhite a { color:#F5F5F5; text-decoration:none; }
.footerwhite a:hover { color:#F5F5F5; text-decoration:underline; }
/*==tutorials===================*/
#tutorial { line-height:18px;}
#tutorial img{ margin:5px 0}
#tutorial ul li a, #tutorial ul li a:visited {text-decoration:none; list-style-type:none}
#tutorial ul li a:hover { text-decoration: underline; list-style-type:none }
/*==back to top===================*/
.back_to_top a{text-decoration:none; margin-left:595px}
.over_column {width: 670px;}
.over_column .column_one{width:200px;float:left;text-align:center; margin-right:17px}
.over_column h2{ font-size:14px; font-weight:bold; margin:10px auto 10px 15px;}
.column_one .column_text a, .column_text a{color:#045fb8;font-size:12px;line-height:24px; padding-top:6px}