@charset "utf-8";
/* CSS Document */

body{
	background: #150000;
	font-size:12px;
}

#Wrapper{	
	margin:0 auto;
	width:100%;
	overflow:hidden;	
}
#Wrapper.WrapperListServer{
		background:url(../images/main-listserver.jpg) no-repeat top center #150000;
		padding: 0 0 60px;
		__padding: 0 0 0;
}
#WrapperIn{
	
	width:836px;
	margin:0 auto;	
}
#Header{
	width:100%;
	height:114px;
	position:relative;	
}
#Header h1{
	position:absolute;
	top:15px;
	left:15px;	
}
#Header h1 a{	
	text-indent:-9999px;
	display:block;
	width:205px;
	height:90px;
}
#Header .ShortLink{
	position:absolute;
	top:25px;
	right:7px;
	list-style:none;
	width:190px;
}
#Header .ShortLink li{
	float:left;
		
}
#Header .ShortLink li a{
	background:url(../images/list-menu.png);
	height:40px;
	width:94px;
	display:block;	
	text-indent:-9999px;
}
#Header .ShortLink li a.TrangChu:link,#Header .ShortLink li a.TrangChu:visited{
	
	background-position:0 0;	
}
#Header .ShortLink li a.TrangChu:hover{
	background-position:0 0px;
	background:url(../images/list-menu-hover.png);
}
#Header .ShortLink li a.DienDan:link,
#Header .ShortLink li a.DienDan:visited{
	
	background-position:-94px 0;	
}
#Header .ShortLink li a.DienDan:hover{
	
	background:url(../images/list-menu-hover.png);
	background-position:-94px 0px;
}
#Header .ShortLink li a.HoTro:link,#Header .ShortLink li a.HoTro:visited{
	
	background-position:0 -40px;
}
#Header .ShortLink li a.HoTro:hover{
	background:url(../images/list-menu-hover.png);
	background-position:0 -40px;
	
}
#Header .ShortLink li a.NapXu:link,#Header .ShortLink li a.NapXu:visited{
	
	background-position:-94px -40px;	
}
#Header .ShortLink li a.NapXu:hover{
	
	background:url(../images/list-menu-hover.png);	
	background-position:-94px -40px;
}

