﻿@charset "utf-8";
/* CSS Document
	Create 03/07/2007
	Author: Nguyễn Thiên Ân
	Company: Asia Online Technology Co., Ltd (AOT)
	Website: www.bizmacvn.com
	Email: thienanth@gmail.com
	Hp: 090 9238 741
*/

BODY {
	FONT-SIZE: 12px;
	FONT-FAMILY: Arial,Tahoma,Verdana,  Helvetica, sans-serif;
	SCROLLBAR-FACE-COLOR: #af0f0f;  /*face*/
	SCROLLBAR-HIGHLIGHT-COLOR:#ffffff;
	SCROLLBAR-SHADOW-COLOR: #e6e6e6;
	SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
	SCROLLBAR-ARROW-COLOR: #ffffff; /*tam giac*/
	SCROLLBAR-TRACK-COLOR: #E0E8F2; /*bg track*/
	SCROLLBAR-DARKSHADOW-COLOR: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-smooth: always;
    TEXT-ALIGN: justify;
	TEXT-DECORATION: none;
	background-position:center;

	}

TD {
	FONT-FAMILY: Arial,Tahoma,Verdana,  Helvetica, sans-serif;FONT-SIZE: 12px;
	color:#4C4C4C;

}

A {
	FONT-FAMILY: Arial,Tahoma,Verdana,  Helvetica, sans-serif;FONT-SIZE: 12px;
	COLOR: #0066CC;
	text-decoration:none;
}
A:hover {
	FONT-FAMILY: Arial,Tahoma,Verdana,  Helvetica, sans-serif;FONT-SIZE: 12px;
	COLOR: #FF0000;
	text-decoration:underline;
}
.clear{
	clear:both;
}
input {
	BORDER-RIGHT:#CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	FONT-SIZE:11px;
	FONT-FAMILY: Tahoma,Verdana,Arial;
	color:#1D6ABA;
	height:20px;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}
textarea {
	BORDER-RIGHT:#CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	FONT-SIZE:11px;
	FONT-FAMILY: Tahoma,Verdana,Arial;
	color:#1D6ABA;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	height:100px;
}

demo {
	BORDER-RIGHT:#CCCCCC 1px solid;
	BORDER-TOP: #CCCCCC 1px solid;
	FONT-SIZE:11px;
	FONT-FAMILY: Tahoma,Verdana,Arial;
	color:#1D6ABA;
	BORDER-LEFT: #CCCCCC 1px solid;
	BORDER-BOTTOM: #CCCCCC 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	height:10px;
	width:10px;
}

.index_title{
	CLEAR: both;
	background-image: url(../images/skin/mini_MNbg.jpg);
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:4px; padding-bottom:4px;
}
.yellow_title{
	CLEAR: both;
	background-image: url(../images/skin/mini_MNbg.jpg);
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color: #FFCC00;
	font-family:Times New Roman;
	padding-top:4px; padding-bottom:4px;
}
.white{
color:#FFFFFF;
font-weight:bold;
font-family:Times New Roman;
}
.cActive{
background-color:#FFDFDF;
color:#990000;
font-weight:bold;
font-family:Times New Roman;
border-bottom:1px solid #333333;
border-top:1px solid #333333;
}
.cNoActive{
background-color:#ffffff;
color:#000000;
font-family:Times New Roman;
border-bottom:1px solid #333333;
border-top:1px solid #333333;

}
#news{
 		border:1px solid #CCCCCC; font-family:tahoma, arial; font-size:11px;
}
#news .blogdescript{	float:left; padding:5px 5px 5px 5px; DISPLAY: block;}
#news .title{ font-weight:bold; color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#news .title	A{ font-weight:bold; color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#news .title	A:hover{ font-weight:bold; color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}


#build{ 		font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#build .blogdescript{	float:left; padding:5px 5px 5px 5px; DISPLAY: block;}
#build .title{ font-weight:bold; color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#build .title	A{ font-weight:bold; color:#003399; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#build .title	A:hover{ font-weight:bold; color: #FF0000; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#build .date	{color: #CCCCCC; font-family:Tahoma; font-size:11px;}

.bg_r_navbar{ background-image:url(../images/skin/r_menu.jpg);}
#navibar{ width:156px;}
#navibar .mainmenu{background-image:url(../images/skin/skin_17.jpg); height:22px; color:#ffffff; font-weight:bold; text-transform:uppercase; font-size:11px}
#navibar .mainmenu	A{ color:#FFFFFF; text-decoration:none; font-size:11px}
#navibar .mainmenu	A:hover{ color: #FFFF66; text-decoration:none; font-size:11px}

#navibar .submenu{background-image:url(../images/skin/submenu_bg.jpg); height:22px; color:#000000; font-weight:bold;}
#navibar .submenu	A{ color:#000000; text-decoration:none;}
#navibar .submenu	A:hover{ color: #0066CC;text-decoration:none;}

#navibar .submenu_act{background-image:url(../images/skin/submenu_act_bg.jpg); height:22px; color:#000000; font-weight:bold;}
#navibar .submenu_act	A{ color:#000000; text-decoration:none;}
#navibar .submenu_act	A:hover{ color: #0066CC;text-decoration:none;}

