Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • SAFETYCOURSESONLINE.NET used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SAFETYCOURSESONLINE.NET are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SAFETYCOURSESONLINE.NET includes "https://safetycoursesonline.net/templates/rt_chapelco/css-compiled/master-06aa187f660f7e58f1c4a5b7a86d4438.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
      font-family: 'ExoRegular';
      src: url('../fonts/exo-regular-webfont.eot');
      src: url('../fonts/exo-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/exo-regular-webfont.woff') format('woff'), url('../fonts/exo-regular-webfont.ttf') format('truetype'), url('../fonts/exo-regular-webfont.svg#ExoRegular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'ExoDemiBold';
      src: url('../fonts/exo-DemiBold-webfont.eot');
      src: url('../fonts/exo-DemiBold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/exo-DemiBold-webfont.woff') format('woff'), url('../fonts/exo-DemiBold-webfont.ttf') format('truetype'), url('../fonts/exo-DemiBold-webfont.svg#ExoDemiBold') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    .rok-left {
      float: left;
    }
    .rok-right {
      float: right;
    }
    .rok-dropdown-group,
    .rok-dropdown {
      position: relative;
    }
    .rok-dropdown-open .rok-dropdown {
      display: block;
    }
    .rok-popover-group,
    .rok-popover {
      position: relative;
    }
    .rok-popover-open .rok-popover {
      display: block;
    }
    a:hover {
      text-decoration: none;
    }
    .table {
      display: table;
    }
    .cell {
      display: table-cell;
    }
    html {
      margin-bottom: 1px;
      height: 100%;
    }
    body {
      margin-bottom: 1px;
    }
    .rt-block {
      padding: 15px;
      margin: 12px 10px 20px;
      position: relative;
    }
    #rt-content-top,
    #rt-content-bottom {
      overflow: hidden;
    }
    .rt-grid-1:before,
    .rt-grid-2:before,
    .rt-grid-3:before,
    .rt-grid-4:before,
    .rt-grid-5:before,
    .rt-grid-6:before,
    .rt-grid-7:before,
    .rt-grid-8:before,
    .rt-grid-9:before,
    .rt-grid-10:before,
    .rt-grid-11:before,
    .rt-grid-12:before {
      display: table;
      content: "";
      clear: both;
    }
    .rt-grid-1:after,
    .rt-grid-2:after,
    .rt-grid-3:after,
    .rt-grid-4:after,
    .rt-grid-5:after,
    .rt-grid-6:after,
    .rt-grid-7:after,
    .rt-grid-8:after,
    .rt-grid-9:after,
    .rt-grid-10:after,
    .rt-grid-11:after,
    .rt-grid-12:after {
      display: table;
      content: "";
      clear: both;
    }
    .font-family-optima {
      font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
    }
    .font-family-geneva {
      font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;
    }
    .font-family-helvetica {
      font-family: Helvetica, Arial, FreeSans, sans-serif;
    }
    .font-family-lucida {
      font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
    }
    .font-family-georgia {
      font-family: Georgia, sans-serif;
    }
    .font-family-trebuchet {
      font-family: "Trebuchet MS", sans-serif;
    }
    .font-family-palatino {
      font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
    }
    body {
      font-size: 13px;
      line-height: 1.7em;
      font-family: Helvetica, Arial, Sans-Serif;
    }
    .font-size-is-xlarge {
      font-size: 16px;
      line-height: 1.7em;
    }
    .font-size-is-large {
      font-size: 15px;
      line-height: 1.7em;
    }
    .font-size-is-default {
      font-size: 14px;
      line-height: 1.7em;
    }
    .font-size-is-small {
      font-size: 12px;
      line-height: 1.7em;
    }
    .font-size-is-xsmall {
      font-size: 10px;
      line-height: 1.7em;
    }
    p {
      margin: 0 0 15px 0;
    }
    h1 {
      font-size: 260%;
    }
    h2 {
      font-size: 200%;
    }
    h3 {
      font-size: 175%;
    }
    h4 {
      font-size: 130%;
    }
    h5 {
      font-size: 110%;
    }
    a {
      text-decoration: none;
    }
    a:focus {
      outline: none;
    }
    .left-1,
    .left-2,
    .left-3,
    .left-4,
    .left-5,
    .left-6,
    .left-7,
    .left-8,
    .left-9,
    .left-10,
    .right-11 {
      float: left;
      margin-right: 50px;
      margin-bottom: 15px;
      position: relative;
    }
    .right-1,
    .right-2,
    .right-3,
    .right-4,
    .right-5,
    .right-6,
    .right-7,
    .right-8,
    .right-9,
    .right-10,
    .right-11 {
      float: right;
      margin-left: 50px;
      margin-bottom: 15px;
      position: relative;
    }
    .date-block {
      padding: 15px;
    }
    ol {
      padding-left: 15px;
    }
    ul li {
      padding: 0;
      margin: 0;
    }
    ul li.author {
      margin: 0;
      letter-spacing: 1px;
      list-style: none;
      font-weight: bold;
      text-align: right;
    }
    ul li.author span {
      display: block;
      font-weight: normal;
      margin-bottom: 10px;
      line-height: 1em;
    }
    ul li.date {
      margin: 0;
      letter-spacing: 1px;
      list-style: none;
      text-align: right;
      font-weight: bold;
    }
    ul li.date span {
      display: block;
      font-weight: normal;
      margin-bottom: 10px;
      line-height: 1em;
    }
    ul li.comments {
      list-style: none;
      text-align: right;
      font-weight: bold;
    }
    ul li.comments span {
      display: block;
      font-weight: normal;
      margin-bottom: 10px;
      line-height: 1em;
    }
    ul ul {
      margin-left: 25px;
      padding: 5px 0;
    }
    body.rtl {
      direction: rtl;
    }
    body.rtl {
      min-width: inherit;
    }
    html body * span.clear,
    html body * div.clear,
    html body * li.clear,
    html body * dd.clear {
      background: none;
      border: 0;
      clear: both;
      display: block;
      float: none;
      font-size: 0;
      list-style: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
    .clearfix:after {
      clear: both;
      content: '.';
      display: block;
      visibility: hidden;
      height: 0;
    }
    .clearfix {
      display: inline-block;
    }
    * html .clearfix {
      height: 1%;
    }
    .clearfix {
      display: block;
    }
    #debug #rt-main {
      overflow: hidden;
      border-bottom: 4px solid #666;
      margin-top: 15px;
      position: relative;
    }
    #debug .status {
      position: absolute;
      background: #333;
      opacity: 0.3;
      padding: 0 15px;
      z-index: 10000;
      color: #fff;
      font-weight: bold;
      font-size: 150%;
    }
    .hidden {
      display: none;
      visibility: hidden;
    }
    .visible-phone {
      display: none !important;
    }
    .visible-tablet {
      display: none !important;
    }
    .hidden-desktop {
      display: none !important;
    }
    .hidden-large {
      display: none !important;
    }
    .row {
      margin: 0 -15px;
    }
    .gantry-width-block {
      display: block;
      float: left;
    }
    .gantry-width-spacer {
      margin: 15px;
    }
    .gantry-width-10 {
      width: 10%;
    }
    .gantry-width-20 {
      width: 20%;
    }
    .gantry-width-25 {
      width: 25%;
    }
    .gantry-width-30 {
      width: 30%;
    }
    .gantry-width-33 {
      width: 33.33%;
    }
    .gantry-width-40 {
      width: 40%;
    }
    .gantry-width-50 {
      width: 50%;
    }
    .gantry-width-60 {
      width: 60%;
    }
    .gantry-width-66 {
      width: 66.66%;
    }
    .gantry-width-70 {
      width: 70%;
    }
    .gantry-width-75 {
      width: 75%;
    }
    .gantry-width-80 {
      width: 80%;
    }
    .gantry-width-90 {
      width: 90%;
    }
    .gantry-left {
      float: left;
      margin-right: 15px;
    }
    .gantry-right {
      float: right;
      margin-left: 15px;
    }
    .gantry-center {
      text-align: center;
    }
    .gantry-center td,
    .gantry-center th {
      text-align: center;
    }
    #rt-top .rt-block {
      padding: 5px;
      margin: 5px 10px 5px;
      position: relative;
    }
    #rt-header .rt-omega .rt-block {
      padding: 5px;
      margin: 5px 10px 5px;
      position: relative;
    }
    .component-body {
      padding: 20px;
    }
    .component-content .row-separator {
      display: block;
      clear: both;
      margin: 0;
      border: 0;
      height: 1px;
    }
    .component-content .item-separator {
      display: none;
      margin: 0;
    }
    .component-content .shownocolumns {
      width: 98%;
    }
    .component-content .column-1,
    .component-content .column-2,
    .component-content .column-3,
    .component-content .column-4,
    .component-content .page-header {
      padding: 10px 0;
    }
    .component-content .column-2 {
      width: 55%;
      margin-left: 40%;
    }
    .component-content .column-3 {
      width: 30%;
    }
    .component-content .cols-1 {
      display: block;
      float: none !important;
      margin: 0 !important;
    }
    .component-content .cols-2 .column-1 {
      width: 48%;
      float: left;
    }
    .component-content .cols-2 .column-2 {
      width: 48%;
      float: right;
      margin: 0;
    }
    .component-content .cols-3 .column-1 {
      float: left;
      width: 29%;
      margin-right: 7%;
    }
    .component-content .cols-3 .column-2 {
      float: left;
      width: 29%;
      margin-left: 0;
    }
    .component-content .cols-3 .column-3 {
      float: right;
      width: 29%;
      padding: 10px 0;
    }
    .component-content .cols-4 .column-1 {
      float: left;
      width: 23%;
      margin-right: 2%;
    }
    .component-content .cols-4 .column-2 {
      float: left;
      width: 23%;
      margin-left: 0;
      margin-right: 2%;
    }
    .component-content .cols-4 .column-3 {
      float: left;
      width: 23%;
      margin-right: 2%;
    }
    .component-content .cols-4 .column-4 {
      float: right;
      width: 23%;
      margin-right: 2%;
    }
    .component-content .items-row {
      margin-bottom: 10px;
    }
    .component-content .blog-more {
      padding: 10px 5px;
    }
    .component-content .page-header {
      border-bottom: 0;
    }
    .categories-list {
      padding: 0 5px;
    }
    .categories-list ul {
      margin: 0 0 0 20px;
      padding: 0;
    }
    .categories-list ul li {
      list-style-type: none;
      margin: 0;
    }
    .categories-list ul ul {
      margin-left: 15px;
    }
    .categories-list dl dt,
    .categories-list dl dd {
      display: inline;
    }
    .category-desc {
      line-height: 1.7em;
      margin: 10px 0;
      padding-left: 0;
    }
    .cat-children ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .component-content ul.actions {
      float: right;
    }
    .component-content ul.actions li {
      list-style: none;
      display: inline-block;
    }
    .component-content ul.actions li a {
      display: block;
      font-size: 14px;
      margin-left: 8px;
    }
    .component-content ul.actions li i,
    .component-content ul.actions li [class^="icon-"],
    .component-content ul.actions li [class*=" icon-"] {
      display: none;
    }
    .component-content ul.actions .print-icon img {
      display: none;
    }
    .component-content ul.actions .print-icon a:before {
      font-family: FontAwesome;
      content: "\f02f";
    }
    .component-content ul.actions .email-icon img {
      display: none;
    }
    .component-content ul.actions .email-icon a:before {
      font-family: FontAwesome;
      content: "\f0e0";
    }
    .component-content ul.actions .edit-icon img {
      display: none;
    }
    .component-content ul.actions .edit-icon a:before {
      font-family: FontAwesome;
      content: "\f044";
    }
    .component-content .article-info {
      display: block;
      margin-bottom: 15px;
      font-size: 13px;
    }
    .component-content .article-info dd {
      margin-left: 0;
      display: block;
    }
    .component-content .article-info dd:before {
      font-family: FontAwesome;
      margin-right: 2px;
      text-shadow: none;
    }
    .component-content .article-info .parent-category-name:before {
      content: "\f0c9";
    }
    .component-content .article-info .category-name:before {
      content: "\f0c9";
    }
    .component-content .article-info .create:before {
      content: "\f017";
    }
    .component-content .article-info .modified:before {
      content: "\f017";
    }
    .component-content .article-info .published:before {
      content: "\f017";
    }
    .component-content .article-info .createdby:before {
      content: "\f040";
    }
    .component-content .article-info .hits:before {
      content: "\f019";
    }
    .component-content .article-info .article-info-term {
      display: none;
    }
    .component-content .content_vote {
      margin: 10px 0;
    }
    .component-content .tags {
      margin: 10px 0;
    }
    .component-content .blog-featured h2 {
      margin-top: 0;
    }
    .component-content .blog h2 {
      margin-top: 0;
    }
    .component-content .item-page h2 {
      margin-top: 0;
    }
    .component-content .pagenav {
      padding: 2px;
      clear: both;
      margin-top: 20px;
      margin-left: 0;
      overflow: hidden;
    }
    .component-content .pagenav li {
      list-style: none;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-color: transparent;
      background-color: transparent;
    }
    .component-content .pagenav li a {
      padding: 4px 10px;
      font-size: 14px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .component-content .pagenav .pagenav-prev {
      float: left;
    }
    .component-content .pagenav .pagenav-next {
      float: right;
    }
    .component-content .items-leading {
      margin-bottom: 25px;
    }
    .component-content .img-intro-right,
    .component-content .img-fulltext-right {
      float: right;
      margin-left: 10px;
      margin-bottom: 10px;
    }
    .component-content .img-intro-left,
    .component-content .img-fulltext-left {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
    }
    .component-content #mailto-window h2 {
      font-size: 1.7em;
    }
    .component-content .edit #editor-xtd-buttons a:link,
    .component-content .edit #editor-xtd-buttons a:hover,
    .component-content .edit #editor-xtd-buttons a:visited {
      color: #323232;
    }
    .component-content .edit #editor-xtd-buttons a.btn {
      font-size: 12px;
    }
    .component-content .edit #editor-xtd-buttons a.btn:link,
    .component-content .edit #editor-xtd-buttons a.btn:hover,
    .component-content .edit #editor-xtd-buttons a.btn:visited {
      color: #000000;
    }
    .component-content .edit #editor-xtd-buttons .readmore {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .component-content .edit #editor-xtd-buttons .readmore:before {
      display: none;
    }
    .component-content .edit legend {
      font-size: 150%;
    }
    .component-content .edit #adminForm fieldset {
      padding: 20px 15px;
      margin: 10px 0 15px 0;
    }
    .component-content .edit #adminForm .formelm-area {
      padding: 5px 0;
    }
    .component-content .edit #adminForm .formelm-area label {
      vertical-align: top;
      display: inline-block;
      width: 7em;
    }
    .component-content .edit .input-append .btn {
      font-size: 12px;
    }
    .component-content .formelm {
      margin: 5px 0;
    }
    .component-content .formelm label {
      width: 9em;
      display: inline-block;
      vertical-align: top;
    }
    .component-content .formelm-buttons {
      text-align: right;
      margin-bottom: 10px;
    }
    .component-content .button2-left {
      float: left;
      margin-right: 5px;
      margin-top: 10px;
    }
    .component-content .button2-left .readmore {
      background-image: none;
      background-color: transparent;
      border: none;
      padding: 0;
      text-shadow: none;
      font-size: inherit;
      text-transform: inherit;
    }
    .component-content table.adminlist thead th {
      background: none;
    }
    .component-body .table-hover tbody tr:hover td,
    .component-body .table-hover tbody tr:hover th,
    .component-body .table-striped tbody tr:nth-child(odd) td,
    .component-body .table-striped tbody tr:nth-child(odd) th {
      background-color: transparent;
    }
    .component-body .table-bordered th,
    .component-body .table-bordered td,
    .component-body .table th,
    .component-body .table td,
    .component-body .table-bordered,
    .component-body .list-striped li,
    .component-body .list-striped dd,
    .component-body .row-striped .row,
    .component-body .row-striped .row-fluid {
      border-color: #E0E0E0;
    }
    .manager.thumbnails > li {
      float: left !important;
      margin-left: 20px !important;
      list-style: none;
    }
    .control-label {
      color: ;
    }
    .control-group {
      margin-left: 0 !important;
    }
    .adminlist .title > a {
      font-weight: bold;
    }
    .calendar td.button {
      background-image: none;
      background-color: transparent;
      border: none !important;
      padding: 0;
      text-shadow: none;
      font-size: inherit;
      text-transform: inherit;
      color: #000000;
      display: table-cell;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      line-height: inherit;
    }
    .calendar td.button:hover {
      color: #000000 !important;
    }
    .calendar tbody td.hilite,
    .calendar tbody td.selected {
      border: none;
      padding: 2px 4px 2px 2px;
    }
    .calendar td.title {
      font-size: 1.4em;
      display: table-cell;
      line-height: inherit;
    }
    .calendar tr.daynames td {
      border: none !important;
    }
    .component-content .items-more {
      padding-top: 10px;
    }
    .component-content .items-more h3 {
      font-weight: normal;
      margin: 0;
      padding: 0;
      font-size: 1.4em;
    }
    .component-content .items-more ol {
      line-height: 1.3em;
      list-style-type: none;
      margin: 0;
      padding: 10px 0 10px 2px;
    }
    .component-content .items-more ol li {
      margin-bottom: 5px;
    }
    .component-content .items-more ol li a {
      display: inline;
      font-weight: normal;
      padding: 0;
    }
    .component-content .items-more ol li a:before {
      font-family: FontAwesome;
      content: "\f054";
      margin-right: 4px;
    }
    .component-content .pagination {
      margin: 10px 0;
      padding: 10px 0;
      clear: both;
      text-align: center;
    }
    .component-content .pagination .counter {
      text-align: center;
      margin: 0;
      font-weight: bold;
      margin-bottom: 5px;
    }
    .component-content .pagination ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      text-align: center;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .component-content .pagination ul li {
      display: inline-block;
      text-align: center;
    }
    .component-content .pagination ul li a,
    .component-content .pagination ul li span {
      margin: 0 1px;
      padding: 2px 5px;
      font-size: 1.1em;
      line-height: 1.3em;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      background: none;
      border: none;
      text-shadow: none;
    }
    .component-content .pagination-start,
    .component-content .pagination-next,
    .component-content .pagination-end,
    .component-content .pagination-prev {
      border: 0;
    }
    .component-content .pagination-start {
      padding: 0;
    }
    .component-content .pagination-start span {
      padding: 0;
    }
    .component-content #password-lbl,
    .component-content #username-lbl {
      width: 130px;
      display: block;
      float: left;
      font-size: 1.2em;
      line-height: 2em;
    }
    .component-content .login .control-label {
      padding-top: 0;
    }
    .component-content .login-fields {
      margin-bottom: 5px;
    }
    .component-content .login-fields #remember-lbl {
      display: inline-block;
      margin-right: 5px;
    }
    .component-content .login-fields #remember {
      margin: 0;
    }
    .component-content .login-fields #username,
    .login-fields #password,
    #contact-form dd input,
    #contact-form dd textarea,
    #modlgn-username,
    #modlgn-passwd,
    #jform_email,
    #member-registration dd input,
    #search-searchword,
    .finder .inputbox {
      padding: 4px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      line-height: 1.6em;
    }
    .component-content .login + div {
      margin-top: 12px;
    }
    .component-content .login + div ul li,
    #login-form li {
      list-style: none;
    }
    .component-content .login + div ul li a:before,
    #login-form a:before {
      font-family: FontAwesome;
      content: "\f059";
      margin-right: 4px;
    }
    .component-content .login + div ul {
      padding: 0;
      margin-left: 0;
    }
    .component-content .login-description {
      margin: 10px 0;
    }
    #login-form .userdata {
      margin: 12px 0;
    }
    #login-form ul {
      padding: 0;
      margin-left: 0;
    }
    #login-form ul li a {
      font-size: 14px;
    }
    #login-form input[type="text"],
    #login-form input[type="password"] {
      width: 94%;
      max-width: 300px;
    }
    #login-form #form-login-remember label {
      display: inline-block;
    }
    #login-form #form-login-remember input {
      margin: 0;
    }
    .breadcrumb {
      background-color: transparent;
    }
    .breadcrumb li {
      text-shadow: none;
    }
    #rt-breadcrumbs .breadcrumb,
    #rt-breadcrumbs [class^="breadcrumb"] {
      padding: 0;
      margin: 0;
    }
    #rt-breadcrumbs .breadcrumb li,
    #rt-breadcrumbs [class^="breadcrumb"] li {
      list-style: none;
      float: left;
    }
    #rt-breadcrumbs .breadcrumb a:after,
    #rt-breadcrumbs [class^="breadcrumb"] a:after {
      margin: 0 10px;
    }
    #rt-breadcrumbs .breadcrumb img,
    #rt-breadcrumbs [class^="breadcrumb"] img {
      display: none;
    }
    #rt-breadcrumbs a {
      font-size: 14px;
    }
    #rt-breadcrumbs a:after {
      font-family: FontAwesome;
      content: "\f054";
      margin: 0 5px 0 10px;
    }
    #rt-breadcrumbs .showHere {
      font-weight: bold;
      margin-right: 5px;
    }
    #rt-breadcrumbs .rt-block {
      padding: 10px 15px;
    }
    #rt-breadcrumbs .divider {
      display: none;
    }
    #rt-breadcrumbs li:first-child .divider {
      display: inline;
    }
    .component-content table {
      border-collapse: collapse;
    }
    .component-content table.table-bordered {
      border-collapse: separate;
      *border-collapse: collapse;
    }
    .component-content table.weblinks {
      font-size: 14px;
      margin: 10px 10px 20px 0;
      width: 99%;
    }
    .component-content table.weblinks td {
      border-collapse: collapse;
      padding: 7px;
    }
    .component-content table.weblinks td p {
      margin: 0;
      line-height: 1.3em;
    }
    .component-content table.weblinks th {
      padding: 7px;
      text-align: left;
    }
    .component-content table.category {
      font-size: 14px;
      margin: 10px 10px 20px 0;
      width: 99%;
    }
    .component-content table.category td {
      padding: 7px;
    }
    .component-content table.category th {
      padding: 7px;
      text-align: left;
    }
    .component-content table.category th a img {
      padding: 2px 10px;
    }
    .component-content .weblink-category td.title {
      font-size: 14px;
    }
    .component-content .num {
      vertical-align: top;
      text-align: left;
    }
    .component-content .hits {
      vertical-align: top;
    }
    .component-content .filter {
      margin: 10px 0;
      text-align: right;
      margin-right: 7px;
    }
    .component-content .archive .filter-search {
      float: none;
      padding-left: 0;
    }
    .component-content .archive .filter-search .button {
      margin-top: -10px;
    }
    .component-content .archive .filters {
      margin-bottom: 25px;
    }
    .component-content .archive #archive-items {
      list-style: none;
      margin: 0 0 10px 0;
    }
    .component-content .element-invisible {
      position: absolute;
      margin-left: -3000px;
      margin-top: -3000px;
      height: 0;
    }
    .component-content .cat-items {
      margin-top: 20px;
    }
    .component-content .cat-items .filter-search {
      margin-bottom: 10px;
    }
    .component-content .cat-items select {
      margin-bottom: 0;
    }
    .component-content #member-registration {
      padding: 0 5px;
    }
    .component-content form fieldset dt {
      clear: left;
      float: left;
      width: 12em;
      padding: 3px 0;
    }
    .component-content form fieldset dd {
      float: left;
      padding: 3px 0;
    }
    .invalid,
    .login-fields #username.invalid,
    .login-fields #password.invalid,
    #contact-form dd input.invalid,
    #contact-form dd textarea.invalid,
    #modlgn-username.invalid,
    #modlgn-passwd.invalid,
    #jform_email.invalid,
    #member-registration dd input.invalid,
    #search-searchword.invalid,
    .finder .inputbox.invalid,
    .inputbox.invalid {
      border-color: #ff0000;
    }
    label.invalid {
      color: #ff0000 !important;
    }
    input[type="radio"],
    input[type="checkbox"] {
      margin-right: 5px;
    }
    .component-content .searchintro {
      font-weight: normal;
      margin: 20px 0 20px;
    }
    .component-content #searchForm .inputbox {
      margin-bottom: 0;
    }
    .component-content #searchForm input[type="radio"],
    .component-content #searchForm input[type="checkbox"] {
      float: left;
    }
    .component-content #searchForm,
    .component-content #finder-search {
      padding: 0 5px;
    }
    .component-content .form-limit {
      margin: 20px 0 0;
      text-align: right;
      padding: 0 10px 0 20px;
    }
    .component-content .highlight {
      font-weight: bold;
    }
    .component-content .ordering-box {
      width: 40%;
      float: right;
    }
    .component-content .phrases-box {
      width: 60%;
      float: left;
    }
    .component-content .only,
    .component-content .phrases {
      margin: 10px 0 0 0;
      line-height: 1.3em;
    }
    .component-content label.ordering {
      display: block;
      margin: 10px 0 10px 0;
    }
    .component-content .word {
      padding: 10px 10px 10px 0;
    }
    .component-content .word input {
      font-weight: bold;
      padding: 4px;
      font-size: 14px;
    }
    .component-content .word label {
      font-weight: bold;
    }
    .component-content fieldset.only label,
    .component-content fieldset.phrases label {
      margin: 0 10px 0 0;
    }
    .component-content .ordering-box label.ordering {
      margin: 0 10px 5px 0;
    }
    .component-content form .search label,
    .component-content form .finder label {
      display: none;
    }
    .component-content form #finder-filter-select-list label {
      display: block;
      margin-top: 10px;
      margin-bottom: 2px;
    }
    .component-content .search legend {
      font-weight: bold;
    }
    .component-content .search-results .result-title {
      padding: 15px 15px 0 5px;
      font-weight: bold;
    }
    .component-content .search-results dd {
      padding: 2px 15px 2px 5px;
    }
    .component-content .search-results .result-text {
      padding: 10px 15px 10px 5px;
      line-height: 1.7em;
    }
    .component-content .search-results .result-url {
      font-size: 14px;
      padding: 2px 15px 15px 5px;
    }
    .component-content .search-results .result-created {
      padding: 2px 15px 15px 5px;
    }
    .component-content .search-results .result-category {
      padding: 10px 15px 5px 5px;
    }
    .component-content .contact {
      padding: 0;
    }
    .component-content .contact .button {
      float: none !important;
      clear: left;
      display: block;
      margin: 20px 0 0 0;
    }
    .component-content .contact .title {
      font-size: 1.3em;
      margin: 0 0 2px 0;
      border: 0;
      box-shadow: none;
      padding: 0;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
    .component-content .contact .title a {
      display: block;
      padding: 10px;
    }
    .component-content .contact .title a span {
      line-height: 1em;
    }
    .component-content .contact .title a span:before {
      font-family: FontAwesome;
      content: "\f055";
      margin: 0 10px 0 0;
      font-size: 1.3em;
      display: inline;
      vertical-align: middle;
    }
    .component-content .contact .pane-toggler-down a span:before {
      content: "\f056";
    }
    .component-content .contact-category {
      padding: 0 10px;
    }
    .component-content .contact-category #adminForm .filters {
      border: 0;
      padding: 0;
    }
    .component-content .contact-image {
      margin: 10px 0;
      overflow: hidden;
      display: block;
    }
    .component-content .contact-image img {
      max-width: 100%;
    }
    .component-content address {
      font-style: normal;
      margin: 10px 0;
    }
    .component-content address span {
      display: block;
    }
    .component-content .contact-address {
      margin: 20px 0 10px 0;
    }
    .component-content .contact-email div {
      padding: 2px 0;
      margin: 0 0 10px 0;
    }
    .component-content .contact-email label {
      width: 17em;
      float: left;
    }
    .component-content #contact-textmsg {
      padding: 2px 0 10px 0;
    }
    .component-content #contact-email-copy {
      float: left;
      margin-right: 10px;
    }
    .component-content dl.tabs {
      float: left;
      margin: 50px 0 0 0;
      z-index: 50;
      clear: both;
    }
    .component-content dl.tabs dt {
      float: left;
      padding: 4px 10px;
      border-left: 1px solid #ccc;
      border-right: 1px solid #cccccc;
      border-top: 1px solid #cccccc;
      margin-right: 3px;
      background: #f0f0f0;
      color: #666666;
    }
    .component-content dl.tabs .open {
      background: #F9F9F9;
      border-bottom: 1px solid #F9F9F9;
      z-index: 100;
      color: #000000;
    }
    .component-content .current {
      clear: both;
      border: 1px solid #cccccc;
      padding: 10px 10px;
    }
    .component-content .current dd {
      padding: 0;
      margin: 0;
    }
    .component-content #content-pane.tabs {
      margin: 1px 0 0 0;
    }
    .component-content #article-index {
      float: right;
    }
    .component-content #article-index ul {
      margin-left: 0;
      margin-bottom: 20px;
      list-style: none;
    }
    .component-content #article-index ul > li {
      float: none;
      margin-bottom: -1px;
    }
    .component-content #article-index ul > li > a {
      border: 1px solid;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      margin-right: 0;
      padding: 8px 12px;
      line-height: 20px;
      display: block;
      background-color: #ffffff;
      border-color: #E0E0E0;
    }
    .component-content #article-index ul > li > a:hover {
      background-color: #ebebeb;
      border-color: #E0E0E0;
    }
    .component-content #users-profile-core,
    .component-content #users-profile-custom {
      margin: 10px 0 15px 0;
      padding: 15px;
    }
    .component-content #users-profile-core dt,
    .component-content #users-profile-custom dt {
      float: left;
      width: 12em;
      padding: 3px 0;
      margin-right: 10px;
    }
    .component-content #users-profile-core dd,
    .component-content #users-profile-custom dd {
      padding: 3px 0;
    }
    .component-content #member-profile fieldset,
    .component-content .registration fieldset {
      margin: 10px 0 15px 0;
      padding: 15px;
    }
    .component-content #users-profile-core legend,
    .component-content #users-profile-custom legend,
    .component-content .profile-edit legend,
    .component-content .registration legend {
      font-weight: bold;
    }
    .component-content .profile-edit #member-profile fieldset dd,
    .component-content .registration #member-registration fieldset dd {
      float: none;
      padding: 5px 0;
    }
    .component-content .profile-edit #member-profile fieldset dd input,
    .component-content .profile-edit #member-profile fieldset dd select,
    .component-content .registration #member-registration fieldset dd input {
      width: 17em;
    }
    .component-content .profile-edit #member-profile fieldset dt,
    .component-content .registration #member-registration fieldset dt {
      padding: 5px 5px 5px 0;
      width: 13em;
    }
    .component-content .optional {
      font-size: 14px;
    }
    .component-content .contentpaneopen_edit {
      float: left;
    }
    .component-content .mceButton:hover {
      background: none !important;
    }
    .component-content .edit #adminForm fieldset {
      padding: 20px 15px;
      margin: 10px 0 15px 0;
    }
    .component-content .formelm {
      margin: 5px 0;
    }
    .component-content .formelm .fltlft {
      float: left;
    }
    .component-content .formelm label {
      width: 13em;
      display: inline-block;
      vertical-align: top;
      width: 100%;
    }
    .component-content .formelm .button2-left,
    .component-content .formelm .media-preview {
      margin: 3px 0 0 10px;
    }
    .component-content .formelm .button2-left a,
    .component-content .formelm .media-preview a {
      padding: 3px 10px !important;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .component-content #adminForm .formelm-area {
      padding: 5px 0;
    }
    .component-content #adminForm .formelm-area label {
      vertical-align: top;
      display: inline-block;
      width: 7.9em;
    }
    .component-content .formelm-buttons {
      text-align: right;
      margin-bottom: 10px;
    }
    .component-content .button2-left .blank a,
    .component-content .button2-left a,
    .component-content .button2-left .readmore a {
      background: #eee;
      padding: 4px !important;
      margin: 0 !important;
      line-height: 1.2em;
      border: solid 1px #ddd;
      font-weight: bold;
      text-decoration: none;
      display: inline;
    }
    .component-content table.contenttoc {
      padding: 10px;
      margin: 10px;
    }
    .component-content table.contenttoc tr td {
      padding: 1px 0;
    }
    .component-content .pagenavcounter {
      font-weight: bold;
    }
    .component-content .tip {
      font-size: 0.8em;
      text-align: left;
      padding: 3px;
      max-width: 400px;
    }
    .component-content .tip-title {
      font-weight: bold;
    }
    .tip-wrap {
      padding: 8px;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .system-unpublished .system-unpublished {
      margin: -10px;
      padding: 10px;
      border-top: 16px solid;
      border-bottom: 5px solid;
      position: relative;
    }
    .system-unpublished .system-unpublished:before {
      content: 'Unpublished';
      text-transform: uppercase;
      top: -19px;
      left: 10px;
      position: absolute;
      font-size: 0.8em;
      font-weight: bold;
    }
    #system-message {
      padding: 0;
      margin: 15px 0;
    }
    #system-message .alert {
      border-radius: 4px;
      margin: 15px 0;
      list-style: none;
      padding: 10px 35px 10px 10px;
      color: #0055BB;
      background: #BFD3E6;
      border: 1px solid #84A7DB;
    }
    #system-message .alert p:last-child {
      margin-bottom: 0;
    }
    #system-message .alert:before {
      font-family: FontAwesome;
      content: '\f05a';
      margin-right: 10px;
      font-size: 26px;
      opacity: 0.5;
      vertical-align: middle;
      float: left;
    }
    #system-message .alert-error {
      color: #cc0000;
      background: #EBC8C9;
      border: 1px solid #DE7A7B;
    }
    #system-message .alert-error:before {
      content: '\f056';
    }
    #system-message .alert-warning {
      color: #A08B4C;
      background: #F5ECC1;
      border: 1px solid #B8A871;
    }
    #system-message .alert-warning:before {
      content: '\f06a';
    }
    #system-message .alert-success {
      color: #468847;
      background: #dff0d8;
      border: 1px solid #93BC8F;
    }
    #system-message .alert-success:before {
      content: '\f058';
    }
    #system-message > div:first-child {
      margin-bottom: 0 !important;
    }
    #system-message dd {
      margin: 0;
      font-weight: bold;
    }
    #system-message dd ul {
      border-radius: 4px;
      margin: 15px 0;
      list-style: none;
      padding: 10px;
      color: #0055BB;
      background: #BFD3E6;
      border: 1px solid #84A7DB;
    }
    #system-message dd ul li:before {
      font-family: FontAwesome;
      content: '\f05a';
      margin-right: 8px;
      font-size: 24px;
      opacity: 0.5;
      vertical-align: middle;
    }
    #system-message .error ul {
      color: #cc0000;
      background: #EBC8C9;
      border: 1px solid #DE7A7B;
    }
    #system-message .error ul li:before {
      content: '\f056';
    }
    #system-message .notice ul {
      color: #A08B4C;
      background: #F5ECC1;
      border: 1px solid #B8A871;
    }
    #system-message .notice ul li:before {
      content: '\f06a';
    }
    #system-message dt.error,
    #system-message dt.notice,
    #system-message dt.message {
      display: none;
    }
    #system-debug {
      color: #cccccc;
      background-color: #ffffff;
      padding: 10px;
      margin: 10px;
    }
    #system-debug div {
      font-size: 11px;
    }
    .sprocket-lists li {
      border-top: 1px solid #ffffff;
    }
    .sprocket-tabs-nav .sprocket-tabs-inner {
      -webkit-box-shadow: inset 0 1px 1px #ffffff;
      -moz-box-shadow: inset 0 1px 1px #ffffff;
      box-shadow: inset 0 1px 1px #ffffff;
      border: 1px solid #E0E0E0;
    }
    body {
      font-family: 'ExoRegular', Helvetica, Arial, sans-serif;
    }
    #rt-page-surround {
      overflow: hidden;
    }
    a {
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      -o-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out;
    }
    #rt-transition.rt-hidden {
      opacity: 0;
    }
    #rt-transition.rt-visible {
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .title {
      font-weight: normal;
    }
    .logo-block {
      padding: 0;
      margin: 10px 10px 0;
    }
    #rt-logo a {
      margin: 0;
      width: 125px;
      height: 40px;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .logo-type-chapelco #rt-logo {
      width: 175px;
    }
    .logo-type-chapelco .rt-logo-bubble {
      width: 38px;
      height: 38px;
      display: inline-block;
      float: left;
      border-radius: 100% 100% 0 100%;
      margin-right: 8px;
    }
    .logo-type-chapelco .rt-logo-bubble span {
      display: inline-block;
      width: 28px;
      height: 29px;
      margin: 4px 0 0 5px;
    }
    #rt-top-surround {
      position: relative;
      z-index: 10000;
    }
    #rt-header,
    #rt-top {
      z-index: 11000;
      position: relative;
    }
    #rt-showcase {
      padding: 20px 0;
    }
    .rt-showcase-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: 100%;
      background-position: 50% 0;
      background-repeat: no-repeat;
      z-index: -1;
    }
    .menu-block {
      padding: 0;
      margin: 0;
    }
    .rt-menu-mobile {
      text-align: center;
      padding: 0 0 15px 0;
    }
    #rt-feature {
      padding: 20px 0;
    }
    #rt-maintop {
      padding-top: 20px;
    }
    #rt-mainbottom {
      margin-bottom: 20px;
    }
    #rt-mainbody-surround {
      padding-top: 20px;
    }
    #rt-footer {
      padding-top: 20px;
    }
    .title,
    .component-content h2 {
      font-size: 28px;
      line-height: 30px;
      font-weight: normal;
      letter-spacing: normal;
      margin-top: 0;
      padding-bottom: 15px;
      margin-bottom: 15px;
      position: relative;
    }
    .title1.rt-block .module-title .title,
    .title2.rt-block .module-title .title {
      position: relative;
      padding-left: 45px;
    }
    .title1.rt-block .module-title .title:before,
    .title2.rt-block .module-title .title:before {
      border-radius: 100% 100% 0 100%;
      content: '';
      width: 32px;
      height: 32px;
      position: absolute;
      left: 0;
      top: -6px;
    }
    .title1.rt-block .module-title .title .rt-bubble,
    .title2.rt-block .module-title .title .rt-bubble {
      display: none;
    }
    .title1.rt-block.rt-block[class^="icon-"]:before,
    .title1.rt-block.rt-block[class*=" icon-"]:before,
    .title2.rt-block.rt-block[class^="icon-"]:before,
    .title2.rt-block.rt-block[class*=" icon-"]:before {
      font-size: 1.2em;
      left: 24px;
      top: 7px;
    }
    .title1.title3 .module-title .title,
    .title2.title3 .module-title .title {
      padding-left: 45px;
    }
    .title1.title3 .module-title .title:before,
    .title2.title3 .module-title .title:before {
      top: 8px;
    }
    .title1.title3 .module-title .title:after,
    .title2.title3 .module-title .title:after {
      top: 13px;
    }
    .title1.title3 .module-title .title .rt-bubble,
    .title2.title3 .module-title .title .rt-bubble {
      display: none;
    }
    .title1.title3.rt-block[class^="icon-"]:before,
    .title1.title3.rt-block[class*=" icon-"]:before,
    .title2.title3.rt-block[class^="icon-"]:before,
    .title2.title3.rt-block[class*=" icon-"]:before {
      top: 20px;
      left: 24px;
    }
    .title3 .module-title {
      margin: 0 0 15px;
      padding: 8px 0;
    }
    .title3 .module-title .title {
      padding: 0;
      margin: 0;
    }
    .title4.rt-block[class^="icon-"]:before,
    .title4.rt-block[class*=" icon-"]:before {
      margin: 16px 14px 14px 0;
    }
    .title4 .module-title {
      margin: 0 0 15px;
      padding: 8px 0;
      position: relative;
    }
    .title4 .module-title:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 6px;
      bottom: 6px;
    }
    .title4 .module-title .title {
      display: inline-block;
      margin: -8px 0;
      padding: 10px 10px 10px 0;
    }
    .title5[class^="icon-"]:before,
    .title5[class*=" icon-"]:before {
      display: none;
    }
    .title5 .title {
      padding-left: 45px;
      position: relative;
    }
    .title5 .title .rt-bubble {
      width: 50px;
      height: 50px;
      border-radius: 100% 100% 0 100%;
      display: inline-block;
      margin: -21px 0 0 -30px;
      font-size: 25px;
      position: relative;
      line-height: 15px;
    }
    .title5 .title .rt-bubble:before {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      position: absolute;
      padding: 20px 14px;
    }
    .sprocket-features-desc .rt-bubble2 {
      width: 50px;
      height: 50px;
      border-radius: 100% 0 100% 100%;
      display: inline-block;
      font-size: 1.6em;
      float: left;
      margin-right: 20px;
      position: relative;
    }
    .sprocket-features-desc .rt-bubble2:before {
      position: absolute;
      top: 21px;
      left: 15px;
    }
    .featuretitle .title {
      text-align: center;
      font-size: 3em;
      display: block;
      margin-top: 15px;
    }
    .box1 .module-surround:after {
      content: '';
      position: absolute;
      bottom: -18px;
      height: 18px;
      width: 100%;
      background-size: contain;
      background-position: 50% 0;
      background-repeat: no-repeat;
      border-radius: 5px;
    }
    .box2 {
      border-radius: 5px;
    }
    .rt-block[class^="icon-"]:before,
    .rt-block[class*=" icon-"]:before {
      position: absolute;
      font-size: 1.5em;
      font-weight: normal;
      margin: 14px 14px 14px 0;
      background-image: none;
      text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
      z-index: 1;
      left: 22px;
    }
    .rt-block[class^="icon-"],
    .rt-block[class*=" icon-"] {
      background-position: 0 0;
      background-image: none;
      display: block;
      line-height: 10px;
      font-family: inherit;
    }
    .rt-block[class^="icon-"] .title,
    .rt-block[class*=" icon-"] .title {
      padding-left: 30px;
    }
    .rt-block[class^="icon-"] .module-content,
    .rt-block[class*=" icon-"] .module-content {
      line-height: 14px;
    }
    .rt-block[class^="icon-"] .module-content div:before,
    .rt-block[class*=" icon-"] .module-content div:before {
      display: none;
    }
    .rt-block[class^="icon-"] .module-content > div,
    .rt-block[class*=" icon-"] .module-content > div {
      display: inherit;
      line-height: 1.7em;
      font-family: inherit;
    }
    ul.menu {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    ul.menu ul {
      list-style: none;
    }
    ul.menu ul li {
      border-bottom: none;
      font-size: 12px;
    }
    ul.menu ul li:before {
      display: none;
    }
    ul.menu ul li.active.current > a,
    ul.menu ul li.active.current > .item,
    ul.menu ul li.active.current > .separator,
    ul.menu ul li#current.active > a,
    ul.menu ul li#current.active > .item,
    ul.menu ul li#current.active > .separator {
      background: none;
      color: ;
    }
    ul.menu ul li > a,
    ul.menu ul li > .item,
    ul.menu ul li > .separator {
      padding: 10px 25px;
    }
    ul.menu > li {
      margin: 0 -15px;
    }
    ul.menu li {
      position: relative;
    }
    ul.menu li a,
    ul.menu li .item,
    ul.menu li .separator {
      display: block;
      font-size: 1.1em;
      font-weight: bold;
      position: relative;
      padding: 15px 25px;
    }
    ul.menu li a em,
    ul.menu li .item em,
    ul.menu li .separator em {
      display: block;
      font-size: 9px;
      line-height: 9px;
      text-align: left;
      font-style: normal;
    }
    ul.menu li:before {
      content: '>';
      width: 20px;
      height: 20px;
      font-family: "Euphemia UCAS", Euphemia, Helvetica;
      font-size: 0.8em;
      position: absolute;
      right: 10px;
      top: 15px;
      border-radius: 100%;
      text-align: center;
    }
    ul.menu ul.small {
      font-size: 14px;
    }
    .horizmenu ul.menu {
      margin: 0;
      padding: 0;
      list-style: none;
      background-color: transparent;
    }
    .horizmenu ul.menu li {
      list-style: none;
      display: inline-block;
      margin: 0 30px 0 0;
      border-bottom: none;
    }
    .horizmenu ul.menu li a,
    .horizmenu ul.menu li .item,
    .horizmenu ul.menu li .separator {
      padding: 0;
      display: inline-block;
      font-size: 0.9em;
      text-transform: none;
      font-weight: 100;
      border: none;
      position: relative;
      text-transform: uppercase;
      text-align: center;
    }
    .horizmenu ul.menu li a:hover,
    .horizmenu ul.menu li a.active,
    .horizmenu ul.menu li .item:hover,
    .horizmenu ul.menu li .item.active,
    .horizmenu ul.menu li .separator:hover,
    .horizmenu ul.menu li .separator.active {
      border-color: transparent;
    }
    .horizmenu ul.menu li a:before,
    .horizmenu ul.menu li .item:before,
    .horizmenu ul.menu li .separator:before {
      content: '/';
      position: absolute;
      right: -16px;
      background-color: transparent;
    }
    .horizmenu ul.menu li a span,
    .horizmenu ul.menu li .item span,
    .horizmenu ul.menu li .separator span {
      padding: 0;
      display: inline-block;
    }
    .horizmenu ul.menu li:last-child a:before,
    .horizmenu ul.menu li:last-child .item:before,
    .horizmenu ul.menu li:last-child .separator:before {
      display: none;
    }
    .horizmenu ul.menu li:before {
      display: none;
    }
    .component-content .rt-article-title {
      margin: 0 0 15px;
      padding: 8px 0;
      position: relative;
      display: block;
    }
    .component-content .rt-article-title:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 6px;
      bottom: 6px;
    }
    .component-content .rt-article-title > h2 {
      display: inline-block;
      margin: -8px 0;
      padding: 10px 10px 10px 0;
    }
    .button,
    .readon,
    .readmore,
    button.validate,
    #member-profile a,
    #member-registration a,
    .formelm-buttons button,
    .btn-primary,
    #k2Container .k2ReadMore,
    #k2Container #submitCommentButton,
    #gantry-resetsettings {
      display: inline-block;
      padding: 7px 20px 7px 10px;
      line-height: 1.3em;
      font-size: 0.9em;
      border-radius: 4px;
      border: 1px solid;
      position: relative;
    }
    .button:hover,
    .readon:hover,
    .readmore:hover,
    button.validate:hover,
    #member-profile a:hover,
    #member-registration a:hover,
    .formelm-buttons button:hover,
    .btn-primary:hover,
    #k2Container .k2ReadMore:hover,
    #k2Container #submitCommentButton:hover,
    #gantry-resetsettings:hover {
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      background-position: 0 0;
    }
    .button:before,
    .readon:before,
    .readmore:before,
    button.validate:before,
    #member-profile a:before,
    #member-registration a:before,
    .formelm-buttons button:before,
    .btn-primary:before,
    #k2Container .k2ReadMore:before,
    #k2Container #submitCommentButton:before,
    #gantry-resetsettings:before {
      content: '+';
      position: absolute;
      right: 8px;
      font-size: 1em;
    }
    .button.disabled:hover,
    .readon.disabled:hover,
    .readmore.disabled:hover,
    button.validate.disabled:hover,
    #member-profile a.disabled:hover,
    #member-registration a.disabled:hover,
    .formelm-buttons button.disabled:hover,
    .btn-primary.disabled:hover,
    #k2Container .k2ReadMore.disabled:hover,
    #k2Container #submitCommentButton.disabled:hover,
    #gantry-resetsettings.disabled:hover {
      background-image: inherit;
      background-color: inherit;
    }
    .button.btn-block:before,
    .readon.btn-block:before,
    .readmore.btn-block:before,
    button.validate.btn-block:before,
    #member-profile a.btn-block:before,
    #member-registration a.btn-block:before,
    .formelm-buttons button.btn-block:before,
    .btn-primary.btn-block:before,
    #k2Container .k2ReadMore.btn-block:before,
    #k2Container #submitCommentButton.btn-block:before,
    #gantry-resetsettings.btn-block:before {
      display: none;
    }
    input.button,
    input.btn {
      padding: 3px 10px;
    }
    .btn-large,
    .btn.btn-large {
      padding: 11px 19px;
      font-size: 17.5px;
    }
    .btn-small,
    .btn.btn-small {
      padding: 3px 9px;
      font-size: 12px;
      line-height: 18px;
    }
    .btn-small:before,
    .btn.btn-small:before {
      display: none;
    }
    .btn-mini,
    .btn.btn-mini {
      padding: 2px 6px;
      font-size: 11px;
      line-height: 17px;
    }
    .btn-mini:before,
    .btn.btn-mini:before {
      display: none;
    }
    .gantry-example {
      position: relative;
      margin: 15px 0;
      padding: 39px 19px 14px;
      *padding-top: 19px;
      background-color: #ffffff;
      border: 1px solid #E0E0E0;
      border-radius: 4px;
    }
    .gantry-example .table,
    .gantry-example .well,
    .gantry-example blockquote {
      margin-bottom: 5px;
    }
    .gantry-example .lead {
      font-size: 18px;
      line-height: 24px;
    }
    .gantry-example > p:last-child {
      margin-bottom: 0;
    }
    .gantry-example + .prettyprint {
      margin-top: -20px;
      padding-top: 15px;
    }
    .gantry-example:after {
      content: "Example";
      position: absolute;
      top: -1px;
      left: -1px;
      padding: 3px 7px;
      font-size: 12px;
      font-weight: bold;
      background-color: #ffffff;
      border: 1px solid #E0E0E0;
      color: #9da0a4;
      border-radius: 4px 0 4px 0;
      font-style: normal;
    }
    form.gantry-example {
      padding-bottom: 19px;
    }
    .gantry-img img,
    img.gantry-img {
      max-width: 100%;
      height: auto;
    }
    .powered-by {
      display: block;
      width: 212px;
      height: 35px;
      margin: 0 auto;
      opacity: 0.8;
      -webkit-transition: opacity 0.2s ease-in;
      -moz-transition: opacity 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in;
      transition: opacity 0.2s ease-in;
    }
    .powered-by:hover {
      opacity: 1;
    }
    #rt-popup,
    #rt-popuplogin {
      display: none;
    }
    #rt-popup .module-content,
    #rt-popuplogin .module-content {
      margin: 0;
      text-shadow: none;
    }
    #rt-popup .rt-block,
    #rt-popuplogin .rt-block {
      margin: 0;
      padding: 0;
    }
    #rt-popup .title,
    #rt-popuplogin .title {
      padding: 0;
      margin-bottom: 0;
      margin-top: 0;
    }
    #rt-popuplogin #form-login-username label,
    #rt-popuplogin #form-login-password label {
      display: none;
    }
    #rt-popuplogin #modlgn-passwd,
    #rt-popuplogin #modlgn-username {
      width: 165px;
    }
    #rt-popuplogin input.button {
      clear: both;
      display: block;
    }
    #rt-popuplogin p {
      float: left;
      margin-bottom: 10px;
    }
    #rt-popuplogin p:first-child {
      margin-right: 10px;
    }
    #rt-popuplogin .readon {
      float: right;
    }
    #rt-popuplogin ul li {
      float: none;
      display: inline-block;
      margin-right: 10px;
    }
    .rt-social-buttons {
      position: relative;
      z-index: 10;
    }
    .rt-social-buttons .social-button {
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      display: inline-block;
      margin-right: 3px;
    }
    .rt-social-buttons .social-button span {
      height: 30px;
      width: 30px;
      display: block;
      background-repeat: no-repeat;
      text-align: center;
      font-size: 1.2em;
      line-height: 1.8em;
      font-weight: 100;
    }
    .rt-social-buttons .rt-facebook-btn span {
      background-position: 10px 4px;
    }
    .rt-social-buttons .rt-twitter-btn span {
      background-position: -35px 6px;
    }
    .rt-social-buttons .rt-google-btn span {
      background-position: -80px 4px;
    }
    .rt-social-buttons .rt-rss-btn span {
      background-position: -130px 4px;
    }
    #gantry-totop {
      display: inline-block;
      padding: 4px 40px 4px 10px;
      border-radius: 3px;
      position: relative;
      font-weight: 100;
      font-size: 0.9em;
      float: right;
    }
    #gantry-totop:before {
      content: '^';
      position: absolute;
      border-radius: 100%;
      right: 5px;
      top: 5px;
      font-family: "Euphemia UCAS", Euphemia, Helvetica;
      width: 20px;
      height: 20px;
      text-align: center;
    }
    #gantry-resetsettings {
      margin: 25px;
    }
    #rt-accessibility .rt-desc {
      float: left;
      margin-right: 8px;
      font-weight: bold;
    }
    #rt-accessibility #rt-buttons .button {
      line-height: 1em;
      padding: 0;
      width: 14px;
      height: 14px;
      text-align: center;
    }
    #rt-accessibility #rt-buttons .button:before {
      display: none;
    }
    #rt-accessibility #rt-buttons .small {
      font-size: inherit;
    }
    #rt-accessibility #rt-buttons .small .button:after {
      content: '-';
    }
    #rt-accessibility #rt-buttons .large .button:after {
      content: '+';
    }
    @font-face {
      font-family: 'ubunturegular';
      src: url('../fonts/ubuntu-r-webfont.eot');
      src: url('../fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-r-webfont.woff') format('woff'), url('../fonts/ubuntu-r-webfont.ttf') format('truetype'), url('../fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    .gf-menu .item {
      font-family: 'ubunturegular', Helvetica, Arial, sans-serif;
    }
    body {
      font-family: ;
    }
    #rt-page-surround {
      overflow: hidden;
    }
    a {
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      -o-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out;
    }
    #rt-transition.rt-hidden {
      opacity: 0;
    }
    #rt-transition.rt-visible {
      opacity: 1;
      -webkit-transition: opacity 0.4s ease-in;
      -moz-transition: opacity 0.4s ease-in;
      -o-transition: opacity 0.4s ease-in;
      transition: opacity 0.4s ease-in;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .title {
      font-weight: normal;
    }
    .logo-block {
      padding: 0;
      margin: 10px 10px 0;
    }
    #rt-logo a {
      margin: 0;
      width: 125px;
      height: 40px;
      display: inline-block;
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    .logo-type-chapelco #rt-logo {
      width: 175px;
    }
    .logo-type-chapelco .rt-logo-bubble {
      width: 38px;
      height: 38px;
      display: inline-block;
      float: left;
      border-radius: 100% 100% 0 100%;
      margin-right: 8px;
    }
    .logo-type-chapelco .rt-logo-bubble span {
      display: inline-block;
      width: 28px;
      height: 29px;
      margin: 4px 0 0 5px;
    }
    #rt-top-surround {
      position: relative;
      z-index: 10000;
    }
    #rt-header,
    #rt-top {
      z-index: 11000;
      position: relative;
    }
    #rt-showcase {
      padding: 20px 0;
    }
    .rt-showcase-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: 100%;
      background-position: 50% 0;
      background-repeat: no-repeat;
      z-index: -1;
    }
    .menu-block {
      padding: 0;
      margin: 0;
    }
    .rt-menu-mobile {
      text-align: center;
      padding: 0 0 15px 0;
    }
    #rt-feature {
      padding: 20px 0;
    }
    #rt-maintop {
      padding-top: 20px;
    }
    #rt-mainbottom {
      margin-bottom: 20px;
    }
    #rt-mainbody-surround {
      padding-top: 20px;
    }
    #rt-footer {
      padding-top: 20px;
    }
    .title,
    .component-content h2 {
      font-size: 28px;
      line-height: 30px;
      font-weight: normal;
      letter-spacing: normal;
      margin-top: 0;
      padding-bottom: 15px;
      margin-bottom: 15px;
      position: relative;
    }
    .title1.rt-block .module-title .title,
    .title2.rt-block .module-title .title {
      position: relative;
      padding-left: 45px;
    }
    .title1.rt-block .module-title .title:before,
    .title2.rt-block .module-title .title:before {
      border-radius: 100% 100% 0 100%;
      content: '';
      width: 32px;
      height: 32px;
      position: absolute;
      left: 0;
      top: -6px;
    }
    .title1.rt-block .module-title .title .rt-bubble,
    .title2.rt-block .module-title .title .rt-bubble {
      display: none;
    }
    .title1.rt-block.rt-block[class^="icon-"]:before,
    .title1.rt-block.rt-block[class*=" icon-"]:before,
    .title2.rt-block.rt-block[class^="icon-"]:before,
    .title2.rt-block.rt-block[class*=" icon-"]:before {
      font-size: 1.2em;
      left: 24px;
      top: 7px;
    }
    .title1.title3 .module-title .title,
    .title2.title3 .module-title .title {
      padding-left: 45px;
    }
    .title1.title3 .module-title .title:before,
    .title2.title3 .module-title .title:before {
      top: 8px;
    }
    .title1.title3 .module-title .title:after,
    .title2.title3 .module-title .title:after {
      top: 13px;
    }
    .title1.title3 .module-title .title .rt-bubble,
    .title2.title3 .module-title .title .rt-bubble {
      display: none;
    }
    .title1.title3.rt-block[class^="icon-"]:before,
    .title1.title3.rt-block[class*=" icon-"]:before,
    .title2.title3.rt-block[class^="icon-"]:before,
    .title2.title3.rt-block[class*=" icon-"]:before {
      top: 20px;
      left: 24px;
    }
    .title3 .module-title {
      margin: 0 0 15px;
      padding: 8px 0;
    }
    .title3 .module-title .title {
      padding: 0;
      margin: 0;
    }
    .title4.rt-block[class^="icon-"]:before,
    .title4.rt-block[class*=" icon-"]:before {
      margin: 16px 14px 14px 0;
    }
    .title4 .module-title {
      margin: 0 0 15px;
      padding: 8px 0;
      position: relative;
    }
    .title4 .module-title:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 6px;
      bottom: 6px;
    }
    .title4 .module-title .title {
      display: inline-block;
      margin: -8px 0;
      padding: 10px 10px 10px 0;
    }
    .title5[class^="icon-"]:before,
    .title5[class*=" icon-"]:before {
      display: none;
    }
    .title5 .title {
      padding-left: 45px;
      position: relative;
    }
    .title5 .title .rt-bubble {
      width: 50px;
      height: 50px;
      border-radius: 100% 100% 0 100%;
      display: inline-block;
      margin: -21px 0 0 -30px;
      font-size: 25px;
      position: relative;
    }
    .title5 .title .rt-bubble:before {
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      position: absolute;
      padding: 20px 14px;
    }
    .sprocket-features-desc .rt-bubble2 {
      width: 50px;
      height: 50px;
      border-radius: 100% 0 100% 100%;
      display: inline-block;
      font-size: 1.6em;
      float: left;
      margin-right: 20px;
      position: relative;
    }
    .sprocket-features-desc .rt-bubble2:before {
      position: absolute;
      top: 21px;
      left: 15px;
    }
    .featuretitle .title {
      text-align: center;
      font-size: 3em;
      display: block;
      margin-top: 15px;
    }
    .box1 .module-surround:after {
      content: '';
      position: absolute;
      bottom: -18px;
      height: 18px;
      width: 100%;
      background-size: contain;
      background-position: 50% 0;
      background-repeat: no-repeat;
      border-radius: 5px;
    }
    .box2 {
      border-radius: 5px;
    }
    .rt-block[class^="icon-"]:before,
    .rt-block[class*=" icon-"]:before {
      position: absolute;
      font-size: 1.5em;
      font-weight: normal;
      margin: 14px 14px 14px 0;
      background-image: none;
      text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
      z-index: 1;
      left: 22px;
    }
    .rt-block[class^="icon-"],
    .rt-block[class*=" icon-"] {
      background-position: 0 0;
      background-image: none;
      display: block;
      line-height: 10px;
    }
    .rt-block[class^="icon-"] .title,
    .rt-block[class*=" icon-"] .title {
      padding-left: 30px;
    }
    .rt-block[class^="icon-"] .module-content,
    .rt-block[class*=" icon-"] .module-content {
      line-height: 14px;
    }
    .rt-block[class^="icon-"] .module-content div:before,
    .rt-block[class*=" icon-"] .module-content div:before {
      display: none;
    }
    .rt-block[class^="icon-"] .module-content > div,
    .rt-block[class*=" icon-"] .module-content > div {
      display: inherit;
      line-height: 1.7em;
    }
    ul.menu {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    ul.menu ul {
      list-style: none;
    }
    ul.menu ul li {
      border-bottom: none;
      font-size: 12px;
    }
    ul.menu ul li:before {
      display: none;
    }
    ul.menu ul li.active.current > a,
    ul.menu ul li.active.current > .item,
    ul.menu ul li.active.current > .separator,
    ul.menu ul li#current.active > a,
    ul.menu ul li#current.active > .item,
    ul.menu ul li#current.active > .separator {
      background: none;
      color: ;
    }
    ul.menu ul li > a,
    ul.menu ul li > .item,
    ul.menu ul li > .separator {
      padding: 10px 25px;
    }
    ul.menu > li {
      margin: 0 -15px;
    }
    ul.menu li {
      position: relative;
    }
    ul.menu li a,
    ul.menu li .item,
    ul.menu li .separator {
      display: block;
      font-size: 1.1em;
      font-weight: bold;
      position: relative;
      padding: 15px 25px;
    }
    ul.menu li a em,
    ul.menu li .item em,
    ul.menu li .separator em {
      display: block;
      font-size: 9px;
      line-height: 9px;
      text-align: left;
      font-style: normal;
    }
    ul.menu li:before {
      content: '>';
      width: 20px;
      height: 20px;
      font-family: "Euphemia UCAS", Euphemia, Helvetica;
      font-size: 0.8em;
      position: absolute;
      right: 10px;
      top: 15px;
      border-radius: 100%;
      text-align: center;
    }
    ul.menu ul.small {
      font-size: 14px;
    }
    .horizmenu ul.menu {
      margin: 0;
      padding: 0;
      list-style: none;
      background-color: transparent;
    }
    .horizmenu ul.menu li {
      list-style: none;
      display: inline-block;
      margin: 0 30px 0 0;
      border-bottom: none;
    }
    .horizmenu ul.menu li a,
    .horizmenu ul.menu li .item,
    .horizmenu ul.menu li .separator {
      padding: 0;
      display: inline-block;
      font-size: 0.9em;
      text-transform: none;
      font-weight: 100;
      border: none;
      position: relative;
      text-transform: uppercase;
      text-align: center;
    }
    .horizmenu ul.menu li a:hover,
    .horizmenu ul.menu li a.active,
    .horizmenu ul.menu li .item:hover,
    .horizmenu ul.menu li .item.active,
    .horizmenu ul.menu li .separator:hover,
    .horizmenu ul.menu li .separator.active {
      border-color: transparent;
    }
    .horizmenu ul.menu li a:before,
    .horizmenu ul.menu li .item:before,
    .horizmenu ul.menu li .separator:before {
      content: '/';
      position: absolute;
      right: -16px;
      background-color: transparent;
    }
    .horizmenu ul.menu li a span,
    .horizmenu ul.menu li .item span,
    .horizmenu ul.menu li .separator span {
      padding: 0;
      display: inline-block;
    }
    .horizmenu ul.menu li:last-child a:before,
    .horizmenu ul.menu li:last-child .item:before,
    .horizmenu ul.menu li:last-child .separator:before {
      display: none;
    }
    .horizmenu ul.menu li:before {
      display: none;
    }
    .component-content .rt-article-title {
      margin: 0 0 15px;
      padding: 8px 0;
      position: relative;
      display: block;
    }
    .component-content .rt-article-title:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      top: 6px;
      bottom: 6px;
    }
    .component-content .rt-article-title > h2 {
      display: inline-block;
      margin: -8px 0;
      padding: 10px 10px 10px 0;
    }
    .button,
    .readon,
    .readmore,
    button.validate,
    #member-profile a,
    #member-registration a,
    .formelm-buttons button,
    .btn-primary,
    #k2Container .k2ReadMore,
    #k2Container #submitCommentButton,
    #gantry-resetsettings {
      display: inline-block;
      padding: 7px 20px 7px 10px;
      line-height: 1.3em;
      font-size: 0.9em;
      border-radius: 4px;
      border: 1px solid;
      position: relative;
    }
    .button:hover,
    .readon:hover,
    .readmore:hover,
    button.validate:hover,
    #member-profile a:hover,
    #member-registration a:hover,
    .formelm-buttons button:hover,
    .btn-primary:hover,
    #k2Container .k2ReadMore:hover,
    #k2Container #submitCommentButton:hover,
    #gantry-resetsettings:hover {
      -webkit-transition: none;
      -moz-transition: none;
      -o-transition: none;
      transition: none;
      background-position: 0 0;
    }
    .button:before,
    .readon:before,
    .readmore:before,
    button.validate:before,
    #member-profile a:before,
    #member-registration a:before,
    .formelm-buttons button:before,
    .btn-primary:before,
    #k2Container .k2ReadMore:before,
    #k2Container #submitCommentButton:before,
    #gantry-resetsettings:before {
      content: '+';
      position: absolute;
      right: 8px;
      font-size: 1em;
    }
    .button.disabled:hover,
    .readon.disabled:hover,
    .readmore.disabled:hover,
    button.validate.disabled:hover,
    #member-profile a.disabled:hover,
    #member-registration a.disabled:hover,
    .formelm-buttons button.disabled:hover,
    .btn-primary.disabled:hover,
    #k2Container .k2ReadMore.disabled:hover,
    #k2Container #submitCommentButton.disabled:hover,
    #gantry-resetsettings.disabled:hover {
      background-image: inherit;
      background-color: inherit;
    }
    .button.btn-block:before,
    .readon.btn-block:before,
    .readmore.btn-block:before,
    button.validate.btn-block:before,
    #member-profile a.btn-block:before,
    #member-registration a.btn-block:before,
    .formelm-buttons button.btn-block:before,
    .btn-primary.btn-block:before,
    #k2Container .k2ReadMore.btn-block:before,
    #k2Container #submitCommentButton.btn-block:before,
    #gantry-resetsettings.btn-block:before {
      display: none;
    }
    input.button,
    input.btn {
      padding: 3px 10px;
    }
    .btn-large,
    .btn.btn-large {
      padding: 11px 19px;
      font-size: 17.5px;
    }
    .btn-small,
    .btn.btn-small {
      padding: 3px 9px;
      font-size: 12px;
      line-height: 18px;
    }
    .btn-small:before,
    .btn.btn-small:before {
      display: none;
    }
    .btn-mini,
    .btn.btn-mini {
      padding: 2px 6px;
      font-size: 11px;
      line-height: 17px;
    }
    .btn-mini:before,
    .btn.btn-mini:before {
      display: none;
    }
    .gantry-example {
      position: relative;
      margin: 15px 0;
      padding: 39px 19px 14px;
      *padding-top: 19px;
      background-color: #ffffff;
      border: 1px solid #E0E0E0;
      border-radius: 4px;
    }
    .gantry-example .table,
    .gantry-example .well,
    .gantry-example blockquote {
      margin-bottom: 5px;
    }
    .gantry-example .lead {
      font-size: 18px;
      line-height: 24px;
    }
    .gantry-example > p:last-child {
      margin-bottom: 0;
    }
    .gantry-example + .prettyprint {
      margin-top: -20px;
      padding-top: 15px;
    }
    .gantry-example:after {
      content: "Example";
      position: absolute;
      top: -1px;
      left: -1px;
      padding: 3px 7px;
      font-size: 12px;
      font-weight: bold;
      background-color: #ffffff;
      border: 1px solid #E0E0E0;
      color: #9da0a4;
      border-radius: 4px 0 4px 0;
      font-style: normal;
    }
    form.gantry-example {
      padding-bottom: 19px;
    }
    .gantry-img img,
    img.gantry-img {
      max-width: 100%;
      height: auto;
    }
    .powered-by {
      display: block;
      width: 212px;
      height: 35px;
      margin: 0 auto;
      opacity: 0.8;
      -webkit-transition: opacity 0.2s ease-in;
      -moz-transition: opacity 0.2s ease-in;
      -o-transition: opacity 0.2s ease-in;
      transition: opacity 0.2s ease-in;
    }
    .powered-by:hover {
      opacity: 1;
    }
    #rt-popup,
    #rt-popuplogin {
      display: none;
    }
    #rt-popup .module-content,
    #rt-popuplogin .module-content {
      margin: 0;
      text-shadow: none;
    }
    #rt-popup .rt-block,
    #rt-popuplogin .rt-block {
      margin: 0;
      padding: 0;
    }
    #rt-popup .title,
    #rt-popuplogin .title {
      padding: 0;
      margin-bottom: 0;
      margin-top: 0;
    }
    #rt-popuplogin #form-login-username label,
    #rt-popuplogin #form-login-password label {
      display: none;
    }
    #rt-popuplogin #modlgn-passwd,
    #rt-popuplogin #modlgn-username {
      width: 165px;
    }
    #rt-popuplogin input.button {
      clear: both;
      display: block;
    }
    #rt-popuplogin p {
      float: left;
      margin-bottom: 10px;
    }
    #rt-popuplogin p:first-child {
      margin-right: 10px;
    }
    #rt-popuplogin .readon {
      float: right;
    }
    #rt-popuplogin ul li {
      float: none;
      display: inline-block;
      margin-right: 10px;
    }
    .rt-social-buttons {
      position: relative;
      z-index: 10;
    }
    .rt-social-buttons .social-button {
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      border-radius: 100%;
      display: inline-block;
      margin-right: 3px;
    }
    .rt-social-buttons .social-button span {
      height: 30px;
      width: 30px;
      display: block;
      background-repeat: no-repeat;
      text-align: center;
      font-size: 1.2em;
      line-height: 1.8em;
      font-weight: 100;
    }
    .rt-social-buttons .rt-facebook-btn span {
      background-position: 10px 4px;
    }
    .rt-social-buttons .rt-twitter-btn span {
      background-position: -35px 6px;
    }
    .rt-social-buttons .rt-google-btn span {
      background-position: -80px 4px;
    }
    .rt-social-buttons .rt-rss-btn span {
      background-position: -130px 4px;
    }
    #gantry-totop {
      display: inline-block;
      padding: 4px 40px 4px 10px;
      border-radius: 3px;
      position: relative;
      font-weight: 100;
      font-size: 0.9em;
      float: right;
    }
    #gantry-totop:before {
      content: '^';
      position: absolute;
      border-radius: 100%;
      right: 5px;
      top: 5px;
      font-family: "Euphemia UCAS", Euphemia, Helvetica;
      width: 20px;
      height: 20px;
      text-align: center;
    }
    #gantry-resetsettings {
      margin: 25px;
    }
    #rt-accessibility .rt-desc {
      float: left;
      margin-right: 8px;
      font-weight: bold;
    }
    #rt-accessibility #rt-buttons .button {
      line-height: 1em;
      padding: 0;
      width: 14px;
      height: 14px;
      text-align: center;
    }
    #rt-accessibility #rt-buttons .button:before {
      display: none;
    }
    #rt-accessibility #rt-buttons .small {
      font-size: inherit;
    }
    #rt-accessibility #rt-buttons .small .button:after {
      content: '-';
    }
    #rt-accessibility #rt-buttons .large .button:after {
      content: '+';
    }
    body {
      background: #f5f5f5;
      color: #6e6e6e;
    }
    body.component-body {
      background-color: #ffffff;
      color: #000000;
    }
    body.component-body h1,
    body.component-body h2,
    body.component-body h3,
    body.component-body h4,
    body.component-body h5,
    body.component-body h6,
    body.component-body .title {
      color: #000000;
    }
    body.component-body a:hover {
      color: #000000;
    }
    body.component-body textarea,
    body.component-body input[type="text"],
    body.component-body input[type="password"],
    body.component-body input[type="datetime"],
    body.component-body input[type="datetime-local"],
    body.component-body input[type="date"],
    body.component-body input[type="month"],
    body.component-body input[type="time"],
    body.component-body input[type="week"],
    body.component-body input[type="number"],
    body.component-body input[type="email"],
    body.component-body input[type="url"],
    body.component-body input[type="search"],
    body.component-body input[type="tel"],
    body.component-body input[type="color"],
    body.component-body .uneditable-input {
      background-color: #ffffff;
    }
    body.component-body .rt-article-title {
      background: none;
      border: none;
    }
    body.component-body .rt-article-title:before {
      background: none;
    }
    body.component-body .rt-article-title h2 {
      background: none;
    }
    a {
      color: #ff0000;
    }
    a:hover {
      color: #6e6e6e;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .title {
      color: #303030;
    }
    .contentstyle-preset1 #rt-maintop {
      background-color: #3C3D3F;
    }
    .contentstyle-preset1 #rt-maintop .title4 .title {
      background-color: #3C3D3F;
    }
    .contentstyle-preset2 #rt-maintop {
      background-color: #4B4943;
    }
    .contentstyle-preset2 #rt-maintop .title4 .title {
      background-color: #4B4943;
    }
    .contentstyle-preset3 #rt-maintop {
      background-color: #3E4041;
    }
    .contentstyle-preset3 #rt-maintop .title4 .title {
      background-color: #3E4041;
    }
    .contentstyle-preset4 #rt-maintop {
      background-color: #433C3A;
    }
    .contentstyle-preset4 #rt-maintop .title4 .title {
      background-color: #433C3A;
    }
    .contentstyle-preset5 #rt-maintop {
      background-color: #403B42;
    }
    .contentstyle-preset5 #rt-maintop .title4 .title {
      background-color: #403B42;
    }
    .contentstyle-preset6 #rt-maintop {
      background-color: #272729;
    }
    .contentstyle-preset6 #rt-maintop .title4 .title {
      background-color: #272729;
    }
    .contentstyle-preset7 #rt-maintop {
      background-color: #232325;
    }
    .contentstyle-preset7 #rt-maintop .title4 .title {
      background-color: #232325;
    }
    .contentstyle-preset8 #rt-maintop {
      background-color: #090003;
    }
    .contentstyle-preset8 #rt-maintop .title4 .title {
      background-color: #090003;
    }
    #rt-header {
      border-bottom: 1px solid #C7C7C7;
      -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #000000, inset 0 7px 0 #ffffff;
      -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #000000, inset 0 7px 0 #ffffff;
      box-shadow: 0 0 6px rgba(0,0,0,0.3), inset 0 6px 0 #000000, inset 0 7px 0 #ffffff;
      background-color: #ebebed;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#EDEEF0),color-stop(95%,#EDEEF0),to(#E1E1E1));
      background-image: -webkit-linear-gradient(#EDEEF0,#EDEEF0 95%,#E1E1E1);
      background-image: -moz-linear-gradient(top,#EDEEF0,#EDEEF0 95%,#E1E1E1);
      background-image: -o-linear-gradient(#EDEEF0,#EDEEF0 95%,#E1E1E1);
      background-image: linear-gradient(#EDEEF0,#EDEEF0 95%,#E1E1E1);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedeef0', endColorstr='#ffe1e1e1', GradientType=0);
    }
    #rt-header .title4 .title {
      background-color: #EDEEF0;
    }
    .rt-border {
      background: #000000;
      border-bottom: 1px solid #000000;
    }
    .rt-border2 {
      background: #ffffff;
    }
    #rt-maintop {
      color: #aaaaaa;
      background-color: #3C3D3F;
      background-image: url(../images/patterns/noise.png);
      -webkit-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0 10px 20px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
      box-shadow: inset 0 10px 20px rgba(0,0,0,0.1), inset 0 -10px 20px rgba(0,0,0,0.1);
    }
    #rt-maintop h1,
    #rt-maintop h2,
    #rt-maintop h3,
    #rt-maintop h4,
    #rt-maintop h5,
    #rt-maintop h6,
    #rt-maintop .title {
      color: #ffffff;
    }
    #rt-maintop .box1 .title,
    #rt-maintop .box2 .title {
      color: #303030;
    }
    #rt-maintop .rt-bubble {
      -webkit-box-shadow: inset 0 1px 1px rgba(225,225,225,0.3), 0 1px 2px rgba(0,0,0,0.2);
      -moz-box-shadow: inset 0 1px 1px rgba(225,225,225,0.3), 0 1px 2px rgba(0,0,0,0.2);
      box-shadow: inset 0 1px 1px rgba(225,225,225,0.3), 0 1px 2px rgba(0,0,0,0.2);
    }
    #rt-showcase {
      background: url(../images/light/page-divider.png) no-repeat 50% 100%;
    }
    .rt-showcase-bg {
      background-image: url(../images/light/abstract.jpg);
    }
    #rt-footer {
      background: #E1E4E9 url(../images/light/page-divider.png) no-repeat 50% 0;
      position: relative;
    }
    #rt-footer:before {
      background: url(../images/main/footer-bg.png);
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
    }
    #rt-footer .title {
      text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    }
    #rt-footer .title4 .module-title .title {
      background: #E1E4E9;
    }
    #rt-copyright {
      color: #ffffff;
      background: #000000;
      -webkit-box-shadow: inset 0 4px 35px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 4px 35px rgba(0,0,0,0.3);
      box-shadow: inset 0 4px 35px rgba(0,0,0,0.3);
    }
    #rt-copyright .title {
      color: #ffffff;
    }
    #rt-copyright .title4 .module-title .title {
      background: #000000;
    }
    #rt-copyright .title3 .module-title {
      border-top: 1px solid #ffffff;
      border-bottom: 1px solid #ffffff;
    }
    #rt-copyright .box1,
    #rt-copyright .box2 {
      color: #6e6e6e;
    }
    #rt-copyright .box1 .title,
    #rt-copyright .box2 .title {
      color: #303030;
    }
    ul.menu.nav > li > a:hover {
      background-color: transparent;
    }
    ul.menu li {
      border-bottom: 1px solid #E0E0E0;
    }
    ul.menu li:before {
      background: #E2E2E2;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    ul.menu li:hover:before {
      background: #000000;
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    }
    ul.menu li a,
    ul.menu li .item,
    ul.menu li .separator {
      color: #303030;
    }
    ul.menu li a:hover,
    ul.menu li .item:hover,
    ul.menu li .separator:hover {
      color: #ff0000;
    }
    ul.menu li a:before,
    ul.menu li .item:before,
    ul.menu li .separator:before {
      background: #ff0000;
    }
    ul.menu li.active.current:before,
    ul.menu li#current.active:before {
      background: #ff0000;
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    }
    ul.menu li.active.current > a,
    ul.menu li.active.current > .item,
    ul.menu li.active.current > .separator,
    ul.menu li#current.active > a,
    ul.menu li#current.active > .item,
    ul.menu li#current.active > .separator {
      color: #ff0000;
    }
    .horizmenu ul.menu li a,
    .horizmenu ul.menu li .item,
    .horizmenu ul.menu li .separator {
      color: #ffffff;
    }
    .horizmenu ul.menu li a:hover,
    .horizmenu ul.menu li .item:hover,
    .horizmenu ul.menu li .separator:hover {
      color: #000000;
    }
    .horizmenu ul.menu li a:before,
    .horizmenu ul.menu li .item:before,
    .horizmenu ul.menu li .separator:before {
      color: #ffffff;
    }
    .title1 .title:before {
      background: #000000;
    }
    .title1[class^="icon-"]:before,
    .title1[class*=" icon-"]:before {
      color: #f5f5f5;
    }
    .title2 .title:before {
      background: #ff0000;
    }
    .title2[class^="icon-"]:before,
    .title2[class*=" icon-"]:before {
      color: #f5f5f5;
    }
    .title3 .module-title {
      border-top: 1px solid #C7C7C7;
      border-bottom: 1px solid #C7C7C7;
    }
    .title4 .module-title:before {
      background: url(../images/patterns/horiz-lines.png);
    }
    .title4 .module-title .title {
      background: #f5f5f5;
    }
    .title5 .title .rt-bubble {
      background-color: #000000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#0b0909),color-stop(45%,#000000),to(#000000));
      background-image: -webkit-linear-gradient(#0b0909,#000000 45%,#000000);
      background-image: -moz-linear-gradient(top,#0b0909,#000000 45%,#000000);
      background-image: -o-linear-gradient(#0b0909,#000000 45%,#000000);
      background-image: linear-gradient(#0b0909,#000000 45%,#000000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0b0808', endColorstr='#ff000000', GradientType=0);
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      color: #ffffff;
      text-shadow: 0 2px 3px rgba(0,0,0,0.3);
    }
    .title5[class^="icon-"]:before,
    .title5[class*=" icon-"]:before {
      color: #f5f5f5;
    }
    .rt-bubble2 {
      background-color: #000000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#141414),color-stop(45%,#000000),to(#000000));
      background-image: -webkit-linear-gradient(#141414,#000000 45%,#000000);
      background-image: -moz-linear-gradient(top,#141414,#000000 45%,#000000);
      background-image: -o-linear-gradient(#141414,#000000 45%,#000000);
      background-image: linear-gradient(#141414,#000000 45%,#000000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff141414', endColorstr='#ff000000', GradientType=0);
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      color: #ffffff;
      text-shadow: 0 2px 3px rgba(0,0,0,0.3);
    }
    .box1 {
      background: #ffffff;
      border: 1px solid #E0E0E0;
    }
    .box1.title4 .module-title .title {
      background: #ffffff;
    }
    .box1 .module-surround:after {
      background-image: url(../images/main/module-shadow.png);
    }
    .box1 .box1 {
      background: none;
      border: none;
    }
    .box2 {
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
      box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
      background: #ECECEC;
      border: 1px solid #C7C7C7;
    }
    .box2.title4 .module-title .title {
      background: #ECECEC;
    }
    .box2 .box2 {
      background: none;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .box3 {
      background: rgba(225,225,225,0.6) url(../images/main/showcase-bg.png) 50% 0;
      -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(225,225,225,0.1);
      -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(225,225,225,0.1);
      box-shadow: 0 0 8px rgba(0,0,0,0.2), inset 0 0 0 1px rgba(225,225,225,0.1);
      border: 1px solid #cccccc;
      border-radius: 5px;
      color: #3C3D3F;
    }
    .box3 a {
      color: #b30000;
    }
    .box3 a:hover {
      color: #ffffff;
    }
    .box3 a.readon {
      color: #ffffff;
    }
    .box3 .title {
      color: #000000;
    }
    .box3.title4 .module-title .title {
      background: #ECECEC;
    }
    #rt-maintop .box3 .title,
    #rt-copyright .box3 .title {
      color: #000000;
    }
    .box4 {
      background-color: #3C3D3F;
      -webkit-box-shadow: inset 0 0 0 1px rgba(225,225,225,0.1);
      -moz-box-shadow: inset 0 0 0 1px rgba(225,225,225,0.1);
      box-shadow: inset 0 0 0 1px rgba(225,225,225,0.1);
      border: 1px solid #1e1f20;
      border-radius: 15px 15px 0 15px;
      color: #ffffff;
    }
    .box4 h1,
    .box4 h2,
    .box4 h3,
    .box4 h4,
    .box4 h5,
    .box4 h6,
    .box4 .title {
      color: #ffffff;
    }
    .box4 a:hover {
      color: #ffffff;
    }
    .box4.title3 .module-title {
      border-color: rgba(225,225,225,0.3);
    }
    .box4.title4 .module-title .title {
      background: #3C3D3F;
    }
    .component-content .rt-article-title {
      border-top: 1px solid #C7C7C7;
      border-bottom: 1px solid #C7C7C7;
    }
    .component-content .rt-article-title:before {
      background: url(../images/patterns/horiz-lines.png);
    }
    .component-content .rt-article-title h2 {
      background: #f5f5f5;
    }
    .button,
    .readon,
    .readmore,
    button.validate,
    #member-profile a,
    #member-registration a,
    .formelm-buttons button,
    #gantry-totop,
    .btn-primary,
    #k2Container .k2ReadMore,
    #k2Container #submitCommentButton,
    #gantry-resetsettings {
      color: #ffffff;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
      box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.3);
      border: 1px solid #d60000;
      background-color: #f50000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff1a1a),color-stop(50%,#ff0000),to(#cc0000));
      background-image: -webkit-linear-gradient(#ff1a1a,#ff0000 50%,#cc0000);
      background-image: -moz-linear-gradient(top,#ff1a1a,#ff0000 50%,#cc0000);
      background-image: -o-linear-gradient(#ff1a1a,#ff0000 50%,#cc0000);
      background-image: linear-gradient(#ff1a1a,#ff0000 50%,#cc0000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1919', endColorstr='#ffcc0000', GradientType=0);
    }
    .button:hover,
    .readon:hover,
    .readmore:hover,
    button.validate:hover,
    #member-profile a:hover,
    #member-registration a:hover,
    .formelm-buttons button:hover,
    #gantry-totop:hover,
    .btn-primary:hover,
    #k2Container .k2ReadMore:hover,
    #k2Container #submitCommentButton:hover,
    #gantry-resetsettings:hover {
      color: #ffffff;
      background-color: #ff0808;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#c20000),color-stop(35%,#ff0000),to(#ff2929));
      background-image: -webkit-linear-gradient(#c20000,#ff0000 35%,#ff2929);
      background-image: -moz-linear-gradient(top,#c20000,#ff0000 35%,#ff2929);
      background-image: -o-linear-gradient(#c20000,#ff0000 35%,#ff2929);
      background-image: linear-gradient(#c20000,#ff0000 35%,#ff2929);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc10000', endColorstr='#ffff2828', GradientType=0);
      border: 1px solid #b30000;
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1);
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1);
      box-shadow: 0 1px 0 rgba(255,255,255,0.1), inset 0 1px 1px rgba(0,0,0,0.1);
    }
    .button:active,
    .readon:active,
    .readmore:active,
    button.validate:active,
    #member-profile a:active,
    #member-registration a:active,
    .formelm-buttons button:active,
    #gantry-totop:active,
    .btn-primary:active,
    #k2Container .k2ReadMore:active,
    #k2Container #submitCommentButton:active,
    #gantry-resetsettings:active {
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
      -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
      box-shadow: 0 1px 0 rgba(255,255,255,0.1);
    }
    .readmore a,
    #gantry-resetsettings a {
      color: #ffffff;
    }
    .readmore a:hover,
    #gantry-resetsettings a:hover {
      color: #ffffff;
    }
    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.active,
    .btn-primary.disabled,
    .btn-primary[disabled] {
      background-color: #ff0000;
      color: #ffffff;
    }
    .btn-primary:hover:hover,
    .btn-primary:active:hover,
    .btn-primary.active:hover,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover {
      background-color: #ff0000;
      color: #ffffff;
    }
    a.disabled,
    a.disabled:hover {
      background-color: #E2E2E2;
      color: #3C3D3F;
    }
    .btn-warning {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #faa732;
      background-image: -moz-linear-gradient(top,#fbb450,#f89406);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
      background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
      background-image: -o-linear-gradient(top,#fbb450,#f89406);
      background-image: linear-gradient(to bottom,#fbb450,#f89406);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
      border-color: #f89406 #f89406 #ad6704;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #f89406;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #faa732;
      background-image: -moz-linear-gradient(top,#fbb450,#f89406);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
      background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
      background-image: -o-linear-gradient(top,#fbb450,#f89406);
      background-image: linear-gradient(to bottom,#fbb450,#f89406);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffab44f', endColorstr='#fff89406', GradientType=0);
      border-color: #f89406 #f89406 #ad6704;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #f89406;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
      color: #fff;
      background-color: #f89406;
      *background-color: #df8505;
    }
    .btn-warning:active,
    .btn-warning.active {
      background-color: #c67605 \9;
    }
    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .btn-warning.disabled,
    .btn-warning[disabled] {
      color: #fff;
      background-color: #f89406;
      *background-color: #df8505;
    }
    .btn-warning:active,
    .btn-warning.active {
      background-color: #c67605 \9;
    }
    .btn-warning:hover {
      background-image: none;
      border-color: transparent;
    }
    .btn-danger {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #da4f49;
      background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
      background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
      background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
      background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
      border-color: #bd362f #bd362f #802420;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #bd362f;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #da4f49;
      background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
      background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
      background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
      background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
      border-color: #bd362f #bd362f #802420;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #bd362f;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
      color: #fff;
      background-color: #bd362f;
      *background-color: #a9302a;
    }
    .btn-danger:active,
    .btn-danger.active {
      background-color: #942a25 \9;
    }
    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .btn-danger.disabled,
    .btn-danger[disabled] {
      color: #fff;
      background-color: #bd362f;
      *background-color: #a9302a;
    }
    .btn-danger:active,
    .btn-danger.active {
      background-color: #942a25 \9;
    }
    .btn-danger:hover {
      background-image: none;
      border-color: transparent;
    }
    .btn-success {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #5bb75b;
      background-image: -moz-linear-gradient(top,#62c462,#51a351);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
      background-image: -webkit-linear-gradient(top,#62c462,#51a351);
      background-image: -o-linear-gradient(top,#62c462,#51a351);
      background-image: linear-gradient(to bottom,#62c462,#51a351);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
      border-color: #51a351 #51a351 #387038;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #51a351;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #5bb75b;
      background-image: -moz-linear-gradient(top,#62c462,#51a351);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
      background-image: -webkit-linear-gradient(top,#62c462,#51a351);
      background-image: -o-linear-gradient(top,#62c462,#51a351);
      background-image: linear-gradient(to bottom,#62c462,#51a351);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
      border-color: #51a351 #51a351 #387038;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #51a351;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .btn-success:hover,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
      color: #fff;
      background-color: #51a351;
      *background-color: #499249;
    }
    .btn-success:active,
    .btn-success.active {
      background-color: #408140 \9;
    }
    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .btn-success.disabled,
    .btn-success[disabled] {
      color: #fff;
      background-color: #51a351;
      *background-color: #499249;
    }
    .btn-success:active,
    .btn-success.active {
      background-color: #408140 \9;
    }
    .btn-success:hover {
      background-image: none;
      border-color: transparent;
    }
    .btn-info {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #49afcd;
      background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
      background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
      background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
      background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
      border-color: #2f96b4 #2f96b4 #1f6377;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #2f96b4;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #49afcd;
      background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
      background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
      background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
      background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
      border-color: #2f96b4 #2f96b4 #1f6377;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #2f96b4;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .btn-info:hover,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
      color: #fff;
      background-color: #2f96b4;
      *background-color: #2a85a0;
    }
    .btn-info:active,
    .btn-info.active {
      background-color: #24748c \9;
    }
    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .btn-info.disabled,
    .btn-info[disabled] {
      color: #fff;
      background-color: #2f96b4;
      *background-color: #2a85a0;
    }
    .btn-info:active,
    .btn-info.active {
      background-color: #24748c \9;
    }
    .btn-info:hover {
      background-image: none;
      border-color: transparent;
    }
    .btn-inverse {
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #414142;
      background-image: -moz-linear-gradient(top,#444,#3C3D3F);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#3C3D3F));
      background-image: -webkit-linear-gradient(top,#444,#3C3D3F);
      background-image: -o-linear-gradient(top,#444,#3C3D3F);
      background-image: linear-gradient(to bottom,#444,#3C3D3F);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff3c3d3f', GradientType=0);
      border-color: #3C3D3F #3C3D3F #171718;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #3C3D3F;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
      color: #fff;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
      background-color: #414142;
      background-image: -moz-linear-gradient(top,#444,#3C3D3F);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#3C3D3F));
      background-image: -webkit-linear-gradient(top,#444,#3C3D3F);
      background-image: -o-linear-gradient(top,#444,#3C3D3F);
      background-image: linear-gradient(to bottom,#444,#3C3D3F);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff3c3d3f', GradientType=0);
      border-color: #3C3D3F #3C3D3F #171718;
      border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
      *background-color: #3C3D3F;
      filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    }
    .btn-inverse:hover,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
      color: #fff;
      background-color: #3C3D3F;
      *background-color: #303032;
    }
    .btn-inverse:active,
    .btn-inverse.active {
      background-color: #232425 \9;
    }
    .btn-inverse:hover,
    .btn-inverse:focus,
    .btn-inverse:active,
    .btn-inverse.active,
    .btn-inverse.disabled,
    .btn-inverse[disabled] {
      color: #fff;
      background-color: #3C3D3F;
      *background-color: #303032;
    }
    .btn-inverse:active,
    .btn-inverse.active {
      background-color: #232425 \9;
    }
    .btn-inverse:hover {
      background-image: none;
      border-color: transparent;
    }
    .logo-type-chapelco #rt-logo a {
      background-image: url(../images/logo/light/logo.png);
    }
    .logo-type-chapelco .rt-logo-bubble {
      background-color: #fe0000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff2929),color-stop(45%,#ff0000),to(#fa0000));
      background-image: -webkit-linear-gradient(#ff2929,#ff0000 45%,#fa0000);
      background-image: -moz-linear-gradient(top,#ff2929,#ff0000 45%,#fa0000);
      background-image: -o-linear-gradient(#ff2929,#ff0000 45%,#fa0000);
      background-image: linear-gradient(#ff2929,#ff0000 45%,#fa0000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff2828', endColorstr='#fff90000', GradientType=0);
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
    }
    .logo-type-chapelco .rt-logo-bubble span {
      background: url(../images/logo/light/logo-icon.png);
    }
    .sprocket-features-pagination li {
      background-color: #E2E2E2;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    .sprocket-features-pagination li.active,
    .sprocket-features-pagination li.active:hover {
      background-color: #ff0000;
    }
    .sprocket-features-pagination li:hover {
      background-color: #000000;
    }
    .sprocket-features-arrows .arrow {
      background-color: #cbcbcb;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#C7C7C7),color-stop(55%,#C7C7C7),to(#dbdbdb));
      background-image: -webkit-linear-gradient(#C7C7C7,#C7C7C7 55%,#dbdbdb);
      background-image: -moz-linear-gradient(top,#C7C7C7,#C7C7C7 55%,#dbdbdb);
      background-image: -o-linear-gradient(#C7C7C7,#C7C7C7 55%,#dbdbdb);
      background-image: linear-gradient(#C7C7C7,#C7C7C7 55%,#dbdbdb);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc7c7c7', endColorstr='#ffdbdbdb', GradientType=0);
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.4);
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    .sprocket-features-arrows .arrow:hover {
      background-color: #f30000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff1a1a),color-stop(45%,#ff0000),to(#c20000));
      background-image: -webkit-linear-gradient(#ff1a1a,#ff0000 45%,#c20000);
      background-image: -moz-linear-gradient(top,#ff1a1a,#ff0000 45%,#c20000);
      background-image: -o-linear-gradient(#ff1a1a,#ff0000 45%,#c20000);
      background-image: linear-gradient(#ff1a1a,#ff0000 45%,#c20000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff1919', endColorstr='#ffc10000', GradientType=0);
    }
    .rt-feature-bubble {
      background-color: #fe0000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff2929),color-stop(45%,#ff0000),to(#fa0000));
      background-image: -webkit-linear-gradient(#ff2929,#ff0000 45%,#fa0000);
      background-image: -moz-linear-gradient(top,#ff2929,#ff0000 45%,#fa0000);
      background-image: -o-linear-gradient(#ff2929,#ff0000 45%,#fa0000);
      background-image: linear-gradient(#ff2929,#ff0000 45%,#fa0000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff2828', endColorstr='#fff90000', GradientType=0);
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      box-shadow: inset 0 0 5px rgba(0,0,0,0.4);
      color: #ffffff;
      text-shadow: -1px -1px 2px #ffffff;
    }
    .rt-feature-bubble:after {
      background: #ffffff;
      -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
      -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.3);
      box-shadow: 0 2px 3px rgba(0,0,0,0.3);
    }
    .rt-feature-bubble:before {
      color: #000000;
    }
    .sprocket-mosaic .sprocket-mosaic-container > li:after {
      background-image: url(../images/main/module-shadow.png);
    }
    .sprocket-mosaic .sprocket-mosaic-container > li:hover:after {
      background-image: none;
    }
    .sprocket-mosaic .sprocket-mosaic-item {
      background: #ffffff;
      border: 1px solid #E0E0E0;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    .sprocket-mosaic .sprocket-mosaic-item:hover {
      -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
      -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
      box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
      background: #ECECEC;
      border-color: #cdcdcd;
      text-shadow: 1px 1px 1px #ffffff;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-head {
      border-bottom: 1px solid #E0E0E0;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-hover {
      background: rgba(0,0,0,0.5);
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title {
      color: #303030;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a {
      color: #303030;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-title a:hover {
      color: #ff0000;
    }
    .sprocket-mosaic .sprocket-mosaic-item .sprocket-mosaic-tags li {
      background: #ff0000;
      color: #ffffff;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    }
    .sprocket-mosaic .sprocket-mosaic-filter li,
    .sprocket-mosaic .sprocket-mosaic-order li {
      color: #ffffff;
      text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
      border: 1px solid #000000;
      background-color: #000000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#0d0d0d),color-stop(45%,#000000),to(#000000));
      background-image: -webkit-linear-gradient(#0d0d0d,#000000 45%,#000000);
      background-image: -moz-linear-gradient(top,#0d0d0d,#000000 45%,#000000);
      background-image: -o-linear-gradient(#0d0d0d,#000000 45%,#000000);
      background-image: linear-gradient(#0d0d0d,#000000 45%,#000000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0c0c0c', endColorstr='#ff000000', GradientType=0);
    }
    .sprocket-mosaic .sprocket-mosaic-filter li:hover,
    .sprocket-mosaic .sprocket-mosaic-filter li.active,
    .sprocket-mosaic .sprocket-mosaic-order li:hover,
    .sprocket-mosaic .sprocket-mosaic-order li.active {
      color: #ffffff;
      background-color: #030303;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#000000),color-stop(45%,#000000),to(#0d0d0d));
      background-image: -webkit-linear-gradient(#000000,#000000 45%,#0d0d0d);
      background-image: -moz-linear-gradient(top,#000000,#000000 45%,#0d0d0d);
      background-image: -o-linear-gradient(#000000,#000000 45%,#0d0d0d);
      background-image: linear-gradient(#000000,#000000 45%,#0d0d0d);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff0c0c0c', GradientType=0);
    }
    .sprocket-mosaic .sprocket-mosaic-filter li:active,
    .sprocket-mosaic .sprocket-mosaic-filter li.active,
    .sprocket-mosaic .sprocket-mosaic-order li:active,
    .sprocket-mosaic .sprocket-mosaic-order li.active {
      -webkit-box-shadow: 0 1px 0 #ffffff;
      -moz-box-shadow: 0 1px 0 #ffffff;
      box-shadow: 0 1px 0 #ffffff;
    }
    .sprocket-lists {
      border: 1px solid #E0E0E0;
    }
    .sprocket-lists:after {
      background-image: url(../images/main/module-shadow.png);
    }
    .sprocket-lists li {
      border-bottom: 1px solid #E0E0E0;
      background-color: #f5f5f5;
    }
    .sprocket-lists li.active {
      background: #ffffff;
    }
    .sprocket-lists li.active .sprocket-lists-title {
      background-color: transparent;
      border-bottom-color: transparent;
    }
    .sprocket-lists li.active .sprocket-lists-title:hover .indicator {
      background: #ff0000;
    }
    .sprocket-lists li.active .sprocket-lists-title .indicator {
      background: #ff0000;
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    }
    .sprocket-lists li .sprocket-lists-title {
      background-color: #f5f5f5;
    }
    .sprocket-lists li .sprocket-lists-title:hover .indicator {
      background: #000000;
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    }
    .sprocket-lists li .indicator {
      background: #E2E2E2;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    .sprocket-lists .sprocket-lists-nav {
      background: #ffffff;
    }
    .sprocket-lists .sprocket-lists-pagination li {
      background-color: #E2E2E2;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    .sprocket-lists .sprocket-lists-pagination li.active,
    .sprocket-lists .sprocket-lists-pagination li.active:hover {
      background-color: #ff0000;
    }
    .sprocket-lists .sprocket-lists-pagination li:hover {
      background-color: #000000;
    }
    .sprocket-tabs:after {
      background-image: url(../images/main/module-shadow.png);
    }
    .sprocket-tabs-panels {
      background: #ffffff;
      border: 1px solid #E0E0E0;
    }
    .sprocket-tabs-nav > li.active > .sprocket-tabs-inner {
      background-color: #ffffff;
      border: 1px solid #E0E0E0;
      border-bottom-color: transparent;
      color: #303030;
    }
    .sprocket-tabs-nav .sprocket-tabs-inner {
      color: #6e6e6e;
    }
    .sprocket-tabs-nav .sprocket-tabs-inner:hover {
      background: #ffffff;
      color: #ff0000;
    }
    .layout-bottom .sprocket-tabs-nav li.active > .sprocket-tabs-inner,
    .layout-bottom .sprocket-tabs-nav li.active > .sprocket-tabs-inner:hover {
      border-color: transparent #E0E0E0 #E0E0E0 #E0E0E0;
    }
    .layout-bottom .sprocket-tabs-nav > li > .sprocket-tabs-inner:hover {
      border-top-color: #E0E0E0;
    }
    .layout-left .sprocket-tabs-nav {
      border-right: 1px solid #E0E0E0;
    }
    .layout-right .sprocket-tabs-nav {
      border-left: 1px solid #E0E0E0;
    }
    .layout-left .sprocket-tabs-nav li.active > .sprocket-tabs-inner,
    .layout-left .sprocket-tabs-nav li.active > .sprocket-tabs-inner:hover {
      border-color: #E0E0E0 transparent #E0E0E0 #E0E0E0;
      *border-right-color: #ffffff;
    }
    .layout-right .sprocket-tabs-nav li.active > .sprocket-tabs-inner,
    .layout-right .sprocket-tabs-nav li.active > .sprocket-tabs-inner:hover {
      border-color: #E0E0E0 #E0E0E0 #E0E0E0 transparent;
      *border-left-color: #ffffff;
    }
    .rokajaxsearch .inputbox {
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 1px #ffffff;
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 1px #ffffff;
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.1), 0 1px 1px #ffffff;
      border: 1px solid #C7C7C7;
      background-color: #ebebeb;
      background-image: url(../images/main/search-controls.png);
      color: #555;
    }
    .rokajaxsearch .inputbox:hover,
    .rokajaxsearch .inputbox:focus {
      background-color: #ffffff;
      -webkit-transition: background 0.2s ease-in-out;
      -moz-transition: background 0.2s ease-in-out;
      -o-transition: background 0.2s ease-in-out;
      transition: background 0.2s ease-in-out;
    }
    #roksearch_results {
      background: #e8e8e8;
      -webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.2);
      -moz-box-shadow: 0 1px 20px rgba(0,0,0,0.2);
      box-shadow: 0 1px 20px rgba(0,0,0,0.2);
      border: 1px solid #c7c7c7;
    }
    #roksearch_results a {
      color: #000000;
    }
    #roksearch_results a:hover {
      color: #6e6e6e;
    }
    #roksearch_results .roksearch_wrapper1 .roksearch_header,
    #roksearch_results .roksearch_wrapper1 .roksearch_result_wrapper1 {
      border: none;
    }
    #roksearch_results .roksearch_wrapper1 .roksearch_row_btm {
      border-top: #c7c7c7;
    }
    #roksearch_results .arrow-right {
      background: url(../images/main/search-controls.png) 0 -15px no-repeat;
    }
    #roksearch_results .arrow-left-disabled,
    #roksearch_results .arrow-right-disabled {
      background: url(../images/main/search-controls.png) 0 -33px no-repeat;
    }
    #roksearch_results .arrow-left {
      background: url(../images/main/search-controls.png) 0 2px no-repeat;
    }
    #roksearch_results .container-wrapper .roksearch_result_wrapper1 {
      border: 1px solid transparent;
      background-color: #d7d7d7;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#E0E0E0),color-stop(45%,#dbdbdb),to(#c7c7c7));
      background-image: -webkit-linear-gradient(#E0E0E0,#dbdbdb 45%,#c7c7c7);
      background-image: -moz-linear-gradient(top,#E0E0E0,#dbdbdb 45%,#c7c7c7);
      background-image: -o-linear-gradient(#E0E0E0,#dbdbdb 45%,#c7c7c7);
      background-image: linear-gradient(#E0E0E0,#dbdbdb 45%,#c7c7c7);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0e0', endColorstr='#ffc6c6c6', GradientType=0);
    }
    #roksearch_results .roksearch_result_wrapper1:hover {
      background-color: #c4c4c4;
      background-color: #f70000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff3333),color-stop(45%,#ff0000),to(#d60000));
      background-image: -webkit-linear-gradient(#ff3333,#ff0000 45%,#d60000);
      background-image: -moz-linear-gradient(top,#ff3333,#ff0000 45%,#d60000);
      background-image: -o-linear-gradient(#ff3333,#ff0000 45%,#d60000);
      background-image: linear-gradient(#ff3333,#ff0000 45%,#d60000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff3232', endColorstr='#ffd60000', GradientType=0);
      color: #ffffff;
      -webkit-box-shadow: inset 0 1px 1px rgba(225,225,225,0.9);
      -moz-box-shadow: inset 0 1px 1px rgba(225,225,225,0.9);
      box-shadow: inset 0 1px 1px rgba(225,225,225,0.9);
      border-color: #f00000;
      text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    }
    #roksearch_results .roksearch_result_wrapper1:hover h3 {
      color: #ffffff;
      text-shadow: -1px -1px 1px rgba(0,0,0,0.3);
    }
    #roksearch_results .roksearch_result_wrapper1:hover a {
      color: #330000;
      text-shadow: none;
    }
    #roksearch_results .roksearch_result_wrapper1:hover a:hover {
      color: #ffffff;
    }
    #roksearch_results .roksearch_result_wrapper1:hover span.highlight {
      background-color: #330000;
    }
    #roksearch_results #roksearch_link {
      background: url(../images/main/search-controls.png) 0 -50px no-repeat;
    }
    #roksearch_results span.highlight {
      background-color: #000000;
      text-shadow: none;
    }
    .rt-social-buttons .social-button {
      background-color: #b7b7b7;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),color-stop(55%,#b3b3b3),to(#C7C7C7));
      background-image: -webkit-linear-gradient(#b3b3b3,#b3b3b3 55%,#C7C7C7);
      background-image: -moz-linear-gradient(top,#b3b3b3,#b3b3b3 55%,#C7C7C7);
      background-image: -o-linear-gradient(#b3b3b3,#b3b3b3 55%,#C7C7C7);
      background-image: linear-gradient(#b3b3b3,#b3b3b3 55%,#C7C7C7);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb2b2b2', endColorstr='#ffc7c7c7', GradientType=0);
      color: #ffffff;
      text-shadow: 0 1px 1px rgba(0,0,0,0.4);
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    }
    .rt-social-buttons .social-button:hover {
      -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
      -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
      box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    }
    .rt-social-buttons .social-button span {
      text-shadow: 0 1px 3px rgba(0,0,0,0.5);
    }
    .rt-social-buttons .rt-facebook-btn:hover {
      background: #7A6DBC;
    }
    .rt-social-buttons .rt-twitter-btn:hover {
      background: #4FABE0;
    }
    .rt-social-buttons .rt-google-btn:hover {
      background: #C35252;
    }
    .rt-social-buttons .rt-rss-btn:hover {
      background: #E7922F;
    }
    .powered-by {
      background: url(../images/main/rocket.png);
    }
    #rt-popup .title,
    #rt-popuplogin .title {
      color: #000000;
    }
    .pagenav li {
      background: #ECECEC;
      border: 1px solid #E0E0E0;
      box-shadow: inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2);
    }
    .login-fields #username,
    .login-fields #password,
    #contact-form dd input,
    #contact-form dd textarea,
    #modlgn-username,
    #modlgn-passwd,
    #jform_email,
    #member-registration dd input,
    #search-searchword,
    .finder .inputbox,
    .inputbox {
      border: 1px solid #E0E0E0;
    }
    .component-content .contact .title {
      background-color: #fcfcfc;
      background-image: -moz-linear-gradient(top,#ffffff,#f7f7f7);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f7f7f7));
      background-image: -webkit-linear-gradient(top,#ffffff,#f7f7f7);
      background-image: -o-linear-gradient(top,#ffffff,#f7f7f7);
      background-image: linear-gradient(to bottom,#ffffff,#f7f7f7);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);
      border: 1px solid #E0E0E0;
      text-shadow: 0 1px 1px #ffffff;
    }
    .pagination ul li a {
      background-color: #505050;
      background-image: -moz-linear-gradient(top,#000000,#C7C7C7);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#000000),to(#C7C7C7));
      background-image: -webkit-linear-gradient(top,#000000,#C7C7C7);
      background-image: -o-linear-gradient(top,#000000,#C7C7C7);
      background-image: linear-gradient(to bottom,#000000,#C7C7C7);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ffc7c7c7', GradientType=0);
      border: 1px solid #E0E0E0;
      text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    }
    .pagination ul li span {
      background: #eaeaea;
      border: 1px solid #E0E0E0;
      color: #aaaaaa;
    }
    .breadcrumbs a:after,
    .breadcrumb a:after {
      color: #aaaaaa;
    }
    .breadcrumbs .showHere,
    .breadcrumb .showHere {
      font-weight: bold;
      margin-right: 5px;
    }
    .article-info dd:before {
      text-shadow: 1px 1px 0 #000000;
    }
    #gantry-totop:before {
      background-color: #dc0000;
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#b30000),color-stop(45%,#d60000),to(#f50000));
      background-image: -webkit-linear-gradient(#b30000,#d60000 45%,#f50000);
      background-image: -moz-linear-gradient(top,#b30000,#d60000 45%,#f50000);
      background-image: -o-linear-gradient(#b30000,#d60000 45%,#f50000);
      background-image: linear-gradient(#b30000,#d60000 45%,#f50000);
      background-repeat: no-repeat;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb20000', endColorstr='#fff40000', GradientType=0);
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 1px rgba(225,225,225,0.6);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 1px rgba(225,225,225,0.6);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 1px 1px rgba(225,225,225,0.6);
    }
    .tip-wrap {
      background: #ffffff;
      -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
      -moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
      box-shadow: 0 0 5px rgba(0,0,0,0.3);
      color: #6e6e6e;
    }
    .system-unpublished .system-unpublished {
      background: #000000;
      border-color: #E0E0E0;
    }
    .tags .label-info {
      background-color: #ff0000;
      color: #ffffff;
      text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
      font-weight: normal;
    }
    .tags .label-info:hover {
      background-color: #b30000;
    }
    abbr[title] {
      border-bottom: 1px dotted #E0E0E0;
    }
    blockquote {
      border-left: 5px solid #E0E0E0;
    }
    blockquote small {
      color: #aaaaaa;
    }
    blockquote.pull-right {
      border-right: 5px solid #E0E0E0;
    }
    legend {
      color: #303030;
      border-bottom: 1px solid #E0E0E0;
    }
    legend small {
      color: #E0E0E0;
    }
    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
      color: #6e6e6e;
    }
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
      background-color: #ffffff;
      border: 1px solid #E0E0E0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
      -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
      box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    }
    select {
      border: 1px solid #E0E0E0;
    }
    .gantry-example.form-search input {
      margin-bottom: 0;
    }
    .uneditable-input,
    .uneditable-textarea {
      color: #aaaaaa;
      background-color: #f5f5f5;
      border-color: #E0E0E0;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
    }
    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly] {
      border-color: #E0E0E0;
    }
    .input-prepend .add-on,
    .input-append .add-on {
      text-shadow: none;
      background-color: #ECECEC;
      border: 1px solid #E0E0E0;
    }
    .input-prepend.input-append .media-preview,
    .input-append.input-append .media-preview {
      margin: 0;
    }
    .table-bordered th,
    .table-bordered td,
    .table th,
    .table td,
    .table-bordered,
    .list-striped li,
    .list-striped dd,
    .row-striped .row,
    .row-striped .row-fluid {
      border-color: #E0E0E0;
    }
    .table-hover tbody tr:hover td,
    .table-hover tbody tr:hover th,
    .table-striped tbody tr:nth-child(odd) td,
    .table-striped tbody tr:nth-child(odd) th {
      background-color: #f5f5f5;
    }
    .form-actions {
      background-color: #ECECEC;
      border-top: 1px solid #E0E0E0;
    }
    .uneditable-input {
      background-color: ;
      border-color: #eeeeee;
      -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
      -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
      box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
    }
    .help-block,
    .help-inline {
      color: ;
    }
    .table-bordered th {
      background-color: #ECECEC;
    }
    .well {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .nav-tabs.nav-stacked > li > a {
      background-color: #ECECEC;
      border-color: #E0E0E0;
    }
    .nav-tabs.nav-stacked > li > a:hover {
      background-color: #eaeaea;
      border-color: #E0E0E0;
    }
    .list-striped li:nth-child(odd),
    .list-striped dd:nth-child(odd),
    .row-striped .row:nth-child(odd),
    .row-striped .row-fluid:nth-child(odd),
    .cat-list-row0 {
      background-color: #eaeaea;
    }
    .list-striped li:hover,
    .list-striped dd:hover,
    .row-striped .row:hover,
    .row-striped .row-fluid:hover,
    .cat-list-row0:hover,
    .cat-list-row1:hover {
      background-color: #dddddd;
    }
    .filter-search.alert-info {
      background-color: transparent;
      border-color: transparent;
      color: inherit;
    }
    .filter-search.alert-info .inputbox {
      color: ;
    }
    p.success,
    p.info,
    p.error,
    p.warning {
      border-radius: 6px;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      padding: 15px;
      font-weight: bold;
      border: 1px solid;
    }
    p.success a,
    p.info a,
    p.error a,
    p.warning a {
      color: #666 !important;
    }
    p.success a:hover,
    p.info a:hover,
    p.error a:hover,
    p.warning a:hover {
      color: #000 !important;
      text-shadow: none;
    }
    p.success {
      background: #dff0d8;
      border-color: #d6e9c6;
      color: #468847;
    }
    p.info {
      background: #d9edf7;
      border-color: #bce8f1;
      color: #3a87ad;
    }
    p.error {
      background: #f2dede;
      border-color: #eed3d7;
      color: #b94a48;
    }
    p.warning {
      background: #fcf8e3;
      border-color: #fbeed5;
      color: #c09853;
    }
    @font-face {
      font-family: 'FontAwesome';
      src: url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');
      src: url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
      font-weight: normal;
      font-style: normal;
    }

Examples and source code

fa-lemon-o hidden-print t1

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1