BODY {/*background:url(/i/bg-tile.gif) top repeat-x #FFF;
color:#333;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
margin-top:5px;
*/}

/*
A, A:Link, A:Hover, A:Visited, A:Active {color:#0066cc; text-decoration:none;}
A:Hover {text-decoration:underline;}
H1, H2, H3, H4, H5, H6 {margin:0; padding:0;}

IMG {border:none;}

DL, DT, DD {margin:0; padding:0;}

UL, LI {list-style:none; margin:0; padding:0;}

INPUT {font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#333; }

#masthead {width:960px;}

#top-search {float:left; text-align:center; width:70%; height:50px; padding-top:10px;}
#top-search .search-inp {padding:3px 10px 3px 10px; border:1px solid #ccc; }

#status-bar {text-align:right; font-size:10px; width:29%; float:left; padding-top:10px;}

#top-tabs {float:left; width:700px; padding-left:15px;} /*red tabs*/
#top-tabs DL {background:url(/i/top-tab-bg.gif) top right no-repeat; float:left; text-align:center; margin: 0 3px 0 3px;}
#top-tabs DL DT {height:44px; padding-top:5px; background:url(/i/top-tab-l.gif) top left no-repeat;}
#top-tabs DL DT A {font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#fff; width:145px; display:block;}
#top-tabs A:Hover {text-decoration:none;}


#navi {width:960px; background:url(/i/navi-bg.gif) 0 0 no-repeat; height:30px; margin-top: 15px; border-bottom:2px solid #a4090c;}
#navi #tabs {float:left; padding:3px 2px 0 0; margin-left:4px;width: 680px; }

#navi UL {margin:0; padding:0; list-style:none;}
#navi UL LI {float:left; height:27px; line-height:25px; background:url(/i/tab-w-bg.gif) 0 0 no-repeat;}
#navi UL LI A {font-weight:bold; color:#cc0000; /*display:block;*/ height:27px; padding-top:8px; margin:10px 15px 0px 15px;}
#navi UL LI.div {float:left; background:url(/i/tab-w-r.gif) 0 0 no-repeat; line-height:27px; font-size:1px; padding-left:1px; margin:0 1px 0 0;}

#navi UL LI.on {float:left; background:url(/i/tab-r-bg.gif) 0 0 no-repeat;}
#navi UL LI.on A {color:#f3f3f3;}
#navi UL LI.div-on {float:left; background:url(/i/tab-r-r.gif) 0 0 no-repeat; line-height:27px; font-size:1px; padding-left:2px; margin:0 1px 0 0;}


#navi #rss {font-size:10px; float:right; padding:0 5px 0 0; line-height:27px;}
#navi #rss A {font-weight:bold; color:#eee;}

*/

/*** maincontent ***/

#content #maincontent2 {margin:20px 20px 20px 20px; text-align:left;}

#maincontent-vid {width:890px; /*background:url(/i/vid-bg.gif) repeat-x #f8f8f8;*/ background-color: #333; padding-bottom: 20px;} /*with player */
#maincontent {width:890px; background-color:#f8f8f8; padding-bottom: 20px;} /*listing*/

#maincol-vid {width: 570px; float:left; text-align: left;}
#maincol {/*width:620px; float:left; margin: 0px 0px 0px 0px; text-align:left;*/}

