/* STYLES ANYWHERE */
.memberImage 		{border:1px solid #CCC; }
.memberName 		{font-size:16px; line-height:18px; font-weight:bold; text-decoration:none;}
.memberOccupation 	{font-size:14px; line-height:18px; text-decoration:none;}
.memberBio 			{font-size:12px; line-height:18px;}
.buttonRow 			{width:100%; float:left; text-align:right; margin-bottom:20px; display:inline-block;}


/* MEMBER LIST */
#memberList {width:100%; display:inline-table;}
#memberList .memberRow 				{padding:4px 0px 4px 0px; border-bottom: 1px solid #CCC; width:100%; display:inline-table;}
#memberList .memberImageColumn 		{float:left; width:105px; padding-right:5px; background-color:#FFF; display: inline-table;}
#memberList .memberDetailsColumn	{float:left; width:425px; padding-right:5px; background-color:#FFF; display: inline-table;}


/* PROFILE DISPLAY - THIS IS THE PUBLIC PROFILE */
#memberProfile 		{width:540px; padding:0px 5px 0px 5px;display:inline-table;}
.profileLeftCol 	{float:left; width:205px; padding-right:5px; display:inline-table; }
.profileRightCol 	{float:left; width:325px; padding-right:5px; display:inline-table; }
.memberProfileName 	{font-size:24px; line-height;12px; font-color:#000; font-weight:bold; width:100%; border-bottom:2px solid #F00;  }
.memberProfileRow 	{width:100%; font-size:11px; padding:2px 0 2px 0;display: inline-table; }
.memberProfileLabel {font-weight:bold; float:left; width:80px;}
.memberProfileValue {float:left; width:245px;}
	

/* PROFILE PREVIEW STYLES - THIS IS THE EDIT PROFILE */

.profileTabHeading	{width:100%; float:left; font-size:18px; font-weight:bold; border-bottom: 2px solid #999; padding:5px;}
.profileSubHeading	{width:100% float:left; font-size:14px; font-weight:bold; border-bottom: 2px solid #CCC; margin:10px 5px 5px 5px;}


/* PREVIEW PANEL */
#memberPreviewContainer 	{width:100%; float:left; padding:10px 0 10px 0;}
.memberPreviewLeftCol		{width:205px; float:left; display: inline-table; padding-right:10px;}
.memberPreviewRightCol		{width:440px; float:left; display: inline-table; padding-right:0px; }

.memberPreviewRow			{padding:2px 0px 2px 0px; width:100%; display:inline-block; font-size:14px; font-weight:bold;}

.memberPreviewRow .label	{width:75px; float:left; font-size:12px;}
.memberPreviewRow .value	{width:300px; float:left; font-size:12px;  font-weight:normal;}
.memberPreviewRow .message	{float:left;font-size:10px; font-weight:normal;}	

/* EDIT DETAILS PANEL */
.memberEditContainer 	{width:100%; float:left; padding-bottom:20px;}

.memberEditRow			{padding:2px 0px 2px 0px; margin: 0px 10px 0 10px; width:100%;  display:inline-block; font-size:14px; font-weight:bold; min-height:30px;}

.memberEditRow .label	{width:150px; float:left; font-size:12px;}
.memberEditRow .value	{width:325px; float:left; font-size:12px;  font-weight:normal;}
.memberEditRow .deletionValue {width:500px; float:left; font-size:12px;  font-weight:normal; }
.memberEditRow .message	{float:left; font-size:10px; font-weight:normal;}

.memberEditTextBox 		{width:300px; height:25px; border:1px solid #CCC; padding:2px; margin:4px;}
.memberEditTextArea 	{width:300px; height:300px; border:1px solid #CCC; padding:2px; margin:4px;}
.memberEditSelect 		{width:300px; height:25px; border:1px solid #CCC; margin:4px;}
.memberDob				{width:80px; height:25px; border:1px solid #CCC; margin:4px;}

/* EDIT PHOTO PANEL */
#memberPhotoContainer 	{width:100%; float:left; padding:10px 0 10px 0;}
.memberPhotoLeftCol		{width:205px; float:left; display: inline-table; padding-right:10px;}
.memberPhotoRightCol	{width:440px; float:left; display: inline-table; padding-right:0px; }

.memberPhotoRow			{padding:2px 5px 2px 5px; margin:0 5px 0 5px; border-bottom: 1px solid #CCC; width:100%; display:inline-block; font-size:14px; font-weight:bold;}

.memberPhotoRow .label		{width:150px; float:left; font-size:12px;}
.memberPhotoRow .value		{width:400px; float:left; font-size:12px;  font-weight:normal;}
.memberPhotoRow .message	{float:left; font-size:10px; font-weight:normal;}