@import url(friends_content.css);

body {
  padding: 0;
  margin: 0;
  height: 100%;
  background: #fff;
  color: #91979C;
  font: 11px "Arial" 
}

form {
  padding: 0;
  margin: 0;
}

table, input, select {
  font-size: 100%;
  outline: none;
}

a {
  color: #707070;
  outline: none;
}

a:hover {
  color: #700000;
}

a img {
  border-width: 0;
}

a:focus {
  outline: none;
}

.header {
  background: url("../common/images/friends/bg.jpg") no-repeat top left;
  height: 110px;
  position: relative;
  width: 933px;
}

.menu {
  position: absolute;
  right: -20px;
  top: 80px;
  font-size: 14px;
  text-transform: uppercase;
}

.menu a {
  margin: 0 20px;
  text-decoration: none;
  color: #91979C;
}

.menu a:hover {
  color: #707070;
}

.sub-menu {
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 0;
}

.sub-menu a {
}

.line {
  font-size: 0;
  height: 1px;
  background: url("../common/images/friends/pix.gif") repeat-x;
  margin: 0 34px;
  clear: both;
}

.space {
  height: 38px;
}

.logo {
  display: block;
  width: 150px;
  height: 41px;
  background: url("../common/images/friends/logo.gif") no-repeat;
  position: absolute;
  left: 31px;
  top: 52px;
}

.search {
  height: 440px;
  padding: 0 0 0 461px;
  background: url("../common/images/friends/gr/search.jpg") no-repeat left;
  margin: 30px 0 0 132px;
  position: relative;
  width: 339px;
}

.advance {
  height: 440px;
  padding: 0;
  background: url("../common/images/friends/gr/advance.jpg") no-repeat left;
  margin: 30px 0 0 132px;
  position: relative;
  width: 800px;
}

.full-user-page {
  height: 440px;
  padding: 0;
  background: url("../common/images/friends/gr/full_list_gr.jpg") no-repeat left;
  margin: 30px 0 0 132px;
  position: relative;
}

.top-list-gr {
  height: 163px;
  width: 797px;
  margin: 30px 0 0 132px;
  background: url("../common/images/friends/gr/top_list.jpg") no-repeat;
  position: relative;
}

.results {
  width: 461px;
}

.top-box-gr {
  height: 163px;
  width: 797px;
  margin: 30px 0 0 132px;
  background: url("../common/images/friends/gr/message_box.jpg") no-repeat right top;
  position: relative;
}

.top-box-gr {
  height: 163px;
  width: 797px;
  margin: 30px 0 0 132px;
  background: url("../common/images/friends/gr/message_box.jpg") no-repeat right top;
  position: relative;
}

.top-avatars-gr {
  height: 163px;
  width: 797px;
  margin: 30px 0 0 132px;
  background: url("../common/images/friends/gr/top_avatars.jpg") no-repeat;
  position: relative;
}

.type-message {
  height: 700px;
  margin: 30px 0 0 132px;
  position: relative;
  background: url("../common/images/friends/gr/message_gr.jpg") no-repeat;
}

* html .type-message {
  height: 460px;
}

.info-message {
  height: 330px;
  margin: 30px 0 0 132px;
  position: relative;
  padding: 130px 0 0 50px;
  background: url("../common/images/friends/gr/info_message.jpg") no-repeat;  
}

* html .info-message {
  height: 460px;
}

.search-form {
  width: 285px;
  padding-left: 40px;
  /*position: relative;*/
  height: 440px;
  z-index: 1;
}

* html .search-form {
  width: 325px;
}

.search  .accessory-nav {
  top: 114px;
  left: 144px;
}


.all-avatars {
  height: 440px;
  padding: 0 0 0 0px;
  background: url("../common/images/friends/gr/avatars.jpg") no-repeat left;
  margin: 30px 0 0 132px;
  position: relative;
  width: 800px;
}

.all-avatars .search-form {
  margin-left: 460px;
}

.left-avatars {
  float: left;
  width: 460px;
  padding-top: 113px;
}

.left-avatars h2 {
  float: left;
  margin: 0;
  padding: 0;
  width: 82px;
}

.view-user {
  height: 330px;
  margin: 30px 0 0 132px;
  position: relative;
  padding: 130px 0 0 50px;
  background: url("../common/images/friends/gr/user_details.jpg") no-repeat;  
}

.load-avatar {
  height: 330px;
  margin: 30px 0 0 132px;
  position: relative;
  padding: 130px 0 0 50px;
  background: url("../common/images/friends/gr/load_avatar.jpg") no-repeat left top;   
}

.registration-page {
  
}

.accessory-nav {
  position: absolute;
  left: 23px;
  top: 54px;
}

.footer {
  margin-left: 32px;
  padding: 15px 0;
}

.bottom-menu a {
  margin: 0 20px;
  color: #91979C;
  text-decoration: none;
}

.bottom-menu a:hover {
  color: #707070;
}
  
.registration-page {
  background: url("../common/images/friends/registration_form.jpg") no-repeat left top;     
  position: relative;
  margin: 0 0 0 34px;
  padding: 0 0 50px 0;
}