#MainContent{
	
	overflow:hidden;
	height:838px;
	position:relative;	
	
}
.News{
	float:left;	
	width:772px;
	height:208px;
	overflow:hidden;
	position:absolute;
	left:25px;
	top:26px;
	
}
#boxEvent{
	background:url(../images/bgevent.png) no-repeat;
	width:287px;
	height:187px;
	overflow:hidden;
	padding:7px 0 0 6px ;	
}
#img{
	float:left;
	height:160px;
	width:280px;
	overflow:hidden;
}
#img li{
	display:block;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	position:absolute;
	z-index:1;	
	width:280px;
	height:160px;
	overflow:hidden;
}
#img li.ActiveBanner{
	z-index:5;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity=100);	
}
#imgControl{
	float:right;
	left:-10px;
	position:relative;
	width:92px;	
	padding:5px 0 0 0;
}
#imgControl li{
	float:left;	
	height:17px;
	position:relative;
	width:15px;
	margin-right:2px;
}
#imgControl li a{
	width:15px;
	height:17px;
	display:block;	
}
#imgControl li a img{
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);	
	display:block;	
}
#imgControl li.ActiveBanner a img{
	opacity: 1;	
	-moz-opacity:1;
	filter:alpha(opacity=100);	
}
#imgControl #item1,
#imgControl #item2,
#imgControl #item3,
#imgControl #item4,
#imgControl #item5{
	background:url(../images/number.gif);	
}
#News{
	position:relative;	
	width:293px;
	overflow:hidden;
	background:url(../images/bg-news.jpg) no-repeat;
}
#News h2{
	background:url(../images/titleh2.jpg) no-repeat;	
	width:100%;
	height:27px;
	overflow:hidden;
}
#News h2 a{
	display:block;
	width:150px;
	height:27px;	
	text-indent:-9999px;
}
#News .ListNews{
	list-style:none;
	width:293px;
	overflow:hidden;	
}
#News .ListNews li{
	float:left;
	clear:both;	
	width:293px;
	overflow:hidden;
	height:24px;
}
#News .ListNews li.Last{
	background:none;	
}
#News .ListNews li a:link,#News .ListNews li a:visited{
	background:url(../images/icon.gif) no-repeat 1px 7px;	
	padding:0 0 0 12px;
	text-decoration:none;
	color:#654426;
	display:block;
	font-size:12px;
}
#News .ListNews li.New a:link,#News .ListNews li.New a:visited{
	font-weight:bold;	
}
#News .ListNews li a:hover{
	background:url(../images/icon-o.gif) no-repeat 1px 7px;	
	color:#ba0000;
}
#News .ListNews li a span{
	font-weight:normal;
	float:right;	
}
.Login{
	float:left;	
	width:299px;
	overflow:hidden;
	padding:78px 0 0 335px;
}
.Login h2{
	background:url(../images/title-login.gif) no-repeat;
	width:212px;
	height:49px;
	margin:0 auto;
	text-indent:-9999px;
	margin-bottom:10px;
}
.Login form input{
	border:1px solid #c09349;
	background:#fff;	
}
.Login form input.none{
	border:none;
	width:0px;
	height:0px;	
	line-height:0px;
	overflow:hidden;
	display:block;
}
.Login form div.frm_dangnhap{
	padding:0 0 0 30px;	
	clear:both;		
}
.Login form div.username input,.Login form div.password input{
	height:20px;	
}
.Login form div.username{
	
	padding:0 0 0 100px;
	margin-bottom:5px;
}
.Login form div.password{
	
	padding:0 0 0 100px;
	margin-bottom:5px;	
}
.Login form input{
		
}
.Login form div.frm_button{
	clear:both;	
	margin:26px 1px 0 0;
	
}
.Login form div.frm_button a:link,.Login form div.frm_button a:visited{
	background:url(../images/choingay2.jpg) no-repeat;
	width:220px;
	height:62px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
.Login form div.frm_button a:hover{
	background-position:0 -62px;
}
.Login form div.login{
	clear:both;	
}
.Login form div.login p.flashwarning{
	text-align:center;	
}
.Login form div.login p.flashwarning a:link,.Login form div.login p.flashwarning a:visited{
	color:#654426;

}
.Login form div.login p.flashwarning a:hover{
	color:#BA0000;}

.QuickReg{
	float:left;	
	overflow:hidde;
	width:290px;
	padding:150px 0 0 36px;
}
#box_p_mess{
	width:289px;
	overflow:hidden;
	margin:0 auto;	
}
#box_p_mess #box_mess{
	background:url(../images/bg-news.gif) repeat-x bottom center;	
}
#box_p_mess #box_mess #box_p_mess_title{
	background:url(../images/quickregtitle.gif) no-repeat 15px 0;
	height:29px;
	width:100%;
	text-indent:-9999px;
}
.captcha{
	margin-left:30px;
	position:relative;
}
.captcha b{
color:#654426;		
}
#captchaimg{
margin:1px 0 0 11px;
border:1px solid #C09349;
}
a#change-image:link, a#change-image:visited,a#change-image:hover{
background:url(../images/iconRe.jpg) no-repeat 0 0;
width:18px;
height:25px;
text-indent:-9999px;
display:block;
position:absolute;
right:5px;
top:10px;
}
input#verify_code{
width:117px;
}
.content{
	font-size:11px;
	color:#654426;	
}
.content a{
	font-weight:bold;
	text-decoration:none;
	color:#654426;	
}
.content a:hover{
	text-decoration:underline;	
}
.content form input{
	border:1px solid #c09349;
	width:150px;	
}
.content form input.none{
	width:auto;
}
.content form input.Dangky{
	background:url(../images/dangky.gif) no-repeat;
	width:149px;
	height:52px;
	border:none;
	text-indent:-9999px;
	padding:0;
	display:block;
}
.content form input.Dangky-o{
	background:url(../images/dangky-o.gif) no-repeat;
	width:149px;
	height:52px;
	border:none;
	text-indent:-9999px;
	padding:0;
	display:block;
}
.QuickReg .quickReg{
	
}
.QuickReg .quickReg a.quick,.QuickReg .quickReg a{
	background:url(../images/quick.jpg) no-repeat;
	width:202px;
	height:53px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
.QuickReg .quickReg a.quick-o{
	background:url(../images/quick-o.jpg) no-repeat;
	width:202px;
	height:53px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
.QuickReg .quickReg div.Img{
	background:url(../images/chick.jpg) no-repeat 45px 22px;
	width:100%;
	height:290px;	
}
.ListServer{
	
}
.ListServer h2{
	background:url(../images/chon-may-chu.gif) no-repeat;
	width:100%;
	height:34px;
	display:block;
	text-indent:-9999px;	
	margin:240px 0 0 35px;
}
#nav{
	margin:0;
	overflow:hidden;
	position:absolute;
	width:750px;
	z-index:35px;
	top:280px;
	left:50px;
}
#nav ul{
	list-style:none;
	margin:0 0 20px 0;
	overflow:hidden;
		
}
#nav ul li{
	float:left;
	margin:0 5px 5px 0;	
	position:relative;
}
#nav ul li a:link, 
#nav ul li a:visited,
#nav ul li a:hover
{
	color: #000;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 12px 0 9px 52px;
    text-decoration: none;
    width: 92px;	
}
#nav ul li a span{
	color: #fff;
    display: block;
    font-size: 11px;
    font-weight:bold;
    line-height: 24px;
	padding-right:4px;
	float:left;
	position:absolute;
	top:12px;
	left:24px;
	width:20px;
	height:30px;
    	
}
#nav p.flashwarning{
	text-align:center;
}
.iconNew{
	background: url(../images/icon-new.png) no-repeat;
    display: block;
    height: 33px;
    position: absolute;
    right: 0px;
    text-indent: -9999px;
    top: 7px;
    width: 41px;
    z-index: 40;	
}
.iconBaotri{
	background: url(../images/icon-baotri.gif) no-repeat;
    display: block;
    height: 9px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 4px;
    width: 33px;
    z-index: 42;	
}
.iconTot{
	background:url(../images/icon-tot.png) no-repeat;
	display:block;
	height:45px;
	left:27px;
	position:absolute;
	text-indent:-9999px;
	top:21px;
	width:147px;
	z-index:4;	
}
#nav ul li a.serverTot{
	background: url(../images/button-server4.png) no-repeat;	
}
#nav ul li a.serverTot:hover{
	background: url(../images/button-server4-hover.png) no-repeat;	
}
#nav ul li a.serverMoi{
	background: url(../images/button-server2.png) no-repeat;	
}
#nav ul li a.serverMoi:hover{
	background: url(../images/button-server2-o.png) no-repeat;	
}
#nav ul li a.serverDay{
	background: url(../images/button-server3.png) -1px 0 no-repeat;	
}
#nav ul li a.serverDay:hover{
	background: url(../images/button-server3-o.png) -1px 0 no-repeat;	
}
.FormLogin {
	background: url(../images/bg-login.jpg) no-repeat;
	margin:0;	
	position:absolute;
	width:794px;
	height: 592px;
	z-index:35px;
	top:240px;
	left:21px;
}
.frm_dangnhap {
    left: 525px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 90px;
    width: 160px;
    z-index: 31;
}
.frm_dangnhap input.txt_box {
    border: 1px solid #AE6100;
    height: 19px;
    line-height: 18px;
    margin-bottom: 5px !important;
    padding: 2px 0 2px 3px;
    width: 95%;
}
.frm_button {
    left: 450px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 160px;
    width: 220px;
    z-index: 32;
}
.LuuY {
	left: 365px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    top: 230px;
    width: 400px;    
}
form div.LuuY p.TextWarning {
    text-align: center;
}
form div.LuuY p.TextWarning a:link, form div.LuuY p.TextWarning a:visited {
    color: #654426;
	text-decoration:none;
}
form div.LuuY p.TextWarning a:hover {
    color: #BA0000;
	text-decoration:none;
}
a.ChoiNgay:link, a.ChoiNgay:visited {
	background: url(../images/choingay2.jpg) no-repeat;
	text-indent: -9999px;
	display: block;	
	width: 220px;
	height: 62px;
	margin: 0;
}
a.ChoiNgay:hover {
	background-position: 0 -62px;
}

