/* $Id: pages.css,v 1.18.2.3 2010/06/26 17:18:58 johnalbin Exp $ */

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 *
 * Styling colours:
 * Text: #121212 252525
 * Secondary text: #494949 
 * Border: #c3c3c3
 * Background active: #C3D6E4 dcf0ff
 * Active: #5B5BFF
 * Highlight: #FFFFE0 ffffb0
 * 
 * Purple: #9E7FBA
 * Green: #70B177 / bbe0bf
 * Orange: #FAA64C
 *
 */
 
/* Font size & opacity change for admin menu, repeated in sanbi admin theme */
#admin-menu  a:hover {
	background-color: #111;
}
#admin-menu li li {
	filter:Alpha(opacity=100);
	opacity: 1;
}
#admin-menu {
	font-size: 11px;
}
 
/*
 * Header
 */

#header {
	background: #FFF url('/sites/all/themes/sanbi/images/header-bg.png') top left repeat-x;
}
.page-information .breadcrumb,
.page-programmes .breadcrumb {
	display: none;
}

/* Home */
#header .section { background: transparent url('/sites/all/themes/sanbi/images/banners/home.jpg') 0px 45px no-repeat; }
.front #main {	background: transparent url('/sites/all/themes/sanbi/images/banners/home.jpg') 0 -161px no-repeat; }
.front #main-wrapper {	border-top: 1px solid #FFF;	background: #FFF url('/sites/all/themes/sanbi/images/banners/sub-banner.png') top left repeat-x; }

/* Top menu
.section-about #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/about.jpg') 0px 45px no-repeat; }
.section-contact #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/contact.jpg') 0px 45px no-repeat; }
.section-jobs #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/jobs.jpg') 0px 45px no-repeat; } */
/*.section-events #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/events.jpg') 0px 45px no-repeat; }
.section-news #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/news.jpg') 0px 45px no-repeat; }
.section-information #header .section,
.section-creature #header .section,
.section-creatures #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/information.jpg') 0px 45px no-repeat; }
.section-programmes #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/programmes.jpg') 0px 45px no-repeat; }
.section-biodiversity-science #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/biodiversity-science.jpg') 0px 45px no-repeat; }
.section-human-capital-development #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/hcd.jpg') 0px 45px no-repeat; }
.section-shops #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/shops.jpg') 0px 45px no-repeat; }*/

/* Gardens 
.section-gardens #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/gardens.jpg') 0px 45px no-repeat; }
.section-gardens-kirstenbosch #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/kirstenbosch.jpg') 0px 45px no-repeat; }
.section-gardens-hantam #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/hantam.jpg') 0px 45px no-repeat; }
.section-gardens-walter-sisulu #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/walter-sisulu.jpg') 0px 45px no-repeat; }
.section-gardens-harold-porter #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/harold-porter.jpg') 0px 45px no-repeat; }
.section-gardens-free-state #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/free-state.jpg') 0px 45px no-repeat; }
.section-gardens-pretoria #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/pretoria.jpg') 0px 45px no-repeat; }
.section-gardens-karoo-desert #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/karoo-desert.jpg') 0px 45px no-repeat; }
.section-gardens-kwazulu-natal #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/kwazulu-natal.jpg') 0px 45px no-repeat; }
.section-gardens-lowveld #header .section { 	background: transparent url('/sites/all/themes/sanbi/images/banners/lowveld.jpg') 0px 45px no-repeat; }*/

/* Manor house 
.page-shops-venues-services-kirstenbosch-manor-house #header .section, 
.page-shops-venues-services-kirstenbosch-manor-house-executive-suite #header .section,
.page-shops-venues-services-kirstenbosch-manor-house-garden-cottage #header .section,
.page-shops-venues-services-kirstenbosch-manor-house-kirstenbosch-room #header .section,
.page-shops-venues-services-kirstenbosch-manor-house-meeting-room #header .section,
.page-shops-venues-services-kirstenbosch-manor-house-strelitzia-room #header .section,
.page-shops-venues-services-kirstenbosch-manor-house-weddings-and-special-event-packages #header .section {
	background: transparent url('/sites/all/themes/sanbi/images/banners/manorhouse.jpg') 0px 45px no-repeat; 
}*/

