#maskModal { position:absolute;  top:0; left:0; display:none;}

#modalInviteFriend {width:398px; position:absolute; left:0; top:0;text-align:center; font-family:arial; font-size:12px; z-index:1000; display:none; }
	#modalInviteFriend .modalheader {background: url(../images/modal/modalHeader.png) no-repeat 0 0; width:398px; height:27px;}
	#modalInviteFriend .modalbody {background: url(../images/modal/modalBody.png) repeat-y 0 0; width:398px;}
	#modalInviteFriend .modalfooter {background: url(../images/modal/modalFooter.png) no-repeat 0 0; width:398px; height:26px;}


#modalInviteFriend h3.inviteMessage {background: url(../images/modal/inviteMessage.gif) no-repeat 0 0; width:285px; height: 45px; text-indent:-999em;}
#modalInviteFriend h3.inviteMessageThanks {background: url(../images/modal/copy_invitefriend.gif) no-repeat 0 0; width:342px; height: 87px; text-indent:-999em;}
#invitePanel2, #invitePanel1 {text-align:left; width:285px; margin:0 auto; color: #522e91;}
	#inviteForm { margin:0; padding:0;}
	#inviteForm h3 {margin:0; padding:0;}
	#inviteForm .formField {padding:5px; clear:both}
	#inviteForm label {float:left; width:30px; padding:8px 0 5px 0; font-weight:700;}
	#inviteForm span {float:right; padding-top:5px;}
	#inviteForm span b {color:#f00; font-weight:700;}
	#inviteForm span input {width:210px; border:1px solid #333; height:18px;}
	#inviteForm .clear{clear: both}

	 .modalButton {width:100%; text-align:right;}
	 .modalButton img {border:none;}
	 .modalButton a {display:block;}
	
#invitePanel2 {display:block}


/* Change Password */


#modalChangePassword {width:398px; position:absolute; left:0; top:0;text-align:center; font-family:arial; font-size:12px; z-index:1000; display:none; }
	#modalChangePassword .modalheader {background: url(../images/modal/modalHeader.png) no-repeat 0 0; width:398px; height:27px;}
	#modalChangePassword .modalbody {background: url(../images/modal/modalBody.png) repeat-y 0 0; width:398px;}
	#modalChangePassword .modalfooter {background: url(../images/modal/modalFooter.png) no-repeat 0 0; width:398px; height:26px;}


#modalChangePassword h3.inviteMessage {background: url(../images/modal/inviteMessage.gif) no-repeat 0 0; width:285px; height: 45px; text-indent:-999em;}

#changePassword2, #changePassword1 {text-align:left; width:285px; margin:0 auto; color: #522e91;}
	#inviteForm { margin:0; padding:0;}
	#inviteForm h3 {margin:0; padding:0;}
	#inviteForm .formField {padding:5px; clear:both}
	#inviteForm label {float:left; width:30px; padding:8px 0 5px 0; font-weight:700;}
	#inviteForm span {float:right; padding-top:5px;}
	#inviteForm span b {color:#f00; font-weight:700;}
	#inviteForm span input {width:210px; border:1px solid #333; height:18px;}
	#inviteForm .clear{clear: both}

	 .modalButton {width:100%; text-align:right;}
	 .modalButton img {border:none;}
	 .modalButton a {display:block;}
	
#changePassword2 {display:none}


/* meal - menulog */
#modalMeal {width:398px; position:absolute; left:0; top:0;text-align:center; font-family:arial; font-size:12px; z-index:1000; display:none; }
	#modalMeal .modalheader {background: url(../images/modal/modalHeader.png) no-repeat 0 0; width:398px; height:27px;}
	#modalMeal .modalbody {background: url(../images/modal/modalBody.png) repeat-y 0 0; width:398px;}
	#modalMeal .modalfooter {background: url(../images/modal/modalFooter.png) no-repeat 0 0; width:398px; height:26px;}


#modalMeal h3.hdrMenuLog {background: url(../images/hands/hdr_MenuLog.gif) no-repeat 0 0; width:285px; height: 30px; text-indent:-999em; margin:0; padding:0;}

#mealPanel {text-align:left; width:285px; margin:0 auto; color: #522e91;}
#mealPanel input {border:1px solid #535353; height:18px;}
#mealPanel label {width:60px;display:block; float:left;}
#mealPanel .formRow {height:30px;}
#mealPanel input.pad {margin-left:10px;}
#mealPanel .modalButton {width:100%;}
#mealPanel .modalButton img {border:none;}
#mealPanel .modalButton a {display:block; width:101px;}
#mealPanel .modalButton a#modalMealGo {float:right;}
#mealPanel .modalButton a#closeModalMeal {float:left;}
#mealPanel .formField {margin:0 auto; width:250px;}





/* meal - menulog */
#modalNewWish {width:398px; position:absolute; left:0; top:0;text-align:center; font-family:arial; font-size:12px; z-index:1000; display:none; }
	#modalNewWish .modalheader {background: url(../images/modal/modalHeader.png) no-repeat 0 0; width:398px; height:27px;}
	#modalNewWish .modalbody {background: url(../images/modal/modalBody.png) repeat-y 0 0; width:398px;}
	#modalNewWish .modalfooter {background: url(../images/modal/modalFooter.png) no-repeat 0 0; width:398px; height:26px;}


#modalNewWish h3.hdrNewWish {background: url(../images/hands/hdrNewWish.gif) no-repeat 0 0; width:285px; height: 30px; text-indent:-999em; margin:0; padding:0;}

#wishPanel {text-align:left; width:285px; margin:0 auto; color: #522e91;}
#wishPanel input {border:1px solid #535353; height:18px;}
#wishPanel label {width:60px;display:block; float:left;}
#wishPanel .formRow {height:30px;}
#wishPanel input.pad {margin-left:10px;}
#wishPanel .modalButton {width:100%;}
#wishPanel .modalButton img {border:none;}
#wishPanel .modalButton a {display:block; width:101px;}
#wishPanel .modalButton a#modalAddWish {float:right;}
#wishPanel .modalButton a#closeNewWish {float:left;}
#wishPanel .formField {margin:0 auto; width:250px;}