body {
	background:#cbfffc url(../images/bgd_wrapper_repeat_y.jpg) repeat-y center 0;
	color: #630;
}
#wrapper {
	background:url(../images/bgd_wrapper_footer.jpg) no-repeat center 100%;
	width:100%;
}
.wrapperOut {
	background:url(../images/bgd_wrapper_repeat_x.jpg) repeat-x;
	width:100%;
}
.wrapperIn {
	background:url(../images/bgd_wrapper.jpg) no-repeat center 0;
	width:100%;
	margin:0 auto;
}

#header {
	position:relative;
	z-index:2;
	width: 1000px;
	height: 389px;
	margin:0 auto;
}
#logo {
	position: absolute;
	left: 0;
	top: 10px;
	width: 173px;
	height: 82px;display:block;
	z-index: 1;text-indent:-9999px;
}
.page-2 .wrapperIn{ background-image:url(../images/bgd_wrapper_2.jpg)}
.page-2 #logo{
    left: 354px;  
    top: 67px;
    width: 340px;  
    height: 143px;
}
.TopLink {
	position:absolute;
	z-index:2;
	top: 10px;
	left: 580px;
}
.TopLink ul {
	overflow:hidden
}
.TopLink ul li {
	font-weight:bold;
	float: left;
	font-size: 12px;
	list-style-type: none;
	color:#0036a3
}
.TopLink ul li a:link, .TopLink ul li a:visited {
	color:#0036a3;
	font-size: 12px;
	padding: 0 6px;
}
.TopLink ul li a:hover, .TopLink ul li.Hilite a:link, .TopLink ul li.Hilite a:visited {
	text-decoration:underline;
	color: white;
}
#nav {
	width: 900px;
	left: 57px;
	position: absolute;
	overflow:hidden;
	height: 109px;
	top: 281px;
}
#nav li {
	float: left;
}
#nav li a {
	display: block;
	text-indent: -9999px;
	background: url(../images/nav-nor.jpg) 0 0 no-repeat;
	height:109px;
}
#nav li.Hilite a, #nav li a:hover {
	background-image: url(../images/nav-hov.jpg);
	
}
#nav li.Off a, #nav li.Off a:hover {
	cursor:default;
	background-image: url(../images/nav-off.jpg);
	
}
#nav li a.nav01 {
	background-position: 0 0;
	width:100px;
}
#nav li a.nav02 {
	background-position:-100px 0;
	width:178px;
}
#nav li a.nav03 {
	background-position:-278px 0;
	width:175px;
}
#nav li a.nav04 {
	background-position:-453px 0;
	width:166px;
}
#nav li a.nav05 {
	background-position:-619px 0;
	width:179px;
}
#nav li a.nav06 {
	background-position:-798px 0;
	width:102px;
}
.btn-1 {
	background:url(../images/btn-1.jpg) no-repeat 1px 0;
	width:130px;
	height:138px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	left: 71px;
	top: 116px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-1{
	background:url(../images/btn-1.jpg) no-repeat 0px 0;
	}
	} 
a.btn-1act,
.btn-1:hover {
	background-image:url(../images/btn-1-hov.gif);
}