/* New homepage June 2014 = new styling */
/* Default */
.region-header #fakerotational { background: transparent url('/sites/all/themes/sanbi/images/banners/home.jpg') top left no-repeat; }
/* Gardens */
.section-gardens-kirstenbosch .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/kirstenbosch.jpg'); }
.section-gardens-hantam .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/hantam.jpg'); }
.section-gardens-walter-sisulu .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/walter-sisulu.jpg'); }
.section-gardens-harold-porter .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/harold-porter.jpg'); }
.section-gardens-free-state .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/free-state.jpg'); }
.section-gardens-pretoria .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/pretoria.jpg'); }
.section-gardens-karoo-desert .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/karoo-desert.jpg'); }
.section-gardens-kwazulu-natal .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/kwazulu-natal.jpg'); }
.section-gardens-lowveld .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/lowveld.jpg'); } /* RR removed trailing closing-comment */
/* Other pages */
.section-about .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/home.jpg'); }
.section-contact .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/contact.jpg'); }
.section-jobs .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/jobs.jpg'); } 
.section-events .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/events.jpg'); }
.section-news .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/news.jpg'); }
.section-information .region-header #fakerotational,
.section-creature .region-header #fakerotational,
.section-creatures .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/information.jpg'); }
.section-programmes .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/biodiversity-science.jpg'); }
.section-biodiversity-science .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/biodiversity-science.jpg'); }
.section-human-capital-development .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/hcd.jpg'); }
.section-shops .region-header #fakerotational { 	background-image: url('/sites/all/themes/sanbi/images/banners/shops.jpg'); }

#logo /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 0;
  padding: 45px 20px 20px 20px;
	background-color: #FFF;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
}



/*
 * Body
 */
body {
  margin: 0;
  padding: 0;
	color: #121212;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 21px;
	font-weight: normal;
}
h2, h3, h4 {
	clear: both;
}
p, span.para {
	line-height: 1.6em;
	min-width: 100px;
	max-width: 570px;
	display: block;
	float: none;
}
#sanbi-node-body li {
	line-height: 1.6em;
	margin: 5px;
	list-style-position: outside;
	max-width: 550px;
}
p.left {
	float: left;
	min-width: 0;
	clear: left;
}
p.small {
	font-size: 11px;
}
p.clear {
	clear: both;
	display: block;
	float: none;
	min-width: 430px;
	overflow: auto;
}
p.caption {
	font-size: 10px;
	font-style: italic;
}
a, a:visited {
	text-decoration: underline;
	color: #4040f0;
}
a:hover {
	color: #000;
	text-decoration: none;
	background-color: #dcf0ff;
}

table td {
	border: 1px solid #6B6B6B;
	padding: 10px;
}
table.layout td {
	border: 0;
	padding: 15px;
}
table.layout td.table-text {
	width: 420px;
}
table.layout td.table-thumb {
	padding-left: 0;
	width: 110px;
}

#page-wrapper {
}

#page {
}

/*
 * The skip navigation link will be completely hidden until a user tabs to the
 * link. See http://www.webaim.org/techniques/skipnav/
 */
#skip-link a,
#skip-link a:visited {
  position: absolute;
  display: block;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  text-align: center;
  background-color: #666;
  color: #fff;
}

#skip-link a:hover,
#skip-link a:active,
#skip-link a:focus {
  position: static;
  width: 100%;
  height: auto;
  padding: 2px 0 3px 0;
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
	background-color: #FFF;
	padding-bottom: 30px;
}

#main {
}

/*
 * Content
 */
#content {
}

#content .section {
}

.node .content .inner-block ul {
	margin-top: 0;
	margin-left: 0;
	list-style-type: none;
	padding-left: 0;
	margin-right: 10px;
}
.node .content .inner-block li {
	line-height: 1em !important;
}
.inner-block h4 {
	margin-bottom: 0;
}
.inner-block {
	width: 200px;
	display: block;
	float: left;
	font-size: 0.9em;
}
h3 {
	clear: both;
}