.level-bar-0 {background:transparent url(http://asia.cnet.com/2007/i/m/l0.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-1 {background:transparent url(http://asia.cnet.com/2007/i/m/l1.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-2 {background:transparent url(http://asia.cnet.com/2007/i/m/l2.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-3 {background:transparent url(http://asia.cnet.com/2007/i/m/l3.gif) no-repeat scroll left top;margin:2px 5px 5px;vertical-align:text-top;}
.level-bar-4 {background:transparent url(http://asia.cnet.com/2007/i/m/l4.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-5 {background:transparent url(http://asia.cnet.com/2007/i/m/l5.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-6 {background:transparent url(http://asia.cnet.com/2007/i/m/l6.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-7 {background:transparent url(http://asia.cnet.com/2007/i/m/l7.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-8 {background:transparent url(http://asia.cnet.com/2007/i/m/l8.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-9 {background:transparent url(http://asia.cnet.com/2007/i/m/l9.gif) no-repeat scroll left top;margin:2px 5px;vertical-align:text-top;}
.level-bar-10 {background:transparent url(http://asia.cnet.com/2007/i/m/l10.gif) no-repeat scroll left top; margin:2px 5px; vertical-align:text-top; }


#player {background-color:#333; width:100%; padding-bottom:10px; text-align:center;}
#player #functions {padding:10px 0px 0 0px; text-align:center; width:570px;}
#player #functions DIV {background:url(/i/vid-btn-bg.gif) top right no-repeat; height:32px; width:130px; float:left; margin:0 5px 0 5px;}
#player #functions DIV A {display:block; height:32px; padding:7px 0 0 18px; color:#ff9900; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#player #functions DIV A.vid-rate  {background:url(/i/vid-btn-rate.gif) top left no-repeat;} 
#player #functions DIV IMG {padding-left:3px;}/*stars*/
#player #functions DIV A.vid-talk  {background:url(/i/vid-btn-talk.gif) top left no-repeat;} 
#player #functions DIV A.vid-share  {background:url(/i/vid-btn-share.gif) top left no-repeat;} 
#player #functions DIV A.vid-dl  {background:url(/i/vid-btn-dl.gif) top left no-repeat;} 
#player #functions DIV A.vid-dl-off  {background:url(/i/vid-btn-dl.gif) top left no-repeat; color:#ccc; cursor:default; }/*download disabled*/
#player #functions DIV A:Hover.vid-dl-off {text-decoration:none;}


#ad-box {text-align:left; font-size:10px; border:1px solid #ccc; background-color:#FFF; margin:0 10px 0 10px; padding:10px 0 10px 10px;}
#ad-box IMG {padding-right:5px; float:left;}


#vid-deck {width:300px; background:url(/i/vid-deck-bg.gif) top center no-repeat; text-align:left;}
#vid-deck H1 {font-size:18px; font-family:Arial, Helvetica, sans-serif;}
#vid-deck P {padding: 0 0 px 0;}
#vid-deck #deck {padding: 5px 10px 10px 10px;}
#vid-deck-bot {width:300px; height: 4px; background:url(/i/vid-deck-bot.gif) top center no-repeat;}


#tb-list {margin:10px 0 0 0; width:630px; text-align:center;}/* most popular, 4 col fd list */


#tb-list H2 {display:none;}

#tb-list DL {float:left; width:157px; padding:10px 0px 10px 0px; } 
#tb-list DL DT {border:1px solid #000; height: 86px; width: 120px; text-align:center; overflow:hidden;}
#tb-list DL DT A.watch {display:block; width:120px;  background-color:#000; color:#ff9900; font-size:10px; line-height:20px; }
#tb-list DL DD {font-weight:bold; padding:5px 0 0 0;}


#highlights {margin:10px 0 0 0; width:570px;text-align:left; }
#highlights H2 {font-size: 14px; border-bottom: 1px solid #999999; padding-bottom: 5px;}
#highlights DIV {width:250px; padding:10px 10px; 0 0px;}
#highlights DIV IMG {border:1px solid #333;}
#highlights H4 {display:block; width:282px; background-color:#333;  height:20px; text-align:left;  font-weight:normal; font-size:10px; padding:3px 0 0 0; }
#highlights A {color:#ff9900; font-weight:bold;}

/*** talkback ***/
#talkback-top {margin:10px 0 10px 10px; border-bottom:1px solid  #ccc; text-align:left;}
#talkback-top H2 {font-size:18px; font-family:Arial, Helvetica, sans-serif;}
#talkback {margin:0 0 0 10px; text-align:left; ;}

#talkback-avatar {float:left; width:15%; font-size:10px; text-align:center; }
#talkback-avatar H4 {font-size:11px;}
#talkback-msg {float:right; width: 82%;}
#talkback-msg .postdate {font-size:10px; color:#666;}
#talkback-functions {text-align:right; font-size:10px;}
#talkback-login {width:95%;/*display:table;*/ font-size: 12px; padding: 10px;}

#btn { text-align:center; }
#btn A {color:#ff0000; font-weight: bold; font-size:10px; line-height:20px;}
#btn dl {background:url(/cnet/2007/i/crv/w/btn.gif) top right no-repeat;}
#btn dl dt {padding: 0 10px 10px 10px; background:url(/cnet/2007/i/crv/w/btn_l.gif) top left no-repeat;}



/*** rightcol ***/
#rightcol-vid {float:left; width:300px; font-size:12px; font-family: Arial,Helvetica; padding-left: 20px;}
#rightcol {width:300px; float:right;}


#rn-box-hdr {width:300px; height:40px; background:url(/i/rn-box-bg.gif) 0 0 no-repeat; margin-top:5px;}
#rn-box-hdr H3 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#660000; text-align:left; padding: 4px 0 0 8px;}
#rn-box {width: 298px; background-color:#FFF; border:1px solid #a0a0a0; text-align:left; border-top:none;}

#rn-box P {font-size:12px; font-family: Arial,Helvetica; padding: 5px; margin:0; height: 30px;}/** your say**/
#rn-box .avatar {padding:3px 5px 0 5px; float:left;} 

#rn-box DL {margin:0; padding:0px; font-size:10px;} /**now playing**/
#rn-box DL DT {font-family:Arial, Helvetica, sans-serif; font-size: 12px; padding:10px 0 0 0;}
#rn-box DL DT A {color:#333; font-weight:bold;}
#rn-box .tb {padding:0 5px 0 0;}

#cloud {padding:5px; /***for tag cloud ***/
font-size:18px;
font-weight:normal;
text-align:justify;
}
#cloud .tag1 {
color:#0066CC;
font-size:100%;
font-weight:normal;
}
#cloud .tag2 {
color:#68ACEF;
font-size:90%;
font-weight:bold;
}
#cloud .tag3 {
color:#A9CEF3;
font-size:80%;
font-weight:normal;
}
#cloud .tag4 {
color:#3389DD;
font-size:70%;
font-weight:bold;
}
#cloud .tag5 {
color:#68ACEF;
font-size:50%;
font-weight:bold;
}


