@charset "utf-8";
/*-------------MENU---------------*/
#menu { 
	width: 100%;
}

/*-------------LOGO---------------*/
#logo{
	/*background:url(../images/logo.png) center center no-repeat; */
	height: 80px;
	width:260px;
	float:left;
	margin: 20px 0 10px 28px;
}
.logo{
	background:url(../images/logo_vn.gif) center center no-repeat; 
}
.logo_eng{
	background:url(../images/logo_vn.gif) center center no-repeat; 
}
#logo_right{
	float:right;
	padding-right:16px;
	margin-top:25px;
	height:14px;
}
.hotline{
	float:right; 
	padding-right: 16px; 
	margin-top:40px; 
	margin-right: -90px;
	text-align:right;
}

.hotline p{
	margin:3px 0 0 0; 
}
.hotline a{
	color:#000;
	font-weight: bold;
	text-decoration:none;
	padding: 0 0 0 10px;
}
.hotline a:hover{
	color:#d20a11;
}
#logo_right div {
	margin-top: 10px;
}
a.icon_link{
	width:14px;
	padding: 3px 7px 1px 7px;
	margin-right:10px;
	font-size:9px;
}
.icon_aplus {
	background:url(../images/icon_fontsize.gif) no-repeat top left;
}
.icon_aminus{
	background:url(../images/icon_fontsize.gif) no-repeat -24px top;
}
.icon_anone{
	background:url(../images/icon_fontsize.gif) no-repeat -48px top;
	margin-right:0;
}
/*--------------------------------*/

.container {
	width:980px;
	margin:0 auto;
}
/* CSS Document */
.shadow_top{
	background:url(../images/hshadowt.gif) left top;
	padding-left: 20px;
}

.shadow_top div{
	background:url(../images/hshadowt.gif) right top;
	height:9px;
	padding: 8px 0 0 16px;
}

.shadow_bottom{
	/*background:url(../images/hshadowb.gif) left top;*/
	padding-left: 20px;
}

.shadow_bottom div{
	/*background:url(../images/hshadowb.gif) right top;*/
	height:21px;
	padding: 0 0 0 16px;
}

.shadow_left{
	/*background:url(../images/vshadowl.gif) repeat-y left;*/
	padding-left:16px;
}
.shadow_right{
	/*background:url(../images/vshadowr.gif) repeat-y right;*/
	padding-right:16px;
}

.title{
	font-weight:bold;
	color:#993300;
}

.space {
	/*background-color:#f0f0f0; */
	height:5px;
}

div.linetop {
	background:#ccc;
	margin:0 0 5px;
}