ul#nbgs {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul#nbgs li {
	display: block;
	padding: 0;
	margin: 0 10px 0 0;
	float: left;
	width: 120px;
}
ul#nbgs li a {
	display: block;
	width: 120px;
	padding: 100px 10px 10px 0;
	margin: 0;
	text-align: center;
	background-repeat: no-repeat;
	background-color: transparent;
}
ul#nbgs li.kirstenbosch a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/kirstenbosch.jpg');}
ul#nbgs li.hantam a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/hantam.jpg');}
ul#nbgs li.walter-sisulu a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/walter-sisulu.jpg');}
ul#nbgs li.harold-porter a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/harold-porter.jpg');}
ul#nbgs li.free-state a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/free-state.jpg');}
ul#nbgs li.pretoria a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/pretoria.jpg');}
ul#nbgs li.karoo-desert a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/karoo-desert.jpg');}
ul#nbgs li.kwazulu-natal a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/kwazulu-natal.jpg');}
ul#nbgs li.lowveld a { background-image: url('/sites/all/themes/sanbi/images/garden-thumbnails/lowveld.jpg');}

#mission /* The mission statement of the site (displayed on homepage) */ {
}

.region-content-top /* Wrapper for any blocks placed in the "content top" region */ {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
	margin-top: -18px;
	margin-bottom: 3px;
	font-size: 10px;
}
.breadcrumb a {
	text-decoration: none;
}

h1.title, /* The title of the page */
h2.title, /* Block title or the title of a piece of content when it is given in a list of content */
h3.title /* Comment title */ {
  margin: 0;
}
h1.title {
	font-size: 21px;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.help /* Help text on a page */ {
  margin: 1em 0;
}

.more-help-link /* Link to more help */ {
  font-size: 0.85em;
  text-align: right;
}

#content-area /* Wrapper for the actual page content */ {
}

fieldset.captcha {
	border: 1px solid #CFCFCF;
}

ul.links /* List of links */ {
  margin: 1em 0;
  padding: 0;
}

ul.links.inline {
  margin: 0;
  display: inline;
}

ul.links li {
  display: inline;
  list-style-type: none;
  padding: 0 0.5em;
}

.pager /* A list of page numbers when more than 1 page of content is available */ {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current /* Each page number in the pager list */ {
  padding: 0.5em;
}

.feed-icons /* The links to the RSS or Atom feeds for the current list of content */ {
  margin: 1em 0;
	float: right;
}

.more-link /* Aggregator, blog, and forum more link */ {
  text-align: right; /* LTR */
}

#tooltip { 
    position: absolute;
    z-index: 3000;
    border: 1px solid #CFCFCF;
    background-color: #FFFFE0;
    padding: 5px;
		font-size: 11px;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Virtual tours */
.node-type-virtualtour #imagemap {
	clear: both;
	float: none;
	overflow: auto;
}

.node-type-virtualtour #imagemap area { 
}
.node-type-virtualtour #imagemap area:hover{
	border: 1px solid black;
	
}

/* Staff profiles */
.node-type-staff-profile .left,
.node-type-staff-profile .right {
	float: left;
}
.node-type-staff-profile .left {
	margin-right: 30px;
	margin-top: -2.8em;
}
.node-type-staff-profile h1{
	margin-left: 190px;
}
.node-type-staff-profile .field {
	line-height: 1.8em;
}
.node-type-staff-profile .field-field-staffsection,
.node-type-staff-profile .field-field-staffposition {
	/*font-size: 1.2em;
	font-style: italic;*/
}
.node-type-staff-profile #sanbi-node-body {
}
.node-type-staff-profile .field-field-selectedpublications {
	float: none;
	display: block;
	clear: both;
}
.node-type-staff-profile .view-links .view-content li .views-field-field-description-value, 
.node-type-staff-profile .view-links .view-content li .views-field-field-link-url, 
.node-type-staff-profile .view-links .view-content li .views-field-title, 
.node-type-staff-profile .view-documents .view-content li .views-field-title, 
.node-type-staff-profile .view-documents li .views-field-field-description-value {
	margin: 10px 20px 0 10px;
	width: 300px;
}
.node-type-staff-profile .view-links .view-content li, 
.node-type-staff-profile .view-documents .view-content li, 
.node-type-staff-profile .section-news .view-content li, 
.node-type-staff-profile .section-events .view-content li {
	width: 600px;
}
.node-type-staff-profile .view-documents ul {
	margin-left: 0 !important;
}
.node-type-staff-profile .field-field-selectedpublications {
	margin-left: 190px;
}
/*.node-type-staff-profile .field,*/
.node-type-staff-profile .field {
	line-height: 1.4em;
}
.node-type-staff-profile #sanbi-node-body h2 {
	
}
.node-type-staff-profile .view-documents {
  line-height: 1.2em !important;
}
.node-type-staff-profile .field-field-profilepicture {
}


