.member_frame {
  float:left;
  width:100%;
  cursor:pointer;
}

.member_frame.xoff .member_image {
  position:relative;
  float:left;
  z-index:2;
  color:green;
  border:1px solid #333;
  background-color:black;
  -moz-border-radius: 20px 20px 20px 20px;
  width:100px;
  text-align:center;
  padding:10px;
  margin-bottom:0px;
}

.member_frame.xoff .member {
  position:relative;
  float:left;
  width:90%;
  margin-left:-70px;
  margin-top:15px;
  padding: 10px 0px 10px 100px;
  z-index:1;
  /*border:2px solid green;*/
  background-color:#222;
  -moz-border-radius: 20px 20px 20px 20px;
  margin-bottom:10px;
}

.member_frame.xon .member_image {
  clear:both;
  position:relative;
  float:left;
  z-index:2;
  color:green;
  border:1px solid #333;
  background-color:black;
  -moz-border-radius: 20px 20px 20px 20px;
  width:200px;
  text-align:center;
  padding:10px;
  margin-bottom:10px;
}

.member_frame.xon .member {
  position:relative;
  float:left;
  width:71%;
  margin-left:-70px;
  margin-top:15px;
  padding: 10px 0px 10px 100px;
  z-index:1;
  /*border:2px solid green;*/
  background-color:#222;
  -moz-border-radius: 20px 20px 20px 20px;
  margin-bottom:10px;
}

.member_frame:hover .member_image {
  border-color:#555;
}

.member_frame:hover .member {
  background-color:#444;
}

/** Firefox & Opera */

html>body .member_frame.xoff .member {
  width:70%;
}

html>body .member_frame.xon .member {
  width:51%;
}

.member-type-switch.left {
  -moz-border-radius: 20px 0px 0px 20px;
}

.member-type-switch.middle {
  -moz-border-radius: 0px;
}

.member-type-switch.right {
  -moz-border-radius: 0px 20px 20px 0px;
}

.member-type-switch.xxon {
  padding:5px;border:1px solid #222;width:30%;float:left;margin-bottom:10px;text-align:center;
  background-color:#222;
}
.member-type-switch.xxoff {
  padding:5px;border:1px solid #222;width:30%;float:left;margin-bottom:10px;text-align:center;
}

.member-type-switch.xxon:hover {
  background-color:#444;
}
.member-type-switch.xxoff:hover {
  background-color:#444;
}