/* $Id: zen.css,v 1.14 2008/09/15 10:36:22 johnalbin Exp $ */

:root {
  --xkcd-slate-blue: #5b7c99;
}

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */

/** body **/
body,
caption,
th,
td,
input,
textarea,
select,
option,
legend,
fieldset {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body#mimemail-body {
  padding: 8px;
}

body#mimemail-body.eyc-membership {
  font-family: serif;
  width: 30em;
  font-size: 16px;
}

a {
  color: rgb(51, 102, 153);
  text-decoration: none;
}

a:hover {
  color: rgb(255, 102, 0);
  text-decoration: underline;
}

.disallowed span {
  display: none;
}

td.forum div.name {
  font-weight: bold;
  font-size: 110%;
}

td.created,
td.last-reply {
  font-style: italic;
}

span.new {
  float: right;
  font-size: 12px;
}

span.new:before {
  content: "[";
}

span.new:after {
  content: "]";
}

.node-type-event .picture,
.node-type-story .picture {
  display: none;
}

.node-type-event .meta {
  display: none;
}

.event-nodeapi,
.event-start,
.event-end {
  display: inline;
}

h3 {
  color: rgb(51, 102, 153);
  margin-top: 2em;
}

h4 {
  color: rgb(204, 0, 0);
}

ul.menu li {
  margin-bottom: 1em;
  margin-top: 1em;
}

div.content > ul.menu > li {
  margin-top: 0px;
}

li.leaf,
li.collapsed,
li.expanded {
  list-style-type: none;
  list-style-image: none;
}

.block ul {
  padding-left: 1em;
}

.forum-topic-navigation .topic-previous {
  width: 83px;
  height: 0px;
  padding-top: 11px;
  background-image: url(previous-topic.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

.forum-topic-navigation .topic-next {
  width: 58px;
  height: 0px;
  padding-top: 11px;
  background-image: url(next-topic.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

.picture {
  float: left;
  margin-bottom: 1em;
}

.meta,
.submitted {
  text-align: right;
  font-style: italic;
}

.content {
  clear: both;
  margin-bottom: 1em;
  /* margin-top: 1em; */
}

td,
th {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

td:first-child,
th:first-child {
  padding-left: 0;
}

td:last-child,
th:last-child {
  padding-right: 0;
}

#block-user-0 h2.title {
  font-size: 120%;
}

#page {
  width: 658px;
  margin: 16px auto 16px auto;
  border: 1px solid #ccc;
  padding: 18px 48px 20px 48px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  box-shadow: 3px 3px 6px #888;
  -webkit-box-shadow: 3px 3px 6px #888;
  -moz-box-shadow: 3px 3px 6px #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: rgb(102, 102, 102);
}

#page-inner {
}

/** header **/
#header {
  margin-bottom: 20px;
}

#header-inner {
}
/* Wrapper for logo, website name, and slogan */
#logo-title {
}
/* Wrapper for logo */
#logo {
  margin: 0 10px 0 0;
  padding: 0;
}
/* The actual logo image */
#logo-image {
}
/* The name of the website */
h1#site-name,
div#site-name {
  margin: 0;
  font-size: 2em;
  line-height: 1.3em;
  font-family:
    "Adobe Garamond Pro", Garamond, "Hoefler Text", Palatino,
    "Palatino Linotype", "Times New Roman", Times, serif;
  font-size: 50px;
  font-weight: normal;
}

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

#site-name a:hover {
  text-decoration: underline;
}
/* The slogan (or tagline) of a website */
#site-slogan {
}
/* Wrapper for any blocks placed in the header region */
#header-blocks {
}

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

#main-inner {
}

/** content **/
#content {
}

