﻿/* MAIN NAVIGATION
--------------------------------------------------------- */
/*Mau ben phai Menu tren*/
.jqueryslidemenu{
background:url("Images/Menu_mau-do_05.gif") repeat-x top left;margin-bottom:5px;
font: bold 12px Verdana;
width: 100%;
position:relative;z-index:10000;
margin-top:3px;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
height:32px;line-height:32px;
background:url("Images/Menu_mau-do_05.gif") repeat-x top left;

}

.jqueryslidemenu ul li.navSplit{background:url("Images/Menu_mau-do_07.gif") repeat-x top left;width:1px;}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
padding:0px 15px;
color: white;
height:32px;line-height:32px;
color: #2d2b2b;
text-decoration: none;
font-size:12px;

}




* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #ffffff; /*Menu tren*/
}
/*Hover*/
.jqueryslidemenu ul li a:hover{
background:url("Images/Menu_mau-do_03.gif") repeat-x;text-decoration:none; /*tab link background during hover state*/
color: #ffffff;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index:9999;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;


}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a
{
display:block;
font: normal 12px Verdana;
width: 160px; /*width of sub menus*/
height:31px;line-height:31px;
margin: 0;
border-top-width: 0;
border-bottom:  solid 1px #fff;
border-top:  solid 1px #fff;
background:url("Images/Menu_mau-do_09.gif") repeat-x top left;

}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
color: #ffffff;
background:url("Images/Menu_mau-do_11.gif") repeat-x top left;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 10px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}
.jqueryslidemenu ul li:hover{background:url("Images/Menu_mau-do_03.gif") repeat-x;text-decoration:none;}/*Hieu ung khi roi tro sang vi tri khac*/

#topMenu{}
/*#topMenu div.navLeft{padding-left:2px;background:url("Images/mainnav-sep.gif") no-repeat;}
#topMenu div.navRight{padding-right:2px;background:url("Images/mainnav-sep.gif") no-repeat right top;}*/


#topMenu ul{padding:0px;margin:0;text-align:left;}
#topMenu ul li{list-style-type:none;vertical-align:top;float:left;display:inline-block;}
#topMenu ul li a,#topMenu ul li a:hover{padding:0px 15px;color:#fff;font-size:11px;font-weight:bold;font-family:Verdana;display:inline-block;}
#topMenu ul li a:hover{background:url("Images/mainnav-sep.gif") repeat-x;text-decoration:none;}
#topMenu ul li a.selected,#topMenu ul li a.selected:hover{background:url("Images/navBGHover.gif") repeat-x;}
#topMenu ul li.seperator{display:inline-block;border-right:solid 1px #fff;}

#topMenu,#topMenu div.navLeft,#topMenu div.navRight ,#topMenu div.navRight,#topMenu ul,#topMenu ul li.seperator,
#topMenu ul li a{height:32px;line-height:32px;}

/*Hack CSS Main Menu*/
* html #topMenu,
* html #topMenu div.navLeft,
* html #topMenu div.navRight,
* html #topMenu div.navRight,
* html #topMenu ul,
* html #topMenu ul li.seperator,
* html #topMenu ul li a{height:26px;line-height:26px;}

#breadCrumb{border-bottom: solid 4px #bbbbbb; padding-left:5px;margin-bottom:5px;}
/*#breadCrumb{border:solid 1px #bbbbbb;background:#f7f7f7;border-top-width:4px;padding-left:5px;margin-bottom:5px;}*/
#breadCrumb,#breadCrumb a,#breadCrumb a:hover{font-size:14px;color:#e85f06;font-weight:bold;height:30px;line-height:30px;}

/*Box Common*/
.box-border{border:solid 1px #d5d5d5;padding:5px;margin-bottom:10px;}
.box-common-left{padding-left:5px;background:url("Images/Box_Common_.gif") repeat-x;height:32px;}
.box-common-right{padding-right:5px;background:url("Images/Box_Common_.gif") top right repeat-x;height:32px;}
.bcontent{background-color:white;font-weight:bold;background:url("Images/Box_Common_.gif") repeat-x;
background-position:-10px top;font-size:11px;
height:32px;line-height:32px;color: white;text-align:center;}
.bcontent a{color:#fff}

/*Box Common*/
/*.box-border{border:solid 1px #d5d5d5;padding:5px;margin-bottom:10px;}
.box-common-left{padding-left:5px;background:url("Images/h3-bg.gif") no-repeat;height:30px;}
.box-common-right{padding-right:5px;background:url("Images/h3-bg.gif") top right no-repeat;height:30px;}
.bcontent{background-color:white;font-weight:bold;background:url("Images/h3-bg.gif") repeat-x;
background-position:-10px top;font-size:11px;
height:30px;line-height:30px;color: white;text-align:center;}
.bcontent a{color:#fff}*/

.box-homepage{padding:0 5px;margin-bottom:10px;}
.box-homepage .boxTitle{font-weight:bold;font-size:13px;color:white;line-height:30px;}
.groupNew-hp{background:url("Images/back-notice.gif") repeat-x;margin-left:5px;border:solid 1px #d5d5d5;height:200px;overflow:auto;}
