/* $Id: navigation.css,v 1.5 2009/11/04 19:42:41 johnalbin Exp $ */

/**
 * @file
 * Listing page Styling
 */
 
/**
 * Filtering form styling 
 */
.views-exposed-form .views-exposed-widget label {
	margin-bottom: 5px;
	display: block;
	font-size: 15px;
}	
.views-exposed-form .views-exposed-widget .form-item input,
.views-exposed-form .views-exposed-widget .form-item select {
	padding: 3px 1px;
}
.views-exposed-form .views-exposed-widget .form-submit {
	margin-top: 1.55em;
}
 
/**
  * Common, in the following order 
    - Jobs
		- Links
		- Documents
		- News
		- Events
                - Creatures
 */
/* -- ul */
.view-jobs .view-content ul,
.view-jobs-closed .view-content ul, /* RR added */
.view-jobsonline .view-content ul, /* RR added */
.view-links .view-content ul,
.view-documents .view-content ul,
.section-news .view-content ul,
.section-events .view-content ul,
.section-creatures .view-content ul {
	list-style: none;
	padding-left: 0;
}
/* -- li */
.view-jobs .view-content li,
.view-jobs-closed .view-content li,
.view-jobsonline .view-content li,
.view-links .view-content li,
.view-documents .view-content li,
.section-news .view-content li,	
.section-events .view-content li,
.section-creatures .view-content li {
	list-style: none;
	background-color: #F3F3F3;
	overflow: auto;
	margin-bottom: 5px;
	padding: 10px 9px 5px 9px;
	border: 1px solid #E8E8E8;
}
/* -- li:hover */
.view-jobs .view-content li:hover,
.view-jobs-closed .view-content li:hover,
.view-jobsonline .view-content li:hover,
.view-links .view-content li:hover,
.view-documents .view-content li:hover,
.section-news .view-content li:hover,	
.section-events .view-content li:hover,
.section-creatures .view-content li:hover {
	background-color: #EFEFEF;
}
/* -- left floating title, image, body */
.section-news .view-content li .views-field-title,
.section-news .view-content li .views-field-field-image-fid,
.section-news .view-content li .views-field-body
.section-events .view-content li .views-field-title,
.section-events .view-content li .views-field-field-eventimage-fid,
.section-events .view-content li .views-field-body,
.section-creatures .view-content li .views-field-field-image-fid,
.section-creatures .view-content li .views-field-title,
.section-creatures .view-content li .views-field-view-node {
	float: left;
}

.section-creatures .view-content li .views-field-field-image-fid {
  margin-right: 10px;
}

.section-creatures .view-content li .views-field-title {
  font-weight: bold;
  min-width: 70%;
}

.section-creatures .view-content li .views-field-title a {
  text-decoration: none;
}

.section-creatures .view-content li .views-field-view-node p {
  margin: 0;
  padding: 5px 0 15px;
}

/**
 *  News & events common 
 */
.section-news .view-content li .views-field-field-displaydate-value,
.section-events .view-content li .views-field-field-eventdate-value,
.section-events .view-content li .views-field-tid,
.section-creatures .view-content li .views-field-field-displaydate-value  {
	float: right;
}
.section-news .view-content li .views-field-field-image-fid,
.section-events .view-content li .views-field-field-eventimage-fid {
	width: 110px;
	height: 110px;
}
.section-news .view-content li .views-field-field-image-fid ,
.section-events .view-content li .views-field-field-eventimage-fid {
	max-width: 100px;
	max-height: 100px;
	overflow: hidden;
	margin-right: 10px;
}
.section-news .view-content .views-field-title a,
.section-events .view-content .views-field-title a {
	text-decoration: none;
	font-size: 13px;
	font-weight: bold;
}
.section-news .view-content .views-field-field-date-value,
.section-events .view-content .views-field-field-eventdate-value {
	line-height: 1.5em;
}
.section-news .view-content .views-field-tid,
.section-events .view-content .views-field-tid {
	font-weight: bold;
	margin-top: -17px;
	margin-bottom: 6px;
	font-size: 13px;
}

/**
 * Events 
 */
.view-event-calendar h3 {
	text-transform: capitalize;
}
.section-events .view-content li .views-field-title,
.section-events .view-content li .views-field-body {
	width: 400px;
}
.section-events .view-content .views-field-tid,
.section-events .view-content .views-field-field-eventdate-value {
	width: 190px;
}
.section-events .view-content li .views-field-body p {
	margin-top: 5px;
	line-height: 1.5em;
}

/**
 * News 
 */
