@charset "utf-8";

#leftColumn {
	margin-left: 22px;
	margin-bottom:15px;
	width:210px;
	float:left;
}

#middleColumn {
	margin-left: 21px;
	margin-bottom:15px;
	width:430px;
	float:left;
}

#rightColumn {
	margin-left: 21px;
	margin-bottom:15px;
	width:210px;
	float:left;
}


/*All title headers on profile page*/
#memberProfileHeader {
   font-size:18.5px;
   font-family: arial, helvetica, sans-serif;
   color:#222222;
   margin-bottom: 15px;
}

#memberInformation{
	width:180px; /* 210 - 15 - 15  */
	padding: 15px 15px 15px 15px;
}

#memberInformationInside{
	padding:5px 5px 5px 5px;
}

/* Css for Member Detail Section with a header of my info */
 table #mydetails {
 width:100%;
}

td .mydetailType{
	font-weight:bold;
}

td .mydetailEdit {
	text-align:left;
	padding-left:50px;
}

td .mydetailType, td .mydetail {
	padding-top:5px;
	padding-bottom:5px;

}
/* End Member Detail Section*/

/* Css for Member Friends Section with a header of my friends */
#memberFriends {
	float:left;
	width:180px; /* 210-25-20 padding */
	padding: 15px 15px 15px 15px;
}

#memberFriendsInside{
	float:left;
	width:auto; /* 210-25-20 padding */
	padding:0;
}

.myFriend {
	text-align: center;
        float:left;
        width:75px;
        margin-left:6px;
        margin-right:6px;
}

.myFriendName {
        font-size: 10px;
        display:block;
        width:75px;
        text-align:center;
        margin-top:0px;
        margin-bottom:10px;
}

/* End Member Friends Section*/

#memberGroups {
	width:165px; /* 210-25-20  padding */
	padding: 15px 15px 15px 15px;
}

#memberGroupsInside{
	width:auto; /* 200-20-20 padding */
}

#memberVideo{
	width:390px; /* 430 - 20- 20 padding */
	padding: 20px 20px 20px 20px;
}

#memberVideoInside{
	width:auto; /* 410-padding */
}

#memberDetails{
	width:390px; /* 430 - 20- 20 padding */
	padding: 20px 20px 20px 20px;
}

#memberDetailsInside{
	width:auto; /* 410-padding */
	padding:5px 5px 5px 5px;
}

#memberComments{
	width:385px; /* 430- 25-20 padding */
	padding: 15px 20px 20px 25px;
	margin-top:20px;
}

#memberCommentsInside{
	width:auto; /* 410-padding */
}

#memberStories{
	/*width:385px; /* 430- 25-20 padding */
	/*padding: 15px 20px 20px 25px;*/
	width:180px; /* 210 - 15 - 15  */
	padding: 15px 15px 15px 15px;
	margin-top:20px;
}

#memberStoriesInside{
	width:auto; /* 410-padding */
}

#memberTwoCents{
	width:180px; /* 225-25-20  padding */
	padding: 15px 20px 20px 20px;
}

#memberTwoCentsInside{
	width:auto; /* 210-25-20 padding */
}

#memberTools{
	padding:15px;
	width:215px; /* 377 - 30 */
	height:38px; /* 68 - 30 */
	background-color:#ffffff;
	border:#a9c0cb 1px solid;
}

#memberTools a{
	display:block;
	margin-bottom:7px;
	font-weight:bold;
}

.memberToolBox{
	width:130px;
	background-color:#fffbd9;
	border:1px solid #fdf1ad;
	padding:17px 20px;
	line-height: 22px;
}

.twoCentsHeader{
	font-weight:bold;
	margin-bottom:3px;
	color:#000000;
}
.twoCentsContent{
	margin-bottom:20px;
	overflow:hidden;
	width:100%;
}
.twoCentsTextArea{
	width:100%;
	height:70px;
	margin-bottom:10px;
}

.editTextArea,
.editTextInput{
	background-color:#fffbd9;
}
.editTextInput{
	width: 180px;
}
.videoBlubTextArea{

}
.videoCodeTextArea{

}
td.dropdown {
	text-align:left;
}
td.dropdown select{
	background-color:#fffbd9;
	width:180px;
}


.colorPicker img
{
	position:relative;
	vertical-align:text-bottom;
	top:-1px;
	cursor:pointer;
}



/* blue color */

#profileModuleTop{
	width:950px;
	height:20px;
	background-position:bottom;
	background-repeat:no-repeat;

}

#profileModuleBottom{
	width:950px;
	height:6px !important;
}

#profileModuleMiddle{
	width:950px;
}
.profileModuleTop1
{
	background-image:url(../../imgs/members/profile/bg_top_blue.gif);

}
.profileModuleMiddle1
{
	background-color:#e1eefa;
}
.profileModuleBottom1
{
	background-image:url(../../imgs/members/profile/bg_bottom_blue.gif);

}
.box1
{
	background-color:#fcfdfe;


}
/* green color */
.profileModuleTop2
{
	background-image:url(../../imgs/members/profile/bg_top_green.gif);
}
.profileModuleMiddle2
{
	background-color:#cbdda3;
}
.profileModuleBottom2
{
	background-image:url(../../imgs/members/profile/bg_bottom_green.gif);
}
.box2
{
	background-color:#fcfdfa;

}
/*  pink color */
.profileModuleTop3
{
	background-image:url(../../imgs/members/profile/bg_top_pink.gif);
}
.profileModuleMiddle3
{
	background-color:#ffd7f8;
}
.profileModuleBottom3
{
	background-image:url(../../imgs/members/profile/bg_bottom_pink.gif);
}
.box3
{
	background-color:#fffdff;

}

/* peach/yellow color */
.profileModuleTop4
{
	background-image:url(../../imgs/members/profile/bg_top_yellow.gif);
}
.profileModuleMiddle4
{
	background-color:#feffca;
}
.profileModuleBottom4
{
	background-image:url(../../imgs/members/profile/bg_bottom_yellow.gif);
}
.box4
{
	background-color:#fafbf9;

}

/* orange color */
.profileModuleTop5
{
	background-image:url(../../imgs/members/profile/bg_top_orange.gif);
}
.profileModuleMiddle5
{
	background-color:#ffb566;
}
.profileModuleBottom5
{
	background-image:url(../../imgs/members/profile/bg_bottom_orange.gif);
}
.box5
{
	background-color:#faf7f4;

}

/* paleblue/grey color */
.profileModuleTop6
{
	background-image:url(../../imgs/members/profile/bg_top_gray.gif);
}
.profileModuleMiddle6
{
	background-color:#e8e8e8;
}
.profileModuleBottom6
{
	background-image:url(../../imgs/members/profile/bg_bottom_gray.gif);
}
.box6
{
	background-color:#f9fafb;

}

h1 span.line2 {
	font-size: 5px;
}

