@charset "utf-8";
/* CSS Document */
 @import url("e-bar.css");
p {
 	margin:0px;
}
img {
	border:none;
}
#spacer {
	width:100%;
	height:10px;
}
body {
	margin:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	padding:0;
	background:#000000;
	background: #000000 url(images/bg_main_all.jpg) top center no-repeat;
	font-family:"Belle","Comic Sans MS", cursive;
	z-index:10;
}
#wrapper {
	width:970px;
	margin:0 auto;
	margin-bottom:0;
	padding-bottom:0;
	z-index:999;
}
#topCon .logoCon {
	background:url(images/Top_Logo_BG.gif) no-repeat; 
	width:568px;
	margin:0 auto;
}
#topCon .logoCon .logo {
	width:199px;
	height:79px;
	background:url(images/Top_Logo_IMG.gif) no-repeat;
	cursor:pointer;
	margin:0 auto;
}
#topCon .flashMenu {
	width:960px;
	height:224px;
	float:left;
	position:relative;

}
/*end top*/

#content {
	width:970px;
	float:left;
	position:relative;

}
#content #contentBgTop{
	width:970px;
	height:30px;

	float:left;
	position:relative;
}
#content #contentBgBottom{
	width:970px;
	height:41px;

	float:left;
	position:relative;
}
#content #leftPanel{
	width:197px;
	margin: 0 0 0 14px;
	float:left;
	position:relative;
	margin-top:-12px;
	display:inline;
	z-index:0;
}
#content #centerPanel{
	position:relative;
	width:528px;
	height:648px;
	float:left;
	margin-top:-12px;
	display:inline;
	z-index:1;
}
#content #rightPanel{
	width:197px;
	margin: 0 14px 0 0;
	float:right;
	position:relative;
	margin-top:-12px;
	display:inline;
	
}

#content #middlePanel {
	position:relative;
	top:16px;
	width:700px;
	padding: 0px 9px;
	float:left;
	margin-top:-26px;
	display: inline;
	z-index:1;
}
#footerCon {
	width:970px;
	height:130px;
	float:left;
	position:relative;
}
#footerCon .egames{
	width:114px;
	height:95px;
	padding:25px 68px 10px 68px;
	float:left;
	position:relative;
	text-align:center;
}
#footerCon .footNote{
	width:470px;
	height:80px;
	float:left;
	color:#666666;
	text-align:center;
	position:relative;
	color:#666666;
	font-size:9px;
	padding-top:35px;
}
#footerCon .footNote a{
	color:#999999;
}
#footerCon .footNote a:hover{
	color:#CCCCCC;
}
#footerCon .footNote .links{
	color:#FFFFFF;
	text-indent:1px;
	padding-bottom:10px;
}
#footerCon .footNote .links a{
	color:#006699;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
}
#footerCon .footNote .links a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#footerCon .est{
	width:124px;
	height:68px;
	padding:50px 63px 10px 63px;
	float:left;
	position:relative;
}


/*left panel start*/

#leftPanel .leftPanelCon {
	width:197px;
	float:left;
	position:relative;	
}
#leftPanel .leftPanelCon .bgLeftTop{
	width:197px;
	height:10px;
	float:left;
	position:relative;
	background:url(images/leftBgTop.jpg) no-repeat;
}
#leftPanel .leftPanelCon .bgLeftBottom{
	width:197px;
	height:20px;
	float:left;
	position:relative;
	background:url(images/leftBgBottom.jpg) no-repeat;
}
#leftPanel .leftPanelCon .leftPanel{
	width:197px;
	float:left;
	margin-top:-2px;
	z-index:999;
	display:inline;
	position:relative;
	background:url(images/leftBg.jpg) repeat-y;
}

#leftPanel .leftPanelCon .leftPanel .quickLinks{
	width:177px;
	margin-left:11px;
	display:inline;
	float:left;
	position:relative;
}
#leftPanel .leftPanelCon .leftPanel .quickLinks .qLTop{
	width:177px;
	height:40px;
	float:left;
	position:relative;
	background:url(images/middle_L_subnav_01.gif) no-repeat;
}
#leftPanel .leftPanelCon .leftPanel .quickLinks .qLBody{
	width:177px;
	margin-top:-2px;
	display:inline;
	padding-top:2px;
	float:left;
	position:relative;
	background:url(images/middle_L_subnav_02.gif) repeat-y;
}
#leftPanel .leftPanelCon .leftPanel .quickLinks .qLEnd{
	width:177px;
	height:35px;
	float:left;
	position:relative;
	background:url(images/middle_L_subnav_03.gif) no-repeat;
}
#leftPanel .leftPanelCon .leftPanel .support {
	margin: 5px 0px 0px 0px;
	padding: 100px 0 0 10px;
	width:174px;
	float:left;
	position:relative;
	height:50px;
	background: url(images/middle_R_Support_bg.gif) no-repeat;
}
#leftPanel .leftPanelCon .leftPanel .support .supportBtn {
	width:150px;
	height:23px;
	background-image: url(images/middle_R_Support_btn.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}
