
/* Profile */
#user_info {
  float: left;
  width: 210px;
  margin-bottom: 10px;
  font-size: 11px;
}
#user_info .avatar {
  padding: 1px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
}
#user_info span {
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}


/* Profile school */
#page.profile #content.school p.information {
  background-color: #e9edf6;
  padding: 10px;
  color: #333333;
}
#page.profile #content.school .school_form {
  background-color: #f9f9f9;
  border-color: #f9f9f9;
  border-style: double;
  margin-top: 10px;
  padding: 10px;
  text-align: right;
}
#page.profile #content.school .school_form label {
  margin-left: 15px;
  color: #333333;
}
#page.profile #content.school .school_form input {
  padding: 3px 5px;
  width: 40px;
}
#page.profile #content.school .school_form button {
  display: inline;
  margin: 0;
  padding: 0 0 0 5px;
  
}
#page.profile #content.school .school_form p {
  float: right;
  font-size: 10px;
  margin-top: 15px;
  color: #333333;
}
#page.profile #content.school .school_form p.information {
  color: #333333;
}
#page.profile #content.school a.option {
  display: block;
  float: right;
  font-size:11px;
  margin-top:18px;
}


/* Profile Management */
#page.profile #content.management {
  width:510px;
}

#page.profile #content.management form ul {
  background-color: #fafafa;
  padding-top: 20px;
  margin-bottom: 0;
}

#page.profile #content.management form ul#authentication {
  margin-bottom:12px;
}

#page.profile #content.management form ul li input[type="text"] {
  width:135px;
}
#page.profile #content.management form ul li select {
  width:147px;
}
#page.profile #content.management form ul.validation {
  background: #fafafa;
  padding-top:0px;
  margin-bottom: 20px;
}
#page.profile #content.management div#authentication {
  float:left;
  background: #fafafa;
  width: 510px;
  padding-top: 10px;
}
#page.profile #content.management div#authentication li div {
  float:left;
  width:260px;
}
#page.profile #content.management div#authentication li a {
  float:right;
  margin-right:28px;
}
#page.profile #content.management div#authentication li  p {
  margin-left:10px;
  margin-right:10px;
}
#page.profile #content.management div#authentication ul.form {
  margin-bottom:0;
}
#page.profile #content.management div#authentication ul.form input[type=text] {
  width: 230px;
}
#page.profile #content.management ul#authentication a {
  float: right;
}
#page.profile #content.management #unsubscribe_confirm strong {
  padding-left: 10px;
  float: left;
}
#page.profile #content.management #unsubscribe_confirm span {
  padding-left: 20px;
	float: left;
} 
#page.profile #content.management #unsubscribe_confirm span a.button {
  float: left;
} 
#page.profile #content.management form ul li  .privacy {
  margin-top:-3px;
}
#page.profile #content.management form ul.photo li span {
  margin-left:20px;
}
#page.profile #content.management form ul.photo li ul {
 width:490px;
 margin-left:20px;
 padding-top:0px;
}
#page.profile #content.management form ul.photo li ul li {
 list-style-type:square;
 margin-left:13px;
}
#page.profile #content.management form ul.photo li input {
  background:none;
}
#page.profile #content.management form ul.picture_embedded_form p,
#page.profile #content.management form ul.picture_embedded_form img,
#page.profile #content.management form ul.picture_embedded_form input {
 margin-left:20px;
}
#page.profile #content.management form ul.picture_embedded_form label {
  font-weight: normal;
  width: auto;
}
#page.profile #content.management form ul.picture_embedded_form #picture_list {
  padding: 0;
}
#page.profile .privacy {
  background:url(../../images/frontend/icons/icon-privacy.gif) no-repeat left;
  padding-left:19px;
  padding-bottom:3px;
}
#page.profile #content.management h3 {
  font-size:12px;
  font-weight:bold;
  margin-bottom:6px;
}
#page.profile #content.management h3 span {
  float:right;
  text-align:center;
  width:80px;
}
#page.profile  #city_newsletter {
  float:left;
  width:230px;
  height:100px;
  background-color:#fafafa;
  margin-bottom:20px;
  padding:10px;
}
#page.profile  #building_group_newsletter {
  float:right;
  width:230px;
  height:100px;
  background-color:#fafafa;
  margin-bottom:20px;
  padding:10px;
}

