#edit_picture {padding:20px; }
#edit_picture #left { width:210px; float:left; padding-right:20px; margin:0px;}
#edit_picture #right {width:300px; float:left; margin:0px;}

div#vouch { border: 1px solid #ccc; margin:7px 0px 0px 0px; clear:both; float:left; background-color:#fff; padding:0px; width: 618px;}
div#vouch h2 { clear:both; float:left; margin:0px; height:auto;padding:2px 0 0; font-size:25px; font-weight:normal; color:#333; }
div#vouch h3 { clear:both; float:left; margin:0px; height:auto;padding:2px 0 0; font-size:15px; font-weight:normal; color:#999; }
div#vouch span {padding:7px; margin:0px; float:left;}
div#vouch img { float: left; }
.profilepic {float:right; padding-right:8px;clear:both; margin-bottom: 0; padding-bottom: 0;}
#profileblank {height:1px; overflow:hidden; clear:both;}
#image_header {height:60px;margin:0px;clear:both;}

#profile { padding: 0px 0px 0px 20px; font: 12px "trebuchet ms", Geneva, Arial, Helvetica, sans-serif; text-align:left; float:left; width:650px;}
#profile #leftpane {width:210px; float:left;}
#profile #rightpane {width:430px; float: left;}
#profile h3 {padding:0px; margin:0;font-size:18px;}
#profile h6 {padding:0px; margin:0 0 10px;font-size:9px; }

#homeless { margin: 0; width: 192px; padding: 2px 5px; background-color: #4e61a6; color: #fff; font-size: 11px; text-align: center; display: block; float:left;}
#homeless a { color: #fff; }
#online { background-color:#658949; color:#fff; }

