@charset "utf-8";

/* Registration
*************************************************************/
.title {
	color:#ff6600;
	font-size:1.5em;
	font-weight:bold;
}

.header {
	color:#009900;
	font-size:1.3em;
	font-weight:bold;
}

.subheader {
	color:#ff6600;
	font-weight:bold;
}

/*div#background {
	width: 100%;
	height: auto;
	margin: 0;
	color:#99CC00
}

div.contentBox {
	width: 680;
	height: auto;
	padding: 0;
}

table#registration_Form_Table {
	width: 100%;
	height: auto;
	margin:0 auto;
	text-align:center;
}
*/

div.mainArea {
	width: 100%;
	height: auto;
	padding: 0;
}

table#registration_Form_Table {
	width: 80%;
	height: auto;
	margin:0 auto;
}

table#registration_Form_Table td {
	padding:.3em;	
	vertical-align: middle;
}

table#registration_Form_Table td.error {
	text-align:center;
}

table#registration_Form_Table td.header {
	font-size:1.3em;
	font-weight:bold;
}

table#registration_Form_Table td.label {
	width:25%;
	text-align:right;
	color:#333333;
}

table#registration_Form_Table td.desc {
	width:auto%;
	text-align:left;
	color:#333333;
}

table#registration_Form_Table td.label_top {
	vertical-align:top;
}

table#registration_Form_Table td.button {
	text-align:right;
	padding: 25px 16px 0 0;
}

table#registration_Form_Table td.center p img {
	vertical-align: middle;
	padding-right: 5px;
}

table#registration_Form_Table td.center p a:link { text-decoration:none; }
table#registration_Form_Table td.center p a:visited { text-decoration:none; }
table#registration_Form_Table td.center p a:active { text-decoration:none; }
table#registration_Form_Table td.center p a:hover { text-decoration:none; color:#FFCC00; }

table#registration_Form_Table td span.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";	
	font-size: .85em;
	padding-left: .85em;
}

form#registration_Form input.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:15em;
	padding:2px;
}

form#registration_Form input.date {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	padding:2px;
}

form#registration_Form input.school {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:355px;
	padding:2px;
}

form#registration_Form input.short_num_box {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:6em;
	padding:2px;
}

form#registration_Form input.long_num_box {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:10em;
	padding:2px;
}

form#registration_Form select {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	padding:2px;
}

form#registration_Form textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:0;
	height:100px;
	width:350px;
	padding:.3em;
	padding:2px;
}

form#activation_code input.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:15em;
	padding:2px;
}

form#registration_Form input.checkbox {
	position: relative;
	top: 2px;
	left: -2px;
}

form#activation_code input.button_submit {
	vertical-align:middle;
	padding-left: 5px;
}

form#resend_code input.text {
	border:1px solid #BBBBBB;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	text-indent:2px;
	width:15em;
	padding:2px;
}

form#resend_code input.btn {
	vertical-align:middle;
}

form#Reg_verify_form input.button_submit,
form#Reg_unsuccess input.button_submit {
	vertical-align:middle;
}

table#Reg_success_Table {
	width:auto;
	margin:50px auto;
}

/* My Account Menu
*************************************************************/
ul#myAccount_menu {
	background: #df0010;
	float: left;
	list-style: none;
	margin: 0 0 18px 0;
	padding: 0;
	width: 100%;
	height: auto;
}

ul#myAccount_menu li {
	background: #df0010;
	float: left;
	list-style: none;
	margin: 9px 0 18px 0;
	padding: 0;
	width: 100%;
	height: auto;
}

ul#myAccount_menu li {
	padding: 0;
	margin: 0;
	text-align: right;
	display: block;
}

ul#myAccount_menu li a {
	background: #FFFBEF;
	display: block;
	text-decoration: none;	
	border-bottom: 1px solid #CDCDCD;
	color: #df0010;
	display: block;
	padding: 8px 20px 8px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: .85em;
}

