﻿@charset "UTF-8";
/* CSS Document */

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img { vertical-align: middle; }
.fLeft { float: left; }
.fRight { float: right; }
.clear { clear: both; }
strong {
  font-weight: bold;
}
em {
	font-style: italic;
}
a {
	color: #004175;	
	text-decoration: none;
}
a:hover,
a:focus {
	color: #a51a1b;
	text-decoration: underline;
}
.input_style {
	font: normal 12px Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15) inset;		
}
input[type="submit"],
input[type="reset"],
input[type="button"]
{
	cursor: pointer;	
}
body {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	background: url(../img/body.gif) top left;
	margin: 0 auto;
}

#aspnetForm > span {
  display: none;
}
#s4-bodyContainer{
	padding-bottom:0 ;
}

.wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 9px;
	background: url(../img/bg_wrapper.png) repeat-y;
}
.inner_wrapper {
	padding: 10px;	
}
#column_left, #column_right {
	width: 200px;	
}
#column_center {
	width: 560px;
	margin-left: 10px;	
}
.contents {
	padding: 9px;	
	border: 1px solid #ddd;
	border-top: none;	
	background-color: #fff;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
	box-shadow: 0 2px rgba(0, 0, 0, 0.1);
}
.contents ul li:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none;
}
.contents ul li a {
	color:#004175
}
.section-header {
	height: 30px;
	border: 1px solid #ddd;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	background: url(../img/bg-grey.png) repeat-x;
}
.sidebar {
	margin-bottom: 10px;	
}
#thongbao {
  margin-bottom: 10px;
}
/*=============================== Header ===============================*/
#banner_top {
	position: relative;
	width: 100%;
	height: 140px;
	background: url(../img/banner-top.jpg) no-repeat;	
}
#banner_top .logo {
	position: absolute;
	top: 23px;
	left: 48px;
	width: 82px;
	height: 100px;
	text-indent: -9999px;	
}
/*=============================== Menu Top ===============================*/
.menu_top {
	height: 34px;
	line-height: 34px;
	padding-top: 1px;
	background: url(../img/bg-menu.png) repeat-x;	
}
.menu_top ul li {
	float: left;	
	background: url(../img/border.png) top right no-repeat;
}
.menu_top ul li a {
	float: left;
	font-weight: bold;
	color: #fff;
	padding: 0px 15px;
}
.menu_top ul li.current a, .menu_top ul li a:hover {
	background-color: #005ebb;	
	text-decoration: none;
}
/*=============================== Search Box ===============================*/
.dateTime {
	float: left;
	color: #fff;	
}
.search-box  .form {
	float: right;
	width: 222px;
	height: 25px;
	margin: 4px 4px 0px;
	background: url(../img/search-box.png) no-repeat;
}
.search-box input[type=text] {
	float: left;
	width: 190px;
	padding: 6px 0px 6px 5px;
	background: none;
	border: none;
	font: normal 11px Arial, Helvetica, sans-serif;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search-box input[type=text] {
		padding: 7px 0px 4px 5px;	
	}
}
.search-box input[type=submit] {
	float: right;
	width: 17px;
	height: 17px;
	margin: 4px;
	border: none;
	background: none;
}
.adsBox {
	width: 200px;	
	text-align: center;
}
.adsBox img {
	max-width: 200px;	
	margin-bottom: 10px;
}
/*=============================== Hot News ===============================*/
#focus-news {
	margin-bottom: 10px;	
}
.hot-news {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;	
	margin: 0;
}
.hot-news h2 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;	
}
.hot-news a img {
	float: left;
	max-width: 280px;
	max-height: 200px;
	margin-right: 10px;	
	background:url("/btp2013/tdkt/temp/bg-tin-hot-lltp280-200.png") repeat ;
}
.des img {
  background: url("/btp2013/tdkt/temp/bg-tin-hot-lltp200-124.png") repeat;
}
.hot-news-list li {
    float: left;
    /*height: 165px;*/
    line-height: 14px;
    overflow: hidden;
    width: 129px;
	margin:10px 10px 0 0;
}
.hot-news-list.clearfix {
    height: 175px;
}
.hot-news.clearfix a {
  font-family: arial;
  font-size: 15px;
  font-weight: bold;
  color:#039;
  text-align:justify;
  display:block;
}
.hot-news.clearfix p {
  font-family: arial;
  font-size: 12px;
   text-align: justify;
}
.hot-news-list a img {
    display: block;
    height: 90px;
    margin-bottom: 5px;
    width: 127px;
    background: url("/Publishing/img/notimage.png") no-repeat ;
}
.detail {
    color: #004175 !important;
    font-family: arial;
}
.desc.clearfix a {
  font-family: arial;
  font-size: 15px;
}
.hot-news-list li a {
    font-size: 11px;
    text-align: justify;
    width: 122px !important;
}
.ads-center img {
	width: 200px;
	margin-bottom: 5px;	
}
/*=============================== Folder News ===============================*/
.folder-news li {
    margin-right: 0px;
	background:url("../img/square-red.gif") no-repeat 0px 11px;
}
.title-blue, .title-orange {
	display: inline-block;
	color: #fff !important;
	padding: 3px 10px;
	margin: 5px;
	border: 1px solid #5e91c3;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: url(../img/bg-blue.png) repeat-x;	
	font-family:Arial;
	font-weight:bold;
	
}
.title-orange {
	border: 1px solid #f09220;
	background: url(../img/bg-orange.png) repeat-x;	
}
.title-blue:hover, .title-orange:hover {
	color: #fff;
	text-decoration: none;	
}
.folder-news .contents a img {
	float: left;
	max-width: 200px;
	max-height: 150px;	
	margin: 3px 10px 10px 0px;
}
.folder-news h4 {
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 5px;	
}
.folder-news h4 a {
	color: #039;	
}
.meta {
  color: #999;
  margin-bottom: 5px;
  font-style: italic;
  font-weight: bold;
}
.meta strong {
	color: #9a0000;	
}
.folder-news .desc p {
  font-family: arial;
  font-size: 12px;
  margin-bottom: 5px;
   text-align: justify;
   color:#000;
   font-weight:bold;
}
.contents.clearfix ul li a {
  font-family: arial;
  font-size: 12px;
  color: #004175;
   padding-left: 10px;
}
.list-link {
	
}
.list-link li {
   background: url("../img/square-red.gif") no-repeat 0px 7px;
  border-bottom: 1px dashed #DDDDDD;
  margin-bottom: 5px;
  padding: 0 5px 5px 8px;
  text-align: justify;
}
.list-link li span {
	color: #999;	
}
/*=============================== Column Right ===============================*/
#column_right .contents img {
	max-width: 180px;
}
#sovang ul li {
	padding: 0px 0px 5px 16px;
	background: url(../img/star-icon.png) 0px 1px no-repeat;	
	text-align:justify;
	}