#content-inner {
}
/* The mission statement of the site (displayed on homepage) */
#mission {
}
/* Wrapper for any blocks placed in the "content top" region */
#content-top {
}
/* Wrapper for breadcrumb, title, messages, tabs, and help */
#content-header {
}
/* The path to the current page in the form of a list of links */
.breadcrumb {
  /* padding-bottom: 0; /* Undo system.css */
}
/* The title of the page */
/* Block title or the title of a piece of content when it is given in a list of content */
h1.title,
h2.title {
  margin-bottom: 0.5em;
  color: black;
  font-family:
    "Adobe Garamond Pro", Garamond, "Hoefler Text", Palatino,
    "Palatino Linotype", "Times New Roman", Times, serif;
  font-weight: normal;
}

h1.title {
  margin-top: 0;
}

h2.title {
  margin-top: 1em;
}
/* Comment title */
h3.title {
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: black;
}

.front h1.title {
  display: none;
}
/* Important messages (status, warning, and error) for the user */
div.messages {
}
/* Normal priority messages */
div.status {
}
/* Medium priority messages */
div.warning,
tr.warning {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}
/* High priority messages. See also the .error declaration below. */
div.error,
tr.error {
}
/* See also the tabs.css file. */
div.tabs {
}
/* Help text on a page */
.help {
  margin: 1em 0;
}
/* Link to more help */
.more-help-link {
  font-size: 0.85em;
  text-align: right;
}
/* Wrapper for the actual page content */
#content-area {
}
/* A list of page numbers when more than 1 page of content is available */
.pager {
  clear: both;
  margin: 1em 0;
  text-align: center;
}

.pager a,
.pager strong.pager-current {
  padding: 0.5em;
}
/* The links to the RSS or Atom feeds for the current list of content */
.feed-icons {
  margin: 1em 0;
}
/* Wrapper for any blocks placed in the "content bottom" region */
#content-bottom {
}

/** navbar **/
#navbar {
}

#navbar-inner {
}
/* Wrapper for the search form */
#search-box {
}
/* Label that says "Search this site:" */
#edit-search-theme-form-1-wrapper label {
  display: none;
}
/* Primary links */
#primary {
}
/* Secondary links */
#secondary {
}

/** sidebar-left **/
#sidebar-left {
}

#sidebar-left-inner {
}

/** sidebar-right **/
#sidebar-right {
}

#sidebar-right-inner {
}

/** footer **/
#footer {
}

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

/** closure **/ /* Wrapper for any blocks placed in the closure region */
#closure-blocks {
}

/** Drupal nodes **/ /* Node wrapper */
.node {
  margin-bottom: 4em;
}
/* Additional wrapper for node */
.node-inner {
}
/* A sticky node (displayed before others in a list) */
.sticky {
}
/* Unpublished nodes */
.node-unpublished {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}
/* The word "Unpublished" displayed beneath the content. */
.node-unpublished div.unpublished,
.comment-unpublished div.unpublished {
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word; /* A very nice CSS3 property */
}
/* A node created by the current user */
.node-mine {
}
/* A node displayed as teaser */
.node-teaser {
}

/* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
/* Page content node */
.node-type-page {
}
/* Story content node */
.node-type-story {
}
/* Node title */
.node h2.title {
}
/* "New" or "Updated" marker for content that is new or updated for the current user */
.marker {
  color: #c00;
}
/* The picture of the node author */
.node .picture {
}

/* Otherwise floated pictures will appear below the "Unpublished" text. */
.node.node-unpublished .picture,
.comment.comment-unpublished .picture {
  position: relative;
}

/* Wrapper for submitted and terms data */
.node .meta {
}

/* The "posted by" information */
.node .submitted {
}

/* Node terms (taxonomy) */
.node .terms {
}

/* Node's content wrapper */
.node .content {
}
/* Wrapper for node links */
.node div.links {
  margin: 1em 0;
}
/* Taxonomy links, node links, comment links */
ul.links {
  margin: 0;
  padding: 0;
  & li {
    display: inline-block;
    list-style-type: none;
    margin-right: 1em;
    padding: 0;
  }
}

