/*=======================================================================================

	SOLES4SOULS FUNDRAISING | www.soles4soulsfundraising.org	
	Site design by The A Group (www.agroup.com)	

-----------------------------------------------------------------------------------------

	PROFILE HEADER
=======================================================================================*/

#profile_header {
	margin-top:15px;
	width:900px;
	float:left;
}

#profile_header a {
	color:#fff;
}

#profile_header div.user {
	width: 430px;
	float: left;
	margin-top: -20px;
	overflow: hidden;
}

#profile_header h1 {
	width: 330px;
	line-height:28px;
	padding:0;
	color:#fff;
	font-size:22px;
	float:left;
}

span.url {
	height:15px;
	float:right;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
	z-index:1000;
}

#logged_in_bar {
	width:100%;
	height:30px;
	background-color:#cbe6e6;
	border-bottom:1px solid #dcefef;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

#logged_in_container {
	width:900px;
	height:30px;
	margin:0 auto;
	font-size:12px;
	line-height:30px;
}

#logged_in_container h4 {
	display:inline;
}

#logged_in_container h4 a {
	display:block;
	width:62px;
	height:24px;
	background: url("../images/main/log_out_btn.png") no-repeat center top;
	cursor:pointer;
	text-indent:-4000px;
	margin-top:3px;	
	margin-left:8px;
	float:right;
}

#logged_out_bar {
	width:100%;
	height:31px;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}

#logged_out_container {
	width:900px;
	height:30px;
	margin:0 auto;
	font-size:12px;
	line-height:30px;
	text-align:right;
}

#logged_out_container form ul {
	float:right;
}

#logged_out_container form li {
	display:inline;
	margin-right:5px;
	float:left;
}

#logged_out_container form li.btn {
	margin-right:0;
}

#logged_out_container form input {
	background-color:#dcefef;
	border: none;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #429394;
	width: 100px;
	padding: 3px 2px;
	margin-right:5px;
}

#logged_out_container form button {
	width:62px;
	height:24px;
	background: url("../images/home/bg-btn-login.png") no-repeat center top;
	border:0;
	cursor:pointer;
	text-indent:-4000px;
	margin-top:3px;	
	float:left;
}

p.err_msg {
	float:right;
	clear:both;
	color:#FF3333;
}

#profile_header ul {
	float:right;
	clear:right;
	margin-top:52px;
}

#profile_header ul li{
	display:inline;
	width:149px;
	height:41px;
	margin-left:5px;
	float:left;
}

#profile_header ul li a {
	display:block;
	width:149px;
	height:41px;
	text-indent: -4000px;
}

#profile_header ul li.story_button a {
	width:188px;
}

#profile_header ul li.e-cards {
	background:url("../images/main/e-cards_btn.png") no-repeat center top;
}

#profile_header ul li.edit_profile {
	background:url("../images/profile/edit_profile.png") no-repeat center top;
}

#profile_header ul li.view_profile {
	background:url("../images/profile/view_profile.png") no-repeat center top;
}

#profile_header ul li.create_profile {
	background:url("../images/profile/create_profile.png") no-repeat center top;
}

#profile_header ul li.story_button {
	background:url("../images/profile/share_story_btn.png") no-repeat center top;
	width:188px;
}

#profile_header ul li.read_story_button {
	background:url("../images/profile/read_story_btn.png") no-repeat center top;
}

#profile_header ul li.upload_video {
	background:url("../images/profile/upload_video.png") no-repeat center top;
}

#profile_header p.parent_link {
	margin-top:5px;
	float:left;
	width:500px;
	color:#fff;
}

#profile_header p.parent_link a {
	color:#fff;
	font-weight:bold;
}

#header_img_container {
	width:80px;
	height:80px;
	margin-right:10px;
	float:left;
}

#header_img {
	width:70px;
	height:70px;
	background-color:#fff;
	overflow:hidden;
	float:left;
}

.header_img_frame_h {
	width:80px;
	height:5px;
	float:left;
}

.header_img_frame_v {
	width:5px;
	height:70px;
	background-color:#fff;
	float:left;
}

/* PROFILE MAIN CONTENT
=======================================================================================*/

#left_col {
	width:590px;
	float:left;
	margin-top:20px;
}

#left_col_header {
	width:575px;
	height:36px;
	padding-left:15px;
	line-height:36px;
	color:#399293;
	font-size:17px;
	font-weight:bold;
	background:url("../images/profile/left_top_bg.png") no-repeat center top;
	float:left;
}

