@import url("/sector/meet/style.css");
#profile { padding: 0px; font-size: 12px; text-align:left; float:left; width:625px;}
#profile #leftpane {width:210px; float:left;}
#profile #rightpane {width:412px; float: left; overflow:hidden;}
#profile h4 {padding:0px; margin:0px;font-size:18px;}
#profile h6 {padding:0px; margin:0px;font-size:9px; }

div.box { border: 1px solid #ccc; margin:7px 0px 0px 0px; clear:both; 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: 200px; }
div.large h2 { width:403px; } div.small h2 { width: 193px; }

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: 610px; } div.full h2 { width: 603px; }
div#bulletin ul {padding:0px;margin:0px;list-style-type:none; float:left;}
div#bulletin ul li {float:left; clear:both;padding-bottom:7px; margin:0px; width: 390px;}

.newmsg h2 { background-color: #CC6600; }


#friends { border: 1px solid #ccc; margin:7px 8px 0px 0px; padding:0; clear:both; width:200px; float:left; background-color:#fff;}
#friends h2 {clear:both;margin:0px; width:193px;height:12px;padding:2px 0px 4px 7px; font-size:10px; font-weight:bold; color:#fff; background-color: #658949;}
#friends span {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;}
#selfpic { width:202px; height: auto; float:left; clear:both; padding: 0; margin: 0;}
.profilepic {float:right; padding: 0; margin: 0;clear:both; }

#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;}
#row_tb { clear:both;  padding:6px 0px 6px 0px; margin:0px; float:left;width:400px; border-top:1px solid #ccc;}

#messagelist {width: 595px; 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:595px;background: #fff; border-top: 1px solid #ccc;}
#messagelist ul .read { background-color:#f5f5f5; }

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

#messagelist ul li .img {width:130px; float:left; padding:3px;}
#messagelist ul li .subj { width:180px; 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; }

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

#subscription ul li .img {width:70px; float:left; padding:3px;}
#subscription ul li .recentposts { width:140px; float:right; padding: 3px; }
#subscription ul li .from { width:110px; float:left; padding:3px;}
#subscription ul li .sent {width: 130px; float:left; padding:3px; }
#subscription ul li .long { width:300px; float:left; padding: 3px 10px 0px 0px;}


#header {clear:both; float:left; padding: 10px 0px 10px 3px; font-weight:bold;}
#postsubj {width:400px; }
#postmsg { width:400px; height:200px;}

#profilemenu { text-align:left; float:right; width:170px;padding: 7px 7px 0px 0px;margin:0px; clear:both;}
#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;}

#profilenav { text-align:left; float:left; width:195px; padding: 0px;margin:0px;}
#profilenav ul {width:195px; list-style-type:none;padding:0;margin:0;}
#profilenav ul li {float:left; padding:0px;width:190px; height:29px; background: #fff; font-style:italic; padding:0; font-weight:bold; }
#profilenav ul li a {width:190px; background: transparent;}

#blog_row { clear:both;  padding:6px 0px 6px 0px; margin:0px; width:390px; border-top:1px solid #ccc;}
#blog_row .bimage {float:left; width:70px; padding:3px; margin:0px;}
#blog_row .btext {float:left; width:306px; 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; }

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

#mp3player {margin-bottom:6px;}

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

#message ul li .img {width:130px; float:left; padding:3px;}
#message ul li .subj { width:200px; float:left; padding: 3px 10px 0px 0px;}
#message ul li .from { width:110px; float:left; padding-top:3px;}
#message ul li .sent {width: 130px; float:left; padding-top:3px; }
#message ul li .msg {width:370px; float:left; padding-top:10px; padding-bottom:10px;}
#message ul li .reply { width:60px; float:right; padding:10px 10px 10px 0px;}
#message ul li .reply a {padding:3px; display:block; background: #fff; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}
#message ul li .remove { width:10px; float:right; padding:3px;}
#message ul li .remove a { color: #f00; text-decoration:none; }
#message ul li .remove a:hover { color: #600; }


#icons ul li a#howto {background: url(/img/village/electric_32.png) top left no-repeat; padding:32px 0px 0px 0px; margin:0px; width:32px; height:0px; overflow:hidden; cursor:pointer;}
* html #icons ul li a#howto { background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/village/electric_32.png', sizingMethod='scale'); }

#ebg { width:590px; height:545px; border: 4px solid #fff; padding:10px; }
#ecard { margin-bottom:10px;}

div#import { width: 202px; float:left; margin: 7px 0 0;}
div#import a { background: url(/img/village/import.png) top left no-repeat; width: 202px; height: 0; padding: 64px 0 0; display: block; overflow: hidden;}

#homeless_form input, #homeless_form label { width: auto; height: auto; float: left;}
#homeless_form label { clear: right; font-size: 13px; margin-top: 0;}
#homeless_form input { margin-top: 3px;}

#homeless_links { list-style: none; padding: 0; margin: 5px; width: 410px; float:left; clear: both; background: url(/img/village/connect.gif) 0 0 no-repeat; height: 24px; overflow:hidden;}
#homeless_links li { list-style: none; display: block; float:left; width:195px; padding: 0; margin: 0;}
#homeless_links li a { display: block; width: 195px; overflow:hidden; height: 0; padding: 24px 0 0; margin: 0; float:left; background: url(/img/village/connect.gif) 0 0 no-repeat;}
#homeless_links li#find a { background-position: 0 0; }
#homeless_links li#find a:hover { background-position: 0 -24px; }
#homeless_links li#homeq a { background-position: -195px 0; }
#homeless_links li#homeq a:hover { background-position: -195px -24px; }


#results #steps { padding: 10px 0; margin: 0; position: relative; width: 640px; height: 24px;  float:left;}
#results #steps span { padding: 5px; margin: 1px 0 0 10px; border: 1px solid #ccc; background: #fff;}
#results #steps span.active { background: #97c167; }
#results #steps span.active a { color: #fff; }
#results #steps span.about { padding: 0; margin: 1px; border: none; background: none; float:right;}
#results #steps span.write { padding-left: 18px; background: url(/img/blog/write.gif) top left no-repeat; }
#results #steps span.config { padding-left: 18px; background: url(/img/blog/config.gif) top left no-repeat; }
#results #steps span.subscribe { padding-left: 18px; background: url(/img/subscribe.gif) top left no-repeat; }