ul.links.inline {
  display: block;

  & li.node_read_more {
    background-color: #555;
    color: white;
    padding: 4px 6px 0 6px;
    border-radius: 3px;
    height: 16px;
    a {
      color: white;
    }
  }
}

/* Preview of the content before submitting new or updated content */
.preview .node {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/** Drupal comments **/
/* Wrapper for the list of comments and its title */
#comments {
  margin: 1em 0;
}
/* Heading for the list of comments */
#comments-title {
}
/* Wrapper for a single comment */
.comment {
}
/* Additional wrapper for a single comment */
.comment-inner {
}
/* Preview of the comment before submitting new or updated comment */
.comment-preview {
}
/* A new comment since the user last viewed the page. */
.comment.new {
}
/* An odd-numbered comment in the list of comments */
.comment.odd {
}
/* An even-numbered comment in the list of comments */
.comment.even {
}
/* The first comment in the list of comments */
.comment.first {
}
/* The last comment in the list of comments */
.comment.last {
}
/* Unpublished comments */
.comment-unpublished {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}
/* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
.comment-unpublished div.unpublished {
}
/* Published comments */
.comment-published {
}
/* A comment created by an anonymous user */
.comment-by-anon {
}
/* A comment created by the node's author */
.comment-by-author {
}
/* A comment created by the current user */
.comment-mine {
}
/* Comment title */
.comment h3.title {
}
/* "New" marker for comments that are new for the current user */
.new {
  color: #c00;
}
/* The picture of the comment author */
.comment .picture {
}
/* The "posted by" information */
.comment .submitted {
}
/* Comment's content wrapper */
.comment .content {
}
/* The user's signature */
.comment .user-signature {
}
/* Wrapper for comment links. See also the ul.links declaration in the node section above. */
.comment div.links {
  margin: 1em 0;
}
/* Nested comments are indented */
.indented {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}
/* Preview of the comment before submitting new or updated comment */
.preview .comment {
  /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
}

/** Drupal blocks **/ /* Block wrapper */
.block {
  margin-bottom: 1em;
}
/* Zebra striping for each block in the region */
.block.region-odd {
}
/* Zebra striping for each block in the region */
.block.region-even {
}
/* Zebra striping independent of each region */
.block.odd {
}
/* Zebra striping independent of each region */
.block.even {
}
/* Incremental count for each block in the region */
.region-count-1 {
}
/* Incremental count independent of each region */
.count-1 {
}
/* Additional wrapper for block */
.block-inner {
}
/* Block title */
.block h2.title {
}
/* Block's content wrapper */
.block .content {
}
/* Block for the latest news items in the first category */
#block-aggregator-category-1 {
}
/* Block for the latest news items in the first feed */
#block-aggregator-feed-1 {
}
/* First administrator-defined block */
#block-block-1 {
}
/* "Recent blog posts" block */
#block-blog-0 {
}
/* "Book navigation" block for the current book's table of contents */
#block-book-0 {
}
/* "Recent comments" block */
#block-comments-0 {
}
/* "Active forum topics" block */
#block-forum-0 {
}
/* "New forum topics" block */
#block-forum-1 {
}
/* "Primary links" block */
#block-menu-2 {
}
/* "Syndicate" block for primary RSS feed */
#block-node-0 {
}
/* "Most recent poll" block */
#block-poll-0 {
}
/* "Author information" block for the profile of the page's author */
#block-profile-0 {
}
/* "Search form" block */
#block-search-0 {
}
/* "Popular content" block */
#block-statistics-0 {
}
/* "User login form" block */
#block-user-0 {
}
/* "Navigation" block for Drupal navigation menu */
#block-user-1 {
  font-size: 13px;
}

div.content > ul.menu {
  margin-top: 0px;
  padding-left: 0px;
}
/* "Who's new" block for a list of the newest users */
#block-user-2 {
}
/* "Who's online" block for a list of the online users */
#block-user-3 {
}

