body {
}
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
    position: relative;
    padding: 0 0 0 34px;
    margin: 0 auto 0 auto;
    background: url(../Image/media/menub_bg.gif) repeat-x; /*tab background image path*/
    height: 46px;
    list-style: none;
}

.glossymenu li{
    float:left;
}

.glossymenu li a
{		
    float: left;
    display: block;
    color: #042862;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding:0 0 0 16px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    cursor:pointer;	
}

.glossymenu li a b{
    float: left;
    display: block;
    padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a{
    color: #fff;
    background: url(../Image/media/menub_hover_left.gif) no-repeat; /*left tab image path*/
    background-position: left;
}
.glossymenu li a:hover{	      
    background: url(../Image/media/menub_hover_left.gif) no-repeat; /*left tab image path*/
    background-position: left;
}
.glossymenu li.current a b{
    color: #fff;
    background: url(../Image/media/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}  
 .glossymenu li a:hover b{	       
    background: url(../Image/media/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
} 

a.ovalbutton{
	background: transparent url('../Image/media/oval-blue-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #494949; /*button text color*/
}

a.ovalbutton span{
	background: transparent url('../Image/media/oval-blue-right.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; 
	width: 100%;
	text-align:center ;
}

a.squarebutton{
	background: transparent url('../Image/media/square-blue-left.gif') no-repeat top left;
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	width:70px;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
	color: #494949; /*button text color*/
}

a.squarebutton span{
	background: transparent url('../Image/media/square-blue-right.gif') no-repeat top right;
	display: block;
	padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/	
	text-align:center;
}

a.squarebutton:hover{ /* Hover state CSS */
	background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: black;	
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	/*width: 100%;*/
}

/*Css promotion*/
a.squarebuttonPro{
    /*background: transparent url('../Image/bg_Timkiem.jpg') repeat-x  left;*/
    background-color:#75a9f7;
    display: block;
    float: left;
    font: bold 12px Tahoma; /* Change 12px as desired */
    line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
    height: 21px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    padding-top:3px;
    text-decoration: none;
    width:325px;
}
a:link.squarebuttonPro, a:visited.squarebuttonPro, a:active.squarebuttonPro{
    color: #494949; /*button text color*/
}
a.squarebuttonPro span{
    /*background: transparent url('../Image/bg_Timkiem.jpg') no-repeat top left;*/
    background-color:#75a9f7;
    /*display: block;
    padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
    text-align:center;
    color:white;
}
a.squarebuttonPro:hover{ /* Hover state CSS */
    /*background-position: bottom left;*/
    background-color:#5772f4;
}
a.squarebuttonPro:hover span{ /* Hover state CSS */
    /*background-position: bottom right;*/
    /*color: black;	*/
     background-color:#5772f4;
}
.buttonwrapperPro{ /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    /*width: 100%;*/
}