/**
 * @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;
}

h1 {
  font-size: 2.2em;
}

#pattern-overlay {
  background: url("../images/45-degree-pattern.png") repeat-x;
}

#page-background.on {
  background: url("../images/user-page-background.png") center top scroll no-repeat transparent;
  /* the target of this link gets overwritten with the user-selected image or pattern*/
}

body.inversed {
  background: url("../images/background-gradient-with-top-grad-inversed.png") repeat-x scroll #faf9f8;
  /* not inversed set in color.css */
}

body.inversed #bottom-gradient {
  background: url("../images/background-bottom-gradient-inversed.png") repeat-x scroll bottom;
  /* not inversed set in color.css */
}

#page-wrapper {}

#page {}

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

#logo {
  float: left;
  /* LTR */
  margin: 0;
  padding: 0;
}

#logo img {
  vertical-align: bottom;
}

#name-and-slogan {
  float: left;
}

h1#site-name,
div#site-name {
  margin: 0;
}

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

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

#site-slogan {
  font-size: 1.077em;
  /* 14px */
  font-weight: bold;
}

.region-header {}

#site-title,
#site-title a,
#site-title a:visited {
  color: #ffffff;
  /* white - change to primary color for inversed scheme in color.css */
}

.logo-with-text {
  float: left;
  margin-right: 20px;
}

#block-apachesolr-panels-search-form {
  padding: 0;
  margin: 0;
}

/*
 * Frontpage Masthead
 */

#frontpage_mast h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}

#frontpage_mast p {
  margin: 20px 0;
}

#frontpage_mast #leftside h2 {
  font-weight: normal;
  margin-top: -15px;
}

body.masthead-full-width #frontpage_mast {
  margin-bottom: 0px;
}

body.masthead-full-width #navigation {
  margin-bottom: 0px;
}

body.masthead-full-width #leftside.transclucent {
  /* this is for the full width images only - the transclucent box needs to stop short of the bottom of the image */
  margin-bottom: 12px;
  margin-top: 12px;
}

#frontpage_mast.transclucent,
body.masthead-full-width #leftside.transclucent {
  /* solid white, transclucent or transparent #leftside depending on masthead options - do this through different classes rather than colour module */
  /* use image rather than background-color to make height of left column match right col (if right is longer - faux columns technique) */
  background: url("../images/masthead-bg-transclucent.png") repeat-y;
  /* transclucent - override this for ie6 to make white */
}

#frontpage_mast.transparent,
body.inversed #frontpage_mast.transparent,
body.masthead-full-width #leftside.transparent {
  background: none;
  /* transparent */
}

#frontpage_mast.transparent,
#frontpage_mast.transclucent #rightside,
#frontpage_mast.transparent a,
#frontpage_mast.transclucent #rightside a {
  color: #ffffff;
  /* text colour white */
}

#frontpage_mast .leftside-inner,
#frontpage_mast .rightside-inner {
  font-family: Georgia, "Times New Roman", "DejaVu Serif", serif;
  font-size: 1.2em;
  line-height: 1.5em;
}

/*
 * Main (container for everything else)
 */

#main {
  padding-left: 9px;
  padding-right: 9px;
  background-color: #ffffff;
  padding-bottom: 55px;
}

/*
 * Content
 */
#content {}

#content h1, h2 {
  margin-top: 20px;
}

#content .section {
  margin-top: 36px;
}

.region-highlighted {}

.breadcrumb {
  padding-bottom: 0;
  /* Undo system.css */
}

h1.title,
h2.node-title,
h2.block-title,
h2.title,
h2.comment-form,
h3.title {
  margin: 0;
}

.panel-panel h2, h3, h4 {
  margin-top: 5px;
}

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

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

div.messages {
  margin: 1.5em 0;
  /* Drupal core uses "6px 0" margin */
}

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

div.status {}

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

div.error,
tr.error {}

.error {
  /* color: #e55; */
  /* Drupal core uses a #e55 background */
}

.warning {
  /* color: #e09010; */
  /* Drupal core uses a #e09010 background */
}

div.tabs {}

.region-help {}

.more-help-link {}

.region-content {}

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