/* Photo gallery (small garden homepage version) styling */
.ad-gallery-garden .ad-controls {
	background-color: #494949;
	color: #FFF;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.8em;
}
.ad-gallery-garden .ad-prev-image,
.ad-gallery-garden .ad-prev,
.ad-gallery-garden .ad-next-image,
.ad-gallery-garden .ad-next {
	z-index: 20;	
}
.ad-gallery-garden .ad-prev,
.ad-gallery-garden .ad-next {
}
.ad-gallery-garden .ad-nav {
	display: none;
}
.node .content .ad-gallery img {
	float: none;
	padding: 0;
}
.ad-gallery-garden .ad-image-wrapper  {
	margin-bottom: 0;
}
.ad-gallery-garden .ad-image-wrapper .ad-image .ad-image-description .ad-description-title  {
	display: inline;
	padding-right: 5px;
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description  {
	padding: 3px;
	/*top: 0 !important;
	bottom: auto !important;*/
}
.ad-gallery-garden {
	clear: both;
	float: none;
	display: block;
	width: 420px; 
	margin-top: 20px;
	border: 1px solid #494949;
}

.region-content-bottom /* Wrapper for any blocks placed in the "content bottom" region */ {
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {
}

.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}
.region-sidebar-second .section .block,
#block-views-weekly_features-block_1 .views-row {
	background-color: #F3F3F3; /* ffffb0*/
	margin-top: 10px;
	border: 1px solid #E8E8E8;
}
.region-sidebar-second .section .block:hover,
#block-views-weekly_features-block_1 .views-row:hover {
	background-color: #EFEFEF
}
.region-sidebar-second .section .region-count-1 {
	margin-top: 0px;
}
.section-gardens .region-sidebar-second .section .block {
	background-color: #DAF2DC;
	border: 1px solid #bbe0bf;
}
.section-gardens .region-sidebar-second .section .block:hover {
	background-color: #D0EDD3;
}

/* Calendar */
.section-gardens #block-views-event_calendar-calendar_block_1 .views-field-body {
	display: none;
}

#block-views-event_calendar-calendar_block_1 h3 {
	font-size: 1.1em;
}
#block-views-event_calendar-calendar_block_1 {
	padding: 0 13px 15px 13px;
	overflow: auto;
}
 #block-views-event_calendar-calendar_block_1 .view-content .views-field-field-eventdate-value span  {
	font-weight: bold;
}
 #block-views-event_calendar-calendar_block_1 .view-content .views-field-body p  {
	margin: 0;
	line-height: 1.5em;
}
 #block-views-event_calendar-calendar_block_1 .view-content .calendar-calendar  {
	margin-top: 15px;
}
#block-views-event_calendar-calendar_block_1 .view-content,
#block-views-event_calendar-calendar_block_1 .attachment-after {
	width: 150px;
	float: right;
}
#block-views-event_calendar-calendar_block_1 .attachment-before,
#block-views-event_calendar-calendar_block_1 .attachment-before .view-content{
	width: 140px;
	float: left;
}
.calendar-calendar td {
	line-height: 1.5em;
}

/* of the Week block */
#block-views-weekly_features-block_1 {
	background-color: transparent;	
	border: 0;
}
#block-views-weekly_features-block_1 .views-row,
#block-views-weekly_features-block_2 .views-row {
	padding: 10px 0 1px 10px;
	overflow: auto;
}
#block-views-weekly_features-block_2 .views-row {
  padding-bottom: 5px;
}
#block-views-weekly_features-block_1 h3 {
	color: #252525;
	float: left;
	clear: none;
	width: 190px;
	text-align: center;
}
#block-views-weekly_features-block_1 img {
	float: left;
	clear: none;
	padding: 5px;
}
#block-views-weekly_features-block_1 p {
	display: block;
	clear: left;
}
#block-views-weekly_features-block_1 .views-row-2 h3 {
	width: 200px;
	padding-left: 10px;
	text-align: left;
	margin-bottom: 0;
}
#block-views-weekly_features-block_1 .views-row-2 p {
	width: 100px;
	float: left;
	clear: none;
	padding-left: 10px;
	padding-bottom: 20px;
}

