/* GREY Section */
.grey h1.page-root { border-bottom: 1px solid #999;}
.grey a { color: #333; text-decoration: none; }
.grey a:hover { text-decoration: underline; }
.grey p.intro { padding: 10px 0 10px 0; margin: 0 0 5px 0; border-bottom: 1px solid #999; }
.grey p.no-padding { padding: 0 0 10px 0; }

/* Account Control Panel Section */
.personalize-page { clear: both; width: 560px; }

.myaccount-container { background: #FAFAFA url(../images/bg_account_control_panel.jpg) right top repeat-y; width: 560px;}
	.myaccount-left { float: left; width: 415px; }
		.myaccount-left .inner { padding: 10px; }
		.myaccount-left h2 { background: #ECECEC; display: block; font-size: 14px; margin: 0; padding: 5px 0 5px 10px; }
		.memberForm label { float: left; width: 100px; }
		.memberForm table label { float: none; width: auto; }
 	.myaccount-right { float: right; width: 140px; }
		.myaccount-right #myaccount-menu li a{ font-weight: bold; color: #FFF; padding: 6px 0 6px 10px; display: block; text-decoration: none; border-bottom: 1px solid #AAA;}
		.myaccount-right #myaccount-menu li a:hover { color:#FFF; background: #CCC; }
		.myaccount-right #myaccount-menu li a.active, .myaccount-right #myaccount-menu li.profile a:hover { color: #333; background: #999 url(/images/bg_account_menu_active.jpg) repeat-x;}
		
		.myaccount-right #myaccount-menu li.sub a { padding: 3px 0 3px 10px; }
		.myaccount-right #myaccount-menu li.sub a:hover { background: #666; }
		.myaccount-right #myaccount-menu li.sub a.active { background: #666; color: #FFF; }

.current-points { color: #990000; background: #FFCCCC; padding: 2px 5px 2px 5px; font-style: normal; font-weight: bold; }
.current-avatar { padding: 20px 10px 20px 10px; height: 50px; }
.current-avatar img { float: left; margin: 0 10px 10px 0; border: 1px solid #CCC; }
.form-avatar { padding: 20px 10px 20px 10px; }
.form-avatar label { display: block; font-weight: bold; }
.form-avatar .btn-upload { background: url(/images/btn_upload.jpg) no-repeat; width:79px !important; height:14px; border:none; letter-spacing:-999em; cursor:pointer; overflow: hidden; }
.table-profile .frmButton { background: url(/images/btn_update.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
.tbl-children .frmButton, #landing-intro .frmButton, .newsletter .frmButton { background: url(/images/btn_save.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
.tbl-tellafriend .frmButton { background: url(/images/btn_send_myaccount.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
.btn-addkid { background: url(/images/btn_add_kid.jpg) no-repeat; width: 120px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
.tbl-fame table, .tbl-fame { width: 100%; }
	.tbl-fame th { padding: 5px; background: #E3E3E3; text-align: center; border-bottom: 3px solid #FAFAFA; border-right: none; border-right: 1px solid #E3E3E3; }
	.tbl-fame td { border-bottom: 3px solid #FAFAFA; padding: 5px; background: #F3F3F3; text-align: center; border-right: 1px solid #F3F3F3; }
.tbl-children { width: 100%; margin: 10px 0 0 0; padding: 10px 0 0 0; border-top: 1px solid #CCC; }
	.tbl-children td { padding: 5px; vertical-align: top; }
.tbl-tellafriend { width: 100%; }
	.tbl-tellafriend td { padding: 5px; vertical-align: top; }
/* End Account Control Panel Section */

/* Registration */

#member-regis{float:left;}
.member-regis-left{float:left; width:295px;}
.member-regis-left h2{ background-color:#ccc; color:#fff; padding:5px 0 5px 7px; font-size:14px; width:285px; margin:0 0 5px 0;}
	.member-regis-form{float:left; padding:5px;}
.member-regis-right{float:left; width:240px;}
.member-regis-right h2{ background-color:#ccc; color:#fff; padding:5px 0 5px 7px; font-size:14px; width:255px; margin:0 0 5px 0;}
	.member-regis-info{float:left; padding:5px; background-color:#eee; width:252px;}
#member-regis p{margin: 10px 0 10px 0;}
.agreement{margin:10px 0 0 0;}
.btn-register { background: url(/images/btn_join.jpg) no-repeat; width: 78px; height: 14px; border: none; letter-spacing: -999em; cursor: pointer; overflow: hidden; }
/* end regis */

/* add children */

#add-children .left-panel h2{background-color:#CCCCCC;
color:#FFFFFF;
font-size:14px;
margin:0pt 0pt 5px;
padding:5px 0pt 5px 7px;
width:430px;}

/* end add children */

/* pr */

.username{float:left; margin: 0 10px 0 0; padding:5px 0 5px 0;}
.myaccount-left .inner .userpoint { background-color:#FFCCCC; color:#990000; padding:5px 7px 5px 7px;}

#top-list{float:left; width:420px;}
#top-list h2{margin:10px 0 0 0;}
/*  end pr*/

#MemberProfile_5_cblHobby tr{float:left; width:100px;}
#MemberProfile_5_cblHobby tr td{float:left;}
#MemberProfile_5_cblHobby tr input{margin:0 5px 0 0;}
.table-radio{font-size:11px;}
.table-radio input{margin: 0 5px 0 0 !important; margin:0;}

.table-profile td.label{width:90px;}
.table-profile td{padding:5px;}

#tell-friend table td{padding:5px;}
#tell-friend .label{width:100px;}

.captcha input{ width:252px}
.captcha, .captcha div {margin:0 0 0 0 !important ; text-align:left !important;}
#contact-us td.right textarea {height:223px;width:252px;}
p#captcha-noti {margin-top:-17px}
p#word-veri {margin-bottom:15px}
input.contactus-send {background:transparent url(/images/btn_contactus_send.jpg) no-repeat scroll 0 0;
border:0 none;
cursor:pointer;
display:block;
float:left;
height:31px;
letter-spacing:99999px;
margin:0;
overflow:hidden;
padding:0;
text-indent:-10000px;
width:402px;}
#contact-us { padding-left:10px}
table#contact-us td.left { padding:5px 0 5px 0}
table#contact-us td.right { padding:5px 0 5px 0}
#content-contactus p#header-contactus {padding:10px 0 0 10px; width:387px; }
#content-contactus {margin-left:200px}

/* End GREY Section */