/************/
/*  GLOBAL  */
/************/
*{padding:0px; margin:0px;}
 body {padding-top:10px; font-family: Tahoma, Times New Roman; font-size:9pt; color:#333333; text-align:center;}
.page-container {width:774px; height:auto; margin:0px auto; padding-bottom:10px; text-align:left;}
.container {float:left; width:770px; padding:1px; background:#ffffff; text-align:left;}
.header {float:left; width:770px; background:#ffffff;}
.header2 {float:left; width:770px; margin-top:1px; background:#ffffff;}
.main {float:left; width:770px; background:#ffffff; padding-bottom:20px;}
.main-left {width:200px; background:#ffffff;}
.main-center {float:left; width:560px; background:#ffffff; padding:0 5px 0 5px;}
.main-right {width:200px; background:#ffffff url(../images/support_bg.jpg) no-repeat; padding-top:105px; margin-top:2px;}
.footer {float:left; width:770px; text-align:center; background:#ffffff;}
.page-containerlon {width:974px; height:auto; margin:0px auto; padding-bottom:10px; text-align:left;}
.containerlon {float:left; width:970px; padding:1px; background:#ffffff; text-align:left;}
.headerlon {float:left; width:970px; background:#ffffff;}
.header2lon {float:left; width:970px; margin-top:1px; background:#ffffff;}
.mainlon {float:left; width:970px; background:#ffffff; padding-bottom:20px;}
.main-bgleft {float:left; width:770px; background:#ffffff;}
.main-bgright {float:left; width:770px; background:#ffffff;}
.footerlon {float:left; width:970px; text-align:center; background:#ffffff;}

/********************/
/*  HEADER SECTION  */
/********************/
.logo {float:left;}
.bannerlon {float:left; width:960px; text-align:center;}
.banner {float:left; width:760px; text-align:center;}
.bannerlon img {max-width:960px;_width:expression(this.width > 960 ? 960: true);}
.banner img {max-width:760px;_width:expression(this.width > 760 ? 760: true);}

.menutoplon {float:left; width:970px; height:35px; font-size:10pt; font-weight:bold; background:url(../images/menu_bg_out.jpg);}
.menutop {float:left; width:770px; height:35px; font-size:10pt; font-weight:bold; background:url(../images/menu_bg_out.jpg);}
.hplktop {float:left; height:26px; padding:9px 20px 0px 20px; border-right:solid 1px #30cc30; color:#ffffff; text-decoration:none;}
.hplktop:hover {float:left; height:26px; padding:9px 20px 0px 20px; border-right:solid 1px #30cc30; color:#ffff00; text-decoration:none; background:url(../images/menu_bg_over.jpg);}
.topselected {float:left; height:26px; padding:9px 20px 0px 20px; border-right:solid 1px #30cc30; color:#ffff00; text-decoration:none; background:url(../images/menu_bg_over.jpg);}
.menu {float:left;}

.ngonngu {float:left; width:200px; height:21px; padding-top:5px;}
.flag img {width:24px; height:16px; padding-right:4px; border:none;}
.flag {float:right; padding-right:2px;}

.dayhour {float:left; width:200px; }
.datetime {float:left; width:200px; height:20px; padding-top:8px; color:#333333;}
.date {float:left; padding:0 4px 0 4px;}
#time {float:left;}

.content-eventlon {float:left; width:760px; padding:6px 0px 10px 0px;}
.event-contentlon {float:left; width:650px;}
.content-event {float:left; width:560px; padding:6px 0px 10px 10px;}
.event-content {float:left; width:430px;}
.event-title {float:left; width:100px; padding:0 10px 0 10px; font-style:italic; text-decoration:underline;color:#eb2d2f;font-weight:bold;font-size:12pt;}
.rptevent {float:left; padding-right:50px;}
.marqueetop {position:relative;}
.hinhtoplon img {float:left; max-width:740px;_width:expression(this.width > 740 ? 740: true);}
.hinhtop img {float:left; max-width:540px;_width:expression(this.width > 540 ? 540: true);}
.hinhtoplon { width:740px; padding-bottom:5px;}
.hinhtop { width:540px; padding-bottom:5px;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN SIDE */
.content-side {float:left; width:200px; margin-top:2px;}
.side-title {float:left; width:200px; height:22px; padding-top:6px; background:url(../images/tab_bg.jpg); font-size:9pt; font-weight:bold; color:#ffffff; text-align:center;}
.side-content {float:left; width:178px; padding:5px 10px 10px 10px; background:#ffffff; color:#333333; border-left:solid 1px #009933; border-right:solid 1px #009933; border-bottom:solid 1px #009933;}

.nhomsplon {
background:url(../images/dots.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:5px 0 5px 0;
}
.lblsplon {text-decoration:none;}	
}
.linksplon {
background:url(../images/arrow.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
text-decoration:none;
font-weight:bold;
}
.linksplon a {color:#666666;}
.linksplon a:hover {color:#ff0000;}

.nhomspnho { padding:3px 0 5px 0;}
.lblspnho {text-decoration:none;}
.linkspnho {padding-left:20px; text-decoration:none; background:url(../images/point.gif) no-repeat 10px 8px}
.linkspnho a {color:#333333;}
.linkspnho a:hover {color:#ff0000;}
.nhomnho, .nhomlon {color:#ff0000;}

.hinhanh-content {float:left; width:178px; padding:10px; background:#ffffff; color:#333333; border-left:solid 1px #009933; border-right:solid 1px #009933; border-bottom:solid 1px #009933;}
.hinhanh {width:178px; padding:10px 0 10px 0; text-align:center; background:#ffffff;}
.hinhanh img { padding:1px; max-width:160px; height:160px; _width:expression(this.width > 160 ? 160: true);}
.lblflash { padding:1px; border:solid 1px #808080;}
.lbltde {width:178px; text-align:center;}
.truycap {float:left; width:178px; padding-top:5px;}
.hotro {float:left; padding-bottom:5px;}
.lblten {float:left; width:178px; height:20px; font-weight:bold; text-align:center; color:#ff0000;}
.lbldt {float:left; width:178px; height:18px; color:#ff0000; text-align:center;}
.hplkimg {float:left; width:178px; text-align:center;}
.hplkimg img { max-width:156px;_width:expression(this.width > 156 ? 156: true);}
.online {float:left; width:156px; height:32px; padding-left:11px; background:url(../images/ymsgr_onl.gif) no-repeat 11px 0px; cursor:hand;}
.offline {float:left; width:156px; height:32px; padding-left:11px; background:url(../images/ymsgr_off.gif) no-repeat 11px 0px; cursor:hand;}
.lket, .qcao {
background:url(../images/arrow.gif);
background-position:0px 10px;
background-repeat:no-repeat;
padding-left:10px;
}
.linklket, .linkqcao {padding-top:4px; text-decoration:none;}
.linklket a, .linkqcao a {color:#000000;}
.linklket a:hover, .linkqcao a:hover {color:#ff0000;}

.ddltim {width:178px; margin:5px 0 5px 0;}
.lbtnimgtk {float:left; width:160px; padding:5px 0 5px 0;}
.lbtnimglog {float:left; width:160px; padding:5px 0 5px 0;}
.lbtnreg {}
.lbltitle {color:#333333;}
.txtlogin {width:174px;}
.txtbox {padding-bottom:5px;}
.lbtntext {color:#333333; text-decoration:none; line-height:1.5em;}
.lbtntext:hover {color:#ff0000;}
.lbtnimg {float:left; width:70px; height:16px; margin:0 53px 0 53px; padding-top:2px; background:#ffffff url(../images/menu-green.jpg); color:#ffffff; text-decoration:none; text-align:center; border:solid 1px #90bc07;}
.lbtnimg:hover {color:#333333;}
.welcome {line-height:1.5em;}
.UserName {color:#000000; font-weight:bold; line-height:1.5em;}
.cartlogin {border:solid 1px #333333; margin-top:5px; padding:5px 10px 2px 10px;}
.tdcartlogin {border-bottom:solid 1px #333333; padding-bottom:1px;}
.ndcartlogin {border-bottom:solid 1px #333333; padding:5px 0 5px 0; line-height:1.2em;}
.pwd {float:left; width:540px;}
.lblpwd {float:left; width:150px; padding-top:8px;}
.txtpwd {width:160px; margin-top:5px;}
.lbtnimgdoi {float:left; width:70px; height:16px; margin:10px 0 0 196px; padding-top:2px; background:#ffffff url(../images/menu-green.jpg); color:#ffffff; text-decoration:none; text-align:center; border:solid 1px #90bc07;}
.lbtnimgdoi:hover {color:#333333;}
.lbtnimgquen {float:left; width:70px; height:16px; margin:10px 0 0 156px; padding-top:2px; background:#ffffff url(../images/menu-green.jpg); color:#ffffff; text-decoration:none; text-align:center; border:solid 1px #90bc07;}
.lbtnimgquen:hover {color:#333333;}
.lienhe {margin-top:15px;}
.lhdk {float:left; width:540px;}
.lhdkms {float:left; width:540px; padding-bottom:10px; color:Blue; font-style:italic;}
.lbltkcn {float:left; width:500px; padding:10px 0 15px 5px; font-weight:bold;}
.lblsao {float:left; width:10px; margin-top:8px;}
.lbluser {float:left; width:120px; padding-top:8px;}
.lblemail {float:left; width:100px; padding-top:8px;}
.txtemail {width:180px; margin-top:5px;}
.txtndung {width:182px; margin-top:5px;}
.lblnoidung, .txtnoidung {float:left;}
.reqnoidung {float:left; padding:5px;}
.lbtnimglhdk {float:left; width:70px; height:18px; margin:20px 0 0 66px; padding-top:2px; background:#ffffff url(../images/btn.jpg); color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimglhdk:hover {color:#ffff00;}
.arrowmessage {
background-image:url(../images/arrow-back.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
color:#ff0000;
text-align:justify;
}
.message-error {color:#ff0000; text-align:justify;}
.message-result {color:#333333; text-align:justify;}
.center-message {float:left; width:560px; height:22px; padding-top:6px; text-align:center; color:#ffffff; background:#ffffff url(../images/tab_bg.jpg);}
.center-title-lhdk {float:left; width:540px; height:22px; padding:6px 0 0 20px; background:#ffffff url(../images/tab_bg.jpg); font-weight:bold; color:#ffffff;}

.tygia-content {float:left; width:178px; padding:10px; background:#a4cd2f; color:#333333;}
.tygia-title {float:left; width:178px; height:16px; font-weight:bold; border-bottom:solid 1px #90bc07; text-align:center; color:#404040;}
.lblcode {float:left; width:40px; height:16px;}
.lblbuy {float:left; width:70px; height:16px; border-left:solid 1px #90bc07;}
.lblsell {float:left; width:62px; height:16px; border-left:solid 1px #90bc07;}
.tygia-rpt {float:left; border-bottom:solid 1px #90bc07;}
.code {float:left; width:40px; height:16px;}
.buy {float:left; width:65px; height:16px; padding-right:5px; border-left:solid 1px #90bc07; text-align:right;}
.sell {float:left; width:66px; height:16px; border-left:solid 1px #90bc07; text-align:right;}
.source {float:left; padding-top:5px;}
.DateTime {float:right; padding-top:5px;}
.banhangtt {float:right; background:#ffffff url(../images/support_bg.jpg) no-repeat 2px 2px;}
.lblbanhangtt {padding:3px 3px 3px 3px; font-size:14; color:#ffffff;}
.lblsodt {padding:9px 3px 3px 3px; font-size:10; color:#ffffff;}

/* MAIN CENTER */
.center {float:left; width:560px; background:#ffffff;}
.content-center {float:left; background:#ffffff;}
.center-title {float:left; width:540px; height:22px; padding:6px 0 0 20px; background:#ffffff url(../images/tab_bg.jpg); font-weight:bold; color:#ffffff;}
.center-content {float:left; padding:9px; background:#ffffff; border-left:solid 1px #009933; border-right:solid 1px #009933; border-bottom:solid 1px #009933;}
.center-content-home {float:left; padding:10px; background:#ffffff;}
.center-content-nhom {float:left; padding:0px 10px 10px 10px; background:#ffffff;}

.titlekhaclon {float:left; width:740px; padding-top:5px; font-weight:bold; color:#ff0000; text-align:right;}
.titlekhac {float:left; width:540px; padding-top:5px; font-weight:bold; color:#ff0000; text-align:right;}
.khaclon {float:left; width:740px; padding:5px 0 5px 0; text-align:justify;}
.khaclon img {float:right; margin:0 0 5px 10px; padding:1px; max-width:720px;_width:expression(this.width > 720 ? 720: true);}
.khac {float:left; width:540px; padding:5px 0 5px 0; text-align:justify;}
.khac img {float:right; margin:0 0 5px 10px; padding:1px; max-width:520px;_width:expression(this.width > 520 ? 520: true);}
.motalon {float:left; width:740px; padding:5px 0 10px 0; text-align:justify;}
.motalon img {float:left; margin:0 10px 5px 0; padding:1px; max-width:720px;_width:expression(this.width > 720 ? 720: true);}
.mota {float:left; width:540px; padding:5px 0 10px 0; text-align:justify;}
.mota img {float:left; margin:0 10px 5px 0; padding:1px; max-width:520px;_width:expression(this.width > 520 ? 520: true);}
.tintuc {float:left;}
.traloi {float:left; width:540px; padding-top:5px; font-weight:bold;}
.titlecttt {float:left; width:540px; padding-top:5px; font-weight:bold; color:#ff0000;}
.titlelink {color:#ff0000; text-decoration:none;}
.titlelink:hover {color:#ff0000; text-decoration:underline;}
.chitietlon {float:left; width:740px; text-align:justify;}
.chitiet {float:left; width:540px; text-align:justify;}
.tt-tinkhac {float:left; width:500px; padding:10px 0 0 10px; font-weight:bold; text-decoration:underline; color:#ff0000;}
.tinkhac { width:500px;
background:#ffffff url(../images/arrow.gif);
background-position:0px 8px;
background-repeat:no-repeat;
padding:3px 0 5px 10px;
font-weight:bold;
}
.tinkhac a { color:#333333; text-decoration:none;}
.tinkhac a:hover { color:#ff0000; text-decoration:none;}

.chinhlon {float:left; width:740px; padding-top:5px;}
.chinh {float:left; width:540px; padding-top:5px;}
.chung {float:left;}
.motanhom {float:left; padding-bottom:10px; width:540px; text-align:justify;}
.motasp {float:left; padding:5px; min-height:220px;}
.motasp img {padding:1px;}
.sample {float:left; text-align:justify;}

.tenbig {float:left; padding-bottom:10px; width:540px; text-align:center; font-weight:bold;}
.imgbig {float:left; padding-bottom:10px; width:540px; text-align:center;}
.imgbig img { padding:1px; border:solid 1px #c0c0c0; max-width:520px;_width:expression(this.width > 520 ? 520: true);}
.imgbo {float:left; padding:2px;}
.imgbo img { padding:1px; max-width:100px;_width:expression(this.width > 100 ? 100: true);}
.marqueeimg {float:left; border:solid 1px #109def;}

.message {color:#000000; text-align:justify;}
.paging {float:left; width:500px; padding:10px;}
.lblpage {float:left; padding-right:5px; color:#000000;}
.lbtnpage {float:left; padding-right:5px;}
.lbtnpaging {color:#000000; text-decoration:none;}
.lbtnpaging:hover {color:#ff0000; text-decoration:underline;}
.text {color:#ff0000;}
.ten {font-weight:bold; line-height:1.5em;}
.gia {padding:5px 0 5px 0; color:#ff0000;}
.giaban {padding:5px 0 5px 0; color:#ff0000;text-decoration:line-through;font-weight:bold}
.giakm {padding:5px 0 5px 0; color:#ff0000;}
.hinh {float:left; border:none;}
.hinh a { float:left; border:solid 1px #ffffff;}
.hinh a:hover { float:left; border:solid 1px #ff0000;}
.hinhs {width:170px; text-align:center;}
.hinhs img { max-width:160px;_width:expression(this.width > 160 ? 160: true);}
.hinhm img {float:left; margin:0 5px 5px 0; max-width:250px;_width:expression(this.width > 250 ? 250: true);}
.hinhv img {float:left; margin:0 5px 5px 0; max-width:340px;_width:expression(this.width > 340 ? 340: true);}
.hinhb img {float:left; margin:0 5px 5px 0; max-width:520px;_width:expression(this.width > 520 ? 520: true);}
.tenct { width:540px; font-weight:bold; line-height:1.5em; color:#ff0000;}
.giact { width:540px; padding:5px 0 5px 0;}
.back {float:left; width:500px; padding-top:20px;}
.linkback {
background-image:url(../images/arrow-back.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
color:#000000;
text-decoration:none;
}
.linkback:hover {color:#ff0000;}
.moi {width:47px; height:24px; padding:5px 13px 5px 13px; background:url(../images/new.gif) no-repeat; font-size:8pt; font-weight:bold; color:#ffffff;}

.nhom {float:left; padding:10px 4px 4px 4px; border:solid 1px #009933;}
.motaspcart {float:left; height:260px;}
.motaspcart img {padding:1px;}
.lbtn {float:left; width:150px; padding:0 10px 0 10px; text-align:center;}
.lbtnm {float:left; width:150px; padding:0 55px 0 55px; text-align:center;}
.lbtnv {float:left; width:150px; padding:0 100px 0 100px; text-align:center;}
.lbtnb {float:left; width:150px; padding:0 190px 0 190px; text-align:center;}
.lbtnview {float:left; width:70px; height:16px; padding-top:2px; background:#009933;}
.lbtnscart {float:right; width:70px; height:16px; padding-top:2px; background:#009933;}
.lbtnview a {color:#ffffff; text-decoration:none;}
.lbtnview a:hover {color:#ffff00;}
.linkscart {color:#ffffff; text-decoration:none;}
.linkscart:hover {color:#ffff00;}
.lbtnctscart {float:left; width:540px; padding:10px 0 10px 0;}
.lbtnimgscart {float:left; width:70px; height:16px; padding-top:2px; background:#009933; color:#ffffff; text-decoration:none; text-align:center;}
.lbtnimgscart:hover {color:#ffff00;}

.giohang {float:left; width:538px; background:#ffffff; border:solid 1px #808080;}
.ghtieude {float:left; padding:1px; text-align:center; color:#333333;}
.tdtensp {float:left; width:188px; height:40px; background:#f0f0ee;}
.tdtien {float:left; width:100px; height:40px; border-left:solid 1px #808080; background:#f0f0ee;}
.tdsolg {float:left; width:53px; height:40px; border-left:solid 1px #808080; background:#f0f0ee;}
.tdttien {float:left; width:110px; height:40px; border-left:solid 1px #808080; background:#f0f0ee;}
.tdlbtn {float:left; width:40px; height:40px; border-left:solid 1px #808080; background:#f0f0ee;}
.ghnoidung {float:left; background:#ffffff; border-top:solid 1px #808080;}
.ghtensp {float:left; width:184px; height:23px; padding-left:5px; text-align:left;}
.linktensp {color:#000000; text-decoration:none;}
.linktensp:hover {color:#ff0000;}
.ghtien {float:left; width:95px; height:23px; border-left:solid 1px #808080; text-align:right; padding-right:5px;}
.ghsolg {float:left; width:53px; height:23px; border-left:solid 1px #808080; text-align:center;}
.txtsolg {width:36px; text-align:right; padding-right:5px; margin-top:1px;}
.ghttien {float:left; width:105px; height:23px; border-left:solid 1px #808080; text-align:right; padding-right:5px;}
.ghlbtn {float:left; width:40px; height:23px; border-left:solid 1px #808080; text-align:center;}
.ghtongket {float:left; background:#ffffff; border-top:solid 1px #808080;}
.tktensp {float:left; width:455px; height:23px; text-align:center;}
.gh { margin-top:4px;}
.ghlink { margin-top:2px;}
.hidecb { padding-top:2px;}
.hidecb label { display:none;}
.lbtnsua {float:left; margin-left:10px; width:20px; height:20px; background:url(../images/edit-cart.jpg);}
.lbtnxoa {float:left; margin-left:10px; width:20px; height:20px; background:url(../images/delete-cart.jpg);}
.xnhan {float:left; width:520px; padding:10px;}
.xnlink {float:right; color:#000000; text-decoration:none;}
.xnlink:hover {color:#ff0000;}
.note {color:#000000;}
.gachgh {color:#000000; text-decoration:line-through;}
.sendmail {float:left; width:490px; height:40px; padding:10px 0 0 70px;}
.cart-ok {float:left; background:url(images/cart-ok.jpg) no-repeat 10px 0px;}
.cart-no {float:left; background:url(images/cart-no.jpg) no-repeat 10px 0px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.menubottomlon {float:left; width:960px; padding:15px 0 5px 0; background:#ffffff url(../images/green.jpg) repeat-y; text-align:center; margin-bottom:1px;}
.menubottomleft {float:left; width:560px; padding:15px 0 5px 200px; background:#ffffff url(../images/green.jpg) repeat-y left; text-align:center; margin-bottom:1px;}
.menubottomright {float:left; width:560px; padding:15px 200px 5px 0; background:#ffffff url(../images/green.jpg) repeat-y right; text-align:center; margin-bottom:1px;}
.menubottom {float:left; width:760px; padding:15px 0 5px 0; background:#ffffff; text-align:center; margin-bottom:1px;}
.hplkbottom {padding:0 10px 0 10px; color:#333333; text-decoration:none; border-right:solid 1px #333333;}
.hplkbottom:hover {padding:0 10px 0 10px; color:#333333; text-decoration:underline; border-right:solid 1px #333333;} 
.bottomselected {padding:0 10px 0 10px; color:#333333; text-decoration:none; border-right:solid 1px #333333;}
.top {color:#333333; margin-left:10px; text-decoration:none;}
.top:hover {text-decoration:underline;}
.content-infolon {float:left; width:958px; height:40px; font-size:8pt; color:#333333; text-align:center; border-top:solid 1px #009933;}
.content-info {float:left; width:758px; height:40px; font-size:8pt; color:#333333; text-align:center; border-top:solid 1px #009933;}
.hplkinfo {color:#333333; text-decoration:none;}
.hplkinfo:hover {text-decoration:underline; }
.cty {color:#666666; font-weight:bold; padding:5px 0 5px 0;}
.content-kmlon {float:left; width:958px; height:18px; padding-top:2px; color:#333333; font-size:8pt; text-align:center; vertical-align:middle;}
.content-km {float:left; width:758px; height:18px; padding-top:2px; color:#333333; font-size:8pt; text-align:center; vertical-align:middle;}
.hplkkm {color:#333333; text-decoration:none;}
.hplkkm:hover {text-decoration:underline; }

/********************/
/*  COMMON CLASSES  */
/********************/
.linkff { text-decoration:none;}
.tooltip 
{
 display:none;
 position:absolute;
 background:#ffffff; 
 border-top:solid 1px #cccccc; 
 border-left:solid 1px #cccccc; 
 border-right:solid 1px #808080; 
 border-bottom:solid 1px #808080; 
 color:#000000; 
 text-align:justify;
 width:250px;
 padding:5px; 
}
.tooltiptc
{
 padding:5px; 
}
.tooltipqc
{
 padding:5px; 
}
.sample {float:left; width:740px; padding:10px;}
.lblviewsample {float:left; padding-right:10px; color:#ffffff;}
.sple {float:left; padding-right:10px;}
.linkfifo { text-decoration:underline; color:#ff0000;}
.linkfifo:hover{ text-decoration:none; color:#000000;}
.linkmail { text-decoration:none; color:#ff0000;}
.linkmail:hover { text-decoration:underline; color:#000000;}

.TblDetailInfor { width:540px; border-collapse:collapse;}
.AtrGrpNameDetail { padding-left:5px; font-weight:bold; font-size:8pt; border:solid 1px #999999;}
.AtrSubGrpNameDetail { width:140px; padding-left:5px; border:solid 1px #999999;}
.AtrGrpValueDetail { width:400px; padding:0 5px 0 5px; border:solid 1px #999999;}