/********************  Default Common ****************** */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url("images/bg-banner.jpg");
	background-repeat:no-repeat;
	background-position:top;
	background-color:#88c505;
}

body,td,th {
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
	line-height: 130%;
}

p {
	margin-top:0px;
	margin-bottom:0px;
}

ul, li {
	line-height: 200%;
}

.read-news p {
	line-height: 200%;
	margin-top:20px;
	margin-bottom:20px;
}

a:link	{
	font-size: 11px;
	text-decoration: none;
	color: #5b7608;
}
a:visited	{
	font-size: 11px;
	text-decoration: none;
	color: #5b7608;
}
a:hover	{
	font-size: 11px;
	text-decoration: underline;
	color: #5b7608;
}

/********************  Header Area Template ****************** */
.banner {
	display: block;
	height: 345px;
}

.logo-glt {
	width:756px;
	height:72px;
	text-align: left;
	margin-top: 8px;
}

.flash-banner {
	margin-left: 15px;
	height: 266px;
	width:756px;
}

/********************  Top Pane Template ****************** */

.btn-go {
	background-image: url("images/go-btn.gif");
	width: 45px;
	height: 22px;
	border:0px;
	cursor: pointer;
	background-color: transparent;
}

/********************  Left Pane Template ****************** */
.line {
	width: 159px;
	height: 10px;
	background-image: url("images/line.gif");
	background-repeat: no-repeat;
}

.th-lmd {
	background-repeat: none;
	background-image: url("images/th-smod.gif");
	padding-left: 25px;
	padding-top: 2px;
}

.bg-lmd {
	background-repeat: repeat;
	background-image: url("images/bg-lmod.gif");
}

/********************  Content Pane Template ****************** */
.content {
	font-size: 11px;
	text-align: left;
}

.gradient-top {
	width: 754px;
	min-height: 500px;
	background-image:url("images/gradient-top.gif");
	background-repeat: repeat-x;
	/*border: #000000 solid 1px;*/
}

.bg-mod {
	width: 756px;
	min-height: 500px;
	background-image:url("images/bg-mod.png");
	background-repeat: repeat-y;
	margin-left: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 30px;
	/*border: #000000 solid 1px;*/
}

.bottom-mod {
	width: 766px;
	height: 27px;
	background-image:url("images/bottom-mod.png");
	margin-left: 12px;
}

/********************  Right Pane Template ****************** */

.rightpane {
	width: 224px;
}

.language {
	width: auto;
	height: 33px;
	text-align: right;
	padding-top: 5px;
	padding-right: 25px;
	/*border: #000000 1px solid;*/
}

.search	{
	width: 204px;
	height: 81px;
	text-align: left;
	color: #5b7b09;
	background-image: url("images/search.png");
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
}

.hd-partner	{
	width: 224px;
	height: 46px;
	text-align: left;
	background-image: url("images/hd-partner.png");
}

.bg-smod {
	background-repeat: repeat;
	background-image: url("images/bg-smod.png");
	min-height: 280px;
	max-height: 330px;
	color: #cc6600;
	text-align: center;
	overflow: hidden;
	/*border: #006600 solid 1px;*/
}

.bottom-smod {
	width: 224px;
	height: 26px;
	background-image:url("images/bottom-smod.png");
}

.csth {
	width: 224px;
	height: 99px;
	/*background-image:url("images/csth.png");*/
}

/* Rolloff state */
.vi-hd-projects a, .en-hd-projects a {
	display: block;
	width: 100px;
	height: 20px;
	background-image: none;
}

/* Rollover state */
.vi-hd-projects  {
	display: block;
	width: 200px;
	height: 41px;
	background-image: url("images/hd-project-vi.png");
	text-align: left;
	padding-top: 5px;
	padding-left: 24px;

}

.en-hd-projects	{
	display: block;
	width: 200px;
	height: 41px;
	background-image: url("images/hd-project-en.png");
	text-align: left;
	padding-top: 5px;
	padding-left: 24px;
}

.vi-hd-projects a:hover, .en-hd-projects a:hover {
	background-image: none;
	text-decoration:none;
}

/* Rolloff state */
.vi-hd-partners a, .en-hd-partners a {
	display: block;
	width: 70px;
	height: 20px;
	background-image: none;
}

/* Rollover state */
.vi-hd-partners  {
	display: block;
	width: 114px;
	height: 41px;
	background-image: url("images/hd-partner-vi.png");
	text-align: left;
	padding-top: 5px;
	padding-left: 110px;

}