ul#myAccount_menu li a.firstItem {
	border-top: 1px solid #CDCDCD;
}

ul#myAccount_menu li a:hover,
ul#myAccount_menu li a.current {
	color: #df0010;
	padding: 8px 20px 8px 0px;
	background: #FFCE0F url(../image/myaccount/gimg/myAccount_smallArrow.gif) right 9px no-repeat;
}

ul#myAccount_menu li a.current {
	font-weight: bold;
}

div.myAccount_submenu {
	background: #f6f9eb;
	text-align: right;
	padding: 0px 10px 12px 0px;
	_padding: 0px 10px 12px 0px;
	_margin: 0 0 20px 0;
	width: 95%;
	border-bottom: 1px solid #CDCDCD;
}

ul#myAccount_menu a.sub {
	color: #DF2935;
	padding: 0;
	text-decoration: none;
	background: none;
	border: none;
	padding: 12px 12px 0 0;
}

ul#myAccount_menu a:hover.sub {	
	color: #DF2935;
	padding: 0;
	background: none;
	border: none;
	padding: 12px 12px 0 0;
}

span.subcurrent {	
	color: #DF2935;
	padding: 0;
	background: none;
	border: none;
	padding: 12px 0 0 0;
}

/* Content Box
*************************************************************/
div.contentBox {
	width: 99%;
	height: auto;	
	margin: 0 auto 20px auto;
}

div.contentBox_head {
	width: atuo;
	height: 30px;
	border: 1px solid #CCCCCC;
	padding: 0;
	background: #e9fab6;
}

div.contentBox_head_left {
	float: left;
	width: 50%;
	height: 30px;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
	color:#006600;
}

div.contentBox_head_left span.boxTitle {
	font-weight:bold;
	left:15px;
	position:relative;
	top:6px;
}

div.contentBox_head_right {
	float: right;
	width: auto;
	height: 30px;	
	text-align: right;	
	padding:0;
	margin:0;
}

div.contentBox_head_right div.boxClose {
	width: auto;
	position:relative;
	right:10px;
	top:7px;
	vertical-align: top;
}

div.contentBox_content {
	clear: both;
	width: auto;
	height: auto;
	padding: 20px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div.contentBox_content p{
	text-align: justify;
	text-indent: 2em;
	padding: 0 30px;
	margin: 0 0 20px 0;
}

div.contentBox_head a:link.boxCloseLink,
div.contentBox_head a:visited.boxCloseLink,
div.contentBox_head a:active.boxCloseLink {
	padding: 0 16px 0 0;
	color: #888;
	background: url(../image/gimg/boxCloseButton.gif) right 2px no-repeat;
	text-decoration:none;
}

div.contentBox_head a:hover.boxCloseLink {
	color: #CCCC00;
	background: url(../image/gimg/boxCloseButton.gif) right 2px no-repeat;
	text-decoration:underline;
}

/*Content Box (new add)
************************************************************
div#LoginRegArea {
	height:20px;
	margin:0 auto;
	padding:2px 0;
	vertical-align:middle;
	width:100%;
}

div#LoginRegContent {
	float:left;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	vertical-align:middle;
	width:80%;
}

div#LoginRegLinkArea {
	float:right;
	height:auto;
	margin:0 auto;
	padding:0;
	position:relative;
	right:0;
	text-align:right;
	width:15%;
}*/


/* Front page
*************************************************************/
div.frontpage_box_85 {
	width:85%;
}

div#productCount {
	background:#F6F6F6;
	font-weight:bold;
	margin:0 auto 35px;
	padding:5px 0;
	text-align:center;
	vertical-align:middle;
	width:60%;
}

div#productCount a:link { color:#BB6655; }
div#productCount a:visited { color:#BB6655; }
div#productCount a:active { color:#BB6655; }
div#productCount a:hover { color:#FFCC00; text-decoration:underline; }

table#ordering_button_table {
	margin:0 auto;
	width:auto;
}


/* Login
*************************************************************/
table#login_Table {
	width:70%;
	margin:0 auto;
	height:auto;
}