#left_col_main {
	width:560px;
	height:258px;
	background-color:#dcefef;
	padding:15px 15px 0 15px;
	color:#399293;
	float:left;
}

#profile_img {
	width:275px;
	height:195px;
	border:3px solid #fff;
	background-color:#fff;
	margin-right:15px;
	float:left;
	overflow:hidden;
}

#left_col_donate_top {
	width:264px;
	height:10px;
	font-size:6px;
	line-height:6px;
	background:url("../images/profile/left_top_bg_white.png") no-repeat center top;
	float:right;
}

#left_col_donate_main {
	width:244px;
	height:181px;
	background-color:#fff;
	padding:0 10px;
	text-align:center;
	float:right;
}

#left_col_donate_main h3 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:18px;
	margin:5px 0 15px 0;
}

#left_col_donate_main ul {
	width:240px;
	margin:0 auto;
}

#left_col_donate_main ul li{
	display:inline;
}

#left_col_donate_main ul li a {
	display:block;
	float:left;
	width:72px;
	height:44px;
	background:url("../images/profile/donate_button_bg.png") no-repeat center top;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	margin:0 3px 0 0;
	padding:13px 3px;
}

#left_col_donate_main ul li a.another_amount {
	font-size:14px;
	margin:0;
}


#donate_message {
	width:244px;
	font-size:11px;
	line-height:14px;
	margin-top:20px;
	text-align:center;
	float:left;
}

#left_col_donate_bot {
	width:264px;
	height:10px;
	background:url("../images/profile/left_bot_bg_white.png") no-repeat center top;
	float:right;
}

#share {
	width:123px;
	float:left;
}

#share ul {
	float:left;
	margin-top:15px;
}

#share ul li {
	display:inline;
	float:left;
	width:123px;
	height:41px;
}

#share ul li a {
	display:block;
	width:123px;
	height:41px;
	text-indent:-4000px;
	float:left;
	background:url("../images/profile/share_profile_btn.png") no-repeat center top;
}

#social_media {
	width:415px;
	float:right;
}

#social_media ul {
	float:right;
	margin-top:15px;
}

#social_media ul li {
	display:inline;
	float:left;
	margin-left:5px;
	width:41px;
	height:41px;
}

#social_media ul li.facebook {
	background:url("../images/profile/facebook.png") no-repeat center top;
}

#social_media ul li.twitter {
	background:url("../images/profile/twitter.png") no-repeat center top;
}

#social_media ul li.youtube {
	background:url("../images/profile/youtube.png") no-repeat center top;
}

#social_media ul li.wordpress {
	background:url("../images/profile/wordpress.png") no-repeat center top;
}

#social_media ul li.blogger {
	background:url("../images/profile/blogger.png") no-repeat center top;
}

#social_media ul li.flickr {
	background:url("../images/profile/flickr.png") no-repeat center top;
}

#social_media ul li.linkedin {
	background:url("../images/profile/linkedin.png") no-repeat center top;
}

#social_media ul li.myspace {
	background:url("../images/profile/myspace.png") no-repeat center top;
}

#social_media ul li.vimeo {
	background:url("../images/profile/vimeo.png") no-repeat center top;
}

#social_media ul li a {
	display:block;
	width:41px;
	height:41px;
	text-indent:-4000px;
	float:left;
}

#left_col_bot {
	width:590px;
	height:15px;
	background:url("../images/profile/left_bot_bg.png") no-repeat center bottom;
	float:left;
}		

#right_col {
	width:300px;
	float:right;
	margin-top:20px;
	color:#399293;
}

#right_col h3 {
	font-size:24px;
	font-weight:bold;
}

.right_col_label {
	font-size:11px;
	text-transform:uppercase;
	color:#81b9b9;
}

#right_col_header {
	width:285px;
	height:36px;
	padding-left:15px;
	line-height:36px;
	color:#399293;
	font-size:17px;
	font-weight:bold;
	background:url("../images/profile/right_top_bg.png") no-repeat center top;
	float:right;
}

#right_col_percentage {
	width:270px;
	height:57px;
	padding:15px 15px 0 15px;
	background-color:#dcefef;
	text-align:center;
	float:right;
}

#right_col_percentage table {
	width:270px;
}

#right_col_percentage td.progress_bar {
	height:26px;
	background-color:#fff;
}

span.percent{
	background-color:#fda522;
	display:block;
	float:left;
	height:26px;
	line-height:26px;
	color:#fff;
	font-size:11px;
}

#right_col_percentage td.percents {
	width:27px;
	padding:2px 0;
	color:#399293;
	font-size:11px;
	text-align:left;
}

