﻿/************/
/*  GLOBAL  */
/************/
*{padding:0px; margin:0px;}
 body { background:#0679d4 url(../images/bg.jpg) repeat-x; font-family: Tahoma, Times New Roman; font-size:9pt; color:#000000; text-align:center;}
.page-container {width:810px; height:auto; margin:0px auto; text-align:left; background:#ffffff;}
.container {float:left; width:800px; text-align:left; background:#ffffff; padding:5px 5px 0px 5px;}
.header {float:left; width:800px; background:#ffffff;}
.main {float:left; width:800px; background:#ffffff; padding-bottom:20px;}
.main-left {float:left; width:190px;}
.main-center {float:left; width:420px;}
.main-right {float:left; width:190px;}
.footer {float:left; width:800px; text-align:center; background:#ffffff; border-top:solid 1px #aca899;}

/********************/
/*  HEADER SECTION  */
/********************/
.logo {float:left; width:200px; height:160px; text-align:center;}
.banner {float:left; width:600px; height:160px; text-align:center;}

.menutop {float:left; width:800px; height:34px; margin-top:8px; padding-top:7px; font-weight:bold; border-top:solid 1px #aca899; border-bottom:solid 14px #006699; background:#ffffff url(../images/bg-menu.jpg) 0px 7px repeat-x;}
.hplktop {float:left; color:#808080; text-decoration:none; border-right:solid 1px #000000; height:24px; padding:10px 20px 0px 20px;}
.hplktop:hover {float:left; color:#000000; text-decoration:none; border-right:solid 1px #000000; height:24px; padding:10px 20px 0px 20px;}
.topselected {float:left; color:#000000; text-decoration:none; border-right:solid 1px #000000; height:24px; padding:10px 20px 0px 20px;}
.menu {float:left; text-align:center;} 

.datetime {float:left; width:190px; font-size:7pt; font-weight:bold; color:#666666;}
.date {float:left; padding-right:4px;}
#time {float:left;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN SIDE */
.content-side {float:left; width:190px; padding-top:20px;}
.side-title {float:left; width:190px; height:20px; font-weight:bold; color:#ff0000; border-bottom:solid 1px #aca899; text-align:center;}
.side-content {float:left; width:190px; padding:5px 0 5px 0;}

.content-side-right {float:left; width:190px; padding-top:10px;}
.side-title-right {float:left; width:190px; height:20px; background:url(../images/newsp.gif) 0px 0px no-repeat; font-weight:bold; color:#ff0000; border-bottom:solid 1px #aca899; text-align:center;}
.side-content-right {float:left; width:190px; padding:5px 0 5px 0;}
.link-tinmoi {float:left; width:190px; padding-top:5px;}
.link-tinmoi a {color:#000066;}
.link-tinmoi a:hover {color:#ff0000;}

.content-sidesp {float:left; width:190px;}
.side-titlesp {float:left; width:180px; height:21px; padding-left:10px; font-weight:bold; color:#ff0000; border-bottom:solid 1px #aca899;}
.side-contentsp {float:left; width:190px; padding:5px 0 5px 0;}

.nhomsplon {padding:5px 0 5px 0;}
.lblsplon {text-decoration:none;}
.linksplon {padding-left:20px; text-decoration:none; font-weight:bold; background:url(../images/point.gif) 5px 5px no-repeat;}
.linksplon a {color:#000000;}
.linksplon a:hover {color:#ff0000;}
.nhomlon {color:#000000;}

.nhomspnho { padding:3px 0 5px 0;}
.lblspnho {text-decoration:none;}
.linkspnho {}
.hplkspnho {padding-left:30px; text-decoration:none; color:#000000; background:url(../images/point3.gif) 18px 3px no-repeat;}
.hplkspnho:hover, .nhomnho {padding-left:30px; text-decoration:none; color:#000000; background:url(../images/point2.gif) 20px 3px no-repeat;}

.truycap {float:left; width:180px; padding-top:5px;}
.hotro {float:left; width:180px; padding-top:5px;}
.lblten {float:left; width:190px; padding-top:5px; color:#000099; text-align:center;}
.lbldt {float:left; width:180px; padding-top:5px; color:#000099;}
.lble-mail {float:left; width:180px; padding-top:5px;}
.mailto {color:#333333; text-decoration:none;}
.mailto:hover {text-decoration:underline;}
.hplkimg {float:left; width:180px; text-align:center;}
.hplkimg img { max-width:156px;_width:expression(this.width > 156 ? 156: true);}
.online {float:left; width:156px; height:32px; background:url(../images/ymsgr_onl.gif) no-repeat;}
.offline {float:left; width:156px; height:32px; background:url(../images/ymsgr_off.gif) no-repeat;}
.lienket {float:left; padding:5px 10px 0 10px;}
.ddltim {width:170px;}
.phone {float:left; width:120px; padding:0 0 10px 70px; background:url(../images/dt_call.gif) no-repeat;}
.lblphone {float:left; width:120px; padding:5px 0 5px 0; color:#000099; font-weight:bold;}
.lblnick {float:left; width:190px; padding-top:10px; color:#ff3300; font-weight:bold;}
.nick {float:left; width:156px; padding:10px 0 0 17px; color:#ff3300; font-weight:bold;}

.qcao {width:190px; margin-top:10px; text-align:center;}
.qcao img { max-width:160px;_width:expression(this.width > 160 ? 160: true);}
.hinhanh-content{float:left; width:190px;}

.lienhe {float:left; width:600px; text-align:justify;}
.lhdk {float:left; width:600px; padding-top:5px;}
.lblsao {float:left; width:10px; margin-top:3px;}
.lblemail {float:left; width:140px; margin-top:3px;}
.txtemail {float:left; width:200px;}
.lblnoidung, .txtnoidung, .reqnoidung {float:left;}
.imgcode {float:left; width:130px; padding-left:20px;}
.lbtncode {float:left; padding:20px 0 0 67px;}
.lbtnlhdk {float:left; width:70px; height:16px; padding-top:2px; background:#ffffff url(../images/button.gif); color:#333333; text-decoration:none; text-align:center;}
.lbtnlhdk:hover {color:#ff0000;}
.message {color:#ff0000; text-align:justify;}
.arrow-message {float:left; padding:3px 0 0 5px; color:#ff0000;}
.message-error {float:left; color:#ff0000; text-align:justify;}
.message-result {float:left; color:#000000; text-align:justify;}
.message-lhdk {float:left; width:600px; padding:10px 0 10px 0;}

/* MAIN CENTER */
.center {float:left; width:600px; padding-left:10px;}
.content-center {float:left; width:600px;}
.center-title {float:left; width:600px; padding-bottom:8px; font-weight:bold; color:#000099;}
.center-content {float:left; width:600px;}

.center-home {float:left; width:420px; background:#ffffff;}
.content-center-home {float:left; width:390px; padding:0 15px 0 15px;}
.center-title-home {float:left; width:390px; padding-top:20px; font-weight:bold; color:#ff0000; background:url(../images/newsp2.gif) 90px 10px no-repeat; border-top:solid 1px #aca899;}
.center-content-home {float:left; width:390px;}

.tieude-gt {float:left; width:390px; padding:10px 0 20px 0; font-weight:bold; color:#ff0000;}
.mota-gt {float:left; width:390px; padding:10px 0 30px 0; text-align:justify;}
.mota-gt img {float:left; margin:0 10px 5px 0; max-width:380px;_width:expression(this.width > 380 ? 380: true);}
.mota-gt-flash {float:left; margin:0 10px 5px 0; max-width:380px;_width:expression(this.width > 380 ? 380: true);}

.tintuc {float:left;}
.tintuc a {color:#000066; text-decoration:none;}
.tintuc a:hover {color:#ff0000;}
.tieude {float:left; width:600px; font-weight:bold; padding:10px 0 10px 0;}
.mota {float:left; width:600px; text-align:justify;}
.mota img {float:left; margin:0 10px 5px 0; padding:1px; max-width:590px;_width:expression(this.width > 590 ? 590: true);}

.mota-tin {float:left; width:600px; padding:10px 0 10px 0; text-align:justify;}
.mota-tin img {float:left; margin:0 10px 5px 0; padding:1px; max-width:100px;_width:expression(this.width > 100 ? 100: true);}

.tieude-tinkhac {float:left; width:600px; margin-top:20px; padding-top:10px; border-top:solid 1px #aca899;}
.tinkhac {float:left; width:580px; 
background:url(../images/point2.gif);
background-position:10px 8px;
background-repeat:no-repeat;
padding:5px 0 0 20px;
text-decoration:none;
}
.tinkhac a {color:#0a408a; text-decoration:none;}
.tinkhac a:hover {color:#ff0000;}

.paging {float:left; width:600px; padding-top:10px; text-align:center;}
.lbtnpaging { color:#000000; text-decoration:none; padding-left:5px;}
.lbtnpaging:hover { color:#ff0000;}
.lbtnprev { color:#000000; text-decoration:none; padding:0 10px 0 10px;}
.lbtnprev:hover { color:#000000; text-decoration:underline;}
.text {font-weight:bold; color:#ff0000; text-decoration:none; padding-left:5px;}

.back {float:left; width:600px; padding-top:10px; text-align:right;}
.linkback2 {
background-image:url(../images/arrow-back.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:10px;
color:#000000;
text-decoration:none;
}
.linkback2:hover {color:#ff0000;}
.back a {color:#0000ff;text-decoration:underline;}
.back a:hover { text-decoration:none;}

.chung-home {float:left; width:390px;}
.chung {float:left; width:585px; border:dashed 1px #cccccc; padding:4px 4px 9px 9px; background:#ffffff;}
.border-nhom {float:left; width:190px; padding:5px 5px 0 0;}
.nhom {float:left; width:178px; height:178px; padding:5px; border:dashed 1px #cccccc; text-align:center;}
.hinh {float:left; width:178px; height:130px;}
.hinh img { max-width:160px; width:auto !important; width:160px; max-height:128px; height:auto !important; height:128px; border:none;}
.hinh a img{ border:none;}
.hinh a:hover img { border:none;}
.ten {float:left; width:178px; height:40px; padding:3px 0 5px 0;}
.ten a { color:#000066; text-decoration:none;}
.ten a:hover { color:#ff0000; text-decoration:none;}
.gia {float:left; width:218px; height:20px; padding:5px 0 5px 0;}
.view {float:left; width:218px; height:20px;}
.view a { color:#333333; text-decoration:none;}
.view a:hover { color:#333333; text-decoration:underline;}
.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;}
.chitiet {float:left; width:600px;}
.tenct { padding:10px 0 20px 0; font-weight:bold;}
.giact { padding:5px 0 5px 0;}
.motact {float:left; width:600px; padding:10px 0 10px 0; text-align:justify;}
.motact img {float:left; margin:0 10px 5px 0; padding:1px; max-width:590px;_width:expression(this.width > 590 ? 590: true);}
.center-message {float:left; width:600px; padding-top:10px; color:#000000; text-align:center;}

/********************/
/*  FOOTER SECTION  */
/********************/
.menubottom {float:left; width:800px; padding:10px 0px 10px 0px; text-align:center;}
.hplkbottom {padding:0 10px 0 10px; color:#000000; text-decoration:none; border-right:solid 1px #000000;}
.hplkbottom:hover {padding:0 10px 0 10px; color:#000000; text-decoration:underline; border-right:solid 1px #000000;} 
.bottomselected {padding:0 10px 0 10px; color:#000000; text-decoration:none; border-right:solid 1px #000000;}
.top {color:#000000; margin-left:10px; text-decoration:none;}
.top:hover {text-decoration:underline;}
.content-info {float:left; width:800px; padding:5px 0px 5px 0px; font-size:8pt; text-align:center; line-height:1.5em; background:#ffffff; border-top:solid 1px #aca899;}
.hplkinfo {color:#000000; text-decoration:none;}
.hplkinfo:hover {text-decoration:underline; }
.cty {font-weight:bold;}
.lblcopyright {color:#ffffff; font-size:8pt;}

/********************/
/*  COMMON CLASSES  */
/********************/
.linkff { text-decoration:none;}
.none { display:none; text-decoration:none; color:#ffffff; width:200px;}
.none a { display:none; text-decoration:none; color:#ffffff;}
.none a:hover { display:none; text-decoration:underline; color:#ffffff;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}