.item-list .pager {
  padding: 0;
  width: 630px;
  margin-left: -90px;
  padding: 20px 0;
}

.item-list .pager li {
  border: none;
}

.item-list .pager li a {
  padding: 5px 8px !important;
  border: 1px solid;
}

.item-list .pager li.pager-current {
  background: #006C99;
  border-color: #006C99;
  color: #FFF;
  padding: 6px 8px !important;
}

.pager-list .item-list {
  margin-top: 2em;
  border: none !important;
}

.feed-icon {}

.more-link {}

#content-footer-wrapper {
  background: url("../images/bottom-corner.png") bottom right no-repeat;
}

#content-footer {
  background: #ffffff;
  width: 973px;
  position: relative;
}

#content-footer .date {
  font-weight: bold;
}

#content-footer p {
  margin-left: 18px;
}

#content-footer p,
#content-footer li {
  margin-right: 40px;
}

/*new pane body middle, right styling*/

.pane-node-field-body-middle,
.pane-node-field-body-right {
  padding: 10px 0px;
  border-top: 6px solid;
}

/*
 * First sidebar (on left in LTR languages, on right in RTL) (except on front page, then it is also on right but is still the left most sidebar)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
.region-sidebar-first {}

.region-sidebar-first .section {
  margin-left: 18px;
  margin-right: 18px;
}

/*
 * 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 {
  margin-left: 18px;
  margin-right: 18px;
}

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

#footer a {
  text-decoration: none;
}

#footer #key_links ul,
#footer #site_details ul {
  list-style-type: none;
  padding-left: 0px;
  font-size: 0.923em;
}

#footer #key_links ul li.first,
#footer #site_details ul li.first {
  font-weight: bold;
}

#footer #site_details p {
  font-size: 1.077em;
  font-weight: bold;
}

#logos_footer {
  background-color: #fff;
  color: #000;
}

#footer a {
  background: none !important;
}

/* Footer Menu Blocks */

#footer .block-menu.first {
  margin-left: 18px;
}

#footer .block-menu {
  float: left;
  margin-left: 40px;
}

#footer .block-menu h2 {
  margin-top: 45px;
  font-size: 0.923em;
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#footer .block-menu ul {
  padding: 0;
  margin: 10px 0;
}

#footer .block-menu li {
  list-style: none;
}

#footer .block-menu li a {
  font-size: 0.923em;
}

#footer .block-menu li a.active {
  font-weight: normal;
}

#footer .block-menu li a:hover {
  text-decoration: underline;
}

/* Site tools */

#block-moh-tools-page-tools {
  margin: 0;
}

#block-moh-tools-page-tools ul li {
  float: left;
  list-style-type: none;
  padding: 0;
}

#block-moh-tools-page-tools ul li a:link,
#block-moh-tools-page-tools ul li a:visited {
  color: #212121;
  padding: 0 0 0 22px;
  background-repeat: no-repeat;
  margin: 0 15px 0 0;
  display: block;
  background-image: url(../images/sprite.png);
}

.item-list ul .share a {
  background-position: 0 -530px;
}

.item-list ul .rss a {
  background-position: 0 -464px;
}

.item-list ul .email a {
  background-position: 0 -66px;
}

.item-list ul .print a {
  background-position: 0 -332px;
}

/*
 * Share tools pop-up
 */
.social-features-popup {
  padding: 0 22px;
  font-size: 0.857em;
}

.social-features-popup {
  font-size: 0.923em;
}

.social-features-popup ul {
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.social-features-popup li {
  float: left;
}

.social-features-popup span {
  margin-bottom: 5px;
  display: block;
}

.service-links li a img {
  display: none !important;
}

.service-links .item-list li {
  width: 79px;
  margin: 0 0 5px 0;
  padding: 0;
}

.service-links li a:link,
.service-links li a:visited {
  padding: 0 0 0 23px;
  display: block;
  color: #4c4c4c;
  background-image: url(../images/sprite.png);
  background-repeat: no-repeat;
}

.service-links-reddit {
  background-position: 0 -398px;
}

.service-links-facebook {
  background-position: 0 -132px;
}

.service-links-twitter {
  background-position: 0 -596px;
}

.service-links-digg {
  background-position: 0 -596px;
}

#block-service-links-service-links h2.block-title {
  width: 230px;
  border: 1px solid #F3F2EA;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  line-height: 34px;
}