.en-hd-partners	{
	display: block;
	width: 114px;
	height: 41px;
	background-image: url("images/hd-partner-en.png");
	text-align: left;
	padding-top: 5px;
	padding-left: 110px;
}

.vi-hd-partners a:hover, .en-hd-partners a:hover {
	background-image: none;
	text-decoration:none;
}

.vi-hd-partners span, .en-hd-partners span {
	position: absolute;
	width: 70px;
	height: 20px;
	cursor: pointer;
}

/********************  Bottom Pane Template ****************** */
		/************  Empty in this site   ************/

/********************  Footer Area Template ****************** */
.footer {
	display: block;
	width: 973px;
	height: 77px;
	background-repeat: repeat;
	background-image: url("images/footer.jpg");
	font-size: 10px;
	font-weight: normal;
	color: #ffffcc;
	text-align: left;
	padding-left: 30px;
	padding-top: 10px;
}
.bg-footer {
	display: block;
	width: 100%;
	height: 87px;
	background-repeat: repeat;
	background-image: url("images/bg-footer.gif");
}

/******************** Top Menu Button with 2 states *************************/
.menu-left {
	width: 27px;
	height: 44px;
	background-image: url("images/menu-left.png");
	float: left;
}

.menu-right {
	width: 25px;
	height: 44px;
	background-image: url("images/menu-right.png");
	float: left;
}

.dot {
	width: 5px;
	height: 44px;
	background-image: url("images/dot.png");
	float: left;
}

.menu {
	width: 779px;
	height: 44px;
	padding-left: 11px;
}

.menu div span{ display: none; }

/* Rolloff state */
.menu div a {
	display: block;
	height: 44px;
	background-position: 0 0;
}

/* Rollover state */
.menu div {
	display: block;
	height: 44px;
	background-position: 0 100%;
}
.menu div a:hover {
	background-image: none;
	text-decoration:none;
}

/******************** Top Menu Button element goes here *************************/
/******************** English *************************/
.en-about, .en-about a	{
	background-image: url("images/about-btn.png") ;
	width: 88px;
	height: 44px;
	float: left;
}

.en-news, .en-news a	{
	background-image: url("images/news-btn.png") ;
	width: 66px;
	height: 44px;
	float: left;
}

.en-services, .en-services a	{
	background-image: url("images/services-btn.png") ;
	width: 88px;
	height: 44px;
	float: left;
}

.en-portfolio, .en-portfolio a	{
	background-image: url("images/portfolio-btn.png") ;
	width: 96px;
	height: 44px;
	float: left;
}

.en-support, .en-support a	{
	background-image: url("images/support-btn.png") ;
	width: 86px;
	height: 44px;
	float: left;
}

.en-customer, .en-customer a	{
	background-image: url("images/customer-btn.png") ;
	width: 98px;
	height: 44px;
	float: left;
}

.en-career, .en-career a	{
	background-image: url("images/career-btn.png") ;
	width: 77px;
	height: 44px;
	float: left;
}


.en-contact, .en-contact a	{
	background-image: url("images/contact-btn.png") ;
	width: 79px;
	height: 44px;
	float: left;
}
/******************** VietNamese *************************/
.vi-about, .vi-about a	{
	background-image: url("images/about-btn-vn.png") ;
	width: 88px;
	height: 44px;
	float: left;
}

.vi-news, .vi-news a	{
	background-image: url("images/news-btn-vn.png") ;
	width: 66px;
	height: 44px;
	float: left;
}

.vi-services, .vi-services a	{
	background-image: url("images/services-btn-vn.png") ;
	width: 80px;
	height: 44px;
	float: left;
}

.vi-portfolio, .vi-portfolio a	{
	background-image: url("images/portfolio-btn-vn.png") ;
	width: 96px;
	height: 44px;
	float: left;
}

.vi-support, .vi-support a	{
	background-image: url("images/support-btn-vn.png") ;
	width: 70px;
	height: 44px;
	float: left;
}

.vi-customer, .vi-customer a	{
	background-image: url("images/customer-btn-vn.png") ;
	width: 106px;
	height: 44px;
	float: left;
}

.vi-career, .vi-career a	{
	background-image: url("images/career-btn-vn.png") ;
	width: 93px;
	height: 44px;
	float: left;
}


