Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • COLECTIVO.COM.CO used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of COLECTIVO.COM.CO are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • COLECTIVO.COM.CO includes "http://COLECTIVO.COM.CO/templates/rt_lexicon/css-compiled/master-6a1001430a31d6d8256f592da3755bad.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
      font-family: 'merriweathersans';
      src: url('../fonts/merriweathersans-regular-webfont.eot');
      src: url('../fonts/merriweathersans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweathersans-regular-webfont.woff') format('woff'), url('../fonts/merriweathersans-regular-webfont.ttf') format('truetype'), url('../fonts/merriweathersans-regular-webfont.svg#merriweathersans') format('svg');
      font-weight: normal;
      font-style: normal;
    }
    @font-face {
      font-family: 'merriweathersans';
      src: url('../fonts/merriweathersans-italic-webfont.eot');
      src: url('../fonts/merriweathersans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweathersans-italic-webfont.woff') format('woff'), url('../fonts/merriweathersans-italic-webfont.ttf') format('truetype'), url('../fonts/merriweathersans-italic-webfont.svg#merriweathersans') format('svg');
      font-weight: normal;
      font-style: italic;
    }
    @font-face {
      font-family: 'merriweathersans';
      src: url('../fonts/merriweathersans-bold-webfont.eot');
      src: url('../fonts/merriweathersans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweathersans-bold-webfont.woff') format('woff'), url('../fonts/merriweathersans-bold-webfont.ttf') format('truetype'), url('../fonts/merriweathersans-bold-webfont.svg#merriweathersans') format('svg');
      font-weight: bold;
      font-style: normal;
    }
    @font-face {
      font-family: 'merriweathersans';
      src: url('../fonts/merriweathersans-bolditalic-webfont.eot');
      src: url('../fonts/merriweathersans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweathersans-bolditalic-webfont.woff') format('woff'), url('../fonts/merriweathersans-bolditalic-webfont.ttf') format('truetype'), url('../fonts/merriweathersans-bolditalic-webfont.svg#merriweathersans') format('svg');
      font-weight: bold;
      font-style: italic;
    }
    .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;
    }
    li {
      line-height: 24px;
    }
    .rt-block {
      padding: 15px;
      margin: 10px;
      position: relative;
    }
    #rt-content-top,
    #rt-content-bottom {
      overflow: hidden;
      clear: both;
    }
    .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: 14px;
      line-height: 24px;
      font-family: Arial, Helvetica, Sans-Serif;
    }
    .font-size-is-xlarge {
      font-size: 16px;
    }
    .font-size-is-large {
      font-size: 15px;
    }
    .font-size-is-default {
      font-size: 14px;
    }
    .font-size-is-small {
      font-size: 12px;
    }
    .font-size-is-xsmall {
      font-size: 10px;
    }
    p {
      margin: 0 0 15px 0;
    }
    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;
      margin: 10px;
    }
    #gantry-resetsettings {
      display: block;
      padding: 15px;
      margin: 10px;
    }
    ul,
    ol {
      margin: 0 0 15px 20px;
    }
    ul li {
      padding: 0;
      margin: 0;
      line-height: 24px;
    }
    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;
    }
    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%;
    }
    #rt-transition.rt-hidden {
      opacity: 0;
    }
    #rt-transition.rt-visible {
      opacity: 1;
      -webkit-transition: opacity 0.5s ease-in;
      -moz-transition: opacity 0.5s ease-in;
      -o-transition: opacity 0.5s ease-in;
      transition: opacity 0.5s ease-in;
      -webkit-transition: opacity 0.5s ease-in;
      -moz-transition: opacity 0.5s ease-in;
      -o-transition: opacity 0.5s ease-in;
      transition: opacity 0.5s ease-in;
    }
    .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;
    }
    .gantry-row {
      margin: 0 -15px;
    }
    .gantry-width-spacer {
      margin: 0 15px;
    }
    .gantry-block-center {
      margin: auto;
      float: none !important;
    }
    .gantry-width-10,
    .gantry-width-20,
    .gantry-width-25,
    .gantry-width-30,
    .gantry-width-33,
    .gantry-width-40,
    .gantry-width-50,
    .gantry-width-60,
    .gantry-width-66,
    .gantry-width-70,
    .gantry-width-75,
    .gantry-width-80,
    .gantry-width-90 {
      display: block;
      float: left;
    }
    .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.333333333%;
    }
    .gantry-width-40 {
      width: 40%;
    }
    .gantry-width-50 {
      width: 50%;
    }
    .gantry-width-60 {
      width: 60%;
    }
    .gantry-width-66 {
      width: 66.666666666%;
    }
    .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-text-left {
      text-align: left;
    }
    .gantry-text-right {
      text-align: right;
    }
    .gantry-center {
      text-align: center;
    }
    .gantry-center td,
    .gantry-center th {
      text-align: center;
    }
    .component-body {
      padding: 20px;
      background: #ffffff;
      color: #383838;
    }
    .actions {
      float: right;
      position: relative;
      z-index: 1;
    }
    .cols-3 .actions,
    .cols-4 .actions {
      float: none;
      text-align: right;
    }
    .actions li {
      list-style: none;
      display: inline-block;
    }
    .actions a {
      margin-left: 8px;
      text-decoration: none;
    }
    .actions a:before {
      font-family: FontAwesome;
    }
    .actions a:hover {
      text-decoration: none;
    }
    .actions i {
      display: none;
    }
    .actions img,
    .actions [class^="icon-"],
    .actions [class*=" icon-"] {
      display: none;
    }
    .component-body .actions img,
    .component-body .actions [class^="icon-"],
    .component-body .actions [class*=" icon-"] {
      display: inline-block;
    }
    .actions .print-icon a:before {
      content: "\f02f";
    }
    .actions .email-icon a:before {
      content: "\f0e0";
    }
    .actions .edit-icon a:before {
      content: "\f044";
    }
    .article-info {
      font-size: 90%;
    }
    .article-info.muted {
      color: inherit;
    }
    .article-info dd {
      margin-left: 0;
    }
    .article-info-term {
      display: none;
    }
    .parent-category-name span,
    .category-name span,
    .create span,
    .modified span,
    .published span,
    .createdby span,
    .hits span {
      display: none;
    }
    .parent-category-name:before,
    .category-name:before,
    .create:before,
    .modified:before,
    .published:before,
    .createdby:before,
    .hits:before {
      font-family: FontAwesome;
      margin-right: 2px;
      text-shadow: none;
    }
    .parent-category-name:before {
      content: "\f0c9";
    }
    .category-name:before {
      content: "\f0c9";
    }
    .create:before {
      content: "\f017";
    }
    .modified:before {
      content: "\f017";
    }
    .published:before {
      content: "\f017";
    }
    .createdby:before {
      content: "\f040";
    }
    .hits:before {
      content: "\f019";
    }
    .content_vote,
    .tags {
      margin: 10px 0;
    }
    .content_rating {
      display: block;
    }
    .img-intro-right,
    .img-fulltext-right {
      float: right;
      margin-left: 10px;
      margin-bottom: 10px;
    }
    .img-intro-left,
    .img-fulltext-left {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px;
    }
    .categories-list {
      padding: 0 5px;
    }
    .categories-list ul {
      margin: 0;
      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;
    }
    .category {
      width: 100%;
    }
    .category td {
      padding: 8px;
    }
    .category th {
      padding: 8px;
      text-align: left;
    }
    .item-separator,
    .row-separator {
      display: block;
      clear: both;
      margin: 12px 0;
      border: 0;
      height: 2px;
    }
    .cols-1 {
      display: block;
      float: none !important;
      margin: 0 !important;
    }
    .cols-2 .column-1,
    .cols-2 .column-2 {
      width: 48%;
    }
    .cols-2 .column-1 {
      float: left;
    }
    .cols-2 .column-2 {
      float: right;
      margin: 0;
    }
    .cols-3 .column-1,
    .cols-3 .column-2 {
      float: left;
      width: 29%;
    }
    .cols-3 .column-1 {
      margin-right: 7%;
    }
    .cols-3 .column-2 {
      margin-left: 0;
    }
    .cols-3 .column-3 {
      float: right;
      width: 29%;
    }
    .cols-4 .column-1,
    .cols-4 .column-2,
    .cols-4 .column-3 {
      float: left;
      width: 23%;
      margin-right: 2%;
    }
    .cols-4 .column-2 {
      margin-left: 0;
    }
    .cols-4 .column-4 {
      float: right;
      width: 23%;
      margin-right: 2%;
    }
    .page-header {
      margin: 0;
      padding: 0;
      border: 0;
    }
    fieldset.filters {
      margin: 10px 0 !important;
      padding: 0 !important;
    }
    .archive #archive-items {
      margin-left: 0;
      list-style: none;
    }
    .archive .filter-search {
      background: none;
      border: 0;
      margin: 0;
      padding: 0;
    }
    .archive .filter-search.alert {
      float: left;
    }
    .archive select {
      margin-right: 5px;
    }
    .archive .createdby {
      display: block;
    }
    .archive .muted {
      color: inherit;
    }
    #article-index {
      float: right;
      border: 1px solid #d5d5d5;
      background: #f2f2f2;
      border-radius: 3px;
      margin-left: 15px;
    }
    #article-index ul {
      list-style: none;
      margin: 0;
    }
    #article-index ul li:first-child a {
      border-top-right-radius: 3px;
      border-top-left-radius: 3px;
    }
    #article-index ul li a {
      display: block;
      padding: 5px 10px;
      font-size: 12px;
      border-bottom: 1px solid #d5d5d5;
    }
    #article-index ul li a.active {
      color: inherit;
    }
    #article-index ul li a:hover {
      background: #eaeaea;
    }
    #article-index ul li:last-child a {
      border-bottom: none !important;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
    }
    .article-index {
      margin-left: 15px;
    }
    .article-index .nav-tabs.nav-stacked > li > a {
      font-size: 12px;
      padding: 5px 10px;
      border: 1px solid #d5d5d5;
      background: #f2f2f2;
    }
    .article-index .nav-tabs.nav-stacked > li > a:hover {
      background: #eaeaea;
    }
    .pagination {
      margin: 10px 0;
      padding: 10px 0;
      clear: both;
      text-align: center;
    }
    .pagination .counter {
      float: none;
      text-align: center;
      margin: 0;
      margin-bottom: 5px;
    }
    .pagination ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      text-align: center;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .pagination ul li {
      display: inline-block;
      text-align: center;
      margin: 0 5px;
    }
    .pagination ul li a,
    .pagination ul li span {
      float: none;
      margin: 0 5px;
      padding: 0;
      background: none;
      border: none;
      text-shadow: none;
    }
    .pagination ul li a:hover,
    .pagination ul li span:hover {
      background: none;
    }
    .pagination-start,
    .pagination-next,
    .pagination-end,
    .pagination-prev {
      border: 0;
    }
    .pagination-start {
      padding: 0;
    }
    .pagination-start span {
      padding: 0;
    }
    .pagenav {
      list-style: none;
      margin: 5px 0;
      padding: 15px 0;
    }
    .pagenav-prev {
      float: left;
    }
    .pagenav-next {
      float: right;
    }
    .pager li {
      margin: 0 5px;
    }
    .pager a,
    .pager span {
      background: none;
      border: 0;
      padding: 0;
    }
    .pager a:hover,
    .pager span:hover {
      background: none;
    }
    #rt-breadcrumbs .rt-block {
      margin: 10px;
      padding: 10px 15px;
    }
    #rt-breadcrumbs [class^="breadcrumb"] {
      padding: 0;
      margin: 0;
    }
    #rt-breadcrumbs [class^="breadcrumb"] li {
      list-style: none;
      float: left;
      text-shadow: none;
    }
    #rt-breadcrumbs [class^="breadcrumb"] a:after {
      margin: 0 10px;
    }
    #rt-breadcrumbs [class^="breadcrumb"] img {
      display: none;
    }
    #rt-breadcrumbs a {
      font-size: 14px;
      text-decoration: none;
    }
    #rt-breadcrumbs a:after {
      font-family: FontAwesome;
      content: "\f101";
      margin: 0 5px 0 10px;
    }
    #rt-breadcrumbs a:hover {
      text-decoration: none;
    }
    #rt-breadcrumbs .showHere {
      font-weight: bold;
      margin-right: 5px;
    }
    #rt-breadcrumbs .divider {
      display: none;
    }
    #rt-breadcrumbs li:first-child .divider {
      display: inline;
    }
    .weblink-category td.title {
      font-size: 14px;
      text-align: left;
    }
    .weblink-category p {
      margin: 5px 0;
    }
    .num {
      vertical-align: top;
      text-align: left;
    }
    .hits {
      vertical-align: top;
    }
    .filter {
      margin: 10px 0;
      text-align: right;
      margin-right: 7px;
    }
    .element-invisible {
      position: absolute;
      margin-left: -3000px;
      margin-top: -3000px;
      height: 0;
    }
    .cat-items {
      margin-top: 20px;
    }
    .cat-items .filter-search {
      margin-bottom: 10px;
    }
    .cat-items select {
      margin-bottom: 0;
    }
    table.weblinks {
      font-size: 14px;
      margin: 10px 10px 20px 0;
      width: 99%;
    }
    table.weblinks td {
      border-collapse: collapse;
      padding: 7px;
    }
    table.weblinks td p {
      margin: 0;
      line-height: 1.3em;
    }
    table.weblinks th {
      padding: 7px;
      text-align: left;
    }
    legend {
      font-size: 20px;
      border-bottom: 1px solid #d5d5d5;
    }
    legend small {
      color: #d5d5d5;
    }
    form fieldset dt {
      clear: left;
      float: left;
      width: 12em;
      padding: 3px 0;
    }
    form fieldset dd {
      float: left;
      padding: 3px 0;
    }
    .invalid {
      border-color: #ff0000 !important;
    }
    label.invalid {
      color: #ff0000 !important;
    }
    input[type="radio"],
    input[type="checkbox"] {
      margin: 5px;
      height: auto;
    }
    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly],
    .uneditable-input,
    .uneditable-textarea {
      color: #b8b8b8;
      background-color: #ffffff;
      border: 1px solid #d5d5d5;
    }
    .input-prepend .add-on,
    .input-append .add-on {
      color: #6e6e6e;
      background: #f2f2f2;
      border: 1px solid #d5d5d5;
    }
    .input-prepend.input-append .media-preview,
    .input-append.input-append .media-preview {
      margin: 0;
    }
    .btn.disabled,
    .btn[disabled],
    .btn.disabled:hover,
    .btn[disabled]:hover {
      background-color: #e6e6e6 !important;
      color: #808080;
    }
    .btn-primary.disabled,
    .btn-primary[disabled],
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover {
      background-color: #ffffff !important;
      color: #ffffff !important;
    }
    table {
      border-collapse: collapse;
    }
    table.table-bordered {
      border-collapse: separate;
      *border-collapse: collapse;
    }
    table.table-bordered th {
      background-color: #f2f2f2;
    }
    .table-striped tbody tr:nth-child(2n+1) td,
    .table-striped tbody tr:nth-child(2n+1) th {
      background: #eaeaea;
    }
    .well {
      background-color: transparent;
      border: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
    }
    .nav-tabs.nav-stacked > li > a {
      background-color: #f2f2f2;
    }
    .nav-tabs.nav-stacked > li > a:hover {
      background-color: #eaeaea;
    }
    .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: #f2f2f2;
    }
    .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: #eaeaea;
    }
    .contact {
      padding: 0;
    }
    .contact .button {
      float: none !important;
      clear: left;
      display: block;
      margin: 20px 0 0 0;
    }
    .contact .title {
      font-size: 14px;
      line-height: 33px;
      margin: 0 0 2px 0;
      box-shadow: none;
      padding: 0;
      text-align: left;
      border-radius: 3px;
      background-color: #fafafa;
      background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
      background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
      background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
      background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
      background-color: #fafafa;
      background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
      background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
      background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
      background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
      border: 1px solid #d5d5d5;
    }
    .contact .title a {
      display: block;
      padding: 0 10px;
    }
    .contact .title a span {
      line-height: 1em;
    }
    .contact .title a span:before {
      font-family: FontAwesome;
      content: "\f055";
      margin: 0 10px 0 0;
      font-size: 1.3em;
      display: inline;
      vertical-align: middle;
    }
    .contact .pane-toggler-down a span:before {
      content: "\f056";
    }
    .contact-category {
      padding: 0 10px;
    }
    .contact-category #adminForm .filters {
      border: 0;
      padding: 0;
    }
    .contact-image {
      margin: 10px 0;
      overflow: hidden;
      display: block;
    }
    .contact-image img {
      max-width: 100%;
    }
    address {
      font-style: normal;
      margin: 10px 0;
    }
    address span {
      display: block;
    }
    .contact-address {
      margin: 20px 0 10px 0;
    }
    .contact-email div {
      padding: 2px 0;
      margin: 0 0 10px 0;
    }
    .contact-email label {
      width: 17em;
      float: left;
    }
    #contact-textmsg {
      padding: 2px 0 10px 0;
    }
    #contact-email-copy {
      float: left;
      margin-right: 10px;
    }
    dl.tabs {
      float: left;
      margin: 50px 0 0 0;
      z-index: 50;
      clear: both;
    }
    dl.tabs dt {
      float: left;
      padding: 4px 10px;
      border-left: 1px solid #d5d5d5;
      border-right: 1px solid #d5d5d5;
      border-top: 1px solid #d5d5d5;
      margin-right: 3px;
      background: #f0f0f0;
      color: #666666;
    }
    dl.tabs .open {
      background: #F9F9F9;
      border-bottom: 1px solid #F9F9F9;
      z-index: 100;
      color: #000000;
    }
    .current {
      clear: both;
      border: 1px solid #d5d5d5;
      padding: 10px 10px;
    }
    .current dd {
      padding: 0;
      margin: 0;
    }
    #content-pane.tabs {
      margin: 1px 0 0 0;
    }
    .searchintro {
      font-weight: normal;
      margin: 20px 0 20px;
    }
    #searchForm .inputbox {
      margin-bottom: 0;
    }
    #searchForm input[type="radio"],
    #searchForm input[type="checkbox"] {
      margin-top: 3px;
      margin-right: 5px;
      float: none;
      vertical-align: top;
    }
    #searchForm,
    #finder-search {
      padding: 0 5px;
    }
    .form-limit {
      margin: 20px 0 0;
      text-align: right;
      padding: 0 10px 0 20px;
    }
    .highlight {
      font-weight: bold;
    }
    .ordering-box {
      float: right;
    }
    .phrases-box {
      width: 60%;
      float: left;
    }
    .only,
    .phrases {
      margin: 10px 0 0 0;
      line-height: 1.3em;
    }
    .search label {
      padding-top: 0 !important;
      display: inline-block;
    }
    label.ordering {
      display: block;
      margin: 10px 0 10px 0;
    }
    .word {
      padding: 10px 10px 10px 0;
    }
    .word input {
      font-weight: bold;
      padding: 4px;
      font-size: 14px;
    }
    .word label {
      font-weight: bold;
    }
    fieldset.only label,
    fieldset.phrases label {
      margin: 0 10px 0 0;
    }
    .ordering-box label.ordering {
      margin: 0 10px 5px 0;
    }
    form .search label,
    form .finder label {
      display: none;
    }
    form #finder-filter-select-list label {
      display: block;
      margin-top: 10px;
      margin-bottom: 2px;
    }
    .search dd {
      padding: 2px 15px 2px 5px;
    }
    .result-title {
      padding: 15px 15px 0 5px;
      font-weight: bold;
    }
    .result-text {
      padding: 10px 15px 10px 5px;
      line-height: 1.7em;
    }
    .result-url {
      font-size: 14px;
      padding: 2px 15px 15px 5px;
    }
    .result-created {
      padding: 2px 15px 15px 5px;
      font-size: 12px;
    }
    .result-category {
      padding: 10px 15px 5px 5px;
    }
    #password-lbl,
    #username-lbl {
      width: 130px;
      display: block;
      float: left;
    }
    .login .control-label {
      padding-top: 0;
      text-align: left;
    }
    .login-fields {
      margin-bottom: 5px;
    }
    #remember-lbl {
      display: inline-block;
      margin-right: 5px;
    }
    #remember {
      margin: 0;
    }
    .login + div {
      margin-top: 12px;
    }
    .login + div ul li,
    #login-form li {
      list-style: none;
    }
    .login + div ul li a:before,
    #login-form a:before {
      font-family: FontAwesome;
      content: "\f059";
      margin-right: 4px;
    }
    .login + div ul {
      padding: 0;
      margin-left: 0;
    }
    .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;
      text-decoration: none;
    }
    #login-form input[type="text"],
    #login-form input[type="password"] {
      width: 100%;
    }
    #login-form .input-prepend {
      width: 100%;
    }
    #login-form .input-prepend .add-on {
      width: 25%;
      text-align: center;
      padding: 0;
    }
    #login-form .input-prepend input[type="text"],
    #login-form .input-prepend input[type="password"] {
      width: 75%;
      border-radius: 0 3px 3px 0;
    }
    #login-form .input-prepend input#modlgn-secretkey {
      width: 57%;
      border-radius: 0;
    }
    #login-form .input-prepend input#modlgn-secretkey + span {
      width: 19%;
      text-align: center;
      padding: 0;
    }
    #login-form #form-login-remember label {
      display: inline-block;
    }
    #login-form #form-login-remember label.control-label {
      margin: -10px 0 0 5px;
    }
    #login-form #form-login-remember input {
      margin: 0;
    }
    #users-profile-core,
    #users-profile-custom {
      margin: 10px 0 15px 0;
      padding: 15px;
    }
    #users-profile-core dt,
    #users-profile-custom dt {
      float: left;
      width: 12em;
      padding: 3px 0;
      margin-right: 10px;
    }
    #users-profile-core dd,
    #users-profile-custom dd {
      padding: 3px 0;
    }
    #member-profile fieldset,
    #member-registration fieldset {
      margin: 10px 0 15px 0;
      padding: 15px;
    }
    #member-profile fieldset dd,
    #member-registration fieldset dd {
      float: none;
      padding: 5px 0;
    }
    #member-profile fieldset dd input,
    #member-registration fieldset dd input {
      width: 17em;
    }
    #member-profile fieldset dd select {
      width: 17em;
    }
    #member-profile fieldset dt,
    #member-registration fieldset dt {
      padding: 5px 5px 5px 0;
      width: 13em;
    }
    .optional {
      font-size: 14px;
    }
    #member-registration {
      padding: 0 5px;
    }
    ul.menu {
      list-style: none;
      margin: 0 -15px;
      padding: 0;
    }
    ul.menu ul {
      list-style: none;
    }
    ul.menu li {
      margin-bottom: 5px;
    }
    ul.menu li a,
    ul.menu li .item,
    ul.menu li .separator {
      display: block;
      text-decoration: none;
      padding: 5px 15px;
      border-radius: 3px;
    }
    ul.menu li a:before,
    ul.menu li .item:before,
    ul.menu li .separator:before {
      content: "\f138";
      font-family: FontAwesome;
      margin-right: 10px;
      display: inline;
    }
    ul.menu li:last-child {
      margin-bottom: 0;
    }
    ul.menu li ul {
      margin: 0 0 0 20px;
      padding: 8px 0 0;
    }
    ul.menu li.active.current,
    ul.menu li#current.active {
      border: 0;
      padding: 0;
    }
    ul.menu li.active.current > a,
    ul.menu li#current.active > a {
      color: #6e6e6e;
    }
    ul.menu li.active.current > a:before,
    ul.menu li.active.current > .item:before,
    ul.menu li.active.current > .separator:before,
    ul.menu li#current.active > a:before,
    ul.menu li#current.active > .item:before,
    ul.menu li#current.active > .separator:before {
      content: "\f0a9";
    }
    ul.menu ul.small {
      font-size: 14px;
    }
    .edit.item-page input,
    .edit.item-page input .inputbox,
    .edit.item-page #jform_images_image_intro,
    .edit.item-page #jform_images_image_fulltext {
      width: 250px;
    }
    .edit.item-page .calendar,
    .edit.item-page .calendar table {
      margin-left: 15px;
    }
    #adminForm fieldset {
      padding: 20px 15px;
      margin: 10px 0 15px 0;
    }
    #adminForm label {
      width: 100%;
    }
    #adminForm .formelm-area {
      padding: 5px 0;
    }
    #adminForm .formelm-area label {
      vertical-align: top;
      display: inline-block;
      width: 7em;
    }
    .modal.btn {
      position: relative;
      top: inherit;
      bottom: inherit;
      left: inherit;
      right: inherit;
    }
    .media-preview.add-on {
      margin-top: 0;
    }
    .input-append #jform_publish_up + .btn,
    .input-append #jform_publish_down + .btn {
      padding-bottom: 4px;
      margin-left: 15px;
    }
    #editor-xtd-buttons a:link,
    #editor-xtd-buttons a:hover,
    #editor-xtd-buttons a:visited {
      color: #323232;
    }
    #editor-xtd-buttons a.modal-button {
      text-shadow: none;
    }
    #editor-xtd-buttons .readmore {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      font-size: inherit;
      font-family: inherit;
      border: inherit;
    }
    #editor-xtd-buttons .readmore a {
      text-shadow: none;
    }
    #editor-xtd-buttons .readmore:before {
      display: none;
    }
    .formelm {
      margin: 5px 0;
    }
    .formelm .fltlft {
      float: left;
    }
    .formelm .button2-left,
    .formelm .media-preview {
      margin: 10px 0 0 10px;
    }
    .formelm .button2-left a,
    .formelm .media-preview a {
      padding: 3px 10px !important;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      border-radius: 4px;
    }
    .formelm-buttons {
      text-align: right;
      margin-bottom: 10px;
    }
    .button2-left {
      float: left;
      margin-right: 5px;
      margin-top: 10px;
    }
    .button2-left .readmore {
      background-image: none;
      background-color: transparent;
      border: none;
      padding: 0;
      text-shadow: none;
      font-size: inherit;
      text-transform: inherit;
    }
    .contentpaneopen_edit {
      float: left;
    }
    .mceButton:hover {
      background: none !important;
    }
    .formelm-buttons {
      text-align: right;
      margin-bottom: 10px;
    }
    .button2-left .blank a,
    .button2-left a,
    .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;
      text-shadow: none;
    }
    #publishing .chzn-container-multi .chzn-choices {
      color: #6e6e6e;
      background-color: #ffffff;
      background-image: none;
      border: 1px solid #d5d5d5;
      border-radius: 3px;
    }
    #publishing .chzn-container-multi .chzn-choices li.search-field input[type="text"] {
      min-height: 45px;
    }
    #publishing .chzn-container-active .chzn-choices {
      border: 1px solid #ffffff;
      box-shadow: none;
    }
    #publishing .chzn-container .chzn-drop {
      border: none;
    }
    .manager.thumbnails > li {
      float: left !important;
      margin-left: 20px !important;
      list-style: none;
    }
    .control-group {
      margin-left: 0 !important;
    }
    .adminlist .title > a,
    #adminForm .title > a {
      font-weight: bold;
    }
    .adminlist th.title,
    #adminForm th.title {
      font-size: inherit;
      letter-spacing: inherit;
      margin-top: inherit;
      text-transform: inherit;
    }
    .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 !important;
      display: table-cell;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      -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;
      border-radius: 0;
      line-height: inherit;
    }
    .calendar td.button:hover {
      color: #000000 !important;
    }
    .calendar td.button:before {
      display: none;
    }
    .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;
    }
    .items-more {
      padding-top: 10px;
    }
    .items-more h3 {
      font-weight: normal;
      margin: 0;
      padding: 0;
      font-size: 1.4em;
    }
    .items-more ol {
      line-height: 1.3em;
      list-style-type: none;
      margin: 0;
      padding: 10px 0 10px 2px;
    }
    .items-more ol li {
      margin-bottom: 5px;
    }
    .items-more ol li a {
      display: inline;
      font-weight: normal;
      padding: 0;
    }
    .items-more ol li a:before {
      font-family: FontAwesome;
      content: "\f055";
      margin: 0 5px;
    }
    table.contenttoc {
      padding: 10px;
      margin: 10px;
    }
    table.contenttoc tr td {
      padding: 1px 0;
    }
    .pagenavcounter {
      font-weight: bold;
    }
    .mailto-close {
      float: right;
    }
    #mailtoForm .button {
      margin-top: 15px;
    }
    #system-message {
      padding: 0;
      margin: 15px 0;
    }
    #system-message dd {
      margin: 0;
    }
    #system-message dd ul {
      border-radius: 3px;
      margin: 15px 0;
      list-style: none;
      padding: 10px;
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
    }
    #system-message dd ul li:before {
      font-family: FontAwesome;
      content: '\f05a';
      margin-right: 8px;
      font-size: 24px;
      opacity: 0.8;
      vertical-align: middle;
    }
    #system-message .error ul {
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    }
    #system-message .error ul li:before {
      content: '\f056';
    }
    #system-message .notice ul {
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    }
    #system-message .notice ul li:before {
      content: '\f06a';
    }
    #system-message .alert {
      border-radius: 4px;
      margin: 15px 0;
      list-style: none;
      padding: 10px 35px 10px 10px;
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      color: #0055BB;
      padding: 15px;
      border-radius: 4px;
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
      background-color: #adc6df;
      background-image: -moz-linear-gradient(top,#adc6df,#adc6df);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#adc6df),to(#adc6df));
      background-image: -webkit-linear-gradient(top,#adc6df,#adc6df);
      background-image: -o-linear-gradient(top,#adc6df,#adc6df);
      background-image: linear-gradient(to bottom,#adc6df,#adc6df);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacc6de', endColorstr='#ffacc6de', GradientType=0);
    }
    #system-message .alert-error {
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    }
    #system-message .alert-error:before {
      content: '\f056';
    }
    #system-message .alert-warning {
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    }
    #system-message .alert-warning:before {
      content: '\f06a';
    }
    #system-message .alert-success {
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    }
    #system-message .alert-success:before {
      content: '\f058';
    }
    #system-message .alert > div:first-child {
      margin-bottom: 0 !important;
    }
    #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.8;
      vertical-align: middle;
      float: left;
    }
    #system-message dt.error,
    #system-message dt.notice,
    #system-message dt.message {
      display: none;
    }
    div.success,
    p.success {
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      color: #468847;
      padding: 15px;
      border-radius: 4px;
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
      background-color: #d0e9c6;
      background-image: -moz-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#d0e9c6),to(#d0e9c6));
      background-image: -webkit-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: -o-linear-gradient(top,#d0e9c6,#d0e9c6);
      background-image: linear-gradient(to bottom,#d0e9c6,#d0e9c6);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfe8c5', endColorstr='#ffcfe8c5', GradientType=0);
    }
    div.info,
    p.info {
      color: #4A677D;
      padding: 15px;
      border-radius: 4px;
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      color: #4A677D;
      padding: 15px;
      border-radius: 4px;
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      color: #4A677D;
      padding: 15px;
      border-radius: 4px;
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      color: #4A677D;
      padding: 15px;
      border-radius: 4px;
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
      background-color: #a1bed2;
      background-image: -moz-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#a1bed2),to(#a1bed2));
      background-image: -webkit-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: -o-linear-gradient(top,#a1bed2,#a1bed2);
      background-image: linear-gradient(to bottom,#a1bed2,#a1bed2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa0bed1', endColorstr='#ffa0bed1', GradientType=0);
    }
    div.error,
    p.error {
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      color: #CC0000;
      padding: 15px;
      border-radius: 4px;
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
      background-color: #e8c0c2;
      background-image: -moz-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#e8c0c2),to(#e8c0c2));
      background-image: -webkit-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: -o-linear-gradient(top,#e8c0c2,#e8c0c2);
      background-image: linear-gradient(to bottom,#e8c0c2,#e8c0c2);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8c0c1', endColorstr='#ffe8c0c1', GradientType=0);
    }
    div.warning,
    p.warning {
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      color: #A08B4C;
      padding: 15px;
      border-radius: 4px;
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
      background-color: #f1e5ab;
      background-image: -moz-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -webkit-gradient(linear,0 0,0 100%,from(#f1e5ab),to(#f1e5ab));
      background-image: -webkit-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: -o-linear-gradient(top,#f1e5ab,#f1e5ab);
      background-image: linear-gradient(to bottom,#f1e5ab,#f1e5ab);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff1e5ab', endColorstr='#fff1e5ab', GradientType=0);
    }
    .tip {
      font-size: 0.8em;
      text-align: left;
      padding: 3px;
      max-width: 400px;
    }
    .tip-title {
      font-weight: bold;
    }
    .tip-wrap {
      padding: 8px;
      border-radius: 3px;
      background: #f2f2f2;
      color: #6e6e6e;
    }
    .tooltip {
      z-index: 20000;
    }
    .system-unpublished .system-unpublished {
      margin: -10px;
      padding: 10px;
      border-top: 16px solid;
      border-bottom: 5px solid;
      position: relative;
      background: #ffffff;
      border-color: #d5d5d5;
    }
    .system-unpublished .system-unpublished:before {
      content: 'Unpublished';
      text-transform: uppercase;
      top: -19px;
      left: 10px;
      position: absolute;
      font-size: 0.8em;
      font-weight: bold;
    }
    #system-debug {
      color: #E8EBED;
      background-color: #ffffff;
      padding: 10px;
      margin: 10px;
    }
    #system-debug div {
      font-size: 11px;
    }
    @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