.workflows {
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
  margin-left: -20px;
}

.workflows ul {
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
}

.workflows ul li {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

.workflows span {
  margin: 0;
  padding-top: 5px;
  padding-left: 13px;
  padding-right: 13px;
  padding-bottom: 5px;
  border-radius: 0 0 8px 8px; 
  border-left: 1px solid #a6a6a6;
  border-right: 1px solid #a6a6a6;
  border-bottom: 2px solid #a6a6a6;
  background-color: #ededed;
  font-weight: bold;
  font-size: 1.1em;
}

.workflows a {
  text-decoration: none;
  color: #600000;
}

.workflows a:HOVER {
  text-decoration: underline;
}

.workflows span.current {
  background-color: #600000;
  color: white;
}

div.fieldset-row {
  margin-bottom: 15px;
}

fieldset {
  margin-top: 10px;
  border: 2px groove threedface;
  padding: 10px;
  vertical-align: top;
}

fieldset.left {
  clear: both;
}

fieldset.right {
  float: right;
  margin-right: 5px;
}

.half {
  width: 330px;
  display: inline-block;
}

.form-wrapper.fixed {
  width: 760px;
}

fieldset.full {
  width: 720px;
  display: inline-block;
}

fieldset.center {
  display: block;
  width: 675px;
  margin-left: auto;
  margin-right: auto;
}

fieldset legend {
  font-weight: bold;
  font-size: 1.1em;
  color: #000;
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}

fieldset legend a {
  text-decoration: none;
}

fieldset > p.label {
  border: none;
  background-color: red;
}

fieldset div.col {
  margin: 0;
  display: block;
  float: left;
}

fieldset div.col1 {
  width: 49%;
  float: left;
}

fieldset div.col2 {
  width: 49%;
  float: right;
}

a.buttonize, span.buttonize {
  height: 28px;
}

fieldset a.buttonize, fieldset span.buttonize {
  margin-top: 10px;
}

.note-list .note-item-header table {
  width: 100%;
}

.note-list .note-item-header table tr td {
  width: 49%;
}

table.attachment-list {
  width: 100%;
}

/**** Definition Lists ****/

dl {
  width: 100%;
  float: left;
  margin-top: 1px;
  margin-bottom: 1px;
  background-color: #ededed;
  border: 1px solid #c3c3c3;
}

dl > dt {
  clear: left;
  float: left;
  width: 105px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 5px;
  text-align: right;
  vertical-align: middle;
  font-weight: bold;
  border-right: 1px solid #c3c3c3;
}

dl > dd {
  float: left;
  margin-left: 5px;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  vertical-align: middle;
}

/***** attachment definition list ****/

dl.attachment-display
{
  margin: 0;
  padding: 0;
  font-family: georgia, times, serif;
}

dl.attachment-display > dt
{
  position: relative;
  left: 0;
  width: 95px;
  margin-top: 5px;
  margin-bottom: 5px;
}

dl.attachment-display > dd
{
  margin: 0;
  margin-left: 5px;
}

/***** Beneficiary Photo Uploads  ****/

#photo-form div.progress {
  position: relative;
  width: 100%;
  border: 1px solid #ddd;
  padding: 1px;
  border-radius: 3px;
}

#photo-form div.progress div.bar {
  background-color: #B4F5B4;
  width:0%;
  height:20px;
  border-radius: 3px;
}

#photo-form div.progress div.percent {
  position:absolute;
  display:inline-block;
  top:3px;
  left:48%;
}

/***** Sponsorship  ****/