.vi-contact, .vi-contact a	{
	background-image: url("images/contact-btn-vn.png") ;
	width: 79px;
	height: 44px;
	float: left;
}
/******************** Submenu Button with 2 states *************************/
.submenu {
	height: 24px;
	text-align: left;
}

.bg-submenu {
	width: 757px;
	height: 24px;
	margin-left: 16px;
	background-image: url("images/bg-submenu.png");
}

.submenu div a {
	padding-left: 5px;
	padding-right: 5px;
}

.submenu div a:link{
	text-decoration: none;
	color: #f1fec4;
	font-weight: normal;
}

.submenu div a:visited{
	text-decoration: none;
	color: #f1fec4;
	font-weight: normal;
}

.submenu div a:hover{
	text-decoration: none;
	color: #ffcc33;
	font-weight: normal;
}
/************************* English ******************/
#sub-en-about {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 390px;
	height: 24px;
}

#sub-en-news {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 370px;
	height: 24px;
}

#sub-en-services {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 650px;
	height: 24px;
}

#sub-en-portfolio {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 700px;
	height: 24px;
}

#sub-en-support {
	padding-top: 3px;
	margin-left: 380px;
	display: none;
	width: 90px;
	height: 24px;
}

#sub-en-career {
	padding-top: 3px;
	margin-left: 450px;
	display: none;
	width: 300px;
	height: 24px;
}

#sub-en-contact {
	padding-top: 3px;
	margin-left: 590px;
	display: none;
	width: 165px;
	height: 24px;
}
/************************* Vietnamese ******************/
#sub-vi-about {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 400px;
	height: 24px;
}

#sub-vi-news {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 400px;
	height: 24px;
}

#sub-vi-services {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 700px;
	height: 24px;
}

#sub-vi-portfolio {
	padding-top: 3px;
	margin-left: 15px;
	display: none;
	width: 700px;
	height: 24px;
}

#sub-vi-support {
	padding-top: 3px;
	margin-left: 360px;
	display: none;
	width: 110px;
	height: 24px;
}

#sub-vi-career {
	padding-top: 3px;
	margin-left: 410px;
	display: none;
	width: 350px;
	height: 24px;
}

#sub-vi-contact {
	padding-top: 3px;
	margin-left: 570px;
	display: none;
	width: 175px;
	height: 24px;
}
/********************  CSS for Control: Textfield, Textarea, Button... ****************** */
.tf-search {
	border-color: #BABCA8;
	border-style: solid;
	border-width: 1px;
	width: 110px;
	height: 16px;
	font-size: 11px;
}

.ddl-search {
	border-color: #BABCA8;
	border-style: solid;
	border-width: 1px;
	width: 100%;
	height: 20px;
	font-size: 11px;
}

.tf-form {
	border-color: #858585;
	border-style: solid;
	border-width: 1px;
	width: 100%;
	height: 16px;
	font-size: 12px;
}

.tf-login {
	border-color: #BABCA8;
	border-style: solid;
	border-width: 1px;
	width: 100px;
	font-size: 11px;
}

.box {
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8e979c;
	width: 60px;
	height: 20px;
	border-style: solid;
	border-width: 1px;
	border-left: #b5babd;
	border-top: #b5babd;
	border-right: #697174;
	border-bottom: #697174;
}

/********************  CSS for URL Link ****************** */
a.normal:link	{
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #2F6F99;
	display:inline;
}
a.normal:visited	{
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #2F6F99;
	display:inline;
}
a.normal:hover	{
	font-size: 11px;
	font-weight:bold;
	text-decoration: underline;
	color: #2F6F99;
	display:inline;
}

a.partner:link	{
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
}
a.partner:visited	{
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #FFFFFF;
}
a.partner:hover	{
	font-size: 11px;
	font-weight:bold;
	text-decoration: none;
	color: #49c0ff;
}

a.back:link	{
	font-weight:bold;
	text-decoration:none;
	color: #003447;
}
a.back:hover {
	font-weight: bold;
	text-decoration:underline;
	color: #003447;
}
a.back:visited	{
	font-weight:bold;
	text-decoration:none;
	color: #003447;
}

a.footer:link	{
	text-decoration:none;
	color: #ffffcc;
	font-size:10px;
}
a.footer:visited	{
	text-decoration:none;
	color: #ffffcc;
	font-size:10px;
}
a.footer:hover {
	text-decoration:none;
	color: #f68500;
	font-size:10px;
}

/********************  CSS for Plain Text ****************** */
.txtvisitor{
	color: #49c0ff;
	font-weight: bold;
	font-size: 15px;
	text-align:center;
}