/* Twitter */
#twitter_div {
	border: 1px solid #DBF1FF;
	background: transparent url('/sites/all/themes/sanbi/images/icons/twitter_standing.png') 10px 10px no-repeat;
	overflow: auto;
	min-height: 100px;
}
#twitter_div:hover {
	background-image: url('/sites/all/themes/sanbi/images/icons/twitter_tilt.png');
}
#twitter_div ul {
	list-style-type: none;
	padding: 5px 10px 0px 70px;
	display: block;
	clear: both;
	margin-bottom: 5px;
	margin-top: 0;
}
#twitter_div li span {
	font-weight: bold;
}
#twitter_div a.button {
	background: transparent url('/sites/all/themes/sanbi/images/buttons/twitter.png') top left no-repeat;
	display: block;
	padding: 5px 8px;
	margin: 10px 0 5px 70px;
	color: #252525;
}
#block-block-4 .mediaicon,
#block-block-29 .mediaicon {
	float: left;
	padding: 0px 5px 5px 0px;
}
#block-block-4 #facebook,
#block-block-29 #facebook { 
	margin-left: 70px;
}
#block-block-4:hover,
#block-block-29:hover {
	background-color: #DBF1FF;
}
#block-block-4,
#block-block-29 {
	overflow: auto;
	background-color: #E5F5FF;
}

#block-block-29 #facebook {
  margin: 10px 10px 0 10px;
}

#facebook-only p { 
	padding: 0 20px;
	font-weight: bold;
}
#facebook-only p img { 
	margin-right: 15px;
	display:inline-block;
	vertical-align:middle
}

/* News block */
.section-gardens #block-views-latest_news-block_2 {
}
.section-gardens #block-views-latest_news-block_2 h2  {
	font-weight: bold;
	font-size: 1.3em;
	background-image: url('/sites/all/themes/sanbi/images/icons/newspaper.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 35px;
	padding-top: 5px;
	min-height: 27px;
	margin: 0;
}
.section-gardens #block-views-latest_news-block_2:hover h2  {
	background-image: url('/sites/all/themes/sanbi/images/icons/newspaper-tilt.png');
}
.section-gardens #block-views-latest_news-block_2  {
	padding: 10px;
}
.section-gardens #block-views-latest_news-block_2 img {
	float: right;
}

/* Weather */
#wwo_widget_main {
	border: 0 !important;
}

/*
 * Footer
 */
#footer {
	background-color: #212121;
	height: 60px;
	padding-top: 40px;
	margin-top: 20px;	
}

#footer .section {
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
                   and for any blocks placed in the footer region */ {
}

.region-footer {
}

#footer ul {
	margin: 1.5em 0;
	padding: 0;
}
#footer li {
	list-style-type: none;
	color: #808080;
	float: left;
}
#footer li.last {
	float: right;
}
#footer li,
#footer li a,
#footer li a:visited {
	color: #808080;
}

/*
 * Closure
 */
.region-page-closure /* Wrapper for any blocks placed in the closure region */ {
}

/*
 * Drupal boxes
 *
 * Wrapper for Comment form, Comment viewing options, Menu admin, and
 * Search results.
 */
.box /* Wrapper for box */ {
}

.box h2 /* Box title */ {
}

.box .content /* Box's content wrapper */ {
}

/*
 * Markup free clearing (See: http://www.positioniseverything.net/easyclearing.html )
 */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be a collapsible fieldset that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.element-hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
/*
area {
	border: 5px solid green !important;
}*/

/**
 * Commenting turned on for news articles
 */

#comments #edit-preview,
#comments fieldset {
	display: none;
}


