@charset "utf-8";
/* CSS Document */
html { margin:0; padding:0;}
body { margin:0; padding:0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; background:#eef3f6;}
a { color:#0066cc;}
h2 { font-size:16px; color:#66cc00;}
h3 { font-size:16px; color:#66cc00;}
ul, li, dt ,dd, dl,p{ margin:0; padding:0;}
li { text-align:left;list-style:none;}
img {border:none; vertical-align:middle;}
cite { font-style:normal;}
hr { height:1px; background:#ffffff; border-top:1px dotted #e7e7e7;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix {display:block;}/* Hide from IE Mac */
.margintop30 { margin-top:6px;}
.margintop15 { margin-top:15px;}
.margintop10 { margin-top:10px;}
.head { width:760px; height:77px; background:url(../images/top-back.gif) repeat-x #ffffff; overflow:hidden; text-align:left; position:relative; margin:0 auto;}
.logo { margin-left:5px; padding:0;background:url(../images/logo.gif) left top no-repeat;}
.logo a { display:block; width:148px; height:77px; background:url(../images/logo.gif) left top no-repeat; margin:0; text-indent:-9999px; overflow:hidden;}
.topsearch { position:absolute; top:16px; right:10px;}
.topsearch input.keyword { width:168px; height:15px; border:1px solid #79a4b2; vertical-align:middle;}
.topsearch input.searchbutton { position:relative; left:-1px; vertical-align:middle;}
h1 { width:760px; height:37px; font-family:Verdana;background:url(../images/topline-back.gif) repeat-x top #2e467e; color:#FFFFFF; font-size:18px; text-align:center; position:relative;margin:0 auto; line-height:37px; font-weight:normal; padding:0}

.imgsoft {width:760px; height:37px; font-family:Verdana;background:url(../images/topline-back.gif) repeat-x top #2e467e; color:#FFF; font-size:18px; text-align:center; position:relative;margin:0 auto; line-height:37px; font-weight:normal; padding:0}
.imgsoft h1 {height:37px;}
.imgsoft h1.softh1{float:left;text-align:center;}
.imgsoft img {RIGHT: 65px; POSITION: absolute; TOP: -14px}
/*h1 {font-family:Verdana;color:#FFFFFF; font-size:18px; text-align:center; margin:0 auto; line-height:37px; font-weight:normal; padding:0}*/
h1 img { position:absolute; right:65px; top:-14px; }
h1.softh1{text-align:left; margin:0; padding:0;float:left;}
.main { width:740px; margin:1px auto; background: url(../images/main-top-back.gif) repeat-x top #ffffff; padding:10px 10px 38px 10px;}
.main h2 { height:18px; line-height:20px;background-image:url(../images/h2-back-w.gif); background-position:bottom left; background-repeat:no-repeat; text-align:left; font-weight:bold; font-family:Verdana;}
.ulimg1out { width:740px; overflow:hidden; background:url(../images/vline.gif) repeat-y 370px; }
.ulimg1 { width:780px;}
.ulimg1 li { width:350px; margin:0 40px 0 0;float:left; padding:15px 0; border-bottom:1px dotted #becad6}
.ulimg1 li img { float:left; margin:0 18px 18px 0}
.ulimg1 li a { font-weight:bold; text-decoration:underline;}
.ulimg1 li p.intro { color:#666666; margin:5px 0;}
.ulimg1 li p.info { font-size:11px; color:#000000;}
.category { width:740px; overflow:hidden;}
.category h2 { background-image:url(../images/h2-back-s.gif); margin:0;}
.category ul.ulcategory { width:780px;}
.category ul.ulcategory li { width:240px; margin:0 20px 15px 0; float:left; overflow:hidden; background:url(../images/ulimg1line.gif) right bottom no-repeat;}

.category ul.ulcategory li ul { margin:0; overflow:hidden; width:220px; padding-bottom:15px; margin-left:0px;border-bottom:1px dotted #becad6;}
.category ul.ulcategory li ul li { line-height:24px; width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0; border:none; margin:0; background:none;}
.adwide { clear:both;margin:0 0 15px 0;}
*+html .adwide { margin:15px 0;}

.content {width:500px; float:left;margin-right:4px; border-right:1px solid #e2e8ee; text-align:left;padding-right:10px;border:1xp solid #ff000;}
.contentlink a:link,.contentlink a:visited{text-decoration:underline;color:#000;}
.content1 h2 { background-image:url(../images/h2-back-m.gif); margin:0}
.content h2{margin:0;background:none;padding:0px;}
.side {float:right;text-align:left;width:210px;}
.side h3{margin:0;}
.backhome {POSITION: absolute; TOP: 2px;padding:0;margin:0;right:4px;}
.backhome a{text-decoration:none;font-weight:bold;}
.side .version{border-bottom:1px dotted #becad6;padding-bottom:6px;text-align:left;font-size:16px; color:#66cc00;font-weight:bold;}
#wrap .side1 h2 { background-image:url(../images/h2-back-ss.gif); margin:0}
.alist { text-align:left; width:480px; margin:0; margin-top:2px;border:1px solid #e0eaf4;background:#f9fafc;padding:4px;}
.sidealist { text-align:left;margin:0; width:auto;}
.alist a{ margin-right:14px; line-height:16px;}
.sidealist a { margin-right:14px; line-height:16px; display:block; float:left; white-space:nowrap; line-height:20px;}
.addto img{margin-bottom:8px;}
.bottom {background:url(../images/bottom-topline.gif) repeat-x top #f2f8ff; text-align:center; width:760px; margin:0 auto; padding:30px 0; font-size:11px; line-height:18px;}
.bottom a{ text-decoration:none;}

.main .h2img { height:48px;}
/*.main img {margin-right:10px; vertical-align:text-bottom;float:left;width:32px;height:32px;padding-top:4px;}*/
.main .h2img img { margin-right:10px; vertical-align:text-bottom;float:left;width:32px;}
.main .h2img a { font-size:12px; font-weight:bold; margin-left:24px;}
.content .tab {height:41px; line-height:20px;background-image:url(../images/h2-back-m.gif); background-position:bottom left; background-repeat:no-repeat; text-align:left; font-weight:bold; font-size:14px; line-height:30px; margin:15px 0;}
.content .tab a.tabselect { display:block; width:108px; height:30px; line-height:30px; background:url(../images/tab.gif) no-repeat left top; color:#000000; text-decoration:none; float:left; text-align:center; position:relative; top:2px;}
.content .tab a { display:block; float:left; margin-right:20px;}
/*.content img {margin-right:4px; vertical-align:text-bottom;float:left;}*/
.block1 p { margin-bottom:4px;}
.block1 p.info { color:#000;word-wrap: break-word;}
.block1 p img { vertical-align: text-bottom; }
.pdownload { font-size:16px;margin:0 10px;}
.block1 { width:500px;line-height:1.8em;  margin-bottom:20px;border-bottom:1px dotted #becad6; padding-bottom:10px;}
.block1 h3 { color:#000000; font-size:14px; margin-bottom:4px; font-family:Verdana}
.block1 h3.softscreenshot {text-align:left; margin:0; padding:0;float:left}
.block1 h3 span { font-size:12px; font-weight:normal; margin-left:12px;}
.screenshots img { border:5px solid #f3f3f3; margin-right:16px;width:130px;height:90px;}
.ul2col li{ width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-right:10px; float:left;}

.ul-tp li { margin:5px 0 10px 0; padding-bottom:15px; border-bottom:1px dotted #becad6; line-height:20px;}
.ul-tp1 {background:#F1F5F5;border:1px solid #eee;margin:5px 0 5px 0; padding:6px; line-height:20px;text-align:left;}

.nav { text-align:left; font-family:Verdana;margin-bottom:4px;}
.down { margin:45px 0; padding-left:70px; background:url(../images/arrow-greendown.gif) 15px 0 no-repeat; text-align:left;}
.down h2 { background-image:none; line-height:32px; margin:0 0 20px 0;}
.down strong { font-family:Verdana;}
.down a { font-weight:bold;}

.ul-itpp li { padding:0px 20px 20px 0px; position:relative; margin-top:20px; border-bottom:1px dotted #797979; line-height:20px; font-family:Verdana; overflow:hidden; width:720px;}
.ul-itpp li strong { font-size:14px; margin-left:60px;}
.ul-itpp li p { margin-left:60px;}
.ul-itpp li strong span { font-size:12px; font-weight:normal; margin-left:30px;}
.ul-itpp li img { position:absolute; left:5px; top:0px;}
.ul-itpp li p.tags { font-weight:bold;}
.ul-itpp li p.tags a { font-weight:normal; color:#000000;}
.ul-itpp li p.intro { color:#666666; font-family:Arial;}
.ul-itpp li p.intro a { margin-left:15px;}
.pages { text-align:right; font-size:14px; color:#0066cc; font-weight:bold; font-family:Verdana; margin-top:25px;}

.content1 { width:550px; float:left; padding:0; margin:0; overflow:hidden;}
.2007-11-301 { width:180px; float:right; padding:0; margin:0;overflow:hidden;}
table.searchlist { width:550px; font-family:Arial;}
table.searchlist td.title { height:18px; line-height:18px; background:#2c8ccf; color:#ffffff; font-size:12px; padding:0 10px;}
table.searchlist td { padding:5px 5px 5px 10px; text-align:left;}
table.searchlist td.softtitle { background:#f7f7f7;}
table.searchlist td.softtitle a{ margin-right:10px; text-decoration:none;}
table.searchlist td.softtitle img { vertical-align:middle; margin:auto 1px;}
table.searchlist td.softtitle img.pick { margin:auto 10px;}
table.searchlist td.download { padding:10px 0;}
table.searchlist td.download a { display:block; text-indent:15px; line-height:18px; background:url(../images/download-icon.gif) left center no-repeat; text-decoration:underline; font-size:11px; }
table.searchlist td.info { font-size:10px; padding-left:18px;}
table.searchlist td.info strong { font-size:12px;}
table.searchlist td.title-right { height:18px; line-height:18px; background:#2c8ccf; color:#ffffff; font-size:12px; text-align:right; padding:0 10px;}
table.searchlist td.title-right a { color:#ffffff;text-decoration:underline;}
table.searchlist .tdpage { height:18px; line-height:18px; background:#9bd1f6; font-size:12px;}
table.searchlist .tdpage a { margin:0 5px;}
.side1 ul {margin-top:5px;}
.side1 ul li { font-size:12px;line-height:20px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.google { text-align:center; font-size:11px; margin:45px 0; line-height:30px;}
.google img { vertical-align:middle; margin-right:5px;}
.google input { vertical-align:middle; margin:0 5px;}
.google .searchkeyword { border:1px solid #cccccc; width:230px; height:21px; line-height:18px;}
.widegooglead { margin:30px 0;}

/* bookmark*/
.addto { padding:4px 7px; background:#f5fbfb; border:1px solid #d7e5f2;}
.addto p{ margin:5px 0;}
.addto p img{vertical-align:middle;padding-top:5px;}
.addto input{ vertical-align:middle;}
.addto input.keywordinput { border:1px solid #afbac6; width:250px; margin-right:10px; text-indent:5px;}
.margintop30 {margin-top:20px;margin-right:6px;}

/*softpage h1*/
.softimg{position:absolute;width:100px;border:0px;padding-right:20px;}

/*review*/
.blockcontent{word-wrap: break-word;width:500px;line-height:1.8em;padding:4px;color:#666;}
