@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400);
/**
 * @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.
 */
/*
 * Body
 */
/* line 17, ../sass/pages.scss */
body {
  margin: 0;
  padding: 0;
  background: url("../images/fabric_plaid.png");
}

/* line 28, ../sass/pages.scss */
.front.page-redhen .item-list li a {
  font-family: "Open Sans Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  font-size: 1.4em;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
/* line 38, ../sass/pages.scss */
#skip-link {
  margin: 0;
}
/* line 42, ../sass/pages.scss */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
/* line 57, ../sass/pages.scss */
.header_wrapper {
  background: #B1C748; /* for non-css3 browsers */

/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B1C748', endColorstr='#777C1F'); *//* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#B1C748), to(#777C1F)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #B1C748,  #777C1F); /* for firefox 3.6+ */
    clear: both;
  min-height: 90px;
}
#header {
  min-height: 90px;
}
/* line 62, ../sass/pages.scss */
#name-and-slogan {
  /* Wrapper for website name and slogan */
  float: left;
  margin: 10px 5% 0 20px;
}
@media all and (max-width: 480px) {
  /* line 62, ../sass/pages.scss */
  #name-and-slogan {
    margin: 0 0 20px 0;
    width: 100%;
  }
}
@media all and (min-width: 481px) and (max-width: 720px) {
  /* line 62, ../sass/pages.scss */
  #name-and-slogan {
    margin: 30px 0 0 10px;
  }
}

/* line 77, ../sass/pages.scss */
#logo {
  /* Wrapping link for logo */
  float: left;
  /* LTR */
  margin: 10px 0 0 10px;
  padding: 0;
}
@media all and (max-width: 480px) {
  /* line 77, ../sass/pages.scss */
  #logo {
    float: none;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 20px;
  }
}
@media all and (min-width: 481px) and (max-width: 720px) {
  /* line 77, ../sass/pages.scss */
  #logo {

  }
}
/* line 94, ../sass/pages.scss */
#logo img {
  vertical-align: bottom;
  max-width: 100%;
}

/* line 102, ../sass/pages.scss */
#site-name {
  /* The name of the website */
  margin: 0;
  font-size: 2.5em;
  line-height: 2.5em;
  font-weight: normal;
  font-family: Helvetica;
}
@media all and (min-width: 801px) and (max-width: 960px) {
  /* line 102, ../sass/pages.scss */
  #site-name {
    font-size: 1.3em;
  }
}
@media all and (min-width: 481px) and (max-width: 800px) {
  /* line 102, ../sass/pages.scss */
  #site-name {
    font-size: 1.2em;
  }
}
/* line 117, ../sass/pages.scss */
#site-name a:link,
#site-name a:visited {
  color: #fafafa;
  text-decoration: none;
}
/* line 123, ../sass/pages.scss */
#site-name a:hover,
#site-name a:focus {
  text-decoration: none;
}

/* line 128, ../sass/pages.scss */
#site-slogan {
  /* The slogan (or tagline) of a website */
  margin: 0;
  font-size: 1em;
}

/* line 133, ../sass/pages.scss */
.region-header {
  /* Wrapper for any blocks placed in the header region */
  clear: both;
  /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
/* line 141, ../sass/pages.scss */
#main {
  background-repeat: no-repeat;
  background-position: top;
  background-color: white;
  font-size: .8em;
  background-color: white;
}

/*
 * Content
 */
/* line 158, ../sass/pages.scss */
.no-sidebars #content {
  padding: 2em;
  overflow:hidden;
  }