/** 
 * Calendar new

 /* Front page specific 
.front #block-views-event_calendar-calendar_block_1 .attachment-before, 
.front #block-views-event_calendar-calendar_block_1 .attachment-before .view-content {
	width: 170px !important;
}
.front #block-views-event_calendar-calendar_block_1 .view-content .calendar-calendar {
	margin-top: 5px !important;
}

#block-views-event_calendar-calendar_block_1 .view-content, 
#block-views-event_calendar-calendar_block_1 .attachment-after {
	width: 170px !important;
}
.attachment-after .calendar-calendar {
	padding-bottom: 15px;
}

.calendar-calendar {
	width: 169px !important;
	background: transparent url('/sites/all/themes/sanbi/images/calendarbg.png') top left no-repeat;
}
.view-content .calendar-calendar {
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 5px;

}
.attachment-after .calendar-calendar {
	background-position: 0 -48px;
}
.calendar-calendar div.date-nav a, 
.calendar-calendar div.date-nav h3 {
	color: #a84c19;
}
.calendar-calendar table.mini td.empty,
.calendar-calendar div.date-nav,
.calendar-calendar th.days {
	border: 0;
	background-color: transparent;
}
.calendar-calendar td {
	height: 25px;
	font-size: 0.75em;
	text-align: center;
	vertical-align: middle;
}
.calendar-calendar .month-view table.mini {
	width: 165px;
}
.calendar-calendar .month-view thead th {
	height: 20px;
	padding-bottom: 7px;
	font-size: 0.7em;
	color: #b3b3b3;
}
.calendar-calendar .month-view tr {
	background-color: transparent;
}
.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {
	background: #ade8b3 url('/sites/all/themes/sanbi/images/calendarbg-today.png') top left no-repeat;
}*/

/** 
 * Web page survey
 */
#footer .block-webform fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
#footer .block-webform .form-item .description {
	visibility: hidden;
	display: inline-block;
	zoom:1; *display: inline; _height: 110px;
	position: relative;
	color: #FFF;
	padding: 0px 30px 0px 50px;
	margin-top: -10px;
	width: 180px;
	height: 100px;
	background: transparent url('/sites/all/themes/sanbi/images/tooltip.png') top left no-repeat;
}
#footer .block-webform .form-item:hover .description {
	visibility: visible;
}
#footer .block-webform .wrapper-error .description {
	background-image: url('/sites/all/themes/sanbi/images/tooltip-error.png');
	visibility: visible;
}
#footer .block-webform .form-item .description p {
	display: table-cell;
	height: 92px;
	vertical-align: middle;
}
#footer .block-webform .form-item textarea {
	display: inline-block;
	width: 220px;
	zoom:1; *display: inline; _height: 110px;
}
#footer .block-webform .form-actions .form-submit,
#footer .block-webform #webform-component-stepper div {
	display: inline-block;
	color: #FFF;
	background: transparent url('/sites/all/themes/sanbi/images/prevnext-up.png') 0 0 no-repeat;
	height: 47px;
	line-height: 41px;
	padding: 0 50px 0 24px;
	cursor: pointer;
}
#footer .block-webform #webform-component-stepper div:hover {	background-image: url('/sites/all/themes/sanbi/images/prevnext-down.png'); }
#footer .block-webform #webform-component-stepper #previous { background-position: 0 -47px; padding-left: 40px; }
#footer .block-webform #webform-component-stepper #next {	float: right; }
#footer .block-webform .form-actions {
	margin-left: 394px;
	margin-top: -53px;
	display: block;
}
#footer .block-webform .form-actions .form-submit  { 
	background-image: url('/sites/all/themes/sanbi/images/done.png');
	text-align: center;
	width: 125px;
	padding: 0 14px 3px 0;
	height: 56px;
	border: none; 
	font-weight: bold;
	font-size: 15px;
}
#footer .block-webform .form-actions .form-submit:hover  { background-position: 0 -58px; }
	
