/* CSS Document */
html {
	SCROLLBAR-BASE-COLOR: #CCCCCCC;
	SCROLLBAR-ARROW-COLOR: #000000;
}

body {
	background:#FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td,th {
	font-family: Verdana;
	font-size: 11px;
	color: #343434;
	line-height:18px;
}


a:active {  text-decoration: none; color:#F8A92A}
a:link {  text-decoration: none ; color:#F8A92A}
a:visited {  text-decoration: none ; color:#F8A92A}
a:hover {  color:#4CBFFD; text-decoration: underline; }

img { border : 0px; }

input {
    color: #5D5D5D;
}

.button {
	background-color: #FFFFFF;
    color: #F8A92A;
	border:1px solid #2AC6F2;
	font-weight:bold;
	padding:2xp;
	cursor:pointer;
}
.textfiled {
	border:1px solid #888888;
	color: #343434;
	line-height:20px;
	height:18px;
	padding:1px;
}
.textarea{
	border:1px solid #888888;
	line-height:20px;
	color: #343434;
	scrollbar-base-color:#888888;
	scrollbar-arrow-color:#000000; 
	overflow:auto;
}
.select{
	scrollbar-base-color:#AAA9A9;
	scrollbar-arrow-color:#000000; 
	color: #343434;
}
ul {  list-style-type:none;}
li { list-style-type:none;}
/*---------------- Border & bg ------------------------------*/
.img_border{
	border:#C4C5C5 solid 1px;
	padding:2px;
}

.border_pro {
	border:#C4C5C5 solid 1px;
	padding:2px;
}
.border_logo {
	border:#9FE9FF solid 2px;
}
.border_banner{
	border:#2AC6F2 3px solid;
}
.table_redirect{
	background:#12AAFC ;
}
.bg_logo_top{
	background:#F8A92A;
	border-top:#D38200 1px solid ;
	border-left:#D38200 1px solid ;
	border-right:#D38200 1px solid ;
}
.bg_logo{
	background:#F1FCFF;
	border-left:#C7C7C7 1px solid ;
	border-right:#C7C7C7 1px solid ;
}
.bg_left{
	background:#D3F5FF; 
}
.table_bg {
	background:#1CB0FF;
}
.row_title{
	background:#D3F5FF;
	height:20px;
	color:#0B96EC;
	font-weight:bold;
}
.row1 {
	background:#FFFFFF;
	color:#585858;
	height:20px;
	padding:2px;
}
.row2 {
	background:#FFFFFF;
	color:#585858;
	height:20px;
	padding:2px;
}
.row_extra{
	background:#FFFFFF;
	color:#585858;
}
#list_menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#list_menu li{
	background:url(../images/menu.gif) left center no-repeat;
	padding: 0;
	margin: 0;
	list-style-type: none;
	height:20px;
	padding-bottom:5px;
}

#list_menu a{
	background:url(../images/menu_act.gif) left center no-repeat;
	color: #326A79;
	font-weight:bold;
	text-decoration: none;
	height:20px;
}

#list_menu .current {
	background:url(../images/menu_act.gif) left center no-repeat;
	color: #F8AF38;
	font-weight:bold;
	text-decoration: none;
	height:20px;
}
#list_menu .current a{
	color: #F8AF38;
	font-weight:bold;
	text-decoration: none;
}

#list_menu  a:hover{
	background:url(../images/menu_act.gif) left center no-repeat;
	color: #F8AF38;
	font-weight:bold;
	text-decoration: none;
	height:20px;
}

#list_tele ul{
	margin:0px;
	padding-left:20px;
}
#list_tele li{
  padding: 5px;
  background: url(../images/icon_li.gif) left center no-repeat;
  padding-left: 10px;
  text-align:left;
}
/*----------------- font chu --------------------------------*/
.font_cat,
.font_cat a:link,
.font_cat a:visited,
.font_cat a:active{
	
	color: #326A79;
	font-weight:bold;
	text-decoration: none;
}

.font_cat a:hover{
	color: #F8AF38;
	font-weight:bold;
	text-decoration: none;
}
.font_cat_act,
.font_cat_act a:link,
.font_cat_act a:visited,
.font_cat_act a:active{
	
	color: #F8A92A;
	font-weight:bold;
	text-decoration: none;
}

.font_cat_act a:hover{
	color: #F8A92A;
	font-weight:bold;
	text-decoration: none;
}

.font_title_left{
	color: #0B96EC;
	font-weight:bold;
}

.font_left,
.font_left a:link,
.font_left a:visited,
.font_left a:active{
	color: #326A79;
	text-decoration: none;
}

.font_left a:hover{
	color: #FF9000;
	text-decoration: none;
}

.font_f_title,
.font_f_title a:link,
.font_f_title a:visited,
.font_f_title a:active{
	text-decoration: none;
	color: #15ACFD;
	font-weight:bold;
	font-size:14px; 
	padding-left:10px;
}