#page.profile  #city_newsletter input, #page.profile  #building_group_newsletter input {
  vertical-align:top;
}
#page.profile  #city_newsletter p, #page.profile  #building_group_newsletter p {
  margin:0px;
  margin-top:8px;
  font-size:11px;
}
#page.profile  #city_newsletter label, #page.profile  #building_group_newsletter label {
  margin-left:3px;
}
#page.profile #content.management .alerts {
  background:none;
  padding-top:0px;
  border-top:solid 1px #dddddd;
}

#page.profile #content.management .alerts li {
  margin:0px;
}

#page.profile #content.management .alerts label {
  width:345px;
  text-align:left;
  font-weight:normal;
  margin-top:8px;
}

#page.profile #content.management .alerts span {
  margin:0px;
  float:none;
}

#page.profile #content.management .alerts span {
  margin:0px;
  float:left;
  display:block;
  padding-left:29px;
  padding-right:29px;
  padding-top:11px;
  padding-bottom:12px;
}

#page.profile #content.management .alerts span.enable input, #page.profile #content.management .alerts span.disable input {
  float:none;
  border:none;
  padding:0 !important;
}

#page.profile #content.management .alerts span.enable {
  background-color:#f2f8ea;
}

#page.profile #content.management .alerts span.disable {
  background-color:#fbfcee;
}
#page.profile #content.accounts table {
  width: 100%;
}
#page.profile #content.accounts table td {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ddd;
}
#page.profile #content.accounts table thead td {
  color: #666;
  text-align: center;
}
#page.profile #content.accounts table thead td.autoshare {
  width: 120px;
}
#page.profile #content.accounts table thead td.photo {
  width: 80px;
}
#page.profile #content.accounts table tbody td.facebook {
  padding-left: 30px;
  background: url(../../images/frontend/icons/16x16/facebook.png) no-repeat 5px center;
}
#page.profile #content.accounts table tbody td span.ident {
  display: block;
  color: #666;
}
#page.profile #content.accounts table tbody td span.true {
  width: 100%;
  display: block;
  background: url(../../images/frontend/icons/16x16/confirm.png) no-repeat center center;
}


 /* Profile contacts */
#page.profile #content.my_network p.no_content {
  margin-bottom: 20px;
}


 /* Profile association */
#page.profile #content.association {
  float: left;
  width: 510px
}
#page.profile #content.association p.information {
  background-color: #e9edf6;
  padding: 10px;
  width: 490px;
}
#page.profile #content.association .association_form {
  background-color:#F9F9F9;
  height:87px;
  margin-top:12px;
}
#page.profile #content.association {
  float: left;
  width: 510px
}
#page.profile #content.association .association_form label {
  color:#333333;
  margin-left:10px;
}
#page.profile #content.association .association_form input {
  border:1px solid #CCCCCC;
  margin-bottom:5px;
  margin-top:9px;
  padding:3px 5px;
  width:270px;
}
#page.profile #content.association .association_form button {
  display: inline;
  margin: 0;
  padding: 0;
}
#page.profile #content.association .association_form p {
  color:#333333;
  font-size:11px;
  padding-left:10px;
  padding-top:16px;
}
#page.profile #content.association a.option {
  float:right;
  font-size:11px;
  margin-right:10px;
  margin-top:18px;
}
#page.profile #content.association .association_form span.statut{
  color:#333333;
  font-size:11px;
  margin-left:175px;
}
#page.profile #content.association ul.feed li span.category {
  color:#9b9b9b;
}
#page.profile #content ul.feed li span.member {
  color:#9b9b9b;
  font-size:10px;
  position:absolute;
  right:5px;
  top:20px;
}
#page.profile #content.association span.statut {
  margin-left:160px;
  color:#333333;
}


/* Profile Interests */
#page.profile #content.main_interests {
  float: left;
  width: 510px;
}
#page.profile #content.main_interests h3.interests {
  float: left;
  width: 240px;
  margin-right: 30px;
  font-size: 18px;
}
#page.profile #content.main_interests h3.matches {
  float: right;
  width: 240px;
  font-size: 18px;
}
#page.profile #content.main_interests div.category {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
#page.profile #content.main_interests div.category h3 {
  color: #666;
  font-size: 14px;
}
#page.profile #content.main_interests div.category ul li {
  float: left;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
