div.box { border: 1px solid #ccc; margin:7px 6px 0px 0px; clear:none; float:left; background-color:#fff; padding:0px;}
div.box h2 {clear:both;margin:0px; height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; color:#fff; }
div.box span {padding:7px; margin:0px; float:left;}

div.large { width:410px; } div.small { width: 194px; }
div.large h2 { width:403px; } div.small h2 { width: 187px; }

div.small #bottom {clear:both;text-align:right; width:185px;}
div.small ul {padding:0px;margin:0px;list-style-type:none; float:left;}
div.small ul li {float:left; clear:both;padding-bottom:7px; margin:0px; width: 188px;}

div.large #detail_row { clear:both;  padding:0px 0px 6px 0px; margin:0px; float:left;width:390px;}
div.large #detail_row .label { font-weight:bold; color:#555; width:140px; float:left; padding:0px; margin:0px;}
div.large #detail_row .field { width: 230px; float:left; padding:0px; margin:0px;}
div.full { width:600px; }
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;}
#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;}

h4.prayer { font-size: 20px; padding: 0 0 0 0px; margin: 0 0 5px; background:none; }
#rightbox h2 { background: none !important; }
#needbox { width: 159px; height: 0; padding: 118px 20px 0 0; margin: 0; float:left; background: url(/img/needshare/box.jpg) top left no-repeat;}
#single span.sent { color: #999; clear:both; padding: 3px 0 0; margin: 0; }
#single span.content {  clear:both; width: 365px; overflow: hidden; padding: 3px 0 0; margin: 0;}

a.hopeitem  { color: #fff; display:block; background-color: #658949; font-size: 10px; padding: 4px; width: 112px; text-align: center; margin-top: 2px;}
a.hopeitemA { color: #fff; display:block; background-color: #cc6600; font-size: 10px; padding: 4px; width: 112px; text-align: center; margin-top: 2px;}

.responses { background: url(/img/needshare/heart_sm.gif) top left no-repeat; width:auto; margin: 7px 0 0 45px;height: 21px; color: #000; padding: 2px 2px 0 25px; text-align: center; float:left; }
.vouches { background: url(/img/needshare/thumb_sm.gif) top left no-repeat; width:auto; margin: 3px 0 0 45px;height: 25px; color: #000; padding: 6px 2px 0 25px; text-align: center; float:left;}
.needmet { background: url(/img/needshare/needmet.png) top left no-repeat; position:absolute; width: 124px; height: 0; padding: 69px 0 0; top:0; left: 0px; }

.updated { font-size: 10px; color: #cc6600; font-style: italic;}
.usepointer { cursor: pointer; }
ul#prayers .needmet { background: url(/img/needshare/needmetr.png) top left no-repeat; position:absolute; width: 174px; height: 0; padding: 48px 0 0; top:0; right: 0px; left: auto; }

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

ul#prayers #blank { clear:both; height:1px; overflow:hidden;}
ul#prayers .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#prayers .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#prayers  .img {width:60px; float:left; padding:3px;}
ul#prayers  .subj { width:170px; float:left; padding: 3px 10px 0px 0px;}
ul#prayers  .from { width:310px; float:left; padding-top:3px; color: #777;}
ul#prayers  .sent {width: 110px; float:left; padding-top:3px; }
ul#prayers  .replies {width:60px; float:left; padding-top:3px;}
ul#prayers  .msg {width:290px; float:left; padding-top:10px; padding-bottom:10px;}
ul#prayers  .privatemsg { width:140px; float:right; padding:10px 10px 10px 0px;}
ul#prayers  .remove { width:10px; float:right; padding:3px;}
ul#prayers  .remove a { color: #f00; text-decoration:none; }
ul#prayers  .remove a:hover { color: #600; }
ul#prayers h5 { margin: 0; padding: 0; font-size: 18px; font-weight: normal; }
textarea {font: 9pt trebuchet, Geneva, Arial, Helvetica, sans-serif; width:400px; height:75px; border:1px solid #ccc;}
#postsubj {width:200px;}


 span.comments { float:left; width: 340px; padding: 0; margin: 10px 0 0; }
 span.comments h4 { font-size: 20px; font-weight: normal; font-face: trebuchet, geneva; padding:0 0px; margin: 10px 0;  }
 span.comments span {margin-left: 10px; border-top: 1px dashed #cccc99; padding: 5px 0px 5px 15px; clear:both; width:305px; float:left; background: url(/img/comment_small.gif) 2px 10px no-repeat;}
 span.comments h6 { padding: 0; margin: 0 0 10px; font-size: 12pt; font-weight: normal; display: block; width:320px;  float:left; clear:both;}
 span.comments h6 .time { float:none; display: inline; color: #999; font-size: 10pt; text-transform: uppercase; }
 span.comments .answer { padding: 0 0 0 10px; margin: 0; display:inline; font-size: 10px; color: #555;}



.suggestion_list	{	background: white;	border: 1px solid;	padding: 4px; width: 300px;	}
.suggestion_list ul	{	padding: 0;	margin: 0;	list-style-type: none; width: 300px;	}
.suggestion_list ul li { padding: 0; width: 296px;}
.suggestion_list a	{	text-decoration: none;	color: #555; display:block; padding: 2px; width: 296px; 	}
.suggestion_list .selected		{		background: #658949;		color: white;		}
.suggestion_list .selected a		{		color: white;		}

#autosuggest		{	display: none;		}

.lightgray { color: #999; }
.morebutton { float:right; cursor: pointer; }
#single { position: relative; }
#single .img { float:left; width: 120px;}
#single span span { float: left; }
#single #rightbox { width: 370px; }
#single h2 { font-size: 21px; padding: 0; margin: 0; color: #777; background: none !important; font-weight: normal; width: 100%;clear:right; }
#single h3 { font-size: 17px; padding: 0; margin: 0; color: #777; background: none !important; font-weight: normal; width: 100%;}
#single .update {  margin: 6px 0 0; width: 458px; padding: 0; border-top: 1px solid #999;}
#single .update h6 { font-size: 10px; padding: 2px 4px; margin: 0; background: #cfcfcf; color: #cc6600;  text-transform: uppercase;}
#single .update h6 strong { font-weight: normal; color: #000; }
#single .update span { background-color: #eeeeee; width: 448px; padding: 5px; }
#single .update span span { width:auto; padding: 5px 0 0; }