/*center news and events*/

#centerPanel .flashHolder{
	position:relative;
	width:528px;
	padding:0 10px 0 10px;
	height:73px;
	float:left;
	z-index:999;
}
#centerPanel .flashHolder .topUp{
	position:relative;
	width:195px;
	height:73px;
	float:left;
}
#centerPanel .flashHolder .gameStart{
	position:absolute;
	top:-84px;
	right:182px;
	width:189px;
	height:165px;
	z-index:100;
}
#centerPanel .flashHolder .download{
	position:relative;
	width:207px;
	height:73px;
	float:left;
}
#centerPanel .flashHolder .flashSpacer{
	position:relative;
	width:126px;
	height:73px;
	float:left;
}


#centerPanel .newsEventsCon{
	position:relative;
	width:528px;
	padding:10px 10px 10px 10px;
	height:600px;
	float:left;
	background:url(images/middle_center_bg.gif) top center no-repeat;
}
#centerPanel .newsEventsCon .newsEvents{
	position:relative;
	width:508px;
	height:127px;
	margin:14px 10px 10px 10px;
	display:inline;
	float:left;
	background:url(images/middle_C_Notice_bg.gif) no-repeat;
}
#centerPanel .newsEventsCon .newsEvents .newsMenuBox1{
	position:relative;
	width:254px;
	float:left;
}
#centerPanel .newsEventsCon .newsEvents .newsMenuBox2{
	position:relative;
	width:254px;
	margin-top:-2px;
	display:inline;
	float:left;
}
#centerPanel .newsEventsCon .newsEvents .newsMenuBox2 .search{
	margin-left:2px;
	margin-bottom:2px;
	display:inline;
	background-color:#333333;
	width:190px;
	height:12px;
	color:#fcdc77;
	padding:3px 0px 0px 3px;
	font-size:8px;
	BORDER: #3d3d3d 1px solid;
	font-family: "Small Fonts";
	text-transform: uppercase;
}
#centerPanel .newsEventsCon .newsItem{
	position:relative;
	width:460px;
	height:85px;
	margin:6px 10px 10px 10px;
	display:inline;
	float:left;
}
#centerPanel .newsEventsCon .newsItem .itemCon{
	position:relative;
	width:475px;
	display:block;
	padding-left:10px;
	border-bottom:#666666 1px solid;
}
#centerPanel .newsEventsCon .newsItem .itemCon .itemType{
	position:relative;
	width:40px;
	height:20px;
	background:#00CC33;
	float:left;
}
#centerPanel .newsEventsCon .newsItem .itemCon .itemTitle{
	position:relative;
	width:280px;
	height:20px;
	background:#00CC33;
	float:left;
}
#centerPanel .newsEventsCon .newsItem .itemCon .itemDate{
	float: right;
}
#centerPanel .newsEventsCon .newsItem .itemCon a{
	font-size:12px;
	display: block;
}
#centerPanel .newsEventsCon .itemShop{
	position:relative;
	width:505px;
	margin-top:4px;
	display:inline;
	float:left;
	background:#0099CC;
}
#centerPanel .newsEventsCon .itemShop .new{
	background:url('images/middle_C_Item_new_bg.gif') no-repeat;
	width:140px;
	height:134px;
	float:left;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .new .newband{
	background:url('images/middle_C_Item_new_band.gif') no-repeat;
	position:absolute;
	left:2px;
	top:1px;
	width:58px;
	height:58px;
	z-index:10;
	text-align:center;
}
#centerPanel .newsEventsCon .itemShop .new img{
	margin-left:20px;
	left:6px;
	top:25px;
	position:absolute;
}
#centerPanel .newsEventsCon .itemShop .new .newband_txt{
	position:absolute;
	padding:0px 3px 0px 3px;
	top:103px;
	width:118px;
	height:20px;
	text-align:center;
	font-size:10px;
	line-height:10px;
	left: 8px;
}
#centerPanel .newsEventsCon .itemShop .new .newband_txt a {
	text-decoration:none;
	color:#E2E2E2;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .new .newband_txt a:hover {
	text-decoration:none;
	color:#999999;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .hot{
	position:relative;
	background:url('images/middle_C_Item_hot_bg.gif') no-repeat;
	width:365px;
	height:134px;
	float:left;
}
#centerPanel .newsEventsCon .itemShop .hot .hotband{
	background:url('images/middle_C_Item_hot_band.gif') no-repeat;
	position:absolute;
	left:1px;
	top:1px;
	width:58px;
	height:58px;
	z-index:10;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandImg1{
	background:url('images/middle_C_Item_hot_band.gif') no-repeat;
	position:absolute;
	left:255px;
	top:26px;
	width:58px;
	height:58px;
	z-index:1;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandImg2{
	background:url('images/middle_C_Item_hot_band.gif') no-repeat;
	position:absolute;
	left:26px;
	top:26px;
	width:58px;
	height:58px;
	z-index:1;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandImg3{
	background:url('images/middle_C_Item_hot_band.gif') no-repeat;
	position:absolute;
	left:138px;
	top:26px;
	width:58px;
	height:58px;
	z-index:1;
}

#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt1{

	position:absolute;
	padding:0px 3px 0px 3px;
	top:103px;
	width:100px;
	height:20px;
	text-align:center;
	font-size:10px;
	line-height:10px;
	left: 249px;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt1 a {
	text-decoration:none;
	color:#E2E2E2;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt1 a:hover {
	text-decoration:none;
	color:#999999;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt2{
	position:absolute;
	padding:0px 3px 0px 3px;
	top:103px;
	width:93px;
	height:20px;
	text-align:center;
	left: 24px;
	font-size:10px;
	line-height:10px;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt2 a {
	text-decoration:none;
	color:#E2E2E2;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt2 a:hover {
	text-decoration:none;
	color:#999999;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt3{

	position:absolute;
	padding:0px 3px 0px 3px;
	top:103px;
	width:100px;
	height:20px;
	text-align:center;
	font-size:10px;
	line-height:10px;
	left: 132px;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt3 a {
	text-decoration:none;
	color:#E2E2E2;
	position:relative;
}
#centerPanel .newsEventsCon .itemShop .hot .hotbandtxt3 a:hover {
	text-decoration:none;
	color:#999999;
	position:relative;
}
#centerPanel .newsEventsCon .fourBox{
	position:relative;
	width:507px;
	height:125px;
	padding-top:5px;
	float:left;
}
#centerPanel .newsEventsCon .fourBox .container {
	position:relative;
	width:253px;
	height:125px;
	float:left;
}
#centerPanel .newsEventsCon .fourBox .container .videoBox{
	background-color:#006600;
	position:absolute;
	left:16px;
	top:41px;
	width:90px;
	height:68px;
	z-index:1;
	cursor:pointer;
}
#centerPanel .newsEventsCon .fourBox .container .videoBoxTxt {
	position:absolute;
	left:120px;
	top:42px;
	width:110px;
	height:70px;
	z-index:1;
	color:#666666;
	font-size:11px;
}
#centerPanel .newsEventsCon .fourBox .container .videoBoxTxt .videoBoxTxtTitle{
	font-weight:bold;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
