#acctSettingsSocialContainer
{
  width:100%;
  font-size:150%;
  color:#cccccc;
  top: 1em;
  position: relative;
}


.AccountSettingsSocialLeftBox
{
 width:5em;
 background-color:black;
  height:7em;
  border:0.2em solid #5c9ec8;
  float:left;
  overflow:hidden;
  border-right:none;
}
.AccountSettingsSocialRightBox
{
  width:22em;
  border:0.2em solid #5c9ec8;
  height:7em;
  display:inline-block;
  overflow:hidden;
  position:relative;
}

#acctSettingsSocialFacebookIcon
{
  width: 2em;
  height: 2em;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  top: 2.6em;
  right: 0.3em;
}

#acctSettingsSocialFacebookIcon img
{
  width: 2em;
  position: relative;
}

.AccountSettingsSocialLeftBoxText
{
    color: #5c9ec8;
    margin-top: .5em;
    margin-left: 1em;
    font-size: 80%;

}

#acctSettingsSocialPhotoImage
{
    height:7em;
    width:7em;
    object-fit: cover;
}

.AccountSettingsSocialLogoImage
{
    height: 2em;
    width: 2em;
    margin-left: 1.5em;
    margin-top: .6em;
}

.AccountSettingsSocialActionBtn
{
    width: 4.5em;
    height: 1.3em;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3em;
    margin-top: 1em;
    background: none repeat scroll 0% 0% #5C9EC8;
    margin-left: 1.1em;
    color: black;
    font-size: 75%;
}

.AccountSettingsSocialActionBtn:hover
{
    cursor: hand;
    cursor: pointer;
}

#acctSettingsSocialFacebookEnabledText
{
  color: white;
  font-size: 60%;
  margin-left: 0.5em;
  margin-top: 2.5em;
  display: block;
  top: 0;
  position: absolute;
}


#acctSettingsSocialFacebookNotEnabled
{
  color: lightgrey;
  font-size: 90%;
  margin-left: 0.5em;
  line-height: 8em;
}

#acctSettingsSocialFacebookUserName
{
  color: white;
  font-size: 90%;
  margin-left: 0.25em;
  margin-top: 0.5em;
  display: block;
  top: 0;
  position: absolute;
  font-weight: bold;
  text-transform: uppercase;
}

#acctSettingsSocialPhotoImageWrap
{
  display: inline-block;
}

#AccountSettingsSocialRightBoxText
{
  display: inline-block;
  vertical-align: top;
  width: 60%;
  height: 100%;
}

@media screen and (max-width:767px)
{
  #acctSettingsSocialContainer
  {
      width: 100%;
      font-size: 110%;
      color: #cccccc;
      margin-left: 2em;
  }

  .AccountSettingsSocialLeftBox
  {
      width: 5em;
      background-color: black;
      height: 7em;
      border: solid;
      border-color: #5c9ec8;
      float: left;
      margin: 0;
      padding: 0;
      margin-top: 1em;
      overflow: hidden;
      border-right: none;
  }

  .AccountSettingsSocialRightBox
  {
      width: 22em;
      border: solid;
      border-color: #5c9ec8;
      height: 7em;
      display: inline-block;
      margin: 0;
      padding: 0;
      margin-top: 1em;
      overflow: hidden;
      position: relative;
  }

}