/* CSS Document by Gray 2008 */
body { background:#fff url(../images/background.gif) left top repeat-x; font-size:11px; vertical-align:top; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; width:100%; text-align:center; margin:0; line-height:18px; }
td,th,div,span,li{ font-size:11px; color: #000000; font-family:Verdana, Arial, Helvetica, sans-serif; text-align:left; line-height:18px; zoom:100%; }
h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend { margin:0;padding:0; text-align:left; font-size:11px; border:none; font-family:Verdana, Arial, Helvetica, sans-serif; }
img { border:none; }
ul { margin:0; padding:0; }
li { list-style:none outside; line-height:18px; }
input { overflow:hidden; vertical-align:middle; }
a,a:link,a:visited { color:#036cc5; text-decoration:none; }
a:hover { color:#036cc5; text-decoration:underline; }
a:active { color:#000000; text-decoration:none; }
.clear { clear:both; height:0 !important; line-height:0 !important; }
.clear_left { clear:left; height:0 !important; line-height:0 !important; }
.clear_right { clear:right; height:0 !important; line-height:0 !important; }

/*header*/
#header {  width:100%; text-align:center; padding:22px 0 18px 0; background:url(../images/header_background.gif) left bottom repeat-x; }
#header .wrap { width:900px; margin:0 auto 0 auto; float:none; text-align:center; }
#header #logo { float:left; }
#header #nav { float:right; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0 0 0; }
#header #nav img { margin:0 4px 4px 0; }
#header #nav a { font-size:12px; }
#header #nav a:hover { color:#000000; text-decoration:underline; }
#header #nav a:active { color:#0d4c6a; }
#header #links { float:right; padding:10px 0 0 0; text-align:right; line-height:normal; }
#header #links img { margin-left:15px; }
#header #pro { float:left; margin:0 20px 0 20px; }

/*main*/
#main { padding:10px 0 10px 0; width:900px; margin:0 auto 0 auto; }
#main .top { background:url(../images/main_top.gif) center top no-repeat; height:15px; }
#main .bottom { background:url(../images/main_bottom.gif) center bottom no-repeat; height:15px; }
#main #conversion { padding:0; margin:0; zoom:100%; }
#main #conversion .conversion_container { padding:0; margin:0; }
#main #conversion .conversion_container .part { padding:0 0 10px 0; margin:0; }
#main #conversion .conversion_container .part_top { background:url(../images/convert_top.gif) center top no-repeat; height:10px; }
#main #conversion .conversion_container .part_content { background:#f8fbfc url(../images/convert_content_bg.gif) left bottom repeat-x; border-left:1px solid #979797; border-right:1px solid #979797; }
#main #conversion .conversion_container .part_bottom { background:url(../images/convert_bottom.gif) center bottom no-repeat; height:10px; }
#main #conversion .conversion_container .title { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#333; padding:0 0 10px 0; text-align:center; font-weight:bold; }
#main #conversion .conversion_container .url { text-align:center; padding:0; }
#main #conversion .conversion_container .url .step1 { background:url(../images/step_one.gif) left center no-repeat; height:35px; width:auto; width:720px; margin:0 auto 0 auto; line-height:35px; }
#main #conversion .conversion_container .url .step1 span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#333333; font-size:16px; line-height:35px; float:left; margin:0 0 0 50px; }
#main #conversion .conversion_container .url .step1 input { width:620px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; vertical-align:middle; height:24px; border:1px solid #a5acb2; float:right; line-height:24px; margin:5px 0 0 0; text-indent:5px; color:#333333; }
#main #conversion .conversion_container .url .step1 input:hover { color:#000; }
#main #conversion .conversion_container .url .note { color:#333333; text-align:center; }
#main #conversion .conversion_container #tab { background:url(../images/convert_top.gif) center 35px no-repeat; text-align:center; height:45px;  }
#main #conversion .conversion_container #tab ul { margin:0 auto 0 150px; }
#main #conversion .conversion_container #tab ul li { list-style:none outside; float:left; padding:0 0 0 5px; margin:0 2px 0 0; }
#main #conversion .conversion_container #tab ul li div { margin:0; padding:0; line-height:36px; padding:0 15px 0 10px; font-family:Arial, Helvetica, sans-serif; float:left; font-size:14px; font-weight:bold; color:#000000; text-decoration:none; width:auto;  }
#main #conversion .conversion_container #tab ul li a { line-height:36px; color:#333; display:block; text-decoration:none; padding:0 0 0 32px; }
#main #conversion .conversion_container #tab ul li a.download { background:url(../images/download_icon.gif) left center no-repeat; }
#main #conversion .conversion_container #tab ul li a.convert { background:url(../images/convert_icon.gif) left center no-repeat; }
#main #conversion .conversion_container #tab ul .tabHeaderDown { background:url(../images/tab_li_out.gif) left top no-repeat; }
#main #conversion .conversion_container #tab ul .tabHeaderDown div { background:url(../images/tab_li_out_a.gif) right top no-repeat; }
#main #conversion .conversion_container #tab ul .tabHeader { background:url(../images/tab_li_on.gif) left top no-repeat; }
#main #conversion .conversion_container #tab ul .tabHeader div { background:url(../images/tab_li_on_a.gif) right top no-repeat; }
#main #conversion .conversion_container #tab ul li.forum { margin:0 0 0 10px; }
#main #conversion .conversion_container #tab ul li.forum a { line-height:36px; color:#000; display:block; text-decoration:none; padding:0 0 0 30px; background:url(../images/forum.gif) left center no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
#main #conversion .conversion_container #tab ul li.forum a,#main #conversion .conversion_container #tab ul li.forum a:link,#main #conversion .conversion_container #tab ul li.forum a:visited { color:#036cc5; }
#main #conversion .conversion_container #tab ul li.forum a:hover { color:#036cc5; text-decoration:underline; }
#main #conversion .conversion_container .wrap {  padding:0; text-align:center; }
#main #conversion .conversion_container .wrap .tabItem { text-align:center; }
#main #conversion .conversion_container .wrap .tabItem .download { margin:0; padding:0; width:425px; margin:0 auto 0 auto; }
#main #conversion .conversion_container .wrap .tabItem .download .title { height:35px; background:url(../images/step_two.gif) left center no-repeat; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; font-weight:bold; line-height:35px; padding:0 15px 0 50px; text-align:left; }
#main #conversion .conversion_container .wrap .tabItem .download .title input { background:url(../images/btn_download.gif) center center no-repeat; border:none; width:110px; height:24px; float:right; margin:6px 0 0 0; padding:0 0 0 35px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff; text-align:left; line-height:24px; }
#main #conversion .conversion_container .wrap .tabItem .convert { margin:0; padding:0; }
#main #conversion .conversion_container .wrap .tabItem .convert .step2 { float:left; width:425px; margin:0 0 0 10px; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 { float:right; width:425px; margin:0 10px 0 0; }
#main #conversion .conversion_container .wrap .tabItem .convert .step2 .title { height:35px; background:url(../images/step_two.gif) left center no-repeat; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; font-weight:bold; line-height:35px; padding:0 15px 0 50px; text-align:left; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .title { height:35px; background:url(../images/step_three.gif) left center no-repeat; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:14px; font-weight:bold; line-height:35px; padding:0 15px 0 50px; text-align:left; }
#main #conversion .conversion_container .wrap .tabItem .convert .step2 .types,#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email { padding:10px 0 0 0; }
#main #conversion .conversion_container .wrap .tabItem .convert .step2 .types select {  font-family:Arial, Helvetica, sans-serif; font-size:14px; width:100%; height:22px; color:#333333; border:1px solid #a5acb2; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email input {  font-family:Arial, Helvetica, sans-serif; font-size:14px; width:320px; height:22px; float:left; padding:0 0 4px 0; border:1px solid #a5acb2; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email .note { float:left; width:350px;color:#666666; text-align:left; padding:5px 0 0 0; font-size:11px; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email .note a { display:block; float:left; margin:0 15px 0 0; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email .note a.privacy { background:url(../images/link_privacy_bg.gif) left center no-repeat; padding:0 0 0 24px; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email .note a.feed { background:url(../images/link_feed_bg.gif) left center no-repeat; padding:0 0 0 30px; }
#main #conversion .conversion_container .wrap .tabItem .convert .step3 .email .submit_conversion { background:url(../images/btn_submit.gif) center center no-repeat; border:none; width:100px; height:24px; padding:0 0 0 35px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#fff; text-align:left; vertical-align:middle; float:right; }
#main #conversion .conversion_container .wrap .message_panel { text-align:center; color:#333; padding:0 0 0 0; line-height:auto; }
#main #conversion .bottom { background:url(../images/mian_part_bottom.gif) center bottom no-repeat; height:15px; }

#main #tools { padding:0; margin:0; zoom:100%; }
#main #tools .title { font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0; font-weight:bold; }
#main #tools .container { padding:10px 0 0 0; }
#main #tools .container ul li .content { float:right; width:200px; margin:0 10px 0 0; }
#main #tools .container ul li { width:300px; float:left; line-height:18px; color:#333333; display:inline; }
#main #tools .container ul .line { background:url(../images/tools_line.gif) right top repeat-y; }
#main #tools .container ul li img { float:left; margin:0 0 0 10px; }
#main #tools .container ul li .name { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#main #tools .container ul li .download { font-size:11px; }
#main #tools .container ul li .download a { background:url(../images/tools_download.gif) left center no-repeat; padding:0 0 0 23px; font-size:11px; }
#main #tools .container ul li a,#main #tools .container ul li a:link,#main #tools .container ul li a:visited { color:#0042ff; }
#main #tools .container ul li a:hover { color:#0042ff; text-decoration:underline; }

#main #more_tools { margin:10px 0 0 0; padding:0; background:url(../images/more_tools_bg.gif) center center no-repeat; height:41px; line-height:41px; text-align:center; }
#main #more_tools,#main #more_tools div { zoom:100%; }
#main #more_tools .content { width:600px; margin:0 auto 0 auto;  }
#main #more_tools .content .intro { background:url(../images/more_tools_content.gif) left center no-repeat; height:41px; text-indent:45px; line-height:41px; }
#main #more_tools .content a { float:right; margin:10px 0 0 10px; }

#main #donation { padding:0; margin:10px 0 0 0; zoom:100%; }
#main #donation .top { background:url(../images/donation_top.gif) center top no-repeat !important; height:10px !important; }
#main #donation .bottom { background:url(../images/donation_bottom.gif) center bottom no-repeat !important; height:10px !important; }
#main #donation .container { padding:0 15px 0 15px; border-left:1px solid #d4e3e1; border-right:1px solid #d4e3e1; background:#f8fbfc; text-align:center; }
#main #donation .container span { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
#main #donation .container .content { margin:0 auto 0 auto; width:750px; line-height:31px; }
#main #donation .container form { float:right; }
#main #donation .container input { width:62px; height:31px; border:none; background:url(../images/paypal.gif) center center no-repeat; }

#main #faq { padding:0; margin:10px 0 0 0; float:left; width:440px; }
#main #faq .title { padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; }
#main #faq .container { padding:10px 0 0 0; line-height:18px; color:#000000; }
#main #faq .container ul li { line-height:18px; }

#main #hot_article { padding:0; margin:10px 0 0 0; float:right; width:440px; }
#main #hot_article .title { padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; }
#main #hot_article .container { padding:10px 0 0 0; line-height:18px; color:#000000; }
#main #hot_article .container ul li { line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#main #about { padding:0; margin:10px 0 0 0; }
#main #about .title { padding:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; }
#main #about .container { padding:10px 0 0 0; line-height:18px; color:#000000; }

#main #content #privacy { padding:0; margin:0; }
#main #content #privacy .title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0 0 8px 0; border-bottom:2px solid #ccc; margin:0 0 15px 0; }
#main #content #privacy .container { line-height:18px; }

#main #content #article { padding:0; margin:0; }
#main #content #article .title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0 0 8px 0; border-bottom:2px solid #ccc !important; margin:0 0 15px 0; }
#main #content #article h1.title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0 0 8px 0; border-bottom:2px solid #ccc !important; margin:0 0 15px 0; }
#main #content #article .container { line-height:18px; }
#main #content #article .container h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }

#main #content #feedback { padding:0; margin:0; }
#main #content #feedback .title { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:0 0 8px 0; border-bottom:2px solid #ccc; margin:0 0 15px 0; }
#main #content #feedback .title span { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#666666; }
#main #content #feedback #info { background:#fff; border:1px solid #ccc; padding:15px; }
#main #content #feedback #info ul li { float:left; padding:0 15px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; }
#main #content #feedback #info .clear { height:0px; }

#main #content #feedback .question { padding:0; margin:0 0 15px 0; }
#main #content #feedback .question ul li { padding:10px 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border-bottom:1px solid #ccc; }
#main #content #feedback .question ul li span { padding:0 15px 0 0 !important; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px !important; font-weight:normal; }
#main #content #feedback .comment { padding:0; margin:0 0 10px 0; }
#main #content #feedback .comment .title { font-size:14px !important; border:none !important; margin:0 !important; }
#main #content #feedback .comment  textarea { width:100%; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#main #content #feedback .submit { background:#eee; border:1px solid #ccc; text-align:center; line-height:26px; padding:15px;  }
/*footer*/
#footer { text-align:center; padding:8px 0 8px 0; background:#f0f0f0; border-top:1px solid #c9c9c9; }
#footer div { line-height:18px; text-align:center; width:900px; margin:0 auto 0 auto; }
#footer .copyright { padding:0; line-height:18px; color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
#footer .keywords { padding:0; line-height:16px; }