/*** listing ***/
#listing {padding:0 10px 0 10px;}
#listing H1 {font-size:18px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 3px 0;}
#listing DL {border-top:1px solid #ccc;}
#listing DL IMG {border:1px solid #333; margin:0 10px 0 0;}
#listing DL DT {font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin-top:10px;}
#listing DL DD {margin:2px 0 10px 0;}

#listing #data {margin:5px 0 0 0; font-size:10px;}
#listing #data IMG {border:none; display:inline; padding-left:3px;}
#listing #data A {color:#cc0000;}

#footer {width:100%; background:url(/i/dots-h.gif) repeat-x; border-top:1px solid #fff;}
#footer H4 {font-family:Arial, Helvetica, sans-serif; font-size: 18px; margin-top:10px; }
#footer H5 {font-size:12px;}
#footer-links {width:960px; text-align:left;}
#footer-links DIV {float:left; width:19%; margin:15px 5px 0px 0;}

#copyright {font-size:10px; color:#666; margin:10px 0 15px 0;}
#copyright A {color:#666;}



/**video functions **/
#function-on {width:100%; background-color:#333; text-align:left; padding:10px 0 0 0; font-size:10px;}
#function-on H2 {font-size:14px; font-family: Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc;}
#function-on H3 {font-size:11px; padding-top: 10px;}
#function-on INPUT {border:1px solid #CCCCCC; padding:3px 10px 3px 5px; background-color:#eee; margin:5px 0 10px 0;}
#function-on TEXTAREA {border:1px solid #CCCCCC; padding:3px; margin:5px 0 5px 0; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#function-on #display {padding:10px; margin:0 10px 10px 10px; background-color:#fff; border:1px solid #ccc; width:600px;}
#function-on #close {float:right;text-align:right; font-size:10px;}
#function-on #close A {color:#666;}

#function-on #share {width:43%; float:left; background-color:#fff;}
#function-on #share IMG {padding-right:5px;}

#function-on #rate {width:48%; float:left; background-color:#fff;}
#function-on #rate IMG {padding-left:10px;}

#function-on #vid-share-links {width:55%; float:left;background-color:#fff;padding-right:5px;}
#function-on #vid-share-links UL LI {float:left; width:50%; padding-top:3px;}
#function-on #vid-share-links A {font-size:10px; font-weight:bold;}
#function-on #vid-share-email{width:43%; float:right;background-color:#fff;}

/**talkback functions **/
#function-talk-on {width:100%; background-color:#fff; text-align:left; padding:0 0 0 0; font-size:10px;}
#function-talk-on H2 {font-size:14px; font-family: Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc;}
#function-talk-on H3 {font-size:11px; padding-top: 10px;}
#function-talk-on INPUT {border:1px solid #CCCCCC; padding:3px 10px 3px 5px; background-color:#eee; margin:5px 0 10px 0;}
#function-talk-on TEXTAREA {border:1px solid #CCCCCC; padding:3px; margin:5px 0 5px 0; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
#function-talk-on #display {padding:10px; margin:0 0 0 10px; background-color:#fff; border:1px solid #ccc; width:600px;}


/** ad units **/
#ad-mpu {text-align:center; margin:0 0 5px 0; width:300px;}
#ad-tower {text-align:center; width:160px;}
#ad-leader {width:750px; text-align:center; margin: 0  0 10px 0;}
.adv {background:url(/2007/i/adv.gif) top left no-repeat; padding: 0 0 3px 0;}

/** common elements**/
#red-btn {background:url(/i/red-btn-bg.gif) top right no-repeat; text-align:center;}
#red-btn A {background:url(/i/red-btn-l.gif) top left no-repeat; color:#FFF; font-size:10px; display:block; height:20px; padding:2px 0 0 0;}

.r {color:#cc0000;}
.g {color:#666;}
.div-h {width:100%;background:url(/i/dots-h.gif) repeat-x; margin: 10px 0 0 0;}
.page-nav {font-size:10px;}

.clearfix:after {
clear:both;
content:".";
display:block;
height:0pt;
visibility:hidden;
}