@import url(https://fonts.googleapis.com/css?family=Raleway:700);
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix {
  zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
  zoom: 1;
}
/* IE7 */
#page-content {
  position: relative;
  top: 0;
  left: 0;
}
.menu-container {
  border: 0 solid #ddd;
  border-width: 0 1px;
}
.main-menu a {
  width: 258px;
}
.sub-menu > div.link-container {
  width: 119px;
}
.sub-menu.submenu-profile > div.link-container {
  width: 167px;
}
.main-menu,
.sub-menu {
  display: flex;
}
.main-menu a,
.sub-menu a,
.main-menu > div.link-container,
.sub-menu > div.link-container {
  flex-grow: 1;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.main-menu a .count,
.sub-menu a .count,
.main-menu > div.link-container .count,
.sub-menu > div.link-container .count {
  display: inline-block;
  padding: 3px 6px;
  font-size: 90%;
  font-weight: bold;
}
.main-menu {
  background-color: #648c4e;
  margin: 0px 5px 2px;
  font-size: 14px;
}
.main-menu a {
  padding: 10px;
  color: #fff;
}
.main-menu a .count {
  color: #385b23;
  background-color: #e8f521;
}
.main-menu a.active {
  background-color: #385b23;
  border: 1px solid #82a76d;
  border-width: 0 1px;
}
.sub-menu {
  background-color: #d9e6d2;
  margin: 0 5px;
  font-size: 13px;
}
.sub-menu div.link-container {
  position: relative;
  top: 0;
  left: 0;
}
.sub-menu a {
  color: #222;
  padding: 8px 0;
  width: 100%;
  line-height: 1.5em;
}
.sub-menu a .count {
  color: #fff;
  background-color: #648c4e;
  padding: 1px 6px;
  line-height: 1;
}
.sub-menu a.active {
  background-color: #aec3a4;
}
.sub-menu div.link-container:hover a {
  background-color: #aec3a4;
}
.sub-menu .dropdown-menu {
  display: none;
}
.sub-menu .dropdown-menu a {
  text-align: left;
  text-indent: 1em;
}
.sub-menu div.link-container:hover .dropdown-menu {
  display: block;
  position: absolute;
  z-index: 100;
  background-color: #aec3a4;
}
.hidden-profile-welcome-bar strong {
  color: #f3f3f3;
}
.hidden-profile-welcome-bar strong.profile-hidden {
  float: left;
  color: red;
}
/* special text styles */
.green-bold {
  color: #4b7129;
  font-weight: bold;
  font-size: 110%;
}
.error {
  color: #ff0000;
  font-weight: bold;
}
.success {
  color: #4b7129;
  font-weight: bold;
}
.grey_title_top {
  text-align: center;
}
.yellow-title-top {
  background-color: #ece5b6;
  text-align: center;
  padding: 5px;
}
/* link styles */
a.blue:link,
a.blueplain:link,
a.blue:visited,
a.blueplain:visited {
  color: #0068b2;
  text-decoration: underline;
}
a.blue:hover,
a.blueplain:hover {
  color: #0068b2;
  text-decoration: none;
}
a.blueplain:link,
a.blueplain:visited {
  text-decoration: none;
}
/* text styles */
.arrow-bullets {
  list-style-image: url('/images/arrow_close.gif');
}
/* special boxes */
.text-section {
  margin-top: 10px;
}
.footnote {
  border-top: 2px solid #bed191;
  margin: 20px 10px 10px 10px;
  padding: 10px 20px 0 20px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}
.sub-box {
  border-top: 1px solid #aaaaaa;
  padding-top: 10px;
}
.greenboxes {
  background: #e9f4e4;
  padding: 5px 0;
  margin-top: 20px;
}
.greenbox {
  margin: 10px 15px;
  background: #fff;
  padding: 20px;
}
/* forms */
form.new-form {
  outline: none;
}
form.new-form input,
form.new-form select,
form.new-form textarea {
  font-size: 12px;
  color: #333;
}
form.new-form select option {
  color: #333;
}
form.new-form .form-input-checkboxes {
  margin-bottom: 20px;
}
form.new-form .form-input-checkboxes .checkboxes-box {
  width: 25%;
  float: left;
  margin-top: 5px;
}
form.new-form .form-input-checkboxes .checkboxes-box input {
  position: relative;
  top: 2px;
}
form.new-form .form-input-checkboxes.cols-3 .checkboxes-box {
  width: 33.3%;
}
form.new-form .length-counter {
  color: #bbb;
}
form.new-form .length-counter.length-error {
  color: #ff0000;
}
form.new-form .input-error input,
form.new-form .input-error select,
form.new-form .input-error textarea {
  border-color: #ff0000 !important;
}
.button-action {
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px 7px;
  border: 1px solid #a2a39d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #e9e9e9;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f8f8f8, endColorstr=#e0e0e0, GradientType=0);
  /* IE6-9 */
}
.button-action.big {
  padding: 7px 15px;
}
.button-action:hover {
  border-color: #d0d1c9;
  background: #f8f8f8;
}
.form-input,
.form-container {
  margin-bottom: 15px;
}
.form-container .form-input {
  display: inline;
}
/* popups */
.popup {
  border: 1px solid #bed191;
  width: 555px;
  margin: auto;
  position: absolute;
  top: -100px;
  left: 142px;
  z-index: 1000;
}
.popup.no-photo-popup {
  width: 630px;
  left: 105px;
}
.popup .small-remove-button {
  margin-top: -15px;
  margin-right: -15px;
}
.popup .popup-titlebar {
  background-color: #bed191;
  padding: 20px 10px;
}
.popup .popup-titlebar.with-subtitle {
  padding-top: 12px;
  padding-bottom: 12px;
}
.popup .popup-titlebar .popup-title {
  color: #2d5520;
  font-size: 29px;
  font-family: Raleway, sans-serif;
}
.popup .popup-titlebar .popup-subtitle {
  color: #fff;
}
.popup .progress-bar {
  padding: 15px 10px;
  background-color: #648c4e;
}
.popup .progress-bar .progress-inner {
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  height: 13px;
  position: relative;
  top: 0;
  left: 0;
}
.popup .progress-bar .progress-inner.has-progress {
  border-left-color: #bed191;
}
.popup .progress-bar .progress-inner .progress-darkline,
.popup .progress-bar .progress-inner .progress-brightline {
  position: absolute;
  top: 5px;
  border-bottom: 1px solid #333;
  height: 1px;
}
.popup .progress-bar .progress-inner .progress-darkline {
  width: 100%;
}
.popup .progress-bar .progress-inner .progress-brightline {
  border-bottom-color: #bed191;
}
.popup .progress-bar .progress-inner .progress-icon {
  width: 55px;
  height: 39px;
  background-image: url('/images/progress-icon.png');
  position: absolute;
  top: -14px;
  margin-left: -19px;
}
.popup .popup-body {
  background: #ebf3db;
  /* Old browsers */
  background: -moz-linear-gradient(top, #dceeb4 0%, #ffffff 120px, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dceeb4), color-stop(120px, #ffffff), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #dceeb4 0%, #ffffff 120px, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #dceeb4 0%, #ffffff 120px, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #dceeb4 0%, #ffffff 120px, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #dceeb4 0%, #ffffff 120px, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceeb4', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  color: #302f34;
  padding: 15px 10px;
}
.popup .popup-body .messages {
  padding: 0 15px 15px 15px;
}
.popup .popup-body form {
  font-size: 12px;
}
.popup .popup-body .form-input-select label,
.popup .popup-body .form-container label,
.popup .popup-body .form-input-text label {
  font-weight: bold;
  width: 40%;
  text-align: right;
  display: inline-block;
  margin-right: 10px;
}
.popup .popup-body .form-slide-left label {
  width: 35%;
}
.popup .popup-body .form-input-checkboxes,
.popup .popup-body .form-input-textarea,
.popup .popup-body .form-blocklabel {
  margin-left: 10%;
  margin-right: 10%;
}
.popup .popup-body .form-input-checkboxes.cols-3,
.popup .popup-body .form-input-textarea.cols-3,
.popup .popup-body .form-blocklabel.cols-3 {
  margin-left: 10px;
  margin-right: 5px;
}
.popup .popup-body .form-input-checkboxes textarea,
.popup .popup-body .form-input-textarea textarea,
.popup .popup-body .form-blocklabel textarea,
.popup .popup-body .form-input-checkboxes input[type=text],
.popup .popup-body .form-input-textarea input[type=text],
.popup .popup-body .form-blocklabel input[type=text],
.popup .popup-body .form-input-checkboxes input[type=password],
.popup .popup-body .form-input-textarea input[type=password],
.popup .popup-body .form-blocklabel input[type=password],
.popup .popup-body .form-input-checkboxes select,
.popup .popup-body .form-input-textarea select,
.popup .popup-body .form-blocklabel select {
  width: 100%;
}
.popup .popup-body .form-input-checkboxes label.input-label,
.popup .popup-body .form-input-textarea label.input-label,
.popup .popup-body .form-blocklabel label.input-label {
  font-weight: bold;
  text-align: left;
  display: block;
  margin-bottom: 5px;
}
.popup .popup-body .new-form-input {
  border: 1px solid #c0d085;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #f4f4f4;
  background: -moz-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7ebee), color-stop(100%, #fcfefd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e7ebee 0%, #fcfefd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7ebee, endColorstr=#fcfefd, GradientType=0);
  /* IE6-9 */
}
.popup .popup-body select,
.popup .popup-body input[type=text],
.popup .popup-body input[type=password],
.popup .popup-body textarea,
.popup .popup-body div.pq-select-button.ui-state-default {
  border: 1px solid #c0d085;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #f4f4f4;
  background: -moz-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7ebee), color-stop(100%, #fcfefd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e7ebee 0%, #fcfefd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7ebee, endColorstr=#fcfefd, GradientType=0);
  /* IE6-9 */
  padding: 4px;
  width: 188px;
}
.popup .popup-body input[type=text],
.popup .popup-body input[type=password] {
  width: 174px;
  padding-left: 8px;
}
.popup .popup-body .form-container select,
.popup .popup-body .form-container input[type=text],
.popup .popup-body .form-container input[type=password],
.popup .popup-body .form-container textarea {
  width: auto;
}
.popup .popup-body div.pq-select-button.ui-state-default {
  padding: 2px 6px;
  max-width: 188px;
}
.popup .popup-body div.pq-select-button.ui-state-default .pq-select-button {
  color: #aaa;
  font-weight: normal;
}
.popup .popup-body .pq-select-text {
  color: #aaa;
  font-weight: normal;
}
.popup .popup-body .pq-select-text > .pq-select-item {
  border: 1px solid #c0d085;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #f4f4f4;
  background: -moz-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7ebee), color-stop(100%, #fcfefd));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e7ebee 0%, #fcfefd 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e7ebee 0%, #fcfefd 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e7ebee, endColorstr=#fcfefd, GradientType=0);
  /* IE6-9 */
  color: #333;
}
.popup .popup-body .pq-select-text > .pq-select-item.ui-state-default .ui-icon {
  background-image: url(/css/south-street/images/ui-icons_808080_256x240.png);
}
.popup .popup-body .form-input-submit {
  padding-left: 40%;
}
.popup .popup-body .button-action {
  padding: 10px 16px;
  margin-left: 10px;
}
.popup .popup-body .form-center-submit .form-input-submit {
  padding-left: 0;
}
.popup .popup-body .form-center-submit .form-input-submit input {
  margin: 0 auto;
  display: block;
}
.popup .popup-body .form-slide-left .form-input-submit {
  padding-left: 0;
  position: relative;
  left: -8px;
}
.popup .popup-body .form-slide-left .form-input-submit input {
  margin: 0 auto;
  display: block;
}
.popup .popup-body .form-inline-text {
  padding-left: 40%;
  margin-bottom: 10px;
}
.popup .popup-body .form-inline-text > span,
.popup .popup-body .form-inline-text > div {
  margin-left: 10px;
}
input[type=file] {
  cursor: pointer;
}
.small-remove-button {
  margin-top: -3px;
  color: #333;
  text-decoration: none;
  background-color: #ebebeb;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e3e3e3 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e3e3e3));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e3e3e3 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f7f7 0%, #e3e3e3 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f7f7f7 0%, #e3e3e3 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f7f7f7 0%, #e3e3e3 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f7f7f7, endColorstr=#e3e3e3, GradientType=0);
  /* IE6-9 */
  cursor: pointer;
  float: right;
  border: 1px solid #b1b1b1;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  -o-border-radius: 13px;
  border-radius: 13px;
  width: 26px;
  height: 26px;
  line-height: 23px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
}
.modal-overlay.active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  z-index: 999;
}
/** Tooltips **/
.ui-tooltip {
  padding: 8px;
  position: absolute;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
  background: #fff;
}
div.ui-helper-hidden-accessible {
  display: none;
}
.ui-autocomplete {
  max-width: 150px;
  padding-left: 10px;
}
.ui-autocomplete li {
  list-style-type: none;
}
body .ui-tooltip {
  border-width: 2px;
}
.ui-tooltip,
.ui-autocomplete {
  z-index: 1010;
}
.ui-dialog {
  z-index: 100;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 1px !important;
}
.ui-button-icon-only .ui-icon-closethick {
  position: relative !important;
  top: -2px !important;
  left: -2px !important;
}
.ui-button-icon-only .ui-button-text {
  display: none !important;
}
/** pq select **/
.pq-select-popup {
  background-color: #fff;
}
.pq-select-popup .pq-select-all {
  border-width: 0;
  background-color: #ebf3db;
  background-image: none;
}
.pq-select-popup .pq-select-search-div {
  display: none;
}
.pq-select-popup .pq-select-menu {
  background-image: none;
  background-color: #fff;
}
/** expanded form styling **/
.form-big-boxes {
  max-width: 80%;
  margin: auto;
}
.form-big-boxes .form-input {
  border: 10px solid #d9e6d2;
}
.form-big-boxes .form-input.form-input-submit {
  border-width: 0;
  text-align: center;
}
.form-big-boxes label.input-label {
  display: block;
  background-color: #d9e6d2;
  font-weight: bold;
  color: #565656;
  font-size: 15px;
  padding: 0 10px 10px 0;
}
.form-big-boxes form.new-form .form-input-checkboxes .checkboxes-box {
  float: none;
  width: auto;
  margin: 5px;
}
/** display lists **/
.list-card {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 5px;
}
.list-card .action {
  font-size: 120%;
  font-weight: 500;
}
.list-card .time {
  float: right;
  color: #999;
}
/** Homepage **/
.homepage-featurebox {
  position: relative;
}
.homepage-join-popup {
  top: 70px;
  width: 390px;
  left: 224px;
}
.homepage-join-popup .popup-titlebar {
  position: relative;
}
.homepage-join-popup .popup-titlebar .popup-title {
  float: left;
}
.homepage-join-popup .popup-titlebar .popup-subtitle {
  float: left;
  width: 45%;
  margin-left: 3%;
  font-size: 130%;
}
.homepage-join-popup .left-col {
  float: left;
  width: 60%;
}
.homepage-join-popup .right-col {
  float: left;
  width: 40%;
}
.homepage-join-popup .popup-body .form-input-select label,
.homepage-join-popup .popup-body .form-container label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  width: 100%;
}
.homepage-join-popup .popup-body .form-input-submit {
  padding-left: 0;
}
.homepage-join-popup .popup-body .button-action {
  margin-left: 3px;
}
.homepage-join-popup .form-input-checkbox,
.homepage-join-popup .form-input-submit {
  margin-top: 5px;
}
.homepage-featurebox .img-container {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
  width: 115px;
  height: 115px;
}
.homepage-featurebox .img-container.col-1 {
  margin-right: 6px;
}
.homepage-featurebox .img-container.col-4 {
  margin-right: 6px;
}
.homepage-featurebox .img-container.col-7 {
  margin-right: 0px;
  margin-left: 1px;
}
.homepage-featurebox .img-container img {
  width: 100%;
  height: 100%;
  position: relative;
}
.homepage-featurebox .home-photos-overlay {
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/** join popups **/
.popup .popup-body .date-field-container select {
  width: 63px;
}
/** Join / photos **/
.button-small {
  text-transform: none;
  font-size: 10px;
  padding: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.compact-button {
  padding: 4px 6px;
  margin: 0;
  font-size: 13px;
  font-family: Arial,Verdana,Helvetica;
}
.popup .popup-body .join-photos-upload .button-action {
  padding: 4px 6px;
  margin: 0;
  font-size: 13px;
  font-family: Arial,Verdana,Helvetica;
}
#photos-actions {
  float: left;
  width: 357px;
  text-align: center;
  line-height: 27px;
  font-size: 18px;
  position: relative;
  top: 0;
  left: 0;
}
#photos-actions #uploading-message {
  text-align: center;
  clear: both;
}
#photos-actions #upload-button {
  overflow: hidden;
  display: inline-block;
  position: relative;
  float: left;
  margin-bottom: 15px;
}
#photos-actions input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  opacity: 0;
  font-size: 200px;
  cursor: pointer;
}
#photos-actions > div.form-input-submit {
  float: right;
  padding: 0;
  display: inline-block;
}
#photos-thumbnails {
  float: left;
  width: 345px;
  margin-right: 8px;
  background: #e9f4e4;
  border: 1px solid #aaaaaa;
  padding-top: 15px;
  padding-left: 10px;
}
#photos-thumbnails .photo-thumbnail {
  float: left;
  margin-right: 10px;
  margin-bottom: 15px;
  position: relative;
  top: 0;
  left: 0;
  border: 3px solid #6c6c6c;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