/** Drupal boxes **/
/* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
/* Wrapper for box */
.box {
}
/* Additional wrapper for box */
.box-inner {
}
/* Box title */
.box h2.title {
}
/* Box's content wrapper */
.box .content {
}

/** Miscellaneous Drupal styles **/
/* Errors that are separate from div.messages status messages (see above.) */
.error {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}
/* Warnings that are separate from div.messages status messages (see above.) */
.warning {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}
/* Aggregator, blog, and forum more link */
.more-link {
  text-align: right;
}
/* Drupal's default login form */
#user-login-form {
  text-align: left;
}
/* Some tables have rows marked even or odd. See also the ".section-admin tr.even" declaration below. */
tr.even,
tr.odd {
  background-color: inherit;
  border-bottom: none;
  padding: 0;
}

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

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}
/* The active item in a Drupal menu */
li a.active {
  color: #000;
}

/** Drupal forms **/
/* Wrapper for a form element (or group of form elements) and its label */
.form-item,
.form-checkboxes,
.form-radios {
  margin: 1em 0;
}

/* Highlight the form elements that caused a form submission error */
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid #c00;
}

/* The label for a form element */
.form-item label {
  display: block;
  font-weight: bold;
}

/* The label for a radio button or checkbox */
.form-item label.option {
  display: inline;
  font-weight: normal;
}

/* The part of the label that indicates a required field */
.form-required {
  color: #c00;
}
/* The descriptive help text (separate from the label) */
.form-item .description {
  font-size: 0.85em;
}
/* Pack groups of checkboxes and radio buttons closer together */
.form-checkboxes .form-item,
.form-radios .form-item {
  margin: 0.4em 0;
}
/* The submit button */
.form-submit {
}
/* Inline labels and form divs */
/* Tips for Drupal's input formats */
.tips {
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

/** OpenID **/
/* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
/* OpenID creates a new ul above the login form's links. */
#user-login-form ul {
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

/* The "Log in using OpenID" links. */
#user-login-form li.openid-link,
#user-login li.openid-link {
  margin-top: 1em;
  margin-left: -20px; /* Un-do some of the padding on the ul list. */
  padding-left: 20px;
  background-position: left center;
}

/* The "Cancel OpenID login" links. */
#user-login-form li.user-link,
#user-login li.user-link {
  margin-top: 1em;
  list-style-type: disc;
  list-style-position: outside;
}
/* The OpenID links on the /user form. */
#user-login li.openid-link,
#user-login li.user-link {
  margin-left: -2em; /* Un-do all of the padding on the ul list. */
}

/** Drupal admin tables **/
/* We overrode these styles in html-elements.css, but restore them for the
   * admin section of the site.
   */
.section-admin tbody {
  border-top: 1px solid #ccc;
}

.section-admin th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

.section-admin tbody th {
  border-bottom: 1px solid #ccc;
}

.section-admin thead th {
  text-align: left;
  padding-right: 1em;
  border-bottom: 3px solid #ccc;
}

.section-admin tr.even,
.section-admin tr.odd {
  background-color: #eee;
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
}

/* Restore the blockquote margins that are removed by Zen */
blockquote {
  margin: 1em 20px;
}

.enrollment-options {
  width: 100%;
}

.enrollment-options td {
  padding-left: 1em;
  padding-right: 0px;
  padding-top: 1px;
  padding-bottom: 0.5em;
}

.enrollment-options td:first-child {
  padding-left: 0px;
}

.enrollment-options thead {
  color: black;
}

.enrollment-options th {
  color: black;
  text-align: left;
  padding-left: 1em;
  padding-right: 0px;
}

.enrollment-options th:first-child {
  padding-left: 0px;
}

.enrollment-options .time {
  width: 6em;
}

hr.class-divider {
  border-top: 1px dotted gray;
  border-bottom: 0px none;
  border-left: 0px none;
  border-right: 0px none;
  margin: 2em 0px;
}