.btn-2 {
	background:url(../images/btn-2.png) no-repeat 1px -1px;
	width:138px;
	height: 140px;
	display:block;
	position:absolute;
	text-indent:-9999px;
	left: 735px;
	top: 105px;
	__background:url(../images/btn-2.png) no-repeat 1px 1px;
}
a.btn-2act,
.btn-2:hover {
	background-image:url(../images/btn-2-hov.gif);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-2{
	background:url(../images/btn-2.png) no-repeat 0px -1px;
	}
}
/*Begin Btn*/
input.BtnReset {
	width:auto;
	margin:10px 10px 0 0;
}
textarea {
	resize:none
}
/*End Btn*/
#block-left {
	position:absolute;
	top:1px;
	left:1px;
	background: url(../images/bgd_blockLeft.png) no-repeat 19px 0;
	width: 195px;
	height:142px;
	__left:2px !important;
}
#btn-playNow {
	background:url(../images/btn-playnow.png) no-repeat;
	width:99px;
	height:99px;
	text-indent:-9999px;
	display:block;
	position: absolute;
	top:42px;
	left: 40px;
}
#btn-playNow:hover {
	background-position:-120px 0
}
#left-menu {
	margin: 111px 0 0 0;
	background: url(../images/left_menu_bot.png) no-repeat -9px 100%;
	padding: 0 0 74px;
	width: 195px;
	overflow: hidden;
}
#left-menu ul {
	overflow:hidden;
	background: url(../images/left_menu.png) no-repeat 0 0;
	width: 161px;
	padding: 70px 17px 0;
}
#left-menu ul li {
	display:block;
	padding: 10px 14px 10px 14px;
	margin:0 2px;
	background: url(../images/bg-leftmenuline.jpg) no-repeat center bottom;
	
}
#left-menu ul li.Last {
	background: none;
}
#left-menu ul li a {
	text-decoration:none;
	color:#2e620b;
	font-weight:bold;
	font-size:12px;
	background: url(../images/content/icon_left_menu1.png) no-repeat 0 4px;
	padding-left: 10px;
	text-transform:uppercase;
}
#left-menu ul li span {
	text-decoration:none;
	color:#2e620b;
	font-weight:bold;
	font-size:12px;
	background: url(../images/content/icon_left_menu1.png) no-repeat 0 4px;
	padding-left: 10px;
	text-transform:uppercase;
}
#left-menu ul li a:hover, #left-menu ul li.Hilite a {
	
	text-decoration:none
}
#left-menu ul li.Off a:hover, #left-menu ul li.Off a {
	cursor:default;
	color:#eacea2
}
#left-menu ul li ul {
	overflow:hidden;
	background: none;
	width: 125px;
	padding: 0 0 0 5px;
	
}
#left-menu ul li.HasChild ul {
	display:none;
	
}
#left-menu ul li.Active ul {
	display:block;
	
}
#left-menu ul li ul li {
	display:block;
	padding: 10px 0 0 0;
	margin:0 2px;
	background: none;
}
#left-menu ul li ul li a {
	text-decoration:none;
	color:#663300;
	font-weight:bold;
	font-size:12px;
	background: url(../images/content/icon_left_menu.png) no-repeat 0 4px;
	padding-left: 12px;
	text-transform: none;
	
}
#left-menu ul li ul li a:hover, #left-menu ul li ul li.Hilite a {
	color:#d41515;
	text-decoration: underline;
	}
	#left-menu ul li ul li.Off a:hover, #left-menu ul li ul li.Off a {
	cursor:default;
	color:#eacea2;
	text-decoration: none;
}

.ui-title {
	margin: 0 0 15px 0px;
	display:block;
	width:642px;
	height:71px;
	text-indent: -9999px;
}
.title-1 {
	background:url(../images/title-1.jpg) no-repeat
}
.title-2 {
	background:url(../images/title-2.jpg) no-repeat
}
.title-3 {
	background:url(../images/title-3.jpg) no-repeat
}
.title-4 {
	background:url(../images/title-4.jpg) no-repeat
}
.title-5 {
	background:url(../images/title-5.jpg) no-repeat
}
.title-6 {
	background:url(../images/title-6.jpg) no-repeat
}
.title-7 {
	background:url(../images/tong-hop-su-kien.jpg) 0 1px no-repeat
}
.title-8 {
	background:url(../images/tong-hop-cap-nhat.jpg) 0 1px no-repeat
}
.title-9 {
	background:url(../images/nhiem-vu-gunny.jpg) no-repeat
}
.title-10 {
	background:url(../images/nhiem-vu-don-chao-gunny.jpg) no-repeat
}
.title-11 {
	background:url(../images/nhiem-vu-gunny2.jpg) no-repeat
}
.title-12 {
	background:url(../images/level-60.jpg) 0 10px no-repeat
}
.title-13 {
	background:url(../images/lo-ren.jpg) 0 10px no-repeat
}
.title-14 {
	background:url(../images/vip.jpg) 0 10px no-repeat
}
.title-15 {
	background:url(../images/pho-ban-moi.jpg)  0 10px no-repeat
}
.title-16 {
	background:url(../images/pet.jpg) 0 10px no-repeat
}
#top {
	position:absolute;
	top:-20px; 
	left: 889px;
	width:111px;
	z-index:10;
	background: url(../images/soiday.gif) 9px 0 repeat-y;
	padding-top:30px;
	
}
#top a {
	background: url(../images/top.png) no-repeat;
	display: block;
	z-index:1;
	width:111px;
	height:82px;
	text-indent:-9999px;
	bottom:0;
	position:absolute;
	left:0;
}
#top a:hover{background-position:-120px 0}