.sponsorship-container {
  clear: both;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.sponsorship-rowgroup {
  float: left;
  clear: both;
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
  padding-right: 5px;
}

.sponsorship-header {
  clear: both;
  margin-bottom: 10px;
  background-color: #ededed;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

.sponsorship-row {
  float: left;
  margin-top: 10px;
  margin-left: 25px;
  padding-bottom: 5px;
}

.sponsorship-footer {
  clear: both;
  margin-left: 25px;
  margin-right: 25px;
  margin-bottom: 15px;
  padding-top: 10px;
  border-top: 2px solid #e8e8e8;
}

.sp-subrow {
  float: left;
  margin-top: 10px;
  border-top: 2px solid #e8e8e8;
  padding-top: 5px;
  width: 100%;
}
.sponsorship-photo {
  float: left;
  width: 95px;
}

.sp-block {
  float: left;
  min-width: 240px;
  min-height: 40px;
}

.sp-block > p {
  line-height: 1.5em;
}

.sp-name {
  display: inline-block;
  width: 355px;
} 
  
.sp-village {
  display: inline-block;
  width: 150px;
  font-weight: bold;
} 
  
.sp-code {
  display: inline-block;
  font-weight: bold;
} 

dl.sponsorship {
  background: none;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
}

dl.sponsorship > dt,
dl.sponsorship > dd {
  padding-bottom: 2px;
  padding-top: 2px;
}

dl.sponsorship > dt {
  border-right: 0px;
}

dl.sponsorship > dd {
  padding-left: 10px;
}

.sp-date {
  padding-top: 3px;
  padding-bottom: 3px;
}

/***** Letters  ****/

dl.letters dt {
  width: 135px;
}

/***** Photo blocks ****/

.slide {
  display: inline-block;

  margin: 15px 12px;
  padding: 5px;

  background: rgb(240, 240, 240);

  position: relative;
  vertical-align: middle;

  border: 1px solid #c3c3c3;
  border-radius: 10px;
}

.photo-slide {
  width: 180px;
  height: 300px;
  text-align: center;
}

.profile-slide {
  width: 700px;
}

.current-slide {
  background: rgb(230, 230, 230);
  border-width: 3px;
  border-color: rgb(147,0,0);
}

.profile-photo {
  border-color: rgb(147,0,0);
}

.photo-year-container {
  font-size: 1.1em;
}

.current-slide .photo-year-container {
  font-weight: bold;
}

.slide-controls {
  display: block;
  bottom: 15px;
}

.photo-controls {
  position: absolute;
  width: 180px;
}

.profile-controls {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  height: 25px;
}

.profile-contents {
  margin: 0px 25px 25px;
}

.photo-slide p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.profile-slide p {
  font-family: Gotham;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: normal;
  font-style: normal;
}

.profile-slide p.title {
  font-weight: bold;
  font-family: Gotham;
  margin-left: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgb(104, 104, 104);
}

.photo-slide img.thumbnail {
  border: 1px solid #c3c3c3;
  border-radius: 10px;
  margin: 5px;
  padding: 4px;
}

.photo-slide img.thumbnail:HOVER {
  border-color: blue;
}

/**** End of photo blocks ****/

img.photo-icon {
  width: 45px;
  border: 2px groove #600;
  padding: 0;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
}

img.photo-icon-placeholder {
  width: 45px;
  border: 2px groove #d0d0d0;
  padding: 0;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}

img.beneficiary-inform-photo {
  border: 1px solid #c3c3c3;
  border-radius: 10px;
  padding: 4px;
}

img.beneficiary-info-photo {

  border: 1px solid #c3c3c3;
  border-radius: 10px;
  padding: 4px;

  margin-top: 20px;
}

fieldset#user-groups-fieldset li,
fieldset#school-grades-fieldset li {
  display: block;
  line-height: 25px;
}

fieldset#user-groups-fieldset li input,
fieldset#school-grades-fieldset li input {
  display: inline;
}

fieldset#user-groups-fieldset li label,
fieldset#school-grades-fieldset li label {
  display: inline;
  width: 100%;
}

div.sf_admin_form_field_permissions_list li {
  display: block !important;
  line-height: 25px;
}

div.sf_admin_form_field_permissions_list li label {
  display: inline !important;
  width: 100%;
}

.menu span.disabled {
  opacity:0.25;
  filter:alpha(opacity=25); /* For IE8 and earlier */
}

#beneficiary-medical-container textarea {
  resize: vertical; 
  width: 100%;
  min-height: 65px;
}

.dashboard-report {
  padding-top: 20px;
}

.sidebar-subnav > ul {
  padding-top: 5px;
  padding-bottom: 0px;
}

.sidebar-subnav > ul > li {
  list-style-type: none;
  font-family: GothamMedium;
  font-size: 1.1em;
  color: #600000;
}

.sidebar-subnav a {
  text-decoration: none;
  color: #600000;
}

.sidebar-subnav a:HOVER {
  text-decoration: underline;
  color: #600000;
}

.sidebar-subnav span.disabled {
  opacity:0.50;
  filter:alpha(opacity=50); /* For IE8 and earlier */
  color: black;
}

.sponsorship-history-list > tbody > tr > td {
  vertical-align: top;
}

dl.sponsorship-history {
  background: none;
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
}

dl.sponsorship-history > dt,
dl.sponsorship-history > dd {
  padding-bottom: 1px;
  padding-top: 1px;
}

dl.sponsorship-history > dt {
  border-right: 0px;
}

dl.sponsorship-history > dd {
  padding-left: 10px;
}

/* Always show vertical scrollbars on a Mac */
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

div.scrollable {
  overflow-y: auto;
  max-height: 300px;
}

.scrollable.short {
  overflow-y: auto;
  height: 150px;
}