table#loginForm_table {
	margin:0 auto;
	width:90%;
	height:auto;
}

table#loginForm_table a:link { text-decoration:none; }
table#loginForm_table a:visited { text-decoration:none; }
table#loginForm_table a:active { text-decoration:none; }
table#loginForm_table a:hover { text-decoration:underline; color:#FFCC00; }

table#loginForm_table td {
	vertical-align:middle;
	padding: .3em 0;
}

table#loginForm_table td.login_Error {
	text-align:center;
	padding: .3em 0 .7em 0;
}

table#loginForm_table td.label {
	width:45%;
	text-align:right;
}

table#loginForm_table td.input {
	width:55%;
	padding-left:1em;
	text-align:left;
}

table#loginForm_table td.btn {
	text-align:right;
	padding-right: 18px;
	font-size:.85em;
}

table#loginForm_table td.btn input {
	vertical-align:middle;
}

form#login_Form input.loginEmail {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	height:1.3em;
	text-indent:2px;
	width:19em;
}

form#login_Form input.loginPwd {
	border:1px solid #BBBBBB;
	height:1.3em;
	text-indent:2px;
	width:11em;
}

table#loginReg_Table {
	margin:0 auto;
	width:90%;
	height:auto;
}

table#loginReg_Table td.text {
	width:75%;
	height:auto;
}

table#loginReg_Table td.btn {
	text-align:right;
	width:auto;
	height:auto;
}

/*
table#loginReg_Table td.btn {
	text-align:right;
	width:25%;
	height:auto;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:.85em;
	font-weight:bold;
}

table#loginReg_Table {
	height:auto;
	margin:0 auto;
	width:90%;
}

table#loginReg_Table td.text_intro {
	width:auto;
	text-align:left;
	background-color:#ffff99;
}

table#loginReg_Table td.btn {
	width:25%;	
	text-align:right;
	font-size:.85em;
	font-weight:bold;
	background-color:#009900;
}

table#loginReg_Table td.btn div#LoginRegLink a:link,
table#loginReg_Table td.btn div#LoginRegLink a:visited,
table#loginReg_Table td.btn div#LoginRegLink a:active {
	background-color:#FF0000;
	color:#FFFFFF;
	padding:5px 5px 4px 6px;
	text-decoration:none;
}

table#loginReg_Table td.btn div#LoginRegLink a:hover {
	background-color:#FFCC00;
	color:#006633;
}*/


div#LoginRegLink a:link,
div#LoginRegLink a:visited,
div#LoginRegLink a:active {
	background-color:#FF0000;
	color:#FFFFFF;
	padding:5px 5px 4px 6px;
	text-decoration:none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; "新細明體";
	font-size:.85em;
	font-weight:bold;
}

div#LoginRegLink a:hover {
	background-color:#FFCC00;
	color:#006633;
}

/* Order List
*************************************************************/
div#orderlist_Reminder {
	color:#009900;
	width:100%;
	text-align:left;
	padding: 0 0 8px 0;
}

div#orderlist_empty_notice {
	width:80%;
	margin:0 auto;
	background: #EAFDFF;
	padding:1.5em 0;
}

div#orderlist_empty_notice p {
	width:80%;
	margin:1.5em auto;
	text-align:center;
}

div#orderlist_empty_notice p.large {
	font-size:1.3em;
	font-weight:bold;
	color:#009900;
}

table#orderlist_Table {
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0 auto;
}

table#orderlist_Table thead th {
	background: #D8292F url(../image/shopflow/gimg/shoppingcart_thead_bg.gif) repeat-x scroll center bottom;
	color:#fff;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:.85em;
	padding:.8em 1em;
}

table#orderlist_Table tr {
	background-color:#FFFFFF;
}

table#orderlist_Table tr.odd {
	background-color:#EAFDFF;
}

table#orderlist_Table tbody th {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:.85em;
	font-weight:normal;
	padding:.85em 1em;
}