#page.profile #content.main_interests div.category ul li span {
  margin-left: 20px;
}
#page.profile #content.main_interests div.info {
  float: left;
  width: 240px;
}
#page.profile #content.main_interests div.members {
  float: right;
  width: 240px;
}
#page.profile #content.main_interests div.members ul li {
  float: left;
  width: auto;
  border: 0;
  margin: 5px;
  padding: 0;
}
#page.profile #content.main_interests div.members li img {
  padding: 1px;
  border: 1px solid #ccc;
}
#page.profile #content.main_interests p.information {
  background-color: #e9edf6;
  padding: 10px;
  width: 490px;
}

/* Profile Services */
#page.profile #content.services ul.item > li {
  padding-left: 45px;
}
#page.profile #content.services .approvals.comments {
  margin-top: 5px;
  margin-bottom: 5px;
}


/* Profile topspots */
#page.profile #content.topspots div.map {
  border:1px solid #E6E6E6;
  width:100%;
  height:260px;
  margin-top:20px;
}
#page.profile #content.topspots ul.feed li p {
  width:360px;
}
#page.profile #content.topspots ul.feed li span.follow {
  font-size: 10px;
  position: absolute;
  top: 34px;
  right: 5px;
  color:#999999;
}
#page.profile #content.topspots ul.feed li a.comments {
  background:url(../../images/frontend/icons/16x16/thumb_up.png) no-repeat left;
  height:16px;
  line-height:16px;
  padding-left:22px;
}


/* Profile Galleries */
#page.profile #content.gallery ul.options {
  float: right;
  margin-bottom: 10px;
}
#page.profile #content.gallery ul.options li {
  float: left;
  border-right: 1px solid #ccc;
  width: auto;
}
#page.profile #content.gallery ul.options li.last {
  border: 0;
}
#page.profile #content.gallery ul.options li a {
  float: left;
  padding-left: 10px; 
  padding-right: 10px; 
}
#page.profile #content.gallery ul.options li label {
  width: auto;
}
#page.profile #content.gallery div.rating {
  float: left;
  width: 490px;
  background: #eee;
  padding: 10px;
  font-weight: bold;
}
#page.profile #content.gallery div.rating > div {
  float: left;
  margin-right: 10px;
}
#page.profile #content.gallery div.rating .rate-avg {
  display: none;
}
#page.profile #content.gallery div.comments {
  float: left;
  width: 490px;
  padding-bottom: 10px;
}
#page.profile #content.gallery div.comments form span {
  float: right;
  clear: both;
}
#page.profile #content.gallery div.add_comment {
  float: left;
  width: 490px;
  background: #eee;
  padding: 10px;
}
#page.profile #content.gallery div.add_comment textarea {
  width: 488px;
  margin-top: 5px;
}
#page.profile #content.gallery div.add_comment label {
  font-weight: bold;
}
#page.profile #content.gallery div.add_comment button {
  float: right;
  margin-top: 5px;
}

#page.profile #content.gallery div.navigation {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0 47px 5px 47px;
}
#page.profile #content.gallery div.photo, #page.profile #content.gallery div.youtube {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
#page.profile #content.gallery #item_title.title {
  margin:0 47px 20px 47px;
}
#page.profile #content.gallery div.photo img {
  
}
#page.profile #content.gallery .select_all {
  float: left;
}

#page.profile #content.gallery p.vote_result {
  float: right;
}
#page.profile #content.gallery div.rating > div {
  margin-top: 2px;
}

#page.profile #content.gallery ul.edit_album {
  margin-top: 15px;
}

#page.profile #content.gallery p.no_content {
  float: left;
  margin: 0 0 15px 0;
}
#page.profile #content.gallery h2 {
  float: left;
}
#page.profile #content.gallery ul.gallery li img {
  border: 1px solid #CCCCCC;
  padding: 1px;
  width: 120px;
  height: 90px;
}

#left_column #facebook_button {
  float:left;
  margin-bottom:10px;
}

#left_column #abuse {
  float:left;
  margin-bottom:10px;
  padding-left: 25px;
  background: url(../../images/frontend/icons/16x16/warning_red.png) no-repeat left center;
}