.page-subscribe #content, .page-user-register #content, .page-user #content
{
  background-image: url(../images/new-bckg-EEA.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  margin-top:40px;
  }
.page-subscribe-complete #subscribe-complete-wrapper
{margin-top:150px;}

.page-subscribe  #main, .page-user-register #main, .page-user #main
{background-image: url(../images/bckg-page-2.png);
background-repeat:repeat-x;
background-position:top;}

/* line 165, ../sass/pages.scss */
.breadcrumb {
  /* The path to the current page in the form of a list of links */
  margin-bottom: 2em;
}
/* line 167, ../sass/pages.scss */
.breadcrumb ol {
  margin: 0;
  padding: 0;
}
/* line 171, ../sass/pages.scss */
.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* line 184, ../sass/pages.scss */
h1.title,
h2.node-title,
h2.block-title,
h2.title,
h2.comment-form,
h3.title {
  /* Comment title */
  margin: 0;
}

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

/* line 192, ../sass/pages.scss */
tr.odd {
  /* background-color: #eee; */
  /* Drupal core uses a #eee background */
}

/* line 196, ../sass/pages.scss */
div.messages {
  /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
  margin: 1.5em 0;
  /* Drupal core uses "6px 0" margin */
  padding-left: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  font-size: 15px;
  width: auto;
  background-image: none;
  font-family: "Open Sans Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
}
/* line 205, ../sass/pages.scss */
div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 211, ../sass/pages.scss */
div.status {
  /* Normal priority messages */
  color: #468847;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}

/* line 218, ../sass/pages.scss */
div.warning,
tr.warning {
  /* Medium priority messages */
  /* border: 1px solid #f0c020; */
  /* Drupal core uses: 1px solid #f0c020 */
  color: #c09853;
  border-color: #FBEED5;
  background-color: #FCF8E3;
}

/* line 226, ../sass/pages.scss */
div.error,
tr.error {
  /* High priority messages. See also the .error declaration below. */
  color: #b94a48;
  border-color: #eed3d7;
  background-color: #f2dede;
}

/* line 232, ../sass/pages.scss */
.error {
  /* Errors that are separate from div.messages status messages. */
  /* color: #e55; */
  /* Drupal core uses a #e55 background */
  color: #b94a48;
}

/* line 237, ../sass/pages.scss */
.warning {
  /* Warnings that are separate from div.messages status messages. */
  /* color: #e09010; */
  /* Drupal core uses a #e09010 background */
  color: #c09853;
  border-color: #FBEED5;
  background-color: #FCF8E3;
}

/* line 244, ../sass/pages.scss */
.tabs {
  /* See also the tabs.css file. */
}

/* line 247, ../sass/pages.scss */
.region-help {
  /* Help text on a page */
}

/* line 250, ../sass/pages.scss */
.more-help-link {
  /* Link to more help */
}

/* line 253, ../sass/pages.scss */
.region-content {
  /* Wrapper for the actual page content */
}

/* line 256, ../sass/pages.scss */
ul.inline {
  /* List of links generated by theme_links() */
  display: inline;
  padding: 0;
}
/* line 260, ../sass/pages.scss */
ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
  /* LTR */
}

/* line 266, ../sass/pages.scss */
span.field-label {
  /* The inline field label used by the Fences module */
  padding: 0 1em 0 0;
  /* LTR */
}

/* line 270, ../sass/pages.scss */
.item-list .pager {
  /* A list of page numbers when more than 1 page of content is available */
  padding: 0;
}
/* line 273, ../sass/pages.scss */
.item-list .pager li {
  /* Each page number in the pager list */
  padding: 0 0.5em;
}

/* line 278, ../sass/pages.scss */
.feed-icon {
  /* The link to the RSS or Atom feed for the current list of content */
}

/* line 281, ../sass/pages.scss */
.more-link {
  /* Aggregator, blog, and forum more link */
}

/*
 * 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.)
 */
/*
 * 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.)
 */
/* line 305, ../sass/pages.scss */
.region-sidebar-first, .region-sidebar-second, #content {
  padding: 2em 0;
}

/*
 * Footer
 */
/* line 312, ../sass/pages.scss */
#footer {

  background: #478EA5; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#478EA5', endColorstr='#346F83'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#478EA5), to(#346F83)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #478EA5,  #346F83); /* for firefox 3.6+ */
  font-size: .8em;
  color: #fafafa;
  padding: 1em 2em;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
