/* This stylesheet is used to style the admin option form of the plugin. */
.profile-photo-holder{
  width: 150px;
  height: 150px;
}

/*.profile-photo-holder:hover{*/
/*background-color: #808080;*/
/*}*/

.button.upload-profile-photo{
  margin: -150px auto 0;
  z-index: 5;
  position: relative;
  /*background: transparent!important;*/
  color: white;
  border-radius: 0;
  border: none;
  box-shadow: none;
  cursor: pointer;
  background:rgba(0,0,0,0.5);
  height: 150px;
  width: 150px;
  opacity: 0;
  display: block;
}

.button.upload-profile-photo:hover{
  color: white;
  background:rgba(0,0,0,0.5);
}

#profile_photo{
  height: 100%;
  margin: 0 auto;
  display: block;
}

#member-shortcode{
  width: 100%;
  background: #f3f3f3;
  color: #3f3f3f;
}

#member-shortcode-title{
  font-size: 14px;
  padding: 8px 2px;
  margin: 0;
  line-height: 1.4;
}

#member-shortcode-holder{
  height: 80px;
  background: white;
  padding: 8px;
}

#tb_basic-information .tb_field, #tb_contact-information .tb_field {
  width: 280px;
  min-height: 250px;
  padding: 5px;
}

#tb_basic-information .tb_field:not(:last-child), #tb_contact-information .tb_field:not(:last-child){
  float: left;
  /*border-bottom: 1px solid #eee;*/
}


#tb_basic-information .tb_field, #tb_contact-information .tb_field{
  display: inline-block;
}

.tb_skype-icon, .tb_linkedIn-icon, .tb_facebook-icon, .tb_twitter-icon, .tb_googleplus-icon{
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  background-image: url(icons_black_social.png);
  background-size: 400px;
  margin: 1.33em 0 0;
}

.tb_skype-icon{
  background-position: 21px 424px;
}

.tb_linkedIn-icon{
  background-position: 296px 424px;
}

.tb_facebook-icon{
  background-position: 364px 424px;
}

.tb_twitter-icon{
  background-position: 399px 424px;
}

.tb_googleplus-icon{
  background-position: 330px 424px;
}

.tb_image_delete_button{
  width: 20px;
  height: 20px;
  background-image: url(close.png);
  background-size: contain;
  margin-top: -155px;
  margin-left: 135px;
  position: absolute;
  z-index: 410;
  display: none;
  cursor: pointer;
}

.tb_photo-container-list{
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.tb_photo-container-list img{
  height: auto;
  width: 80px;
}