body { background: #1A457E; margin: 0px; padding: 0; color: #000000; font: 11px Tahoma, verdana, arial, sans-serif; } a{color:#000000; text-decoration:none;} a:hover{ color:#0089DB;} h3 { padding-top: 20px; } ol { margin:5px 0 15px 16px; padding:0; list-style-type:square; } .OrangeText{color:#FFB800;} .Orange2Text{color:#E56800;} .YellowText{color:#FFEC89;} .WhiteText{color:#FFFFFF;} .BlueText{color:#005E82;} .GrayText{color:#5E5E5E;} .GreenText{color:#739600;} .Gray2Text{color:#D0D0D0;} .RedText{color:#C12D2D;} .ClipDetail{background:url(../images/clipDetail.gif) top repeat-x; height:44px; color:#FFFFFF; width:348px; float:left;} /*-----.TimeHotClip{color:#00387A; font-weight:bold; font-size:20px;}--*/ .TimeHotClip2{color:#97A8BA; font-weight:normal; font-size:10px;} .TimeHotClip3{color:#44535F; font-weight:bold; font-size:20px;} .BodyWidth{width:950px; margin:0 auto;} .BGTop{background:#000 url(../images/bgTop.gif) top repeat-x; border-bottom:#000000 1px solid; height:39px; float:left; width:950px;} .boxBGTop{float: left; background:#343434; border:#000000 1px solid; height:28px; margin-top:3px; margin-left:5px; display: inline; padding:0px 5px;} .boxinput{ float: left; margin-top:4px;} .boxinput1{ float: left; margin-top:4px; color:#FFFFFF} .boxbutton{ float: left; margin-top:4px; margin-left:5px; display: inline;} .boxinput_r{ float: left; width:206px; margin:0; padding:0;} .boxbutton_r{ float: left; width:24px; height:21px; margin:0; padding:0;} .InputTop{background:#303030; border:#5A5A5A 1px solid; height:16px; color:#B7B7B7; font-size:10px; width:120px;} .InputSearchTop{ background:#282F37;border:0px; color:#FFFFFF; font-size:11px; padding-top:2px;} .SearchTopR{float:right; background:#282F37; border:#565E69 1px solid; width:230px; height:21px; margin-top:6px;} /*.SearchTopR{float:left; background:#282F37; border:#565E69 1px solid; width:300px; height:21px; margin-top:6px;}*/ /*.boxinput_r{ float: left; width:350px; margin:0; padding:0;}*/ .Banner{ float: left; background:#232323 url(../images/Banner.gif) top repeat-x; border:#000000 1px solid; height:102px; width:948px;} .logo{ float: left; width:125px; height:102px;} .bannertop{ float: right; width:480px; height:72px; margin-top:15px; margin-right:15px; display:inline;} .bgMenuTop{background:#070707 url(../images/bgMenuTop.gif) top repeat-x; height:34px; width:950px; float:left;} #MenuTopKP{width:80%; line-height:normal; overflow: hidden;float:left;} #MenuTopKP ul{ float:left; list-style-type: none; margin:0; margin-left: 5px; /*Left offset of entire tab menu relative to page*/ padding:0;} #MenuTopKP li{display:inline;margin:0;padding:0;} #MenuTopKP a{ float:left; background:url(../images/MenuTopKP-left.gif) no-repeat left top;margin:0;margin-right: 0px; /*spacing between each tab*/ padding:0 0 0 9px; text-decoration:none;} #MenuTopKP a span{ float:left; display:block;background:url(../images/MenuTopKP.gif) no-repeat right top;padding: 10px 12px 10px 3px;font-weight:bold; color:#FFFFFF;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #MenuTopKP a span {float:none;} /* End IE5-Mac hack */ #MenuTopKP a:hover span {color: #FFFFFF;} #MenuTopKP #current a{ /*Selected Tab style*/ background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/} #MenuTopKP #current a span{ /*Selected Tab style*/ background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/ color: #FFFFFF;} #MenuTopKP a:hover{ /*onMouseover style*/ background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/} #MenuTopKP a:hover span{ /*onMouseover style*/ background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/} .uploadclip{ float: right; width: 106px; height:34px;} .BodySite{background:#E1E1E1; border:#000000 1px solid; padding:5px; float: left;} .BodySite1{background:#E1E1E1; border:#000000 1px solid;float: left;} .content_l{ float: left; width:679px; margin-left:0px; margin-top:0px; display: inline;} .content_r{ float: left; width:250px; margin-left:9px; display: inline;} .content_un{ float: left; width:674px; margin-top:10px;} .content_un_l{float: left; width:150px;} .boxvideo_t{ float: left; width:358px; background:#00142c; border-right:13px #001b3a solid;} .boxvideo_tSub{ float: left; width:661px; background:#00142c; border-right:13px #001b3a solid;} .topvideo{ float: left; width:371px; height:13px;} .topvideoSub{ float: left; width:674px; height:13px;} .topvideo_l{ float: left; width:358px; height:13px; background:#00142c;} .topvideo_lSub{ float: left; width:661px; height:13px; background:#00142c;} .topvideo_r{ float: left; width:13px; height:13px; background:url(../images/HotVideoTopR.gif) no-repeat;} .topvideo_rSub{ float: left; width:13px; height:13px; background:url(../images/HotVideoTopR.gif) no-repeat;} .video_screen{ float: left; width:304px; margin-left:5px; margin-top:5px; display: inline;} .video_screenSub{ float: left; width:607px; margin-left:5px; margin-top:5px; display: inline;} .ClipDetail{background:url(../images/clipDetail.gif) top repeat-x; height:44px; color:#FFFFFF; float: left; width:348px; margin-left:5px; display:inline;} .ClipDetailSub{background:url(../images/clipDetail.gif) top repeat-x; height:44px; color:#FFFFFF; float: left; width:607px; margin-left:5px; display:inline;} .infovideo{ float: left; width:338px; margin-left:10px; margin-top:7px; display: inline;} .infovideo_l{ float: left; width:270px;} .TimeHotClip{color:#00387A; font-weight:bold; font-size:20px; float:left; margin-top:2px;} .bt_video{ float: left; width:371px; height:12px;} .bt_videoSub{ float: left; width:674px; height:12px;} .bt_video_l{ float: left; width:12px; height:12px; background:url(../images/HotVideoBottomL.gif) no-repeat;} .bt_video_r{ float: left; width:346px; height:12px; background:#000d1d;} .bt_video_rSub{ float: left; width:649px; height:12px; background:#000d1d;} .bt_video_r2{ float: left; width:13px; height:12px; background: url(../images/HotVideoBottomR.gif) no-repeat;} .more_video{ float: left; width:303px; background:#20272f; margin-top:14px;} .more_videoSub{ float: left; width:606px; background:#20272f; margin-top:14px;} .dot_y{ background-image:url(../images/dot_Y.gif); background-position:right; background-repeat:repeat-y; } .dot_X{ background-image:url(../images/dot_X.gif); background-position:bottom; background-repeat:repeat-x; padding: 5px 0px; } .dot_X2{ background-image:url(../images/dot_X2.gif); background-position:bottom; background-repeat:repeat-x; padding: 3px 0px; } .TabHotclipTop{background:#272E36 url(../images/TabHotClipTop.gif) top repeat-x; height:35px; border-bottom:#181D23 1px solid; float:left; width:303px;} .inconhotvideo{ float: left; width:45px; height:35px;} .TabHotclipTop_r{ float: left; padding-left:5px; color:#ffba00; font-weight:bold;} .LineBox{ float: left; width:296px; height:100px; border-bottom:1px #3a4149 solid; padding-top:8px;} .OtherClip{ float:left;background:#282F37 url(../images/bgOtherHotClip.gif) top repeat-x; height:83px; border:#1A2129 1px solid; width:284px; margin-top:3px; margin-left:8px; display:inline;} .boximage{ float: left; width:115px; height:83px;} .HotClip1 ul {margin: 0;padding: 0;} .HotClip1 li {width: 115px; list-style: none; float: left; display: inline; overflow: hidden;} .HotClip1 .cover {width: 115px; height: 83px; margin: 0 auto; display: block; background-color: #20272F; padding: 0px;} .HotClip1 .cover:hover {background-color:#20272F; background-image:url(../images/play-rollover.gif);} .HotClip1 .cover img {width: 115px; height: 83px; display: block; background: center no-repeat #000;} .HotClip1 .cover:hover img {opacity: .2; filter: alpha(opacity=20);} .HotClip1 .refs {height: 60px; margin: 5px; font-size: 11px; text-align: center; overflow: hidden;} .cover:hover {background-color:#CCCCCC; background-image:url(../images/play-rollover1.gif);} .cover:hover img {opacity: .5; filter: alpha(opacity=50);} .infovideo_more{ float: left; width: 160px; margin-top:5px; margin-left:5px; display: inline;} .TabNewsL{background:#FFFFFF url(../images/TabNewsL.gif) bottom left no-repeat; width:10px; height:30px; float:left;} .TabNewsC{background:#FFFFFF url(../images/TabNewsC.gif) bottom repeat-x; height:30px; float:left;} .TabNewsR{background:#FFFFFF url(../images/TabNewsR.gif) bottom right no-repeat; width:10px; height:30px; float:left;} .TabNewsR2{border-bottom:#7A7A7A 1px solid; float:left;} .TabNewsBody{ float: left;border-left:#7A7A7A 1px solid; border-right:#7A7A7A 1px solid; border-bottom:#7A7A7A 1px solid; background:#FFFFFF; width:248px;} .TabNewsTitle{color:#7F7D80; font-weight:bold; white-space:nowrap;} .topright{ float: left; width:250px; height:30px; margin-top:5px; background:url(../images/lineR.gif) bottom repeat-x;} .linenews{ float: left; width: 236px; margin-top:8px; margin-left:5px; display: inline;} .lineother{ float: left; width: 236px; margin-top:8px; margin-left:5px; display: inline; height:25px; border-bottom:1px #a6a6a6 dashed; line-height:25px;} .viewall{ float:right; padding:5px 0px;} .bgNewsletter{background:url(../images/bgNewsLetter.gif) no-repeat; width:250px; height:78px; float:left;} .advertising{ float: left; width:250px; margin-top:10px;} .OtherTabnews{background:#2F6E27; padding:5px; color:#FFFFFF; font-weight:bold;} .TDCate1{background:#F0F0F0; padding:10px 5px; height:100px;} .TDCate2{background:#FFFFFF; padding:10px 5px; height:100px;} .OtherTabnews{background:#2F6E27; padding:5px; color:#FFFFFF; font-weight:bold;} .TDBox{background:#EEEEEE url(../images/linebox.gif) bottom repeat-x; padding: 8px 10px;} .topleft1{ float: left; width:150px; height:10px; background: url(../images/topleft1.gif) no-repeat;} .bgleft1{ float: left; width:150px; background: url(../images/bgleft1.gif) repeat-y;} .btleft1{ float: left; width:150px; height:10px; background: url(../images/bottomleft1.gif) no-repeat;} .imageleft{ float: left; width:35px; margin-left:5px; display: inline;} .content_un_r{ float: left; width:514px; margin-left:10px; display:inline;} .topscript{background:#FFFFFF; float: left; width:514px; height:40px;} .topscript_l{ float: left; width:5px; height:40px; background:url(../images/lefttopscript.gif) no-repeat;} .topscript_bg{ float: left; width:504px; height:40px; background:url(../images/bgtopscript.gif) repeat-x;} .topscript_r{ float: left; width:5px; height:40px; background:url(../images/righttopscript.gif) no-repeat;} .title_l{ float: left; width:5px; height:40px; background: url(../images/lefttitle.gif) no-repeat;} .title_bg{ float: left;height:40px; background: url(../images/bgtitle.gif) repeat-x;} .title_bgSub{ float: left;height:30px; background: url(../images/bgtitle.gif) repeat-x;} .title_r{ float: left; width:5px; height:40px; background: url(../images/righttitle.gif) no-repeat;} .topscript1{background:#FFFFFF; float: left; width:300px; height:40px;} .topscript_l1{ float: left; width:5px; height:40px; background:url(../images/lefttopscript.gif) no-repeat;} .topscript_bg1{ float: left; width:290px; height:40px; background:url(../images/bgtopscript.gif) repeat-x;} .topscript_r1{ float: left; width:5px; height:40px; background:url(../images/righttopscript.gif) no-repeat;} .title_l1{ float: left; width:5px; height:40px; background: url(../images/lefttitle.gif) no-repeat;} .title_bg1{ float: left;height:40px; background: url(../images/bgtitle.gif) repeat-x;} .title_bgSub1{ float: left;height:30px; background: url(../images/bgtitle.gif) repeat-x;} .title_r1{ float: left; width:5px; height:40px; background: url(../images/righttitle.gif) no-repeat;} .BoxTitle21{color:#458800;font-weight:bold; white-space:nowrap; float:left;} .imagetitle1{ float: left; width:50px; margin-top:5px;} .imagetitle{ float: left; width:50px; margin-top:5px;} .imagetitleSub{ float: left; width:20px; margin-top:5px;} .title{ float: left; padding-left:5px;} .BoxTitle2{color:#458800;font-weight:bold; white-space:nowrap; float:left;} .contentlatest{ float:left; width: 514px; background:#FFF;} .btlatest{ float:left; width:514px; height:23px;} .Box2Bottom_L{background:url(../images/Box2Bottom_L.gif) top left no-repeat; width:10px; height:23px; float:left;} .Box2Bottom_C{background:url(../images/Box2Bottom_C.gif) top repeat-x; height:23px;float:left; width:494px;} .Box2Bottom_R{background:url(../images/Box2Bottom_R.gif) top right no-repeat; width:10px; height:23px;float:left;} .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ border: 0px solid navy; width: 490px; /*width of featured content slider*/ height: 160px; left: 14px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 5px;background: white; width: 490px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1;opacity: 1;} .pagination{width: 470px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right;padding: 6px 10px;} .pagination a{padding:5px 5px 5px 5px;text-decoration: none; border-left:#E1E1E1 1px solid; border-right:#E1E1E1 1px solid; color: #787878; font-weight:bold;} .pagination a:hover, .pagination a.selected{color: #993300; background: url(../images/bgPagActive.gif) repeat-x;} #container { margin: 0 auto; text-align: center; margin-top: 0px; } #description { font-size:12px; color:#6A6A6A; font-family:Georgia, "Times New Roman", Times, serif; } .bgLogin{background:#F0F1C0; border:#FFFFFF 1px solid; padding:10px;} .imgcontainer {float:left;width:150px;height:84px;position:relative;} .frame {position:absolute;top:0;left:0;} .donruss .caption {position:absolute;bottom:10px;left:15px;text-transform:uppercase;font: bold 11px arial;} .linevideolike{ float: left; width: 514px; height:80px; background: #FFF url(../images/bgVideoSub.gif) bottom repeat-x;} .linevideolike2{ float: left; width: 514px; height:100px; background: #FFF url(../images/bgVideoSub.gif) bottom repeat-x;} .bgimagelist{ float: left; width: 86px; height:61px; margin-top:10px; margin-left:10px; display: inline; background:url(../images/bgimagelist.gif) no-repeat;} .bgimagelist2{ float: left; width: 150px; height:84px; margin-top:10px; margin-left:10px; display: inline;} .bgimagelist img{ padding-top:3px; border:none;} .infovideolike{ float: left; width:400px; padding-top:10px; padding-left:10px;} .infonewslike{ float: left; padding-top:10px; padding-left:10px;} .infonewslike2{ float: left; padding-top:10px; padding-left:10px;text-align:center} .infovideolike2{ float: left; width:320px; padding-top:10px; padding-left:10px;} .infovideolike img{ border:0;} .LineBoxFooter{border-bottom:#999999 2px solid; padding-bottom:3px;} .BoxTitle2{color:#458800; text-transform:uppercase; font-weight:bold; white-space:nowrap;} .BoxTitle3{color:#FF9900; text-transform:uppercase; font-weight:bold; white-space:nowrap;} .bgFooter{background:url(../images/bgFooter.gif); float: left; width:950px; border-top: 4px #21272f solid; color:#FFF;} .bgFooter_2{background:url(../images/Footer2.gif); border-bottom:#BC1B12 2px solid; float: left; width:950px; border-top: 4px #21272f solid; color:#FFF;} .suutap{color:#739600;} .gui{color:#739600;} .manhung{color:#739600;} li{padding-bottom:2em};