/**
 * @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
 */
body {
  margin: 0;
  padding: 0;
}

#page-wrapper {
}

#page {
  background-color: white;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#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
 */
#header {
}

#header .section {
  border-bottom: 1px dashed #B0B0B0;
  border-top: 1px dashed #B0B0B0;
}

#header-secondary .section {
  border-bottom: 1px dashed #B0B0B0;
  padding: 20px;
  height: 20px;
}

#header-secondary h1 {
  margin: 0;
}

#header-secondary h1 img {
  position: absolute;
  top: 20px;
  left: 20px;
}

#logo, #logo2 /* Wrapping link for logo */ {
  float: left; /* LTR */
  margin: 0 20px 0 0;
  padding: 0;
}

#logo2 {
  margin-top: 44px;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  float: left;
}

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

#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 */ {
  clear: both; /* Clear the logo */
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
  border-bottom: 1px dashed #B0B0B0;
}

/*
 * Content
 */
#content {
}

#content .section {
}

.region-highlighted {
}

.breadcrumb /* The path to the current page in the form of a list of links */ {
  padding-bottom: 0; /* Undo system.css */
  margin: 20px 20px 0 20px;
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0;
}

h1.title {
  margin: 0 20px 1em 20px;
}

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. */ {
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

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. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.view .item-list {
  clear: left;
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0 20px;
  height: 34px;
  background: URL('../images/button_sprite_bg.png') left top repeat-x;
  display: inline-block;
  width: auto;
  position: relative;
}

.item-list .pager li /* Each page number in the pager list */ {
  display: inline-block;
  width: 34px;
  height: 34px;
  padding: 0;
}

.item-list .pager li a {
  display: block;
  width: 34px;
  height: 19px;
  padding: 7px 0 8px 0;
}

.item-list .pager li a:hover,
.item-list .pager li a:focus {
  background: URL('../images/pager_sprite_bg.png') no-repeat left 0px;
  text-decoration: none;
  color: white;
  text-shadow: #666666 0px 1px 0px;
}

.item-list .pager li.pager-current {
  background: URL('../images/pager_sprite_bg.png') no-repeat left -34px;
  color: white;
  text-shadow: #666666 0px 1px 0px;
  font-weight: normal;
  height: 19px;
  padding: 7px 0 8px 0;
}

.item-list .pager li:last-child,
.item-list .pager li.pager-next {
  position: absolute;
  right: -17px;
  top: 0;
}

.item-list .pager li:first-child,
.item-list .pager li.pager-previous {
  position: absolute;
  left: -17px;
  top: 0;
}

.item-list .pager li.pager-next a,
.item-list .pager li.pager-previous a {
  background: URL('../images/button_sprite_rechts_links.png') no-repeat 0px 0px;
  color: white;
  text-shadow: #666666 0px 1px 0px;
  font-weight: normal;
  /*font-size: 0.1em;*/
  text-indent: -9999em;
}

.item-list .pager li.pager-next a {
  background-position: -34px 0px;
}

.item-list .pager li.pager-next a:hover,
.item-list .pager li.pager-next a:focus {
  background-position: -34px -34px;
}

.item-list .pager li.pager-previous a:hover,
.item-list .pager li.pager-previous a:focus {
  background-position: 0px -34px;
}

.item-list .pager li.pager-first,
.item-list .pager li.pager-last {
  display: none;
}

.view .item-list {
  text-align: center;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}

.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.)
 */
.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 {
}

/*
 * Footer
 */
.region-footer {
}

/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
  background: URL('../images/footer.png') no-repeat left top;
  height: 64px;
  padding: 20px 0;
  font-size: 0.813em;
  line-height: 1.385em;
  font-style: italic;
  color: white;
  text-shadow: #666666 0px 1px 0px;
  border-bottom: 1px dashed #B0B0B0;
}

.region-bottom ul.menu {
  margin: 0;
  padding: 0 20px;
  list-style: none;
}

.region-bottom ul.menu li {
  display: block;
  margin: 0 0 14px 0;
  padding: 0 0 0 30px;
  width: 150px;
  list-style: none;
  float: left;
}