.font_f_title a:hover{
	text-decoration: none;
	color: #15ACFD;
	font-weight:bold;
	font-size:14px; 
	padding-left:10px;
}
.font_title,
.font_title a:link,
.font_title a:visited,
.font_title a:active{
	text-decoration: none;
	color: #15ACFD;
	font-weight:bold;
	padding-left:10px;
}

.font_title a:hover{
	text-decoration: none;
	color: #15ACFD;
	font-weight:bold;
	padding-left:10px;
}
 

.font_err,
.font_err a:link,
.font_err a:active,
.font_err a:visited {
	 color:#FF0000;
	 text-decoration:none;
}
.font_err a:hover {
	 color:#FF0000;
	 text-decoration:underline;
}

 
.font_keyword {
	background-color:#E60404;
	color:#FFFFFF;
} 


.font_footer,
.font_footer a:link,
.font_footer a:active,
.font_footer a:visited {
	 color:#326A79;
	 text-decoration:none;
}
.font_footer a:hover {
	 color:#FF0000;
	 text-decoration:underline;
}

.font_copy{
	color:#686868;
}

.font_white {
	 color:#FFFFFF;
}
.font_black,
.font_black a:link,
.font_black a:active,
.font_black a:visited {
	 color:#000000;
	 text-decoration:none;
}
.font_black a:hover {
	 color:#000000;
	 text-decoration:underline;
}

/*----------------------------- font news ------------------------------*/
.font_title_news,
.font_title_news a:link,
.font_title_news a:active,
.font_title_news a:visited {
	 color:#F8A92A;
	  font-weight:bold;
	 text-decoration:none;
}
.font_title_news a:hover {
	 color:#12AAFC;
	 text-decoration:none;
	 font-weight:bold;
}

.font_read_more,
.font_read_more a:link,
.font_read_more a:active,
.font_read_more a:visited {
	 color:#F8A92A;
	 text-decoration:none;
}
.font_read_more a:hover {
	 color:#F8A92A;
	 text-decoration:underline;
}

.font_date_news,
.font_date_news a:link,
.font_date_news a:active,
.font_date_news a:visited {
	 color:#746C6C;
	 text-decoration:none;
}
.font_date_news a:hover {
	 color:#746C6C;
	 text-decoration:none;
}

.font_other_news,
.font_other_news a:link,
.font_other_news a:active,
.font_other_news a:visited {
	 color:#F8A92A;
	 text-decoration:underline;
}
.font_other_news a:hover {
	 color:#12AAFC;
	 text-decoration:underline;
}
/*----------------------------- font raovat ------------------------------*/
.font_title_raovat,
.font_title_raovat a:link,
.font_title_raovat a:active,
.font_title_raovat a:visited {
	 color:#585858;
	 text-decoration:none;
}
.font_title_raovat a:hover {
	 color:#F8A92A;
	 text-decoration:underline;
}


/***************** phan trang *************************/
.pagecurrent{
	background: #FFC9A5;
	font-size: 8pt;
	font-weight: bold;
    color: #000000;
	padding-left: 3px;
	padding-right: 3px;
}

.pagecur {
	background: #BDE0FE;
	border: 1px solid #294B79;
	padding: 1px 5px 1px 5px;
	font-weight: bold;
	color: #003300;
}
.pagelink {
	background: #FFFFFF;
	border: 1px solid #999;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

.pagelink a:link,
.pagelink a:visited,
.pagelink a:active{
	text-decoration: none;
	color: #000000 !important;
}

/*********************************    Menu     *********************************************/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
	position:absolute;
	overflow:hidden;
	left:-1000px;
	top:-1000px;
	}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
	position:absolute;
	}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
	position:relative;
	left:0px; top:0px;
	z-index:2;
	}

.transMenu.top .items {
	border-top:none;
	}

/* each TR.item is one menu item */
.transMenu .item {
    color:#326A79;
    font-size:10px;
    font-family:tahoma;
    text-decoration:none;
	/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
	border:none;
	cursor:pointer;
	cursor:hand;
	}

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
	position:absolute;
	left:0px; top:0px;
	z-index:1;
	-moz-opacity:.8;
	filter:alpha(opacity=80);
	}

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	position:absolute;
	z-index:3;
	top:3px; width:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
	position:absolute;
	z-index:1;
	left:3px; height:2px;
	-moz-opacity:.4;
	filter:alpha(opacity=40);
	}

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
	background:#FFFFFF;
	color:#0000FF;
	}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
	margin-left:10px;
	}

INPUT.press {
	BORDER-RIGHT: #330000 2px solid; BORDER-TOP: #ff6699 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BORDER-LEFT: #ff6699 2px solid; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #330000 2px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #990000
}
INPUT.presschangecolor {
	BORDER-RIGHT: #330000 2px solid; BORDER-TOP: #3d82f4 2px solid; FONT-WEIGHT: bold; FONT-SIZE: 10pt; BORDER-LEFT: #3d82f4 2px solid; CURSOR: hand; COLOR: #fcff00; BORDER-BOTTOM: #330000 2px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #1a52b8
}