html, body { margin: 0; padding: 0; position: relative;font-style: normal !important; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; width: 100%; height: 100%; overflow: auto; color:#37433f; top:0; left:0;  }

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,font,
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,textarea,table,
caption,tbody,tfoot,thead,tr,th,td, input { 
  text-align:left; outline: none;
}


#main{/*background: url(dot_left.png) repeat-y 179px 0;*/ width: 100%; height: 100%; position:fixed; top:0; left:0; z-index:1;}
/* ----------------------------------------------------------------------------------------
	CSS Header    
------------------------------------------------------------------------------------------ */


/* Tab */

.swap_list_tab { margin:0; padding:2px 0 0 0; float: left; position: relative; }
.swap_list_tab .bt_tab{ width: 40px; height: 26px; background: url(nav_header.png) no-repeat -600px -118px; margin-top: 2px; cursor: pointer;}   
.swap_list_tab .bt_tab_over{width: 40px; height: 26px; background: url(nav_header.png) no-repeat -600px -147px; margin-top: 2px; position: relative;}
.swap_list_tab .panel_tab 
{
    width: 160px; margin: 0; padding:5px 0 0 0; display: none; position: absolute;top: 25px; left:-60px; z-index: 50;     
} 
.swap_list_tab .panel_tab .content_panel_tab 
{
    width: 160px; position:relative; float:left; border: 1px solid rgba(0,0,0,0.4);
    background:#fff; border-radius: 3px; box-shadow: 0 1px 5px rgba(0,0,0,0.5); 
}
.swap_list_tab .panel_tab .content_panel_tab:before{width: 12px; height: 6px; background: url(nav_system.png) no-repeat -36px -36px; position:absolute; top: -5px; left:50%; margin-left:-6px; content:"";}
.swap_list_tab .panel_tab .content_panel_tab a.menuItem 
{
    text-decoration: none; width: 140px; display: block;padding:5px 10px;
    color:#000;cursor: pointer; float:left; text-align:left; text-shadow: 0 1px rgba(255,255,255,0.5);
    box-shadow: 0 1px rgba(0,0,0,0.05);
}  
.swap_list_tab .panel_tab .content_panel_tab a.menuItem:hover
{
    background: linear-gradient(top, #fafafa 1%, #f2f2f2 100%); background: -moz-linear-gradient(top, #fafafa 1%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #fafafa 1%, #f2f2f2 100%); background: -o-linear-gradient(top, #fafafa 1%, #f2f2f2 100%);
    box-shadow: 0 1px rgba(0,0,0,0.1),0 -1px  rgba(0,0,0,0.05);
}
.swap_list_tab .panel_tab .content_panel_tab a.menuItem:first-of-type{border-top-left-radius:3px; border-top-right-radius:3px}
.swap_list_tab .panel_tab .content_panel_tab a.menuItem:last-of-type{border-bottom-left-radius:3px; border-bottom-right-radius:3px;}

.swap_sysytem{ width: auto; margin: 0 ; padding:0; z-index: 10; float:left;}
.swap_sysytem .wap_user{ height: 19px; padding: 3px 0 0 28px; width: auto; height:14px; margin: 9px 10px 0 0px; float: left; color:#fff; position: relative; font-size: 11px;  text-shadow: 0px 1px #aa4704; text-transform:uppercase; } 
.swap_sysytem .wap_user:before{ width:18px; height:18px; background: url(nav_system.png) no-repeat right bottom; content:""; position:absolute; top:0; left:7px;}
.swap_sysytem .wap_user span{width: 10px; height: 22px; background: url(nav_header.png) no-repeat right -150px; position: absolute; top: 0; right: -10px; }
.swap_sysytem .swap_About{ width: auto; margin:0; padding:0; float: left; position: relative; height: 36px; width:35px; z-index: 1;  margin-top:0;} 
.swap_sysytem .swap_About:after{width:1px; height:36px; content:""; position:absolute; top:0; right:0px; background:rgba(0,0,0,0.2); box-shadow: 1px 0 rgba(255,255,255,0.15);}
.swap_sysytem .swap_About:before{width:1px; height:36px; content:""; position:absolute; top:0; left:0px; background:rgba(0,0,0,0.2); box-shadow: 1px 0 rgba(255,255,255,0.15);}
.swap_sysytem .swap_About .bt_About_up{ height: 36px; width:35px; cursor: pointer; position:relative;}
.swap_sysytem .swap_About .bt_About_up:before{width:18px; height:19px; background: url(nav_system.png) no-repeat 0 -36px; position:absolute; top: 50%; left:50%; margin-left: -9px; margin-top:-9px; content:"";}
.swap_sysytem .swap_About .bt_About_over{height: 36px; width:35px; cursor: pointer; background: url(nav_system.png) no-repeat 0 0; position:relative;}
.swap_sysytem .swap_About .bt_About_over:before{ width:18px; height:19px; background: url(nav_system.png) no-repeat -18px -36px; position:absolute; top: 50%; left:50%; margin-left: -9px; margin-top:-9px; content:"";}
.swap_sysytem .swap_About .panel_About 
{
    width: 150px; margin: 0; padding:0; display: none; position: absolute; left:50%; top:35px; margin-left:-75px; 
}       
.swap_sysytem .swap_About .panel_About .nav_top{ width: 12px; height: 6px; background: url(nav_system.png) no-repeat -36px -36px; position:absolute; top: -5px; left:50%; margin-left:-6px; } 
.swap_sysytem .swap_About .panel_About .content_panel_About
{
     width: 150px;background:#fff; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0 -1px 6px rgba(0,0,0,0.5); border:1px solid rgba(0,0,0,0.4); overflow:hidden;
}
.swap_sysytem .swap_About .panel_About .content_panel_About a{ text-decoration: none; color:#070707; width: 135px; display:block; font-size: 11px; float:left; text-shadow: 0 1px rgba(255,255,255,1);}
.swap_sysytem .swap_About .panel_About .content_panel_About a.trogiup{ border-bottom: 1px solid #dedede; padding: 8px 0 8px 15px;  float:left; display:block; clear:both; border-top-left-radius:3px; border-top-right-radius:3px; }  
.swap_sysytem .swap_About .panel_About .content_panel_About a.trogiup:hover
{ 
    background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.taikhoan{ padding:6px 0 7px 15px; }  
.swap_sysytem .swap_About .panel_About .content_panel_About a.taikhoan:hover
{ 
    background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
    box-shadow: 0 1px rgba(0,0,0,0.1),0 -1px  rgba(0,0,0,0.05);   
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.thaydoimk{ padding:6px 0 7px 15px;}  
.swap_sysytem .swap_About .panel_About .content_panel_About a.thaydoimk:hover
{ 
    background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
    box-shadow: 0 1px rgba(0,0,0,0.1),0 -1px  rgba(0,0,0,0.05);   
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.clearcache{padding:6px 0 7px 15px;}  
.swap_sysytem .swap_About .panel_About .content_panel_About a.clearcache:hover
{ 
    background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
    box-shadow: 0 1px rgba(0,0,0,0.1),0 -1px  rgba(0,0,0,0.05);   
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.register{padding:6px 0 7px 15px;}  
.swap_sysytem .swap_About .panel_About .content_panel_About a.register:hover
{ 
    background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
    box-shadow: 0 1px rgba(0,0,0,0.1),0 -1px  rgba(0,0,0,0.05);   
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.exportjs{padding:6px 0 7px 15px;}  
.swap_sysytem .swap_About .panel_About .content_panel_About a.exportjs:hover
{ 
    background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
    box-shadow: 0 1px rgba(0,0,0,0.1),0 -1px  rgba(0,0,0,0.05);   
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.thoat{ border-top: 1px solid #dedede; padding: 8px 0 8px 15px;  float:left; display:block; clear:both; border-bottom-left-radius:3px; border-bottom-right-radius:3px;}  
.swap_sysytem .swap_About .panel_About .content_panel_About a.thoat:hover
{ 
   background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
}
.swap_sysytem .swap_About .panel_About .content_panel_About a.banlamviec{ border-top: 1px solid #dedede; padding: 8px 0 8px 15px;  float:left; display:block; clear:both;}  
.swap_sysytem .swap_About .panel_About .content_panel_About a.banlamviec:hover
{ 
   background: linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -moz-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -webkit-linear-gradient(top, #f7f7f7 1%, #ededed 100%);background: -o-linear-gradient(top, #f7f7f7 1%, #ededed 100%); background: -ms-linear-gradient(top, #f7f7f7 1%, #ededed 100%);  
}
/* ----------------------------------------------------------------------------------------
	CSS Content
------------------------------------------------------------------------------------------ */
#swapper_content{ width: 100%; height:100%; clear: both; margin: 0; float: left;  }
/* ----------------------------------------------------------------------------------------
	CSS Theme
------------------------------------------------------------------------------------------ */
#swap_theme{ width:auto; position:absolute; top: 6px; right: 10px; font-size: 11px; z-index: 15;} 
#swap_theme span{ width: auto; float:left; display: block; color:#8b8b8b; text-shadow: 1px 1px #000; padding-right: 5px; padding-top: 2px; }
#swap_theme:hover span{ color:#fff; text-shadow: 1px 1px #000000;} 
#swap_theme a.themes1{ width: 18px; height: 18px; background: url(bg_themes.png) no-repeat 0 0; display:block; float:left; margin-left: 3px;}
#swap_theme a.themes1.active{  background: url(bg_themes.png) no-repeat 0 -18px;}
#swap_theme a.themes2{ width: 18px; height: 18px; background: url(bg_themes.png) no-repeat 0 -36px; display:block; float:left; margin-left: 3px;}
#swap_theme a.themes2.active{  background: url(bg_themes.png) no-repeat 0 -54px;}

/* ----------------------------------------------------------------------------------------
	CSS Left
------------------------------------------------------------------------------------------ */




#swap_thongke{ width: 179px; float: left; position: absolute; bottom: 21px; left: 0px ; display: none;}
#swap_thongke .title_thongke{ width: 149px; height: 22px; padding: 10px 0 0 30px; background: url(nav_left.png) no-repeat -181px 0; font-weight: bold; color:#fff; text-shadow: 0px 1px #aa4704; font-size: 12px; display: none;}	
/*#swap_thongke .content_thongke{width: 160px; background: url(bg_thongke.png) no-repeat left bottom; padding:0;}*/
ul.thongke{ width: auto; margin:0; padding: 0; list-style: none; background:#e9eff6; width: 179px; padding-top: 3px;}
ul.thongke li{ margin: 0; padding:0; position: relative; border-bottom: 1px solid #c6d4e5; }
ul.thongke li span{ color: #01549b; background: url(nav_left.png) no-repeat 10px -88px; display: block; width: 155px; padding: 5px 0 6px 22px;}
ul.thongke li .number{ position:absolute; top: 5px; right:0; color:#c90202;  right: 5px;}

/* ----------------------------------------------------------------------------------------
	CSS Right Content
------------------------------------------------------------------------------------------ */
#swapper_right{ margin: 0; float: left; position: relative; }
#content_page{ margin-left: 0px; float:left; }

.search_toolbar{ width: auto; height: 36px; float: left; margin:0 ; position: absolute; right: 0; top: 30px; z-index: 9;   }
.search_toolbar.hide{ width: auto; height: 36px; background: none; float: left; margin: 0; position: absolute; right: 0; top: 30px; z-index: 9; display:block; }
.search_toolbar .text{ width: 55px; height: 21px; padding: 4px 0 0 15px; color:#003169; float: left;  text-shadow: 1px 1px #f0f0f0; font-family: Tahoma; display: none;}
.search_toolbar a.search_advanced{ text-decoration: none; display:block; float:left; width: 35px; height:36px; position:relative; margin-right:-1px;}
.search_toolbar a.search_advanced:before{ content:""; width:16px; height:16px; background: url(nav_system.png) no-repeat 0 -55px; position:absolute; left: 50%; top:50%; margin-left: -8px; margin-top:-8px;}
.search_toolbar a.search_advanced:hover{ background: url(nav_system.png) no-repeat 0 0;}
.search_toolbar a.search_advanced:hover:before{ content:""; width:16px; height:16px; background: url(nav_system.png) no-repeat -16px -55px; position:absolute; left: 50%; top:50%; margin-left: -8px; margin-top:-8px;} 
.search_toolbar a.search_advanced.active{ background: url(nav_system.png) no-repeat 0 0;}
.search_toolbar a.search_advanced.active:before{content:""; width:16px; height:16px; background: url(nav_system.png) no-repeat -16px -55px; position:absolute; left: 50%; top:50%; margin-left: -8px; margin-top:-8px;}
.search_toolbar .search_panel
{
    position:absolute; left:-213px; top: 35px; height:55px; width: 247px;
    background:#fff; border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,0.4); border:1px solid rgba(0,0,0,0.4);
}
.search_toolbar .search_panel:before{width: 12px; height: 6px; background: url(nav_system.png) no-repeat -36px -36px; position:absolute; top: -6px; right: 11px;z-index:1; content:"";  }
.search_toolbar.hide .search_panel{ display: none;}
.search_toolbar .search_panel .txt_SearchOperString{ width: 218px; padding-right: 28px; padding: 0 5px;  height:26px; margin: 0; background: url(bg_search_toolbar.png) no-repeat 0 -82px; border: none; color:#787878; float: left; font-size:11px; position:absolute; top: 14px; left:15px; z-index:1; font-size:12px; }
.search_toolbar .search_panel .txt_SearchOperString:focus{ border: none; background: url(bg_search_toolbar.png) no-repeat 0 -55px; color:#000;}
.search_toolbar .search_panel .button_search{ width:20px; height: 20px; float: left; cursor: pointer; background: url(bg_search_toolbar.png) no-repeat -221px -60px;  padding:0; border: none; position:absolute; top: 18px; right:17px; z-index:1;}


.search_toolbar.hide .search_panel{ display:block;}
.search_toolbar a.search_advanced{display:none;}
.search_toolbar .search_panel{position:relative; border-radius:0; left:auto; top:auto; height:26px; margin:-10px 0 0 0; padding:0; float:left; box-shadow:none; border: 1px solid transparent; background:none; display:block}
.search_toolbar .search_panel:before{display:none;}


div#btnStatistics{ width: auto; float: left; margin:0; padding:0; position: absolute; top: 5px; left: 96px; height: 28px; margin-left: 20px; padding-right: 20px;}
div#btnStatistics .line{ width: 2px; position: absolute; top: -5px; left: -20px; height: 26px; background: url(nav_thongke.png) no-repeat 0 -78px; float: left; margin-left: 8px; margin-top: 2px; margin-right: 3px;} 
.btn_Statistics_up{ width: auto; margin:0; padding:0; height: 21px; margin: 0; padding: 5px 0 0 27px;  float: left; background: url(nav_thongke.png) no-repeat 0 0; cursor: pointer; text-shadow: 1px 1px 0px #fff;  color:#01259b; position: relative;}
.btn_Statistics_up span{ width: 23px; height: 26px; display: block; position: absolute; top: 0; right: -23px;background: url(nav_thongke.png) no-repeat right 0;} 
.btn_Statistics_up:hover{ background: url(nav_thongke.png) no-repeat 0 -52px;}
.btn_Statistics_up:hover span{ background: url(nav_thongke.png) no-repeat right -52px;} 
.btn_Statistics_active{ width: auto; margin:0; padding:0; height: 21px; margin: 0; padding: 5px 0 0 27px;  float: left; background: url(nav_thongke.png) no-repeat 0 -52px; cursor: pointer; text-shadow: 1px 1px 0px #fff;  color:#01259b; position: relative;}
.btn_Statistics_active span{ width: 23px; height: 26px; display: block; position: absolute; top: 0; right: -23px;background: url(nav_thongke.png) no-repeat right -52px;} 
.btn_Statistics_active:hover{ background: url(nav_thongke.png) no-repeat 0 -52px;}
.btn_Statistics_active:hover span{ background: url(nav_thongke.png) no-repeat right -52px;} 
.panel_Statistics{ width: 206px; height: 220px; padding: 6px 0 0 4px; background: url(nav_thongke.png) no-repeat 0 bottom; display: none; position: absolute; top: 27px; left: -3px; z-index: 100; font-family: Tahoma;}
.panel_Statistics a.HR{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -478px; display: block;} 
.panel_Statistics a.HR:hover{ background: url(nav_thongke.png) no-repeat 0 -501px; color:#fff;}
.panel_Statistics a.THR{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -110px; display: block;} 
.panel_Statistics a.THR:hover{ background: url(nav_thongke.png) no-repeat 0 -133px; color:#fff;}
.panel_Statistics a.INS{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -156px; display: block;} 
.panel_Statistics a.INS:hover{ background: url(nav_thongke.png) no-repeat 0 -179px; color:#fff;}
.panel_Statistics a.TIK{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -202px; display: block;} 
.panel_Statistics a.TIK:hover{ background: url(nav_thongke.png) no-repeat 0 -225px; color:#fff;}
.panel_Statistics a.SAL{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -248px; display: block;} 
.panel_Statistics a.SAL:hover{ background: url(nav_thongke.png) no-repeat 0 -271px; color:#fff;}
.panel_Statistics a.REC{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -294px; display: block;} 
.panel_Statistics a.REC:hover{ background: url(nav_thongke.png) no-repeat 0 -317px; color:#fff;}
.panel_Statistics a.TRA{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -340px; display: block;} 
.panel_Statistics a.TRA:hover{ background: url(nav_thongke.png) no-repeat 0 -363px; color:#fff;}
.panel_Statistics a.PPS{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -386px; display: block;} 
.panel_Statistics a.PPS:hover{ background: url(nav_thongke.png) no-repeat 0 -409px; color:#fff;}
.panel_Statistics a.REV{ width: 162px; height: 20px; text-decoration: none;color:#000; padding: 3px 0 0 40px; background: url(nav_thongke.png) no-repeat 0 -432px; display: block;} 
.panel_Statistics a.REV:hover{ background: url(nav_thongke.png) no-repeat 0 -455px; color:#fff;}

/*------------------------------------------------------------------------
	Tooltip
-------------------------------------------------------------------------*/
.tbl_vtip{margin:0; padding:0; position:relative; width:auto; }
.tbl_vtip td{margin:0; padding:0; position:relative;}
.tbl_vtip td.top_left{width: 3px; height:3px; background: url(bg_vtip.png) no-repeat 0 -5px; display:block;}
.tbl_vtip td.top_right{width: 3px; height:3px; background: url(bg_vtip.png) no-repeat right -5px; display:block;}
.tbl_vtip td.top, .tbl_vtip td.bottom{ height:3px; background:#000; width:auto;}
.tbl_vtip td.bottom_left{width: 3px; height:3px; background: url(bg_vtip.png) no-repeat 0 bottom; display:block;}
.tbl_vtip td.bottom_right{width: 3px; height:3px; background: url(bg_vtip.png) no-repeat right bottom; display:block;}
.tbl_vtip td.left, .tbl_vtip td.right{ width:3px; background:#000; height:auto;}
.tbl_vtip td.content_vtip{background: #000; color:#fff; font-size: 11px; padding: 2px 5px 3px 5px;}
.tbl_vtip td.top #vtipArrow{ width: 11px; height:5px; background: url(bg_vtip.png) no-repeat -5px 0; position:absolute; top: -5px; left: 7px;}


p#vtip { display: none; position: fixed; z-index: 9999; margin-top:10px; color:#000;  }
/* 
p#vtip span#nav_left{ width: 10px; height:30px;  background: url(vtip_content.png) no-repeat 0 0; position:absolute; top: 0; left: -10px; display:block; }
p#vtip span#nav_right{ width: 10px; height:30px;  background: url(vtip_content.png) no-repeat right 0; position:absolute; top: 0; right: -10px; display:block; }
p#vtip span#vtipArrow { position: absolute; top: -3px; left: 15px; width:9px; height:8px; z-index: 100000;  background: url(vtip_arrow.png) no-repeat 0 0 }
p#vtip span{ width: 20px; height: 20px; background:red; display: block; position: absolute; top: 0; right: -20px;} */
/*------------------------------------------------------------------------
	Scrollbar
-------------------------------------------------------------------------*/
#content_page{ padding:5px; overflow: auto; float: left;}
/*------------------------------------------------------------------------
	Tabs
-------------------------------------------------------------------------*/
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs li.ui-state-default .first_tab { width:300px; }

.ui_tab_content{ position: absolute; clear: both; margin-top: -1px; border: 1px solid #01763a; border-top: 0; left:0; top:30px;}


/*------------------------------------------------------------------------
	Desk Page
-------------------------------------------------------------------------
ul.thumb {float: left;list-style: none;margin: 0; padding: 7px;  position: relative; overflow:auto; overflow-x:hidden;   }
ul.thumb li {margin: 0; padding: 5px;float: left;position: relative;width: 110px;height: 110px;}
ul.thumb li .name{background:url(bg_title_thumb.png) no-repeat center -43px; width: 110px; height: 17px; padding-top: 3px; position: absolute; left:0; bottom: 13px; color:#022958; text-align: center; z-index: 10; font-size: 11px;}
ul.thumb li img {width: 100px; height: 100px;border: 1px solid #bdd0e7;padding: 5px;background: #ddebfc;position: absolute;left: 0; top: 0;-ms-interpolation-mode: bicubic; }
ul.thumb li img:hover {border: 1px solid #000;padding: 5px;background: #ddebfc;}
.title_thumb{position:absolute;width:192px;height:38px;margin:0;background:url(bg_title_thumb.png) no-repeat center 0;padding:5px 0 0 0;text-align:center; color: #01549b; z-index: 20;}
*/
/*------------------------------------------------------------------------
	Menu Sysytem
-------------------------------------------------------------------------*/
.swap_detail_hr{ width: 100%; float: left; background:#edf5fe;} 
.swap_detail_hr img{ width: 135px; height: 135px; padding: 5px; background:#fff; border: 1px solid #bdd0e7; margin: 5px 10px 5px 5px; float: left; } 
.swap_detail_hr img:hover{background: #ddebfc;}
.swap_detail_hr ul{ margin:3px 0; padding:0; list-style: none; width: 680px; float: left; } 
.swap_detail_hr ul li{ width: 330px; float: left; padding: 2px 0; margin-right: 10px; border-bottom: 1px solid #d1e3f7;}
.swap_detail_hr ul li .title{ width: 135px; float: left; margin-right: 5px; color:#01549b;}
.swap_detail_hr ul li span{ color:#151e24; }

/*------------------------------------------------------------------------
	hr_EmployeeInformation_View
-------------------------------------------------------------------------*/

.content_EmployeeInformation_View .swap_view{ background: url(EmployeeInformation_View_line_bottom_title.png) repeat-x 0 bottom; padding: 8px 0 10px 0; color:#355071; font-weight: bold; font-size: 12px; margin: 0px 10px 10px 10px; position: relative; display: block; z-index: 20}
.content_EmployeeInformation_View .swap_view ul{ margin:0; padding: 0; list-style: none; float: right;}
.content_EmployeeInformation_View .swap_view ul li{ margin:0 0 0 5px ; padding:0; float: left; position: relative;}
/*.content_EmployeeInformation_View .swap_view ul li a.hs{ text-decoration: none; height: 20px; padding: 3px 10px 0 30px; display: block; border: 1px solid #bdd0e7; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -1px; color:#272d41; font-weight: normal; }
.content_EmployeeInformation_View .swap_view ul li a.hs:hover{ text-decoration: underline;}
.content_EmployeeInformation_View .swap_view ul li a.ediths{ text-decoration: none; height: 20px; padding: 3px 10px 0 30px; display: block; border: 1px solid #bdd0e7; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -25px; color:#272d41; font-weight: normal; }
.content_EmployeeInformation_View .swap_view ul li a.ediths:hover{ text-decoration: underline;}
.content_EmployeeInformation_View .swap_view ul li a.ghichu{ text-decoration: none; height: 20px; padding: 3px 10px 0 30px; display: block; border: 1px solid #bdd0e7; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -50px; color:#272d41; font-weight: normal; }
.content_EmployeeInformation_View .swap_view ul li a.ghichu:hover{ text-decoration: underline;}*/
.content_EmployeeInformation_View img.nv{ width: 140px; height: 140px; float: left; background:#fff; border: 1px solid #bdd0e7; padding: 5px;} 

/*
.content_EmployeeInformation_View ul.tb_info{ width: auto; margin:0 0 0 5px; padding:0; list-style: none; clear: both;} 
.content_EmployeeInformation_View ul.tb_info li{ width: 200px; border: 1px solid #bdd0e7; margin:5px 0 0 5px; padding:6px 10px 3px 32px; float: left;  background: #f4f8fd url(EmployeeInformation_View_line_top_tbl.png) repeat-x 0 -2px;}  
.content_EmployeeInformation_View ul.tb_info li a{ text-decoration: none; display: block; font-weight: bold; color:#272d41; }
.content_EmployeeInformation_View ul.tb_info li a:hover{ text-decoration: underline;}
*/
.content_EmployeeInformation_View .swap_view ul li a.ghichu{ text-decoration: none; height: 20px; padding: 3px 10px 0 30px; display: block; border: 1px solid #bdd0e7; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -50px; color:#272d41; font-weight: normal; }
.content_EmployeeInformation_View .swap_view ul li a.ghichu:hover{ text-decoration: underline;}

.bt_nv_linequan_up{ height: 20px; padding: 3px 25px 0 30px; display: block; border: 1px solid #bdd0e7; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -75px; color:#272d41; font-weight: normal; cursor: pointer; position: relative;}
.bt_nv_linequan_up .nav_right{ width: 25px; height: 22px; background: url(EmployeeInformation_View_link_title.png) no-repeat right -75px; position: absolute; top: 1px; right:1px;}
.bt_nv_linequan_up:hover{ text-decoration: none; cursor: pointer; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -100px; border: 1px solid #aebbc7}
.bt_nv_linequan_up:hover .nav_right{ width: 25px; height: 22px; background: url(EmployeeInformation_View_link_title.png) no-repeat right -100px; position: absolute; top: 1px; right:1px;}
.bt_nv_linequan_active{ text-decoration: none; cursor: pointer; background: url(EmployeeInformation_View_link_title.png) no-repeat 0 -100px; border: 1px solid #aebbc7}
.bt_nv_linequan_active .nav_right{ width: 25px; height: 22px; background: url(EmployeeInformation_View_link_title.png) no-repeat right -100px; position: absolute; top: 1px; right:1px;}
#panel_nv_lienquan{ background: #fff; display: none; position: absolute; right:0; top:25px ; padding: 7px 5px 3px 3px; border: 1px solid #90a0b4; border-top:none; font-weight: normal; float: left; overflow: hidden; box-shadow: -2px 1px 2px #748292; filter:progid:DXImageTransform.Microsoft.Shadow(color='#748292',direction='30',strength='2'); }
#panel_nv_lienquan .thumb{ overflow:hidden; }
/*
.panel_nv_lienquan li { display: block; position: relative; width: auto; list-style: none;  float:left;}
.panel_nv_lienquan li img{width: 100px; height: 100px; padding:5px; border: 1px solid #bdd0e7; background:#ddebfc; margin-right: 3px; margin-bottom: 7px; float:left; display:block; cursor: pointer; } 
.panel_nv_lienquan li .name{background:url(bg_title_thumb.png); width: 100px; padding: 3px 0; position: absolute; left:0; color:#022958; text-align: center; z-index: 10; font-size: 11px; position: absolute; bottom:12px; left:6px; }
.panel_nv_lienquan li .name_detail{ display: none;}
.panel_nv_lienquan li img.over{display: none;}
*/
.editPanel{ overflow-x: visible; overflow-y: auto; position: relative; display:inline-block;}
.hidden_toolbar {position:fixed; top: -1000px; left:0;}

.datepicker{ background:#fff url(bg_input.png) repeat-x 0 0; border: 1px solid #afbdd2;  }

/*
list box
*/
.tbl
{
    float:left;
    padding: 0px 5px;
    font-size:11px;
    /*ackground: #f6fafe;*/
}

.tabcontentpanel .contentpanel
{
}
.tabcontentpanel .contentpanel .contenttab span{color:#323232;}
.editPanel .leftPanel{ padding: 0 ; float:left; margin-left:12px;}
.editPanel .rightPanel{ padding: 0; float:left; margin-right:5px;}
.editPanel span{ padding: 3px 0 2px 0; color:#323232; clear:left; font-weight:bold; font-size:11px; }



.editPanel select.left{background: #fff ; border: 1px solid #c8c8c8; padding: 3px 2px 3px 0;font-size: 11px; color:#000; font-family: Tahoma; float:left; -moz-border-radius:2px; -webkit-border-radius:2px;}



select{ font-size:11px;}
textarea{ font-size:11px;}
input{ font-size:11px;}

a.menuItem{ text-decoration: none; }
a.menuItem:hover{ text-decoration: underline;}
.menuItem:hover{ cursor:pointer;}



.editPanel_Popup{ overflow:auto;  float:left;}
.withborder tr:not(.noline) td {border-bottom: 1px solid gray;}
/*.editable{ border-top:0px;}*/
.before_editable{border: 0px; border-right: 1px solid #d5dfeb; background: none;}
.run_editable{ border-left:0px; margin: 0px 0px 0px 0px;}
.first_editable{ border-left:1px solid;}
.none_editable{border: 0px; background: none;}
/*Err*/
.err{color: Red; font-size: 11px; padding-left: 3px;}

.tdlink:hover {text-decoration:underline; cursor:pointer;}

/* ------------------------------------------------ 
    Tab dialog  
------------------------------------------------ */
.ui-dialog .titlepanel{ }
.ui-dialog .titlepanel .titletab 
{ 
}
.ui-dialog .titlepanel .titletab.active
{ 
}

.ui-dialog .titlepanel.maintabdialog{height: 30px;}
.ui-dialog .titlepanel.maintabdialog .titletab{ font-size: 12px; padding: 8px 15px 0 15px; height: 22px; text-transform:uppercase;} 


.ui-dialog .titlepanel .titletab.error{ height: 19px; width: auto; color:#bc3636; text-shadow: 1px 1px #fff5f5;  background: url(bg_tab_popup.png) no-repeat 0 -64px; border:0; }
.ui-dialog .titlepanel .titletab.error span{ width: 15px; height:26px; background: url(bg_tab_popup.png) no-repeat right -64px; display:block; position:absolute; top:0; right: -15px; padding:0}
.ui-dialog .contentpanel{ float:left; clear:left;}


/**/
#content_page_desk .content{float:left; width:100%;}
/**/
#div_ConfigComboboxData div { float:left; }


.filter_bottom_popup{position: absolute; bottom: -50px; left:0; z-index:10; border: 1px solid red;}


a.mcombobox_text{width: 26px; height:25px; background: url(mcombobox_text.png) no-repeat 0 0; display:block; text-indent: -999px;}
a.mcombobox_text.remove{background-position: 0 0;  margin-top: 45px;}
a.mcombobox_text.remove:hover{background-position: 0 -25px;}
a.mcombobox_text.removeall{background-position: 0 -50px; margin-top: 20px;}
a.mcombobox_text.removeall:hover{background-position: 0 -75px;}
a.mcombobox_text.add{background-position: 0 -100px; margin-top: 5px;}
a.mcombobox_text.add:hover{background-position: 0 -125px;}
a.mcombobox_text.addall{background-position: 0 -150px; margin-top: 5px;}
a.mcombobox_text.addall:hover{background-position: 0 -175px;}

/* --------------------------------------------------------------------------------------------------------------------
    CSS Autocomplete
----------------------------------------------------------------------------------------------------------------------- */
/*input.autocomplete{border: 1px solid #c8c8c8;-moz-border-radius: 2px;-webkit-border-radius: 2px; padding: 4px 5px; font-family: Tahoma; margin-top: 5px; float:left; display:block;}
input.autocomplete:focus{border: 1px solid #343434;}
.ulautocomplete-data {margin:0; padding:0; list-style: none; position:absolute; left:0; max-height: 150px; overflow:auto; overflow-x:hidden; border: 1px solid #eee; border-bottom: none; font-size:11px; font-family: Tahoma; }
.ulautocomplete-data li{border-bottom: 1px solid #eee; background:#f7f7f7; }
.ulautocomplete-data li:hover{border-bottom: 1px solid #e58c01; background:#fdb748; }
.ulautocomplete-data li span{padding: 11px 0 10px 10px; white-space:nowrap;}
*/

ul.item-autocompletebox
{
    width:100%; list-style-type:none; margin:6px 0 0 0; padding:0; float:left; border-radius:3px; border: 1px solid rgba(0,0,0,0.3); box-shadow: 0 0 5px rgba(0,0,0,0.2);
    max-height:200px; overflow:auto; overflow-x:hidden;   
    background:linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background:-webkit-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background:-moz-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);
    background:-o-linear-gradient(top, #fafafa 0%, #f6f6f6 100%);   
}

ul.item-autocompletebox li 
{
    display:block; margin:0; padding:4px 10px 5px 10px; border-bottom: 1px solid rgba(0,0,0,0.1); text-shadow: 0 1px 0 rgba(255,255,255,0.5);    
}
ul.item-autocompletebox li:hover
{
    background:linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    background:-moz-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    background:-o-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    font-weight:bold;   
}
ul.item-autocompletebox li.active
{
    background:linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    background:-webkit-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    background:-moz-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
    background:-o-linear-gradient(top, #f6f6f6 0%, #ededed 100%);
}
ul.item-autocompletebox li:last-of-type{border-bottom: none;}

/* Print popup */
ul#dialogPrint{width:100%; margin:20px 0 0 0; padding:0; list-style:none; padding: 0 20px;}
ul#dialogPrint li{float:left; margin: 0 10px; position:relative; }
ul#dialogPrint li a{text-decoration:none; float:left; text-align:center; padding-top:40px;}
ul#dialogPrint li a h3{margin:0; padding:0; font-weight:bold; font-size:12px; width:100%; float:left; text-align:center; transition:.3s;}
ul#dialogPrint li a:hover h3{color:#E07F0D}
ul#dialogPrint li.inexcel a{background: url(icon-excel.png) no-repeat center 0;}
ul#dialogPrint li.inlabor a{background: url(icon-hopdong.png) no-repeat center 0;}
ul#dialogPrint li.inonleave a{background: url(icon-nghiphep.png) no-repeat center 0;}
ul#dialogPrint li.inpayroll a{background: url(icon-bangluong.png) no-repeat center 0;}
ul#dialogPrint li.inappendix a{background: url(icon-phuluc.png) no-repeat center 0;}