div.box { border: 1px solid #ccc; margin:0px 0px 7px 0px; clear:both; float:left; background-color:#fff; padding:0px;}
div.box h2 { position:relative; clear:both;margin:0px; height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; color:#fff; }
div.box span {padding:7px 7px 7px 7px; margin:0px; float:left;}
div.box h2 a { color: #fff }
div.box h2 a.edit, #dialogue h2 a.edit { color: #fff; font-weight: bolder; position:absolute; top: 2px; right: 3px;}
#dialogue h2 { position: relative; }
#dialogue h2 a.edit { font-size: 11px; cursor: pointer;}
div.large { width:426px; } div.small { width: 200px; } div.full { width:600px; }
div.large h2 { width:419px; } div.small h2 { width: 193px; } div.full h2 { width: 593px; font-size: 15px; height: auto;}
div.full h6 { margin: 0; padding: 4px 0px 4px 7px; font-size: 12px; font-weight: normal;}

#group { border: 1px solid #ccc; margin:7px 0px 0px 0px; clear:both; width:426px; float:left; background-color:#fff; overflow:hidden;}
#group #headline {clear:both;margin:0px; width:419px;height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; color:#fff; background-color: #658949;}
#group #inner {padding:7px 7px 1px 7px; margin:0px; float:left; width: 412px; overflow:hidden;}
.box .row { clear:both;  padding:0px 0px 6px 0px; margin:0px; float:left;width:400px;}
.box .row .label { font-weight:bold; color:#555; width:140px; float:left; padding:0px; margin:0px;}
.box .row .field { width: 220px; float:left; padding:0px; margin:0px;}

#friends { border: 1px solid #ccc; margin:7px 0px 0px 0px; padding:0px; clear:both; width:200px; float:left; background-color:#fff; }
#friends #inner {padding:6px; margin:0px; float:left;}
#friends #bottom {clear:both;text-align:right; width:185px;}

#buddypic {width:60px; height:70px; float:left; text-align:center; vertical-align:middle; padding:1px; }
#buddypic img {padding:0px; margin:0px; }
#buddypicthumb {width:130px; height:130px; padding:0px; margin:0px; float:left;}

#username_field { position:absolute; padding:3px 3px 3px 6px; margin:0px; z-index:500; background: transparent url(/img/profile/whois.gif); width:139px; height:30px; top:-100px; left:-100px;}
#username_field a { display:block;text-decoration:none; color:#000; }
#row_tb { clear:both;  padding:6px 0px 6px 0px; margin:0px; float:left;width:400px; border-top:1px solid #ccc;}
.photobookimg { width:130px; padding:0px; margin:0px; float:left;}

#profilemenu { text-align:left; float:right; width:170px;padding: 7px 7px 0px 0px;margin:0px;}
#profilemenu ul {width:170px; list-style-type:none;padding:0;margin:0;}
#profilemenu ul li {float:right; padding:0px;width:170px; background: url(/img/profile/menuli.gif) top left repeat-x; height:27px; font-style:italic; font-weight:bold; }
#profilemenu ul li a {text-decoration:none; color:#fff; display:block; width:158px;height:20px;padding:4px 0px 3px 12px; background: transparent;}

#postsubj {width:400px; }
#postmsg { width:400px; height:200px;}

#messagelist {width: 610px; clear:both; padding:7px; margin:0px 0px 10px 0px; background: #fff; border: 1px solid #ccc;}
#messagelist ul {list-style-type:none;float:left; padding:0px; margin:0px;}
#messagelist ul li {float:left; padding:0px; margin:3px; clear:both;width:610px;background: #fff; border-top: 1px solid #ccc;}

#messagelist #blank { clear:both; height:1px overflow:hidden;}

#messagelist ul li .img {width:130px; float:left; padding:3px;}
#messagelist ul li .subj { width:200px; float:left; padding: 3px 10px 0px 0px;}
#messagelist ul li .from { width:110px; float:left; padding-top:3px;}
#messagelist ul li .sent {width: 130px; float:left; padding-top:3px; }
#messagelist ul li .msg {width:370px; float:left; padding-top:10px; padding-bottom:10px;}
#messagelist ul li .reply { width:60px; float:right; padding:10px 10px 10px 0px;}
#messagelist ul li .remove { width:10px; float:right; padding:3px;}
#messagelist ul li .remove a { color: #f00; text-decoration:none; }
#messagelist ul li .remove a:hover { color: #600; }

#header {clear:both; float:left; padding: 10px 0px 10px 3px; font-weight:bold;}



#friend  {width: 600px; clear:both; padding:0px; margin:0px;}
#friend ul {list-style-type:none;float:left; padding:0px; margin:0px;}
#friend ul li {float:left; padding:0px; margin:3px; clear:both;width:610px;background: #fff; border: 1px solid #ccc;}

#friend ul li #frimage {width:130px; float:left; padding:7px;margin:0px;}
#friend ul li #frlabel { width:90px; float:left; padding: 7px; font-weight: bold; color:#555; line-height:20px;}
#friend ul li #frdata { width:200px; float:left; padding: 7px; line-height:20px;}
#friend ul li #froptions {float:right: width:120px; padding: 7px; text-align:right;}

#message_row { clear:both;  padding:6px 0px 6px 0px; margin:0px; float:left;width:410px; border-top:1px solid #ccc;}
#message_row .picture {width:70px; float:left; padding:3px;}
#message_row .body {width: 320px; padding:3px; float:left; }

#mp3player {margin-bottom:6px;}

#signup_row { clear:both; float:left; padding: 6px 0px 0px 0px; margin:0px; width:580px;}
#signup_row .label {float:left; width:140px; padding:0px; margin:0px; }
#signup_row .field {float:left; padding:0px; margin:0px; width:340px;}
#signup_row .note {float:left; padding:0px; margin:0px; font-size: 9px;}
#signup_row .field .general {width:150px;}
#signup_row .field .textarea{width:300px; height:50px;}
.radio {background-color:transparent; border:none;}

.break {background-color: #658949; color: #fff; margin:20px 0px 10px 0px; padding:1px 7px 1px 7px; font-size:10px; }

#notamember {clear:both; float:left; padding: 20px 0px 0px 0px; }

#chooseaccount {cursor:pointer; }

#account_types {position:absolute; width:330px; background-color: #f9f4cc; visibility: hidden; font-size: 10px;}
#account_types p {margin:0px; padding: 0px 0px 6px 0px; }

#edit_profile { border: 1px solid #ccc; margin:7px 0px 0px 0px; padding:10px; clear:both; width:600px; float:left; background-color:#fff; }
#edit_profile #inner {padding:7px 7px 1px 7px; margin:0px; float:left; width: 580px;}

#privacy {float:right; width:70px; padding:0px; margin:0px; }
#privacy div {width:23px; float:left; text-align:center;}
#privacy input { border:none;}

#blog_row { clear:both;  padding:6px 0px 6px 0px; margin:0px; width:410px; border-top:1px solid #ccc;}
#blog_row .bimage {float:left; width:70px; padding:3px; margin:0px;}
#blog_row .btext {float:left; width:396px; padding:3px; margin:0px;}
.prayertitle { font-size: 16px; padding: 0; margin: 0;}
#blog_row .responses { float:right; background: url(/img/hope/heart.gif) top left no-repeat; width:28px; margin: 3px 0 0 15px;height: 25px; color: #fff; padding: 5px 2px 0 1px; text-align: center; }


#prayers { list-style-type: none; margin: 0; padding: 5px 0 0; }
#prayers li { list-style-type: none; clear:both;  padding:6px 0px 6px 0px; margin:0px; width:190px; border-top:1px solid #ccc;}
#prayers li .bimage {float:left; width:70px; padding:3px; margin:0px;}
#prayers li .btext {float:left; width:auto; padding:3px; margin:0px;}
#prayers li .prayertitle { font-size: 16px; padding: 0; margin: 0;}
#prayers li .responses { float:right; background: url(/img/hope/heart.gif) top left no-repeat; width:28px; margin: 3px 0 0 15px;height: 25px; color: #fff; padding: 5px 2px 0 1px; text-align: center; }

.tags b { color: #CD7C23;}

#steps { padding: 10px 0; margin: 0; position: relative; width: 600px; height: 24px;  float:left;}
#steps span { padding: 5px; margin: 1px; border: 1px solid #ccc; background: #fff;}
#steps span.active { background: #97c167; }
#steps span.about { padding: 0; margin: 1px; border: none; background: none; float:right;}





#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:auto;
	height:auto;
	margin:-25% 0 0 -25%;
	border:none;
	background:transparent;
	text-align:left;
}
#lightbox[id]{
	position:fixed;
}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}

#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}

#lightbox.done img{
	width:100%;
	height:100%;
}

#lightbox a.lbAction {
	position: absolute;
	right: 0;
	bottom: -20px;
	color: #000;
	padding: 2px;
	background: #fff;
}



#videos {width: 595px; clear:both; padding:7px; margin:0px 0px 10px 0px; background: #fff; }
ul#videos  {list-style-type:none;float:left; padding:0px; margin:0px;}
ul#videos  li {float:left; position: relative; padding:0px; margin:0px; clear:both;width:600px;background: #fff; border-top: 1px solid #ccc;}
ul#videos  .read { background-color:#f5f5f5; }

ul#videos #blank { clear:both; height:1px; overflow:hidden;}
ul#videos .responses { float:left; background: url(/img/hope/heart.gif) top left no-repeat; width:28px; margin: 13px 0 0 15px;height: 25px; color: #fff; padding: 5px 2px 0 1px; text-align: center; }
ul#videos .vouches { float: left; background: url(/img/needshare/thumb.gif) top left no-repeat; width: 26px; height: 26px; margin: 3px 0 0 5px; color: #000; padding: 15px 2px 0 1px; text-align: center; }
ul#videos  .img {width:60px; float:left; padding:3px;}
ul#videos  .subj { width:170px; float:left; padding: 3px 10px 0px 0px;}
ul#videos  .from { width:310px; float:left; padding:3px 5px 5px; color: #777;}
ul#videos  .sent {width: 110px; float:left; padding-top:3px; }
ul#videos  .replies {width:60px; float:left; padding-top:3px;}
ul#videos  .msg {width:290px; float:left; padding-top:10px; padding-bottom:10px;}
ul#videos  .privatemsg { width:140px; float:right; padding:10px 10px 10px 0px;}
ul#videos  .remove { width:10px; float:right; padding:3px;}
ul#videos  .remove a { color: #f00; text-decoration:none; }
ul#videos  .remove a:hover { color: #600; }
ul#videos h5 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; }