#photos-thumbnails .photo-thumbnail.error {
  border-color: red;
}
#photos-thumbnails .photo-thumbnail.error {
  border-color: #ff0000;
}
#photos-thumbnails .photo-thumbnail.thumbnail-have-photo {
  cursor: pointer;
}
#photos-thumbnails .photo-thumbnail img.thumbnail {
  width: 53px;
  height: 53px;
}
#photos-thumbnails .photo-thumbnail img.hover {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.7;
}
#photos-sidebar {
  float: right;
  width: 170px;
}
#photos-sidebar #photo-edit-container {
  background: #e9f4e4;
  border: 1px solid #aaaaaa;
  padding: 5px;
}
#photos-sidebar #photo-edit-container .form-input-text {
  margin: 0;
  margin-bottom: 10px;
}
#photos-sidebar #photo-edit-container .form-input-text label {
  text-align: left;
  width: auto;
}
#photos-sidebar #photo-edit-container .form-input-text input[type=text] {
  width: 136px;
}
#photos-sidebar #photo-edit-container #photo-edit-holder {
  position: relative;
  top: 0;
  left: 0;
}
#photos-sidebar #photo-edit-container #photo-edit-holder #photo-edit-selected {
  width: 125px;
  height: 125px;
  display: block;
  margin: 0 auto 10px auto;
}
#photos-sidebar #photo-edit-container #photo-edit-holder #photo-edit-overlay {
  position: absolute;
  top: 0;
  left: 12px;
  width: 125px;
  height: 95px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #861a20;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  padding-top: 30px;
}
#photos-sidebar #photo-edit-container div.sub-box {
  display: flex;
  justify-content: space-between;
}
#photos-sidebar #photo-edit-container div.sub-box .form-input-submit {
  padding: 0;
  display: inline-block;
  margin: 0;
}
#photos-sidebar #photo-edit-container div.sub-box .form-input-submit .button-action {
  text-transform: none;
  font-size: 10px;
  padding: 4px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