table#orderlist_Table td {
	padding:.85em 1em;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size:.85em;
}

table#orderlist_Table tbody th.orderNo {
	width: 23%;
	border-left:1px solid #CCC;
}

table#orderlist_Table tbody td.recipient {
	width: 14%;
	border-left:1px solid #CCC;
}

table#orderlist_Table tbody td.paid {
	width: 14%;
	border-left:1px solid #CCC;
}

table#orderlist_Table tbody td.payment {
	width: 10%;
	border-left:1px solid #CCC;
}

table#orderlist_Table tbody td.delivery {
	width: 10%;
	border-left:1px solid #CCC;
}

table#orderlist_Table tbody td.status {
	width: 14%;
	border-left:1px solid #CCC;
}

table#orderlist_Table tbody td.date {
	width: 15%;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

table#orderlist_Table tfoot td.footer {
	border-top:1px solid #CCC;
	height:1px;
	padding:0;
	line-height:0;
}


/* Order List [Pop up details]
*************************************************************/
div#orderDetails_popup {
	background-color:#FFF;
	height:auto;
	margin:0 auto;
	width:95%;
}

table#orderDetails_popup_table {
	background-color:#FFF;
	height:auto;
	margin-top:25px;
	padding:10px;
	width:100%;
}

table#orderDetails_popup_table td {
	vertical-align:top;
	padding:.3em;
}

table#orderDetails_popup_table td.label {
	width:15%;
	font-weight:bold;
	font-size:.9em;
}

table#orderDetails_popup_table td.content {
	width:auto;
	font-size:.9em;
}

table#orderDetails_popup_table td span.orderID {
	color:#F00;
	font-size:1.3em;
	font-weight:bold;
}

table#orderDetails_popup_Products {
	width: 99%;
	border:1px solid #CCCCCC;
	margin:15px 0 0;
}

table#orderDetails_popup_Products thead th {
	background: #CF242C url(../image/shopflow/gimg/shoppingcart_thead_bg.gif) repeat-x scroll center bottom;
	color:#fff;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:.85em;
	padding:.5em 1em;
}

table#orderDetails_popup_Products thead th.id {
	width:3%;	
}

table#orderDetails_popup_Products thead th.number {
	width:10%;	
}

table#orderDetails_popup_Products thead th.name {
	width:28%;	
}

table#orderDetails_popup_Products thead th.price {
	width:12%;	
}

table#orderDetails_popup_Products thead th.qty {
	width:5%;	
}

table#orderDetails_popup_Products thead th.amount {
	width:7%;	
}

table#orderDetails_popup_Products thead th.status {
	width:40%;	
}

table#orderDetails_popup_Products tbody tr {
	background-color:#FFFFFF;
}

table#orderDetails_popup_Products tbody tr.odd {
	background-color:#EAFDFF;
}

table#orderDetails_popup_Products tbody th {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: .85em;
	font-weight:normal;
	padding:0.8em;
}

table#orderDetails_popup_Products tbody td {
	padding:.7em 1em;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: .85em;
}

table#orderDetails_popup_Products tbody td span.oldPrice{
	text-decoration: line-through;
	color: #AAA;
	padding: 0 1em 0 0;
}

table#orderDetails_popup_Sum {
	border:1px solid #CCCCCC;
	height:auto;
	margin:0;
	width:99%;
}

table#orderDetails_popup_Sum td {
	padding:.7em 1em;
	vertical-align: middle;
}

table#orderDetails_popup_Sum td.left {
	background-color:#EAFDFF;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: .9em;
	width:70%;
}

table#orderDetails_popup_Sum td.sum {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: 1.3em;
	font-weight: bold;
	width:30%;
}

table#orderDetails_popup_Sum td.left span.left_amount {
	padding: 0 0 0 1em;
	color: #090;
}

table#orderDetails_popup_footer td.remark {
	color:#888;
	font-size: .85em;
	padding: 1em;
}