#right_col_dollar_goals {
	width:300px;
	height:72px;
	background-color:#cbe6e6;
	text-align:center;
	float:right;
}

#campaign_goal {
	width:149px;
	height:54px;
	padding-top:18px;
	border-right:1px solid #dcefef;
	text-align:center;
	float:left;
}

#raised_so_far {
	width:150px;
	height:54px;
	padding-top:18px;
	text-align:center;
	float:left;
}

#right_col_number_donations {
	width:300px;
	height:72px;
	background-color:#dcefef;
	text-align:center;
	float:right;
}

#number_served {
	width:149px;
	height:54px;
	padding-top:18px;
	border-right:1px solid #cbe6e6;
	text-align:center;
	float:left;
}

#donations_count {
	width:150px;
	height:54px;
	padding-top:18px;
	text-align:center;
	float:left;
}

#right_col_days_left {
	width:300px;
	height:54px;
	padding-top:18px;
	text-align:center;
	background:url("../images/profile/right_bot_bg.png") no-repeat center top;
	float:right;
}	

.full_col {
	width:900px;
	float:left;
	margin-top:20px;
}

.full_col_top {
	width:900px;
	height:10px;
	font-size:6px;
	line-height:6px;
	background:url("../images/profile/top_bg.png") no-repeat center top;
	float:left;
}
	
.full_col_header {
	width:885px;
	height:32px;
	padding-left:15px;
	line-height:32px;
	color:#399293;
	font-size:17px;
	font-weight:bold;
	background-color:#dcefef;
	float:left;
}

.full_col_header button {
	float:right;
	width:65px;
	height:13px;
	background:url("../images/profile/open.png") no-repeat center right;
	border:0;
	cursor:pointer;
	margin:10px 15px;
	text-indent:-4000px;
	outline: none !important;
}

.full_col_main {
	width:860px;
	background-color:#dcefef;
	padding:10px 20px;
	color:#399293;
	float:left;
}

.full_col_white_top {
	width:860px;
	height:10px;
	font-size:6px;
	line-height:6px;
	background:url("../images/profile/top_bg_white.png") no-repeat center top;
	float:left;
}

.full_col_white_main {
	width:830px;
	padding:5px 15px;
	background-color:#fff;
	float:left;
}

.full_col_white_bot {
	width:860px;
	height:10px;
	background:url("../images/profile/bot_bg_white.png") no-repeat center top;
	float:left;
}

.full_col_bot {
	width:900px;
	height:10px;
	font-size:6px;
	line-height:6px;
	background:url("../images/profile/bot_bg.png") no-repeat center bottom;
	float:left;
}	

#what_blurb {
	width:290px;
	margin-right:20px;
	float:left;
}

#what_photos {
	width:520px;
	height:348px;
	float:left;
}

#wayne {
	width:150px;
	height:214px;
	background:url("../images/main/Wayne-Elsey.jpg") no-repeat center top;
	font-size:11px;
	line-height:17px;
	text-align:center;
	float:left;
	margin:0 15px 5px 0;
}

#wayne p {
	padding-top:133px;
}

#story_copy {
}

#story_video {
	width:420px;
	height:320px;
	margin:0 0 10px 15px;
	float:right;
}

#members_table, #recent_donations table {
	width:100%;
	text-align:left;
}


#members_table th, #recent_donations table th {
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	border-bottom:2px solid #dcefef;
	padding:0 10px 2px 0;
}

#members_table td, #recent_donations table td {
	font-size:12px;
	padding:0 10px 10px 0;
}

/* PROFILE FORMS
=======================================================================================*/

.profile_form {
	padding-top:20px;
}

.profile_form form ul {
	float:left;
}

#no_results {
	width:830px;
	text-align:center;
	float:left;
}
.profile_form form li {
	margin-bottom:15px;
	float:left;
}

.profile_form form label {
	width:356px;
	text-align:right;
	margin:0 10px 0 0;
	padding-top:4px;
	font-weight:bold;
	float:left;
}

.profile_form form input {
	float:left;
	background: url("../images/home/bg-login-input.png") no-repeat top left;
	border: none;
	font-size: 13px;
	font-family: arial, sans-serif;
	color: #429394;
	width: 200px;
	padding: 7px 6px;
}

.profile_form form input.checkbox {
	width:auto;
	background:none;
	float:right;
}

.profile_form form select {
	width:200px;
	margin-top:7px;
	float:left;
}

.profile_form form textarea {
	width:250px;
	height:150px;
	background-color:#dcefef;
	font: 13px/1.6em arial, sans-serif;
	color:#399293;
	border:0;
	float:left;
}
	