.section-news .view-content .views-field-field-displaydate-value {
	text-align: right;
}
.section-news .view-content li .views-field-title,
.section-news .view-content li .views-field-body,
.section-news .view-content li .views-field-view-node {
	width: 540px;
}
.section-news .view-content .views-field-tid,
.section-news .view-content .views-field-field-displaydate-value {
	width: 90px;
}
.section-news .view-content li .views-field-body p {
	margin-top: 10px;
	line-height: 1.7em;
	max-width: 540px;
	width: 540px;
}
 
/**
 * Links and documents common
 */
 .view-links .view-content li .views-field-field-link-logo-fid,
 .view-documents .view-content li .views-field-field-tdocumentthumbnail-fid {
	width: 110px;
	height: 150px;
	display: block;
	/*background: #E8E8E8 url('/sites/all/themes/sanbi/images/icons/blue-document-template.png') center center no-repeat;*/
	background: transparent;
	margin-right: 10px;
 }
 
.view-links .view-content li .views-field-title,
.view-documents .view-content li .views-field-title,
.view-links .view-content li .views-field-field-link-url,
.view-links .view-content li .views-field-field-link-logo-fid,
.view-links .view-content li .views-field-title,
.view-links li .views-field-field-description-value,
.view-documents .view-content li .views-field-field-tdocumentthumbnail-fid,
.view-documents .view-content li .views-field-title,
.view-documents li .views-field-field-description-value,
.view-documents li .views-field-field-source-value {
	float: left;
}
.view-links .view-content li .views-field-title,
.view-links .view-content li .views-field-field-link-url,
.view-documents .view-content li .views-field-field-documentsource-staff-uid,
.view-documents .view-content li .views-field-phpcode,
.view-documents .view-content li .views-field-field-documentsource-external-url,
.view-documents .view-content li .views-field-field-documentsource-file-fid,
.view-documents .view-content li .views-field-title,
.view-documents .view-content li .views-field-field-notes-value {
	font-weight: bold;
	font-size: 15px;
}
.view-documents .view-content li .views-field-field-documentsource-staff-uid,
.view-documents .view-content li .views-field-phpcode,
.view-documents .view-content li .views-field-field-documentsource-external-url,
.view-documents .view-content li .views-field-field-documentsource-file-fid {
	margin-top: 10px;
}
.view-links .view-content li .views-field-field-description-value,
.view-links .view-content li .views-field-field-link-url,
.view-links .view-content li .views-field-title,
.view-documents .view-content li .views-field-title,
.view-documents li .views-field-field-description-value {
	width: 500px;
	margin: 10px 20px 0px 10px;
}
.view-documents li .views-field-field-description-value,
.view-documents li .views-field-field-description-value .doc_description {
	min-height: 105px;
}
.view-documents .view-content li .views-field-tid,
.view-documents .view-content li .views-field-field-documentpublished-value,
.view-documents .view-content li .views-field-field-documentcategory-value  {
	margin-top: 10px;
}
.view-documents .view-content li .views-field-field-documentcategory-value  {
	font-weight: bold;
}
.view-documents .view-content li .views-field-field-documentcategory-value  .field-item {
	padding-right: 4px;
}
.view-documents .view-content li .views-field-field-documentcategory-value  .field-item,
.view-documents .view-content li .views-field-field-documentcategory-value  .field-content,
.view-documents .view-content li .views-field-field-documentcategory-value  label {
	display: inline !important;
}
.view-documents .view-content li .views-field-filemime {
  margin: 10px 0 0;
  float: right;
  width: 290px;
}
 
 /**
 * Common
 */
.content div a {
	text-decoration: none;
}
li.group-end {
	padding-top: 0;
}
li.group-start {
	padding-bottom: 0;
}
.content p.main .heading {
	font-weight: bold;
	font-size: 16px;
}
.content p.main {
	background-color: rgba(255,255,255,0.6);
	width: 920px;
	max-width: 100%;
	padding: 0px 20px 10px 0px;
	margin: 0;
	line-height: 1.6em;
	font-size: 14px;
}
.content .info-blocks {
	float: left;
	width: 306px;
	border: 1px solid #c3c3c3;
	color: #FFF;
	margin-bottom: 15px;
}
.content .info-blocks h3,
.content .info-blocks p {
	padding: 0 15px;
	margin: 0;
}
.content .info-blocks h3 {
	padding-top: 15px;
	line-height: 1.2em;
	padding: 0;
}
.content .info-blocks h3.nolink { 
	padding: 15px 0 15px 15px;
}
.info-blocks h3 a {
	padding: 15px 0 15px 15px;
	color: #FFF;	
	background: transparent url('/sites/all/themes/sanbi/images/buttons/gradient.png') top right no-repeat;
}
.info-blocks h3 span {
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	display: block;
	line-height: 1.5em;;
}
.content .info-blocks p {
	padding-bottom: 15px;
	font-style: italic;
}
.content .info-blocks ul{
	background-color: #FFF;
	overflow: auto;
	list-style-type: none;
	color: #121212;
	padding: 15px 15px 15px 15px;
	margin: 0;
}
.info-blocks li a{
	border: 0;
	display: block;
	padding: 0;
	color: #4040F0;
	line-height: 1.1em; /* 1.8em; */
	margin: 0 0 7px 0;
}