#centerPanel .newsEventsCon .fourBox .container .videoBoxTxt .videoBoxTxtTitle:hover{
	font-weight:bold;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
#centerPanel .newsEventsCon .fourBox .container .topPlayers {
	position:absolute;
	left:16px;
	top:29px;
	width:242px;
	padding:0;
	padding-top:5px;
	margin-left:-10px;
	display:inline;
	z-index:1;
	font-size:11px;
	color:#666666;
	height: 82px;
}


.more {
	cursor:pointer;
	position:absolute;
	left:200px;
	width:40px;
	height:20px;
	background:url(images/middle_C_ScreenShot_more_btn.gif) no-repeat bottom center;

}











#centerPanel .newsEventsCon .fourBox .container .topPlayers a{
	font-weight:bold;
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
#centerPanel .newsEventsCon .fourBox .container .topPlayers a:hover{
	font-weight:bold;
	font-size:11px;
	color:#333333;
	text-decoration:none;
}
#centerPanel .newsEventsCon .fourBox .container .screenShotsList {
	position:absolute;
	left:18px;
	top:40px;
	width:204px;
	height:68px;
	z-index:1;
	color:#666666;
}
#centerPanel .newsEventsCon .fourBox .container .screenShotsList .items {
	float: left;
	padding: 0 5px;
}
#centerPanel .newsEventsCon .fourBox .container .featuredList {
	position:absolute;
	left:92px;
	top:9px;
	width:151px;
	z-index:1;
}
#centerPanel .newsEventsCon .fourBox .container .featuresTxt {
	position:absolute;
	left:11px;
	font-size:11px;
	color:#666666;
	top:37px;
	width:232px;
	height:78px;
}
#centerPanel .newsEventsCon .fourBox .container .featuresTxt ol li a{
    font-size:11px;
	color:#666666;
	text-decoration:none;
}
#centerPanel .newsEventsCon .fourBox .container .featuresTxt ol li a:hover{
    font-size:11px;
	color:#333333;
	text-decoration:none;
}
#centerPanel .newsEventsCon .fourBox .container #_guild {
	position:absolute;
	left:11px;
	top:37px;
	width:232px;
	height:78px;
	display:block;
}
#centerPanel .newsEventsCon .fourBox .container #_comics {
	position:absolute;
	left:11px;
	top:37px;
	width:232px;
	height:78px;
	display:none;
}
#centerPanel .newsEventsCon .fourBox .container #_blog {
	position:absolute;
	left:11px;
	top:37px;
	width:232px;
	height:78px;
	display:none;
}








