@charset "utf-8";
/* CSS Document */
.clear          { clear:both;}
.clearfix       { display:block; clear:both;}
.clearfix:after { clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}

#body         { width:100%; margin:0 auto; background:#FFF;overflow:scroll}

#header       { margin: 0; padding:0; background:#FFF; display:block;}
#navigation   { background: none; height:36px; padding:0;}

#slideshow    { margin:10px 0; padding:0;}

#main         { background: #FFF; overflow:hidden; padding:0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#bottom	      { background: #FFF; margin:10px 0 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#left-page    { float:left; width:175px; overflow:hidden; margin-right:10px}
#main-page    { float:left; width:610px; overflow:hidden; padding:0; margin:0 0 10px;}
#right-page   { float:right; width:220px; background:#FFF; padding:0;}
.wrapper      { margin:0 auto; padding:0; width: 1024px; max-width:1200px; position:relative;}

#header .wrapper{ background:url(/UserControls/Publishing/images/bgHd.jpg) no-repeat 0 0; border-bottom:1px solid #FFF; height:145px;}
#header .logo{ float:left; padding:8px 0 0;}

#header .quick-access { float:right; color:white;background:url(/UserControls/Publishing/images/bg-qka.png) no-repeat right 1px; line-height:28px; width:560px; height:145px; text-align:right; padding-right:10px; position:relative;}
#header .quick-access  .quick-panel div{display:inline-block}
#header .quick-access  .logoHero{ float:Left; margin-left:240px;}
#header .quick-access  .quick-panel div a{font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#header .quick-access  .quick-panel span{display:inline-block;font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#header .quick-access a{ font-size:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#header .quick-access a:link{color:white !important;}
#header .quick-access a:hover{color:#1AA53B !important;}
#header .quick-access a:visited{color:white !important;}
#header .quick-access span{ padding:0 3px;}
#header .quick-searcher{ background:url(/UserControls/Publishing/images/bg-qs.png) no-repeat 0 0; width:198px; height:31px; position:absolute; right:5px; bottom:5px; text-align:left;}
.quick-searcher .keywork{ width:155px; height:22px; color:#02ff57; position:absolute; top:4px; left:5px; font-size:11px; background:none; border:0;}
.quick-searcher .searchbutton{ position:absolute; top:1; right:1px; cursor:pointer; background:url(/UserControls/Publishing/images/searchbt.png) 0 0 no-repeat; width:32px; height:30px; border:0;}

.ads-box, .system-box{ margin:0 0 10px; padding:0;}
.ads-box p{ text-align:center; margin-bottom:5px;}
.ads-box p img{ padding:2px; border:1px solid #cfcfcf;width:160px}
.system-box p img{ padding:2px; border:1px solid #cfcfcf;width:216px}
.system-box p { margin-bottom:8px;}
.system-box p img.radius{ -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important;}

.gird-main{ background:url(/UserControls/Publishing/images/scrown-r.jpg) no-repeat right top; display:block}
.gird-main .gird-scrown{ background:url(/UserControls/Publishing/images/scrown-l.jpg) no-repeat left top; display:block;}
.mod-singer{ height:38px; padding:2px 10px 0;}
.mod-singer h3{ background:url(/UserControls/Publishing/images/circle-icon.jpg) no-repeat left 50%; line-height:36px; font-size:12px; border-bottom:1px solid #429cd1; padding-left:14px; text-transform:uppercase;}

.bx-circle{ padding:10px; border:1px solid #eaeaea; border-width:0 1px 1px;}
.bx-circle h2{ font-size:14px;}
.bx-circle p{ padding:5px 0; text-align:center;font-size:12px}
.bx-circle p span{color: #444444 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.bx-circle p strong{color: #444444 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.bx-circle p.img-f{ text-align:center;}
.bx-circle p img{ /*border:1px solid #CCC*/; padding:4px;}
.mod-about { margin: 0 0 10px; padding:0;}
.mod-about  p.more{background: url("/UserControls/Publishing/images/arrow-red.gif") no-repeat scroll 100% 7px transparent;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;}
.mod-about .sumary{ float:left;text-align:justify }
.mod-about .sumary h3 {margin-bottom:10px}
.mod-about .sumary h3 a{ background: url("../images/bullet-small.png") no-repeat scroll 0 4px transparent;padding-left: 15px; font-size: 14px; margin-bottom: 5px; }
.mod-about .ab-img{ float:right; width:222px;padding-left:5px}
.mod-about .sumary span{font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.mod-about .sumary div{color: #444444 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.mod-about .sumary strong{color: #444444 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.sumary p{ text-align:justify;}
.sumary p.more{ background:url(/UserControls/Publishing/images/arrow-red.gif) no-repeat 63% 7px; text-align:right; padding-right:224px; font-size:11px; font-weight:bold;}
.ab-img{ background:url(/UserControls/Publishing/images/bt-shadow.png) no-repeat center bottom; width:222px; padding: 0 0 7px;}
.ab-img img{ border:3px solid #f0f0f0;}
ul.related, ol.related{ padding:5px 0;}
ul.related li, ol.related li{ padding:2px 0;}
ul.related a, ol.related a{ padding-left:15px; background:url(/UserControls/Publishing/images/bullet-red.gif) no-repeat 0 3px;}
ul.related a:link,a:hover,a:visited {color:#1AA53B  !important}
.showtit{ margin:5px 0;}
.pathway{ padding:8px 0 4px 0; line-height:26px; font-weight:bold; border-bottom:1px solid #429CD1; margin:0 10px;}
.pathway img{ padding:9px 5px 0;}

.list-topics .left{ clear: both;display: inline-block;margin-bottom: 10px; }
.list-topics .left .imgBorder{background: url("../images/bt-shadow.png") no-repeat scroll center bottom transparent; float: right;padding: 0 0 5px;width: 148px;}
.list-topics .left .imgBorder img{border: 3px solid #F0F0F0;}
.list-topics .left .description{color: #000000 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.list-topics .left .description span{color: #000000 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.list-topics .left .description div{color: #444444 !important;font: 12px Arial,Helvetica,sans-serif !important;text-align: justify !important; }
.small-sd{ float:right; background:url(/UserControls/Publishing/images/bt-shadow.png) no-repeat center bottom; width:148px; padding: 0 0 5px;}
.small-sd img{ border:3px solid #f0f0f0;}


.mod-container{ margin:0 0 10px; padding:0;}
.mod-container .title{ height:28px;}
.mod-container .title h3{ background:url(/UserControls/Publishing/images/circle-icon.jpg) no-repeat left 50%; line-height:28px; font-size:12px; border-bottom:1px solid #429cd1; padding-left:14px; text-transform:uppercase;}
.mod-container .more-mod{ float:right; width:100px; text-align:right; padding-right:5px; font-family:Arial, Helvetica, sans-serif;}
.mod-container .more-mod a{ text-transform:none;  background:url(/UserControls/Publishing/images/arrow-red.gif) no-repeat 98% 2px; padding-right:15px; font-size:11px;}
.mod-container .content{ padding:10px 0;}

.list-topics{}
.list-topics li{ padding:5px 0; border-bottom:1px dotted #CCC;}
.list-topics h3{ margin-bottom:5px; font-size:12px;}
.list-topics h3 a{ background:url(/UserControls/Publishing/images/bullet-small.png) no-repeat 0 4px; padding-left:15px;}
.list-topics p{ text-align:justify;}

.list-notice{}
.list-notice li{ padding:5px 0; border-bottom:1px dotted #CCC;}
.list-notice p{ text-align:justify;}
.list-notice p span{font-weight:normal !important}
.list-notice h3{ margin-bottom:5px; font-size:12px; font-family:Times New Roman,Arial, Helvetica, sans-serif; font-size:12px;}

.inactive {	display: none;}
ol.tabs   { background:url(/UserControls/Publishing/images/line-tabs.jpg) repeat-x left bottom; overflow: hidden;  font-size:11px; font-weight:normal; padding-left:5px;}
ol.tabs a {	background: url(/UserControls/Publishing/images/tabs.jpg) repeat scroll 1% 0 transparent; color: #656464; display: block; float: left; line-height:24px; height: 28px;	padding-left: 4px;}
ol.tabs a:hover      { background-position: 0 -58px; color: #0160b0;}
ol.tabs a:hover span {	background-position: 100% -58px; }
ol.tabs a:hover.active,
ol.tabs a.active     {	background-position: 0 -29px; color: #006322;}
ol.tabs a:hover.active span,
ol.tabs a.active span{	background-position: 100% -29px;}
ol.tabs a.active     { font-weight:bold;}
ol.tabs li { float: left; margin: 0 2px 0 0;font-size:13px}
ol.tabs span {font-size:13px;	background: url(/UserControls/Publishing/images/tabs.jpg) 99% 0;	cursor: pointer; display: block; float: left; padding: 4px 12px 0 8px; height:29px; _height:24px;}
.tab-subcontent{ padding:5px;}
.tab-subcontent p.more{background: url("/UserControls/Publishing/images/arrow-red.gif") no-repeat scroll 100% 2px transparent;
    font-size: 11px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;}

.bt-nav{ padding:4px 0; text-align:center; border-top: 2px solid #0077a2;}
ul.nav-ui{ line-height:26px; padding:0px; text-transform:uppercase;}
ul.nav-ui li{ float:left; padding:0 15px; font-weight:bold;}

.footer-info{ padding:15px; background:#006c24 url(/UserControls/Publishing/images/pat-ft.png) repeat 0 0;}
.footer-info p{ line-height:20px; color:#EEE}
.ms-WPBody a:link {
    color: #1AA53B;
    text-decoration: none;
}
.ms-WPBody {
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
}
.ms-WPBody h3 {
    font-size: 120%;
    font-weight: bold;
}
.print {
    background: none repeat scroll 0 0 #E2EFFF;
    display: block;
    float: right;
    margin-top: 10px;
    padding: 7px 15px 7px 0;
    text-align: right;
    width: 98%;
}
.print span {
    padding: 0 5px;
}
.print span a, .print span a:link, .print span a:visited {
    color: #555555;
    font: 11px tahoma;
    text-decoration: underline;
}
.content-news {padding:10px 0px; margin-bottom:10px; display:inline-block; clear:both; width:100%;}
.news-item {padding:10px 5px; clear:both;}
.news-item a.news-image {max-width:150px !important; max-height:150px !important;  border: 1px solid #ccc; padding:2px; display: block; float: left; /* max-height: 100px;  overflow: hidden; */ margin-right: 10px;}
.news-item img { max-width:150px !important; max-height:150px !important; /*width:150px;*/ /*padding:2px; border:1px solid #ccc; background:#fff; float:left; margin-right:10px;*/}
.news-item p.title {text-align:justify; margin-bottom:10px; }
.news-item p.title a, 
.news-item p.title a:link, 
.news-item p.title a:visited {font:bold 12px Arial, Helvetica, sans-serif; color:#333; text-decoration:none;}
.news-item p.title a:hover {color:#01670f;text-decoration:none;}
.news-item .description, 
.news-item .description * {text-align:justify; font-size:12px;  font-family:Arial, Helvetica, sans-serif !important; line-height:150%; color:#444;}
.news-item .title span {color:#777; font: normal 11px Arial, Helvetica, sans-serif;}
/*PhA�n trang*/
.paging {padding:5px;}
.paging span {display:block; padding: 4px; float:left; margin-right:5px;}
.paging { margin: 5px 0px 20px 0px;}
.paging a,
.paging a:link,
.paging a:visited {display:block; padding: 4px 8px; float:left; margin-right:5px;-moz-border-radius:3px;background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;border:1px solid #CCCCCC;cursor:pointer; text-decoration: none; color:#555555;}
.paging a:hover, 
.paging a.current{overflow:visible;background-color:#CCC; background:-moz-linear-gradient(center top , #FFFFFF, #CCC) repeat scroll 0 0 #CCC;-moz-box-shadow:1px 1px #e5e5e5; color:#222; border:1px solid #888;}
.paging-header {padding:5px; background: none; width: auto;}
.date{font:normal 12px Arial, sans-serif; color:black; text-decoration:none;}