/*** Global ***/
html	{ background: #000; }
.bg-topbar		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/bg-topbar.png) no-repeat; }
.main-background{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/main-background.jpg) no-repeat top; padding: 10px 0px 0px; }
.bg-body		{ 
	background-color: #0c0d0e;
	background-image: -moz-linear-gradient(top, #0c0d0e, #181b1d 100px, #000000); 
	background-image: -webkit-linear-gradient(top, #0c0d0e, #181b1d 100px, #000000); 
	background-image: -ms-linear-gradient(top, #0c0d0e, #181b1d 100px, #000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0c0d0e', EndColorStr='#000000'); 
}

.bg-mainWrap	{ width: 918px; margin: 0 auto; overflow: hidden; padding: 0px 20px 20px; border: 1px solid #252729; background-color: #1a1a1a;}
	.bg-mainWrap a	{ color: #90b2c3; }
	.bg-mainWrap p	{ color: #959595; font: 11px/14px Verdana; }
	.bg-mainWrap h1	{ color: #d9d9d9; font: 24px Verdana; margin: 10px; }

#txt-header	{ margin: 35px auto 0px; width: 920px; height: 30px; font: 14px/24px Verdana; color: #cecece; padding: 0px 20px; font-weight: bold;
	background-color: #424242;
	background-image: -moz-linear-gradient(top, #424242, #010101); 
	background-image: -webkit-linear-gradient(top, #424242, #010101); 
	background-image: -ms-linear-gradient(top, #424242, #010101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#424242', EndColorStr='#010101'); 
}

.txt-title  	{ margin: 10px 0px; }
	.txt-title h3 	{ color: #cecece; font: 12px/29px Verdana; font-weight: bold; padding: 0px 10px; 
	background-color: #424242;
	background-image: -moz-linear-gradient(top, #424242, #010101); 
	background-image: -webkit-linear-gradient(top, #424242, #010101); 
	background-image: -ms-linear-gradient(top, #424242, #010101);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#424242', EndColorStr='#010101');
}
	.txt-title b	{ border-bottom: 1px solid #191919; font: 14px Tahoma; color: #cecece; padding-right: 10px; font-weight: bold; }
	.txt-title .border	{ border-bottom: 1px solid #3b3b3b; }

.bg-content	{ min-height: 450px; background: #191919; border: 1px solid #252729; padding: 0px 0px 45px; overflow: hidden; }

/*** Column ***/
#col01	{ float: left; width: 610px; overflow: hidden; }
#col02	{ float: right; overflow: hidden; width: 300px; }


/*** Bread Crumb ***/
#breadcrumb	a	{ color: #7d919b; }
#breadcrumb div.home		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/icobc-sprite.png) 0px -7px no-repeat; }
#breadcrumb li.divider		{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/icobc-sprite.png) 0px -38px no-repeat; }


/*** Divider ***/
.section	{ width: 100%; margin-bottom: 10px; }


/*** Recent Activity ***/
.txt-title-recent	{ height: 30px; border: 1px solid #0c0c0c; -moz-border-radius: 5px 5px 0 0; border-radius 5px 5px 0 0; 
	background-color: #353535;
	background-image: -moz-linear-gradient(top, #353535, #101010); 
	background-image: -webkit-linear-gradient(top, #353535, #101010); 
	background-image: -ms-linear-gradient(top, #353535, #101010);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#353535', EndColorStr='#101010'); 
}
	.txt-title-recent	h3	{ font: 12px/27px Tahoma; font-weight: bold; float: left; color: #cecece; margin-left: 10px; }
	.txt-title-recent	h3.ico-core	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/ico-core.png) no-repeat; padding-left: 25px; }


.bg-recent		{ background: #232426; border: 1px solid #000000; }
	.bg-recent a	{ color: #cecece; }
	.bg-recent p	{ color: #848484;  }
	.bg-recent.ra-loading {background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/home/ra_loading.gif) center center no-repeat;}



/*** Interact ***/
.bg-interact	{ background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/bg-interact.jpg) no-repeat; }



/*** User Info Bar ***/
.bg-userinfo	{ height: 18px; padding: 13px 20px; border-top: 1px solid #555557; 
	background-color: #333436;
	background-image: -moz-linear-gradient(top, #333436, #28292b); 
	background-image: -webkit-linear-gradient(top, #333436, #28292b); 
	background-image: -ms-linear-gradient(top, #333436, #28292b);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#333436', EndColorStr='#28292b'); 
}
	.bg-userinfo p.user	{ float: left; }
	.bg-userinfo p.zen	{ float: right; }
	.bg-userinfo p span	{ color: #90b2c3; }
	.bg-userinfo p b	{ color: #cecece; }


/*** Drop Menu ***/
.dropmenu   { background: #121212 url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/ico-droparrow.png) no-repeat right; border-top: 1px solid #484848; border-right: 1px solid #484848; border-bottom: 1px solid #484848; }
    .dropmenu a, .dropmenu ul       { color: #cecece; border-left: 1px solid #484848; }
    .dropmenu ul       { border-bottom: 1px solid #484848; border-right: 1px solid #484848; }
    .dropmenu li    { background: #000; }
    .dropmenu li:hover  { background: #252729; color: #90b2c3; }
    .dropmenu .scrollbar    { background: #000000; border-left: 1px solid #484848; border-right: 1px solid #484848; }
    .dropmenu .scrollbar div    { background: url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/scrollbar.png) repeat-y right; }


/*** Pagination ***/
#pagination	{ font-weight: bold; width: 190px; float: right; }
	#pagination li	{ color: #e1e1e1; }
	#pagination span.pageNavDisplayedPage	{ background-color: #1f1f1f; border: 1px solid #484848; padding: 0px 8px; margin: 0px 3px; }
	#pagination span.pageNavLastPage		{ }
	#pagination ul { float: right; height: 15px; padding: 10px 0px; } 
	#pagination li { margin: 0px 4px; float: left; } 


.txtPageNum01	{ background:#040604; border:1px solid #252729; color:#cecece; float:left; font: 11px Tahoma; font-weight: bold; height: 14px; margin:0 11px 0 8px; text-align:center; width:33px; }
.listPager span	{ color:#444; float:left; font: 11px Tahoma; font-weight: bold; height:16px; line-height:16px; margin:0 12px 0 0; text-transform: lowercase; }
.listPager a	{ background:url(http://images-cdn.perfectworld.com/en/portal/redesign2011/framework/ico-pagination.png) no-repeat; float:left; font-size:0; height:12px; margin:2px 5px 2px 0; width:11px; }
	.listPager .btnPagerFirst01		{ background-position:0 0; }
	.listPager .btnPagerPrev01		{ background-position:-11px 0; }
	.listPager .btnPagerNext01		{ background-position:-22px 0; }
	.listPager .btnPagerLast01		{ background-position:-33px 0; }
	.listPager .btnPagerFirst02		{ background-position:0 -12px; }
	.listPager .btnPagerPrev02		{ background-position:-11px -12px; }
	.listPager .btnPagerNext02		{ background-position:-22px -12px; }
	.listPager .btnPagerLast02		{ background-position:-33px -12px; }
		.listPager .btnPagerFirst01:hover	{ background-position:0 -24px; }
		.listPager .btnPagerPrev01:hover	{ background-position:-11px -24px; }
		.listPager .btnPagerNext01:hover	{ background-position:-22px -24px; }
		.listPager .btnPagerLast01:hover	{ background-position:-33px -24px; }
		.listPager .btnPagerFirst02:hover	{ background-position:0 -12px; }
		.listPager .btnPagerPrev02:hover	{ background-position:-11px -12px; }
		.listPager .btnPagerNext02:hover	{ background-position:-22px -12px; }
		.listPager .btnPagerLast02:hover	{ background-position:-33px -12px; }


/*** buttons ***/
a.btnsm-blue			
{ font: bold 13px Tahoma; color: #fff; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 10px 2px 7px; cursor: pointer; 
	background-color: #424242;
	background-image: -moz-linear-gradient(top, #7fa2b5, #3d5f78); 
	background-image: -webkit-linear-gradient(top, #7fa2b5, #3d5f78); 
	background-image: -ms-linear-gradient(top, #7fa2b5, #3d5f78);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7fa2b5', EndColorStr='#3d5f78'); 
}


a.btnsm-blue:hover	
{ text-decoration: none; 
	background-color: #6a90a1;
	background-image: -moz-linear-gradient(top, #6a90a1, #3d5f78); 
	background-image: -webkit-linear-gradient(top, #6a90a1, #3d5f78); 
	background-image: -ms-linear-gradient(top, #6a90a1, #3d5f78);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#6a90a1', EndColorStr='#3d5f78'); 
}


/*** Small Icons ***/
span.icosm-search	{ background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/framework/icosm-sprite.png) 0px 0px no-repeat; padding: 0px 7px 0px 15px; }
span.icosm-lgrey	{ background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/framework/icosm-sprite.png) 0px -22px no-repeat; padding: 0px 7px 0px 15px; }
span.icosm-bonus	{ background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/framework/icosm-sprite.png) 0px -42px no-repeat; padding-left: 16px; }
span.icosm-dgrey	{ background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/framework/icosm-sprite.png) 0px -62px no-repeat; padding: 0px 7px 0px 15px }
li.icosm-dgrey		{ background: url(https://a248.e.akamai.net/images.perfectworld.com/en/billing/redesign2011/framework/icosm-sprite.png) 0px -57px no-repeat; padding: 3px 7px 3px 15px }

/** OFFER POPUP **/

#offers-popup {color: white; position: absolute; text-align: center; left: -999em;width: 403px; height: 224px; background: url(http://images-cdn.perfectworld.com/global/images/offers/bg-offers-dark.png) no-repeat; z-index: 1001;}
    #offers-popup b {font-size: 16px;}
    #offers-popup p {margin: 65px 0 0 50px; float: left; width: 175px; line-height: 16px;}
    #offers-popup #btns {float: left; clear: left; overflow: hidden; margin: 25px 0 0 40px;}
    #offers-popup #btns div {cursor: pointer; height: 20px; padding: 4px 0 0 0;width: 91px; float: left; font-weight: bold; color: white;}
        #offers-popup #btns #btn-continue {background: url(http://images-cdn.perfectworld.com/global/images/offers/btn-continue.png) no-repeat;}
            #offers-popup #btns #btn-continue:hover {background-position: 0 -24px;}
        #offers-popup #btns #btn-cancel {margin: 0 0 0 15px; background: url(http://images-cdn.perfectworld.com/global/images/offers/btn-cancel.png) no-repeat;}
            #offers-popup #btns #btn-cancel:hover {background-position: 0 -24px;}

#offerslbbg {position: absolute; background: url(http://images-cdn.perfectworld.com/common//lightbox/bg-lb.png); left: 0; top: 0; z-index: 1000;}