/**
 * Information resources
 */
.page-information .infobases {
	width: 630px;
	margin-right: 15px;
} 
.page-information .infobases li {
	width: 270px;
	padding: 15px;
	padding-top: 0;
	float: left;    
	line-height: 1.286em;
}
.page-information .atlases li {
	padding-bottom: 10px;
}
.page-information .atlases a,
.page-information .infobases a {
	margin-left: 0;
	line-height: 1.286em;
	display: inline;
	font-weight: bold;
	font-size: 14px;
}
.page-information h1  {
	display: none;
}
.page-information .documents h3,
.page-information .links h3,
.page-information .faqs h3 {
	margin: 0;
}
.page-information #content .documents h3  {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/gradient.png') top right no-repeat;
}
.page-information #content .links h3 {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/gradient.png') top right no-repeat;
}
.page-information #content .faqs h3 {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/gradient.png') top right no-repeat;
}
.page-information #content .documents a  {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/documents.png') 10px 8px no-repeat;
	padding: 10px 0 10px 55px;
}
.page-information #content .links a {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/links.png') 10px 8px no-repeat;
	padding: 10px 0 10px 55px;
}
.page-information #content .faqs a {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/faqs.png') 10px 8px no-repeat;
	padding: 10px 0 10px 55px;
}
.page-information .documents,
.page-information .links {
	margin-right: 14px;
}
.content .info-blocks h3.nolink,
.page-information .info-blocks h3 a,
.page-information .info-blocks {
	background-color: #9E7FBA;
}	
.page-information .info-blocks h3 a:hover,
.page-information .info-blocks:hover {
	background-color: #9062BC;
}	

/**
 * Programmes and projects
 */ 
.page-programmes h1  {
	display: none;
}
.page-programmes .info-blocks {
	margin-right: 12px;
}	
.page-programmes .policy,
.page-programmes .conservation {
	margin-right: 0;
}
.page-programmes .info-blocks {
	background-color: transparent;
	height: auto;
}	
.page-programmes .info-blocks h3  {
	background-color: #FAA64C;
	padding: 15px 0 15px 15px;
}
.page-programmes .info-blocks h3:hover {
	background-color: #ffa04b;
}

.page-biodiversity-science-biodiversity-science-site-map .info-blocks {
	margin-right: 12px;
}	
.page-biodiversity-science-biodiversity-science-site-map .science {
	margin-right: 0;
}
.page-biodiversity-science-biodiversity-science-site-map .info-blocks {
	background-color: transparent;
	height: auto;
}	
.page-biodiversity-science-biodiversity-science-site-map .info-blocks h3  {
	background-color: #FAA64C;
	padding: 15px 0 15px 15px;
}
.page-biodiversity-science-biodiversity-science-site-map .info-blocks h3:hover {
	background-color: #ffa04b;
}

/* Documents styles */
.type_4_instructions,
.comment_modal,
.sanbi_comments_tc {
  background: #fff;
  border: 1px solid #000000;
  height: auto;
  left: 50%;
  margin-left: -150px;
  padding: 15px;
  position: fixed;
  top: 25%;
  width: 300px;
  z-index: 10000;
  display: none;
  font-weight: normal;
  font-size: 13px;
  z-index: 10000;
}
.comment_modal {
  display: block;
}

.sanbi_comments_tc {
  width: 500px;
  margin-left: -250px;
}
.type_4_instructions .instructions_close,
.comment_modal .modal_close,
.sanbi_comments_tc #close_tc {
	display: block;
	color: blue;
	text-decoration: underline;
	text-align: right;
	margin: 0 0 10px;
	cursor: pointer;
	font-size: 11px;
}

/* Some modal stuff */
.doc_modal_overlay,
.comment_modal_overlay {
  position: fixed;
  z-index: 9000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}