.txtblack{
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}

.txtwhite{
	color: #FFFFFF;
	font-weight: normal;
	font-size: 11px;
}

.txtgrey {
	color: #a8a8a8;
	font-weight: bold;
	font-size: 11px;
}

.txtfooter {
	color: #ffffff;
	font-size: 9px;
}

.txtbigblue {
	color: #49c0ff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

/********************  Partner Portlet ****************** */
.logo {
	border:0px;
	max-width:150px;
	max-height: 100px;
	padding:5px;
}

/********************  News Template ****************** */
.first-news {
	background-image: url(images/bg-firstnew.gif);
	background-repeat: no-repeat;
	width: 522px;
	/*height: 170px;
	border: #003333 solid 1px;*/
}

.first-news-bottom {
	background-image: url(images/bg-firstnew-bottom.gif);
	background-repeat: no-repeat;
	width: 522px;
	height: 10px;
	/*border: #003333 solid 1px;*/
}

.first-news-summary {
	width: auto;
	padding: 10px;
	/*min-height: 130px;
	border: #003333 solid 1px;*/
	line-height: 130%;
}

.first-news-title{
	color:#cc6600;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	width: 100%;
	line-height: 140%;
	text-decoration: none;
}

.latest-news {
	width: 250px;
	height: 60px;
	float: left;
	/*border: #003333 solid 1px;*/
	padding-left: 10px;
	padding-top: 10px;
	overflow: hidden;
}

.latest-news-title{
	color:#000000;
	text-align:left;
	font-size:11px;
	width: 100%;
	line-height: 140%;
	text-decoration: none;
}

.dtformat {
	 font-size:9px;
	 text-align: right;
	 color: #848484;
	 text-decoration:none;
}


.first-news-img{
	border:#a5a5a5 1px solid;
	margin-right: 10px;
}

.latest-news-img{
	border:#a5a5a5 1px solid;
	margin-right: 5px;
	margin-top: 3px;
}

.right-list-news {
	float: right;
	/*border:#a5a5a5 1px solid;*/
	width: 218px;
	padding-right:9px;
	padding-top: 8px;
}
.other-cate-latest-news{
	color:#cc6600;
	text-align:left;
	font-size:11px;
	width: auto;
	line-height: 140%;
	background-image: url(images/gradient-bot.gif);
	background-position: 0 100%;
	background-repeat:repeat-x;
}

.other-cate-latest-list-news{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-indent: -7px;
}

.other-latest-news{
	text-align:left;
	width: 522px;
	line-height: 140%;
	padding-left: 10px;
	clear: left;
	/*border:#a5a5a5 1px solid;*/
}

.other-latest-list-news{
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
	text-indent: -7px;
	/*border: #FF0000 solid 1px;*/
	width: 500px;
	overflow: inherit;
}

a.title:link	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
a.title:visited	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
a.title:hover	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}

a.other-title:link	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
a.other-title:visited	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
}
a.other-title:hover	{
	font-size: 11px;
	text-decoration: none;
	color: #cc6600;
}

.txtother{
	color:#566b0c;
	font-size: 11px;
	text-align:left;
	font-weight:bold;
	width: 100%;
	line-height: 140%;
	text-decoration:underline;
}

.other-news-panel {
	width: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	/*border: #FF0000 solid 1px;*/
	clear: left;
}

.other-news {
	text-align: left;
	width: 90%;
	background-color:#f0fabf;
	border: #86ab17 solid 1px;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;

}

.readmore {
	text-align: right;
	width: auto;
	height: 18px;
	padding-right: 15px;
	padding-bottom: 10px;
}

a.more:link	{
	font-size: 11px;
	text-decoration: none;
	color: #5b5fa9;
}
a.more:visited	{
	font-size: 11px;
	text-decoration: none;
	color: #5b5fa9;
}
a.more:hover	{
	font-size: 11px;
	text-decoration: underline;
	color: #5b5fa9;
}

.header-read-news {
	width: 512px;
	height: 18px;
}

.read-news-date {
	width: auto;
	height: 15px;
	text-align: right;
	padding-top: 2px;
	border-bottom: #848484 1px dashed;
}

.read-news {
	width: 502px;
	padding: 10px;
	/*border: #003333 solid 1px;*/
}

.read-news img {
	max-width:600px;
}

.read-news-title{
	color:#000000;
	text-align:left;
	font-weight:bold;
	font-size:14px;
	width: 100%;
	line-height: 140%;
	padding-bottom: 10px;
	text-decoration: none;
}