#footer .block-webform {
	position: absolute;
	position: fixed;
	bottom: 0;
	right: 0;
	border: 10px solid #888888;
	background-color: #dddddd;
	padding: 0;
}
#footer .block-webform .content {
	display: none;
	width: 505px;
	padding: 20px;
	padding-top: 0;
	overflow: auto;
}
#footer .block-webform:hover h2 {
	color: #000;
}
#footer .block-webform h2 {
	font-size: 1.3em;
	cursor: pointer; 
	color: #555555;
	padding: 15px 35px 15px 15px;
	font-weight: bold;
	background: #ecf9ee url('/sites/all/themes/sanbi/images/minmax.png') 190px 20px no-repeat;
}
#block-webform-client-block-5468 h2.open {
	background-position: 195px -50px;
}
#footer .block-webform:hover {
	background-color: #FFF;
	border: 10px solid #70b177;
}
#footer .steps .content {
	background-image: url('/sites/all/themes/sanbi/images/step1.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}
#footer .step2 .content {
	background-image: url('/sites/all/themes/sanbi/images/step2.png');
}
#footer .step3 .content {
	background-image: url('/sites/all/themes/sanbi/images/step3.png');
}

/* Last updated date styling */
.updated_date {
  font-size: 11px;
  color: #494949;
  margin: 15px 0;
  clear: both;
  display: block;
}

/* Hide the last updated date on the front page. */
.front .updated_date {
  display: none;
}

/* POW block display */  
#block-views-weekly_features-block_2 .pow_pz_plant {
  padding: 5px;
  margin: 0;
}

#block-views-weekly_features-block_2 .pow_pz_plant {
    /* display: inline;
    width: 75px;
    float: left; */
    margin: 0;
    width: 199px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#block-views-weekly_features-block_2 .pow_pz_title,
#block-views-weekly_features-block_2 .pow_pz_name,
#block-views-weekly_features-block_2 .pow_pz_logo {
  /* width: 210px; */
  /* float: left; */
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
  #block-views-weekly_features-block_2 .pow_pz_title h3 {
    margin: 0;
    font-weight: normal;
    padding: 5px 0 0;
  }
  #block-views-weekly_features-block_2 .pow_pz_name {
    margin: 0 0 5px;
  }

/* Comment styles. */
#comments h2 {
	margin: 30px 0 20px;
}

#comments .comment .comment_author {
	font-size: 11px;
	color: #494949;
}
#comments .comment .comment_body {
  margin: 0 0 20px;
  font-size: 13px;
  color: #000;
}
#comments label {
  margin: 5px 0;
}

.sanbi_comments_tc {
	display: none;
}
#cart-form-buttons #edit-update,
#cart-form-products .qty .form-item {
	visibility: hidden;
}

/* PlantZAfrica survey */
.webform-component-select,
.webform-component-checkboxes,
.webform-component-radios {
	margin: 15px 0;
}

#webform-component-other-reason .form-item{ margin-top: -10px !important; }
#webform-component-other-reason label { font-weight: normal; }
.webform-component .description p { 
	margin-top: 0; 
	border: 1px solid #CFCFCF;
	background-color: #FFFDCA;
	padding: 5px;
	font-weight: bold;
}
.highlight {
	margin-top: 10px;
	padding: 5px 10px 5px 55px; 
	font-size: 11px; 
	width: 450px; 
	border: 1px solid #CFCFCF; 
	background: #FFFEEA url('/sites/all/themes/sanbi/images/buttons/faqs.png') 10px 15px no-repeat;
}	
.field-field-closingdate {
	display: none;
}
.show-cck .field-field-closingdate {
	display: block;
	float: right;
	width: 150px;
	border: 1px solid #CFCFCF;
	padding: 10px 10px 10px 45px; 
	background: #d4f5c6 url('/sites/all/themes/sanbi/images/icons/calendar-month.png') 10px 15px no-repeat;
	clear: both;
}
.node-type-student .field-type-filefield  .field-item,
.node-type-tender .field-type-filefield  .field-item {
	clear: both;
	margin: 10px 0;
}
.node-type-student .field-type-filefield  .field-label,
.node-type-tender .field-type-filefield  .field-label {
	margin-top: 20px;
}
#location {
	float: right; 
	display: block; 
	width: 150px; 
	padding: 10px 10px 10px 45px; 
	background: #D4F5C6 url('/sites/all/themes/sanbi/images/icons/direction.png') 10px 10px no-repeat;
	border: 1px solid #CFCFCF;
	clear: both;
	margin-bottom: 5px;
}
#jobpositiontype {
	font-weight: normal;
	font-size: 12px;
}
.page-programmes #content-area {
	display: none;
}