hr.footnote-divider {
  border-top: 1px dotted gray;
  border-bottom: 0px none;
  border-left: 0px none;
  border-right: 0px none;
  margin: 1px 0px;
}

.session {
  & p {
    margin-left: 2em;
  }
  .schedule p {
    margin-bottom: 0;
  }
  & p.detailed-schedule-link {
    margin-top: 0;
  }
}

ul.images li {
  float: none;
  display: inline-block;
}

.picture img {
  -webkit-transform: rotate(-5deg);
  -webkit-box-shadow: 5px 5px 5px #888;
  -moz-transform: rotate(-5deg);
  -moz-box-shadow: 5px 5px 5px #888;
  transform: rotate(-5deg);
  box-shadow: 5px 5px 5px #888;
}

/*
.comment {
	padding: 1px 1em;
	background: -webkit-gradient(linear, left top, left bottom,
				color-stop(0.1,   #F7F5D5  ),
				color-stop(1.0, white));
	-webkit-border-radius: 1em;
}
*/

#block-views-notices-block_1 {
  margin-bottom: 3em;
  padding: 1em 0;
  border-bottom: 2px #c00 solid;
  border-top: 2px #c00 solid;
  .title {
    margin-top: 0;
    margin-bottom: 0.5em;
  }
  & ul {
    font-weight: bold;
    font-size: 120%;
    margin: 0;
  }
}

#flickr-gallery .photo {
  text-align: center;
  width: 100%;
}

/* Workaround for bug in spamicide module */
#edit-backtrack-url-1-wrapper,
.edit-backtrack-url-wrapper {
  display: none;
}

/* Overrides for default book layout */
.book-navigation {
  & ul.menu {
    border: 0 none;
    list-style: disc;
    padding-top: 0;
    & li {
      list-style: disc;
      margin-bottom: 0;
      margin-top: 0;
    }
  }
}

/* Format the private notes for the Rhodes 19 Sailor’s Handbook */
.field-field-notes {
  /* font-style: italic; */
  background-color: #ffc;
  border: 1px solid #cca;
  padding: 1em;
  color: #111;
  box-shadow: 2px 2px 8px #ddd;
  -webkit-box-shadow: 2px 2px 8px #ddd;
  -moz-box-shadow: 2px 2px 8px #ddd;
  .field-items {
    margin-left: 2em;
    margin-right: 2em;
  }
}

del {
  color: #dca85c;
  text-decoration: line-through;
}

#block-simplenews-0 {
  float: right;
  width: 15em;
  background-color: #ffc;
  border: 1px solid #eeb;
  padding: 0 1em;
  margin-left: 2em;
  #edit-mail-1 {
    width: 15em;
  }
}

#edit-name-wrapper {
  clear: both;
}

.simplenews-template-body {
  width: 652px;
}

.views-table {
  & td:first-child {
    padding-left: 0;
  }
  & tr.even,
  tr.odd {
    background-color: white;
    & td {
      border-bottom: 1px solid #ccc;
    }
  }
  & tr.views-row-last {
    & td {
      border-bottom: 0px;
    }
  }
}

.views-admin-links {
  width: 30em;
  text-align: right;
  right: 0;
}
/* Override the default table cell formatting. */
td,
th,
thead th {
  padding: 0 0.5em;
  &:first-child {
    padding: 0 0.5em 0 0;
  }
  &:last-child {
    padding: 0 0 0 0.5em;
  }
}
.striped {
  & tr.even {
    background-color: #fff2d6;
  }
  & td,
  & th,
  thead th {
    padding: 0 0.5em;
    &:first-child {
      padding: 0 0.5em;
    }
    &:last-child {
      padding: 0 0.5em;
    }
  }
}
thead tr:last-child {
  border-bottom: 1px solid black;
}
tfoot tr:first-child {
  border-top: 1px solid black;
}
tfoot td {
  font-weight: bold;
}
td.active {
  background-color: #eee;
}

