/* CSS Document */

/**layout**/
#width
{
width:950px;
margin:10px auto 0 auto;
padding:0 10px;
text-align:left;
font-size:1em;
background:#fff;
}
/* topnav */
#topnav { 
background:url(http://www.zdnet.com.cn/i/zdnet/2007/bg_topnav_950x106.gif) bottom left no-repeat;
overflow:hidden;
position:relative;
}

*html #topnav {height:1%;}

#h
{
float:left;
margin:0 0 -10px 0;
padding:0;
width:430px;
height:62px;
background:url(http://icon.zdnet.com.cn/network_security_zone/pic/img/logo_zdnet_hd_430x62.gif) bottom left no-repeat;
}

#tabs {
clear:both;
text-align:center;
padding-left:90px;
margin:0;
}

#tabs li {
border:none;
margin:0;
padding:0;
background:none;
display: inline;
float: left;
height:35px;
position:relative;
}

*html #tabs li {width:1%;}

#tabs a {
text-decoration: none;
padding:13px 4px 0 27px;
height:22px;
display: block;
background: url(http://www.zdnet.com.cn/i/zdnet/2007/tab_beg_315x35.gif) no-repeat;
position: relative;
white-space:nowrap;
text-transform:uppercase;
font-weight:bold;
font-size:14px;
color:#1e629e;
}

#tabs a:hover {
background: url(http://www.zdnet.com.cn/i/zdnet/2007/tab_beg_over_235x35.gif) no-repeat;
z-index:10;
}

#tabs li.on a { 
background: url(http://www.zdnet.com.cn/i/zdnet/2007/tab_beg_over_235x35.gif) no-repeat; 
z-index:11;
color:#990000;
}

#tabs li.home a { background-position:0 0; }
#tabs li.home a:hover { background-position: 0 0; }

#tabs a span {
background: url(http://www.zdnet.com.cn/i/zdnet/2007/tab_end_20x35.gif) no-repeat;
width: 20px;
height: 35px;
position: absolute;
right: -20px;
top:0;
display: block;
z-index: 10;
}

#tabs a:hover span, #tabs li.on a span {
background: url(http://www.zdnet.com.cn/i/zdnet/2007/tab_end_over_20x35.gif) no-repeat;
}

#titleBar { 
background:#FFF;
margin:0 0 8px 0;
padding:1px;
border:1px solid #1a3b6e;  
color:#fff;
}

#titleBar .titleBarInner { 
padding:6px 10px;
background:#1a3b6e url(http://www.zdnet.com.cn/i/zdnet/2007/bg_titleBar_1x49.gif) repeat-x;
border:1px solid #1a3b6e;  
overflow:hidden;
}

*html #titleBar .titleBarInner {height:1%;}

#breadcrumb {
margin:0;
padding:0;
color:#FFF;
float:left;
text-align:left
}

#breadcrumb a {
color:#FFF;
text-decoration:none;
}

#breadcrumb dt a:hover {
text-decoration:underline;
}

#breadcrumb dt {
font-family:Verdana, sans-serif;
font-size:.85em;
}

#breadcrumb dd {
margin:0;
padding:0;
font-size:20px;
font-weight:bold;
font-family:Verdana, sans-serif;
}

.searchBox { 
padding:0;
float:right;  
margin:10px 0 0 0;
height: 24px;
}

.searchBox span {
float:left;
text-transform:uppercase;
font-weight:bold;
font-size: 14px;
padding:4px;
}

.searchBox form {
display: inline;
}

