/* CSS Document */

body{ background:url(../images/bg.jpg) repeat-x center top #dceba6; font-size:62.5%; font-family:Arial, Helvetica, sans-serif}

/*------------------------------- Layout: chua toan bo code html ------------------------------*/
/*---------------------box_top-----------------*/
#box_top{ width:100%; margin:0px auto; overflow:hidden; position:absolute; z-index:2;}
#box{ width:960px; margin:0px auto; position:relative}
.box_left{ float:left; margin:0px; overflow:hidden;	background:url(../images/logo-top.gif) no-repeat center left; height:31px; width:100px; display:block; line-height:0px;}

.box_right{	width:840px; height:31px; float:right; margin:0px; overflow:hidden;}
.box_right .left{ padding-top:3px; font-size:11px;}
.box_right .right{ width:280px; font-size:11px;}
.box_right .right .left{ margin-top:5px;}
.box_right .right .left-tim{ margin-top:7px; padding-left:2px; float:left}
.box_right .right .right { width:122px; height:20px; margin-top:5px}

.style-link { color:#737373; text-decoration:none;}

.style-link_off { color:#ccc;}
.style-link_act { color:#000;}

.style-link a:link,.style-link a:visited,.style-link a:active { color:#737373; text-decoration:none; font-weight:bold}
.style-link a:hover { color:#000; text-decoration:none; font-weight:bold}

/*---------------------box-game-----------------*/
#box-game{ margin:0px auto;	width:100%; position:absolute; z-index:10}
#box-game #box{	width:940px; margin: 0 auto; position:relative}	
#box-game #box .box-ds-game{ position:absolute; z-index:5; top:5px; left:830px}




/*---------------------wrapper-----------------*/
#wrapper{	margin:0px auto;	width:100%;	overflow:hidden;	background:url(../images/bg-header.jpg) no-repeat top center;	position:absolute;	z-index:1;	top:31px;}

#header{ width:940px; overflow:hidden; position:relative; height:340px}

#logo{	width:187px; height:90px;	overflow:hidden;	position:absolute;	left: 380px;	top: 0px; z-index:10}
#logo div{ background:url(../images/logo.png) no-repeat; width:187px; height:90px}

#bt-hd{ position:absolute; top:59px; left:70px; width:128px; height:150px; display:none;}
#bt-hd .content{ width:128px; height:155px; background:url(../images/gunny-bt-huongdan.png) no-repeat}

#event{ position:absolute; width:282px; height:177px; bottom:40px; right:33px; z-index:4}
#event .content{ width:282px; height:177px; background:none;}

#choi-ngay{ position:absolute; width:250px; height:215px; bottom:31px; left:336px; z-index:7}
#choi-ngay .content{ width:250px; height:215px; background:url(../images/choi-ngay.jpg) no-repeat}

.huong-dan{display:block; height:177px; left:40px; position:absolute; top:50px; width:142px; z-index:6;}
.huong-dan .content{ width:207px; height:177px;}

#flash-header{ position:absolute; width:390px; height:320px; z-index:5; top:60px; left:0; display:none;}
#flash-header3{ position:absolute; z-index:5; top:84px; left:330px;}
#box-snow{width:100%; position:absolute; top:0; left:0; z-index:2}
/* footer --------------------*/
.footer { width:732px; height:100px; color:#000; font-size:11px; margin:10px 0 0 0; overflow:hidden; background:url(../images/bg-footer.png) no-repeat;}
.footer .copyright{ margin:40px 0 0 185px; text-align:left}

/*---------------------mainbox-----------------*/
#mainbox{ width:940px; overflow:hidden; margin:auto}

/* --------- nav ---------------*/
#col-1{ width:184px; float:left; overflow:hidden; position:relative}

#quick-nav{ position:absolute; top:10px}

#quick-nav .box-nap-the{ background:url(../images/bt-napthe.gif) no-repeat; width:184px; height:150px;}
#quick-nav .nap-the { padding:55px 0 0 38px; width:100px; height:45px;}
#quick-nav .nap-the a:link, #quick-nav .nap-the a:visited{ display:block; width:100px; height:45px; text-indent:-9999px; background:url(../images/nap-the.jpg) top no-repeat; overflow:hidden; z-index:1000;}
#quick-nav .nap-the a:hover{ display:block; width:100px; height:45px; text-indent:-9999px; background:url(../images/nap-the.jpg) no-repeat 0 -45px; overflow:hidden}

.top-quick-dangnhap{ height:142px;}

#quick-dangnhap{ width:184px; overflow:hidden; background:url(../images/gunny-box-dangnhap.gif) no-repeat; height:180px; margin-bottom:10px; }
#quick-dangnhap .content{ width:160px; margin:60px 0 0 17px; overflow:hidden; font-size:1.2em; color:#565800}
#quick-dangnhap .content .frm-dn{ }
#quick-dangnhap .content .sp-text{ background:none; border:none; font-size:12px; width:100px; height:16px; margin-bottom:10px}
#quick-dangnhap .content .sp-ok{ background:none; border:none; width:44px; height:45px; cursor:pointer}

#quick-dangnhap .content a:link,#quick-dangnhap .content a:visited{ font-weight:bold; color:#565800; font-size:14px;}
#quick-dangnhap .content a:hover{ color:#663300}

/* B?ng x?p h?ng */
#box_bangxephang{ width:180px; margin:0px 0 10px 0; overflow:hidden; color:#fff; font-size:1.1em; background:url(../images/gunny-box-phongcachga.png) no-repeat; height:330px;}
#box_bangxephang .content{ width:160px; overflow:hidden; margin:40px 0 0 18px}
.content-user{ margin:0 0 0px 0}
.content-user .bt-prev{ float:left; margin: 110px 10px 0 0}
.content-user .bt-prev a{ background:url(../images/bt-prev.gif) no-repeat 0 5px; display:block; width:8px; height:20px;}
.content-user .bt-next{ float:left; margin: 110px 0px 0 0}
.content-user .bt-next a{ background:url(../images/bt-next.gif) no-repeat 0 5px; display:block; width:8px; height:20px;}

.content-user .user{ float:left; margin-right:10px}
.content-user .user ul{ list-style-type:none}
.content-user .user li{ margin-bottom:5px; color:#5c7110; font-weight:bold; text-align:center}

.content-paging ul{ list-style-type:none; margin-left:21px}
.content-paging ul li{ float:left; margin-right:3px; color:#587a0c}
.content-paging ul li a:link,.content-paging ul li a:visited{ color:#587a0c}
.content-paging ul li a:hover{ color:#663300} 
.content-paging ul li a.Active{ font-weight:bold; cursor:default}
.content-paging ul li.bt-lui a{ background:url(../images/bt-lui.gif) no-repeat 0 3px; display:block; width:14px; height:16px;}
.content-paging ul li.bt-toi a{ background:url(../images/bt-toi.gif) no-repeat 0 3px; display:block; width:14px; height:16px;}

/* Tham dò ý ki?n*/
#thamdo-ykien{ width:184px; overflow:hidden; font-size:11px;}
.thamdo-title{ width:184px; background:url(../images/gunny-box-tkyk-t.png) no-repeat; height:33px;  }
.thamdo-title p{ text-indent:-9999px}

.thamdo-bt{ width:184px; background:url(../images/gunny-box-tkyk-bt.png) no-repeat; height:110px;}

.thamdo-content{ width:184px; background:url(../images/gunny-box-tkyk.gif) repeat-y; font-size:12px;}
.thamdo-content p{ padding:5px 30px 0 20px; text-align:justify}
.thamdo-content ol{ margin:0 30px 0 50px }
.thamdo-content a:link{ color:#000}
.thamdo-content a:visited{ color:#000}
.thamdo-content a:hover{ color:#cc3e00}

/* col-2 */
#col-2{ float:right; width:740px; overflow:hidden; margin-top:25px}

.box-content{ overflow:hidden; clear:both; width:740px;}

.box-banner{ overflow:hidden; clear:both; width:740px; margin-bottom:10px}
.box-banner ul.banner{ list-style-type:none;}
.box-banner ul.banner li{ float:left; margin-right:10px}
.box-banner ul.banner li.non-mar{ float:left; margin-right:0}

/* add zone */
.addzone{ margin-bottom:10px; width:180px; }
.addzone img {height:150px; width:180px; }
 
/* style ad */
#nav-ad{ width:182px; margin:0 0 0px 0; overflow:hidden}
#nav-ad ul{ list-style-type:none; margin:0 ; padding:0 0; }
#nav-ad li{ margin-bottom:5px;}