/* ---------------- User Profile ---------------- */

#profile_wrapper_left {
	width: 680px;
	background: #007399;
	padding: 5px 7px 5px 5px;
	float: left;
	margin: 5px 5px 25px 5px;
}

#profile_wrapper_left li {
	list-style-type: none;
	line-height: 24px;
}

#profile_wrapper_left ul {
	line-height: 21px;
}


#profile_leftcol {
	float: left;
	background-color: #e5f9ff;
	border: 3px solid #ffffff;
	width: 646px;
	padding: 15px;
}

#littledude {
	width:		90px; 
	float:		left;
	clear:		both;
	text-align: center;
	height:		165px;
	max-height:	165px;
	overflow:	hidden;
	margin-right:	10px;
}

#littledude img {
	width:		auto;
	max-width:	100px;
	max-height: 70px;
}

#profileinfo {
	width: 340px;
	float: left;
	margin-bottom: 30px;
}

#profilerightcolumn {
	width: 200px;
	float: right;
	margin-bottom: 30px;

}

#profile_wrapper_right {
	width: 150px; /*This should be 10px more than the #profile_rightcol width */
	background: #007399;
	padding: 5px 5px 5px 5px;
	float: right;
	margin-left: auto;
	margin-right: auto;

}

#profile_rightcol {
	display: block;
	width: 140px;
	padding: 5px;
	float: right;
	background: #ffffff;
	
}




#change-pass-form fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

#reset-email-form fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

#reset-pass-form fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}



#pointsbox {
	display: block;
	background: #ffffff;
	width: 100px;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	text-align: center;
	}

#pointdisplay {
	 font: 250% 'lucida grande', tahoma, verdana, arial, sans-serif;
	 color: #cb2417;
}

.user_info_left_span {
	clear:left;
	float: left;
	display: block;
	width: 150px;
	min-height: 10px;
	text-align: right;
	font-size: 90%;
	color: #505559;
}

.user_info_right_span {
	margin-left: 30px;
	float: left;
	text-align: left;
}



#join_add_wrap {
	width: 680px;
	}

#join_leftcol {
	width: 300px;
	float: left;
	}

#join_rightcol {
	width: 300px;
	float: left;
	}


/* ------------------ CSS for Lists within Gliders on Profile Page Only --------------- */

.profile_list_content {
	height: 55px;
	width: 570px;
	border: 1px solid #33CCFF;
	background: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	font: 75% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #000000;
	overflow: hidden;

}


.profile_list_content:hover {
	border: 1px solid #007399;
	background-color: #F0FBFF;
}

.profile_list_content h4 {
	font: 90% 'lucida grande', tahoma, verdana, arial, sans-serif;
	color: #cb2417;
	text-transform: uppercase;
	margin: 0px;
}

.profile_list_content_thumbnail {
	float: left; 
	width: 55px;
	height: 45px;
	margin-right: 20px;
	text-align: center;
}

.profile_list_content_thumbnail img {
	width: auto;
	height: auto;
	max-width: 50px;
	max-height: 45px;

}

/* ------------ Glider Control for Profile------------ */
.profilecontrols {
	width: 635px;
	height: 24px;
	background: #4ab4d8 url(/oldlutheran/images/bgOFF.gif) repeat-x;
	color: #ffffff;
	border-bottom:4px solid #007399;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
}

.profilecontrols a {
	height: 24px;
	float: left;
	display: block;
	padding:4px 20px 0px 20px;
	color:#f2f2f2;
	text-decoration: none;

}

.profilecontrols a:link {color: #ffffff; height: 24px;}
.profilecontrols a:visited {color: #ffffff; height: 24px;}
.profilecontrols a:active {color: #ffffff; height: 24px;}
.profilecontrols a:hover {
	background:transparent url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #ffffff;
	height: 24px;
	}

div#my-glider div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 633px; 
	height: auto;
	overflow: hidden;
	border:1px solid #007399;
	background:#99e6ff url(/oldlutheran/images/blue_stripe.png) repeat; 
	margin-bottom: 20px;

	}


div#my-glider div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:633px;
		height:auto;
		overflow:hidden;
		float:left;
		padding:1em;		
		}

div#my-glider div.scroller div.content {
		width: 10000px;
		}

div#section1a, div#section2a, div#section3a,  {
		color:#000;
		}


.active {
	background: #007399 url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #ffffff;
	height: 24px;
	}

/* ----------- CSS for vertical glider on Profile page only ---------- */

.results_controls_profile {
	width: 581px;
	height: 24px;
	background: #4ab4d8 url(/oldlutheran/images/bgOFF.gif) repeat-x;
	color: #ffffff;
	padding: 0;
	border-bottom:4px solid #007399;
	display:block;
	text-transform:uppercase;
	font-size:12px;
	font-weight: bold;
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin-top: 20px;

}

.results_controls_profile a {
	height: 24px;
	float: left;
	display: block;
	padding:4px 15px 0px 15px;
	color:#f2f2f2;
	text-decoration: none;

}

.results_controls_profile a:link {color: #ffffff; height: 24px;}
.results_controls_profile a:visited {color: #ffffff; height: 24px;}
.results_controls_profile a:hover {
	background:transparent url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
	color: #ffffff;
	height: 24px;
	}
.results_controls_profile a:active {color: #ffffff; height: 24px;}

div#my-glider-vertical-profile div.scrollerv { 
        /* modify width and height of scrolling section if necessary    */              
        width: 590px; 
        height: 375px;
        overflow: hidden;
        }

div#my-glider-vertical-profile div.scrollerv div.sectionv {
                /* modify width and height of each section as needed (should match the size of the scroller window)     */              
                width:590px;
                height:375px;
                overflow:hidden;
                /*float:left;*/
                }
div#my-glider-vertical-profile div.scrollerv div.content4 {
                width: 10000px;
                }
        div#my-glider-vertical-profile div#sectionv {
                background:#666666;
                color:#ffffff;
                }

.activev_profile {
        background: #007399 url(/oldlutheran/images/bgHOVER.gif) no-repeat top right;
        color: #fff;
        height: 24px;
        }            

.unapprovedmsg {
	background-color: #E6FF99;
}
	
.unapprovedmsg:hover {
	background-color: #CCFF33
}

.rejectedmsg {
	background-color: #FFB3C6;
}
	
.rejectedmsg:hover {
	background-color: #FF668C
}