﻿/*Banner and menus color*/
*
{
    margin: 0; /*padding: 0;*/
    text-align: left;
}
.banner_menubgcolor
{
    background-color: #00669a;
}
.box h2
{
    font-size: 1em;
}
div#leftcontent div.box div.boxtitlecolor
{
    /*color: #006699;*/
}

div#rightcontent div.box div.boxtitlecolor
{
    color: #0099cc;
}

div#leftcontent div.box a
{
    color: #006699;
}
div#rightcontent div.box a
{
    color: #0099cc;
}
div#rightcontent div.box div.article
{
    background-color: White;
}
body
{
    background-color: #002c42;
    /*color: #666666;*/
    font-family: Arial, Verdana, Tahoma, Times New Roman;
    font-size: small;
}



a
{
    text-decoration: none;
}
a img
{
    border: 0px;
}

input
{
    padding: 2px;
}
.clear
{
    clear: both;
    text-align: left;
}
#container
{
    background-color: #f6f8f5;
    margin-left: auto;
    margin-right: auto;
    min-height: 1100px;
    width: 955px;
}

#header
{
    float: left;
    width: 100%;
}

#banner
{
    /*    background-color: #00669a;*/
    margin: 0;
    float: left;
    width: 100%;
    /*background-image: url('/userfiles/image/ChonITchonFITHOU-TopBanner.png');*/
	background-image: url('/userfiles/image/banner202311.png');
    background-repeat: no-repeat;
}

#logo
{
    background-image: url("/images/logo/logo.png");
    background-repeat: no-repeat;
    float: left;
    height: 90px;
    margin: 15px 15px 15px 20px;
    width: 112px;
}
#footer
{
    background-color: #00496e;
    color: White;
    float: left inherit;
    width: 100%;
}

#menutop
{
    float: right;
}

#menubottom
{
    list-style-type: none;
    width: 100%;
    float: left; /*padding:  10px 10px 0px 10px;*/
}

#menubottom ul
{
    margin-left: 10px; /*margin-top: 5px;*/
}


.menu
{
    /*    background-color: #00669a;/*/
    padding-bottom: 10px;
}
.menu ul
{
    list-style-type: none;
}

#menutop ul
{
    /*    background-color: #00669a;/     float: right;*/
}

#menubottom ul
{
    float: left;
}
.menu ul li
{
    background-color: #00669a;
    display: inline;
    float: left;
    margin-right: 5px; /*    color: White;/*/
    z-index: 100;
}

.menu ul li a
{
    text-decoration: none; /*    color: White;/*/
    display: block;
    font-family: Arial;
    font-size: 11pt;
}

#bannerquangcao
{
    background-color: #66cccc;
    border: solid 1px #ccffff;
    color: #ccffff;
    height: 100px;
    float: right;
    font-size: xx-large;
    font-weight: bold;
    width: 560px;
    line-height: 45px;
    margin-top: 10px;
    margin-right: 20px;
    text-align: center;
}

#copyright
{
    /*    background-color: #f6f8f5;*/
    padding: 5px 20px 5px 20px;
}

#content
{
    background-position: right;
    background-repeat: repeat-y; /*    background-color: #f6f8f5;*/
    margin-bottom: 20px;
    min-height: 1000px;
    padding: 0px 20px 0px 20px;
}

#leftcontent
{
    min-height: 600px;
    min-width: 60%;
    float: left;
    width: 585px;
}

#rightcontent
{
    width: 325px;
    float: right;
    height: 100% !important;
    margin: 0px;
    min-height: 500px;
}

#topbackground
{
    background-position: right top;
    background-repeat: no-repeat;
    clear: both;
    height: 20px;
}

#bottombackground
{
    background-repeat: repeat-y;
    min-height: 600px;
    padding: 0px 15px 0px 20px;
}

#searchengine
{
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
}
#searchengine input
{
    display: inline;
    float: left;
}
#searchengine input[type="text"]
{
    background-color: #f6f8f5;
    border: solid 1px #cccccc;
    height: 24px;
    padding: 2px;
    width: 285px;
}