table#orderDetails_popup_footer td.remark ul {
	list-style-type:disc;
	margin:0 0 1.5em 1.5em;
}

table#orderDetails_popup_footer td.remark li {
	line-height:1.2em;
}

table#orderDetails_popup_footer td.print {
	padding: 1em;
}


/* Hold Area Layout [InfoBox]
*************************************************************/
div.holdArea_infoBox {
	width: 100%;
	height: auto;	
	margin: 0 auto 20px auto;
}

div.holdArea_infoBox_head {
	width: 100%;
	height: 30px;
	border: 1px solid #CCCCCC;
	padding: 0;
	background: url(../image/myaccount/gimg/shopFlow_header_bg.gif) top left repeat-x;
}

div.holdArea_infoBox_head_left {
	float: left;
	width: 50%;
	height: 30px;
	font-size: 1.3em;
	padding: 0;
	margin: 0;
}

div.holdArea_infoBox_head_left span.boxTitle {
	font-weight:bold;
	left:15px;
	position:relative;
	top:6px;
}

div.holdArea_infoBox_head_right {
	float: right;
	width: auto;
	height: 30px;	
	text-align: right;	
	padding:0;
	margin:0;
}

div.holdArea_infoBox_head_right div.boxClose {
	width: auto;
	position:relative;
	right:10px;
	top:7px;
	vertical-align: top;
}

div.holdArea_infoBox_content {
	clear: both;
	width: 100%;
	height: auto;
	padding: 20px 0 0 0;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div.holdArea_infoBox_content p{
	text-align: justify;
	text-indent: 2em;
	padding: 0 30px;
	margin: 0 0 20px 0;
}

div.holdArea_infoBox_head a:link.boxCloseLink,
div.holdArea_infoBox_head a:visited.boxCloseLink,
div.holdArea_infoBox_head a:active.boxCloseLink {
	padding: 0 16px 0 0;
	color: #888;
	background: url(../image/gimg/boxCloseButton.gif) right 2px no-repeat;
	text-decoration:none;
}

div.holdArea_infoBox_head a:hover.boxCloseLink {
	color: #CCCC00;
	background: url(../image/gimg/boxCloseButton.gif) right 2px no-repeat;
	text-decoration:underline;
}


/* Hold Area Layout [Table]
*************************************************************/
form#holdArea_Form input {
	margin: 0;
	vertical-align: middle;
}

table#holdArea_Table {
	width: 100%;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0 auto;
}

table#holdArea_Table thead td.count {
	width: 100%;
	height: auto;
	padding: 8px;
	font-weight: bold;
}

table#holdArea_Table thead td.count span.holdcount {
	font-size: 1.3em;
}

table#holdArea_Table thead th {
	background: #CC0E15 url(../image/shopflow/gimg/shoppingcart_thead_bg.gif) repeat-x scroll center top;
	color:#fff;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:.85em;
	padding:.5em 1em;
}

table#holdArea_Table tr {
	background-color:#FFFFFF;
}

table#holdArea_Table tr.odd {
	background-color:#EAFDFF;
}

table#holdArea_Table tbody th {
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size: .85em;
	font-weight:normal;
	padding:0.8em;
}

table#holdArea_Table td {
	padding:.7em 1em;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	font-size: .85em;
}

table#holdArea_Table td.select {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	width: 13%;
}

table#holdArea_Table td.item {
	width: 52%;
}

table#holdArea_Table td.price {
	border-left:1px solid #CCC;
	width: 20%;
}

table#holdArea_Table td.price span.oldPrice{
	text-decoration: line-through;
	color: #AAA;
}

table#holdArea_Table td.date {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	width: 15%;
}

table#holdArea_Table td.delete {
	border-right:1px solid #CCC;
}

table#holdArea_Table a:link { color: #0000CC; text-decoration: none;}
table#holdArea_Table a:visited { color: #CC0000; text-decoration: none;}
table#holdArea_Table a:active { color: #CC0000; text-decoration: none;}
table#holdArea_Table a:hover { color: #FFCC00; text-decoration: none;}