.read-news-summary{
	color:#5f5f5f;
	font-weight:bold;
}

/********************  Portfolio Template ****************** */
.content-portfolio {
	width: 724px;
	min-height: 529px;
	padding-left: 15px;
	padding-right: 15px;
	/*border: #FF0000 solid 1px;*/
}

.pic-frame {
	/*border: #006633 1px solid;*/
	width: 150px;
	height: 145px;
	background-image: url(images/bg-loading.png);
	background-repeat: no-repeat;
	float: left;
	margin: 15px;
}

.pic-title {
	/*border: #FF0000 1px solid;*/
	width: 150px;
	text-align: center;
}

.pic {
	width: 130px;
	height: 97px;
	padding: 10px;
	border-width: 0px;
}

/********************  Project Template ****************** */

.pic-frame-project {
	/*border: #006633 1px solid;*/
	width: 150px;
	min-height: 137px;
	background-image: url(images/bg-project.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.pic-title-project {
	/*border: #FF0000 1px solid;*/
	width: 150px;
	height: auto;
	text-align: center;
}

.pic {
	width: 130px;
	height: 97px;
	padding: 10px;
	border-width: 0px;
}

/********************  Contact Template ****************** */
.company-name-txt {
	font-weight: bold;
	font-size:12px;
}

.address {
	margin-left: 30px;
	margin-top: 20px;
}

.contact-form {
	background-color: #f3f3f3;
	width: 754px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.map {
	margin-left: 8px;
	margin-top: 20px;
}

/********************  FAQ Template ****************** */
.faq{
	width: 683px;
	padding: 10px;
	padding-top: 0px;
	/*border: #003333 solid 1px;*/
}

.answer {
	width: 683px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
	background-color: #f0f0f0;
	margin-top: 10px;
	margin-bottom: 10px;
	/*border: #0000FF solid 1px;*/
}

.answer p {
	line-height: 200%;
	margin-top:20px;
	margin-bottom:20px;
}

a.question:link	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	font-weight: normal;
}
a.question:visited	{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	font-weight: normal;
}
a.question:hover	{
	font-size: 11px;
	text-decoration: none;
	color: #cc6600;
	cursor: pointer;
	font-weight: bold;
}
a.question-active
{
	font-size: 11px;
	text-decoration: none;
	color: #cc6600;
	cursor: pointer;
	font-weight: bold;
}
.item-faq {

}

/********************  Partner/Customer Template ****************** */
.company-name {
	color:#cc6600;
	text-align:left;
	font-weight:bold;
	font-size:13px;
	width:744px;
	line-height: 140%;
	text-decoration: none;
	padding: 10px;
	padding-left: 0px;
	clear: left;
}
.company-name a{
	color:#cc6600;
	text-align:left;
	font-weight:bold;
	font-size:13px;
	width: 100%;
	line-height: 140%;
	text-decoration: none;
	padding: 10px;
	clear: left;
}
.logo-partner{
	margin-left: 10px;
	float: left;
}

.logo-pic {
	max-height: 150px;
}

.company-description {
	padding: 0px 10px 0px 0px;
	margin-left: 10px;
}

.break-partner {
	border-bottom: #C0C0C0 dashed 1px;
	margin: 0 10px 0 10px;
}

/********************  Miscellaneous ****************** */
.top-back, .top-back a {
	text-align: right;
	width:auto;
	color:#566b0c;
	font-size: 10px;
	font-weight:bold;
	text-decoration: none;
	clear: both;
}

.txt-message {
	text-align: center;
	width: 325px;
	background-color:#FFFFCC;
	border-color: #F5C505;
	border-width: 1px;
	border-style: solid;
	color: red;
	padding: 20px;
	font-weight:bold;
	font-size:13px;
}

.header-page {
	width: auto;
	height: 18px;
}

.header-left {
	background-image: url(images/header-on.jpg);
	display: block;
	width: 9px;
	height: 18px;
	float:left;
}
.header-right {
	background-image: url(images/header-on.jpg);
	display: block;
	width: 9px;
	height: 18px;
	float: left;
}
.header-left-unactive{
	background-image: url(images/header-off.jpg);
	display: block;
	width: 9px;
	height: 18px;
	float:left;
}
.header-right-unactive {
	background-image: url(images/header-off.jpg);
	display: block;
	width: 9px;
	height: 18px;
	float: left;
}


.header-text {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8e979c;
	display: block;
	width: auto;
	height: 17px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	text-transform:uppercase;
}

.header-text-web-design {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8e979c;
	display: block;
	width: auto;
	height: 17px;
	padding-top: 1px;
	float: left;
	text-transform:uppercase;
}
.pager {
	width: auto;
	height: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	clear: both;
}

.underconstruction {
	text-align: center;
	color: #566b0c;
	font-weight: bold;
	font-size: 15px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.header-other-news {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background-color: #abb291;
	display: block;
	padding-top: 2px;
	width: auto;
	height: 20px;
	text-align: center;
	text-transform:uppercase;
}

.noResult {
	text-align: center;
	color: #566b0c;
	font-weight: bold;
	font-size: 15px;
	padding-top: 50px;
	padding-bottom: 50px;
}

/********************  CAI NAY EM THEM ^___^ ****************** */
.pagerStyle span {
	padding: 1px 3px 1px 3px;
}

.pagerStyle a:link, .pagerStyle a:visited
{
	font-size:11px;
	margin-right:2px;
	font-weight:bold;
	color: #5b7608;
	text-decoration: none;
	border: #5b7608 solid 1px;
	background-color: none;
	padding: 1px 3px 2px 3px;
}

.pagerStyle a:hover
{
	font-size:11px;
	margin-right:2px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	border: #5b7608 solid 1px;
	background-color: #5b7608;
	padding: 1px 3px 2px 3px;
}

.buttonstyle
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	background-color: #8e979c;
	display: block;
	height: 18px;
	width: 170px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	text-transform:uppercase;
	border:none;
}
.buttonstyle-unactive
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	background-color: #9a9a68;
	display: block;
	height: 18px;
	width: 170px;
	padding-top: 1px;
	padding-left: 20px;
	padding-right: 20px;
	float: left;
	text-transform:uppercase;
	border:none;
}

.readmore
{
	color:#0000FF;
	font-size:18px;
}
.searchResult
{
	background-color:#FFFF99;
}

.VietAdTooltipProduct
{
	text-align:left;
	position: absolute;

	border: 1px solid #4570c5;
	padding: 2px;
	background-color:#f0f7ff;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
#dhtmltooltip{
		position: absolute;
		width: 150px;
		border: 2px solid black;
		padding: 2px;
		background-color: lightyellow;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
/********************  CAI NAY EM THEM ^___^ ****************** */
.readmore
{
	color:#0000FF;
	font-size:18px;
}
.searchResult
{
	background-color:#FFFF99;
}

#dhtmltooltip{
		position: absolute;
		width: 150px;
		border: 2px solid black;
		padding: 2px;
		background-color: lightyellow;
		visibility: hidden;
		z-index: 100;
		/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
		filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
		}

/*----			article page end			----*/ /*----    TRAIL TEMPLATE PREVIEW BEGIN   ----*/
#loader_container {
  text-align: center;
  position: absolute;
  top: 40%;
  width: 100%;
}

