/* CSS Document */
body {
background: #a8a8a8 url(../Images/gppm/m_head_blend.png) top center fixed no-repeat;
	/*background-image: url(../Images/gppm/m_head_blend.png); background-repeat:no-repeat ; background-position: top center ;height:100%; width:100%; margin: fixed;*/
	/* background-repeat: repeat-x; background-attachment; background-position:top center; height:100%; width:100%; background-color:#e0eff6;*/
	
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	}
.bodyadmin	
{
	background-color:#fff;
	
	}
td {
	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	}
	
/*.button_input {
	font-size: 13px;color:#90bade;color:#fff; border:#005EBB solid 1px; background-color:#005EBB; cursor:hand;
}*/
.button_input a{
background: #0067BC url(../Images/images/roundedge-blue-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

.button_input a:link,.button_input a:visited,.button_input a:hover,.button_input a:active{
color: white; /*button text color*/
}

a.button_input span{
background: #0067BC url(../Images/images/roundedge-blue-right.gif) no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.button_input{ /* Hover state CSS */
text-decoration: underline;
}


.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%;
}
input {
	font-size: 13px;color:#006FA4;

}

.NarrowInput /*Customer login*/
{
	font-size:9px; color:#006FA4;
}

select
{
	color:#ff0000;
	BACKGROUND-COLOR: #f8f3c5;
	BORDER-RIGHT: #f37b10 1px groove; BORDER-TOP: #f37b10 1px groove; BORDER-LEFT: #f37b10 1px groove; BORDER-BOTTOM: #f37b10 1px groove;
	
}
option
{
	font-size: 13px;color:#0000ff;background-color:#fff;
} 
span{color:#403f3e}

.ModuleTitle {color:#0b78ef;font-weight:bold;font-size:12pt;}
.ModuleTitle:link {color:#0b78ef; }
.ModuleTitle:visited {color: #0b78ef}
.ModuleTitle:hover {color: #ff0000}
.ModuleTitle1 {font: bold 9px Verdana, Arial, Helvetica, sans-serif; color:#ff0000; font-size:12pt;}
.ModuleTitle1:link {color:#ff0000; }
.ModuleTitle1:visited {color: #ff0000}
.ModuleTitle1:hover {color: #ff0000}

.ModuleTitle2 {font: bold 9px Verdana, Arial, Helvetica, sans-serif; color:#C16100; font-size:12pt;}
.ModuleTitle2:link {color:#C16100; }
.ModuleTitle2:visited {color: #C16100}
.ModuleTitle2:hover {color: #ff0000}

.ModuleTitle3 {font: bold 9px Verdana, Arial, Helvetica, sans-serif; color:#0a0b0c; font-size:12pt;}
.ModuleTitle3:link {color:#0a0b0c; }
.ModuleTitle3:visited {color: #0a0b0c}
.ModuleTitle3:hover {color: #ff0000}

.ModuleTitle4 {font: bold 9px Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:12pt;}
.ModuleTitle4:link {color:#333333; }
.ModuleTitle4:visited {color: #333333}
.ModuleTitle4:hover {color: #ff0000}

.ModuleTitle5 {color:#0b78ef;font-weight:bold;font-size:12pt;}
.ModuleTitle5:link {color:#0b78ef; }
.ModuleTitle5:visited {color: #0b78ef}
.ModuleTitle5:hover {color: #0b78ef}

.ModuleTitle6 {color:#333333;font-weight:bold;font-size:10pt;}
.ModuleTitle6:link {color:#333333; }
.ModuleTitle6:visited {color: #333333}
.ModuleTitle6:hover {color: #ff0000}

.TitleLink{text-decoration:none;color: #0b78ef;font-weight:bold; padding-left:5px;line-height:20px;font-size:10pt;}
.TitleLink:link {color: #0b78ef}
.TitleLink:hover {color: #0b78ef}
.TitleLink:visited {color: #0b78ef}
#bar{background: #f2f2f2 url(../Images/gppm/menungang2.png) no-repeat top left;width:800px; position:absolute; left:163px; height:40px;
	
}
.tdheader{padding-left:10px; background-image: url(../images/gppm/thanhtieude.jpg); padding-bottom:3px; padding-top:3px;
	height:40px;border-left:solid 0px #dddddd;border-bottom:solid 1px #a7a6a6;
}
.tdheader2{ height:40px; width:210px; font-size:12pt;
	 padding-left:10px; background: url(../Images/gppm/Menubentrai.png) no-repeat top center;}
.ModuleTitle_left{ color:White}
.tdspace{height:3px;}

.tblMaster{ vertical-align:top; background-color:#FFFFFF; border:ridge 0px #aedbf8;}
.tblheader{  border:solid 0px #cccccc; width:100%;}
.tblheader2 {}
.tblmenu{border:solid 1px #0f82c3; width:100%;}
.tdmenu{background-image: url(../images/menus/bg.jpg); line-height:30px}
.tdheaderblock
{
	background-color: #1580E7;
}
.tdMainBlock
{
	padding:0px 0px 0px 0px;background-color:#fefefe;text-align:right;
}
.tdMainLeft
{
	padding:0px 0px 0px 0px;
}
.tdfooter
{
	border-top:solid 5px orange;
}
.barbg
{
	background-color:White;
	}

/* horizotal menu style 

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.Horizontal_bg{text-align:left;background-image: url(../Images/menus/Blue.jpg);width:100%}
.horizotalmenu{
padding: 0;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;

}
.horizotalmenu td{
display: inline;
margin: 0 0 1px 0;
padding: 0px;
text-transform:uppercase;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
line-height:30px;

}

.horizotalmenu a{
float: left;
display: block;
color: #000;
margin: 1px 1px 0 0; /*Margin between each menu item*/
padding: 0px 11px;
text-decoration: none;
letter-spacing: 0px;
background: transparent url(../Images/menus/sperate.jpg) no-repeat  center right;

}

.horizotalmenu a:link { color:#fff; text-decoration:none;}
.horizotalmenu  a:visited { color:#fff; }
.horizotalmenu a:hover{
color: yellow; /*Menu hover bgcolor*/

}

.horizotalmenu .current a{ /*currently selected tab*/
color: yellow;

text-decoration:underline;
}

.horizotalmenu .current a:visited{ /*currently selected tab*/
color: yellow;
}

/*End horizotal menu*/



.Verticalmenu{
width: 180px;
border-right: 0px solid #017ffc;
padding: 0 0 1em 0;
margin-bottom: 2px;  
font-family: 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
color:#006699;
font-weight:bold;
font-size:8pt;

}

* html .Verticalmenu{
width: 190px; 
}

.Verticalmenu tr{
list-style: none;
margin: 0;
padding: 0;

}

.Verticalmenu td {
margin: 0;

}

.Verticalmenu td a{
display: block;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #e5e5e5;
background-color: #fafaf0;
color: #006699;
text-decoration: none;
width: 100%;
font-weight:bold;
font-size:8pt;
text-transform:uppercase;
}

html>body .Verticalmenu td a{ 
width: auto;

}

.Verticalmenu td a:visited{ color:#006699; text-decoration:none;}
.Verticalmenu td a:hover {
border-left: 0px solid #024f9d;
border-right: 0px solid #024f9d;
color: #006699;
background:#fafaf0;
}

.ChildrenType {padding-left: 10px; color:#0099CC;}

/* End Vertical menu */

.textjustify{text-align:justify;padding: 5px 5px 5px 8px;}
.textjustify2{text-align:justify;}

a:link { color:#0D77EF; text-decoration:none;}
a:visited { color:#0D77EF; text-decoration:none;}
a:hover { color:#ff0000; text-decoration:none;}

.boldLink{font-weight:bold}
/* Hien thi san pham o phan` phong to, thu nho*/
.box1bgnew{
	background-color: #FFFFF0;
}
.box1{
	background-image: url(../Images/images/th1_box12.gif);
	background-repeat: repeat-x;
}
.box2{
	background-image: url(../Images/images/th1_box14.gif);
	background-repeat: repeat-y;
}
.box3{
	background-image: url(../Images/images/th1_box16.gif);
	background-repeat: repeat-y;
}
.box4{
	background-image: url(../Images/images/th1_box18.gif);
	background-repeat: repeat-x;
}


/* Admin CSS */
.admin_bg1 {
	background-image: url(../Admin/Images/admin_bg1.gif);
	height: 233px;
	width: 614px;
}
.date_color{color:#C39E6D}
 
 a.textmenuadmin:hover {color:#666; text-decoration:none;}
 a.textmenuadmin:link, a.textmenuadmin:visited {color:#666; text-decoration:none;}
 
.tdleftbuttonadmin {background-image: url(../Images/Images/leftbuttonadmin.gif); height:40px; width:15px;}
.tdcenterbuttonadmin {background-image: url(../Images/Images/centerbuttonadmin.gif); height:40px;}
.tdrightbuttonadmin {background-image: url(../Images/Images/rightbuttonadmin.gif); height:40px; width:15px;}

.addmodule
{
	font-weight:bold; 
	border-color:#f5f5f5; border:solid 1px #f5f5f5; background-color:#f5f5f5
}

.copyright
{
	background-image: url(../Images/gppm/bg_footer.jpg);background-repeat: repeat-x;background-position:top center; height:120%; width:100%; background-color:#e0eff6;
	line-height:17px; height:58px; background-color:#006699;
}
.copyright span {color:#ffffff;line-height:22px }

.navlink:link{font-size:11px;font-weight:bold;}
.navlink:visited{font-size:11px;font-weight:bold;}

.ProductType:link{font-size:12px;font-weight:bold; color:#f7ac2d; text-transform:uppercase; text-shadow:#FF6600; }
.ProductType:visited{font-size:12px;font-weight:bold; color:#f7ac2d; text-transform:uppercase; text-shadow:#FF6600;}
hr{size:1px;color:#f7ac2d}

.tdLeft
{
border-right:solid 1px #e5e5e5; background-color:#fafaf0;
}
.tdRight
{
border-left:solid 1px #e5e5e5; background-color:#fafaf0;
}

a.ovalbutton{
background: transparent url(../Images/Buttons/oval-orange-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(../Images/Buttons/oval-orange-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; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

.price{
background: transparent url(../Images/Images/arrow_right2.png) no-repeat top left;
padding-left: 10px;
line-height: 10px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 10px;
color:Blue;
}
a.downloadbutton{
background: transparent url(../Images/Buttons/arrow_down.png) no-repeat top left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 20px; /* 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: 20px; /* Width of left menu image */
text-decoration: none;
}

a:link.downloadbutton, a:visited.downloadbutton, a:active.downloadbutton{
color:Green; /*button text color*/
}
.grdStyle
{
	background-color:#fff}
a:link.LeftnmenuProduct2, a:visited.LeftnmenuProduct2, a:active.LeftnmenuProduct2
{
color:#0080C0;
}

.navigation2 {	
	background-color: #f8f9fb;
	color:#414040;
	}
	
.navigation2 td {
	background-image: url(../images/inwent/htg_navB_li.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	min-height: 2.5em;
	color:#414040;
	}

.navigation2 td.open {
	border: none;
	height: auto;
	color:#414040;
	}
	
	.navigation2 td a{
	font-size: 1.1em;
	line-height: 1.4em;
	padding: .55em 0 .45em 1em;
	display: block;
	margin: -1px 0 0 0;
	color:#414040;
	}

.navigation2 td a:link {
	font-size: 1.1em;
	line-height: 1.4em;
	padding: .55em 0 .45em 1em;
	display: block;
	margin: -1px 0 0 0;
	color:#414040;
	}

.navigation2 td a:hover {
	background-image: url(../images/inwent/htg_navB_a_act.gif);
	background-position: left top;
	background-repeat: repeat-y;
	}

.navigation2 td a.active {
	background-image: url(../images/inwent/htg_navB_a_act.gif);
	background-position: left top;
	background-repeat: repeat-y;
	color:#414040;
	
	}
.navigation2 td a.visited
	{
		color:#414040;
	}
	


.mainbanner img
{
	border:solid 0px orange;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.mainbanner:hover img
{
	border:solid 0px #fab520;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.9;
}

.ParentType
{
	line-height:30px;
	padding-left:5px;
}
.ChildrenType
{
	line-height:20px;
}
.imgborder
{
	border:solid 1px Orange; border-color:Green;
}