div.box
{
    margin-top: 5px;
}

#linkicons
{
    padding: 5px 7px 3px 5px;
    background-color: White;
}
#linkicons img
{
    border: solid 2px white;
    width: 60px;
    margin-right: 5px;
}

div.quangcao
{
    width: 325px; /*height: 105px;     background-color: #cccccc;     border: solid 1px Brown;*/
    line-height: 105px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.tintuyensinh
{
    padding: 3px 0px 5px 0px;
    float: left;
}

a.hinhanh
{
    float: left;
    margin-right: 5px;
}

a.tintitle
{
    color: #0066ff;
    text-align: left;
    text-decoration: none;
    font-size: 11pt;
    font-family: Arial;
    float: left;
    margin-right: 60px;
}

p.tin
{
    color: #333333;
    text-align: left;
    font-size: 10pt;
    font-family: Arial;
}

div.more
{
    text-align: right;
    margin-right: 10px;
    font-size: 8pt;
    font-family: Arial;
    color: #0099cc;
}


/*End Masterpage*/

.topnews
{
}

.topnewstitle
{
}
div.article
{
    text-align: justify;
}

div.article div.picturebox
{
    background: white;
    border: 2px solid white;
    display: block;
    float: left;
    height: 80px;
    margin-right: 5px;
    overflow: hidden;
    width: 104px;
}
div#leftcontent a
{
    color: #006699;
}
div#rightcontent a
{
    color: #0099CC;
}
div#leftcontent div.box
{
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    padding-right: 20px;
    width: 540px;
}
div#leftcontent div.box div.boxtitle
{
    display: block; /*    color: #006699;/*/
    font-size: 22pt;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}

div#leftcontent div.box div.article
{
    margin-bottom: 10px;
}
div#leftcontent div.box div.article img
{
    width: 104px;
}

div#rightcontent div.box
{
    margin-bottom: 5px;
    width: 325px;
}
div#rightcontent div.box div.boxtitle
{
    /*  color: #0099cc;/*/
    font-size: 12pt;
    font-weight: bold;
    margin-top: 10px;
    text-transform: uppercase;
}

div#rightcontent div.box div.article
{
    /*    background-color: White;/*/
    font-size: small;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-right: 5px;
}
div#rightcontent div.box div.article img
{
    width: 74px;
}
div#rightcontent div.box div.article span
{
    display: none;
}
div#rightcontent div.box div.article div.picturebox
{
    border: 2px solid #FFFFFF;
    height: 50px;
    width: 74px;
}
a.more
{
    float: right;
}
div.images a img
{
    border: 1px solid white;
    height: 66px;
    overflow: hidden;
    padding: 1px;
    width: 100px;
}

div.articleAbstract img
{
    display: none;
    border: 2px solid white;
    padding: 2px;
    margin: 2px;
}
#topbanner
{
    /*background-image: url('/images/banner/tscaohoc.png');*/
    background-position: right top;
    background-repeat: no-repeat;
    height: 96px;
    width: 798px;
}
ul#pager
{
    display: inline;
    float: right;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul#pager li
{
    display: block;
    float: left;
    padding: 5px;
    width: 30px;
}
ul#pager li a
{
    display: block;
    text-align: center;
}
ul#pager li a:hover
{
    background-color: #0099ff;
    color: White;
}
ul#pager li a.currentPage
{
    border-bottom: 1px solid #0099ff;
}
.tinlienquan
{
    margin-bottom: 10px;
}
.tinlienquan li
{
    line-height: 1.5;
}
#menutop input.searchbox
{
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    float: right;
    margin: 4px 2px 0px 2px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    background-image: url("/images/searchicon.png");
    background-position: right top;
    background-repeat: no-repeat;
    padding-right: 20px;
    width: 90px;
}
#menutop input.searchbox:focus
{
    width: 190px;
}
