@charset "utf-8";
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> E-Games Portal v3.0 CSS Style <<<-----------------------------------------------------------------*/
/* ---------->>> copyright 2008 e-games.com.ph <<<-----------------------------------------------------------------*/
/* ---------->>> By the E-games webteam.       <<<-----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> General settings needed for e-games account management <<<----------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body { text-align:center;line-height:1.5; font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-image:url('../../images/2008/account/accnt-header-bg.gif'); background-position: top center; background-repeat: repeat-x; background-color: #252525; }

img {border:none;}
a img {border:none;}

a { color: #0054a6; }
a:hover { color: #990000; text-decoration: none; }

.container { width:950px;margin:0 auto; text-align: left; }
.header { width: 100%;text-align: center;height: 60px; }
.hr { height: 1px; background: transparent url(../../images/2008/account/accnt-hr.gif) top center no-repeat;}
.hr span { display: none; }

.left {float:left;}
.right {float:right;}

p.welcome {	color: #0054a6; font-weight:bold;}
p.welcome .cap { font-size: 30px; font-weight:bold;}

.border-all { border: 1px solid #333; }
.noborder-t { border-top: none; }
.noborder-l { border-left: none; }
.noborder-r { border-right: none; }
.noborder-b { border-bottom: none; }

ul#sidenav { list-style: none; text-align: left; padding: 4px; }
ul#sidenav li { width: 240px; border-bottom: 1px solid #333;}
ul#sidenav li a { padding: 5px; border: 1px solid #333; border-bottom: 0px solid #333; background:url(../../images/2008/account/btn-side-bg.gif) top left repeat-x; display: block; font-weight: bold; text-decoration: none; color: #fff;
}
ul#sidenav li a:hover { background:url(../../images/2008/account/btn-side-bg-on.jpg) 1px 1px no-repeat; color: #fff; }
ul#list li { list-style-image: url(../../images/2008/account/li-star.gif); margin-left: 20px; margin-bottom:8px; }
#list a { text-decoration: underline; }
#list a:hover { text-decoration: none; }
ol#list, ol#list ol, ol#list ul { margin-left: 20px; }
 ol#list ol { list-style-type:lower-alpha;}
.txtLeft { text-align: left; }
.txtCenter { text-align: center; }
.txtRight { text-align: right; }
div.label { font-weight: bold; }

.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> box settings needed for e-games account management <<<--------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.whitebg { background-color: #fff;background-image: url(../../images/2008/account/accnt-bg-white.jpg);background-repeat:repeat-x; background-position: right top; display: block; height: 100%; color: #0054a6; }
.blackbg { background-color: #000; display: block; color: #fff; }
.box-tr { background:#ffffff url('../../images/2008/account/accnt-bg-white-tr.jpg') no-repeat right top; 
position:relative; float:right; width:100%; padding:0pt; height: auto;
    top: 0px;
    left: 0px;
}
.box-tl {  background-image: url(../../images/2008/account/accnt-bg-white-tl.jpg);background-repeat: no-repeat;background-attachment: scroll; background-position: left top; padding:5pt; height: auto;}
.box-active { background: #000 url(../../images/2008/account/accnt-activities-t_bg.gif) top center repeat-x; text-align: left; height: auto; display: block;	}
.feat-box-all { width: 100%; text-align: center; display: block; }
.feat-box { width: 228px; float: left; height: auto; display: block; text-align: left; padding: 3px; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Grid settings needed for e-games account management <<<-------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.span100 { width: 100px; }
.span150 { width: 150px; }
.span200 { width: 200px; }
.span950 { width: 950px; }
.span250 { width: 250px; }
.span250-wb { width: 248px; }
.span450 { width: 450px; }

.span700 { width: 700px; }
.spanfull { width: 100%; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Form settings needed for e-games account management <<<-------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

label {font-weight:bold;}
input { font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; }
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, .text2, input.topup, input.title, textarea, select {border:1px solid #bbb; vertical-align: middle;}
input.text:focus, .text2:focus, input.title:focus, input.topup:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.topup,{width:150px; padding:2px; vertical-align: middle;}
 .text2 {padding:2px; vertical-align: middle; margin: 1px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:5px;margin-bottom:1em;border:2px solid #ddd; white-space: nowrap;}
.notice_normal{white-space:normal;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.noticege {background:#9f0000;color:White;border-color:#4a0000;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.noticege a {color:White;}
.notice_nowrap {white-space:normal;}
.success a {color:#264409;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------->>> Others <<<-------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.btn { padding-top:30px;}

.account_wrapper
{
	width:900px;
	text-align:center;
}

/* Font Definitions */
@font-face
	{font-family:Wingdings;
	panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
	{font-family:SimSun;
	panose-1:2 1 6 0 3 1 1 1 1 1;}
@font-face
	{font-family:"Trebuchet MS";
	panose-1:2 11 6 3 2 2 2 2 2 4;}
@font-face
	{font-family:Calibri;}
@font-face
	{font-family:"\@SimSun";
	panose-1:0 0 0 0 0 0 0 0 0 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Trebuchet MS";}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Trebuchet MS";}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Trebuchet MS";}
p.NoSpacing, li.NoSpacing, div.NoSpacing
	{margin:0in;
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:Calibri;}
span.CharChar1
	{font-family:"Trebuchet MS";}
span.CharChar
	{font-family:"Trebuchet MS";}
 /* Page Definitions */
 @page Section1
	{size:595.3pt 841.9pt;
	margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
	{page:Section1;}
 /* List Definitions */
 ol
	{margin-bottom:0in;}
ul
	{margin-bottom:0in;}