/* line 319, ../sass/pages.scss */
#footer h2 {
  font-size: 1em;
}
/* line 323, ../sass/pages.scss */
#footer a {
  color: #ff9900;
}
/* line 325, ../sass/pages.scss */
#footer a:hover {
  color: #ffc266;
}
@media all and (max-width: 480px) {
  /* line 312, ../sass/pages.scss */
  #footer {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}

/*
 * Page bottom
 */
/* line 339, ../sass/pages.scss */
.region-bottom {
  /* Wrapper for any blocks placed in the page bottom region */
  font-size: .8em;
  margin-top: 20px;
}

/* line 347, ../sass/pages.scss */
.page-redhen .item-list ul {
  margin: 0;
  padding: 0;
}
/* line 351, ../sass/pages.scss */
.page-redhen .item-list li {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

/* line 361, ../sass/pages.scss */
#content dl.node-type-list dt {
  margin: 0 1em 2em 0;
  float: left;
}
/* line 365, ../sass/pages.scss */
#content dl.node-type-list a {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0099e5), color-stop(100%, #0079b5));
  background-image: -webkit-linear-gradient(#0099e5, #0079b5);
  background-image: -moz-linear-gradient(#0099e5, #0079b5);
  background-image: -o-linear-gradient(#0099e5, #0079b5);
  background-image: linear-gradient(#0099e5, #0079b5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 1px 5px 3px 5px;
  border: 1px solid #0072ab;
  background: #0099e5;
  color: white;
  font-size: 1.1em;
  font-family: "Open Sans Condensed", Helvetica, Arial, "Nimbus Sans L", sans-serif;
  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
/* line 111, ../sass/_custom.scss */
#content dl.node-type-list a:hover {
  background: #0079b5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #008fd6), color-stop(100%, #006fa6));
  background-image: -webkit-linear-gradient(#008fd6, #006fa6);
  background-image: -moz-linear-gradient(#008fd6, #006fa6);
  background-image: -o-linear-gradient(#008fd6, #006fa6);
  background-image: linear-gradient(#008fd6, #006fa6);
}
/* line 116, ../sass/_custom.scss */
#content dl.node-type-list a:active {
  background: #0079b5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0079b5), color-stop(100%, #0099e5));
  background-image: -webkit-linear-gradient(#0079b5, #0099e5);
  background-image: -moz-linear-gradient(#0079b5, #0099e5);
  background-image: -o-linear-gradient(#0079b5, #0099e5);
  background-image: linear-gradient(#0079b5, #0099e5);
}

/*  =Mobile response styles
  ------------------------------------------------------ */
@media all and (max-width: 480px) {
  /* line 376, ../sass/pages.scss */
  #content, .region-bottom, #footer {
    padding-left: 7%;
    padding-right: 7%;
  }

  /* line 381, ../sass/pages.scss */
  #navigation {
    padding-left: 12%;
    padding-right: 0;
  }

  /* line 386, ../sass/pages.scss */
  #header {
    padding-top: 1em;
  }

  /* line 390, ../sass/pages.scss */
  body.admin-menu {
    margin-top: 40px !important;
  }
}
/* Toggle Drawer */
/* Code borrowed from AT_commerce http://drupal.org/project/at-commerce*/
/* line 399, ../sass/pages.scss */
.region-drawer {
  padding: 25px 20px 0 0;
}

/* line 403, ../sass/pages.scss */
.region-drawer a:hover,
.region-drawer a:focus {
  text-decoration: underline;
}

/* line 412, ../sass/pages.scss */
#drawer {
  display: block;
  width: 100%;
}

/* line 418, ../sass/pages.scss */
html.js #drawer,
#toggle-wrapper {
  display: none;
}

/* line 421, ../sass/pages.scss */
html.js #toggle-wrapper {
  display: block;
}

/* line 424, ../sass/pages.scss */
#drawer-wrapper a {
  text-decoration: underline;
}

/* line 427, ../sass/pages.scss */
#toggle-wrapper a {
  display: block;
  padding: 0 10px 2px;
  font-size: 0.923em;
  outline: 0;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

/* Site Header */
/* line 437, ../sass/pages.scss */
#header-wrapper {
  border-bottom: 1px solid #fff;
}

/* line 442, ../sass/pages.scss */
.region-drawer {
  background: #c5c5c5;
  background: rgba(0, 0, 0, 0.2);
  padding: 20px;
  font-size: .9em;
}
/* line 449, ../sass/pages.scss */
.region-drawer .block {
  margin-bottom: 0;
  padding-bottom: 0;
}
/* line 454, ../sass/pages.scss */
.region-drawer h2.block-title {
  border: none;
}
/* line 458, ../sass/pages.scss */
.region-drawer p {
  padding: 0;
  margin: 0;
}
/* line 463, ../sass/pages.scss */
.region-drawer h2 {
  margin-top: 0;
}

/* line 469, ../sass/pages.scss */
#drawer .toggle {
  float: right;
  margin-right: 0;
}
/* line 474, ../sass/pages.scss */
#drawer .toggle a span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 478, ../sass/pages.scss */
#drawer .toggle a {
  display: block;
  background: url(../images/close.png) no-repeat center top;
  width: 25px;
  height: 24px;
  margin-top: 20px;
  margin-right: 27px;
  -webkit-transition: 0s linear all;
  -moz-transition: 0s linear all;
  -o-transition: 0s linear all;
  transition: 0s linear all;
}

/* line 491, ../sass/pages.scss */
#toggle-wrapper .toggle {
  float: right;
  margin-right: 0;
}
/* line 496, ../sass/pages.scss */
#toggle-wrapper .toggle a span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
/* line 499, ../sass/pages.scss */
#toggle-wrapper .toggle a {
  display: block;
  background: url(../images/help_icon_sprite.png) no-repeat center -23px;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  -webkit-transition: 0s linear all;
  -moz-transition: 0s linear all;
  -o-transition: 0s linear all;
  transition: 0s linear all;
}
/* line 507, ../sass/pages.scss */
#toggle-wrapper .toggle a:hover {
  background: url(../images/help_icon_sprite.png) no-repeat center -1px;
}