table#holdArea_Table tfoot td.footer {
	border-top: 1px solid #CCC;
	padding: 1em 0 0 0;
}

table#footer_Table {
	width: 100%;
}

table#footer_Table td {
	padding: 1em;
}

table#footer_Table td.half {
	width: 50%;
}

table#footer_Table td.exchange {
	font-size: 1.2em;
}

form#holdArea_Form select {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
}

table#footer_Table td.remark {
	color:#888;
}

table#footer_Table td.remark ul {
	list-style-type:disc;
	margin:0 0 1.5em 1.5em;
}

table#footer_Table td.remark ul li {
	line-height: 1.2em;
}

/* Shipping Details Layout
*************************************************************/
a.boxTitle_edit {
	color:#FF0000;
	font-weight: normal;
	margin-left: 1em;
	padding: 2px;
}

a.boxTitle_edit:hover {
	background:#FFCC00 none repeat scroll 0 0;
	text-decoration:none;
}

p.shippingHeader {
	width: 100%;
	text-align: center;
	font-size: 1.3em;
	color: #D0141D;
}

div.MailAddress_Box {
	width:100%;
	height: auto;
	border:1px solid #EDEDED;
	margin: 0 auto 15px auto;
}

div.MailAddress_Box_open {
	width:100%;
	height: auto;
	border:1px solid #EDEDED;
	margin: 0 auto 15px auto;
	background: #F6F6F6;
}

table.MailAddress_Table {
	width:90%;
	margin: 25px auto;
}

table.MailAddress_Table td.title {
	font-weight: bold;
}

table.MailAddress_Table td.closeBox_full {
	text-align: right;
}

table.MailAddress_Table td.closeBox_full a.boxCloseLink:link,
table.MailAddress_Table td.closeBox_full a.boxCloseLink:visited,
table.MailAddress_Table td.closeBox_full a.boxCloseLink:active {
	background:transparent url(../../image/gimg/boxCloseButton.gif) no-repeat scroll right 3px;
	color:#888;
	padding:1px 17px 0 0;
	text-decoration:none;
}

table.MailAddress_Table td.closeBox_full a.boxCloseLink:hover {
	background:transparent url(../../image/gimg/boxCloseButton_h.gif) no-repeat scroll right 3px;
	color:#CCCC00;
	text-decoration:none;
}

table.MailAddress_Table td.required {
	text-align: right;
}

table.MailAddress_Table td.formError {
	padding: 8px;
	text-align: center;
}

table.MailAddress_Table td.label {
	text-align: right;
	padding: 8px 8px 8px 0;
	vertical-align: middle;
}

table.MailAddress_Table td.label_top {
	text-align: right;
	padding: 8px 8px 8px 0;
	vertical-align: top;
}

table.MailAddress_Table td.content {
	padding: 8px;
}

table.MailAddress_Table td.submit {
	text-align: right;
}

table.MailAddress_Table input.inputBox_string {
	border:1px solid #BBBBBB;
	padding:2px;
	width:250px;
	font-family: Tahoma, Helvetica, sans-serif;
}

table.MailAddress_Table select.countryList {
	border:1px solid #BBBBBB;
	width:auto;
	font-family: Tahoma, Helvetica, sans-serif;
}

table.MailAddress_Table textarea.address {
	border:1px solid #BBBBBB;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	height:8em;
	overflow-x:hidden;
	overflow-y:auto;
	width:27em;
	padding:2px;
}

table.MailAddress_Table input.postcode,
table.MailAddress_Table input.phone_number {
	width: 155px;
	font-family: Tahoma, Helvetica, sans-serif;
}

table.MailAddress_Table input.phone_country {
	width: 80px;
	font-family: Tahoma, Helvetica, sans-serif;
}

table.MailAddress_Table input.phone_ext {
	width: 40px;
	font-family: Tahoma, Helvetica, sans-serif;
}

span.infoLabel {
	color:#888888;
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:0.85em;
	padding-right:0.5em;
}

