/*-- Created by 
	Created 25-01-2010	
	Terapon Rodyam
	Web Designner and Web Developper
	New Media
*/

/*reset for in main.css */
#content-member{width:850px; margin:0 auto;}
.ServiceHeader{padding-bottom:9px!important;}
#content-wrapper #registerMember h3{color:#3F3F3F!important; margin-bottom:5px;}
.box-contentNews h3{ background:none; height:auto; padding-left:0;}
.ServiceHeader ul{margin-bottom:10px;}

.login-containner,.forgot-containner,.forgot-password,.forgot-message{width:310px; float:left;}
.login-containner label, .forgot-password label{display:block; font-weight:bold;}
.login-containner span{display:none;}
#loginFrom a{color:#C00;}
.login-containner p a{color:#0647A6}
.login-containner a:hover{text-decoration:none;}
.login-containner .required, .forgot-password .required{font-size:1em; color:#3F3F3F;}
.login-containner .valid, .forgot-password .valid{border:1px solid #CCC!important;}

input#email,input#password,input#emailForgot,input#idCard,input#memberEmail,input#idActivate{width:304px; height:20px; padding:2px; border:1px solid #CCC; margin:2px 0 3px 0;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#msg_error,.login-containner label.error,.forgot-password label.error,#registerMember label.error{color:#C00;}
#msg_error,.login-containner label.error,.forgot-password label.error{margin-bottom:10px;}
#KeyKTCode{display:none;}
#msg_error{display:inline;}
#msg_error,#registerMember label.error{font-weight:bold;}

#loginFrom .text-login,#msg_error,.login-containner label.error,.forgot-password label.error,#registerMember label.error{font-size:11px;}
#loginFrom .text-login{font-weight:normal;}

#loginFrom p{text-align:right;}
#loginFrom #remember{float:left; margin-right:4px;}
#loginFrom #remember,#registerMember input[type="radio"],#registerMember input[name="MemberCheckAgree"]{font-size:11px; height:15px; width:15px; vertical-align:text-bottom;}

.bt-login,.bt-login-print{clear:left; margin-top:10px;} 
.bt-login,.bt-login-print,.MemberRegister a,.messageMember a.go-back-home{background:url(../images/bt-register.png) no-repeat; cursor:pointer; border:0;}

#loginFrom .bt-login{width:118px; height:43px; background-position:-118px 0}
#loginFrom .bt-login:hover{background-position:-118px -43px;}

.info{margin-bottom:10px;}
.box-informationMember{float:left; margin-right:10px; position:relative;width:386px;}
.informationMember{width:356px; margin:0 0 10px; padding:10px 0 0; background:url(../images/information-member-top-border.png) no-repeat center top transparent; }
.head-information,.box-informationMember ul{border:1px solid #d8d8d8; border-bottom:none; border-top:none;}
.head-information{background-color:#e82020; padding:0 5px 10px;  color:#FFF;}
.head-information p span{width:28px; height:53px; display:block; position:absolute; top:11px; right:3px; text-indent:-99px; overflow:hidden; background:url(../images/information-member-arrow.png) no-repeat transparent;}
.box-informationMember ul{padding:0 5px; margin:0;}
.box-informationMember ul li{padding:5px 5px 5px 30px; _padding:5px 5px 5px 40px; background:url(../images/information-member-bullet.png) no-repeat 2% 50% transparent; font-size:15px; color:#8a8989; line-height:20px; border-bottom:1px solid #d8d8d8;}
.box-informationMember ul li:last-child{border-bottom:none;}
.barfoot{background:url(../images/information-member-bottom-border.png) no-repeat center bottom transparent; height:10px;}
#content-wrapper .informationMember h3{color:#FFF; margin:0 0 5px;}

.MemberRegister{margin:5px 0 0; padding:44px 0 0 10px; width:346px; height:60px; background:url(../images/box-register-member.png) no-repeat;}
.MemberRegister a{display:block;width:127px; height:43px; background-position:-314px 0; text-indent:-999px;}
.MemberRegister a:hover{background-position:-314px -43px;}

#forgotForm .bt-login, #ActivateForm .bt-login, #forgot-message .bt-login{width:77px; height:43px; background-position:-236px 0}
#forgotForm .bt-login:hover, #ActivateForm .bt-login:hover, #forgot-message .bt-login:hover{background-position:-236px -43px;}

#registerMemberForm .bt-login{width:118px; height:43px; background-position:0 0}
#registerMemberForm .bt-login:hover{background-position:0 -43px}
#registerMemberForm .bt-login-print{width:128px; height:43px; background-position:-313px 0}
#registerMemberForm .bt-login-print:hover{background-position:-313px -43px}

#registerMember li{margin:5px 0; background:none;}
#registerMember form fieldset{border:1px solid #7FB2E7; padding:0 10px 10px; margin-bottom:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

#registerMember form > fieldset:last-child{background-color:#EBEBEB; margin-bottom:0;}
#registerMember legend{ font-weight:bold; padding:5px; background-color:#7FB2E7; color:#FFF;}
#registerMember form > fieldset:last-child legend{ background-color:#C00;}
#registerMember legend em{font-style:normal; font-weight:normal;}
#registerMember legend em,#registerMember label.error{color:#F00;}

#registerMember input,#registerMember select, #registerMember textarea, #registerMember .valid{border:1px solid #999!important;-moz-border-radius: 3px;-webkit-border-radius: 3px;}
#registerMember input,#registerMember select, #registerMember textarea{padding:2px;}
#registerMember li span{display:block;font-size:11px;margin:0 0 3px 158px;width:303px; color:#9C9C9C;}
#registerMember input{width:200px;}
#registerMember select{width:243px;} 
#registerMember textarea{width:237px;}
#registerMember textarea{height:40px;}
#registerMember input[name="memberPicture"]{width:211px;}
#registerMember select[name="birthDay"]{width:54px;}
#registerMember select[name="birthMonth"]{width:98px;}
#registerMember select[name="birthYear"]{width:82px;}
#registerMember input, #registerMember select, #registerMember span#sample{margin-right:5px;}
#registerMember .bt-login{margin-top:0;}
#registerMember .bt-MemberRegis, #registerMember .bt-PrintRegis{display:block; margin:10px auto 0;}
#registerMember ul li > label:first-child, .registerMember p{float:left; text-align:right; width:155px; margin-right:4px;}
#registerMember input[id="memberFirstName"],#registerMember input[id="memberLastName"]{width:145px;}
#registerMember input[id="memberLastName"]{margin-left:4px;}
#registerMember input[type="radio"]{border-color:#FFF!important;}
#registerMember ul li > label:first-child, .registerMember p, #registerMember .chioce,#registerMember label.error,#registerMember label[for="MemberCheckAgree"],#KeyKTCode label{line-height:20px;}
#registerMember .chioce{float:left; margin-right:8px;}
#registerMember #MemberPolicy{margin-top:10px; list-style:decimal outside none; }
#registerMember label.CheckAgree{color:#C00; font-weight:bold;}
#registerMember .memberSecure{clear:both;}
#registerMember #captchaimage{float:left; margin-right:5px;}
#registerMember #captchaimage img{border:1px solid #960;}
#registerMember .memberSecure div + label{display:block; margin-bottom:7px;}
#registerMember input[id="memberCaptcha"]{width:118px; font-weight:bold; color:#900; letter-spacing:3px; text-align:center;}
#registerMember #refreshimg{display:block; float:left; overflow:hidden; text-indent:-999px; margin-right:5px; width:24px; height:23px; background:url(../images/refresh-cap.png) no-repeat top center;}

.regisChoice-Print{margin:10px 0 0;}

.messageMember p{float:none; width:100%; text-align:left;}
.messageMember a.go-back-home{display:block;width:147px; height:43px; background-position:-442px 0; text-indent:-999px; margin-top:10px;}
.messageMember a.go-back-home:hover{ background-position:-442px -43px;}

.image-profile{float:left; margin-right:5px;}
.member-services,.member-registed{overflow:hidden; width:100%;color:#FFF;}
.member-services{background-color:#aabad1;}
.member-registed{background:url(../images/bg_regist-login.png) repeat-x transparent;}
.login-regis a{margin:2px 5px 0 0;}
	.bt-login-home,.bt-regis-home{float:left; display:block; text-indent:-999px; overflow:hidden; width:115px; height:30px; background:url(../images/bt-login-register.png) no-repeat 0 0 transparent;}

	.bt-login-home{background-position: -118px 0;}
	.bt-login-home:hover{background-position: -118px -33px;}

	.bt-regis-home{background-position: 0 0;}
	.bt-regis-home:hover{background-position:0 -33px;}

.member-registed a{color:#C2D7F8;}
.memberName{font-weight:bold; font-size:15px;margin-bottom:2px;}
.login{font-size:11px;}