/*end center panel */

#rightPanel .rightPanelCon {
	width:197px;
	float:right;
	position:relative;	
}
#rightPanel .rightPanelCon .bgRightTop{
	width:197px;
	height:10px;
	float:left;
	position:relative;
	background:url(images/rightBgTop.jpg) no-repeat;
}
#rightPanel .rightPanelCon .bgRightBottom{
	width:197px;
	height:20px;
	float:left;
	position:relative;
	background:url(images/rightBgBottom.jpg) no-repeat;
}
#rightPanel .rightPanelCon .rightPanel{
	width:197px;
	float:left;
	margin-top:-2px;
	display:inline;
	z-index:999;
	position:relative;
	background:url(images/rightBg.jpg) no-repeat;
}
#rightPanel .rightPanelCon .rightPanel .timer{
	width:175px;
	height:115px;
	float:left;
	padding-left:10px;
	margin-top:-2px;
	display:inline;
	position:relative;
	padding-bottom:8px;
}
#rightPanel .rightPanelCon .rightPanel .openxad{
	width:175px;
	height:115px;
	float:left;
	padding-left:10px;
	margin-top:-2px;
	display:inline;
	position:relative;
	padding-bottom:20px;
}
#rightPanel .rightPanelCon .rightPanel .cabalCash{
	width:175px;
	height:30px;
	float:left;
	padding:10px 0 0 10px;
	position:relative;
}
#rightPanel .rightPanelCon .rightPanel .rankingsCon{
	width:197px;
	height:100px;
	float:left;
	margin-top:20px;
	padding-top:40px;
	padding-top:40px;
	position:relative;
	background:url(images/middle_R_ranking.gif) top center no-repeat;
}

#rightPanel .rightPanelCon .rightPanel .rankingPrimeCon{
	width:197px;
	height:100px;
	float:left;
	margin-top:20px;
	padding-top:40px;
	padding-top:40px;
	position:relative;
	background:url(images/middle_R_gprime.jpg) top center no-repeat;
}

#rightPanel .rightPanelCon .rightPanel .rankingPrimeCon .match{
	width:175px;
	height:45px;
	margin-left:22px;
	display:inline;
	float:left;
	position:relative;
}
#rightPanel .rightPanelCon .rightPanel .rankingPrimeCon .rank{
	width:175px;
	height:45px;
	margin-left:22px;
	display:inline;
	float:left;
	position:relative;
}





#rightPanel .rightPanelCon .rightPanel .rankingsCon .topGuilds{
	width:175px;
	height:45px;
	margin-left:22px;
	display:inline;
	float:left;
	position:relative;
}




#rightPanel .rightPanelCon .rightPanel .middleTutorial{
	width:175px;
	height:45px;
	margin-left:11px;
	margin-bottom:30px;
	display:inline;
	float:left;
	position:relative;
}

















/*reusable navigation*/

.nav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 150px; /* width of menu (don't forget to add border with below!) */
	border-left: 10px; /* thick left border of menu */
	padding-left:11px;
}

.nav li{
	border-bottom: 1px solid #303030; /* Gray border beneath each menu item */
}

.nav li a{
	display: block;
	width: auto;
	border-bottom: 1px solid 303030; /* White border beneath each menu item link, to add depth */
	padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 5px;
	text-decoration: none;
	font-size:11px;
	color:#666464;
}

.nav li .sub{
	display: block;
	width: auto;
	padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 5px;
	text-decoration: none;
	font-size:12px;
	font-weight:bold;
	color:#d6b4b4;
	background:#353434;
}