#boxVideo ul li {
	font-size: 11px;
	line-height: 14px;
	background-position: 0px 4px;	
}
#boxStatistic ul li {
  background: url("../img/statistic_icon.png") no-repeat;
  font-family: arial;
  padding-left: 20px;
   font-size: 12px;
   line-height: 22px;
}
.counter {
  padding-left: 10px;
}
#boxStatistic ul li strong {
	color: #a80b08;
}
#boxLink select {
	width: 180px;
	padding: 5px;
	color: #333;
}

/*==============================================================
        ListNews & Detailt
==============================================================*/
.content-Album { padding:5px;}

.listnews-clear {}
.list-item { display:block; padding:10px; border:1px solid #ddd;}
.listnews-clear h2 , .box-contents h2{ background: transparent url("/CongChinh/img/bg-nav.png") repeat-x scroll left top; color: #FFF; font-size: 12px; font-weight: bold; padding: 10px 15px; border: 1px solid #2055BC;}
.listnews-clear h2  a, .box-contents h2 a {color:#fff;}
.listnews-clear .list-item { display:block; }
.listnews-clear .list-item  .item { display:block; clear:left; margin:0; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd}
.listnews-clear .list-item  .item a{ display:inherit; float:left}
.listnews-clear .list-item  .item a img { width:240px; margin-right:10px; max-height:160px;}
.listnews-clear .list-item  .item .item-right { text-align:justify;}
.listnews-clear .list-item  .item .item-right a.Ititle { float:none; margin-bottom:7px; font-weight:bold; color:#039; font-size:13px;}
.listnews-clear .list-item  .item .item-right p.Itime { margin-bottom:7px; color:#999; font-weight:normal !important;}
.listnews-clear .list-item  .item .item-right p.Ides { font:normal 12px Arial !important; line-height:17px !important; color:#000}
.listnews-clear .list-item  .item .item-right p.Ides  strong { font-weight:normal; color:#000}

.box-contents { width:560px; }
.box-contents .D-news { padding:10px; border:1px solid #ddd; display:block; text-align:justify;}
.box-contents .D-news h1 { font:bold 16px Arial; margin:0 0 10px 0; color:#039; }
.box-contents .D-news .meta { font:normal 13px; display:block; margin-bottom:20px; overflow:hidden;}
.box-contents .D-news .meta img { width:240px; margin-bottom:10px; float:left; margin-right:10px; max-height:170px;}
.box-contents .D-news .meta p.des { font-size:13px; line-height:19px; text-align:justify; color:#666; font-weight:bold; font-style:italic; }
.box-contents .D-news .meta p.des strong { font-weight:bold; color:#666 !important; text-align:justify;}
.box-contents .D-news .content-News { text-align:justify; font-size:13px; line-height:20px; color:#000; }
.box-contents .D-news .content-News p img { align:center}
.box-contents .D-news .tacgia {    
	display: block;
    clear: both;
    overflow: hidden;
    text-align: right;
    font: bold 12px Arial;
    padding-right: 20px;
    padding-top: 20px;
}

.news-other  ul li { display:block; padding-left:5px; padding-top:3px; list-style:square}

.paging { clear:both; display:block; overflow:hidden; margin:15px 0 0 20px}
.paging a {background: #F6F6F6 -moz-linear-gradient(center top , #FFF, #E1EEF6) repeat scroll 0px 0px; border:1px solid #67B4E3; color:#555; cursor: pointer; display:block; float:left; font: 11px Tahoma,Geneva,sans-serif; margin-right: 5px;padding: 4px 8px; text-decoration: none;}
 .paging a.current {background: #377EB6 -moz-linear-gradient(center top , #E1EEF6, #377EB6) repeat scroll 0px 0px;}

 .list-other{margin:0 0 0 10px; clear:both; display:block; padding-top:40px}
 .list-other p.o-title{ font:bold 12px Arial; color:#039}
 .list-other a.o-item{ font-weight:normal !important;}
.list-other .o-title:after {
    width: 0;
    white-space: nowrap;
    content:". . . . . . . . . . . . . . . . . . . . "" . . . . . . . . . . . . . . . . . . . . "" . . . . . . . . . . . . . . . . . . . . "}
 .list-other .o-item{padding: 5px 10px 0px 25px; background: transparent url("/CongChinh/img/row-01.gif") no-repeat scroll 10px 10px; text-align: justify; margin:5px 0; display:block; color:#333}

.print { background: #E9B48F none repeat scroll 0px 0px; display: block; padding: 7px 2%; text-align: right;  margin: 5px 0px;}
.print  span { padding:0 5px; font:bold 12px Arial}
.print  span a { color:#333; }

/* css thủ tục hành chính */
.box-map {background:url("/CongChinh/img/title-box-03.gif") no-repeat scroll left top transparent; padding-left:10px;}
.box-map .box-map-container {padding:8px 10px 8px 0px; background:url("/CongChinh/img/title-box-03.gif") no-repeat scroll right top transparent}
.box-map ul {padding:0px; margin:0px; width:100%; display:inline-block; clear:both; list-style:none; margin:0px; padding:0px; list-style:none;}
.box-map ul li {float:left;}
.box-map ul li span,
.box-map ul li a,
.box-map ul li a:link,
.box-map ul li a:visited {float:left; padding-right:5px; color:#333; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
.box-map ul li a.actived, 
.box-map ul li a:hover {color:#0D4891;}

.procedures  ul li {    background: url(../img/icon-li-3.png) 0 5px no-repeat;    margin-bottom: 8px;    padding-left: 10px;    font-family: arial;    text-align: justify;}

/*=============================== ListImage & Video ===============================*/
   .ListAlbum { padding: 3px; display:block;}
   	.ListAlbum	select { clear:left; display:block;}
	.Album { display:block;   padding: 5px;  display: block;  overflow: hidden;  border: 1px solid #ddd;}
	.Album .album-video {}
	.Album .dm-video .item { clear:left; display:block; margin-top:5px}
	.Album .dm-video .item p { clear:left; display:block; padding:7px 10px; background:#801A7D; color:#fff; font:normal 12px Arial }
	.Album .dm-video .item .VitemRight { display:table; padding:5px 0 5px 10px; border:1px solid #ddd; width:100%;}
	.Album .dm-video .item .VitemRight a { display:block; width:145px; float:left; margin:10px 10px 0 0}
	.Album .dm-video .item .VitemRight a img { background:url("/Publishing/img/notimage.png") no-repeat; width:145px; height:130px;}
	
/*=============================== Footer ===============================*/
#footer {
	padding-top: 20px;
	color: #fff;
	background: #016bd5 url(../img/bg-footer.png) repeat-x;
}
.pre-footer {
	padding: 0px 10px;
	margin-bottom: 7px;
	font-weight: bold;	
}
.pre-footer h5 {
	float: left;
	font-size: 13px;
	text-transform: uppercase;	
}
.pre-footer ul {
	float: right;	
}
.pre-footer ul li {
	float: left;
}
.pre-footer ul li:last-child a {
	border-right: none;	
}
.pre-footer ul li a {
	color: #fff;
	padding: 0px 10px;
	border-right: 1px solid #fff;	
}
#footer .contact {
	padding: 10px;	
}

.bottom-l {
  border: 1px solid #CCCCCC;
  border-radius: 1px;
}
#column-left .contentss img, #column-right .contentss img {
	max-width: 200px;	
}
.contentss {
	padding: 9px;	
	border: 1px solid #ddd;
	border-top: none;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-width:medium 0px;
	border-style: none !important;
}
.contentss ul li:last-child {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	border-bottom: none !important;
}

.bottom-r h1 {
  color: #003399 !important;
  font-family: arial;
  padding:10px;
}
.content.box-content-news-detail {
  padding: 10px !important;
}
.select {
  margin-bottom: 10px;
  padding-right: 5px;
}

.img170x130 {
    float: left;
    height: 130px;
    margin: 3px 10px 0 0;
    width: 170px;
    background:url(/btp2013/tdkt/temp/bg-tin-hot-lltp2.png);
}
img {
    vertical-align: middle;
}
.folder-news {
  margin-left: -2px;
}
#center_home {
    margin-left: 10px;
    float:left;
}
.box-container.contentss.box-style {
    margin-left: -6px;
}
.categoryNews {
  line-height: 28px;
}
.box-content-03 {
  margin-top: 0px;
  width: 560px;
}
.list-link a {
  color: #004175 !important;
  font-family: arial;
  font-size: 12px;
  text-align: justify !important;
}
.categoryNews span {
  color: #999999;
}

.desc.clearfix div {
  font-family: arial;
  font-size: 12px;
  text-align: justify;
}
.folder-news {
  margin: 0 auto !important;
  padding-top: 1px;
  width: 560px;
}


.paging a, .paging a:link, .paging a:visited {
  background: -moz-linear-gradient(center top , #FFFFFF, #E1EEF6) repeat scroll 0 0 #F6F6F6;
  border: 1px solid #67B4E3;
  color: #555555;
  cursor: pointer;
  display: block;
  float: left;
  font: 11px Tahoma,Geneva,sans-serif;
  margin-right: 5px;
  padding: 4px 8px;
  text-decoration: none;
}
.paging a:hover, .paging a.current {
  background: -moz-linear-gradient(center top , #E1EEF6, #377EB6) repeat scroll 0 0 #377EB6;
  border: 1px solid #67B4E3;
  color: #005284;
  overflow: visible;
}
#center_home li {
  list-style: none outside none;
}
.danhmuctin {
  width: 558px;
}
.content.box-content-news-detail > p {
  text-indent: 0 !important;
}
.Apple-style-span p {
  text-indent: 0 !important;
}
.contents h1 {
  color: #003399 !important;
  font-family: arial;
  font-size: 18px !important;
  line-height: 24px;
}
.section-header .tabs {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../img/bg-blue.png") repeat;
  border-color: #5E91C3 #5E91C3 -moz-use-text-color;
  border-image: none;
  border-style: solid solid none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-width: 1px 1px medium;
  color: #FFFFFF;
  float: left;
  font-weight: bold;
  margin: 4px 0 0 4px;
  padding: 3px 5px;
}

.section-header h3 {
  margin: -1px 0 0 -1px;
}
.tabs {
  font-size: 12px;
  color: #fff !important;
  font-family: arial;
}
#media {
  margin-bottom: 0 !important;
}
#boxStatistic {
  margin-bottom: 0px !important;
  margin-top:10px;
}
.box-news {
  width: 560px;
}
#smoothmenu2 ul li a .rightarrowclass {
  background: url("/btp2013/tdkt/img/right.png") no-repeat;
  height: 9px;
  width: 6px;
}
.rightarrowclass {
  position: absolute;
  right: 5px;
  top: 10px;
}
.line-height {
  margin-top: 10px;
}

.desc.clearfix div {
  font-family: arial;
  font-size: 12px;
}
#idVideo
{
	display:inline !important;
}
#idVideo embed {
  height: 180px;
  width: 180px;
}
.login a {
  color: #FFFFFF;
}
.search-box.fRight div {
  float: left;
  padding-right: 5px;
}
.box-container.contents.box-style table {
  width: 560px !important;
  margin-left: 10px;
  margin-top:5px;
}
.khung_search {
  background: url("/PublishingImages/vbpq_images_2/yellow_green_long.gif") no-repeat;
  border-style: none;
  clear: both;
  display: block;
  margin-top: 10px;
  overflow: hidden;
  width: 540px !important;
   margin-left: 10px;
}
#center_home .box-container.contents.box-style {
  width: 560px !important;
}
.box-container.contents.box-style select {
  width:100px !important;
}

td.contactTabsOn {
  border-bottom: 0 none;
  border-left: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  font-family: Arial;
  font-size: 12px;
  height: 25px;
  padding: 1px;
}
td.contactTabsOff {
  background: none repeat scroll 0 0 #EFEFEF;
  border-left: 1px solid #DFDFDF;
  border-top: 1px solid #DFDFDF;
   border-right: 1px solid #DFDFDF !important;
  color: #4D5553;
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  padding: 1px;
}
.paging {
  float: right;
}
.total {
  font-weight: bold;
}
td .contactTabsOn {
  border-bottom: 1px solid #dfdfdf;
  margin-bottom:10px;
}
.contactTabsOff > p {
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
}
.contactTabsOff.nbh {
  width: 100px;
}
.meta p
{
    background:none  !important;
    display:inline !important;
    margin-bottom: 0px !important;
    }
#smoothmenu2 ul li a .rightarrowclass {
    background:url("/CongChinh/img/right-1.png") no-repeat !important;
    height: 9px;
    width: 6px;
}

.rightarrowclass {
    position: absolute;
    right: 5px;
    top: 10px;
}
.title-blue {
  color: #FFFFFF !important;
}
.title-blue span {
	font-size:13px;
}
.chitiettin {
  width: 540px !important;
}
.section-header .clearfix p {
  font-family: arial;
  padding-left: 5px;
  padding-top: 5px;
}
.box-content-03
{
 background: url("../img/bg-grey.png") repeat-x;
    border: 1px solid #DDDDDD;
    height: 30px;
}
.title div
{
    background: url("../img/bg-blue.png") repeat-x;
    border: 1px solid #5E91C3;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    margin: 5px;
    padding: 3px 10px;
    color:#fff;
    }
    .bulk-actions input:last-child {
  margin-left: 220px;
  margin-top: 10px;
}
.form img {
  margin-bottom: 10px;
}

.hot-news.clearfix div {
  font-weight: bold;
  font-family: arial;
  font-size: 12px;
}
.dataTable tr {
  border: 1px solid #CCCCCC;
}
.dataTable th {
  background: none repeat scroll 0 0 #C7DFF6;
  border: 1px solid #CCCCCC;
  font-family: arial;
  font-size: 12px;
  padding: 5px 0 0 5px;
  text-align: center;
}
.dataTable td {
  border: 1px solid #CCCCCC;
  font-family: arial;
  padding: 0 5px;
}

.ms-webpart-chrome-vertical , .ms-webpart-cell-vertical , .ms-webpart-zone{
	display:block !important;
}
#ms-designer-ribbon{
	display:none;
}