#photos-sidebar > .form-input-submit {
  padding: 0;
}
#photos-sidebar > .form-input-submit > input {
  margin: 0 auto;
  display: block;
  padding: 8px 12px;
  font-size: 11px;
}
/** search / user grid **/
.new-user-grid div.galleryResult {
  width: 251px;
  height: 116px;
  border: 1px solid #ccc;
  background-image: none;
  margin-right: 15px;
  margin-bottom: 15px;
  overflow: hidden;
  padding: 8px 8px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.new-user-grid div.galleryResult.right-col {
  margin-right: 0;
}
.new-user-grid div.galleryResult .user-block-left {
  width: 116px;
  margin-right: 10px;
  float: left;
}
.new-user-grid div.galleryResult .user-block-left img#mainimg {
  width: 110px;
  height: 110px;
}
.new-user-grid div.galleryResult .user-block-right {
  width: 124px;
  float: left;
}
.new-user-list .user-list-user {
  border: 1px solid #e2ecdd;
  margin-bottom: 15px;
}
.new-user-list .user-block-left {
  width: 311px;
  padding: 8px 10px 20px 10px;
  float: left;
  position: relative;
  top: 0;
  left: 0;
}
.new-user-list .user-block-left img#mainimg {
  width: 305px;
  height: 245px;
}
.new-user-list .user-block-left a.photos-count-link {
  position: absolute;
  top: 214px;
  right: 18px;
  color: #fff;
  font-weight: bold;
  font-size: 130%;
  background-color: rgba(40, 40, 40, 0.8);
  padding: 10px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.new-user-list .actions {
  margin: 5px 0 15px 0;
  text-align: center;
}
.new-user-list .actions a img {
  margin-right: 5px;
}
.new-user-list .mem_offline_border {
  border-color: #fff;
}
.new-user-list .green-button {
  border: 1px solid #d0d0d0;
  padding: 0px 8px;
  display: inline-block;
  background-color: #dce8d6;
  background: -moz-linear-gradient(top, #eaf6e5 0%, #cfdfc6 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf6e5), color-stop(100%, #cfdfc6));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eaf6e5 0%, #cfdfc6 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eaf6e5 0%, #cfdfc6 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #eaf6e5 0%, #cfdfc6 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #eaf6e5 0%, #cfdfc6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaf6e5, endColorstr=#cfdfc6, GradientType=0);
  /* IE6-9 */
  height: 19px;
  line-height: 19px;
  margin: 0 3px 10px;
}
.new-user-list div.photos-link span.last-login {
  height: 27px;
  display: block;
  line-height: 27px;
  padding: 0;
  margin: auto;
  width: 100px;
  text-align: center;
}
.new-user-list div.photos-link span.last-login a {
  display: block;
  width: 100%;
  height: 100%;
}
.new-user-list .user-block-right {
  width: 504px;
  float: left;
  border-left: 1px solid #e2ecdd;
  min-height: 351px;
  padding-bottom: 10px;
}
.new-user-list .user-block-right .heading {
  background-color: #d9e6d2;
  padding: 10px;
}
.new-user-list .user-block-right .headline {
  margin-bottom: 15px;
}
.new-user-list .user-block-right .headline embed {
  margin-top: -15px;
}
.new-user-list .user-block-right .headline .user-new {
  height: 20px;
  display: inline-block;
  margin-top: -6px;
}
.new-user-list .user-block-right .headline .user-new img {
  width: 24px;
  top: 4px;
  position: relative;
}
.new-user-list .user-block-right .name {
  font-size: 20px;
  color: #545354;
  font-weight: bold;
  margin-right: 10px;
}
.new-user-list .user-block-right .active-time {
  border: 1px solid #c2d496;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background-color: #f2f2f2;
  background: -moz-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e9e9e9 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e9e9e9 0%, #ffffff 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e9e9e9, endColorstr=#ffffff, GradientType=0);
  /* IE6-9 */
  vertical-align: top;
  position: relative;
  top: 6px;
  padding: 5px 10px;
  font-size: 11px;
  font-weight: bold;
}
.new-user-list .user-block-right .subhead {
  font-weight: bold;
  margin-bottom: 10px;
}
.new-user-list .details-box {
  padding: 10px;
  line-height: 150%;
}
.new-user-list .details-box .headline {
  line-height: normal;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.new-user-list .details-box .field {
  display: inline-block;
  width: 48%;
}
.new-user-list .details-box label {
  font-weight: bold;
  width: 8em;
  display: inline-block;
}
.new-user-profile .user-block-left {
  padding-bottom: 5px;
}
.new-user-profile .user-block-right {
  padding-bottom: 0;
  min-height: 377px;
}
.new-user-profile .green-button {
  width: 122px;
  text-transform: uppercase;
  font-size: 77.5%;
  font-weight: bold;
}
.tabs-container {
  clear: both;
}
.tabs-labels {
  border-top: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  display: flex;
}
.tabs-labels .tab {
  font-weight: bold;
  font-size: 130%;
  text-align: center;
  border-right: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  background-color: #eeeeee;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #e0e0e0 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #e0e0e0));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #e0e0e0 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f6f6f6 0%, #e0e0e0 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f6f6f6 0%, #e0e0e0 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #f6f6f6 0%, #e0e0e0 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#e0e0e0, GradientType=0);
  /* IE6-9 */
  padding: 10px 30px;
  flex: 1;
}
.tabs-labels .tab .counter {
  padding: 4px 6px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  background: #e8f521;
}
.tabs-labels .tab.tab-active {
  border-bottom-color: #d9e6d2;
  background: #d9e6d2;
}
.tabs-contents {
  border: 10px solid #d9e6d2;
  padding: 10px;
}
.tabs-contents .tab-content h3 {
  font-weight: bold;
  border-bottom: 1px solid #333;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.attr-table {
  width: 100%;
  margin-bottom: 10px;
}
.attr-table th {
  font-weight: bold;
  text-align: left;
}
.attr-table td {
  text-align: center;
}
.attr-table thead tr {
  background-color: #d9e6d2;
  font-size: 115%;
}
.attr-table thead th,
.attr-table thead td {
  padding: 5px;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.attr-table tbody tr {
  background-color: #f4f4f4;
}
.attr-table tbody th,
.attr-table tbody td {
  padding: 3px;
  border-bottom: 1px solid #fff;
}
#tab-content-photos img {
  margin: 10px;
  cursor: pointer;
}
/** search boxes **/
.ui-widget-content a.delete-saved-search {
  float: right;
  color: #f00;
  font-weight: bold;
}
/** Profile status **/
.profile-status-box {
  margin: 15px 0 15px 6.5%;
  width: 25%;
  float: left;
}
.profile-status-box .heading {
  background-color: #999;
  padding: 20px 0;
  text-align: center;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.profile-status-box .heading img {
  height: 85px;
}
.profile-status-box .heading img.hl {
  display: none;
}
.profile-status-box .content {
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #bbb;
  border-top-width: 0;
  padding: 15px 8px 0;
  height: 9em;
}
.profile-status-box .content a {
  width: auto;
  display: inline-block;
  padding: 3px 0 7px 0;
  text-indent: 2.25em;
  background: url('/images/checkmark-empty.png') no-repeat top left;
}
.profile-status-box.active .content a {
  background-image: url('/images/checkmark.png');
}
.profile-status-box .sub1 {
  font-weight: bold;
  margin-bottom: 15px;
}
.profile-status-box.active img.dim,
.profile-status-box:hover img.dim {
  display: none;
}
.profile-status-box.active img.hl,
.profile-status-box:hover img.hl {
  display: inline;
}
.profile-status-box.active.showing .heading,
.profile-status-box:hover.showing .heading {
  background-color: #83da69;
}
.profile-status-box.active.hidden .heading,
.profile-status-box:hover.hidden .heading {
  background-color: #333;
}
.profile-status-box.active.deleted .heading,
.profile-status-box:hover.deleted .heading {
  background-color: #FDB3C4;
  background-color: #c0402a;
}