/* START NEW */
#profile-text
{
  float: left;
  width: 910px;
  overflow: hidden;
}

#profile-textarea
{
  float: left;
  height: 800px;
  width: calc(100% - 10px);
}

.controls
{
  float: right;
  margin-top: 10px;
  margin: 10px 13px 0 0;
}

.about-button
{
  float:right;
}

.open-profile, .delete-profile
{
  float: left;
}

.about-label
{
  width: 100%;
}

.profile-chk-span
{
  float: right;
  margin-left: 4px;
  margin-right: 8px;
  margin-top: 2px;
}

.about-name
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:80%;
  font-weight: bold;
  margin-top: 4px;
  #0C0D0F;
}

.about-chk
{
  float: left;
}

#intro-text
{
  float: left;
  width: 920px;
  overflow: hidden;
}

#intro-textarea
{
  float: left;
  height: 400px;
  width: calc(100% - 10px);
}

.staff-profiles
{
  float: left;
  width: 100%;
}

.staff-profile-card
{
  float: left;
  width: 200px;
  margin: 13px;
  border: solid #BBBBBB 1px;
  border-radius: 2px;
  background-color: #F7F7F7;
  padding-bottom: 5px;
}

.card-img
{
  float: left;
  margin-bottom: 5px;
  height: 100%;
  width: 100%;
}

.profile-image-file
{
  display: none;
}

.name-field
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:90%;line-height:190%;
  text-align: center;
  font-weight: bold;
  color: #0C0D0F;
  width: calc(100% - 60px);
  margin-left: 30px;
}

.linkedin-icon
{
  cursor: pointer;
}

.linkedin-field
{
  float: left;
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

#linkedin-url
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-weight:bold;font-size:80%;
  font-weight: bold;
  color: #0C0D0F;
  width: 200px;
  height: 27px;
  border: solid #494949 1px;
  border-radius: 3px;
  padding-left: 5px;
}

.job-title-field
{
  float: left;
  font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;font-size:90%;
  text-align: center;
  font-weight: bold;
  color: #555555;
  width: calc(100% - 15px);
  margin: 5px;
}

#about-sort
{
  float: left;
  list-style-type:none;
  width: 100%;
  background-color: #EEEEEE;
  border: solid #0C0D0F 1px;
  min-height: 110px;
  margin-top: 10px;
}

#about-sort li
{
  float: left;
  width:100px;
  height:100px;
  margin: 2px;
  border:solid #0C0D0F 1px;
  border-radius: 5px;
  overflow: hidden;
}

#about-sort li img
{
  border-radius: 5px;
}

.ui-state-highlight .sort-place
{
  width: 100px;
  height: 100px;
}

.about-dialogue
{
  display: none;
}

/* END NEW */