#loader {
  font-family: Verdana, Tahoma, Helvetica, sans;
  font-size: 10px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 10px 0 16px 0;
  margin: 0 auto;
  display: block;
  width: 135px;
  border: 1px solid #6A6A6A;
  text-align: left;
  z-index: 255;
}

#progress {
  height: 5px;
  font-size: 1px;
  width: 1px;
  position: relative;
  top: 1px;
  left: 10px;
  background-color: #9D9D94;
}

#loader_bg {
  background-color: #EBEBE4;
  position: relative;
  top: 8px;
  left: 8px;
  height: 7px;
  width: 113px;
  font-size: 1px;
}

.title_h2 {
  width: 300px;
  padding: 12px 0 0 18px;
}

.border_preview {
  z-index: 100;
  position: absolute;
  border: 1px solid #444;
  color: #4b4b4b;
  font-size: 11px;
  text-align: left;
  background-color: white;
}

.preview_temp_load {
  vertical-align: middle;
  text-align: center;
}

.preview_temp_load img {
  vertical-align: middle;
  text-align: center;
  border: 1px solid #D0E5F3;
  margin: 8px 3px 15px 3px;
}
.clHome
{
	background-image:url(images/homeicon.png);
	width:33px;
	height:32px;
}
.VietAdTooltip2
{
	text-align:left;
	position: absolute;
	width: 320px;
	border: 1px solid #b2b2b2;
	padding: 2px;
	background-image: url(images/gradient-top.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}