a.DKNhanh:link, a.DKNhanh:visited {
	background: url(../images/dang-ky-nhanh.jpg) no-repeat;
	text-indent: -9999px;
	display: block;	
	width: 220px;
	height: 52px;
	margin: 0;
	position: absolute;
	left: 111px;
	top: 85px;
}
a.DKNhanh:hover {
	background-position: 0 -52px;
}
#Footer{
	position:relative;
	width:100%;
	height:128px;	
}
#Footer ul{
	list-style:none;
	position:absolute;	
	overflow:hidden;
	top:20px;
	left:35px;
}
#Footer ul li{
	float:left;
	margin-right:20px;
}
#Footer ul li a:link,
#Footer ul li a:visited,
#Footer ul li a:hover {
	display:block;
	width:36px;
	height:53px;
	text-indent:-9999px;	
}
#Footer .Rating{
	position:absolute;
	right:150px;
	top:12px;	
	display:block;
	width:148px;
	height:70px;
	text-indent:-9999px;
	background: url(../images/none.gif);	
}
#Footer p{	
	font-size:11px;
	color:#c5aa86;
	text-align:center;
	position: absolute;
	left: 140px;
	top: 35px;
}
a.dangky:link,
a.dangky:visited{ color:#cc0000; text-decoration:underline}
a.dangky:hover{ color:#cc0000;text-decoration:none}
div.FanPage { 
	display:block;
	width:310px;
	height:80px;
	position:absolute;
	top:30px;
	left:680px;
	background:#b09662;
	padding:1px;
	border:#ffeec1 solid 1px;
 }
 div.FanPageContent { background:#fff; padding:5px;}
 /* BarFooter */
 .BarFooter {
    
    bottom: 0;
    left: 0;    
    position: fixed;
    width: 100%;	
    z-index: 98;
}


.BarFooter .BarFooterCenter {
     background: url(../images/bg-footer-bar.gif) 0 25px no-repeat;
    float: left;
    height: 119px;
    width: 1000px;
	position:relative;
	margin:auto;
}
.BarFooterCenter a.Like:link,.BarFooterCenter a.Like:visited{
	background:url(../images/thich.jpg) no-repeat;
	width:94px;
	height:30px;
	border:none;
	text-indent:-9999px;
	
	display:block;
	position:absolute;
	left:15px;
	top:80px;
}
.BarFooterCenter a.Like:hover {
	background-position:0 -30px;
}
.BarFooterCenter a.Close:link,.BarFooterCenter a.Close:visited{
	background:url(../images/donglai.gif) no-repeat;
	width:65px;
	height:25px;
	border:none;
	text-indent:-9999px;
	
	display:block;
	position:absolute;
	right:7px;
	top:1px;
}
.BarFooterCenter a.Close:hover {
	background-position:0 -25px;
}
.BarFooter a.BarFooterTimBan:link,.BarFooter a.BarFooterTimBan:visited,.BarFooter a.BarFooterTimBan:hover{
	background:url(../images/timban.png) no-repeat;
	width:345px;
	height:51px;
	border:none;
	text-indent:-9999px;
	
	display:none;
	position:relative;
	left:338px;
	top:1px;
	
}


.BarFooterCenter .ListUser{
	display:block;
	overflow:hidden;
	position: absolute;
    width: 560px;
    height: 94px;
    top: 35px;	
	left:118px;
	
}
.FooterWrapper {
    margin: auto;
    overflow: hidden;
    width: 1000px;
}
a.quickregister {
    background: url(../images/dang-ky-nhanh.jpg) no-repeat 0 0 !important;
    text-indent: -9999px;
    display: block;
    width: 203px;
    height: 52px;
    margin: 0;
}

a.quickregister:hover {
    background-position: 0 -52px !important;
    text-decoration: none !important;
}
a.rankbutton {
    background: url(../images/bxh.jpg) no-repeat 0 0;
    text-indent: -9999px;
    display: block;
    width: 220px;
    height: 52px;

    position: absolute;
    left: 80px;   /* chỉnh ngang */
    top: 60px;     /* chỉnh dọc */
    z-index: 40;
}

a.rankbutton:hover {
    background-position: 0 -52px;
}