.base-structure {
  width: 970px;
  height: 100%;
  margin: auto;
  padding-right: 5px;
  padding-left: 5px;
}
.base-structure {
  width: 970px;
  height: 100%;
  margin: auto;
  padding-right: 5px;
  padding-left: 5px;
}
.accomplishment-button,
.extra-button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  width: 21px;
  height: 20px;
  margin-top: inherit;
  margin-right: inherit;
  margin-bottom: inherit;
  margin-left: 10px;
  background: url(/static/img/profile/yellow-plus.png) no-repeat;
}
.profile-contact-button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  background-color: none;
  color: #ffd142;
  font-family: 'Roboto', Serif;
  font-size: 12px;
  font-weight: 400 !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #5a5a5a;
  padding: 5px 10px 5px 10px;
  text-decoration: none !important;
}
.profile-contact-button:hover {
  background-color: #4a4a4a;
}
.profile-editor-container .editing .edit-form-button.edit-form-button-done,
.profile-editor-container .editing .edit-form-button.edit-form-button-cancel,
.profile-editor-container .editing .edit-form-button.edit-form-button-save-to-portfolio {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: #4a4a4a;
  color: #ffd142;
  font-family: 'Roboto', Serif;
  font-size: 12px;
  font-weight: 400 !important;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.profile-editor-container .editing .edit-form-button.edit-form-button-done:hover,
.profile-editor-container .editing .edit-form-button.edit-form-button-cancel:hover,
.profile-editor-container .editing .edit-form-button.edit-form-button-save-to-portfolio:hover {
  background-color: #3a3a3a;
}
.profile-editor-container .editing #edit_done_button {
  opacity: 0.5;
}
.profile-editor-container .editing #edit_details_button {
  color: #b22222;
  cursor: pointer;
  display: block;
  margin-top: 4px;
}
.profile-editor-container .editing #edit_details_button:hover {
  text-decoration: underline;
}
.profile-editor-container .add-button {
  float: left;
  margin-top: 10px;
  cursor: pointer;
  background-color: none;
  color: #b22222;
}
.profile-editor-container .add-button:hover {
  font-weight: 500;
  text-decoration: underline;
}
.profile-editor-container .reorder-button,
.profile-editor-container .reorder-finish-button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: #4a4a4a;
  color: #ffd142;
  font-family: 'Roboto', Serif;
  font-size: 12px;
  font-weight: 400 !important;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
}
.profile-editor-container .reorder-button:hover,
.profile-editor-container .reorder-finish-button:hover {
  background-color: #3a3a3a;
}
.profile-editor-container .work-experience-accomplishments .reorder-form-container {
  position: relative;
  top: -50px;
  right: -25px;
}
.profile-editor-container .profile-editor-delete-button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-color: #4a4a4a;
  color: #ffd142;
  font-family: 'Roboto', Serif;
  font-size: 12px;
  font-weight: 400 !important;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  opacity: 0.25;
}
.profile-editor-container .profile-editor-delete-button:hover {
  opacity: 1;
}
.profile-editor-container .details-button-container div[class*='-details-edit-button'] {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  width: 21px;
  height: 20px;
  margin-top: inherit;
  margin-right: inherit;
  margin-bottom: inherit;
  margin-left: 10px;
  background: url(/static/img/profile/yellow-plus.png) no-repeat;
  display: block;
}
.profile-editor-container .details-button-container.empty-details {
  opacity: 0.25;
}
.profile-editor-container .details-button-container:hover {
  opacity: 0.75;
}
.profile-editor-container .details-form-button-container .edit-details-button {
  position: absolute;
}
.profile-editor-container .details-form-button-container .done-details-button,
.profile-editor-container .details-form-button-container .cancel-details-button {
  position: relative;
}
.profile-editor-container .details-form-button-container .done-details-button {
  opacity: 0.5;
}
.profile-editor-container .add-media-button {
  left: 45.5%;
  display: inline-block;
  cursor: pointer;
  color: #b22222;
  position: relative;
  padding: 10px 0px;
}
.profile-editor-container .add-media-button:hover {
  font-weight: 500;
  text-decoration: underline;
}
.profile-editor-container .profile-item-details-close-button {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  background: url(/static/img/app/panel-close.png) transparent no-repeat !important;
  float: right;
  width: 24px !important;
  height: 24px !important;
  text-indent: -9999px;
  margin-top: -4px;
}
.profile-editor-container .profile-item-details-close-button:hover {
  bacgrkoud-color: #363636;
}