/* ********************************* */
/* HIGH LEVEL STRUCTURE */

#people #main{
  position:relative;
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
  width:900px;
}
#people #main #lhs{
  float:left;
  margin:0;
  padding:0;
  width: 260px;
}
#people #main #rhs{
  position:relative;
  float:left;
  width: 550px;
  margin-left:35px;
  margin-right:15px;
}
br{
  clear:both;
}
#people #main div.options_row{
  font-size:12px;
  margin-bottom:20px;
  height:35px;
  line-height:35px;
}
#people #main div.options_row span{
  margin-left:40px;
}
#people #main div.options_row a{
  margin-right:7px;
  margin-left:7px;
}
#people #main #rhs br{
  clear:both;
}
#people #main #rhs .friend_box img{
  float:left;
  margin-right:7px;
}
/* ********************************* */
/* SUBNAVIGATION BAR */

#people #main a.selected{
  background-color:#0AF;
  color:white;
}
#people #main a.options{
  padding:3px;
}
#people #main .grey_box{
  padding:2px 0 0 20px;
  font-weight:bold;
}

/* ********************************* */
/* LEFT HAND SIDE */

#people #main #lhs #invite_result{
  width:100%;
  float:none;
}
#people #main #lhs form{
  width:100%;
  border:0;
  margin:0 0 15px 0;
  padding:0;
}
#people #main #lhs form input{
  float:right;
  width:256px;
}
#people #main #lhs form input.submit{
  width:100px;
  margin:0;
}
#people #main #lhs #search_results{
  float:left;
}
#people #main #lhs #search_results a.clear {
  float:right;
  padding-right:10px;
}
#people #main #lhs #search_result{
  float:left;
  height:50px;
  width:255px;
  margin-bottom:5px;
  padding:3px 0 0 5px;
  background-color: #F7F7F7;
}
#people #main #lhs #search_result.no_results{
  line-height:30px;
  padding:3px 0 0 5px;
  height:30px;
  background-color: #FFF2F2;
}
#people #main #lhs #search_result.no_results a{
  color: #FF6666;
}
#people #main #lhs #search_result.blank div{
  padding:10px;
}
#people #main #lhs #search_result:hover{
  background-color: #FBFBFB;
}
#lhs #search_result.no_results:hover{
  background-color: #FFF4F4;
}
#people #main #lhs #search_result img{
  float:left;
  margin:5px 7px 0 0;
}

#people #main #lhs #search_result_clear a:hover{
  text-decoration:underline;
}
#people #main #lhs #friend_search img#friend_search_busy{
  position:relative;
  top:50px;
  left:120px;
}

/* ********************************* */
/* RIGHT HAND SIDE */

/* RANKED PAGE */

#people #main a.help_info{
  position:absolute;
  top:17px;
  left:0px;
}
#people #main #rhs div.ranked_column{
  float:left;
  width:50%;
}
#people #main #rhs ol{
  float:left;
  color:#bbb;
  font-size:25px;
  margin:30px 0 0 0;
  padding:0 0 0 10px;
}
#people #main #rhs li{
  float:left;
  clear:left;
  font-size:14px;
  height:40px;
  font-weight:bold;
  width:230px;
}
#people #main #rhs li img{
  float:left;
  margin-right:10px;
}
#people #main #rhs li span{
  font-size:15px;
  line-height:25px;
}

#people #main #rhs #worldliness_info{
  position:absolute;
  top:43px;
  left:0px;
  width:205px;
  height:75px;
}

/* FRIENDS PAGE */
#people #main #rhs #awaiting_friendship{
  clear:left;
  float:left;
}
#people #main #rhs #friends_list{
  clear:left;
  float:left;
  margin:10px 0 0 0;
  width:550px;
}
#people #main #rhs h2{
  float:left;
  padding:0;
  margin:0 0 10px 0;
}
#people #main #rhs .friend_box{
  position:relative;
  float:left;
  width:265px;
  height:80px;
  font-size:15px;
  color:#CCCCCC;
  font-weight:bold;
}
#people #main #rhs .friend_box img{
  float:left;
  margin-right:7px;
}
#people #main #rhs .friend_box .under_login{
  float:left;
  font-size:12px;
  color:#333;
  font-weight:normal;
}
#people #main #rhs .friend_box img.options{
  margin-top:5px;
}

/* ********************************* */
/*       PAGINATION LINKS            */

.pagination_links{
  float:left;
  clear:left;
  margin:4px 10px 5px 0;
  color:#999;
  font-weight:bold;
  padding:3px 0 0 0;
}