/* Change Password
*************************************************************/
table#AccountPwd_Table {
	height:auto;
	width:75%;
}

table#AccountPwd_Table td {
	padding:.35em 0;
}

table#AccountPwd_Table td.warning {
	padding:.5em;
	text-align:center;
	vertical-align:middle;
}

table#AccountPwd_Table td.success {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	padding:55px 0;
}

table#AccountPwd_Table td.success img {
	vertical-align:middle;
	padding-right:5px;
}

table#AccountPwd_Table td.label {
	text-align:left;
}

table#AccountPwd_Table td span.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";	
	font-size: .85em;
}

table#AccountPwd_Table td.submit {
	padding: 0 25px 0 0;
	text-align:right;
}

form#AccountPwd_form input.pwd {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";	
	border:1px solid #BBBBBB;
	text-indent:2px;
	width:10em;
}

/* Change Email Address
*************************************************************/
table#AccountEmail_Table {
	height:auto;
	width:75%;
	margin:0 auto;
}

table#AccountEmail_Table td {
	padding:.35em 0;
}

table#AccountEmail_Table td.warning {
	padding:.5em;
	text-align:center;
	vertical-align:middle;
}

table#AccountEmail_Table td.success {
	text-align:center;
	vertical-align:middle;
	padding:55px 0;
}

table#AccountEmail_Table td.success img {
	vertical-align:middle;
	padding-right:5px;
}

table#AccountEmail_Table td.label {
	text-align:left;
	width:14em;
}

table#AccountEmail_Table td span.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";	
	font-size:.85em;
}

table#AccountEmail_Table td.submit {
	padding: 0 7em 0 0;
	text-align:right;
}

form#AccountEmail_form input.text {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	text-indent:2px;
	width:15em;
}

/* Profile Details
*************************************************************/
table#Profile_Table {
	width: 100%;
	height: auto;
	margin:0 auto;
}

table#Profile_Table td {
	padding:.3em;	
	vertical-align: middle;
}

table#Profile_Table td.required {
	text-align:right;
}

table#Profile_Table td.header {
	font-size:1.3em;
	font-weight:bold;
}

div#error {
	text-align:center;
	padding:.8em;
	border:1px solid #FF0000;
	width:70%;
	margin: 0 auto;
}

table#Profile_Table td.label {
	width:120px;
	color:#000;
}

table#Profile_Table td.content {
	width:auto;
}

table#Profile_Table td.label_top {
	vertical-align:top;
}

table#Profile_Table td.button {
	text-align:right;
	padding: 16px 16px 0 0;
}

table#Profile_Table td span.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";	
	font-size: .85em;
	padding-left: .85em;
}

table#Profile_Table td span.footnote_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";	
	font-size: .85em;
}

table#fav_bookType_Table {
	width: 100%;
}

table#fav_bookType_Table td {
	width: 25%;
	height: 20px;
	vertical-align: top;
	padding: 0px 0px 5px 0px;
}

/*table#fav_bookType_Table td.checkbox {
	width: 21px;
	vertical-align:top;
}

table#fav_bookType_Table td.checkbox_label {
	width: auto;
	vertical-align:top;
}*/

form#Profile_Form input.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:15em;
}
form#Profile_Form input.datebox {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:10em;
}

form#Profile_Form input.short_num_box {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:6em;
}

form#Profile_Form input.long_num_box {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
	text-indent:2px;
	width:10em;
}

form#Profile_Form select {
	font-family: Verdana, Arial, Helvetica, sans-serif, "新細明體";
	border:1px solid #BBBBBB;
	font-size:12px;
}

/* Forgot password
*****************************************************************/
table#forgot_Table {
	width:70%;
	margin:90px auto;
	height:auto;
}
form#forgot_pwd input.currentEmail {
	border:1px solid #BBBBBB;
	text-indent:2px;
	width:15em;
}

form#forgot_pwd input.btn {
	vertical-align:middle;
}