#btHeader li {
	float: left;
	
}

#btHeader li a {
	display: block; 
	text-indent: -9999px;
	background: url(../images/bt-gunny.jpg) no-repeat; 
	width: 304px;
	height: 86px;
	margin: 0 0 20px;
	
	}
	#btHeader li:Off a, #btHeader li:Off a:hover {
		cursor: default;
		}
		#btHeader li a.BTKhoiDong:visited, #btHeader li a.BTKhoiDong:link {
				background-position: 0 0;
			}
			#btHeader li a.BTKhoiDong:hover, #btHeader li.Active a.BTKhoiDong, #btHeader li.Hilite a.BTKhoiDong {
				background-position: 0 -86px;
			}
			#btHeader li.Off a.BTKhoiDong:visited, #btHeader li.Off a.BTKhoiDong:link, #btHeader li.Off a.BTKhoiDong:hover {
				background-position: 0 -172px;
			}
			
			#btHeader li a.BTChaoDon:visited, #btHeader li a.BTChaoDon:link {
				background-position: -304px 0;
				margin:  0 0 20px 20px;
			}
			#btHeader li a.BTChaoDon:hover, #btHeader li.Active a.BTChaoDon, #btHeader li.Hilite a.BTChaoDon {
				background-position: -304px -86px;
			}
			#btHeader li.Off a.BTChaoDon:visited, #btHeader li.Off a.BTChaoDon:link, #btHeader li.Off a.BTChaoDon:hover {
				background-position: -304px -172px;
			}

/*Footer*/
#Footer {
	clear:both;
	margin:0 auto;
	overflow:hidden;
	height: 115px;
	width: 880px;
	padding: 75px 0 0;
	position: relative;
}

#Footer p {
	overflow:hidden;
	font: 11px/17px Tahoma;
	color: #153200;
	padding: 19px 0 0;
}
.vng {
	background: url(../images/spacer.gif) no-repeat;
	height: 49px;
	width: 33px;
	float:left;
	margin: 10px 25px 0 88px;
	text-indent:-9999px;
}
.sevenRoad {
	background: url(../images/spacer.gif) no-repeat;
	height:30px;
	float:left;
	margin: 21px 40px 0 0;
	text-indent:-9999px;
	width:32px;
}
.rating {
	background: url(../images/spacer.gif);
	height: 75px;
	width: 152px;
	display: block;
	text-indent: -9999px;
	right: 59px;
	position: absolute;
	top: 75px;
}

.survey_popup {
    height: 500px;
    overflow: hidden;
    padding-top: 36px;
    position: absolute;
    width: 600px;
    z-index: 1001;
}
.QuickReg{
    background: none ;
    height: 410px;
    padding: 0;
    width: 440px;
}
.survey_popup .SurveyClose {
    background: none;
    display: block;
    height: 22px;
    left: 564px;
    overflow: hidden;
    position: absolute;
    text-indent: -999px;
    top: 15px;
    width: 26px;
}
.QuickReg .SurveyClose {
    background: url(http://event.game.zing.vn/intro/template_subweb_v2/gunny/082011/images/close1.gif) no-repeat;
    height: 23px;
    left: 362px;
    top: 15px;
    width: 25px;
}
.QuickReg .SurveyContent {
    height: auto;
}