/* Biodiversity planning forum product stuff */
.node-type-biodiversityplanningforum .uc-price-product { display: none; }
.node-type-biodiversityplanningforum .basic-text  {
	float: left;
}
.node-type-biodiversityplanningforum .basic-text-wrapper  {
	clear: both;
	overflow: auto;
}
.node-type-biodiversityplanningforum .basic-text input {
	width: 	250px;
}
.node-type-biodiversityplanningforum .basic-text label {
	width: 100px;
	float: left;
}
.node-type-biodiversityplanningforum .basic-text-wrapper .even label {
	padding-left: 15px;
}
.node-type-biodiversityplanningforum #edit-attributes-19-wrapper,
.node-type-biodiversityplanningforum #edit-attributes-2-wrapper,
.node-type-biodiversityplanningforum #edit-attributes-21-wrapper,
.node-type-biodiversityplanningforum #edit-attributes-13-wrapper,
.node-type-biodiversityplanningforum #edit-attributes-14-wrapper,
.node-type-biodiversityplanningforum #edit-attributes-25-wrapper {
	background-color: #FFFCE5;
	padding: 10px;
}
.node-type-biodiversityplanningforum .attribute-2 label, 
.node-type-biodiversityplanningforum .attribute-19 label, 
.node-type-biodiversityplanningforum .attribute-17 label, 
.node-type-biodiversityplanningforum .attribute-18 label {
	display: inline;
	padding-right: 10px;
}
#cart-form-products .image { background-color: transparent; }


/* Creature Feature styles*/
.node-type-creature-feature .field-field-description {
  display: block;
  overflow: hidden;
}

.node-type-creature-feature .field {
  margin-bottom: 10px;
}

.node-type-creature-feature #content .section {
    /* [1] = changes to fix left menu sidebar being overlapped */
  padding-right: 340px;
  margin-right: 100px; /* 1 */
  padding-left: 100px; /* 1 */
  left: 100px; /* 1 */  
  position: relative;   
}


/* to force text to move below images wider than 250px instead of wrapping (170 = 420-250)) */
.node-type-creature-feature #content .field-item p:before, .node-type-creature-feature #content .field-item p:after {
  content: " ";
  height: 0px;
  width: 170px; 
  display: block;
  overflow: hidden;  
} 

.node-type-creature-feature #content .field-item img:before, .node-type-creature-feature #content .field-item img:after {
  content: " ";
  height: 0px;
  width: 170px; 
  display: block;
  overflow: hidden;  
} 
/* sometimes the text is embedded in the same paragraph as the image, since it starts with <strong> we can use that */
.node-type-creature-feature #content .field-item strong:before, .node-type-creature-feature #content .field-item strong:after {
  content: " ";
  height: 0px;
  width: 170px; 
  display: block;
  overflow: hidden;  
}
/* end force text to move below images wider than 250px instead of wrapping */

.node-type-creature-feature #content .section .field-field-animal-classification {
  position: absolute;
  top: 35px; 
  right: 0px;
  width: 288px;
  padding: 5px 10px;
  background: #D4F5C6;
  border: 1px solid #CFCFCF;
}

.sanbi-workflow-creature_feature .div .div

.view-creature-feature .views-field-view-node .field-content {
  max-width: 60%;  
}

.view-creature-feature .views-field-title h3 {
  margin-top: 0;
}

.view-creature-feature .views-field-view-node .field-content p {
  margin-bottom: 10px !important;
}

dl.search-results .search-info {
	display: none;
}

.job-ad-bottom-button, .job-ad-bottom-button-fixcenter {
   display: block;
   //margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   padding: 10px 10px;
   border: 1px solid blue;
   background: white;
   font-weight: bold;
   font-size: larger;
   text-align: center;
   width: 9em;
}

/* this is to align the apply online button with the centre of the preceding divs on the job page */
.job-ad-bottom-button-fixcenter {
   margin-left: -110px;
}

.job-ad-bottom-button-center {
   display:block;
   margin-left:auto;
   margin-right:auto;
   width:10em;
}

.social-icon-twitter {
   margin-left: 5px;
}