.tc_title {
  font-size: 15px;
}
.tc_body {
  max-height: 300px;
  overflow: auto;
  font-size: 13px;
}
.views-field-field-documentcategory-value .field-content .field-item:after {
  content: ",";
}
.views-field-field-documentcategory-value .field-content .last_cat:after {
	content: "";
}

/* Comment pager */
.comments_pager,
.comments_pager li {
  margin: 0 !important;
  padding: 0;
  list-style: none;
  list-style-image: none;
  overflow: hidden;
}
.comments_pager li {
	float: left;
}
.comments_pager li a {
	float: left;
	padding: 1px 10px;
	margin: 0 1px 0 0;
	background: #999;
	color: #fff;
}
.comments_pager li.active a {
	background: #494949;
}
		
/** 
 * Jobs 
 * RR added styling for view-jobs-closed: Feb 2016
 */
.view-jobs span.job-type,
.view-jobs-closed span.job-type {
	width: 110px;
	height: 110px;
	text-indent: -500px;
	display: block;
	background: transparent url('/sites/all/themes/sanbi/images/jobs-bg.png') top left no-repeat;
}
.view-jobs span.job-type-job, .view-jobs-closed span.job-type-job { background-position: 0px -110px; }
.view-jobs-closed span.job-type-tender { list-style: none !important; }
.view-jobs span.job-type-jobonline { background-position: 0px -110px; } /* RR added */
.view-jobs span.job-type-student { background-position: 0px -220px; }
.view-jobs span.job-type-groen_sebenza_job { background-position: 0px -330px; }

.view-jobs .view-content .views-field-title,
.view-jobs .view-content .views-field-path,
.view-jobs .view-content .views-field-tid,
.view-jobs .view-content .views-field-body,
.view-jobs .views-field-type,
.view-jobs-closed .view-content .views-field-title,
.view-jobs-closed .view-content .views-field-path,
.view-jobs-closed .view-content .views-field-tid,
.view-jobs-closed .view-content .views-field-body,
.view-jobs-closed .views-field-type
{ 
	float: left; 
}
.view-jobs .views-field-type,
.view-jobs-closed .views-field-type { 
	margin-right: 10px; 
	margin-bottom: 5px;
	width: 120px; 
}
.view-jobs .view-content .views-field-path,
.view-jobs .view-content .views-field-tid,
.view-jobs .view-content .views-field-body,
.view-jobs-closed .view-content .views-field-path,
.view-jobs-closed .view-content .views-field-tid,
.view-jobs-closed .view-content .views-field-body {
	margin-top: 5px;
}
.view-jobs .view-content .views-field-path,
.view-jobs .view-content .views-field-tid,
.view-jobs .view-content .views-field-title,
.view-jobs .view-content .views-field-body,
.view-jobs-closed .view-content .views-field-path,
.view-jobs-closed .view-content .views-field-tid,
.view-jobs-closed .view-content .views-field-title,
.view-jobs-closed .view-content .views-field-body { 
	width: 450px;
	line-height: 1.4em;
}
.view-jobs .views-field-field-closingdate-value,
.view-jobs-closed .views-field-field-closingdate-value {
	float: right;
	width: 100px;
}
.view-jobs label.views-label-field-closingdate-value,
.view-jobs-closed label.views-label-field-closingdate-value{
	display: block;
} 
.view-jobs .views-field-title,
.view-jobs-closed .views-field-title {
	font-weight: bold;
}
.view-jobs .attachment-after .view-content li,
.view-jobs-closed .view-content li {
	background-color: #FEE3E3
}

.view-jobs .view-content .views-field-body,
.view-jobs-closed .view-content .views-field-body{
	height: 48px; overflow: hidden;
}
/* RR added for AddToAny social media button link */
a.da2a_button {
    width: auto;
    line-height: 45px;
    display: inline-block;
    vertical-align: bottom;
    color: black;
    text-decoration: none;
    font-size: 16px;
    transition: all .1s linear;
    outline: none;
    display: inline;
}

/* RR for library catalogue search block.  Designed to mimic purplish blocks on info resources home page */
.amlibweb-block {
    background-color: #9E7FBA;
    margin-right: 15px;
    width: 100%;
    float: left;
    border: 1px solid #c3c3c3;
}
.amlibweb-block a {      
   padding: 15px 0 15px 15px;
   line-height: 1.2em;
   margin: 0;
   clear: both;
   color: #FFF;
}
.amlibweb-block h3 span {
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
    display: block;
    line-height: 1.5em;
    padding-left: 15px;
}