#block-service-links-service-links {
  background: url(../images/sprite.png) no-repeat 0 -792px;
  width: 324px;
  height: 175px;
  position: absolute;
  padding: 0;
  margin: 0;
  z-index: 1000;
  top: 33px;
  left: 309px;
  display: none;
}

#block-service-links-service-links h2.block-title {
  border: none;
  font-size: 1em;
  padding: 22px 0 0 22px;
}

#block-service-links-service-links .service-popup-close {
  height: 20px;
  width: 20px;
  display: block;
  position: absolute;
  top: 23px;
  right: 16px;
  cursor: pointer;
}

/*
 * Page bottom
 */
.region-bottom {}

/* Page Search */

body.page-search .panel-col-first {
  width: 243px;
}

body.page-search .panel-col-first .inside {
  padding: 0 18px;
  margin: 0;
}

body.page-search .panel-col-last {
  width: 677px;
}

body.page-search .panel-col-first h5 {
  border-top: 6px solid;
  padding: 0.5em 0;
  margin: 0;
}

body.page-search .panel-col-first .item-list ul {
  padding: 0;
  margin: 0;
}

body.page-search .panel-col-first .item-list li {
  list-style: none;
}

body.page-search .panel-col-first .item-list ul li a {
  width: 207px;
  margin-left: -9px;
  margin-top: -1px;
  padding: 2px 9px;
  display: block;
}

body.page-search .panel-col-first .item-list ul li a.active {
  color: #000000;
  font-weight: normal;
}


body.page-search .panel-col-first .item-list ul li img {
  border: none !important;
  margin: 3px 5px 0 0 !important;
}

.search-result .title {
  font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
  font-size: 1.077em;
  padding-bottom: 2px;
}

.search-results {
  padding: 0;
  margin: 0;
}

.search-results li {
  border-bottom: 1px solid;
  padding: 1em 0;
  margin-bottom: 0;
}

.search-results li.first {
  border-top: 1px solid;
}

.search-result .search-snippet-info {
  padding-left: 0;
}

.search-results p {
  margin-bottom: 2px;
}

.search-results .search-info, .search-results .search-info a {
  color: #545454;
}

.search-info a {
  font-weight: bold;
}

.pane-apachesolr-form .form-type-textfield, .pane-apachesolr-form .form-actions {
  display: inline;
}

body.page-search .pane-apachesolr-info .pane-content {
  font-size: 1.077em;
  font-weight: bold;
}

body.page-search .pane-apachesolr-info em {
  font-style: normal;
}

#apachesolr-panels-search-form #edit-captcha, #apachesolr-panels-search-block .captcha-admin-links {
  display: none;
}

.section-accessibility #content .section {
  font-size: 1.077em;
}

#content .quicktabs-tabpage p a, #content .text-block p a, #content .pane-node-content p a, #content .text-block-nested p a {
  text-decoration: underline;
}

.pane-node-field-body-left a, .node-page a {
  text-decoration: underline;
}

/**
 * Panelizer styling to bring default styles into line with panels
 */
.panel-3col-stacked .panel-col .inside {
  margin: 0 18px 1em;
}

.panel-3col-stacked {
  padding-left: 15px;
  padding-right: 18px;
}

.panel-3col-stacked .panel-col {
  width: 48%;
  padding-left: 9px;
  padding-right: 9px;
}

.panel-3col-stacked .panel-col-first {
  width: 24%;
  padding-right: 9px;
}

.panel-3col-stacked .panel-col-last {
  width: 24%;
  padding-left: 9px;
}

.no-border-top {
  border-top: none !important;
}

.panel-2col .panel-col-first,
.panel-2col .panel-col-last {
  width: 47%;
  padding-right: 18px;
}

.panel-2col .panel-col-first {
  padding-left: 18px;
}

.panels-flexible-region-inside,
.panel-2col-bricks,
.panel-1col {
  padding-left: 18px;
  padding-right: 18px;
}