﻿@charset "utf-8";
/*****************
*    bg     *
******************/
html, body{}
body{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/site/bg_newchar.jpg) top center no-repeat #ffffff;
	font-size:11px;
	color:#333333;
}

a:link , a:visited{text-decoration:none;color:#ff4400;}
a:hover{
	text-decoration:none;
	color:#3333CC;
}

.progress
{
  background-image: url(../Images/site/spinner.gif);
}

/*
h2 {
	font-family: Arial, Helvetica, sans-serif;
  	text-transform: uppercase;
  	color: #000000;
  	font-size: 16px;
	margin-left: 15px;
}
*/

.news_body{font-size:11px; color:#666666; padding-top:4px;}
.news_body a:link, a:visited{ color:#003366 ;text-decoration:none;}
.news_body a:hover{ color:#009999; text-decoration:none;}

.END_graphics{position:relative;bottom:0px;left:0;margin:0px auto 0px auto;z-index:0; background-repeat:no-repeat;}

/*****************Content_holder*******************/
.Content_holder{margin:18px auto 0 auto;width:1005px;clear:both;}

.img{ border:#CCCCCC; border:thin;}

/********************
*	Menu Bar    	*
********************/
/*
.main_button{
	position:absolute;
	width: 1000px;
	height: 55px;
	left: 117px;
	top: -7px;
	margin-left:-154px;
	z-index:100;
	background-image:url(../images/site/menu_buttons.png);
}
*/
.main_button{
	/*position:absolute;*/
	width: 1000px;
	height: 55px;
	/*left: 117px;*/
	top: 37px;
	margin-left:30px;
	z-index:100;
	background-image:url(../images/site/menu_buttons.png);
}
.Menu100percent{margin-top:0px; width:100%;height:67px;background-image:url(../images/site/menu_bg.png);z-index:-100;clear:both;}
.menu_holder{position:relative; margin:0 auto 0 auto;width:1000px;height:0px;z-index:20;clear:both;}
/*
.menudown{
	position:absolute;
	margin-left:-100px;
	width:897px;
	margin:202px;
	z-index:3;
	float:left;
	top:-260px;
	left:-151px;
	height: 202px;
}
*/
.menudown{
	position:absolute;
	margin-left:-100px;
	width:897px;
	margin:202px;
	z-index:3;
	float:left;
	top:-260px;
	left:-151px;
	height: 100%;
}
.menudown_bg{ width:897px; height:100%; background-image:url(../images/site/menu_down_bg.png)}

.menudown_laft{ width:23px; height:160px; float:left; clear:right}

.menu_Horizontal01{width:119px; height:auto;float:left; clear:right;}
.menu_Horizontal01:hover{width:119px; height:auto;float:left; clear:right; background:url(../images/site/menu_over01.png);}
.menu_Vertical01{ width:119px; height:52px;}
.menu_Vertical02{ width:119px; height:21px; padding-top:4px; text-align:center;}
.menu_Vertical02_img{ width:119px; height:21px; padding-top:4px; background-image:url(../images/site/LP.png);}
.menu_Vertical02_img:hover{ width:119px; height:21px; padding-top:4px; background-image:url(../images/site/LP.png); background-color:#FFFFFF;}
.menu_Vertical02:hover{ width:119px; height:21px; padding-top:4px; background:#FFFFFF; text-align:center;}

.menu_columns{ width:1px; height:100%; float:left; clear:right; background:url(../images/site/menu_columns.png);}

.menu_text{font-size:12px; text-align:center; font-weight:bold; color:#0a52a3; text-decoration:none;}
.menu_text:link{font-size:12px; text-align:center; font-weight:bold; color:#0a52a3; text-decoration:none;}
.menu_text:hover{font-size:12px; text-align:center; font-weight:bold; color:#666666;text-decoration:none;}
.menu_text:visited{font-size:12px; text-align:center; font-weight:bold; color:#0a52a3; text-decoration:none;}
.menu_text_old{font-size:12px; text-align:center; vertical-align:middle; font-weight:bold; color:#999999;}
.menu_Bottom{ width:897px; height:22px; background-image:url(../images/site/menu_bottom.png)}

.menu_image{width: 15px; height: 15px; vertical-align: baseline;}

/********************
*	LHS         	*
********************/
.LHS_panal{position:relative;width:189px;margin:0px;z-index:20;float:left;}
.LHS_panel_holder{position:relative;margin-left:-4.5px; height:578px; width:189px;z-index:40;clear:both; 

float:left; top:210px;}
.Signup_panel{
	position:relative;
	left:0px;
	top:0px;
	clear:both;
}
.log_panel{
	position:relative;
	left:0px;
	top:15px;
	clear:both;
}
.topup_panel{
	position:relative;
	left:0px;
	top:15px;
	clear:both;
}
.connect_panel{position:relative;margin:0px;z-index:3; clear:both;top:30px;}
.ADL_panel{position:relative;margin:0 auto 0 auto;height:600px;width:160px;z-index:3; clear:both;top:-200px;}
.space{height:5px;}

.twit_title{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#326fb3;}
.twit_title a:link{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#326fb3; text-decoration:none;}
.twit_title a:visited{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#326fb3; text-decoration:none;}
.twit_title a:hover{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #326fb3; text-decoration: underline;}

/********************
.AD160x600{position:relative;margin:0px;width:160px; height:600px;z-index:3;float:right; clear:both; top:100px;}
AD 160x600
********************/

/********************
*	CENTER       	*
********************/
.CENTER_panal{position:relative;margin-left:8px;width:500px; min-height:1150px; z-index:10; float:left; top:219px; }
.flash_panel{position:relative;height:216px;width:470px; margin:0px;z-index:0; float:left; left:14px; }
.logo{
	position:absolute;
	height:200px;
	width:620px;
	margin:0px;
	z-index:3;
	float:left;
	top:-216px;
	left:-218px
}

.news_panel{position:relative;margin:0px;width:500px;margin:0px;z-index:3;float:left; top:60px;}
.news_bg{
	background-image: url(../images/site/News_bg_top.jpg);
	background-color:#FFFFFF;
	background-repeat: no-repeat;
}
.news_date{font-size:11px; color:#999999;}
.news_title{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#326fb3;}
.news_title a:link{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#326fb3; text-decoration:none;}
.news_title a:visited{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#326fb3; text-decoration:none;}
.news_title a:hover{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color: #326fb3; text-decoration: underline;}

.news_title2{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#326fb3;}
.news_title2 a:link{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#326fb3; text-decoration:none;}
.news_title2 a:visited{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#326fb3; text-decoration:none;}
.news_title2 a:hover{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #326fb3; text-decoration: underline;}

.downloads_panel{position:relative;margin:0px;width:500px;z-index:3;float:left; top:76px;min-height:340px}
.copyright{
	position:relative;
	width:990px;
	margin:0 auto 0 auto;
	z-index:3;
	top:200px;
	clear: both;		/* added by May Khaing Latt to overcome the overwriting to ItemShop and Leaderboard */
}


/********************
*	RHS         	*
********************/
.RHS_panal{position:relative;margin-left:8px; width:300px; float:left; top:219px;}
.itemshop_panel{position:relative;margin:0px;width:300px;z-index:3;float:right; clear:both; top:24px;}
.itmes_text{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#326fb3;}
.itmes_text a:link{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight: bold; color:#326fb3; text-decoration:none;}
.itmes_text a:visited{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#326fb3; text-decoration:none;}
.itmes_text a:hover{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color: #326fb3; text-decoration: underline;}
.itmes_text_levelpts{font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#326fb3;}
.AD300x250{position:relative;margin:0px;width:300px; height:250px;z-index:3;float:right; clear:both; top:0px;}
.leaderboad{position:relative;margin:0px;width:300px; z-index:3;float:right; clear:both; top:40px;}

/********************
*	subpage         	*
********************/

.subpage_panal{position:relative; z-index:100; float:right; top:164px; width:815px; height:auto; background-image:url(../images/site/subpg_bg.jpg);top:164px;}

.CONTENT_panal{position:relative;margin-left:8px;width:815px; min-height: 1150px; height: 883px; height:auto; z-index:10; float:left; margin-top: -13px; margin-left: 0px; background-image: url(../images/site/subpg_bg.jpg); background-repeat:no-repeat; background-color:#FFFFFF; }

/********************
*	catalogue        	*
********************/
p.ca01{font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color:#000000; padding-bottom: 15px; padding-left: 55px; padding-top: 30px }
p.ca02{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#000000; padding-bottom: 38px; padding-left: 55px; }
p.ca03{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.ca03 a:link, a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0a52a3; }
p.ca03 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;}

/********************
*	registration      *
********************/
p.r01{font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 20px; }
p.r02{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;}
p.r03{font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height:20px;}
p.rmsg1{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #00CC00;}
p.rmsg2{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #009900;}

.ref_field{ height:15px; font-size:11px; width:150px}
.errortext{color:#FF0000;}

/********************
*	news      *
********************/
.n01{font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color:#000000; padding-bottom: 15px; padding-left: 55px; padding-top: 30px }
p.n02{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding-bottom: 10px; padding-left: 55px;  }
p.n03{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
.n04 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff4400; text-decoration: none;}
.n04 a:link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FF4400; text-decoration: none;}
.n04 a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff4400; text-decoration: none;}
.n04 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #999999; text-decoration: none;}
.n04 a:active{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff4400; text-decoration: none;}
/*.n04c{font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0a52a3;text-decoration:none;}
.n04c:hover{font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0a52a3;text-decoration:underline;}
.n04c:visited{font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #0a52a3;text-decoration:none;}*/
p.n05{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px;}
.n06 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff4400;text-decoration:none;}
.n06:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff4400;text-decoration:none;}
.n06:visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #ff4400;text-decoration:none;}
p.n07{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.n07 a:link, a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0a52a3;text-decoration:none;}
p.n07 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration:none;}
.ntable01{padding-bottom: 10px; padding-left: 55px; padding-top: 10px;}
.ntable02{padding-bottom: 10px; padding-left: 55px;}
.n08 {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #326fb3; text-decoration: none;}
a img { border:none; }

/********************
*	Sub Title for sub pages      *
********************/
.subtitle_text{font-size:18px; font-weight:bold; color:black;}

/********************
*	leaderboard      *
********************/
p.lb01{font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color:#000000; padding-bottom: 15px; padding-left: 55px; padding-top: 30px }
p.lb02{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding-bottom: 20px; padding-left: 55px;  }
p.lb03{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-left: 55px; padding-bottom: 40px; }
p.lb04{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3; padding-left: 55px; padding-bottom: 10px;}
p.lb05{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px;}
p.lb07{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.lb07 a:link, a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0a52a3; text-decoration:none; }
p.lb07 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;}
p.lbtable{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;}
.lbtable01{padding-bottom: 10px; padding-left: 55px; padding-top: 10px;}
.lbtable02{padding-bottom: 10px; padding-left: 55px;}
.lbtextfield {font-size: 12px; height: 12px}
.lbselect{font-size: 12px; height: 18px}
a img { border:none; }

/********************
*	downloads     *
********************/
p.dl01{font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color:#000000; padding-bottom: 15px; padding-left: 55px; padding-top: 30px }
p.dl02{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding-bottom: 20px; padding-left: 55px;  }
p.dl03{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-left: 55px; padding-bottom: 10px; }
p.dl04{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3; padding-left: 55px; padding-bottom: 10px;}
p.dl05{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px;}
p.dl06{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3; padding-left: 55px;}
p.dl07{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.dl07 a:link, a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0a52a3; }
p.dl07 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;}
p.dl08{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0a52a3; font-weight:bold;}
p.dl09{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 15px;}
p.dl09 a:link, a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 15px; text-decoration: underline;}
p.dl09 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height: 15px; text-decoration: underline}
p.dl10{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000;}
p.dl11{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3; padding-top: 5px; font-weight:bold;}
p.dl12{font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ff4400; padding-bottom: 5px; }
p.dl12 a:link, a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ff4400; padding-bottom: 5px; }
p.dl12 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #ff4400; padding-bottom: 5px; text-decoration:underline;}
p.dltable{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;}
.dltable01{padding-bottom: 10px; padding-left: 55px; padding-top: 10px;}
.headingcolor01{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3;}
.headingcolor01 a:link, a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3; text-decoration:none;}
.headingcolor01 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #326fb3; text-decoration:underline;}
.headingcolor02{font-size: 10px; color: #000000;}
.dltable02{padding-bottom: 10px; padding-left: 55px;}
.dltextfield {font-size: 12px; height: 12px}
a img { border:none; }


/********************
*	video     *
********************/
p.v01{font-family: Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; color:#000000; padding-bottom: 15px; padding-left: 55px; padding-top: 30px }
p.v02{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; padding-bottom: 20px; padding-left: 55px;  }
p.v03{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-left: 55px; padding-bottom: 40px; }
p.v04{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0a52a3; padding-left: 55px; padding-bottom: 10px;}
p.v05{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; padding-top: 5px;}
p.v07{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; }
p.v07 a:link, a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #0a52a3; }
p.v07 a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-decoration: underline;}
p.v08{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; padding-left: 90px; font-weight:bold}
p.v09{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#326fb3; text-decoration:none; padding-top: 10px; padding-bottom: 10px;}
p.v09 a: link{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#326fb3; text-decoration:none;padding-top: 10px; padding-bottom: 10px; color:#326fb3; text-decoration:none;}
p.v09 a: visited{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#326fb3; text-decoration:none; padding-top: 10px; padding-bottom: 10px; color:#326fb3; text-decoration:none;}
p.v09 a: hover{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#326fb3; text-decoration:none; padding-top: 10px; padding-bottom: 10px;}
.v10{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; text-decoration:none;}
.vheading01{font-weight: bold;}
p.vtable{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: normal;}
.vtable01{padding-bottom: 10px; padding-left: 55px; padding-top: 10px;}
.vtable02{padding-bottom: 10px; padding-left: 55px;}
.vtextfield {font-size: 12px; height: 12px}
a img { border:none; }



/********************
*	wallpaper	*
********************/
.w01{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold; }
.w02{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight:bold; }
/********************
*	Media (For Page Number) 	*
********************/
.style1b {
	color: #982624;
	text-decoration:none;
}
.style1b:hover {
	color: #CC4E55;
	text-decoration:none;
}

/********************
*	COPYRIGHT         	*
********************/

