/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */


/*
 * Field wrappers when the Fences module is enabled.
 */

.field-label { /* The optional label for a field. */
  color: #02519E;
}

.field-FIELDNAME { /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */

.field { /* Wrapper for any field. */
}

/*
 * Field Groups
 */
 .group_sidebox{
   background: #02519E;
   width: 220px;
   padding: 10px;
   float: right;
   margin-bottom: 15px;
   /* margin-top: 40px; */
   margin-left: 25px;
   color: #ffffff;
 }
 .group_sidebox .field-name-field-sidebox-title{
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: 0.3em;
 }
 .group_sidebox a,
 .group_sidebox a:link,
 .group_sidebox a:visited{
 	color:#ffffff;
 	text-decoration: underline;
 }
 .group_sidebox a:hover{
 	color: #F1BC31;
 }

 /** adding additional styles after fields.css update */
 .group-sidebox{
   background: #02519E;
   width: 220px;
   padding: 10px;
   float: right;
   margin-bottom: 15px;
   /* margin-top: 40px; */
   margin-left: 25px;
   color: #ffffff;
 }
 .group-sidebox .field-name-field-sidebox-title{
   font-size: 1.4em;
   font-weight: bold;
   margin-bottom: 0.3em;
 }
 .group-sidebox a,
 .group-sidebox a:link,
 .group-sidebox a:visited{
  color:#ffffff;
  text-decoration: underline;
 }
 .group-sidebox a:hover{
  color: #F1BC31;
 }
 
/*
 * Field types (Core)
 */

.field-type-text {
}

.field-type-text-long {
}

.field-type-text-with-summary {
}

.field-type-image {
}

.field-type-file {
   background: #02519E;
   padding: 10px;
   margin: 20px 0;
   width: 450px;
}
.field-type-file .field-label {
  color: #ffffff;
  padding-bottom: 5px;
}
.field-type-file a{
 color: #F1BC31;
}
.field-type-file a:hover{
 color: #dddddd;
}
.node-staff-vacancy .field-type-file{
  background: none;
  margin: 0;
  width: auto;
  padding: 0;
}
.node-staff-vacancy .field-type-file .field-label {
  color: #02519E;
  padding-bottom: 10px;
}
.node-staff-vacancy .field-type-file a{
 color: #02519E;
}
.node-staff-vacancy .field-type-file a:hover{
 color: #F1BC31;
}


.field-type-taxonomy-term-reference {
}

.field-type-number-integer {
}

.field-type-number-decimal {
}

.field-type-number-float {
}

.field-type-list-text {
}

.field-type-list-boolean {
}

.field-type-list-integer {
}

.field-type-list-float {
}

/*
 * Field types (Contrib)
 */

.field-type-datetime { /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

.field-type-node-reference {
}

.field-type-user-reference {
}

/*
 * Named fields
 */

.field-name-body {
}

.field-name-field-image {
}

.field-name-field-tags {
}

.node-type-staff-testimonial .field-name-field-heading,
.field-name-field-info { /* Underscores in field name are replaced with dashes. */
   margin-top: 20px;
   border-top: 6px solid #97d9f1;
   border-bottom: 6px solid #97d9f1;
   overflow: hidden;
   color: #3874b0;
   font-size: 1.2em;
}

.node-type-staff-testimonial .field-name-field-heading{
	margin-right: 43px;
}
.node-type-staff-testimonial .field-name-field-heading div,
.field-name-field-info p{
   margin: 0.2em 0;
}