#block-views-notices-block_1 {
  .content {
    margin-bottom: 0.5em;
  }
}

/* Workaround for bug in spamicide module */
#edit-backtrack-url-1-wrapper,
.edit-backtrack-url-wrapper {
  display: none;
}

/* Format the user login block at the top of the registration pages. */
/*
#block-user-0 {
	background-color:#FFF4AA;
	border: 1px solid #EE9;
	padding: 1em;
	#edit-name-1-wrapper {
		width: 12em;
		float: left;
	}
	#edit-pass-wrapper {
		width: 12em;
		float: left;
	}
	#edit-submit-1 {
		display: block;
		float: left;
		margin: 2.7em 0 1em 0;
	}
	.item-list {
		clear: both;
		ul {
			padding-left: 0;
			list-style-position: inside;
		}
	}
	.title {
		margin-top: 0;
	}
	.content {
		margin: 0;
	}
}
*/
.edit-backtrack-url-wrapper {
  display: none;
}

#mimemail-body {
  width: 652px;
  #content {
    float: none;
  }
}

/*
.page-fun-raiser, .page-fun-raiser-rsvp, .page-fun-raiser-email1 {
  #content-header {
    text-align: center;
  }
  h1.title {
    font-family: 'Fontdiner Swanky', 'Party LET', 'Segoe Print', 'Chalkduster', 'Comic Sans MS', fantasy;
    font-weight: normal;
    color: #9cb98a;
    font-variant: normal;
  }
}
*/

.edit {
  a {
    margin-left: 0.5em;
  }
  a:first-child {
    margin-left: 0;
  }
}

#age-query {
  border: 8px solid var(--xkcd-slate-blue);
  border-radius: 1em;
  padding: 1em;
  text-align: center;
}

div.view div.views-admin-links {
  width: auto;
  margin-left: auto;
  margin-right: 0 !important;
  & ul {
    display: block;
    width: auto;
    & li {
      display: inline;
    }
  }
}

.season-long-series,
.fleet-seasons,
.racing-fleets {
  float: right;
  width: 25%;
  padding-left: 1em;
  margin-left: 1em;
  border-left: 1px solid #ccc;
  margin-bottom: 1em;
  & h2.pane-title {
    font-size: 1.2em;
  }
}

.pane-node-content .node {
  clear: none;
  .content {
    clear: none;
  }
}

.view-notices {
  & li {
    clear: right;
    .views-field-phpcode {
      float: right;
      .flag-color-orange {
        color: #f97306;
        font-size: 48px;
      }
      .flag-color-green {
        color: #15b01a;
        font-size: 48px;
      }
      .flag-color-red {
        color: #e50000;
        font-size: 48px;
      }
    }
  }
  .feed-icon {
    right: 2px;
    bottom: 2px;
    position: absolute;
  }
}

.container-inline {
  & label {
    display: inline-block;
  }
  .description {
    display: block;
  }
  > .form-item {
    min-height: 27px;
    margin: 0 0 4px 0;
    display: inline-block;
    > label {
      display: inline-block;
      min-width: 7em;
    }
  }
  .form-radios > .form-item {
    display: inline-block;
    margin-right: 1em;
    &:last-child {
      margin-right: 0;
    }
  }
}

input[type="submit"] {
  margin: 1em 1em 0 0;
}

/* Adjustments to jQuery UI tabs */
.ui-tabs-nav {
  border-right: none;
  border-left: none;
  & li {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    font-size: 80%;
    a {
      background: -webkit-linear-gradient(#ececec 0%, #d2d2d2 100%);
    }
  }
}

#operation-tabs {
  margin: 1.5em 0 1em 0;
  .ui-tabs-nav {
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    & li {
      font-size: inherit;
      margin-right: 4px;
      a {
        padding: 0.3em 1em;
      }
    }
    & li.ui-tabs-selected {
      /*box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3); */
    }
  }
  .ui-tabs-panel {
    /*box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3); */
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    color: inherit;
  }
}