body
{
    background-color: #638852;
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
}
#main-page
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
}
#wrapper
{
    width: 1000px;
    margin: 0 auto;
}
.main-menu
{
    width: 100%;
    float: left;
    background-color: #45555E;
}
#main-contain
{
    padding: 0;
    margin: 0;
    box-shadow: rgb(74, 102, 62) 2px 2px 5px;
    -webkit-box-shadow: rgb(74, 102, 62) 0px 2px 5px 4px;
    float: left;
}
#header
{
    color: #333;
    width: 100%;
    height: 208px;
    margin: 0px 0px -10px 0px;
}
#header .header-banner
{
}
#header .header-menu ul li
{
    display: inline;
    margin: 0;
    padding: 0;
}
#header_marquee
{
    color: black;
    height: 0px;
    float: right;
    font-size: 13px;
    margin-top: 5px;
}
#main-content
{
    background-color: white;
    float: left;
    clear: both;
    padding: 0;
    margin: 0;
    width: 996px;
    padding-left: 4px;
    padding-bottom: 20px;
    margin-top: -40px;
}
.clear
{
    clear: both;
    background: none;
}
.header-search
{
    background-color: #F2F2F2;
    border-bottom: 1px dotted #d7d7d7;
    height: 30px;
    width: 1000px;
    padding-top: 3px;
}
#ticker a
{
    font-size: 13px;
    font-style: italic;
    text-decoration: none;
    font-weight: bold;
    color: #2577A7;
}
#ticker a:hover
{
    color: #506787;
}
.drillmenu
{
    /* main DIV container of menu */
    border: 2px solid black;
    width: 180px; /*width of menu*/
    height: 190px; /*Height of DIV for those with JavaScript disabled*/
    overflow-y: scroll; /*Scrollable DIV for those with JavaScript disabled*/
    background: lightyellow; /*background of menu.*/
}


.drillmenu
{
    /* main DIV container of menu */
    width: 250px; /*width of menu*/
    height: 350px;
    overflow-y: scroll; /*Scrollable DIV for those with JavaScript disabled*/
    border: 2px solid #F2F2F2;
}


.drillmenu ul
{
    /*menu ULs*/
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: white; /*background of menu*/
    width: 250px;
}

.drillmenu li a
{
    /*menu links*/
    display: block;
    text-decoration: none;
    padding: 10px;
    font-size: 12px;
    width: 240px;
    color: Black;
    text-align: left;
}

* html .drillmenu li
{
    /*IE6 CSS hack*/
    display: inline-block;
}

.drillmenu li a:hover
{
    color: #ED1C24;
    background-color: #f4f2f2;
}

li.backcontroltitle
{
    background: #2577A7;
    font-size: 13px;
    padding: 10px;
    font-weight: bolder;
    border-bottom: 1px solid #F2F2F2;
    color: white;
}

li.backcontrol
{
    /*style of back button control that gets added to the top of each sub UL*/
    background: #F0F0F0;
    font-size: 13px;
    padding: 10px;
    font-weight: bolder;
    border-bottom: 1px solid black;
    cursor: hand;
    cursor: pointer;
}
.smoothmenu
{
    font-size: 12px;
    background-color: #9A325E;
    width: 1000px;
    height: 35px;
}