.profile_form form ul li.radio_buttons {
	clear:left;
	margin:4px 0;
}

.profile_form form input.radio {
	width:auto;
	background:none;
	border:none;
	text-align:left;
	padding:0;
	margin-left:0;
}

.profile_form h3 {
	font-size:17px;
	margin:15px 0 10px 0;
	border-top:3px solid #dcefef;
	padding-top:10px;
	float:left;
	width:830px;
}

.participants h3 {
	font-size:13px;
	margin:10px 0;
	border-top:none;
	padding-top:0;
	float:none;
	width:auto;
}

.participants p {
	margin:10px 0;
}

.participants ol, .participants ul {
	list-style-type: decimal;
	list-style-position:inside;
	float:left;
	margin-bottom:10px;
	width:830px;
}

.participants ol li, .participants ul li {
	margin-bottom:5px;
}

.participants ul {
	list-style-type:disc;
}

.participants ul li { 
	float:none;
}

#ssheet label {
	padding-top:2px;
}

.profile_form span.text {
	font-size:15px;
	padding-top:4px;
	float:left;
}

.profile_form .ffup2 {
	margin:5px 0 0 3px;
}

.profile_form form div.profile_img {
	width:285px; !important
	height:205px; !important
	background-color:#fff;
	float:left;
	overflow:hidden;
}

#thumbs_container {
	width:460px;
	float:right;
}

.profile_form form div.profile_img_thumbs {
	width:225px;
	height:165px;
	background-color:#fff;
	float:left;
	overflow:hidden;
	margin:0 5px 10px 0;
}

.profile_form form span.actions {
	float:left;
	behavior:url("../taglib/css/iepngfix.htc");
}

.profile_form form span.actions a {
	text-decoration:none;
}

.profile_form form span.actions img {
	margin:0 5px 0 0;
	behavior:url("../taglib/css/iepngfix.htc");
}

/*
.profile_form form span.radio_label {
	float:left;
	width:380px;
	margin-left:5px;
}*/

.profile_form form ul ul#program_type {
	width: 380px;
} 

.profile_form form ul ul#program_type li {
	float: none;
	margin-bottom: .75em; 	
}

.profile_form form ul ul li.radio_buttons label {
	float: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
	font-weight: normal;
}

.profile_form form ul ul li.radio_buttons label input {
	margin-bottom: 1.5em;
}

.profile_form form ul ul li.radio_buttons label span input {
	vertical-align: middle;
	margin-bottom: 0;
	padding: 3px 2px;
}

.profile_form #uploader {
	float:left;
}

.profile_form form textarea {
	width: 356px;
	height:200px;
	float:left;
}

.profile_form form button.btn {
	float:left;
	width:81px;
	height:24px;
	background:url("../images/profile/btn_add_image.png") no-repeat center top;
	border:0;
	cursor:pointer;
	margin:0;
	text-indent:-4000px;
	outline: none; !important
}

.profile_form form button {
	float:left;
	width:62px;
	height:24px;
	background:url("../images/profile/btn_submit.png") no-repeat center top;
	border:0;
	cursor:pointer;
	text-indent:-4000px;
	outline: none; !important
}

div.copy .profile_form form button {
	margin-top:15px;
}

#player {
	width: 420px;
	float: right;
	margin: 0 0 10px 15px;
}

#slideshow {
	float: right;
	width: 420px;
	height: 320px;
	margin: 0 0 10px 15px;
}

#donations_button {
	background:url("../images/profile/close.png") no-repeat center right;
}

#user_story_button {
	background:url("../images/profile/close.png") no-repeat center right;
}

#members_button {
	background:url("../images/profile/close.png") no-repeat center right;
}

td.actions{
	white-space:nowrap;
	padding:0;
	font-size:10px;
}

td.actions img{
	vertical-align:middle;
	margin:1px 3px 1px 4px;
	border:none;
}

td.actions a{
	text-decoration:none;
	margin-right:6px;
}

td.actions span{
	text-decoration:underline;
}

#add_user_ul {
	margin:0;
}

#add_user_button {
	margin-top:2px;
	width:70px;
	background:url("../images/profile/add_user_btn.png") no-repeat center top;
}

#add_user_form button.join_group_button {
	margin-top:2px;
	width:84px;
	background:url("../images/profile/btn_join_group.png") no-repeat center top;
}

#add_user_ul label {
	width:auto;
}

#add_user_ul input {
	margin-right:10px;
}

#card_code {
	margin-right:300px;
}	
