@charset "utf-8";
/* CSS Document */

@import url(./core.css);

body	{ margin:0px auto; padding:0px; background-color:#fff;
          font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#717171;}

div				{ overflow:hidden;}	
img				{ border:none;}
ul li			{ list-style:none;}

a 		{ text-decoration:none; color:#213d84;}
a:hover { text-decoration:none; color:#f16f20;}

.f_left			{ float:left;}

.bg		{ background:url(../images/bg.jpg) top repeat-x;}
.bg_main{ background:url(../images/bg_main.jpg) no-repeat top;}

/* menu */
.menu			{ height:50px; width:912px; font-size:10px; font-weight:bold; color:#ff0000; margin:0 auto; padding:0px;}
	.menu .logo_e 	{ float:left; margin:0 auto; padding:0px; width:172px;}
	
	.menu .mnleft				{ float:left; width:350px; position: relative; padding-left:20px;}
	/*
	.menu .mnleft ul			{ margin:0 auto; padding:0px; margin-left:10px;}
	.menu .mnleft ul li			{ float:left; display:inline-block; margin:0 auto; padding:0px; padding:15px 10px 0 10px;}
	.menu .mnleft ul li a		{ color:#717171; text-decoration:none;}
	.menu .mnleft ul li a:hover	{ color:#f16f20; text-decoration:none;}
	*/
	.menu .mnright				{ float:left; width:350px; padding-left:20px;}
	/*
	.menu .mnright ul			{ margin:0 auto; padding:0px; margin-left:10px;}
	.menu .mnright ul li		{ float:left; display:inline-block; margin:0 auto; padding:0px; padding:15px 10px 0 10px;}
	.menu .mnright ul li a		{ color:#717171; text-decoration:none;}
	.menu .mnright ul li a:hover{ color:#f16f20; text-decoration:none;}
	*/

/* banner */

.banner		{ margin:0 auto; padding:0px; width:912px; height:275px;}

/* maincontent */
.container			{ margin:0 auto; padding:0px; width:912px;}
.container .fr_bg	{ background:url(../images/fr_bg.jpg) top no-repeat; overflow:hidden; height:1%; padding-bottom:40px;}

.maincontent		{ width:902px; margin:0 auto; padding:0px; overflow:hidden; color:#717171;}

	/* col_l */
	.col_l			{ float:left; width:209px; padding:21px 20px 0px 20px;}
		.search		{ height:38px; width:209px; background:url(../images/search_bg.jpg) no-repeat; padding:14px 0px 0px 7px;}
				
		.lk	{  margin:0 auto; padding:0px; margin-top:10px;}
		.lk div { overflow: visible; height: 1%;}
		.lk ul li {height: 100%; overflow: hidden;}
		.lk .lk_01	{ background:url(../images/lk_01.jpg) repeat-y 0% 0%;}
		.lk .lk_02	{ background:url(../images/lk_02.jpg) no-repeat top;}
		.lk .lk_03	{ background:url(../images/lk_03.jpg) no-repeat 0% 100%;}
		.lk_cont	{ padding-left:10px; padding-top:3px;padding-bottom: 10px;}
		.lk_cont ul { }
		
		.bn_sup	{ margin:0px auto; padding:0px; margin-top:10px;}
		.bn_sup ul	{}
		.bn_sup ul li	{}
				
	/* col_r */
	.col_r				{ float:left; width:124px; padding:21px 20px 0px 20px;}
		.doitac			{ width:124px;}
		.doitac .dt_01	{ background:url(../images/doitac_bg01.jpg) repeat-y top;}
		.doitac .dt_02	{ background:url(../images/doitac_bg02.jpg) no-repeat bottom;}
		.dt_cont		{ padding-top:10px; padding-bottom:20px;}
		.dt_cont ul li	{ padding-left:10px; padding-bottom:3px;}
		
	/* col_m */
	.col_m				{ float:left; width:489px; padding-top:21px;}
		.slide			{ background:url(../images/bn_slide_bg.jpg) no-repeat; width:489px; height:151px;}
		.slide .banner	{ clear:both; margin:0 auto; width:473px; height:122px; padding-top:8px;}
		
		.tab_fr			{ width:489px; padding-top:10px; margin-bottom: 12px;}
		.tab_fr .fr01	{ background:url(../images/tab_01.jpg) repeat-y top;}
		.tab_fr .fr02	{ background:url(../images/tab_02.jpg) no-repeat bottom;}
		.tab_fr .fr03	{ background:url(../images/tab_03.jpg) no-repeat; height:1%;}
		
		.ttl_news		{ background:url(../images/tab_news.jpg) no-repeat 0% 0%;}
		.ttl_event		{ background:url(../images/tab_event.jpg) no-repeat 0% 0%;}
		.ttl_congdong	{ background:url(../images/tab_congdong.jpg) no-repeat 0% 0%;}
		.ttl_radio_shaiya	{ background:url(../images/tab_radiosy.jpg) no-repeat 0% 0%; padding-top: 21px !important; margin-top: 12px !important;}
		.ttl_radio_chienquoc	{ background:url(../images/tab_radiocq.jpg) no-repeat 0% 0%; padding-top: 21px !important; margin-top: 12px !important;}
		.ttl_radio_zero	{ background:url(../images/tab_radiozr.jpg) no-repeat 0% 0%; padding-top: 21px !important; margin-top: 12px !important;}
		.ttl_radio_linhgioi	{ background:url(../images/tab_radiolg.jpg) no-repeat 0% 0%; padding-top: 21px !important; margin-top: 12px !important;}
		.ttl_newer	{ background:url(../images/tab_baimoi.jpg) no-repeat 0% 0%; padding-top: 21px !important; margin-top: 24px;}
		.ttl_older	{ background:url(../images/tab_baicu.jpg) no-repeat 0% 0%;  padding-top: 21px !important; margin-top: 24px !important;}
		
		.tab_cont		{ padding-top:40px; padding-bottom:10px; padding-left: 10px;}
		
		.tab_cont .element	{ background:transparent url(../images/tab_ico.jpg) no-repeat 5px 30%; font-size:11px; width:450px; margin: 5px 0px; border-bottom:1px dashed #a5a5a5; padding:5px 0px 5px 15px;}
		.tab_cont span.title		{ float:left; width:370px; display:block;}
		.tab_cont span.title a		{ color:#717171;}
		.tab_cont span.title a:hover{ color:#f16f20;}
		
		.tab_cont .element span.date	{ width:78px; float:right; display:block;}
		
		a.ico_hot	{ background:url(../images/icon_hot.gif) no-repeat 100% 0%; width:365px; display:block;}
		a.ico_new	{ background:url(../images/icon_new.gif) no-repeat  100% 0; width:365px; display:block;}
		
		.color_zr	{ color:#0000FF; font-weight:bold;}
		.color_sy	{ color:#FFCC00; font-weight:bold;}
		.color_cq	{ color:#00CC00; font-weight:bold;}
		.color_lg	{ color:#ff0000; font-weight:bold;}
		.color_tl	{ color:#6633CC; font-weight:bold;}
		
		.readmore			{ background: transparent url(../images/tab_03.jpg) no-repeat 0 20px; padding-top: 20px; text-align: right; padding-right: 2px; width: 90%;}
		.readmore a		{ background:transparent url(../images/tab_more.jpg) no-repeat left center; text-decoration:none; color:#f26d1e; padding-left:10px; font-size:10px; font-weight:bold;}
		.readmore a:hover	{ text-decoration:none; color:#ff0000;}
		
		.lib			{ width:489px; padding-top:15px;}
		.lib .lib_01	{ background:url(../images/lib_bg01.jpg) repeat-y top;}
		.lib .lib_02	{ background:url(../images/lib_bg02.jpg) no-repeat bottom; padding-bottom:10px;}
		.lib_cont		{ margin:0 auto; padding:0px; padding:10px 0px; padding-left:15px; overflow:hidden; height:1%;}
		.lib_cont ul li { float:left; padding-left:10px; font-size:10px; font-weight:bold; text-align:center;}
		
/* footer */
.bg_footer			{ background:url(../images/bg_footer.jpg) repeat-x; margin-top:20px;}
.bg_footer .text	{ width:912px; margin:0 auto; padding:0px; padding:25px 0px; font-size:10px; text-align:center; line-height:18px;}

/*	updated by npbtrac */
div.menu {overflow: visible;}
div.menu * {overflow: visible;}

div.menu .sf-menu ul { z-index: 99;}

.phoca-home { width: 76px; height: 80px; float: left; margin-left: 4px !important; position: relative;}
.phoca-title { width: 76px; position: absolute; bottom: 4px; text-align: center;}

.col_m .componentheading {}


/*** Giao sua - Ngay 08022010 ***/
.contentheading		{ width:465px; font-weight:bold; color:#0063c0; font-size:13px; background:url(../images/inner_ttl_bg.jpg) left bottom no-repeat;  padding-bottom:20px; text-align:left;}
.contentpaneopen	{ margin-top:7px; font-size:11px;}

.phocagallery-box-file-second	{ width:124px; height:94px;}

.componentheading	{ font-weight:bold; color:#0063c0; text-transform:uppercase; font-size:13px; background:url(../images/inner_ttl_bg.jpg) left bottom no-repeat; height:1%;  padding-bottom:15px; text-align:left; padding-top:7px;}


#phocagallery		{ padding-top:10px;}

.phocagallery-box-file 		{ margin:5px;}
.phocagallery-box-file div 	{ overflow: visible; margin:0 auto; padding:0px;}
.phocagallery-box-file-third	{ margin-top:5px;}


.phocaname							{ font-size:10px !important; color:#213d84 !important;}


.border_img	{ border:1px solid #d3d3d3;}
#inr_sub_ttl	{ color:#f26d1e; font-weight:bold; padding:10px 0px;}


/*** Giao sua ngay 23022010 ***/

	/* inner */
	.cont_bg02	{ background:url(../images/cont_bg02.jpg) repeat-y;}
	.cont_bg01	{ background:url(../images/cont_bg01.jpg) top no-repeat;}
	.cont_bg03	{ background:url(../images/cont_bg03.jpg) bottom no-repeat;}
	.cont_inner	{ padding:5px 10px 0px 10px; margin-bottom:20px;}
	
	.blue_bold		{ color:#0063c0; font-weight:bold; padding-top:10px;}
	.org			{ color:#FF6B13;}
	.bold			{ font-weight:bold;}
	.text_soft		{ float:left; width:270px; padding-left:10px; padding-top:10px;}
	.img_soft 		{ float:right; margin-left:15px; width:160px; padding-right:10px;}
	.text_inner 	{ text-align:justify;}
	.marginL15 		{ margin-left:15px;}
	.marginT15 		{ margin-top:15px;}
	
	.text_phan 		{ font-size:13px; font-weight:bold; padding-left:4px;}
	.bg_phan 		{ background:url(../images/btn_phan.jpg) no-repeat center top; height:34px; width:64px;}
	.bold_underline { font-weight:bold; text-decoration:underline;}
	.organce_bold 	{ color:#F36F21; font-weight:bold;}
	
	
/*	For default	mod_search Joomla */
.col_l .search { height: 42px;}
.col_l .search input.inputbox { width:140px; color:#717171;}
.col_l .search input.button { width: 40px;}

/*	For com_search */
table.contentpaneopen tr td fieldset { border-bottom: 1px solid #f00;}
#searchForm table.contentpaneopen { padding-bottom: 12px;}

/*	For Default Joomla content - For Blog layout */
table.blog table.contentpaneopen td.contentheading { color:#717171; font-weight:bold; font-size:13px; background: none; padding-bottom:5px !important;}
table.blog table.contentpaneopen td.createdate			{ font-size:10px; font-weight:bold; color:#f26d1e; padding-bottom:5px;}

.article_separator { border-bottom: 1px solid #f00; width: 100%; display: block; height: 1%;}

.blog_more { padding-top: 30px;}
.blog_more div strong { color: #ff0;}
.blog_more ul li { padding-top: 5px;}

/*	Pagination	*/
ul.pagination	{ padding-top: 12px; padding-bottom: 6px;}
ul.pagination	li	{ display:inline; margin-left: 1px;}
ul.pagination	li span	{ border: none; padding: 1px;}
ul.pagination	li a	{ border: 1px solid #f00; padding: 1px; background: #ff0;}
ul.pagination	li a:hover	{ border: 1px solid #f0f; background: #0f0;}

/*	Carousel Lite	*/
.carousel, .carousel .jCarouselLite li { width: 473px; height: 151px !important;}
.carousel { position: relative;}
.carousel * { overflow: hidden;}
.carousel .jCarouselLite { }
.carousel .jCarouselLite li {}

.carousel .control	{ z-index:99; background:url(../images/bg_number.gif) 50% repeat-x transparent;	position: absolute; padding:7px 12px; opacity: 0.8 ; filter: alpha(opacity=80); bottom:0;}
.carousel .control a		{ display:block; padding:2px 4px; float:left; background-color:#000; color: #959595; border: 1px #071b59 solid; margin:0 3px; font-size:11px; font-weight:bold;}
.carousel .control a:hover		{ border: 1px #21377f solid; color:#fff;}
.carousel .control a.outline		{ background-color:#000; color: #ff0; border: 1px #21377f solid;}

/*	End - Carousel Lite	*/
	
/*	Menu	*/
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}

.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%; 
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	padding-top:	8px;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** EPLAY SKIN ***/

.sf-menu a {
	padding: 		0em 1.3em;
	text-decoration:none;
	padding-top:10px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#717171;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li li { 
	padding: 0;
	padding-bottom: 5px;
	background:#FEFEFE;
	border:1px solid #cdcdcd;
	border-top:		none;
}
.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#FEFEFE;
	outline:		0;
	color:			#FF6600;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator { 
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	10em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	10em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*	End - Menu	*/

/* Giao sua ngay 24022010 */

	.article_separator 	{ border-bottom: 1px solid #ddd; width: 100%; display: block; height: 1%;}
	.blog_more 			{ font-size:11px !important;}
	.blog_more strong	{ color:#717171 !important; font-size:11px !important;}
	.ul.pagination li span { border:1px solid #ff0000; font-size:11px !important;}
	.blog_more ul li a.blogsection	{ background:transparent url(../images/tab_ico.jpg) no-repeat 0px 50%; font-size:11px; margin: 5px 0px !important; padding:5px 0px 5px 10px !important;}
	ul.pagination li a { border:none !important; background:none !important; font-size:11px;}
	
	.search		{ height:38px; width:209px; background:url(../images/search_bg.jpg) no-repeat;}
	.col_l .search { height: 52px !important; padding:0px !important;}
	.col_l .search input.inputbox { margin:15px 0px 0px 10px; !important; width:140px; height:16px; color:#717171; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:5px;}
	.col_l .search input.button { margin:15px 0px 0px 2px; !important; width: 40px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
	
	table.contentpaneopen tr td div table { font-size:11px;}

/* Giao sua ngay 25022010 */
	.home-slide			{ background:url(../images/bn_slide_bg.jpg) no-repeat; width:489px; height:151px;}
	.jCarouselLite		{ clear:both !important; margin:0px auto; width:473px; height:122px; padding-top:8px; }
	
	.home-slide .control{ background:none; padding:0px 0px 21px 8px !important;}
	.home-slide .control .button	{ margin:0px auto; padding:0px; color:#fff; width:18px; text-align:center; border:1px solid #000;}
	
	.highlight		{ background:#FFFF00;}
	fieldset	{ border-bottom:1px solid #ddd !important; padding-top:10px; padding-bottom:10px;}
	fieldset a { font-weight:bold;}
	table.contentpaneopen	{ clear:both;}
	.contentpaneopen .button	{ float:left;}
	.contentpaneopen .inputbox	{ width:200px;}
	.cont_inner form .searchintro {font-size:11px !important; }
	
	
/* Giao sua ngay 28052010 */
	/*.cont_inner .home-slide	{ display:none;}*/
	.cont_inner .tab_cont .element	{ padding-left:10px !important;}
	
	.tuyendung 		{ font-size:11px !important;}	
	
/*Tan them ngay 27 08 2010*/
#user-facebook	{ clear: both; padding-top: 20px;}
#user-facebook .bookmark		{ float: right;}
#user-facebook .like-facebook		{ float: right;}