﻿/*menu_main*/

#header_menu
{
    margin: 0 auto;
    width: 1000px;
    height: 62px;
    background: url(Backgrounds/menu-bg.png) repeat-x scroll 0 0;
    float: left;
    clear: both;
}
.animatedtabs
{
    float: left;
    overflow: hidden;
    position: relative;
    height: 33px;
    font-style: normal;
    clear: both;
    width: 100%;
    list-style: none;
}
.animatedtabs ul
{
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
.animatedtabs li
{
    float: left;
    display: block;
    text-decoration: none;
    padding: 0;
    height: 33px;
    line-height: 33px;
    text-align: center;
    cursor: pointer;
}
.animatedtabs a
{
    float: left;
    position: relative;
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 33px;
    height: 33px;
    padding: 0;
    font-size: 11px;
}
.animatedtabs a span
{
    float: left;
    position: relative;
    display: block;
    padding: 0px 5px;
    font-weight: bold;
    color: #fff;
    line-height: 33px;
    height: 33px;
    cursor: pointer;
    font-size: 12px;
    text-shadow: 0.2em 0.2em 0.1em #333;
    filter: shadow(Color=#333333, Direction=135, Strength=3);
    white-space:nowrap;
}
.animatedtabs span
{
    float: left;
    position: relative;
    display: block;
    color: #fff;
    line-height: 33px;
    height: 33px;
    padding-top: 0px;
    font-size: 11px;
}
.animatedtabs span:hover
{
    filter: shadow(Color=#333333, Direction=0, Strength=0);
}
.animatedtabs li a img
{
    line-height: 33px;
    margin-top: 6px;
    padding: 0 7px;
}
.animatedtabs .selected a, .animatedtabs a:hover
{
    float: left;
    position: relative;
    background: url(Backgrounds/menu-active-bg-right.png) no-repeat right;
    color: #fff !important;
    line-height: 33px;
    text-decoration: none;
    height: 33px;
}
.animatedtabs .selected a span, .animatedtabs a:hover span
{
    float: left;
    position: relative;
    display: block;
    background: url(Backgrounds/menu-active-bg.png) no-repeat left top;
    color: #fff !important;
    line-height: 33px;
    text-decoration: none;
    height: 33px;
    filter: shadow(Color=#333333, Direction=0, Strength=0);
}
.animatedtabs ul li a span:hover
{
    color: #fff !important;
}
.subMenuContainer
{
    display: none;
}
.subTopMenubound
{
    background: url(Backgrounds/menu-sub-bg.png) repeat-x scroll 0 0;
    width: 1000px;
    height: 29px;
    clear: both;
    overflow: hidden;
}
#subTopMenu
{
    background: url(Backgrounds/menu-sub-bg.png) repeat-x scroll 0 0;
    width: 780px !important;
    height: 29px;
    clear: both;
    float: left;
}
#subTopMenu ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-left: 10px;
    height: 29px;
    overflow: hidden;
    float: left;
}
#subTopMenu ul li
{
    padding: 0;
    margin: 0;
    float: left;
    list-style: none;
}
#subTopMenu li span
{
    float: left;
    display: block;
    padding: 0 10px;
    height: 29px;
    line-height: 29px;
    color: #fff;
}
#subTopMenu ul li a
{
    /*background: url(Backgrounds/iconSubmenu.png)  no-repeat scroll 0 13px;*/
    float: left;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    height: 29px;
    line-height: 29px;
    padding: 0 0 0 0px;
    text-align: center;
    cursor: pointer;
}
#subTopMenu li.current a, #subTopMenu li a:hover
{
    color: #fff100; /* background: url(../images/sub_channel_left.jpg) no-repeat left top;*/
    height: 29px;
    line-height: 29px;
}

#subTopMenu li.current a span, #subTopMenu li a:hover span
{
    color: #fff100;
    height: 29px; /* background: url(../images/sub_channel_right.jpg) no-repeat right top;*/
    line-height: 29px;
}
.subTopMenu-time
{
    width: 200px;
    height: 100%;
    float: left;
    line-height: 29px;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 15px;
}
.subTopMenu-search
{
    width: auto;
    float: right;
    height: 29px;
    line-height: 29px;
    text-align: right;
    display: block;
    padding: 0;
    padding-left: 10px;
    margin-right: 10px;
}
.subTopMenu-rrs
{
    width: 22px;
    height: 22px;
    border: 0;
    cursor: pointer;
    background: url(Backgrounds/rss-icon.png) left top no-repeat;
    float: left;
    margin-top: 4px;
    margin-left: 7px;
}
.subTopMenu-txtsearch
{
    width: 135px;
    height: 19px;
    line-height:19px;
    border: 0;
    background: url(Backgrounds/search-text-bg.png) left top no-repeat;
    text-align: left;
    float: left;
    margin: 0 2px;
    margin-top: 4px;
    padding-bottom:2px;
    display: inline;
}
.subTopMenu-btnserach
{
    width: 26px;
    height: 21px;
    border: 0;
    cursor: pointer;
    background: url(Backgrounds/search-icon.png) left top no-repeat;
    float: left;
    margin-top: 4px;
}
.category-bottom{height:42px;width:100%;float:left;line-height:42px; background: url(Backgrounds/bg-cate-footer.png) left top repeat-x;}
.category-bottom ul{width:980px;margin-left:10px;text-align:center;float:left;height:40px;}
.category-bottom ul li{float:left;line-height:40px;height:40px;}
.category-bottom ul li img{float:left;margin-top:9px;padding-right:5px;}
.category-bottom ul li a{font-weight:bold;color:#fff;line-height:40px;height:40px;font-size:11px;}
.category-bottom ul li a:hover{color:#012423}
.category-bottom ul li span{font-weight:bold;color:#fff;line-height:40px;padding:0 5px;font-size:12px;}

/*Tien ich*/
.home-r-ttti{width:290px;float:left;border:solid 1px #919191;margin:0 4px 15px;display:inline}
.home-r-ttti-title{height:32px;width:100%;float:left;text-align:center;line-height:32px}
.home-r-ttti-title span{font-size:18px;font-weight:bold;text-transform:uppercase;color:#164d4b}
.home-r-ttti-middle{width:100%;float:left;height:auto;}
.home-r-ttti-bottom{width:100%;float:left;height:11px;}
.home-r-ttti-item{width:280px;float:left;margin:0 0 1px 5px;display:inline}
.home-r-ttti-itemTT{width:280px;float:left;margin:5px 0 0 5px;display:inline}
.home-r-ttti-item-cate{width:100%;float:left;height:auto;border-bottom:solid 1px #d5d5d5;}
.home-r-ttti-item-ct{width:100%;float:left;height:auto}
.home-r-ttti-item-cate-tg{height:26px;width:100px;float:left;line-height:26px;background: url(Backgrounds/icon-tigia.png) left center no-repeat;}
.home-r-ttti-item-cate-tg span{font-size:13px;font-weight:bold;text-transform:uppercase;padding-left:20px;color:#327675;line-height:30px}
.home-r-ttti-item-cate-time{float:right;width:180px;height:26px;text-align:right;line-height:26px}
.home-r-ttti-item-cate-time span{color:#134673 ;font-size:11px;height:30px;line-height:30px}
.home-r-ttti-item-cate-v{height:26px;width:100px;float:left;line-height:26px;background: url(Backgrounds/icon-vang.png) left center no-repeat;}
.home-r-ttti-item-cate-v span{font-size:13px;font-weight:bold;text-transform:uppercase;padding-left:28px;color:#327675;line-height:30px}
.home-r-ttti-item-cate-tt{height:100%;width:100%;float:left;line-height:30px;background: url(Backgrounds/icon-thoitiet.png) left center no-repeat;display:inline}
.home-r-ttti-item-cate-tt span{font-size:13px;font-weight:bold;text-transform:uppercase;padding-left:20px;color:#327675;line-height:30px;float:left}
.home-r-ttti-item-resource{float:left;width:100%;text-align:right;padding:3px 0 7px 0;display:inline}
.home-r-ttti-item-resource span{font-size:11px;color:#327775;padding-right:3px;text-decoration:underline;display:inline}
.home-r-ttti-item-resource a{font-size:11px;color:#0A5EC1;font-weight:bold}

.ddlWeather{height:20px;width:120px;float:right;margin:5px 0px 0 0;font-size:12px;color:#d40c0c;line-height:24px;padding-left:3px;border:solid 1px #979797;display:inline}
.wearther-ct{width:100%;float:left;padding:8px 0 0 0}
.wearther-l{width:136px;float:left;text-align:center}
.wearther-r{float:left;width:136px;text-align:center}
.wearther-r img{width:auto;}
.wearther-l-name{width:100%;float:left;}
.wearther-l-name span{font-weight:bold;color:#327675;text-transform:uppercase;font-size:13px;}
.wearther-l-c{width:100%;float:left;margin-top:10px}
.wearther-l-c span{font-weight:bold;color:#327675;text-transform:uppercase;font-size:13px;}

.Exrate{width:230px;float:left;margin-left:25px;display:inline}
.Exrate p{width:100%;float:left;margin:2px 0}
.Exrate p span{font-weight:bold;color:#327675;padding:0;float:left;width:76px;font-size:12px}