.goBtn {
background:url(http://i.zdnet.com/images/btn/btn_go_26x21.gif) top left no-repeat;
width:26px;
height:21px;
text-indent: -9999em;
border:0;
margin-left:6px;
cursor:pointer;
overflow:hidden;
}

* html .goBtn {
cursor: hand;
}

.goBtn:hover {
background: url(http://i.zdnet.com/images/btn/btn_go_over_26x21.gif) no-repeat left;
}


/* selectors */




h2, h3
{color:#525252;
padding:0;
font-size:14px;
font-weight:bold;
clear:both;

overflow:hidden;
}

.spons {background:url(http://www.zdnet.com.cn/i/zdnet/2007/bg_hd_tan_950x39.gif) right top no-repeat;}

h4
{
font-size:1.3em;
margin:0;
}

h6
{
color:#525252;
font-size:1.2em;
text-transform:uppercase;
}

h2 span, h3 span
{color:#525252;
font-weight:bold;
display:block;
float:left;
padding:15px 40px 0 10px;
height:27px;
}

h1 img, h2 img { 
float:right;
margin:10px 10px 0 0;
}

hr {
color: #fff;
background-color: #fff;
border: 1px solid #bfbfbf;
border-style: none none solid;
margin:10px 0 0 0;
}

/* classes  */

/* footer */
#footer { 
clear:both;
background:url(http://www.zdnet.com.cn/i/zdnet/2007/bg_ftr_950x89.gif) no-repeat;
padding:16px 40px 50px 0px;
margin:0;
}

#footer a:visited {
color:#039;
}

#f 
{
float:left;
margin:0;
padding:0;
width:180px;
height:100px;
background:url(http://www.zdnet.com.cn/i/zdnet/2007/logo_zdnet_ftr_170x89.gif) bottom left no-repeat;
}

#footer li { 
display:inline;
border:none;
background:none;
padding:0;
font-weight:normal;
}

#footer span {
font-weight:bold;
}

#infoblock
{
padding:0;
margin:0 0 0 125px;
text-align:center;
clear:none;
}

.services
{
border-bottom:1px solid #d6d7d9;
border-top:1px solid #d6d7d9;
overflow:hidden;
padding:12px 0;
margin:12px 0;
}

*html .services 
{
height:1%;
}

.services ul
{
float:left;
clear:none;
margin:0;
margin-top:5px;
padding:0;
}

.networkFooter
{
float:right;
display:inline;
}

#preFooter { 
border-top:1px solid #ccc; 
background:#FFF;
}

#preFooter dl
{
width:24%;
float:left;
padding:0;
margin-right:8px;
}

#preFooter dl dd
{
position:relative;
background:url(http://www.zdnet.com.cn/i/zdnet/2007/bul_orange_5x5.gif) 0 .6em no-repeat;
padding:2px 10px 2px 1em;
margin:.2em 0 0 0;
list-style-type: none;
}

#preFooter dl dt a{font-weight:bold;font-size:11px;text-transform:uppercase;color:black;}

#preFooter dl dt {margin-top:10px;margin-bottom:5px;}/* CSS Document */

#tabs1 {
clear:both;
text-align:center;
padding-left:10px;
margin:5px 0 0 0;
}

#tabs1 li {
border:none;
margin:0;
padding:0;
background:none;
display: inline;
float: left;
height:35px;
position:relative;
}

*html #tabs1 li {width:1%;}

#tabs1 a {
text-decoration: none;
padding:10px 4px 0 27px;
height:20px;
display: block;
background: url(../img/tab_beg_315x35.gif) no-repeat;
position: relative;
white-space:nowrap;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
color:#1e629e;
}

#tabs1 a:hover {
background: url(../img/tab_beg_over_235x35.gif) no-repeat;
z-index:10;
}

#tabs1 li.on a { 
background: url(../img/tab_beg_over_235x35.gif) no-repeat; 
z-index:11;
color:#990000;
}

#tabs1 li.home a { background-position:0 0; }
#tabs1 li.home a:hover { background-position: 0 0; }

#tabs1 a span {
background: url(../img/tab_end_20x35.gif) no-repeat;
width: 20px;
height: 30px;
position: absolute;
right: -20px;
top:0;
display: block;
z-index: 10;
}

#tabs1 a:hover span, #tabs1 li.on a span {
background: url(../img/tab_end_over_20x35.gif) no-repeat;
}

.bgTag1 {background:url(../img/bg_a2.gif) no-repeat;color:#990000; width:55px; height:26px; font-weight:bold;text-align:center; line-height:26px;padding-top:0px; float:left; margin:0 0px;cursor:hand;font-size:14px;
}
.bgTag2 {background:url(../img/bg_a1.GIF) no-repeat;color:#1e629e; width:55px; height:26px; font-weight:bold; text-align:center; line-height:26px; padding-top:0px; float:left; margin:0 0px;cursor:hand;font-size:14px;
}

.mgt {width:120px; float:left; padding-left:15px;}
.mgoff {background:url(../img/mgrOff.gif) no-repeat; width:22px; height:22px; text-align:center; padding-top:3px; float:right; margin:0 4px;}
.mgon {background:url(../img/mgrOn.gif) no-repeat; width:22px; height:22px; text-align:center; padding-top:3px; float:right; margin:0 4px;}
#topnewsbar1 {height:20; padding:15px 0px 0px 0px; margin:0px; width:610px; line-height:24px; min-height:18px;}
#topnews {width:624px; float:left; border:1px solid #cdcdcd; margin-left:1px}
#topnewnew {padding:0 10px 0 18px;}
#topnewnew dl {min-height:160px; border:1px solid #e8e8e8; padding:5px}
#topnewnew dt {font-size:14px; font-weight:bold;}
#topnewnew dd {margin:8px;margin-right:150px;}
#div2 {float:left;width:100%;text-align:right;}

