html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
border: 0 none;
font: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
}
body
{
background-color: #ffffff;
color: #000000;
width:100%;
}
.ContentNew4 ul
{
margin-top:5px;
margin-right:5px;
}
.sapodetail
{
font-weight:bold;
color:#004175;
font-size:14px;
font-family:Arial;
}
.sapodetailDT
{
font-weight:normal;
color:#004175;
font-size:14px;
}
.title
{
color: #666666;
display: inline;
font-size: 0.9em;
font-weight: bold;
margin-right: 0px;
text-align:center;
margin-bottom:10px;
}
.TanSoPhatSog a {
color: #FFFFFF;
}
h1.title
{
color: #666666;
display: inline;
font-size: 1.2em;
font-weight: bold;
margin-right: 0px;
text-align:center;
margin-bottom:10px;
padding-bottom:10px;
font-family:Arial;
line-height:26px;
}
.title3
{
color: #666666;
display: inline;
font-size: 0.9em;
font-weight: bold;
margin-right: 0px;
text-align:center;
float:left;
height:24px;
vertical-align:middle;
padding-top:3px;
}
a
{
text-decoration:none;
color:#004175;
}
.openmedia
{
display:inline;
padding-bottom:10px;
vertical-align:middle;
}
.openmedia2
{
display:inline;
font-weight:bold;
margin-left:5px;
padding-top:10px;
top:10px;
}
#HeaderTop
{
background-image: url(Image/bg_topBanner.jpg);
background-repeat:repeat-x;
height:24px;
width:100%;
position:fixed;
padding:0px;
margin:0px;
top:0px;
z-index:99999;
}
.Site-Wrap
{
margin:0 auto;
width:983px;
}
.Space2
{
padding-left:5px;
padding-right:5px;
float:left;
vertical-align:middle;
height:20px;
padding-top:2px;
}
#HeaderTop-center-left
{
float:left;
clear:left;
display:inline;
}
#HeaderTop-center-right
{
float:right;
clear:right;
display:inline;
}
#HeaderCenter
{
height:97px;
margin:22px auto 0px;
width:983px;
background-image: url(Image/bg_banner.jpg);
background-repeat:no-repeat;
}
.Ondemand_title2
{
clear: both;
color: #999999;
float: left;
font-size: 1em;
margin-bottom: 10px;
padding-left: 164px;
padding-top: 10px;
}
.NameChannel
{
float:left;
}
.NameChannel img
{
margin-top:20px;
margin-left: 30px;
}
.LogoVOV
{
float:left;
}
.LogoVOV img
{
float:left;
margin-top:10px;
margin-left:23px;
}
.qcBanner
{
float:right;
}
.qcBanner img
{
float:right;
margin-top:8px;
}
ul
{
list-style: disc outside none;
}
ul, ol {
margin: 0;
padding: 0;
}
#mainnav
{
height:25px;
padding:0px 5px 0px 0px;
}
#mainnav ul
{
height:25px;
text-align:center;
margin-top:0px;
margin-bottom:0px;
}
#mainnav ul li {
float: left;
line-height: 24px;
position: relative;
z-index: 990;
}
#mainnav3
{
height:25px;
padding:0px 5px 0px 0px;
float:left;
width:760px;
}
#mainnav3 ul
{
height:25px;
text-align:center;
margin-bottom:0px;
width: 760px;
}
.horizontalcssmenu2 .current31 {
color:Red;
}
.horizontalcssmenu2 ul li a {
display: block;
font: normal 12px Arial,Helvetica,sans-serif;
padding: 1px 12px 0;
text-align: center;
font-weight:bold;
}
.current31 a
{
height:24px;
text-align:center;
vertical-align:middle;
color:Red;
}
.horizontalcssmenu2 ul li a:hover
{
background-image: url(Image/hoversss.png);
background-repeat:repeat-x;
color:Red;
text-decoration:underline;
}
.horizontalcssmenu2 ul li a:active
{
background-image: url(Image/hover.png);
background-repeat:repeat-x;
color:Red;
text-decoration:underline;
}
.horizontalcssmenu2
{
background-image: url(Image/bg-chon-tieng-dan-toc.png);
background-repeat:repeat-x;
height:27px;
}
.horizontalcssmenu2 ul{
list-style-type: none;
}
#mainnav3 ul li {
float: left;
line-height: 24px;
position: relative;
z-index: 990;
}
.current11 span
{
height:27px;
text-align:center;
vertical-align:middle;
}
.current11 spa a
{
height:27px;
text-align:center;
vertical-align:middle;
color:#004175;
text-decoration:underline;
}
.current31 span
{
height:27px;
text-align:center;
vertical-align:middle;
}
ol, ul, li {
list-style: none outside none;
}
.current span
{
height:40px;
text-align:center;
vertical-align:middle;
}
.current span a
{
height:40px;
text-align:center;
vertical-align:middle;
color:White;
}
.current3 span
{
height:40px;
text-align:center;
vertical-align:middle;
}
.current3 span a
{
height:27px;
text-align:center;
vertical-align:middle;
color:White;
background-color:White;
}
.parent
{
display:inline;
font-weight:bold;
color:White;
vertical-align:middle;
padding-right:10px;
padding-left:10px;
}
.parent span a
{
display:inline;
font-weight:bold;
color:White;
padding-top:0px;
margin-bottom:0px;
vertical-align:middle;
}
.Navigation
{
background-image: url(Image/bgMenu.jpg);
background-repeat:repeat-x;
height:42px;
}
.Content
{
clear:both;
}
#MainContent
{
border-color:#EFEBEA;
border-style:solid;
border-width:1px;
background-color:#ffffff;
}
.clearfix:after
{
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
html[xmlns] .clearfix {
display: block;
}
.LeftContent
{
max-width:669px;
width:669px;
float:left;
}
.LeftContent22
{
max-width:669px;
width:669px;
float:left;
padding-left:5px;
}
.RightContent
{
max-width:410px;
width:304px;
float:right;
clear:right;
}
#Live
{
border-bottom:1px solid #EFEBEA;
margin:5px;
height:305px;
display:block;
margin-right:0px;
}
.LiveShow
{
border:1px solid #EFEBEA;
border-bottom-width:0px;
max-width:400px;
width:400px;
height:299px;
float:left;
clear:left;
}
.Schedule
{
float:right;
clear:right;
width:285px;
height:312px;
}
.TitleS
{
width:285px;
height:32px;
background-image: url(Image/bgchonkhuvuc123.jpg);
background-repeat:no-repeat;
display:inline-block;
}
.Scheduledetail
{
width:283px;
height:228px;
border-right:1px solid #EFEBEA;
overflow:scroll;
}
.TenKhuVuc
{
background-image: url(Image/bghover2.jpg);
width:285px;
height:55px;
}
.TenKhuVucSelected
{
background-image: url(Image/bghover.jpg);
width:285px;
height:55px;
color:White;
}
.TenKhuVucSelected p
{
padding-left:40px;
padding-top:15px;
font-weight:bold;
font-size:1.2em;
width:100%;
height:100%;
}
.TenKhuVucSelected p a
{
color:White;
}
.TenKhuVuc p
{
padding-left:40px;
padding-top:15px;
font-weight:bold;
font-size:1.2em;
width:100%;
height:100%;
}
.TenKhuVuc a
{
width:100%;
height:100%;
}
.TenKhuVuc:hover
{
background-image: url(Image/bghover.jpg);
width:285px;
height:55px;
color:White;
}
.TenKhuVuc p:hover
{
color:White;
}
.TenKhuVuc p a:hover
{
color:White;
}
.TenKhuVucPhatSong
{
width:283px;
height:273px;
border-right:1px solid #EFEBEA;
}
#scrollable-container
{
height: 140px;
width: 293px;
overflow: auto;
}
.Day
{
width:297px;
height:20px;
border:1px solid #EFEBEA;
border-bottom-width:0px;
border-left-width:0px;
}
.DayTitle
{
color: #004175;
vertical-align: middle;
text-align: center;
float:left;
clear:left;
font-weight:bold;
}
.ImageShowLive
{
width:400px;
height:41px;
margin-top:1px;
vertical-align:top;
}
.ImageShowLive2
{
width:398px;
height:280px;
margin-top:1px;
vertical-align:top;
}
#Player2
{
width:983px;
height:24px;
}
.Banner
{
max-width:658px;
width:659px;
height:90px;
margin-top:15px;
margin-left: 5px;
padding-bottom:20px;
clear:both;
}
.Programe
{
max-width:659px;
width:659px;
height:150px;
margin-top:15px;
margin-left: 5px;
display:block;
clear:both;
}
.Stuff
{
border:1px solid #EFEBEA;
float: left;
width: 204px;
margin-bottom: 10px;
margin-top:10px;
}
.stuff li
{
background: url("Image/icon2.png") no-repeat scroll left 2px transparent;
margin-bottom: 3px;
margin-left: 3px;
margin-top: 3px;
padding-left: 10px;
}
.stuff li a
{
color:#696969;
font-weight:bold;
font-size:0.9em;
line-height:normal;
}
.stuff {
width:205px;
margin:5px;
margin-left:5px;
margin-right:5px;
float:left;
text-align:left;
}
.stuff h2 {
background-image:url(Image/iconhhh.png);
font-weight:bold;
color:Red;
padding-bottom:7px;
}
.stuff h2 a {
font-size: 12px;
color:Red;
padding-left:20px;
}
.stuff h3 {
font-size: 0.9em;
margin: 10px 0;
color:#004175;
}
.stuff h4 {
font-size: 0.9em;
margin-bottom: 5px;
padding-bottom: 5px;
}
.stuff h4 a {
color: #666666;
}
.stuff h3 a
{
padding-top:10px;
color:#004175;
}
.ProgramDetail-first
{
margin-right:20px;
}
.ProgramDetail-two
{
margin-right:20px;
}
.ProgramDetail-three
{
margin-right: 0px;
width: 200px;
}
.Namecategory
{
background-color:#f3f3f3;
border-bottom-color:#eeeae9;
border-bottom-style:solid;
border-bottom-width:1px;
width:204px;
height:30px;
padding:0px;
margin:0px;
vertical-align:text-top;
display:inline-block;
margin-bottom:5px;
}
.title2
{
padding-top:10px;
vertical-align:middle;
color:#004175;
}
.logochantrang
{
border:3px solid #d6d6d6;
margin-top:15px;
vertical-align:middle;
margin-right:20px;
}
.Adverting_ngang
{
height:35px;
width:983px;
background-image: url(Image/bgFooter.jpg);
background-repeat:repeat;
clear:both;
float:left;
margin-top:5px;
vertical-align:middle;
text-align:center;
}
#mainnav2
{
height:25px;
}
#mainnav2 ul
{
height:25px;
text-align:center;
vertical-align:middle;
margin: 10px 0px;
width:983px;
}
#mainnav2 ul li {
z-index: 990;
float:left;
padding-left:10px;
}
#TopFooter
{
height:7px;
width:983px;
background-image: url(Image/TopFooter.jpg);
background-repeat:repeat-x;
float:left;
clear:both;
}
#CenterFooter
{
height:138px;
width:983px;
background-image: url(Image/bgFooter.jpg);
background-repeat:repeat;
float:left;
clear:both;
}
.LogoBotoom
{
vertical-align:middle;
padding-top:28px;
margin-left:20px;
float:left;
}
.Space
{
vertical-align:middle;
float:left;
padding: 0px 20px;
}
.info
{
vertical-align:middle;
float:left;
padding-top:5px;
}
.TitileTopNew
{
height:36px;
padding-top:5px;
}
.TitileTopNewImg
{
height:34px;
padding-top:5px;
}
.TitileTopNewImg1
{
height:20px;
padding-top:5px;
}
.TitileTopNew10
{
background-image: url(Image/bghe.png);
background-repeat:repeat-x;
padding-top:5px;
margin-top:5px;
height:40px;
}
.TieudeSchedule
{
font-size:1.2em; float:left; font-weight:bold; text-transform:uppercase;
}
.TitileTopNew10 p
{
padding-left:10px;
vertical-align:middle;
}
.TitileTopNew10 p a
{
color:White;
font-weight:bold;
font-size:1em;
width:250px;
line-height:19px;
}
.TopNew
{
width:274px;
}
.TopNew3
{
width:300px;
}
.LiveOnline
{
float: left;
padding-left: 15px;
padding-top: 4px;
width: 200px;
}
.ContentNew
{
padding-top:1px;
margin-top:1px;
width:298px;
border:1px solid #EFEBEA;
}
.channel
{
margin-top:18px;
width:298px;
display:block;
float:left;
clear:both;
}
.channel-title {
color: #FFFFFF;
font-size: 0.9em;
float:left;
clear:both;
width:298px;
margin:0px;
padding:0px;
vertical-align:middle;
text-align:center;
}
.vov-channel
{
padding:0px;
margin:0px;
}
.vov-channel2
{
padding:0px;
margin:0px;
}
.vov-channel ul li
{
float:left;
padding:0px;
margin:0px;
}
.vov-channel2 ul li
{
padding:0px;
margin:0px;
float:left;
}
.vov-channel ul
{
float:left;
padding:0px;
margin:0px;
}
.vov-channel2 ul
{
padding:0px;
margin:0px;
float:left;
}
.TopHot
{
width:300px;
float:left;
clear:both;
margin-bottom:5px;
}
.Adverting_doc
{
margin-top:10px;
width:300px;
display:block;
float:left;
clear:both;
}
.ondemand
{
margin-top:5px;
text-align:center;
display:block;
margin-bottom:5px;
width: 100%;
}
.Ondemand_title
{
float:left;
text-align:center;
clear:both;
margin-bottom: 10px;
width: 100%;
margin-top:10px;
}
#Player
{
width:360px;
height:270px;
text-align:center;
vertical-align:middle;
margin-left:160px;
}
#Player3
{
width:290px;
height:245px;
text-align:center;
vertical-align:middle;
margin-left:5px;
}
#Player123_wrapper
{
clear: both;
}
.NewInfoDetail
{
margin-left:5px;
padding-left:5px;
}
.CategoryRelate
{
width:659px;
float:left;
clear:both;
}
/*=======================================CSS Hiền=======================================*/
.box-cate-detail p, .box-cate-list p {
color: #333333;
line-height: 1.5em;
padding: 10px 0 6px;
}
.box-cate-detail p.text-small, .box-cate-list p.text-small {
color: #999999;
font-size: 11px;
padding: 5px 0;
}
.box-cate-list {
border-bottom: 1px dotted #CCCCCC;
margin: 20px 20px 0 0;
padding-bottom: 20px;
}
.box-cate-list a img {
float: left;
height: 110px;
margin-right: 20px;
width: 150px;
}
.box-cate-list p {
padding: 5px 0;
}
.clear {
clear: both;
}
.title-news {
color: #000000;
font-size: 18px;
}
.text_small
{
color: #999999;
}
.image_new
{
width:150px;
}
.title-news {
color: #004175;
font-size: 18px;
}
.text_small
{
color:Black;
}
.image_new
{
width:150px;
}
.horizontalcssmenu
{
background-image: url(Image/bgMenu.jpg);
background-repeat:repeat-x;
height:27px;
}
.horizontalcssmenu2
{
background-image: url(Image/bgmenutop.jpg);
background-repeat:repeat-x;
height:27px;
}
.horizontalcssmenu ul{
list-style-type: none;
}
/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
background-image: url(Image/bgMenu.jpg);
background-repeat:repeat-x;
display: inline;
float: left;
}
/*Top level menu link items style*/
.horizontalcssmenu ul li a{
display: block;
padding: 7px 12px 0px;
text-decoration: none;
color:white;
text-align:center;
font: bold 12px Arial,Helvetica,sans-serif;
}
.horizontalcssmenu .current3{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color: #ff7c12;
}
.horizontalcssmenu .current3 a{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color: #ff7c12;
}
.horizontalcssmenu .current3 .current a{
background-image: url(Image/bgMenu.jpg);
background-repeat:repeat-x;
font-weight:bold;
color:white;
}
.horizontalcssmenu .current3 .current :hover{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color:white;
}
/*Sub level menu*/
.horizontalcssmenu ul li ul{
position: absolute;
display: block;
visibility: hidden;
height:31px;
padding-top:7px;
font-weight:bold;
color:#ff7c12;
}
/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: block;
}
/* Sub level menu links style */
.horizontalcssmenu ul li ul li a
{
width: 160px; /*width of sub menu levels*/
font-weight:bold;
padding:8px 0px;
background-image: url(Image/bgMenu.jpg);
background-repeat:repeat-x;
text-align:left;
padding-left:5px;
}
.horizontalcssmenu ul li a:hover
{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color: #ff7c12;
}
.horizontalcssmenu ul li a:active
{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color: #ff7c12;
}
.horizontalcssmenu .arrowdiv
{
position: absolute;
right: 0;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
.horizontalcssmenu ul li ul li a:hover
{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color:#ff7c12;
}
.horizontalcssmenu ul li ul li a:active
{
background-image: url(Image/MenuHover.jpg);
background-repeat:repeat-x;
color:#ff7c12;
}
.current
{
margin-top:0px;
background: url("Image/MenuHover.jpg") repeat-x scroll 0 0 transparent;
display:inline;
color:#ff7c12;
font-weight:bold;
height:26px;
text-align:center;
}
/* Holly Hack for IE \*/
* html .horizontalcssmenu li { float: left; height: 1%; }
* html .horizontalcssmenu li a { height: 1%; }
/* End */
/*======ANH Thang Css*/
.Rowfocus
{
color:Red;
font-weight:bold;
}
.MyCalendar .ajax__calendar_container {
border:1px solid #646464;
background-color:lemonchiffon;
color: #004175;
}
.TimeSchedule
{
text-align:center;
margin-top:20px;
vertical-align:middle;
border:1px solid #646464;
}
.email
{
padding-left:10px;
}
/*======category*/
.breadcrumbs {
border-bottom:1px solid #004175;
}
.breadcrumbs h3 a {
margin-right: 7px;
padding-right: 15px;
font-weight:bold;
}
.highlight {
border-bottom: 1px solid #e16701;
padding-bottom: 10px;
margin-right:10px;
}
.highlight .img {
float: left;
margin-right: 10px;
margin-top:5px;
}
.highlight img {
float: left;
width:300px;
}
.highlight p.time, .story-listing p.time {
color: #999999;
font-size: 0.9em;
margin-bottom: 0;
text-transform: uppercase;
}
.highlight .relate ul li a {
display: block;
font-weight: bold;
margin-bottom: 5px;
}
.highlight .relate {
margin-left: 0;
}
.story-listing .story .img {
float: left;
margin-right: 10px;
}
.story-listing .story h4.title {
font-size: 1.2em;
margin-bottom: 5px;
}
.story-listing .msg {
color: #B60002;
font-weight: bold;
line-height: 30px;
}
.story-listing .story {
margin-bottom: 5px;
padding-bottom: 5px;
margin-top: 10px;
}
.related-stories h3 {
clear: both;
color: #B60002;
margin-bottom: 5px;
padding-top: 5px;
text-transform: uppercase;
}
.related-stories {
border-top: 2px solid #B60002;
margin-bottom: 10px;
clear:both;
}
ul {
list-style: disc outside none;
}
ul, ol {
margin: 0;
padding: 0;
}
li {
line-height: inherit;
}
.related-stories li a {
background: url("Image/article-relate-bullet.jpg") no-repeat scroll left 7px transparent;
color: #000000;
margin-bottom: 5px;
padding-left: 10px;
float:left;
}
.related-stories li span {
color: #666666;
}
.PagingWrapper {
position: relative;
right: -50%;
float: left;
padding: 0 0 5px;
clear: both;
}
.pager {
position: relative;
right: 50%;
padding-right: 15px;
overflow: hidden;
margin-top:10px;
padding-top:10px;
}
.pager li{
margin: 0;
height: 25px;
}
.pager li.first{
float: left;
width: 20px;
}
.pager li.first a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0;
position: relative;
}
.pager li.previous{
float: left;
width: 30px;
}
.pager li.previous a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 20px 0 10px;
position: relative;
}
.pager li.next{
float: left;
width: 20px;
}
.pager li.next a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 25px 0 14px;
position: relative;
}
.pager li.last{
float: left;
width: 35px;
/* border: 1px solid black;*/
}
.pager li.last a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0px 0 0 12px;
position: relative;
}
.News-Pager .pager li.first{
float: left;
width: 20px;
}
.News-Pager .pager li.first a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0;
position: relative;
}
.News-Pager .pager li.previous{
float: left;
width: 30px;
}
.News-Pager .pager li.previous a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 20px 0 10px;
position: relative;
}
.News-Pager .pager li.next{
float: left;
width: 20px;
}
.News-Pager .pager li.next a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 25px 0 14px;
position: relative;
}
.News-Pager .pager li.last{
float: left;
width: 35px;
/* border: 1px solid black;*/
}
.News-Pager .pager li.last a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0px 0 0 12px;
position: relative;
}
.RelateNews-Pager .pager li.first{
float: left;
width: 20px;
}
.RelateNews-Pager .pager li.first a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0;
position: relative;
}
.RelateNews-Pager .pager li.previous{
float: left;
width: 30px;
}
.RelateNews-Pager .pager li.previous a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 20px 0 10px;
position: relative;
}
.RelateNews-Pager .pager li.next{
float: left;
width: 20px;
}
.RelateNews-Pager .pager li.next a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 25px 0 14px;
position: relative;
}
.RelateNews-Pager .pager li.last{
float: left;
width: 35px;
/* border: 1px solid black;*/
}
.RelateNews-Pager .pager li.last a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0px 0 0 12px;
position: relative;
}
.UserBook .pager li.first{
float: left;
width: 20px;
}
.UserBook .pager li.first a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0;
position: relative;
}
.UserBook .pager li.previous{
float: left;
width: 20px;
}
.UserBook .pager li.previous a{
background: url(Image/icon-paging1.gif) no-repeat left top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 20px 0 10px;
position: relative;
}
.UserBook .pager li.next{
float: left;
width: 20px;
}
.UserBook .pager li.next a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 10px;
height: 19px;
text-indent: -1000em;
margin: 0px 25px 0 14px;
position: relative;
}
.UserBook .pager li.last{
float: left;
width: 35px;
/* border: 1px solid black;*/
}
.UserBook .pager li.last a{
background: url(Image/icon-paging1.gif) no-repeat -36px top;
float: left;
width: 20px;
height: 19px;
text-indent: -1000em;
margin: 0px 0 0 12px;
position: relative;
}
.pager ul {
float: left;
overflow: hidden;
position: relative;
}
.pager ul li.page {
float: left;
padding: 0 0 0 10px;
width: 19px;
}
.pager ul li.page a{color: #666;}
.pager ul li.page a:link,
.pager ul li.page a:visited {
background: url(Image/icon-paging-item1.gif) no-repeat right top;
width: 19px;
height: 19px;
display: block;
text-align: center;
font-size: 14px;
}
.pager ul li.selected a:link,
.pager ul li.selected a:visited,
.pager ul li.page a:hover {
background-position: left top;
text-decoration: none;
color: #FFF;
}
.dtContentImgDesc, .picBox .desc {
color: #666666;
font-size: 0.9em;
padding-top: 3px;
text-align: center;
}
.selected
{
color:Red;
font-weight:bold;
font-size:1.6em;
}
#feature-news .relate {
}
#feature-news .relate h2 {
color: red;
margin-bottom: 5px;
}
#feature-news .relate h2, #feature-news .relate h4 {
display: inline-block;
}
#feature-news .relate h4 {
float: right;
font-size: 11px;
}
#feature-news .relate ul {
border-top: 1px solid #ECECEC;
}
#feature-news .relate ul li a {
font-size: 0.9em;
font-weight: bold;
}
#feature-news .relate ul li {
background: url("../Images/split-relate.jpg") repeat-x scroll center bottom transparent;
margin-bottom: 5px;
padding-bottom: 5px;
}
.clearfix {
display: inline-block;
}
.listing-footer {
margin-bottom: 10px;
position: relative;
}
.listing-footer .paging {
position: absolute;
right: 0;
top: 0;
}
.sprite {
background: url("../Images/sprites.gif") no-repeat scroll 0 0 transparent;
}
.icon {
display: inline-block;
}
/* -- Contact Us ---------------------------------------------------------------------------*/
.contact-page-content {
float:left;
width:669px;
overflow:hidden;
}
/*--Contact Form------------------------------------------------------------*/
#contact-form h3 {
font-size: 14px;
color:#008AFF;
}
#contact-form ul {
list-style:none;
margin:0pt;
padding:0pt;
width:100%;
display:block;
float:left;
}
#contact-form li {
float:left;
padding:1px;
text-align:left;
text-indent:0px;
}
#contact-form li.left{
width:90px;
text-align:left;
}
#contact-form li.right{
text-align:left;
vertical-align: top;
}
#contact-form button {
border:1px solid #18397C;
padding: 0px 5px;
margin: 0px 5px;
background: #CCC;
}
#contact-form li input{
border:1px solid #CCCCCC;
color:#18397C;
height:20px;
width:400px;
}
#contact-form li textarea{
width:398px;
height:150px;
border:1px solid #CCCCCC;
}
#contact-form p {
padding: 5px 0px;
}
#contact-company {
line-height:20px;
padding:10px;
}
.vsf-tieu-de-chinh {
border-bottom: 1px solid #E9E9E9;
font-size: 18px;
padding: 0 0 5px 0px;
margin-bottom:5px;
}
.vsf-tieu-de-chinh h1 {
color: #004175;
float: left;
font-size: 18px;
padding: 15px 0 0;
}
/*--Search ------------------------------------------------------------*/
.AdvanceSearch td.leftCol
{
border-bottom-style: solid;
border-color: #CCCCCC;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
border-bottom-width: 1px;
}
.AdvanceSearch td.rightCol
{
border-bottom-style: solid;
border-color: #CCCCCC;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 4px;
border-bottom-width: 1px;
}
.AdvanceSearch .btnSearch {
border: 1px solid #CCCCCC;
padding: 3px 5px;
}
.watermarked
{
color: #C0C0C0;
padding-left: 2px;
}
.Search
{
margin-left:5px;
}
.left-col
{
float: left;
width: 659px;
padding-right:5px;
padding-left: 5px;
}
.left-col3
{
float: left;
width: 660px;
}
.article {
font-size: 12px;
line-height: 19px;
}
.article h2.subtitle {
color: #B60002;
font-size: 12px;
font-style: italic;
}
.article h1.title {
color: #034366;
font-size: 1.2em;
}
.article p.sapo {
font-weight: bold;
line-height: 18px;
}
.article .wrap {
display: block;
float: left;
margin-right: 10px;
}
.article ul.related {
border-bottom: 1px solid #EEEAE9;
margin-bottom: 5px;
padding-bottom: 5px;
}
.article .story-photo {
width: 269px;
}
.article .story-photo .photo {
margin-bottom: 5px;
}
.article .story-photo .fig {
color: #666666;
text-align: center;
}
.article ul.related h2 {
font-size: 1.2em;
margin-bottom: 10px;
}
.article ul.related li {
background: url("Images/article-relate-bullet.jpg") no-repeat scroll left 7px transparent;
margin-bottom: 5px;
padding-left: 10px;
}
.article ul.story-listing ul {
}
.article ul.story-listing li a {
background: url("Image/article-relate-bullet.jpg") no-repeat scroll left 7px transparent;
margin-bottom: 5px;
padding-left: 10px;
}
.article p.writer {
clear: both;
display: block;
float: right;
font-weight: bold;
}
.article .story-body {
font-size: 1.1em;
text-align: left;
}
.article .story-body2 {
font-size: 1.2em;
text-align: left;
}
.story-body2 img {
text-align: center;
}
/*--vov3 ------------------------------------------------------------*/
.VOV3_content_left
{
width:669px;
height:180px;
margin:10px 0px;
}
.VOV3_content_left_div
{
width:322px;height:160px;float:left;margin:10px 5px;
}
.VOV3_content_left_image
{
width:137px;
float:left;
padding-right: 5px;
}
.VOV3_content_left_image_img
{
padding:2px;
border: 1px solid #d8d8d8;
}
.VOV3_content_left_program
{
width:180px;
float:left;
}
.VOV3_content_left_program_name
{
width:180px;
height:27px;
background-image:url(Image/bg_tenProgram.jpg);
float:left;
clear:both;
display:block;
}
.VOV3_content_left_program_name p
{
font-weight:bold;
margin-left:30px;
vertical-align:middle;
padding-top:5px;
}
.VOV3_content_left_program_detail
{
width:180px;
height:160px;
float:left;
}
.abc
{
width:180px;
height:160px;
float:left;
clear:both;
}
.abc ul li
{
background: url("Image/iconDauTien.png") no-repeat scroll left 2px transparent;
margin-left:3px;
margin-bottom: 3px;
padding-left: 15px;
border-bottom:1px solid #d8d8d8;
vertical-align:middle;
}
.VOV3_content_left_program_detail img
{
padding-bottom: 4px;
}
.article {
font-size: 12px;
line-height: 19px;
}
.article h2.subtitle {
color: #B60002;
font-size: 12px;
font-style: italic;
}
.article h1.title {
color: #034366;
font-size: 1.2em;
}
.article p.sapo {
font-weight: bold;
line-height: 18px;
}
.article .wrap {
display: block;
float: left;
margin-right: 10px;
}
.article ul.related {
border-bottom: 1px solid #EEEAE9;
margin-bottom: 5px;
padding-bottom: 5px;
}
.article .story-photo {
width: 269px;
}
.article .story-photo .photo {
margin-bottom: 5px;
}
.article .story-photo .fig {
color: #666666;
text-align: center;
}
.article ul.related h2 {
font-size: 1.2em;
margin-bottom: 10px;
}
.article ul.related li {
background: url("Images/article-relate-bullet.jpg") no-repeat scroll left 7px transparent;
margin-bottom: 5px;
padding-left: 10px;
}
.article ul.story-listing ul {
}
.article ul.story-listing li a {
background: url("Image/article-relate-bullet.jpg") no-repeat scroll left 7px transparent;
margin-bottom: 5px;
padding-left: 10px;
}
.article p.writer {
clear: both;
display: block;
float: right;
font-weight: bold;
}
.article .story-body {
font-size: 1.1em;
text-align: left;
}
.article .story-body2 {
font-size: 1.2em;
text-align: left;
}
.ContentNew4 ul li
{
background: url("Image/bg_li.png") no-repeat scroll left 8px transparent;
margin-left:3px;
padding-left:10px;
font-size: 0.9em;
font-weight: bold;
}
.ContentNew4 ul li a
{
color: #004175;
}
.listTieng
{
float: left;
height: 56px;
padding-left: 5px;
padding-top: 10px;
width: 85px;
}
.listTiengSelect
{
float: left;
height: 56px;
padding-left: 5px;
padding-top: 10px;
width: 85px;
}
.listTiengSelect img
{
border: 1px solid #004175;
}
.related-stories ul li
{
text-align:left;
float:left;
clear:both;
}
.ContentNew4
{
width:281px;
border:1px solid #EFEBEA;
height:267px;
overflow:auto;
font-family: arial;
background: url("Image/bg.jpg") no-repeat;
}
.ContentNew42 ul li
{
background: url("Image/bg_li.png") no-repeat scroll left 8px transparent;
margin-left:3px;
padding-left:10px;
font-size: 0.9em;
font-weight: bold;
}
.ContentNew42 ul li a
{
color: #004175;
}
.ContentNew42
{
padding-top:1px;
margin-top:1px;
width:300px;
border:1px solid #EFEBEA;
}
.Tinlienquan
{
float:left;
clear:both;
margin-top:0px;
}
.Tinlienquan_title
{
float:left;
clear:both;
font-weight:bold;
font-size:1.4em;
border-bottom:1px solid #004175;
padding:5px 0px;
width:650px;
vertical-align:middle;
}
.Tinlienquan_detail
{
float:left;
clear:both;
}
.ContentCategory ul li
{
background: url("Image/iconDauTien.png") no-repeat scroll left 5px transparent;
margin-left:3px;
margin-bottom: 3px;
margin-top:3px;
padding-left: 12px;
}
.ContentCategory
{
overflow-x: auto;
overflow-y: auto;
height:200px;
}
.ContentNew5 ul li
{
background: url("Image/Icon_RadioTopHot.jpg") no-repeat scroll left 2px transparent;
margin-left:3px;
margin-bottom: 3px;
padding-left: 15px;
}
.ContentNew5
{
padding-top:1px;
margin-top:1px;
width:298px;
border:1px solid #EFEBEA;
height:177px;
overflow:auto;
}
.ContentNew7 ul li
{
background: url("Image/Icon_RadioTopHot.jpg") no-repeat scroll left 2px transparent;
margin-left:3px;
margin-bottom: 3px;
padding-left: 15px;
}
.ContentNew7
{
padding-top:1px;
margin-top:1px;
width:298px;
border:1px solid #EFEBEA;
}
.RssFeed
{
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
float: left;
margin-right: 2px;
width: 100%;
}
.imgRss
{
text-align: left;
float: left;
line-height: 22px;
padding-top:4px;
}
.RssItem
{
line-height: 22px;
float: left;
text-align: left;
vertical-align: middle;
padding-top: 2px;
padding-bottom: 2px;width: 100%;
}
.RssFeed .RssItem span a
{
color: #0053A6;
text-decoration: none;
font-weight: normal;
}
.RssFeed .RssItem span a:hover
{
color: #FF6600;
text-decoration: underline;
font-weight: normal;
}
.searchwrap {
background: none repeat scroll 0 0 white;
border: 1px solid #C2C7CA;
height: 20px;
width: 220px;
padding-top:1px;
}
.txtsearch {
border: 0px solid #FFFFFF;
color: #CCCCCC;
float: left;
height: 15px;
margin: 0 0 0 0px;
}
.searchwrap .btnsearch {
background: url("Image/search_btn.jpg") no-repeat scroll 0 0 transparent;
border: medium none;
float: right;
height: 15px;
margin: 3px 3px 0 0;
width: 15px;
}
.title34
{
color: #666666;
display: inline;
font-size: 0.9em;
font-weight: bold;
margin-right: 0px;
text-align:center;
float:left;
vertical-align:middle;
}
.sprite
{
background: transparent url('Image/sprites.gif') no-repeat scroll 0 0;
}
.calendar
{
background-position: -74px -23px;
height: 16px;
vertical-align: middle;
width: 16px;
}
.icon {
display: inline-block;
}
.pagev {
font-size: 11px;
margin-top: 10px;
padding: 5px;
}
.pageViewNoItem {
border: 1px solid #3888CF;
color: #3888CF;
padding: 5px;
text-decoration: none;
}
.pageViewNoItem a:hover {
background: none repeat scroll 0 0 #3888CF;
color: #FFFFFF;
text-decoration: none;
}
.pageViewNoItemSelected, .pageViewNoItemSelected:hover {
border: 1px solid #3888CF;
color: #3888CF;
padding: 5px;
text-decoration: none;
}
.fl {
float: left;
}
.video_Content {
background-color: #FFFFFD;
width: 302px;
padding-bottom:3px;
}
.media {
margin-top: -3px;
}
.media {
background-color: #FFFFFD;
display: block;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0;
width: 280px;
}
.ContentNew6 ul li
{
background: url("Image/icon2.jpg") no-repeat scroll left 6px transparent;
margin-left:3px;
padding-left: 10px;
}
.ContentNew6
{
padding-top:1px;
margin-top:1px;
width:298px;
border:1px solid #EFEBEA;
height:403px;
}
.titleMedia
{
border-bottom: 0px solid #d8d8d8;
font-weight: bold;
margin-left: 5px;
padding-bottom: 5px;
}
.poll-box
{
background: #F8F8F8;
padding: 0px;
width: 300px;
float: left;
top: 0px;
}
.poll-header
{
margin-top:6px;
width: 300px;
float:left;
}
.poll-question
{
background: #cccccc;
color: #000000;
padding: 5px;
margin-bottom: 10px;
}
.poll-total
{
background: #FFFFFF;
color: #003366;
border: 1px solid #CCCCCC;
padding: 3px;
margin-bottom: 2px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
.poll-result
{
font-size: 12px;
padding-left: 4px;
}
.poll-chart
{
background: #CCCCCC;
padding: 4px;
height: 10px;
overflow: hidden;
vertical-align: middle;
margin-bottom: 5px;
}
/* Bar Graphs */
.graph
{
width: 250px;
position: relative;
right: 30px;
}
.bar-title
{
position: relative;
float: left;
width: 104px;
line-height: 20px;
margin-right: 17px;
font-weight: bold;
text-align: right;
}
.bar-container
{
position: relative;
float: left;
width: 110px;
height: 10px;
margin: 0px 0px 15px;
}
.bar-container div
{
background-color: #cc4400;
height: 20px;
}
.bar-container strong
{
position: absolute;
right: -32px;
top: 0px;
overflow: hidden;
}
#poll-results p
{
text-align: center;
}
input.submit
{
background-color: #6C9134;
border-color: #BADF84 #6C9134 #6C9134 #BADF84;
border-style: solid;
border-width: 2px;
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
letter-spacing: 0.05em;
margin: 0 auto;
padding: 2px 5px;
cursor: pointer;
}
input.text
{
border: solid 1px #6C9134;
height: 18px;
padding: 2px;
width: 300px;
}
.Content
{
clear:both;
background-color:#ffffff;
}
.VOVTV_Content
{
width:973px;
margin:5px;
}
.VOVTV_Content_left
{
width:669px;
margin-right:5px;
float:left;
margin-top:5px;
margin-left:5px;
}
.VOVTV_Content_left2
{
width:669px;
margin-right:5px;
float:left;
margin-top:5px;
}
.VOVTV_Content_right
{
width:300px;
float:right;
margin-right:3px;
margin-top:10px;
}
.VOVTV_Content_right_Schedule
{
width:300px;
border:2px solid #b545d6;
margin-bottom:10px;
float:right;
clear:both;
}
.VOVTV_Content_quangcaogiua
{
width:669px;
height:120px;
padding-bottom:10px;
float:left;
clear:both;
margin: 10px 5px;
}
.VOVTV_Content_left_News
{
width:669px;
margin:10px 5px;
float:left;
clear:both;
}
.VOVTV_Content_left_News_title
{
width:738px; height:30px; margin:1px 0px; border-bottom:2px solid #d1d1d1; float:left; clear:both; text-align:left;
}
.VOVTV_Content_left_News_title2
{
width:738px; height:20px; margin:1px 0px; border-bottom:2px solid #d1d1d1; float:left; clear:both; text-align:left;
}
.VOVTV_Content_left_News_content
{
width:669px;
border:1px solid #eeeae9;
float:left; clear:both;
text-align:left;
margin-bottom:10px;
margin-right:5px;
}
.VOVTV_Content_left_News_content_top
{
width:669px;
margin:0px 10px 10px 10px;
border-bottom:2px solid #e6d0ea;
padding-bottom:10px;
float:left;
clear:both;
text-align:left;
}
.Live_table
{
width:983px; height:315px;
}
.Live_table_td1
{
float:left; width:300px;height:385px;
}
.Live_table_td2
{
float:left; height:385px; margin-left:300px;
}
.abc
{
overflow:auto;
height:140px;
}
.VOV3_content3
{
width: 665px; padding-top:10px;
}
.vov3_content_left2
{
float:right; width:322px;height:180px;
}
.VOV3_content_left1
{
float:left;
width:322px;
height:180px;
}
.VOV3_content_left_div1
{
width:322px;
height:27px;
float:left;
}
.VOV3_content_left_image1
{
width:137px;
float:left;
padding-right: 5px;
}
.VOV3_content_left_image_img1
{
padding:2px;
border: 1px solid #d8d8d8;
height: 135px;
}
.VOV3_content_left_program1
{
width:180px;
float:left;
}
.VOV3_content_left_program_name1
{
width:322px;
float:left;
}
.VOV3_content_left_program_name1 p
{
font-weight:bold;
margin-left:0px;
vertical-align:middle;
padding-top:5px;
}
.VOV3_content_left_program_detail1
{
width:312px;
height:153px;
float:left;
}
.abc1
{
height:140px;
float:right;
overflow:auto;
width:170px;
}
.abc1 ul li
{
background: url("Image/iconDauTien.png") no-repeat scroll left 2px transparent;
margin-left:3px;
margin-bottom: 3px;
padding-left: 15px;
border-bottom:1px solid #d8d8d8;
vertical-align:middle;
}
.liveNow
{
float:left;
height: 110px;
width:390px;
padding:10px;
color:White;
font-weight:bold;
font-size: 1.3em;
line-height: 1.3;
}
.Livenext
{
float:left;
height: 110px;
width:200px;
color:#1367b0;
font-weight:bold;
font-size: 1.2em;
line-height: 1.3;
padding-left:10px;
}
.Livenext22
{
float:left;
height: 20px;
width:200px;
padding-left:10px;
}
.channel2
{
clear: both;
padding-top: 5px;
width: 298px;
}
.channel2 ul li a span{float:right;font-size:0.8em !important;font-weight:normal;color:#333333}
.channel2 ul li
{
background:url(../img/channel_bg.jpg) repeat-x bottom;
height:21px;
border-bottom:1px solid #ddd;
padding:10px 10px 0 10px;
margin-bottom:0;border-right:1px solid #ddd
}
.channel2 ul li:hover a span,.channel2 ul li:hover i{color:#fff}
li.red{border-left:#FA2600 3px solid}
li.red:hover{background:#FA2600}
li.red i{color:#FA2600}
li.green{border-left:#3B9945 3px solid}
li.green:hover{background:#3B9945}
li.green i{color:#3B9945}
li.pink{border-left:#F984AE 3px solid}
li.pink:hover{background:#F984AE}
li.pink i{color:#F984AE}
li.brown{border-left:#A16D57 3px solid}
li.brown:hover{background:#A16D57}
li.brown i{color:#A16D57}
li.orange{border-left:#F46900 3px solid}
li.orange:hover{background:#F46900}
li.orange i{color:#F46900}
li.pup{border-left:#7300F3 3px solid}
li.pup:hover{background:#7300F3}
li.pup i{color:#7300F3}
li.blue{border-left:#0080F7 3px solid}
li.blue:hover{background:#0080F7}
li.blue i{color:#0080F7}
li.gray{border-left:#7B7B7B 3px solid}
li.gray:hover{background:#7B7B7B}
.channel2 ul li:first-child{border-top:1px solid #ddd}
.channel2 ul li a{font-weight:bold;font-size:1.2em}
.channel2 ul li span a{font-weight:normal;font-size:1em;color:#999}
.userinfo
{
content: "";
display: table;
}
.userinfo p{float:left;padding:0;margin:0; margin-bottom:5px;}
.userinfo label{ display:inline-block;width:100px;vertical-align:middle;font-weight:bold}
.userinfo input{ border:solid 1px #ccc;padding:3px 5px;width:200px;}
.required{ color:Red}
.comment{height:226px; border:1px solid #ccc; overflow:auto;}
.comment .header{height:30px; border-bottom: 2px solid gray;font-size: 13px; font-family: arial; font-weight: 600; color: rgb(102, 102, 102); padding-top: 10px; padding-left:5px;}
.comment #comment_data{float:left;width:445px}
.comment #comment_pagging{float:left;width:425px;text-align:right;padding:5px 10px}
.comment #comment_pagging a {font-family: Verdana;font-size: 8pt;}
.comment #comment_pagging a.active {font-weight: bold;text-decoration: none;color:#0000EE}
.comment .item{padding-top:3px;float:left; clear:both;padding-left:5px; padding-right:5px;}
.comment .item .top{height:7px;background-image:url(Image/commment_icon.jpg);background-position:230px -30px;width: 602px;}
.comment .item .middle{float:left;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width: 600px;}
.comment .item .middle .name{float:left;padding-left:10px;padding-top:6px}
.comment .item .middle .name .icon{width:17px;float:left;height:16px;background-image:url(Image/commment_icon.jpg);background-position:0px -60px}
.comment .item .middle .name .text{color:#e20a17;padding-left:7px;padding-top:4px;float:left;font-size:11px;font-weight:bold;font-family:Arial}
.comment .item .middle .name .date{color:#999;padding-left:3px;padding-top:4px;float:left;font-size:11px;font-family:Arial}
.comment .item .middle .email{padding-left:10px;float:left;color:#999;font-size:11px;font-family:Arial; padding-top:10px;}
.comment .item .middle .content{padding:8px 10px 8px 10px;float:left;color:#666;font-size:12px;font-family:Arial;width: 590px;}
.comment .child-item{padding-left: 21px;}
.comment .child-item .top{width:415px;background:url(/images/commentreply-top.png) 0 0;height:6px;}
.comment .child-item .middle{width:413px;border-left:1px solid #e4e5e7;border-right:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7}
.comment .child-item .middle .name{width:403px;}
.comment .child-item .middle .email{width:403px;}
.comment .child-item .middle .content{width:393px;}
.TongSoComment{float: right; padding-right: 20px;}
.vov4HomeTop
{
padding-top:10px;
float:left;
width:665px;
}
.vov4HomeTopTitle
{
font-size:1.2em;
font-weight:bold;
color:Red;
padding-top: 5px;
}
.vov4HomeTopContent
{
padding-top:10px;
}
.vov4HomeTopContentLeft
{
float:left;
width:440px;
}
.vov4HomeTopContentLeftItem1
{
float:left;width:440px;
border-bottom-style:dotted;
border-bottom-width:1px; border-bottom-color:Gray;
padding-bottom:5px;
}
.vov4HomeTopContentLeftItem2
{
float:left;
width:440px;
padding-bottom:5px;
padding-top:5px;
}
.vov4HomeTopContentLeftItemIMG
{
float:left;width:130px;
}
.vov4HomeTopContentLeftItemtext
{
float:right;width:300px;
}
.vov4HomeTopContentLeftItemtextTitle
{
text-align:left;font-size:1.2em; font-weight:bold;
}
.vov4HomeTopContentLeftItemtextIcon
{
text-align:right;
}
.vov4HomeTopContentRight
{
float:right;
width:210px;
border-left: 1px solid gray;
}
.vov4HomeTopContentRigtTop
{
float:right;width:200px; border-bottom:1px dotted gray; padding-bottom:5px; margin-bottom:5px;
}
.vov4HomeTopContentRigtTop p
{
text-align:left;
font-size:1.1em;
font-weight:bold;
}
.vov4HomeTopContentRigtBottom p
{
text-align:left;
font-size:1.1em;
font-weight:bold;
}
.vov4HomeTopContentRigtBottom
{
float:right;
width:200px;
padding-bottom:5px;
}
.DanTocTop
{
background:url(Image/bgtopcacdantoc.png);
background-repeat:repeat-x;
height:8px;
width:983px;
}
.DanTocTitle
{
text-align:left;
width:985px;
height:20px;
clear:both;
}
.DanTocContent
{
clear: both;
width: 985px;
}
.DanTocContentItem
{
float:left;
padding:4px;
}
.DanTocContentItem img:hover
{
opacity: .5;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 500ms;
}
.Live_table
{
width:655px; margin:5px; height:355px; float:left; clear:both;
}
.Live_table11
{
width:655px;
margin:5px;
height:200px;
float:left;
clear:both;
}
.Live_table111
{
width:655px;
float:left;
clear:both;
}
.shakira-box
{
width:213px;
height:180px;
overflow:hidden;
}
.shakira-box img
{
width:220px;
height:180px;
}
.shakira-box .shakira-content
{
width:100%;
height:40px;
top:-40px;
position:relative;
background-color:rgba(0,0,0,0.6);
color:#FFF;
transition:top 1s;
-moz-transition:top 1s;
-webkit-transition:top 1s;
-o-transition:top 1s;
-ms-transition:top 1s;
}
.shakira-box .shakira-header
{
height:24px;
margin:0;
font-size:12pt;
padding: 0 5px;
}
.shakira-box:hover .shakira-content
{
top:-40px;
}
.TieuDeKhuVucxx
{
font-size:1.2em;
font-weight:bold;
padding: 6px 5px 5px 10px;
text-transform:uppercase;
color: #A61012;
}
.liveDangphatTitle1
{
font-size:0.9em;
font-weight:normal;
}
.liveDangphatTitle2
{
font-size:1.0em;
font-weight:bold;
}
.liveDangphatTitle3
{
overflow:auto;
height:25px;
font-size:0.9em;
font-weight: normal;
}
.TanSoPhatSog
{
background-image:url(/App_Themes/Default/Image/bgxemtansophatsongbg.png);
height:24px; width:180px;
line-height:22px;
}
.textContactQick
{
width:215px;
}
.NewHome
{
width: 669px;
}
.NewHome_Title
{
background-image:url(Image/bgTieuDeHome.jpg);
background-repeat:no-repeat;
clear:both;
padding-bottom:5px;
height:35px;
}
.NewHome_Title p
{
padding-left:5px;
padding-top:10px;
}
.NewHome_Title a
{
color:White;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
font-size:1.1em;
}
.NewHome_Title1234 p
{
padding-left:5px;
padding-top:10px;
}
.NewHome_Title1234
{
background-image:url(Image/bgDanToc2.jpg);
background-repeat:no-repeat;
clear:both;
padding-bottom:5px;
height:35px;
}
.NewHome_Title1234 p
{
padding-left:5px;
padding-top:10px;
}
.NewHome_Title1234 a
{
color:#004175;
text-decoration:none;
font-size:1.3em;
}
.NewHome_Title12345 p
{
padding-left:5px;
padding-top:10px;
}
.NewHome_Title12345
{
background-image:url(Image/bgDanToc2.jpg);
background-repeat:no-repeat;
clear:both;
padding-bottom:5px;
height:35px;
}
.NewHome_Title12345 p
{
padding-left:5px;
padding-top:10px;
}
.NewHome_Title12345 a
{
color:#004175;
text-decoration:none;
font-size:1.3em;
}
.NewHome_Left
{
float:left;
width:490px;
}
.NewHome_Left_video
{
float:left;
width:300px;
height:250px;
}
.NewHome_Left1234
{
float:left;
width:210px;
}
.NewHome_right1234
{
float:right;
width:225px;
}
.NewHome_Left_Img
{
float:left;
width:200px;
}
.NewHome_Right_video
{
float:right;
width:360px;
height:250px;
overflow:auto
}
.NewHome_Left_Right
{
float:right;
width:290px;
overflow:auto
}
.NewHome_Left_Right1234
{
float:right;
width:225px;
overflow:auto
}
.NewHome_Left_Right_Title
{
color:#004175;
font-weight:normal;
text-decoration:none;
}
.NewHome_Left_Right_Titles
{
color:#004175;
font-weight:bold;
text-decoration:none;
}
.NewHome_Left_Right_Summary
{
color:#333333;
margin-top:5px;
}
.NewHome_Right1234
{
float:right;
overflow:auto;
width:225px;
}
.NewHome_Right
{
float:right;
overflow:auto;
width:170px;
}
.NewHome_Right_video ul li
{
background: url("Image/icon2.png") no-repeat scroll left 2px top 5px transparent;
margin-left:3px;
margin-bottom: 3px;
padding-left: 15px;
border-bottom:1px solid #d8d8d8;
vertical-align:middle;
}
.NewHome_Right_video ul li a
{
color:#333333;
}
.NewHome_Right ul li
{
background: url("Image/iconDauTien.png") no-repeat scroll left 5px transparent;
margin-left:3px;
margin-bottom: 3px;
padding-left: 15px;
border-bottom:1px solid #d8d8d8;
vertical-align:middle;
padding-bottom:5px;
}
.NewHome_Right ul li a
{
color:#333333;
}
.ux-thumb-wrap {
display: inline-block;
position: relative;
}
a.ux-thumb-wrap {
text-decoration: none;
}
.ux-thumb {
background: none repeat scroll 0 0 #F1F1F1;
display: inline-block;
overflow: hidden;
vertical-align: bottom;
}
.ux-thumb img {
outline: medium none;
}
a:hover .contains-addto .video-time, a.contains-addto:hover .video-time {
}
.video-thumb {
position: relative;
}
.ux-thumb {
background: none repeat scroll 0 0 #F1F1F1;
display: inline-block;
overflow: hidden;
vertical-align: bottom;
}
.ux-thumb img {
outline: medium none;
}
.yt-thumb-default-120 {
height: 60px;
width: 90px;
}
.yt-thumb-default-ccc {
width: 210px;
}
.yt-thumb-clip {
bottom: -100px;
left: -100px;
position: absolute;
right: -100px;
text-align: center;
top: -100px;
white-space: nowrap;
word-break: normal;
}
.yt-thumb-clip-inner {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.yt-thumb-clip img, .yt-thumb-clip .vertical-align {
display: inline-block;
vertical-align: middle;
}
.ux-thumb .vertical-align {
height: 100%;
}
.video-time, .video-actions {
bottom: 2px;
position: absolute;
right: 2px;
}
.video-time {
margin-right: 4;
margin-top: 0;
}
.video-time2, .video-actions {
bottom: 6px;
position: absolute;
right: 2px;
}
.video-time2{
margin-right: 5;
margin-top: 0;
}
.video-actions {
cursor: pointer;
display: block;
opacity: 0;
}
.ie .video-actions {
visibility: hidden;
}
.addto-watch-later-button img, .addto-watch-later-button-sign-in img {
background: url("//s.ytimg.com/yts/imgbin/www-refresh-vflMaphyY.png") no-repeat scroll -179px -144px transparent;
height: 13px;
}
.hitchhiker-enabled .addto-watch-later-button img, .hitchhiker-enabled .addto-watch-later-button-sign-in img {
background: url("//s.ytimg.com/yts/imgbin/www-hitchhiker-vflYd9UnY.png") no-repeat scroll -35px -40px transparent;
}
.yt-uix-button.addto-watch-later-button-loading img {
background: url("//s.ytimg.com/yts/img/loader-vflff1Mjj.gif") no-repeat scroll 0 0 transparent;
height: 20px;
}
.yt-uix-button.addto-watch-later-button-success, .yt-uix-button.addto-watch-later-button-error {
border: medium none;
box-shadow: none;
color: #FFFFFF;
text-shadow: none;
}
.yt-uix-button.addto-watch-later-button-success {
background-image: linear-gradient(to bottom, #74A446 0px, #4D7730 100%);
}
.addto-watch-later-button-success img {
background: url("//s.ytimg.com/yts/imgbin/www-hitchhiker-vflYd9UnY.png") no-repeat scroll -325px -96px transparent;
height: 20px;
width: 20px;
}
.yt-uix-button.addto-watch-later-button-error {
background-image: linear-gradient(to bottom, #C95145 0px, #913D37 100%);
}
.addto-watch-later-button-error img {
background: url("//s.ytimg.com/yts/imgbin/www-refresh-vflMaphyY.png") no-repeat scroll -126px -192px transparent;
height: 22px;
}
.hitchhiker-enabled .addto-watch-later-button-error img {
background: url("//s.ytimg.com/yts/imgbin/www-hitchhiker-vflYd9UnY.png") no-repeat scroll -71px -122px transparent;
}
.video-time,.video-time2, .video-corner-text span {
background-color: #000000;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF !important;
display: inline-block;
font-size: 11px;
font-weight: bold;
height: 14px;
line-height: 14px;
opacity: 0.75;
padding: 0 4px;
vertical-align: top;
}
.addto-button.yt-uix-button .yt-uix-button-icon-addto {
margin-right: 0;
}
.addto-button.yt-uix-button.show-label .yt-uix-button-icon-addto {
margin-right: 5px;
}
.addto-button .yt-uix-button-content .addto-label {
display: none;
}
.addto-button.show-label .yt-uix-button-content .addto-label {
display: inline;
line-height: 1.3333em;
margin-left: 0.25em;
}
.RssFeed
{
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
float: left;
margin-right: 2px;
width: 100%;
}
.imgRss
{
text-align: left;
float: left;
line-height: 22px;
padding-top:4px;
}
.RssItem
{
line-height: 22px;
float: left;
text-align: left;
vertical-align: middle;
padding-top: 2px;
padding-bottom: 2px;width: 100%;
}
.RssFeed .RssItem span a
{
color: #0053A6;
text-decoration: none;
font-weight: normal;
}
.RssFeed .RssItem span a:hover
{
color: #FF6600;
text-decoration: underline;
font-weight: normal;
}
.WebDanToc
{
width:669px;
height:82px;
clear:both;
}
.WebDanToc img
{
width:131px;
}
.ContentNew9 {
margin-top: 1px;
overflow: auto;
padding-top: 1px;
width: 298px;
height:200px;
}
.ContentODM {
clear: both;
color: #000000;
font-size: 12pt;
margin-left: 10px;
}
.ContentODM * {
font-family:'Times New Roman';
}
.ContentODM img
{
max-width:560px;
padding-bottom:10px;
padding-top:10px;
}
.OnlineCount
{
vertical-align:middle; padding-bottom:15px;
}
.mediaList
{
height:136px;
overflow:auto;
}
#Player_wrapper
{
clear:both;
}
.s_Live {
background-color: #f2f2f2;
height: 60px;
width: 100%;
}
.s_LiveLeft {
float: left;
width: 450px;
}
.s_LiveImg {
float: left;
width: 80px;
}
.s_Live_Img {
padding: 10px 10px 0;
text-align: center;
width: 60px;
}
.s_liveLeftdiv1 {
float: right;
padding-top: 10px;
width: 370px;
}
.s_Title {
color: #004175;
font-size: 16px;
font-weight: normal;
max-height: 57px;
overflow: hidden;
padding-right: 5px;
text-align: justify;
}
.s_description {
color: gray;
font-size: 12px;
font-weight: normal;
margin-top: 5px;
text-align: justify;
}
.s_LiveRight {
float: right;
width: 470px;
}
.s_LiveRight_div1 {
float: left;
}
.s_LiveRight_img {
padding: 0 10px;
text-align: center;
}
.s_LiveRight_div2 {
float: right;
padding-top: 10px;
width: 440px;
}
.hometop {
display: inline-block;
width: 983px;
}
.hometopleft {
background: #fafafa none repeat scroll 0 0;
float: left;
height: 530px;
width: 400px;
}
.hometopleft ul li {
border-bottom: 1px solid #e8e8e8;
clear: both;
float: left;
margin-bottom: 10px;
max-height: 130px;
padding-bottom: 10px;
overflow:hidden;
}
ol, ul, li {
list-style: outside none none;
}
.imgleft {
float: left;
width: 200px;
}
.imgleft img {
height: 114px;
width: 186px;
}
.titleright {
float: left;
max-height: 100px;
overflow: hidden;
width: 200px;
}
.titleright h3 a {
color: #0c4b79;
font-family: Arial;
font-size: 16px;
font-weight: bold;
line-height: 20px;
}
.titleright p a {
color: #0c4b79;
font-family: Arial;
font-size: 13px;
font-weight: normal;
text-transform: uppercase;
}
.imgtop img {
height: 198px;
width: 318px;
}
.titleright p {
margin-top: 5px;
}
.hometopright {
float: left;
margin-left: 10px;
}
.titleMain {
background: #fafafa none repeat scroll 0 0;
border-bottom: 1px solid #e8e8e8;
height: 155px;
max-width: 553px;
overflow: hidden;
padding: 10px;
}
.titleMain a {
font-family: Commerce;
font-size: 30px;
font-weight: bold;
line-height: 34px;
margin-top: 10px;
}
.hometop_desc {
color: #3c3c3c;
font-family: Arial;
font-size: 15px;
line-height: 20px;
margin-top: 5px;
}
.tieudechuyenmuc {
max-height: 157px;
overflow: hidden;
}
.hometopright img {
height: 353px;
width: 573px;
}
.NewHome_Right ul li:last-child
{
border-bottom:0px;
}
.NewHome_right1234 > p:last-child,.NewHome_Left1234 > p:last-child
{
border-bottom:0px !important;
}
.NewHome_right1234 > p,.NewHome_Left1234 > p
{
padding:5px 0px;
}
strong
{
font-weight:bold;
}