/***** top bar main view ******/
.picText_bg	{ overflow:hidden; text-indent:10000em; white-space: nowrap;}

/***** top bar drop down list *****/
.topbar		{ background:url(/templates/topbar/images/bg-topbar.png) repeat-x; position:relative; z-index:900; font: 12px Tahoma;}
.topbarContainer	{ height:40px; margin:0 auto; width:962px; position: relative;}
	
.lnkLogo01	{ float:left; height:40px; margin:0 16px 0 0; width:66px; background: url(/templates/topbar/images/logo-PW01.png) no-repeat; display: block; }
#topLink li		{ float:left; overflow: hidden; list-style: none; }

/** Top Bar Menu **/
#lnkGames		{ background: url(/templates/topbar/images/global-allgames.png) no-repeat; height: 40px; width: 97px;}
#lnkRegion		{ background: url(/templates/topbar/images/global-region.png) no-repeat; height: 40px; width: 62px;}
#topbarMyaccount	{ background: url(/templates/topbar/images/global-myaccount.png) no-repeat; height: 40px; width: 92px; display: block;} 
#topbarAllgames:hover, #topbarMyaccount:hover { background-position: 0px -40px;}

/* top bar dropdown list */
#topbarDD	{display: none; left:83px; position:absolute; top:31px; width:172px; z-index: 6;}
	#topbarDD .content a, #topbarDD .content div {width:170px;}
	#topbarDD ul li div, #topbarDD li a, #topbarDD  li {height: 28px;} 
	#topbarDD ul{ float:left; padding:0px 0px 5px; background:#fff; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; height:auto; overflow:hidden; width:170px;}
	#topbarDD li a{ display:block; overflow:hidden; margin: 0 0 -5px 0; width: 170px;}


#topbarDT		{ background: url(/templates/topbar/images/global_drop_top2.png) no-repeat; height: 5px; }
#topbarDropBottom	{ background: url(/templates/topbar/images/global_drop_bottom2.png) no-repeat; height: 5px; clear: both;}

#lnkTopPW   { background: url(/templates/topbar/images/global_pwi.png) no-repeat; }
#lnkTopESO  { background: url(/templates/topbar/images/global_eso4.png) no-repeat; }
#lnkTopJD   { background: url(/templates/topbar/images/global_jd.png) no-repeat; }
#lnkTopTL   { background: url(/templates/topbar/images/global_tl.png) no-repeat; }
#lnkTopBOI  { background: url(/templates/topbar/images/global_boi.png) no-repeat; }
#lnkTopFW   { background: url(/templates/topbar/images/global_fw.png) no-repeat; }
#lnkTopHOTK { background: url(/templates/topbar/images/global_hotk.png) no-repeat; }
#lnkTopLOMA { background: url(/templates/topbar/images/global_loma.png) no-repeat; }
#lnkTopRH 	{ background: url(/templates/topbar/images/global_rh.png) no-repeat; }
#lnkTopRZ 	{ background: url(/templates/topbar/images/global_rz2.png) no-repeat; }
#lnkTopBL 	{ background: url(/templates/topbar/images/global_bl2.png) no-repeat; }
#lnkTopWOI 	{ background: url(/templates/topbar/images/global_woi.png) no-repeat; }

#topbarDD ul li a:hover {background-position: -170px 0px;}

#lnkGames.on {background-position: 0 -40px;}


/* Regional */
#topbarRG	{display: none; left:83px; position:absolute; top:31px; width:134px; z-index: 6; margin: 0 0 0 190px;}
	#topbarRG .content a, #topbarRG .content div {width:134px;}
	#topbarRG ul li div, #topbarRG li a, #topbarRG  li {height: 28px;} 
	#topbarRG ul{ float:left; padding:0px 0px 5px; background:#fff; border-left:1px solid #b3b3b3; border-right:1px solid #b3b3b3; height:auto; overflow:hidden; width:134px;}
	#topbarRG li a{ display:block; overflow:hidden; margin: 0 0 -5px 0; width: 134px; }

#topbarDTRG		{ background: url(/templates/topbar/images/global_drop_topRG.png) no-repeat; height: 5px; }
#topbarDropBottomRG	{ background: url(/templates/topbar/images/global_drop_bottomRG.png) no-repeat; height: 5px; clear: both;}

#lnkTopEN   { background: url(/templates/topbar/images/region-usa.png) no-repeat; }
#lnkTopFR  { background: url(/templates/topbar/images/region-french.png) no-repeat; }
#lnkTopDE   { background: url(/templates/topbar/images/region-german.png) no-repeat; }
#lnkTopEN:hover, #lnkTopFR:hover, #lnkTopDE:hover { background-position: -136px 0px; }


/**** login and register ****/
#wrapLogin	{ height: 30px; float: right; padding-top: 10px; overflow:hidden; text-align: center; }
	#wrapLogin li				{ float: left; padding: 0px 1px; }
	#wrapLogin li input			{ border:1px solid #cbcbcb; float:left; height:12px; line-height:12px; margin:0 3px 0 0; overflow:hidden; padding:2px 5px; width:68px; color: #8f8f8f; font: 9px Tahoma; }
	#wrapLogin li input.hasText	{ background: none; }
	#wrapLogin a				{ height: 18px;}
	
#uName {background: url(/templates/topbar/images/bg-loginTips01.png) no-repeat;}
#pWord {background: url(/templates/topbar/images/bg-loginTips02.png) no-repeat;}

#global_loggedin		{ background: url(/templates/topbar/images/global-icon-loggedin.png) 0px 3px no-repeat; text-align: left; padding-left: 13px; padding-top: 3px; padding-right: 8px; color: #000; }

#btnRegis	{ background: url(/templates/topbar/images/global-register.png) no-repeat; width:60px; display: block;}
#btnLogin	{ background: url(/templates/topbar/images/global-login.png) no-repeat; width:45px; display: block;}
#btnLogout	{ background: url(/templates/topbar/images/global-logout.png) no-repeat; width:58px; display: block;}
#btnRegis:active, #btnLogin:active,#btnLogout:active		{ background-position:0 -18px; }


#fb_icon { margin-top: -7px; margin-right: 5px; height: 35px; width: 35px; }
#fbLoginBtn { cursor: pointer; cursor: hand; height: 18px; width: 18px; background-image: url('/templates/topbar/images/fb_favicon.png'); }
#fbLoginBtn:hover { background-position: 0 -18px; }