#navibar_left{width:192px; background-color:#f8f8f8; height:auto;}
#navibar_left .title{background-image:url(../images/skin/menu_left_bg.jpg); height:26px; color:#000000; font-weight:bold; text-transform:uppercase;font-family:Times New Roman, Times, serif;}
#navibar_left .title	A{ color:#000000; text-decoration:none; }
#navibar_left .title	A:hover{ color: #0066CC;text-decoration:none;}
#navibar_left .title	input{height:18px; width:100px; background:#FFFFFF; font-family:tahoma; font-size:11px; font-weight:normal;}
#navibar_left .birthday { background-image:url(../images/skin/menu_left_boz.jpg)  }
#navibar_left UL {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#navibar_left UL LI {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;PADDING-BOTTOM: 5px; MARGIN: 0px;  LINE-HEIGHT:17px;; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; height:22px;
}
#navibar_left UL LI.last {	BORDER-BOTTOM:#000000 1px solid}
#navibar_left hr {	BORDER:1px dotted #000000;}

#quichlink{padding-top:5PX;padding-left:3px; height:25;}
#quichlink .itemquichlink	A{ color:#FFFFFF; text-decoration:none;}
#quichlink .itemquichlink	A:hover{ color: #FFFF66; text-decoration:none;}
#quichlink select{ width:145px;color: #0066CC; text-decoration:none;}

#produce { padding-top:5px; padding-right:15px; padding-bottom:0px; padding-left:15px;}
#produce img{ border:1px solid #cccccc}
#produce .itemproduce{ padding-top:5px; padding-bottom:5px; padding-left:20px; float:left; font-family:tahoma; font-size:11px;}
#produce .itemproduce A{font-family:tahoma; font-size:11px; font-weight:bold; text-decoration:none}
#produce .itemproduce A:hover{font-family:tahoma; font-size:11px;font-weight:bold; text-decoration:none}

#pagenews{}
#pagenews .pagetitle{font-family:tahoma, Arial, Helvetica, sans-serif; font-size: medium; font-weight:bold; color:#990000; padding-top:10px; padding-right:5px; padding-bottom:5px; padding-left:5px;}
#pagenews .block{ padding-top:1px; padding-right:5px; padding-bottom:1px; padding-left:5px; width:300px;}
#pagenews .bgtitle{ background-image:url(../images/skin/news_bgtitle.jpg); color:#c04911; font-weight:bold; padding-bottom:}
#pagenews .category{color:#c04911; font-weight:bold; font-size:14px;}

#pagenews .title	A{ font-weight:bold; color:#003399; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#pagenews .title	A:hover{ font-weight:bold; color: #FF0000; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#pagenews .date	{color: #CCCCCC; font-family:Tahoma; font-size:11px;}
#pagenews .blogdescript {float:left; padding:5px 5px 5px 5px; DISPLAY: block; text-align:justify; }
#pagenews .detail	A{font-weight:bold; color: #990000; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#pagenews .detail	A:hover{font-weight:bold; color: #FF0000; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#pagenews UL {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#pagenews UL LI {font-family:Tahoma; font-size:10px;PADDING-RIGHT:0px; PADDING-LEFT:0px;PADDING-BOTTOM:0px; MARGIN: 0px;PADDING-TOP: 0px;  color:#003399;}
#pagenews UL LI A{font-family:Tahoma; font-size:11px; color:#003399;}
#pagenews UL LI A:HOVER{font-family:Tahoma; font-size:11px; color:#990000;}


#company{}
#company	.panel	A{font-weight:bold; color: #FFFFFF; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#company 	.panel	A:hover{font-weight:bold; color: #FFFF00; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#company 	.panel	A:active{font-weight:bold; color: #FFFF00; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#company 	.name	{padding-left:5px; font-family:Times New Roman, Times, serif; color: #0066CC; font-size: 35px; font-weight:bolder;}
#company 	.about	{padding-left:5px; font-family:Times New Roman, Times, serif; color: #FF3333; font-size:25px; font-weight:bolder; font-style:italic}

.banner{}
#banner 	.panel	{font-weight:bold; color: #ffffff;font-family:tahoma, Helvetica, sans-serif; font-size:11px;}
#banner 	.panel	A{font-weight:bold; color: #ffffff; font-family:tahoma, Helvetica, sans-serif; font-size:11px; padding-left:10px; padding-right:10px;}
#banner 	.panel	A:hover{font-weight:bold; color: #ffffff; font-family:tahoma, Helvetica, sans-serif; font-size:11px;}

#banner 	.panelx	{color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 	font-smooth: always;}
#banner 	.panelx	A{color: #ffffff;  padding-left:5px; padding-right:5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold;}
#banner 	.panelx	A:hover{color: #ffffff; text-decoration: underline;}

#ad{}
#ad	.center{
	padding-bottom:2px; padding-top:2px;
}
#ad	.right{
	padding-bottom:1px; padding-top:1px; padding-left:5px;
}
#ad	.left{
	padding-bottom:1px; padding-top:5px; padding-left:5px;
}
#ad	img{ border:1px solid #CCCCCC}

.blue{ color:#003399}
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e7ebf7;
padding: 5px;
left: -1000px;
border: 1px solid #b5bede;
visibility: hidden;
color: black;
text-align:left;
text-decoration: none;
width:300px;
z-index:1000;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

#dhtmltooltip
{
	border-right: black 1px solid;
	padding-right: 4px;
	border-top: black 1px solid;
	padding-left: 4px;
	font-size: 10pt;
	z-index: 100;
	filter: alpha(opacity=90);
	left: -300px;
	visibility: hidden;
	padding-bottom: 4px;
	border-left: black 1px solid;
	padding-top: 4px;
	border-bottom: black 1px solid;
	font-family: Arial;
	position: absolute;
	background-color:  #e7ebf7;
	width: 300px;
}
#dhtmlpointer
{
	z-index: 101;
	left: -300px;
	visibility: hidden;
	position: absolute;
}
.search{
color:#FF0000;
}