#picstorydiv {width:615px; padding:5px 0px 0px 10px; margin:0; float:left; border-bottom:1px solid #efefef;}
#picstorydiv p {margin:0; padding:0}
#picstorydiv div {width:150px; float:left; margin-bottom:8px;}
#picstorydiv img {padding:5px; border:1px dotted #cdcdcd;}
#picstorydiv ul {margin:0; padding:0px; list-style-type:none; display:block; clear:both;}
#picstorydiv li {padding-bottom:10px;}
#picstorydiv span {width:96%;float:left;text-align:right;}

#videolist {width:100%; padding:5px 0px 0px 10px; margin:0; float:left; border-bottom:1px solid #efefef; clear:both;}
#videolist span {width:96%;float:left;text-align:left; height:auto;}
#videolist div {width:100%;float:right;text-align:right;background-color:#ff0000; border-bottom:1px solid #ff0000;}

#button_div {
text-align:left;
width:180px;
padding-left:0px;
margin:5px 0 0 0;
background-color:#ffffff;
border:1px solid #ffffff;
}
.s_keyword1 {height:20px; width:120px; margin:0px 5px; padding:6px 0 0 12px; float:left; border-bottom:1px solid #dcdcdc; text-align:left; background:url(../img/tag.gif) no-repeat 0 10px}
.s_keyword2 {height:20px; width:120px; margin:0px 5px; padding:6px 0 0 12px; float:right; border-bottom:1px solid #dcdcdc; text-align:left; background:url(../img/tag.gif) no-repeat 0 10px}

#t_vouch ul {list-style-image:url(../images/bul_orange_5x5.gif); padding:0px 5px 0px 2px; list-style-position:inside;}
#t_vouch li {line-height:24px; border-bottom:1px dotted #b7cbda; margin:1px 0;}

#v_pic {float:left; width:20%; height:95px; margin-bottom:5px;}
#v_text {float:right; margin-bottom:5px;width:78%;height:95px;}

#newsTabs1 {border:1px solid #CAD5E3;padding:5px 0px 5px 0px;background-color:#F2F7FA; clear:both;}
#newsTabs2 {border:1px solid #CAD5E3;padding:5px 0px 5px 0px;background-color:#F2F7FA;}

.picstory_row{float:left;width:150px; height:150px; text-align:center; padding:10px 0px 0px 0px;margin-left:2px;border:1px solid #efefef;}
.picstory_row dd,.picstory_row dt{ text-align:center;}
.picstory_row dt img{ width:130px; height:100px; border:1px solid #000000;}

/*0716*/

ul.rss_d{ padding:10px 0 8px 10px; float:left;}
ul.rss_d li{ float:left; width:78px; background:url(../images/rss_icon.gif) no-repeat 0 2px; padding-left:22px; line-height:26px;}
ul.rss_d li a{ color:#355b80;}
ul.h_name li{ background:url(../images/bar_ic.gif) no-repeat 0 6px; line-height:24px; border-bottom:1px solid #ccc; padding-left:18px;}
ul.h_name li a{ color:#06c;}

/*0718*/
p,h1,h2,h3{ margin:0; padding:0;}
.clear{ clear:both;}
#newslist .net_newtp{ float:left; width:198px;}
#newslist .tpwid{ float:left; width:416px; padding-left:6px;}
#newslist .net_newtp h2{ font-size:14px; color:#1e629e; margin:6px 0;}
#newslist .net_newtp h2 a{ color:#1e629e;}
#newslist .net_newtp h3{ clear:both; background:#1e629e; color:#fff; width:60px; padding:4px 0px 2px 0px; margin:4px 0 0 10px; text-align:center;}
#newslist .net_newtp cite{font-size:10px; color:#a0a0a0; font-style:normal;}
#newslist .net_newtp ul.top_ul{  width:202px; margin-left:0; float:left;}
#newslist .net_newtp ul.top_ul li{ background:url(http://soft.zdnet.com.cn/i/software_zone/images/bul_orange_5x5.gif) no-repeat 0 8px; padding-left:12px; line-height:22px;}
#newslist .net_newtp ul.dif_lh{ float:left; border-left:1px solid #b7cbda; margin-left:0; width:182px; padding-left:4px;}
#newslist .net_newtp ul.dif_lh li{ line-height:22px; background:url(http://soft.zdnet.com.cn/i/software_zone/images/bul_orange_5x5.gif) no-repeat 0 8px; padding-left:12px;}