.nav li a:visited {
	color:#666464;
}

.nav li a:hover{
	color:#006eff;
}

.nav li a{ /* Menu link width value for IE */
	width: 100%;
}

#rightPanel .rightPanelCon .rightPanel .rankingsCon .topPlayers{
	width:175px;
	height:45px;
	margin-left:22px;
	display:inline;
	float:left;
	position:relative;
}












.newsEventsNav{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 465px; /* width of menu (don't forget to add border with below!) */
	border-left: 10px; /* thick left border of menu */
	padding-left:13px;
}

.newsEventsNav li{
	border-bottom: 1px solid #555555; /* Gray border beneath each menu item */
}

.newsEventsNav li a{
	display: block;
	width: auto;
	border-bottom: 1px solid 303030; /* White border beneath each menu item link, to add depth */
	padding: 1px 0; /* Vertical (top/bottom) padding for each menu link */
	text-indent: 5px;
	text-decoration: none;
	font-size:11px;
	color:#a3a3a3;
}
.newsEventsNav li a .type{
	width:50px;
	height:12px;
	margin-top:1px;
	float:left;
	display:inline;
	background:url(images/promo.gif) no-repeat;
}

.newsEventsNav li a .news{
	width:50px;
	height:12px;
	float:left;
	margin-top:1px;
	display:inline;
	background:url(images/middle_C_Notice_news_pice.gif) no-repeat;
}

.newsEventsNav li a .events{
	width:50px;
	height:12px;
	margin-top:1px;
	float:left;
	display:inline;
	background:url(images/middle_C_Notice_event_pice.gif) no-repeat;
}

.newsEventsNav li a .date{
	width:80px;
	
	float:right;
	position:static;
}
.newsEventsNav li a .title{
	width:80px;
	float:left;
	display:inline;
}
.newsEventsNav li a:visited, .slidedoormenu li a{
	color:#a3a3a3;
}	

.newsEventsNav li a:hover{
	color:#555555;
}

.newsEventsNav li a{ /* Menu link width value for IE */
	width: 100%;
}
/*******************************************************************************************/
/*******************************************************************************************/
/********************************			sub page     		****************************/
/*******************************************************************************************/
/*******************************************************************************************/

#middlePanel .bgTop {
	width:730px;
	height:20px;
	background:url(images/middle_center_bg_t.gif) no-repeat;
	float:left;
	position:relative;
}
#middlePanel .bgBottom {
	width:730px;
	height:26px;
	background:url(images/middle_center_bg_b.gif) no-repeat;
	float:left;
	position:relative;
}
#middlePanel .middleContent {
	width:685px;
	margin-top:-3px;
	display:inline;
	min-height:500px;
    height:auto !important;
    height:500px;

	color:#ffffff;
	display:inline;
	background:url(images/middle_center_bg_m.gif) repeat-y;
	float:left;
	position:relative;
	padding:20px 20px 20px 25px;
}


/*news page*/

#newsPage {
	width:500px;
	position:relative;
	float:left;
	padding-left:90px;
}
#newsPage a{
    color:White;
	cursor:pointer;
    text-decoration:none;
}
#newsPage a:hover{
    color:White;
	cursor:pointer;
    text-decoration:underline;
}
#newsPage ol li
{
    font-size:12px;
}

#newsAllCon {
	width:500px; 
	float:left;
    font-size:11px;
	position:relative; 
	padding-top:10px;
	padding-bottom:5px;
	border-bottom:solid 1px #666666;
}

#newsAllCon .title{
	width:390px; 
	float:left;
	padding-left:10px;
	cursor:pointer;
	position:relative;
}
#newsAllCon .title a{
    color:White;
	cursor:pointer;
    text-decoration:none;
}
#newsAllCon .title a:hover{
    color:White;
	cursor:pointer;
    text-decoration:underline;
}
#newsAllCon .dateTime {
	width:70px;
	padding-right:10px; 
	float:left; 
	position:relative;
}
#newsPage .titleDateCon{
	width:500px;
	position:relative;
	float:left;
	padding-bottom:10px;
}
#newsPage .titleDateCon .header{
	width:400px;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#newsPage .titleDateCon .date{
	width:100px;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#newsPage .contentShort{
	width:500px;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:11px;
	padding-bottom:10px;
}
#newsPage .contentLong{
	width:500px;
	position:relative;
	float:left;
	color:#FFFFFF;
	font-size:11px;
}
function useSwf(swfUrl,swfW,swfH,wmode,id)
{
	document.writeln(getFlash(swfUrl,swfW,swfH,wmode,id))
}