.smoothmenu ul
{
    z-index: 100;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/*Top level list items*/
.smoothmenu ul li
{
    position: relative;
    display: inline;
    float: left;
    border-right: 1px solid white;
}

/*Top level menu link items style*/
.smoothmenu ul li a
{
    display: block;
    background-color: #9A325E;
    padding: 10px;
    text-decoration: none;
}

* html .smoothmenu ul li a
{
    /*IE6 hack to get sub menu links to behave correctly*/
    display: inline-block;
}

.smoothmenu ul li a:link, .smoothmenu ul li a:visited
{
    color: white;
}

.smoothmenu ul li a.selected
{
    /*CSS class that's dynamically added to the currently active menu items' LI A element*/
}

.smoothmenu ul li a:hover
{
    background-color: #881D1E;
    color: white;
}
#drillcrumb
{
    /*custom, user defined DIV that contains breadcrumb trail*/
    margin-bottom: 5px;
    font: bold 13px Verdana;
}

#drillcrumb a
{
    /*custom element*/
    color: darkred;
}
/* Styles for PREV and NEXT anchor buttons */
#jcl-demo a.prev, #jcl-demo a.next, #jcl-demo a.go
{
    display: block;
    width: 26px;
    height: 30px;
    line-height: 1;
    background-color: #F2F2F2;
    color: black;
    text-decoration: none;
    font-size: 25px;
    float: left;
}
#jcl-demo a.prev.disabled, #jcl-demo a.next.disabled, #jcl-demo a.prev.disabled:hover, #jcl-demo a.next.disabled:hover
{
    background-color: #506787;
    cursor: default;
}
#jcl-demo a.go.highlight
{
    background-color: #dedede;
    color: #000;
}
#jcl-demo a.prev
{
    margin: 50px 0px 0 0;
    text-indent: 7px;
}
#jcl-demo a.next
{
    margin: 50px 0 0 0px;
    text-indent: 8px;
}
#jcl-demo a.prev:hover, #jcl-demo a.next:hover, #jcl-demo a.go:hover
{
    background-color: #506787;
    color: White;
}
.bread
{
    width: 100%;
    margin-top: 5px;
    float: left;
    height: 23px;
    padding-top: 5px;
}
.bread-title
{
    font-size: 11px;
    float: left;
    padding: 7px;
    color: #881D1E;
}
.bread-title a
{
    text-decoration: none;
    color: #881D1E;
}
.bread-title a:hover
{
    color: red;
}
/*** Pagging**/
.pages
{
    color: #2577A7;
    font-size: 12px;
    float: left;
}
.pages .item
{
    font-size: 12px;
}
/*numeric pager items*/
.pages .cpb
{
    color: red;
    padding: 2px 5px;
    margin: 0 2px;
    border: 1px solid red;
}
/*current pager item*/
.pages a
{
    text-decoration: none;
    padding: 2px 5px;
    border: 1px solid #2577A7;
    margin: 0 2px;
    color: #2577A7;
}
.pages a:hover
{
    background-color: white;
    border: 1px solid red;
    color: Red;
    text-decoration: none;
}
.baiviet-content
{
    width: 570px;
    text-align: justify;
    font-size: 13px;
    line-height: 20px;
    color: #000080;
}
.baiviet-lienquan-ul
{
    padding-left: 16px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-left: 5px;
}
.baiviet-lienquan-href
{
    color: #1275bc;
    font-family: Arial;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}
.baiviet-lienquan-href:hover
{
    color: Red;
    text-decoration: underline;
}
.baiviet-content img
{
    background-color: #F2F2F2;
    padding: 3px;
}
.baiviet-content-tacgia
{
    font-style: italic;
    float: right;
    font-weight: bold;
    font-size: 12px;
}
.baiviet-relate
{
    list-style-type: circle;
    margin: 0;
    padding: 0;
    font-size: 12px;
    margin-top: 10px;
}
.baiviet-relate-item
{
    list-style: none;
    padding: 0;
    margin: 0;
}
.baiviet-relate-item li
{
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 5px;
}
.baiviet-relate-item img
{
    width: 100%;
    height: auto;
}
.baiviet-relate-item a
{
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    width: 100%;
}
.baiviet-relate a
{
    text-decoration: none;
    color: black;
    font-size: 12px;
}
.baiviet-relate a:hover
{
    color: Red;
}
.loaibaiviet
{
    width: 100%;
    float: left;
}
.loaibaiviet-content
{
    width: 100%;
    border-bottom: 1px dotted black;
    padding-bottom: 10px;
    margin-top: 10px;
    height: 180px;
}
.loaibaiviet-link
{
    color: #2577A7;
    text-align: justify;
    font-size: 13px;
    padding: 0px 0px 5px 0px;
    line-height: 20px;
}
.loaibaiviet-link a
{
    text-decoration: none;
    color: #000080;
    font-weight: bold;
}
.loaibaiviet-link ul
{
    padding: 0;
    margin: 0;
    margin-left: 20px;
}
.loaibaiviet-link ul li
{
    font-size: 15px;
}
.loaibaiviet-link a:hover
{
    color: Red;
}
.loaibaiviet-content img
{
    width: 195px;
    height: 155px;
    background-color: #F0F0F0;
    padding: 3px;
    float: left;
    margin-right: 8px;
}
.loaibaiviet-title
{
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
}
.carousel-title
{
    color: #881D1E;
    font-size: 12px;
    margin-bottom: 5px;
    font-weight: bold;
    width: 80%;
    padding-bottom: 3px;
    margin-left: 35px;
}
.carousel img
{
    width: 130px;
    height: 85px;
    background-color: #F0F0F0;
    padding: 3px;
    float: left;
    margin-right: 2px;
    float: left;
}
.carousel-tennhom
{
    font-size: 10px;
    top: 72px;
    position: absolute;
    margin-left: 3px;
    background-color: rgba(37, 119, 167,0.7);
    padding: 5px;
}
.carousel-tennhom a
{
    text-decoration: none;
    color: White;
}
.carousel-tenbaiviet
{
    font-size: 11px;
    padding-right: 5px;
    height: 15px;
    overflow: hidden;
    margin-bottom: 5px;
}
.carousel-tenbaiviet a
{
    text-decoration: none;
    color: black;
    font-weight: bold;
}
.carousel-tenbaiviet a:hover
{
    color: Red;
}
.carousel-tomtat
{
    font-size: 11px;
    text-align: justify;
    width: 300px;
    padding-right: 10px;
}
.baiviet-relate-xemthem a
{
    text-decoration: none;
    font-size: 10px;
    float: right;
    color: #2577A7;
    font-style: italic;
}
.baiviet-relate-xemthem a:hover
{
    color: Red;
}
.carousel-tomtat a
{
    text-decoration: none;
    font-size: 10px;
    float: right;
    color: #2577A7;
    font-style: italic;
}
.carousel-tomtat a:hover
{
    color: Red;
}
.mucbaiviet-tc
{
    float: left;
    width: 274px;
    height: 415px;
    margin-right: 20px;
}
.mucbaiviet-tc-wrapper
{
    width: 100%;
    padding-right: 5px;
}
.mucbaiviet-tc-ten a
{
    background-color: #881D1E;
    color: #2577A7;
    text-decoration: none;
    padding: 5px;
    font-size: 11px;
    color: White;
}
.mucbaiviet-tc-baiviet
{
    width: 100%;
    border-bottom: 1px dotted black;
    padding-bottom: 10px;
}
.mucbaiviet-tc-baiviet a
{
    text-decoration: none;
    color: #2577A7;
}
.mucbaiviet-tc-baiviet a:hover
{
    color: Red;
}
.mucbaiviet-tc-tenbaiviet
{
    font-weight: bold;
    text-align: justify;
    padding: 0px 0px 5px 0px;
    height: 35px;
}
.mucbaiviet-tc-tenbaiviet a
{
    color: #881D1E;
    text-decoration: none;
    font-size: 11px;
}
.mucbaiviet-tc-tenbaiviet a:hover
{
    color: Red;
}
.mucbaiviet-tc-baiviet img
{
    width: 160px;
    height: 95px;
    background-color: #F0F0F0;
    padding: 3px;
    float: left;
    margin-right: 8px;
}
.mucbaiviet-tc-relate
{
    width: 100%;
    font-size: 11px;
    padding-top: 5px;
    font-weight: bold;
    line-height: 20px;
}
.mucbaiviet-tc-relate a
{
    text-decoration: none;
    color: #881D1E;
}
.mucbaiviet-tc-relate a:hover
{
    color: Red;
}
.tieudiem_1-ten
{
    font-size: 12px;
    font-weight: bold;
}
.tieudiem_1-ten a
{
    text-decoration: none;
    color: Black;
}
.tieudiem_1-ten a:hover
{
    color: Red;
}
/*Horrion tab**/
ul.tabs
{
    margin: 0;
    padding: 0;
    list-style: none;
    height: 30px;
    width: 100%;
    position: relative;
    border-bottom: 2px solid #326EA1;
    margin-top: 8px;
}
ul.tabs li
{
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px;
    padding-bottom: 1px;
    height: 29px;
    line-height: 31px;
    background: transparent;
    overflow: hidden;
    position: relative;
    font-size: 12px;
    color: Red;
}
ul.tabs li:hover
{
    background: #CCCCCC;
}
ul.tabs li.active
{
    background: #326EA1;
    color: White;
}
.tab_container
{
    border-top: none;
    clear: both;
    width: 100%;
    background: transparent;
    border-top: none;
}
.tab_content
{
    font-size: 1.2em;
    display: none;
    padding-top: 10px;
}
.footer
{
    background-image: url(images/small-banner.png);
    background-repeat: no-repeat;
    height: 130px;
    width: 1000px;
    margin: 0 auto;
}
.news
{
    background-image: url(images/new.gif);
    width: 29px;
    float: left;
    height: 16px;
}
.baiviet-xemthem
{
    font-size: 11px;
    font-style: italic;
}
.baiviet-xemthem a
{
    text-decoration: none;
    color: #2577A7;
}
.baiviet-xemthem a:hover
{
    color: Red;
}
.button-hoidap
{
    background-color: #962121;
    text-decoration: none;
    padding: 5px;
    color: white;
}
.button-hoidap:hover
{
    background-color: #881D1E;
    color: White;
}
.highlight
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.unhighlight
{
    background-color: #F2F2F2;
    border: 1px solid #aaaaaa;
}
#error
{
    color: Red;
    font-weight: bold;
}
.slider-text
{
    text-align: center;
    font-size: 15px;
    text-transform:uppercase;
    font-weight:bold;
}