.region-bottom ul.menu li a {
  color: inherit;
  text-decoration: none;
}

.region-bottom .menu-mlid-477 /* Facebook */ {
  background: URL('../images/icon_facebook.png') no-repeat left center;
}

.region-bottom .menu-mlid-478 /* Twitter */ {
  background: URL('../images/icon_twitter.png') no-repeat left center;
}


/*
 * Buttons
 */
.button {
  display: inline-block;
  position: relative;
  text-decoration: none !important;
  color: #5F5F5F;
  text-shadow: none;
  height: 34px;
  margin: 0 16px;
}

.button .content {
  display: block;
  padding: 7px 0 8px 0;
  height: 19px;
  background: URL('../images/button_sprite_bg.png') repeat-x left top;
}

.button .pre-link {
  display: block;
  height: 34px;
  width: 16px;
  background: URL('../images/button_sprite_links.png') no-repeat left top;
  position: absolute;
  top: 0;
  left: -16px;
}

.button .post-link {
  display: block;
  height: 34px;
  width: 16px;
  background: URL('../images/button_sprite_rechts.png') no-repeat left top;
  position: absolute;
  top: 0;
  right: -16px;
}

.button.blue,
.button.red,
.button:hover {
  color: white;
  text-shadow: #666666 0px 1px 0px;
}

.button.blue .pre-link,
.button.blue .post-link,
.button.blue .content {
  background-position: left -34px;
}

.button.red .pre-link,
.button.red .post-link,
.button.red .content {
  background-position: left -68px;
}

.button:hover .post-link,
.button:focus .post-link,
.button:hover .pre-link,
.button:focus .pre-link,
.button:hover .content,
.button:focus .content {
  background-position: left -68px;
}

.button.red:hover .post-link,
.button.red:focus .post-link,
.button.red:hover .pre-link,
.button.red:focus .pre-link,
.button.red:hover .content,
.button.red:focus .content {
  background-position: left -34px;
}



/*
 * Frontpage panels
 */
#frontpage .panels-flexible-column {
  width: 0;
}

#frontpage .panels-flexible-row {
  padding: 0;
}

#frontpage .panels-flexible-region {
  width: auto;
}

#frontpage .frontpage-row-top {
  border-bottom: 1px dashed #B0B0B0;
  padding: 0 20px;
}

#frontpage .row-gallery {
  background: URL('../images/human_rights_map_bg.jpg') no-repeat left top;
  border-bottom: 1px dashed #B0B0B0;
  height: 420px;
}

#frontpage .region-top-left {
  padding: 40px 20px;
  float: left;
  width: 500px;
  margin: 0;
}

#frontpage .region-top-right {
  padding: 40px 0 40px 0px;
  /*margin-left: 550px;*/
  color: white;
  text-shadow: #666666 0px 1px 0px;
  font-size: 1.286em;
  line-height: 1.222em;
  position: relative;
  width: 370px;
}

#frontpage .panels-flexible-column-1-2 {
  width: 540px;
}

#frontpage .panels-flexible-column-1-3 {
  width: 440px;
}

#frontpage .region-top-right h2 {
  margin-top: 0;
  color: white;
  font-size: 1em;
}

#frontpage .region-top-right p {
  margin: 7px 0;
}

#frontpage .region-top-right .button {
  font-size: 0.778em;
}

#frontpage .region-top-right .button.red {
  position: absolute;
  left: 0px;
  bottom: -14px;
}

#frontpage .region-top-right .button.blue {
  position: absolute;
  right: -40px;
  bottom: -14px;
}

#frontpage .panel-region-center .pane-node {
  padding: 20px 20px;
}
#frontpage .panel-region-center .view .node {
  padding: 20px 60px;
  border-top: 1px dashed #B0B0B0;
}

/*
 * Frontpage gallery
 */
#frontpage .region-top-left .inside {
  background: URL('../images/statements_background_2.png') left top no-repeat;
}

#frontpage .region-top-left .view {
  position: relative;
}

#frontpage .region-top-left .view-content {
  width: 500px;
  height: 340px;
  overflow: hidden; /* Prevents multiple gallery images shown when JavaScript is off */
}