/* Fix alignment issue of table in permissions page */
.page-admin-people-permissions #permissions tr.odd .form-item, .page-admin-people-permissions #permissions tr.even .form-item {
  white-space: normal;
}
.page-admin-people-permissions #permissions td.module, #user-admin-permissions td.module {
  background-color: lightgrey;
}
#user-admin-permissions tr.odd .form-item, #user-admin-permissions tr.even .form-item {
  white-space: normal;
}

/* Fix alignment issue of table in opoce page */
.view-opoce-export table {
  table-layout: fixed;
}

/* Fix alignment issue of table in contacts export page */
.view-export-contacts .view-content table {
  table-layout: fixed;
}
.view-export-contacts .custom-contacts-view {
  text-align: center;
  margin: 10px 0px;
}

/* Fix alignment issue of table in organisations export page */
.view-export-organisations .view-content table {
  table-layout: fixed;
}
.view-export-organisations .custom-organisations-view {
  text-align: center;
  margin: 10px 0px;
}

/* Custom alignment of views exposed filters */

.view-export-contacts #edit-field-org-types-tid-wrapper, .view-export-contacts #edit-field-contact-country-tid-wrapper, .view-export-contacts #edit-field-contact-languages-tid-wrapper, .view-export-contacts #edit-field-contact-position-tid-wrapper, .view-export-contacts #edit-field-country-group-value-wrapper {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
.view-export-contacts #edit-field-contact-organization-target-id-wrapper, .view-export-contacts #edit-field-contacts-thematics-tid-wrapper {
  float: right;
  width: 50%;
  padding: 0;
  margin: 0;
}
.view-export-contacts .views-submit-button {
  clear: left;
}
.view-export-contacts #edit-field-contact-organization-target-id {
  width: 400px;
}

.view-export-organisations #edit-field-country-group-value-wrapper, .view-export-organisations #edit-field-contact-country-tid-wrapper, .view-export-organisations #edit-field-org-city-tid-wrapper {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}
.view-export-organisations #edit-field-contact-country-tid-wrapper, .view-export-organisations #edit-field-org-city-tid-wrapper {
  clear: left;
}
.view-export-organisations #edit-field-org-types-tid-wrapper {
  float: right;
  width: 50%;
  padding: 0;
  margin: 0;
}
.view-export-organisations .views-submit-button {
  clear: left;
}

.view-opoce-export #edit-field-org-types-tid-wrapper, .view-opoce-export #edit-field-country-group-value-wrapper, .view-opoce-export #edit-field-contact-country-tid-wrapper {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
  clear: left;
}
.view-opoce-export #edit-field-current-position-value-wrapper, .view-opoce-export #edit-field-contact-languages-tid-wrapper {
  float: right;
  width: 50%;
  padding: 0;
  margin: 0;
}
.view-opoce-export .views-submit-button {
  clear: left;
}
#contacts-node-form #edit-field-contact-organization.form-field-type-entityreference {
  display: none;
}
.style_multiselect .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
}
.style_multiselect .ui-widget-header ul li a {
  color: #000000;
  font-size: 12px;
}
.style_multiselect .ui-widget-header ul li a.ui-multiselect-none {
}
.style_multiselect .ui-multiselect-checkboxes li label span {
  font-size: 12px;
}
.style_multiselect .ui-multiselect-checkboxes label input {
  top: 3px;
}
.style_child_level_2 {
  padding-left: 15px;
}
.style_hide_parent_term label {
  display: none;
}
.organisations-prefix-submit {
  margin: 10px 0;
  color: red;
}
.view-contact-node-view span.views-label, .view-organisation-node-view span.views-label {
  font-weight: bold;
}