/*-- MAIN MENU --*/
#menu  
{float:right; margin-top:-10px; padding-bottom:10px; width:636px;  white-space:nowrap}
.menu, .menu ul{padding:0; margin:0; list-style:none; background:#fff;font-weight:bold; text-align:left;}

.menu li {float:left; background:url(../images/spacemenu.jpg) no-repeat center left;}
.menu li:first-child{background-image:none;}

.menu li ul {border:1px solid #cbcbcb; margin:0;}
.menu li li {float:none; background:#FFF;}

/* a hack for IE5.x and IE6 */
* html .menu li li {float:left;}

.menu li a {display:block; color:#000; padding: 0 10px 0 10px; height:36px; line-height:36px; text-decoration:none; white-space:nowrap;}
.menu li li a {float:none;padding-right:16px;}
.menu li:hover a {position:relative; left:-1px}
.menu li:hover {position:relative; z-index:300; background:#eee; left:1px;}
.menu li:hover li{border:1px solid #e0e0e0; border-width: 1px 0 0 0;}
.menu li:hover li a{height:30px; line-height:30px;}
.menu li:hover li:first-child{border-top:none;}
.menu li:hover li:hover{left:0;}
/*
.submenudown{background:url(../images/submenudown.gif) no-repeat center right;}
.submenuright{background:url(../images/submenunext.gif) no-repeat center right;}
*/
.menu li:hover ul {left:-1px; top:36px; display:none;}

/* another hack for IE5.5 and IE6 */
* html .menu li:hover ul {left:0;}
.menu ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html .menu ul {width:1px;}

/* it could have been this simple if all browsers understood*/
/* show next level */
.menu li:hover li:hover > ul {left:0; margin-left:100%; top:-1px; _top:-2px;}
/* keep further levels hidden */
.menu li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
.menu li:hover > a {text-decoration:none; color:#000;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
.menu li:hover li:hover ul,
.menu li:hover li:hover li:hover ul,
.menu li:hover li:hover li:hover li:hover ul,
.menu li:hover li:hover li:hover li:hover li:hover ul
{left:0; margin-left:100%; top:-1px; _top:-2px;}

/* keep further levels hidden */
.menu li:hover ul ul,
.menu li:hover li:hover ul ul,
.menu li:hover li:hover li:hover ul ul,
.menu li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
.menu li:hover a,
.menu li:hover li:hover a,
.menu li:hover li:hover li:hover a,
.menu li:hover li:hover li:hover li:hover a,
.menu li:hover li:hover li:hover li:hover li:hover a,
.menu li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#d20a11;}

/* hide futher possible paths */
.menu li:hover li a,
.menu li:hover li:hover li a,
.menu li:hover li:hover li:hover li a,
.menu li:hover li:hover li:hover li:hover li a,
.menu li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#000;}
/************************/

li.current{position:relative; z-index:300; background:#eee; left:1px; color:#d20a11;}
li.current a{color:#d20a11;position:relative; left:-1px;}

/* BANNER */
#cover{
	
}

.panel_banner{width:923px; font-weight:bold;}

.panel_banner .v_menu{text-align:left; width:301px; height:220px; float:left;}

.panel_banner .v_menu ul{ list-style:none; margin:0; padding:0;}

.panel_banner .v_menu ul li{ margin-bottom:2px;}

.panel_banner .v_menu ul li a{display:block; background:url(../images/bannerbg.gif) no-repeat scroll  0 -36px; height:35px; color:#FFF; text-decoration:none;}

.panel_banner .v_menu ul li a:hover { background:url(../images/bannerbg.gif) no-repeat scroll 0 0; color:#d20a11;} 
.panel_banner .v_menu ul li a span{display:block; padding:7px 0 0 32px; white-space:nowrap;}

.panel_banner .banner
{
	background:url(../images/slidebg.gif) no-repeat;
	width:619px; height:220px; float:right;
}

.panel_banner .banner a{display:block; padding:2px 0 0 2px;}
.panel_banner .banner a img{padding-left:1px;}
/************************/

/*PARTNER*/
.partner{background:url(../images/logo_bg.jpg) no-repeat; width:925px; height:73px; margin: 5px 0 0 0; text-align:center; padding-top: 10px;}

#link {
	overflow:hidden; 
	width:894px;
	white-space:nowrap;	
	float:left;
}

#link img{
	margin:0 11px;	
}

.prev_link{
	float:left;
	margin: 20px 0 0 5px;
}
.next_link{
	float:left;
	margin: 20px 0 0 0 ;
}
/************************/

/*FOOTER*/
#footer{background:#F2F2F2;width:904px;text-align:left;padding:10px;margin-bottom:10px;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;}
#footer a{color:#666666;text-decoration:none;}
#footer a:hover{color:#d20a11;text-decoration:underline; }
/************************/

/************************************************
	      SLIDE ICON	
************************************************/
.list {
	text-align:center;
	margin-left:0 auto;
}

.slider {
	float:left;
	position:relative; 
	visibility:hidden;
}

.slider ul li {
	min-width:118px;
}

.slider ul li a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	padding:0 5px 0 5px;
}

.slider ul li a:hover {
	color:#d20a11;
	background:none;
}

.slider ul li img {
	cursor:pointer;
	height:30px; 
	width:30px;  
	padding-bottom:5px;
}

.prev {
	cursor:pointer; 
	float:left;
	padding:26px 5px 0 4px;
}

.next {
	cursor:pointer; 
	float:right;
	padding:26px 3px 0 0;
}

/********SROLLING LIST*********/
div.scrollable{
	text-align:left;
	margin-top:1px;

}

div.scrollable ol, div.scrollable ul { list-style:none; }
div.scrollable ol li, div.scrollable ul li { 
	list-style: none;
}

div.scrollable ol, div.scrollable ul, div.scrollable li {
    margin:0;
    padding:0;
}

div.scrollable ol{
	border:1px solid #ddd;
	padding:3px 0 5px 3px;
}

div.scrollable ol li { /*for IE6*/
	overflow: hidden;
	width: 261px;
	text-align:left;
	padding:3px 0 3px 2px;
}

div.scrollable ol li div{
	padding-left:5px;
	padding-right:5px;
}

/* next previous tabs */
div.scrollable a.prevline, div.scrollable a.nextline {
	margin-top:18px;
	text-indent: -9999px;
	width: 10px;
	height:10px;
	float:left;
	padding-top:0;
}

div.scrollable a.prevline{
	background: url(../images/arrowup.gif) top left no-repeat;
	margin-left:120px;
}

div.scrollable a.nextline {
	background: url(../images/arrowdown.gif) top left no-repeat;
	margin-left:10px;
}

/************************/


/***********************TOPSTORY***************************************/
div.HomeTopStory{
	overflow:hidden;
	position:absolute;
	z-index:1;
}

div.HomeTopStoryColorLayer{
	overflow:hidden;
	position:absolute;
	background-color:black;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	z-index:3;
}
div.HomeTopStoryColorLayerContent{
	overflow:hidden;
	position:absolute;
	z-index:4;
}
div.HomeTopStoryColorLayerSubImage{
	position:absolute;
	z-index:6;
}
div.HomeTopStoryTitle{
	cursor:pointer;
	position:absolute;
	font-size:12px;
	font-weight:bold;
	color:#fdcc32;
	z-index:10;
	text-align:left;
}
div.HomeTopStoryTitleShadow{
	position:absolute;
	font-size:12px;
	font-weight:bold;
	color:#666;
	z-index:9;
	text-align:left;
}
div.HomeTopStoryLead{
	position:absolute;
	font-family:Arial;
	font-size:11px;
	color:white;
	z-index:10;
	text-align:left;
}
/****************************************************/

/******* CONTENT *******/
#content{
	margin: 10px 0 10px 5px;
}
.marginbottom{
	margin-bottom: 10px;	
}
.block1{
	width:615px;	
}
.block2{
	/*width:296px;*/
	width:302px;
}
.panel a{
	text-decoration:none;
	color:#333333;
}
.panel a img{
	border:none;	
}

/* Background */
/* 01 */
.panel .bgtr{
	background:url(../images/block_t.png) no-repeat right center;
	height:7px;
	padding-right:7px;
}
.panel .bgtl{
	background:url(../images/block_t.png) no-repeat left center;
	height:7px;
}
.panel .bgbr{
	background:url(../images/block_b.png) no-repeat right center;
	height:7px;
	padding-right:7px;
}
.panel .bgbl{
	background:url(../images/block_b.png) no-repeat left center;
	height:7px;
}
.panel .bgcr{
	background:url(../images/block_c.png) repeat-y right;
	padding-right:7px;
}
.panel .bgcl{
	background:url(../images/block_c.png) repeat-y left;
	padding-left:15px;
}
/* end 01 */
/* 02 */
.panel .bgtr2{
	background:url(../images/block_t.gif) no-repeat right center;
	height:7px;
	padding-right:7px;
}
.panel .bgtl2{
	background:url(../images/block_t.gif) no-repeat left center;
	height:7px;
}
.panel .bgbr2{
	background:url(../images/block_b.gif) no-repeat right center;
	height:7px;
	padding-right:7px;
}
.panel .bgbl2{
	background:url(../images/block_b.gif) no-repeat left center;
	height:7px;
}
.panel .bgcr2{
	background:url(../images/block_c.jpg) repeat-y right;
	padding-right:7px;
}
.panel .bgcl2{
	background:url(../images/block_c.jpg) repeat-y left;
	padding-left:15px;
}
/* end 02 */
.panel .block1_height{
	min-height:63px;
	_height:63px;
	width:598px;
}
.panel .block2_height{
	min-height:240px;
	height:240px;
	width:280px;
}
.panel .block3_height{
	min-height:63px;
	_height:63px;
	width:280px;
}
.panel .left_height{
	min-height:63px;
	_height:63px;
	width:280px;
}
/* End Background */

/* Search */
.search_atm{
	padding:1px 5px 0 15px;	
}
.search_atm .text{
	background:url(../images/search_txt.gif) no-repeat;
	height:24px;
	width:165px;
	padding:2px 5px 0px 6px;
}
.search_atm .text .txt{
	border:0;
	font-size:11px;
}
.combobox{
	font-size:11px;
	padding:0;
	height:20px;
	width:165px;
}
.search_atm .button{
	padding-left:10px;	
}
/* End Search */

/* Menu */
.block1_height .icon_menu{
	display:block;
	font-weight:bold;
	padding:5px 5px 0px 5px;
}
.block1_height a.icon_menu:hover{
	color:#d20a11;
}
.block1_height .icon_menu img{
	padding-bottom:5px;	
}
.vach{
	background:#e3dfdf;
	width:1px;
	height:63px;
}
/* End Menu */

/* Tab */
.tab_curr{
	background:url(../images/tab_currency.gif) no-repeat !important;
	height:20px !important;
}
ul.tab_subcurr{
	list-style:none !important;
	margin:0 !important;
	padding:1px 0 1px 35px !important;
}
ul.tab_subcurr li{
	float:left !important;
	margin-right:20px !important;
}
ul.tab_subcurr li a{
	padding-left:15px !important;
	font-weight:bold !important;
	background:none !important;
}
ul.tab_subcurr li a:hover{
	color:#d20a11 !important;
	background:none !important;
}
.tabs-nav .tabs-selected a {
    color: #d20a11 !important;
}
.dotline{
	_margin-top:-15px;
}
/* End Tab */

/* Tab News */
.news{
	padding:0 3px 0 3px;	
}
.news .head{
	padding-bottom:1px;	
}
.news .date{
	color:#999999;
	font-size:10px;
	font-weight:bold;
}
.news .title{
	color:#d20a11;
	font-weight:bold;
	padding-left:5px;
}
.news .cont{
	padding-top:5px;
	text-align:left;
}
/* End Tab News */

/* Tab Slides */
.slides{
	padding:6px 7px 0 0;	
}
.slide{
	background:url(../images/slidemini_boder.gif) no-repeat;
	width:268px;
	height:197px;
}
/* End Tab Slides */
.panel .more{
	font-weight:bold;
	padding-right:13px;
}
.panel .more a:hover{
	color: #d20a11; cursor: pointer;
}
.panel .xt{
	margin-top:13px;	
}
.panel .contenttitle{
	font-weight:bold;
	color:#993300;
	padding:5px 0px 7px 10px;
}
.panel ul.redcircle{
	color:#aa3d33;
	padding-top:10px;
	padding-bottom:10px;
}
.panel .txt0{
	padding:10px;	
}
.txt0 p{
	margin:0;
	padding:0;
}
.panel .txt1{
	color:#000;
	font-weight:bold;
}
.panel .txt2{
	color:#000;
}
.panel .txt3{
	padding-left:450px;
}
.panel .txt4{
	font-size:14px;
	color:#aa3d33;
	font-weight:bold;
	padding-top:10px;
}
.panel .txt5{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
.panel .reditalic{
	font-style:italic;
	color:#aa3d33;
}
.panel .redbold{
	font-weight:bold;
	color:#aa3d33;	
}
.panel a.style1{
	color:#666;
	font-weight:bold;
}
.panel a.style1:hover{
	text-decoration:underline;
	color:#aa3d33;
}
.panel a.style2{
	color:#aa3d33;
	font-weight:bold;
}
.panel a.style2:hover{
	color:#000;
}
.panel a.style3{
	color:#aa3d33;
}
.panel a.style4{
	font-size:11px;
	font-weight:bold;
	color:#666;
	padding-right:10px;
}
.panel a.style4:hover{
	color:#aa3d33;
}

.panel a.style5{
	color:#000;
	/*font-weight:bold;*/
}
.panel a.style5:hover{
	color:#aa3d33;
}
.panel .pagecurrent{
	font-weight:bold;
	color:#aa3d33;
}
.panel .page{
	font-weight:bold;
}

.panel a.blacktored:hover{
	color:#aa3d33;
}
.panel table.dotred{
	margin-bottom:0px !important;	
}
.panel table.dotred td{
	background:url(../images/dotred.png) no-repeat 0px 12px;
	padding-left:13px;
}
.panel .lh{
	padding:5px 0px 5px 0px;
}
.panel .space_tt{
	background:url(../images/space_tt.png) repeat-y right top;
	width:1px;
	padding-right:10px;
}
.panel .dotred1
{
	/*Lam edit*/
	/*background:url(../images/dotred1.png) no-repeat 0px 7px;*/
	padding-left: 0;
	color:#aa3d33;
	font-weight:bold;
}
.panel .dotdv
{
	background:url(../images/dotred1.png) no-repeat 0px 7px;
	padding: 0 5px 6px 12px;
}
.panel .dotdv2
{
	background:url(../images/dotred1.png) no-repeat 0px 7px;
	padding: 0 5px 6px 12px;
}
.panel .dotred2
{
	background:url(../images/dotred1.png) no-repeat 0px 7px;
	padding-left:12px;
	color:#aa3d33;
	font-weight:bold;
}

.dotred1 a{
	color:#aa3d33;
	font-weight:bold;
}
.panel .txt_tt{
	padding-left:12px;
}

.panel .txt_tthv{
	padding-left:-5px;
	text-align:justify;
}

.panel .icon_right{
	float:right;
	padding:6px 5px 0 0;	
}
/* Button */
.btt_r{
	background:url(../images/button.png) no-repeat right center;
	padding:5px 12px 4px 0px;
	font-size:11px;
	font-weight:bold;
}
.btt_l{
	background:url(../images/button.png) no-repeat left center;
	padding:4px 1px 3px 12px;
}
/* End Button */
/* Table LaiSuat */
table.laisuat{
	border:1px #cccccc solid;
	width:90%;
}
table.laisuat td{
	text-align:center;
	padding:5px 3px;
}
table.laisuat td.border_r{
	border-right:1px #cccccc solid;	
}
table.laisuat td.border_l{
	border-right:1px #cccccc solid;	
	text-align:left;
}
table.laisuat td.border_right{
	border-right:1px #cccccc solid;	
	text-align:right;
}
table.laisuat .ls_title{
	color:#EEE;
	font-weight:bold;
	background:#aa3d33;
}
.ls_gray{
	background:#F2F2F2;	
}
.ls_white{
	background:#FFF;	
}
/* End Table LaiSuat */

/* Table center */
table.center td{
	text-align:center;
	width:170px;
}
/* End Table center */
/* bgwhite */
.white{
	width:120px;
	height:60px;
	background-color:#FFF;
	text-align:center;
	padding-top:15px;
	margin:10px 30px 10px 0;
	border:1px solid #aa3d33;	
}
.doitac{
	padding-top:30px;	
}
/* end bgwhite */
/******* END CONTENT *******/


/*************TABS******************/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style:none;
	margin:0;
	padding:2px 0 2px 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float:left;
	margin-right:5px;
}
.tabs-nav a span {
    padding:3px 7px 3px 0;	
	display:block;
}
.tabs-nav a {
    display:block;
	padding-left:7px;
	font-weight:bold;    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background:url(../images/tab.gif) no-repeat left center;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    background:url(../images/tab.gif) no-repeat 100% center;
	color:#d20a11;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background:url(../images/tab.gif) no-repeat 100% center;
	color:#d20a11;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
/********************************************************************************//* Skin */
.tabs-nav {
    list-style:none;
	margin:0;
	padding:2px 0 2px 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float:left;
	margin-right:5px;
}
.tabs-nav a span {
    padding:3px 7px 3px 0;	
	display:block;
}
.tabs-nav a {
    display:block;
	padding-left:7px;
	font-weight:bold;    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background:url(../images/tab.gif) no-repeat left center;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    background:url(../images/tab.gif) no-repeat 100% center;
	color:#d20a11;
}
.tabs-nav .tabs-selected a span b{
    background:url(../images/arrow_02.gif) no-repeat 0px 3px;
	padding-left:5px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background:url(../images/tab.gif) no-repeat 100% center;
	color:#d20a11;
}
.tabs-nav .tabs-selected a span b, .tabs-nav a:hover span b, .tabs-nav a:focus span b, .tabs-nav a:active span b {
    background:url(../images/arrow_02.gif) no-repeat 0px 3px;
	padding-left:5px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav a span b, .tabs-nav .tabs-disabled a:hover span b, .tabs-nav .tabs-disabled a:focus span b, .tabs-nav .tabs-disabled a:active span b {
    background:url(../images/arrow_04.png) no-repeat 0px 3px;
	padding-left:5px;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
/********************************************************************************/

.float_l{
	float:left;	
}
.float_r{
	float:right;
}

.float_lls{
	float:left;	
	width:70%;
}
.float_rls{
	float:right;
	width:20%;
	vertical-align:top;
}

/*TREE VIEW*/
#treevw {
	list-style: url(../images/arrow_02.gif);
	font-weight: bold;
	margin: 0 0 0 30px;
	padding-bottom:10px;
}

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
}
#treevw ul{
	list-style: url(../images/arrow_03.gif);
}
.treeview ul {
	margin-top: 4px;
	margin-left:8px;
	font-weight: normal;
	color:#888;
}

.treeview .hitarea {
	float: left;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0 3px 6px;
}

.treeview a.selected {
	background-color: #eee;
}
.treeview a:hover { color: #d20a11; cursor: pointer; }

/*Truy Cap Nhanh*/
.truycapnhanh{
	text-align:center; 
	font-weight:bold; 
}
.truycapnhanh a:hover{
	color: #d20a11; cursor: pointer; 	
}

.donvi, .donvi ul{
	list-style:none;
}

.donvi .collapsable-hitarea, .donvi .expandable-hitarea{
	background: url(../images/minus.png) left center no-repeat;
	height: 16px;
	width: 16px;
	float: left;
	margin-left: -16px;
	cursor: pointer;
}

.donvi .expandable-hitarea{
	background-image: url(../images/plus.png);
}

.donvi .expandable-hitarea span{
	color: #333fff; 
}
.donvi .collapsable-hitarea  span
{
	color: #000; 
}
.donvi li{
	font-weight:bold; 
	font-style:italic;
	margin:0; 
	padding:0 0 0 16px;
}
.donvi li li{
	font-weight:normal; 
	font-style:normal;
	color:#000;
	padding:0 0 0 0;
}
.donvi li span:hover{
	color: #d20a11; 
	cursor: pointer; 
}

.donvi li li span:hover{
	cursor: auto; 
}

/* Paging Gridview*/

#dividePage
{
	padding: 10px 10px;
	font-size: 11px !important;
	clear: both;
	margin-bottom: 15px;
}
#dividePage .pagingstatus
{
	float: left;
}
#dividePage .pagingstatus strong
{
	color: #FF0000;
}
#dividePage .paginator
{
	float: right;
}
#dividePage .paginator a
{
	display: block;
	float: left;
	padding: 0 4px;
	border: 1px solid #999;
	background-color: #fff;
	color: #000 !important;
	margin-right: 3px;
	font-weight: bold;
}
#dividePage .paginator a.active, .paginator a:hover
{
	text-decoration: none;
	background-color: #ff0000;
	border: 1px solid #ff0000;
	color: #fff !important;
}
.pagenav #paginator a.active
{
	cursor: default;
}
/* End paging gridview*/
.style1
{
    color: #CC3300;
    font-weight: bold;
}