#frontpage .region-top-left .gallery-prev a,
#frontpage .region-top-left .gallery-next a {
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 153px;
  left: 10px;
  background: URL('../images/button_sprite_rechts_links.png') left top no-repeat;
  text-indent: -9999em;
}

#frontpage .region-top-left .gallery-next a {
  background-position: -34px 0px;
  left: auto;
  top: 153px;
  right: 10px;
}

#frontpage .region-top-left .gallery-next a:hover {
  background-position: -34px -34px;
}

#frontpage .region-top-left .gallery-prev a:hover {
  background-position: 0px -34px;
}

#frontpage .region-top-left .views-row {
  position: relative;
  height: 340px;
}

#frontpage .region-top-left .views-row .views-field-title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  color: white;
  background: URL('../images/transparent.png') repeat left top;
}

#frontpage .region-top-left .views-row .views-field-title span {
  padding: 0 10px;
}

/*
 * About page
 */
.jury_list.detail img {
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
}
.jury_list img {
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  background: url(/images/hrl/loading_bg.gif?1317296058) center no-repeat #E5E5E5;
  width: 60px;
  height: 60px;
}

.jury_list.detail li {
  width: 33%;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.jury_list.detail p {
  margin: 0 0 20px 70px;
  font-size: 0.857em;
  font-weight: normal;
  font-style: italic;
}

.jury_list.detail p a, .jury_list.detail p span {
  font-weight: normal;
  font-style: normal;
  font-size: 1.166em;
  line-height: 1.8;
}

/*
 * Upload page
 */
.page-upload .region-content {
  padding: 0 20px 20px 20px;
}

.page-upload .upload-sidebar {
  float: right;
  width: 300px;
  padding: 0px 20px;
}

.page-upload .upload-sidebar p {
  margin: 0;
}

.page-upload .upload-main {
  margin-right: 340px;
}

/* Upload page gallery */
.view-gallery-images.view-display-id-block_1 {
  position: relative;
  margin-top: 20px;
}

.view-gallery-images.view-display-id-block_1 .node-gallery-image.node-teaser {
  margin: 0 10px;
}

.view-gallery-images.view-display-id-block_1 .view-content,
.view-gallery-images.view-display-id-block_1 .bx-wrapper {
  margin-left: auto;
  margin-right: auto;
  height: 220px;
  overflow: hidden;
}

.view-gallery-images.view-display-id-block_1 .view-content .views-row {
  width: 162px;
  height: 220px;
  float: left;
}

.view-gallery-images.view-display-id-block_1 .gallery-prev a,
.view-gallery-images.view-display-id-block_1 .gallery-next a {
  display: block;
  width: 34px;
  height: 34px;
  position: absolute;
  top: 54px;
  left: 10px;
  background: URL('../images/button_sprite_rechts_links.png') left top no-repeat;
  text-indent: -9999em;
}

.view-gallery-images.view-display-id-block_1 .gallery-next a {
  background-position: -34px 0px;
  left: auto;
  top: 54px;
  right: 10px;
}

.view-gallery-images.view-display-id-block_1 .gallery-next a:hover {
  background-position: -34px -34px;
}

.view-gallery-images.view-display-id-block_1 .gallery-prev a:hover {
  background-position: 0px -34px;
}

/* Blog page */
.page-blog .view .node {
  padding: 20px 20px;
  border-top: 1px dashed #B0B0B0;
}

/* Downloads Page */
.view-downloads h2 {
  clear: left;
  margin: 0 20px 0.5em 20px;
}

.download-preview-image {
  float: left;
  clear: left;
}

.download-preview-image img {
  border: 1px solid #B0B0B0;
}

.download-preview-image:hover img {
  border: 1px solid #8E8E8E;
}

.download-content-area {
  margin-left: 110px;
}

/* RP12 changes */
#rp12banner {
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px dashed #B0B0B0;
  z-index: 10;
}

#header .section {
  border-bottom: none !important;
}

#header-secondary {
  position: relative;
  /*padding-top: 90px;*/ /* twitter-image */
}

#header-secondary img {
  left: 20px !important;
  bottom: 20px !important;
  top: auto !important;
}