﻿

.oneline
{
    display: inline;
}
.onleft
{
    float: left;
    width:340px;
}
.onright
{
    float: right;
}
.italic
{
    font-style: italic;
}
.bold
{
    font-weight: 700;
}
.normalfont
{
    font-weight: 400;
}
.upperCase
{
    text-transform: uppercase;
}
.RadioFooterContainer
{
    background-color: #505050;
}
.des_div
{
    display: none;
}
.des_img
{
    float: left;
    width: 142px;
    margin-right: 5px;
    margin-top: 2px;
    border: solid 1px #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.des_des
{
    text-align: justify;
    color: #222;
}
.des_tit
{
    font-weight: 700;
    color: #A90000;
}
.des_tit span
{
    font-weight: 400;
    color: #999;
}
.BigHeaderNews
{
    background-color: #000000;
    min-width: 1000px;
    width: 100%;
}
.RadioFooter
{
    background-color: #505050;
}
.RadioFooterMenu
{
    margin-bottom: 75px;
}
.IndexHeader
{
    background: none !important;
}
.UsernameLink
{
    padding: 0 0 0 8px;
    color: #191919 !important;
}

.firstLevel
{
    border-left: none;
}


.HeaderTime
{
    padding: 10px 0;
    width: 1000px;
}
.HeaderTimeCon
{
    width: 100%;
}
.HeaderTime-Date, .HeaderTime-Hot
{
    color: #323232;
}
.HotLineContent
{
    font-size: 9pt;
}
.HotLineNum
{
    color: #d71921;
}
.MainLeftCol
{
    width: 640px;
    min-height: 100px;
}
.MainRightCol
{
    width: 340px;
    min-height: 100px;
}
.MainRightCol > div
{
    width: 340px;
}
.RadioSlideTitle
{
    background-color: #191919;
    color: #FFF;
    padding: 5px 10px;
    text-align: left;
    font-size: 17px;
    width: 320px;
    z-index: 5;
}
.RadioHotSlideTitle
{
    background-color: #DCDCDC;
    text-align: left;
    width: 620px;
}
.RadioHotSlideTitle a
{
    color: #191919;
    font-size: 17px;
    transition: color 1s ease 0s;
}
.RadioHotSlideTitle a:hover
{
    text-decoration: underline;
    color: #D41217;
}
.RadioSlideUnder
{
    height: 3px;
    width: 100%;
}

.RadioSlideMiddle
{
    height: 20px;
    width: 300px;
    overflow: hidden;
}

.RadioLiveItem
{
    width: 295px;
}
.RadioProvince, .RadioViewHome, .RadioVOVLive
{
    margin-top: 10px;
    border: solid 1px #eee;
}

.RadioSlideContent
{
    overflow: hidden;
    width: 340px;
}
.RadioSlideMiddleCon
{
    margin-left: 0;
}
.RadioSlideTitleItem
{
    display: none;
    font-size: 15px;
    text-align: center;
    color: #195082;
    width: 100%;
}
.RadioSlideCur
{
    border-bottom: 1px solid #CCC;
    color: #323232;
    padding: 0 10px 10px;
    width: 320px;
}

.RadioSlideChildLink:hover
{
    color: #c30000;
    text-decoration: underline;
}
.RadioSlideChildButCon
{
    padding: 3px 10px;
    width: 300px;
}
.RadioSlideChildBut
{
    background: none repeat scroll 0 0 #195082;
    color: #FFFFFF;
    margin: 0 2px;
    padding: 5px 8px;
    cursor: pointer;
}
.RadioSlideChildBut:hover
{
    text-decoration: underline;
}
.RadioLiveCur
{
    border-bottom: 1px solid #CCC;
    color: #323232;
    width: 295px;
    padding-bottom: 10px;
}
.RadioSlideCur img
{
    float: left;
    margin-right: 10px;
    width: 150px;
}
.RadioLiveCur img
{
    float: left;
    margin-right: 5px;
    width: 135px;
}
.RadioSlideNext, .RadioLiveNext
{
    padding-top: 10px;
}
.RadioLiveNext
{
    width: 295px;
}
.RadioLiveNext div
{
    width: 100%;
}
.introRadio, .timeRadio, .titleRadio
{
    text-align: left;
}
.introRadio
{
    font-size: 15px;
}
.RadioLiveCur .titleRadio
{
    height: 36px;
}


.RadioSlideNext .introRadio, .RadioSlideNext .timeRadio, .RadioSlideNext .titleRadio
{
    padding: 0 10px;
    text-align: left;
    width: 320px;
}
.RadioSlideNext .titleRadio
{
    height: auto;
}
.RadioSlideSchedule
{
    background: url("../images/RadioMap.png") no-repeat scroll -511px -444px transparent;
    cursor: pointer;
    margin-top: 10px;
    padding: 8px 10px 8px 35px;
    text-align: left;
    width: 80%;
}
.RadioSlideSchedule a
{
    color: #185082;
    text-decoration: none;
}
.RadioSlideOldPro a
{
    color: #fff;
    text-decoration: none;
}
.RadioSlideOldPro
{
    background: url("../images/RadioMap.png") no-repeat scroll -512px -498px #185082;
    border-radius: 3px 3px 3px 3px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px 10px 5px 35px;
    text-align: left;
}
.RadioWather, .HeaderAds
{
    margin-top: 10px;
}
.RadioSlideItem
{
    width: 100%;
}
.RadioOtherProvinceContent, .RadioVOVContent
{
    padding-top: 3px;
    width: 340px;
}
.RadioOtherProvinceItem
{
    background: url("../images/ArDot.png") no-repeat scroll 5px 8px transparent;
    padding: 4px 0 4px 18px;
    width: 310px;
}
.RadioOtherProvinceContent a, .RadioVOVContent a
{
    color: #195082;
    padding: 2px 0;
    text-align: left;
    text-decoration: none;
    width: 105px;
}

.weatherlistselect
{
    background: none repeat scroll 0 0 #DCDCDC;
    border: 1px solid #AAA;
    border-radius: 3px 3px 3px 3px;
    color: #191919;
    font-weight: 700;
    margin: 10px;
    padding: 4px;
    width: 310px;
    font-family: Segoe UI,Arial;
}
.weatherlistselect option
{
    font-weight: 400;
    background-color: #FFF;
    color: #191919;
}
.thoitiet_img
{
    margin: 5px;
}
.thoitiet_temp
{
    color: #0096FF;
    font-size: 22pt;
    font-weight: 700;
    padding: 10px;
}
.thoitiet_info_detail
{
    color: #191919;
    font-style: italic;
    text-align: left;
}
.weathernguon
{
    clear: both;
    color: #555;
    font-style: italic;
    padding: 10px 15px;
    text-align: left;
}
.weathernguon a
{
    display: inline;
    color: #191919;
    border-bottom: 3px solid #aaa;
}
.Question
{
    color: #195082;
    font-size: 9pt;
    font-style: italic;
    font-weight: 700;
    padding: 5px 10px;
    width: 320px;
}
.Options, .TaskButton
{
    width: 320px;
    padding: 10px;
}
.Options table
{
    width: 250px;
    margin: 0 auto;
}
.Options td
{
    text-align: left;
    vertical-align: middle;
}

.PollResult
{
    padding: 5px;
    width: 330px;
}
.PollTable td
{
    font-size: 8pt;
}
.col1
{
    color: #191919;
    text-align: left;
    width: 110px;
}
.col3
{
    text-align: center;
    width: 80px;
}
.col4
{
    background-color: #FFF;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0 3px 3px #CCC inset;
    color: #191919;
    font-weight: 700;
    padding: 8px 10px;
    text-align: center;
}
.totalnum
{
    color: #c30000;
}
.col5
{
    color: #C30000;
    text-align: right;
    width: 30px;
}

.RadioLiveChatCon
{
    border-bottom: 1px solid #CCC;
    overflow: hidden;
    width: 640px;
}
.LiveChatCon, .RadioLiveContent
{
    overflow: hidden;
    width: 320px;
}
.RadioHotSlideHome
{
    background-color: #F5F5F5;
}

.TopHotSlide
{
    height: 320px;
    width: 350px;
    position: relative;
}
.TopHotSlideRightList
{
    position: relative;
    width: 290px;
    z-index: 10;
}
.TopHotSlideRightItem
{
    width: 100%;
}
.TopHotSlideRightItemTitle
{
    background: url("../images/HotSlideBullet.png") no-repeat scroll 0 5px transparent;
    color: #323232;
    font-size: 12px;
    padding: 5px 5px 5px 15px;
    text-align: left;
    width: 270px;
}
.TopHotSlideRightItemTitle:hover
{
    color: #c30000;
    text-decoration: underline;
    background: url("../images/HotSlideBulletOver.png") no-repeat scroll 0 5px transparent;
}
.TopHotSlideRightItemTitle span, .TopHotSlideItemTitle span
{
    display: none;
    color: #c30000;
}
.TopHotSlideItem
{
    display: none;
    position: absolute;
    width: 350px;
    z-index: 0;
}
.TopHotSlideItem img
{
    float: left;
    padding: 5px;
    width: 340px;
}
.TopHotSlideItem:hover .TopHotSlideItemTitle
{
    color: #c30000;
}
.TopHotSlideItemTitle
{
    color: #323232;
    font-size: 120%;
    padding: 5px;
    text-align: justify;
    width: 340px;
}
.TopHotSlideItemTitle img
{
    float: none;
    position: absolute;
    width: 25px;
}
.TopHotSlideItemDesc
{
    color: #555555;
    font-size: 90%;
    height: 60px;
    overflow: hidden;
    padding: 5px;
    text-align: justify;
    width: 340px;
}
.TopHotDotItem
{
    background-color: #191919;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 14px;
    margin: 0 5px;
    padding: 2px 10px;
}
.TopHotDotItem:hover, .TopHotDotItemFocus
{
    background-color: #d71a21;
    color: #ffffff;
}

.TopHotSlideLeft:hover, .TopHotSlideRight:hover
{
    opacity: 1;
}
.BottomHotSlideItem
{
    min-height: 180px;
    padding: 0 5px;
    width: 145px;
}
.BottomHotSlideItem img
{
    border-radius: 3px 3px 3px 3px;
    width: 100%;
}
.BottomHotSlideItemTitle
{
    color: #195082;
    font-size: 12px;
    padding-top: 10px;
    text-align: justify;
}
.RadioHotSlideContent
{
    padding: 15px 10px;
}
.LiveChannel, .LiveChannelCon, .RadioHotSlideHome, .RadioLiveChannelHome
{
    width: 640px;
}
.LiveChannelNext, .LiveChannelCurrent
{
    color: #191919;
    width: 50%;
}
.LiveChannelCurrent img, .LiveChannelNext img
{
    float: left;
    padding: 10px;
    width: 152px;
}
.LiveChannelCurrent div, .LiveChannelNext div
{
    padding-top: 6px;
    text-align: left;
}
.LiveChannelTitle
{
    font-size: 13px;
    height: 43px;
}

.LiveChannelListen:hover, .RadioOtherListenLive:hover, .RadioOtherListen:hover, .listLiveRadio:hover, .RadioOtherListen2:hover
{
    background-color: #D41217;
}
.RadioSlideOldPro a:hover, .RadioSlideSchedule a:hover, .LiveChannelSchedule:hover
{
    text-decoration: underline;
}

.TrafficContent
{
    padding: 0 0 10px;
}
.TrafficSlideContainer
{
    background-color: #F0F0F0;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
}
.TrafficContentTit
{
    color: #195082;
    font-size: 15px;
    text-align: left;
    width: 600px;
}
.TrafficContentSlide
{
    position: relative;
}


.TrafficSlideMain
{
    z-index: 0;
    position: relative;
}
.TrafficSlideItem
{
    color: #191919;
    font-size: 8pt;
    padding: 10px 20px;
    text-align: right;
    text-shadow: 1px 1px 0 #FFF;
    width: 580px;
}
.ArticleTrafficLeft
{
    padding: 0 0 10px 10px;
    width: 310px;
}
.ArticleTrafficLeft img
{
    float: left;
    margin: 0 10px 10px 0;
}
.ArDate
{
    text-align: left;
    color: #4a4a4a;
}
.ArDesc
{
    text-align: justify;
    color: #191919;
    clear: both;
}
.ArticleTrafficRight
{
    width: 300px;
    padding: 0 10px 10px;
}
.ArticleTrafficItem
{
    background: url("../images/ArDot.png") no-repeat scroll 5px 3px transparent;
    overflow: hidden;
    width: 100%;
}
.ArticleTrafficLink
{
    color: #1B4F7F;
    font-size: 95%;
    padding: 3px 5px 3px 20px;
    text-align: justify;
}
.RadioArticleBox
{
    margin: 10px 0 0;
    border: solid 1px #eee;
    width: 313px;
    height: 400px;
    float: left;
    background: url("../Images/BoxVNBack.png") repeat-x scroll left bottom transparent;
}
.RadioArticleBoxRight
{
    margin: 10px 0 0;
    border: solid 1px #eee;
    width: 313px;
    height: 400px;
    float: right;
    background: url("../Images/BoxVNBack.png") repeat-x scroll left bottom transparent;
}
.RadioLiveBox
{
    background: url("../Images/BoxVNBack.png") repeat-x scroll left bottom transparent;
    border: 1px solid #EEEEEE;
    margin-top: 10px;
    min-height: 343px;
    height: 343px;
    width: 313px;
}
.RadioLiveBoxRight
{
    background: url("../Images/BoxVNBack.png") repeat-x scroll left bottom transparent;
    border: 1px solid #EEEEEE;
    float: right;
    margin-top: 10px;
    min-height: 343px;
    height: 343px;
    width: 313px;
}
.RadioArticleBoxCon, .RadioSlideChannelName
{
    padding: 10px;
}
.RadioArticleTitle
{
    background-color: #DCDCDC;
}
.RadioArticleTitle a
{
    color: #195082;
    font-size: 17px;
    text-align: left;
    padding: 5px 10px;
    width: 293px;
}
.ArticleBoxHeader
{
}
.ArticleBoxHeader img
{
    height: 90px;
    margin-right: 10px;
    width: 142px;
}
.BoxTit, .ArTit
{
    color: #195082;
    font-size: 13px;
    margin-bottom: 5px;
    text-align: left;
}
.BoxDate
{
    text-align: left;
    color: #4a4a4a;
    font-size: 11px;
}
.BoxDesc
{
    color: #191919;
    margin: 5px 0;
    clear: both;
    text-align: justify;
}
.PictureItem
{
    margin: 2px;
}
.PictureLink img, .PictureLink
{
    width: 142px;
}
.PictureHeadItemLink
{
    color: #195082;
    margin-bottom: 10px;
    text-align: justify;
}
.PictureHeadItemLink:hover, .ArticleBoxHeader:hover .BoxTit, .RadioArticleTitle a:hover, .ArticleTrafficLink:hover, .ArticleTrafficLeft:hover .ArTit, .RadioOtherProvinceContent a:hover, .RadioVOVContent a:hover
{
    color: #D41217;
}
.ChatRightCol, .ChatLeftCol
{
    padding: 10px;
    width: 300px;
}
.ChatColTitle
{
    color: #195082;
    font-size: 13px;
}
.ChatColControl input[type="text"], .ChatColControl textarea, .ViewChatContent
{
    background-color: #DCDCDC;
    border: 1px solid #EEE;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #848484 inset;
    margin: 2px 0;
    padding: 5px;
    width: 288px;
}
.ChatColControl input[type="text"], .ChatColControl textarea
{
    color: #999;
    font-style: italic;
    font-size: 12px;
}
.ChatColControl input[type="text"]:focus, .ChatColControl textarea:focus
{
    background-color: #f0f0f0;
}
.textFocus
{
    color: #191919 !important;
    font-style: normal !important;
    text-shadow: 1px 1px 0 #FFF;
}
.ChatColControl input[type="button"], .ChatColControl input[type="submit"]
{
    background: url("../Images/ButtonVNBack.png") repeat-x scroll left bottom #d2d2d2;
    border: 1px solid #A3A3A3;
    border-radius: 15px 15px 15px 15px;
    color: #323232;
    cursor: pointer;
    margin: 5px 5px 0;
    padding: 2px 5px;
    width: 80px;
    float: right;
    transition: background-color 1s, border 1s, color 1s;
}
.ChatColControl input[type="button"]:hover, .ChatColControl input[type="submit"]:hover, .TaskButton input:hover
{
    color: #191919;
    border: 1px solid #ffe96c;
    background-color: #fffca0;
}
.ChatAreaText
{
    max-width: 288px;
    min-width: 288px;
    height: 100px;
    max-height: 100px;
    min-height: 100px;
}
.ChatSendText
{
    background-color: #FFF !important;
    border: solid 1px #ccc !important;
    font-style: normal !important;
    color: #191919 !important;
}
.ViewChatContent
{
    background-color: #FFF;
    border: 1px solid #CCC;
    height: 132px;
    color: #323232;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
}
.ViewChatContent b, .num, .HotLineEmail
{
    color: #195082;
}
.buttonDisabled
{
    border: 1px solid #CCC !important;
    color: #AAA !important;
    cursor: default !important;
    text-shadow: 1px 1px 0 #FFF;
}
.adminChat
{
    color: #c30000 !important;
}
.NoResult
{
    color: #888;
    padding-left: 120px;
    text-align: left;
    width: 460px;
}
.RadioChoose
{
    background-color: #EEEEEE;
    padding-bottom: 5px;
    text-align: center;
    width: 340px;
}
.RadioChooseCon
{
    margin: 0 auto;
    width: 300px;
}
.RadioChooseItem
{
    border-right: 1px solid #195082;
    cursor: pointer;
    margin: 5px 0 0;
    width: 59px;
}
.RadioChooseItem2
{
    border-right: 1px solid #195082;
    cursor: pointer;
    margin: 5px 0 0;
    width: 148px;
}
.RadioChooseItem a, .RadioChooseItem2 a
{
    color: #195082;
    font-size: 15px;
}
.RadioChooseItem a:hover, .RadioChooseItem2 a:hover
{
    color: #D71921;
    text-decoration: underline;
}
.RadioChooseItemEnd
{
    border-right: 1px solid #eeeeee;
}



div.ui-cluetip {
    font-size: 1em;
}
.ui-cluetip-header {
    font-size: 1em;
    margin: 0;
    overflow: hidden;
}
.cluetip-title .cluetip-close {
    float: right;
    position: relative;
    
}

.cluetip-close img {
    border: 0 none;
}
#cluetip-waitimage {
    background-image: url("http://plugins.learningjquery.com/cluetip/images/wait.gif");
    height: 11px;
    position: absolute;
    width: 43px;
}
.cluetip-arrows {
    background-position: 0 0;
    background-repeat: no-repeat;
    border-width: 0;
    display: none;
    height: 22px;
    left: -11px;
    position: absolute;
    top: 0;
    width: 11px;
}
.cluetip-extra {
    display: none;
}
.cluetip-default, .cluetip-default .cluetip-outer {
    background-color: #D9D9C2;
}
.cluetip-default .ui-cluetip-header {
    background-color: #87876A;
}
div.cluetip-default .cluetip-arrows {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
}
div.clue-right-default .cluetip-arrows {
    background-image: url("images/darrowleft.gif");
}
div.clue-left-default .cluetip-arrows {
    background-image: url("images/darrowright.gif");
    left: 100%;
    margin-right: -11px;
}
div.clue-top-default .cluetip-arrows {
    background-image: url("images/darrowdown.gif");
    height: 11px;
    left: 50%;
    margin-left: -11px;
    top: 100%;
    width: 22px;
}
div.clue-bottom-default .cluetip-arrows {
    background-image: url("images/darrowup.gif");
    height: 11px;
    left: 50%;
    margin-left: -11px;
    top: -11px;
    width: 22px;
}
.cluetip-jtip {
    background-color: #FFFFFF;
}
.cluetip-jtip .cluetip-outer {
    border: 2px solid #CCCCCC;
    position: relative;
}
.cluetip-jtip .cluetip-inner {
    display: inline-block;
    padding: 5px;
}
.cluetip-jtip div.cluetip-close {
    color: #990000;
    margin: 0 5px;
    text-align: right;
}
.cluetip-jtip .ui-cluetip-header {
    background-color: #CCCCCC;
    padding: 6px;
}
div.cluetip-jtip .cluetip-arrows {
    background: none repeat scroll 0 0 transparent;
    border-width: 0;
}
div.clue-right-jtip .cluetip-arrows {
    background-image: url("images/arrowleft.gif");
}
div.clue-left-jtip .cluetip-arrows {
    background-image: url("images/arrowright.gif");
    left: 100%;
    margin-right: -11px;
}
div.clue-top-jtip .cluetip-arrows {
    background-image: url("images/arrowdown.gif");
    height: 11px;
    left: 50%;
    margin-left: -11px;
    top: 100%;
    width: 22px;
}
div.clue-bottom-jtip .cluetip-arrows {
    background-image: url("images/arrowup.gif");
    height: 11px;
    left: 50%;
    margin-left: -11px;
    top: -11px;
    width: 22px;
}
.cluetip-rounded {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
}
.cluetip-rounded .cluetip-outer {
    background-color: #FFFFFF;
    border-radius: 6px 6px 6px 6px;
}
.cluetip-rounded .cluetip-arrows {
    border-color: #CCCCCC;
}
div.cluetip-rounded .cluetip-arrows {
    background: none repeat scroll 0 0 transparent;
    border-style: solid;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;
}
div.clue-right-rounded .cluetip-arrows {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-width: 11px 11px 11px 0;
}
div.clue-left-rounded .cluetip-arrows {
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 11px 0 11px 11px;
    left: 100%;
    margin-right: -11px;
}
div.clue-top-rounded .cluetip-arrows {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-width: 11px 11px 0;
    left: 50%;
    top: 100%;
}
.clue-bottom-rounded .cluetip-arrows {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-width: 0 11px 11px;
    left: 50%;
    top: -11px;
}
.cluetip-rounded .cluetip-title, .cluetip-rounded .cluetip-inner {
}
