Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • FRANKIE.COM.AU used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of FRANKIE.COM.AU are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • FRANKIE.COM.AU includes "http://www.frankie.com.au/A.libraries,,_gantry,,_css,,_grid-responsive.css+templates,,_gantry,,_css-compiled,,_bootstrap.css+templates,,_gantry,,_css-compiled,,_master-8bc9f394072b3c54c9bed410fde40ff9.css+templates,,_gantry,,_css-compiled,,_960fixed.css,Mcc.R-d9i0OJIe.css.pagespeed.cf.aZqAxX19WG.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
      font-family: 'IcoMoon';
      src: url('libraries/gantry/assets/jui/fonts/IcoMoon.eot');
      src: url('libraries/gantry/assets/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('libraries/gantry/assets/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'), url('libraries/gantry/assets/jui/fonts/IcoMoon.woff') format('woff'), url('libraries/gantry/assets/jui/fonts/IcoMoon.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }[data-icon]:before{font-family:'IcoMoon';content:attr(data-icon);speak:none}[class^="icon-"],[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right: .3em;line-height:14px}[class^="icon-"]:before,[class*=" icon-"]:before{font-family:'IcoMoon';font-style:normal;speak:none}.icon-home:before{content:"\21"}.icon-user:before{content:"\22"}.icon-checkedout:before,.icon-lock:before,.icon-locked:before{content:"\23"}.icon-comment:before,.icon-comments:before{content:"\24"}.icon-comments-2:before{content:"\25"}.icon-share-alt:before,.icon-out:before{content:"\26"}.icon-share:before,.icon-redo:before{content:"\27"}.icon-undo:before{content:"\28"}.icon-file-add:before{content:"\29"}.icon-new:before,.icon-plus:before{content:"\2a"}.icon-apply:before,.icon-edit:before,.icon-pencil:before{content:"\2b"}.icon-pencil-2:before{content:"\2c"}.icon-folder:before{content:"\2d"}.icon-folder-2:before{content:"\2e"}.icon-picture:before{content:"\2f"}.icon-pictures:before{content:"\30"}.icon-list:before,.icon-list-view:before{content:"\31"}.icon-power-cord:before{content:"\32"}.icon-cube:before{content:"\33"}.icon-puzzle:before{content:"\34"}.icon-flag:before{content:"\35"}.icon-tools:before{content:"\36"}.icon-cogs:before{content:"\37"}.icon-options:before,.icon-cog:before{content:"\38"}.icon-equalizer:before{content:"\39"}.icon-wrench:before{content:"\3a"}.icon-brush:before{content:"\3b"}.icon-eye-open:before,.icon-eye:before{content:"\3c"}.icon-checkbox-unchecked:before{content:"\3d"}.icon-checkin:before,.icon-checkbox:before{content:"\3e"}.icon-checkbox-partial:before{content:"\3f"}.icon-asterisk:before,.icon-star-empty:before{content:"\40"}.icon-star-2:before{content:"\41"}.icon-featured:before,.icon-star:before{content:"\42"}.icon-calendar:before{content:"\43"}.icon-calendar-2:before{content:"\44"}.icon-question-sign:before,.icon-help:before{content:"\45"}.icon-support:before{content:"\46"}.icon-warning:before{content:"\48"}.icon-publish:before,.icon-save:before,.icon-ok:before,.icon-checkmark:before{content:"\47"}.icon-unpublish:before,.icon-trash:before,.icon-cancel:before{content:"\4a"}.icon-eye-close:before,.icon-minus:before{content:"\4b"}.icon-purge:before,.icon-trash:before{content:"\4c"}.icon-envelope:before,.icon-mail:before{content:"\4d"}.icon-mail-2:before{content:"\4e"}.icon-unarchive:before,.icon-drawer:before{content:"\4f"}.icon-archive:before,.icon-drawer-2:before{content:"\50"}.icon-box-add:before{content:"\51"}.icon-box-remove:before{content:"\52"}.icon-search:before{content:"\53"}.icon-filter:before{content:"\54"}.icon-camera:before{content:"\55"}.icon-play:before{content:"\56"}.icon-music:before{content:"\57"}.icon-grid-view:before{content:"\58"}.icon-grid-view-2:before{content:"\59"}.icon-menu:before{content:"\5a"}.icon-thumbs-up:before{content:"\5b"}.icon-thumbs-down:before{content:"\5c"}.icon-delete:before,.icon-remove:before,.icon-cancel-2:before{content:"\49"}.icon-save-new:before,.icon-plus-2:before{content:"\5d"}.icon-ban-circle:before,.icon-minus-sign:before,.icon-minus-2:before{content:"\5e"}.icon-key:before{content:"\5f"}.icon-quote:before{content:"\60"}.icon-quote-2:before{content:"\61"}.icon-database:before{content:"\62"}.icon-location:before{content:"\63"}.icon-zoom-in:before{content:"\64"}.icon-zoom-out:before{content:"\65"}.icon-expand:before{content:"\66"}.icon-contract:before{content:"\67"}.icon-expand-2:before{content:"\68"}.icon-contract-2:before{content:"\69"}.icon-health:before{content:"\6a"}.icon-wand:before{content:"\6b"}.icon-unblock:before,.icon-refresh:before{content:"\6c"}.icon-vcard:before{content:"\6d"}.icon-clock:before{content:"\6e"}.icon-compass:before{content:"\6f"}.icon-address:before{content:"\70"}.icon-feed:before{content:"\71"}.icon-flag-2:before{content:"\72"}.icon-pin:before{content:"\73"}.icon-lamp:before{content:"\74"}.icon-chart:before{content:"\75"}.icon-bars:before{content:"\76"}.icon-pie:before{content:"\77"}.icon-dashboard:before{content:"\78"}.icon-lightning:before{content:"\79"}.icon-move:before{content:"\7a"}.icon-next:before,.icon-forward:before{content:"\e000"}.pagination .icon-next:before,.pagination .icon-forward:before{content:"\e000"}.icon-previous:before,.icon-backward:before{content:"\7d"}.pagination .icon-previous:before,.pagination .icon-backward:before{content:"\7d"}.icon-first:before,.icon-step-backward:before{content:"\7c"}.pagination .icon-first:before,.pagination .icon-step-backward:before{content:"\7c"}.icon-last:before,.icon-step-forward:before{content:"\7b"}.pagination .icon-last:before,.pagination .icon-step-forward:before{content:"\7b"}.icon-loop:before{content:"\e001"}.icon-shuffle:before{content:"\e002"}.icon-arrow-first:before{content:"\e003"}.icon-arrow-last:before{content:"\e004"}.icon-chevron-up:before,.icon-uparrow:before,.icon-arrow-up:before{content:"\e005"}.icon-chevron-right:before,.icon-arrow-right:before{content:"\e006"}.icon-chevron-down:before,.icon-downarrow:before,.icon-arrow-down:before{content:"\e007"}.icon-chevron-left:before,.icon-arrow-left:before{content:"\e008"}.icon-arrow-up-2:before{content:"\e009"}.icon-arrow-right-2:before{content:"\e00a"}.icon-download:before,.icon-arrow-down-2:before{content:"\e00b"}.icon-arrow-left-2:before{content:"\e00c"}.icon-play-2:before{content:"\e00d"}.icon-menu-2:before{content:"\e00e"}.icon-arrow-up-3:before{content:"\e00f"}.icon-arrow-right-3:before{content:"\e010"}.icon-arrow-down-3:before{content:"\e011"}.icon-arrow-left-3:before{content:"\e012"}.icon-print:before,.icon-printer:before{content:"\e013"}.icon-color-palette:before{content:"\e014"}.icon-camera-2:before{content:"\e015"}.icon-file:before{content:"\e016"}.icon-file-remove:before{content:"\e017"}.icon-save-copy:before,.icon-copy:before{content:"\e018"}.icon-cart:before{content:"\e019"}.icon-basket:before{content:"\e01a"}.icon-broadcast:before{content:"\e01b"}.icon-screen:before{content:"\e01c"}.icon-tablet:before{content:"\e01d"}.icon-mobile:before{content:"\e01e"}.icon-users:before{content:"\e01f"}.icon-briefcase:before{content:"\e020"}.icon-download:before{content:"\e021"}.icon-upload:before{content:"\e022"}.icon-bookmark:before{content:"\e023"}.icon-out-2:before{content:"\e024"}.small{font-size:11px}iframe,svg{max-width:100%}.nowrap{white-space:nowrap}.center,.table td.center,.table th.center{text-align:center}a.disabled,a.disabled:hover{color:#999;background-color:transparent;cursor:default;text-decoration:none}.hero-unit{text-align:center}.hero-unit .lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px}.btn .caret{margin-bottom:7px}.blog-row-rule,.blog-item-rule{border:0}body.modal{padding-top:0}.row-even,.row-odd{padding:5px;width:99%;border-bottom:1px solid #ddd}.row-odd{background-color:transparent}.row-even{background-color:#f9f9f9}.blog-row-rule,.blog-item-rule{border:0}.row-fluid .row-reveal{visibility:hidden}.row-fluid:hover .row-reveal{visibility:visible}.btn-wide{width:80%}.nav-list>li.offset>a{padding-left:30px;font-size:12px}.blog-row-rule,.blog-item-rule{border:0}.row-fluid .offset1{margin-left:8.382978723%}.row-fluid .offset2{margin-left:16.89361702%}.row-fluid .offset3{margin-left:25.404255317%}.row-fluid .offset4{margin-left:33.914893614%}.row-fluid .offset5{margin-left:42.425531911%}.row-fluid .offset6{margin-left:50.93617020799999%}.row-fluid .offset7{margin-left:59.446808505%}.row-fluid .offset8{margin-left:67.95744680199999%}.row-fluid .offset9{margin-left:76.468085099%}.row-fluid .offset10{margin-left:84.97872339599999%}.row-fluid .offset11{margin-left:91.489361693%}.navbar .nav>li>a.btn{padding:4px 10px;line-height:18px}.nav-tabs.nav-dark{border-bottom:1px solid #333;text-shadow:1px 1px 1px #000}.nav-tabs.nav-dark>li>a{color:#f8f8f8}.nav-tabs.nav-dark>li>a:hover{border-color:#333 #333 #111;background-color:#777}.nav-tabs.nav-dark>.active>a,.nav-tabs.nav-dark>.active>a:hover{color:#fff;background-color:#555;border:1px solid #222;border-bottom-color:transparent}.thumbnail.pull-left{margin:0 10px 10px 0}.thumbnail.pull-right{margin:0 0 10px 10px}.width-10{width:10px}.width-20{width:20px}.width-30{width:30px}.width-40{width:40px}.width-50{width:50px}.width-60{width:60px}.width-70{width:70px}.width-80{width:80px}.width-90{width:90px}.width-100{width:100px}.height-10{height:10px}.height-20{height:20px}.height-30{height:30px}.height-40{height:40px}.height-50{height:50px}.height-60{height:60px}.height-70{height:70px}.height-80{height:80px}.height-90{height:90px}.height-100{height:100px}hr.hr-condensed{margin:10px 0}.list-striped,.row-striped{list-style:none;line-height:18px;text-align:left;vertical-align:middle;border-top:1px solid #ddd;margin-left:0}.list-striped li,.list-striped dd,.row-striped .row,.row-striped .row-fluid{border-bottom:1px solid #ddd;padding:8px}.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) {background-color:#f9f9f9}.list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover{background-color:#f5f5f5}.row-striped .row-fluid{width:97%}.row-striped .row-fluid [class*="span"]{min-height:10px}.row-striped .row-fluid [class*="span"]{margin-left:8px}.row-striped .row-fluid [class*="span"]:first-child{margin-left:0}.list-condensed li{padding:4px 5px}.row-condensed .row,.row-condensed .row-fluid{padding:4px 5px}.list-bordered,.row-bordered{list-style:none;line-height:18px;text-align:left;vertical-align:middle;margin-left:0;border:1px solid #ddd;border-radius:4px}.radio.btn-group input[type="radio"]{display:none}.radio.btn-group>label:first-of-type{margin-left:0;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}fieldset.radio.btn-group{padding-left:0}.iframe-bordered{border:1px solid #ddd}.tab-content{overflow:visible}.tabs-left .tab-content{overflow:auto}.nav-tabs>li>span{display:block;margin-right:2px;padding-right:12px;padding-left:12px;padding-top:8px;padding-bottom:8px;line-height:18px;border:1px solid transparent;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.btn-micro{padding:1px 4px;font-size:10px;line-height:8px}.tip-wrap{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:100}.page-header{margin:2px 0px 10px 0px;padding-bottom:5px}.input-prepend .chzn-container-single .chzn-single{border-color:#ccc;height:26px;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}.input-prepend .chzn-container-active .chzn-single-with-drop{-webkit-border-radius:0 3px 0 0;-moz-border-radius:0 3px 0 0;border-radius:0 3px 0 0}.input-prepend .chzn-container-single .chzn-drop{border-color:#ccc}.input-prepend>.add-on,.input-append>.add-on{vertical-align:top}.element-invisible{position:absolute;padding:0;margin:0;border:0;height:1px;width:1px;overflow:hidden}.form-vertical .control-label{float:none;width:auto;padding-right:0;padding-top:0;text-align:left}.form-vertical .controls{margin-left:0}.width-auto{width:auto}.btn-group .chzn-results{white-space:normal}.accordion-body.in:hover{overflow:visible}.clearfix{*zoom: 1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.rok-left{float:left}.rok-right{float:right}.rok-dropdown-group,.rok-dropdown{position:relative}.rok-dropdown-open .rok-dropdown{display:block}.rok-popover-group,.rok-popover{position:relative}.rok-popover-open .rok-popover{display:block}a:hover{text-decoration:none}.table{display:table}.cell{display:table-cell}html{margin-bottom:1px;height:100%}body{margin-bottom:1px}.rt-block{padding:15px;margin:10px;position:relative}#rt-content-top,#rt-content-bottom{overflow:hidden}.rt-grid-1:before,.rt-grid-2:before,.rt-grid-3:before,.rt-grid-4:before,.rt-grid-5:before,.rt-grid-6:before,.rt-grid-7:before,.rt-grid-8:before,.rt-grid-9:before,.rt-grid-10:before,.rt-grid-11:before,.rt-grid-12:before{display:table;content:"";clear:both}.rt-grid-1:after,.rt-grid-2:after,.rt-grid-3:after,.rt-grid-4:after,.rt-grid-5:after,.rt-grid-6:after,.rt-grid-7:after,.rt-grid-8:after,.rt-grid-9:after,.rt-grid-10:after,.rt-grid-11:after,.rt-grid-12:after{display:table;content:"";clear:both}.font-family-optima{font-family:Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif}.font-family-geneva{font-family:Geneva,Tahoma,"Nimbus Sans L",sans-serif}.font-family-helvetica{font-family:Helvetica,Arial,FreeSans,sans-serif}.font-family-lucida{font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,sans-serif}.font-family-georgia{font-family:Georgia,sans-serif}.font-family-trebuchet{font-family:"Trebuchet MS",sans-serif}.font-family-palatino{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Times New Roman",Times,serif}body{font-size:13px;line-height:1.7em;font-family:Helvetica,Arial,sans-serif}.font-size-is-xlarge{font-size:16px;line-height:1.7em}.font-size-is-large{font-size:15px;line-height:1.7em}.font-size-is-default{font-size:14px;line-height:1.7em}.font-size-is-small{font-size:12px;line-height:1.7em}.font-size-is-xsmall{font-size:10px;line-height:1.7em}p{margin:0 0 15px 0}h1{font-size:260%}h2{font-size:200%}h3{font-size:175%}h4{font-size:130%}h5{font-size:110%}a{text-decoration:none}a:focus{outline:none}.left-1,.left-2,.left-3,.left-4,.left-5,.left-6,.left-7,.left-8,.left-9,.left-10,.right-11{float:left;margin-right:50px;margin-bottom:15px;position:relative}.right-1,.right-2,.right-3,.right-4,.right-5,.right-6,.right-7,.right-8,.right-9,.right-10,.right-11{float:right;margin-left:50px;margin-bottom:15px;position:relative}.date-block{padding:15px}ol{padding-left:15px}ul li{padding:0;margin:0}ul li.author{margin:0;letter-spacing:1px;list-style:none;font-weight:bold;text-align:right}ul li.author span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em}ul li.date{margin:0;letter-spacing:1px;list-style:none;text-align:right;font-weight:bold}ul li.date span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em}ul li.comments{list-style:none;text-align:right;font-weight:bold}ul li.comments span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em}ul ul{margin-left:25px;padding:5px 0}body.rtl{direction:rtl}body.rtl{min-width:inherit}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}#debug #rt-main{overflow:hidden;border-bottom:4px solid #666;margin-top:15px;position:relative}#debug .status{position:absolute;background:#333;opacity:.3;padding:0 15px;z-index:10000;color:#fff;font-weight:bold;font-size:150%}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.hidden-large{display:none!important}.row{margin:0 -15px}.gantry-width-block{display:block;float:left}.gantry-width-spacer{margin:15px}.gantry-width-10{width:10%}.gantry-width-20{width:20%}.gantry-width-25{width:25%}.gantry-width-30{width:30%}.gantry-width-33{width:33.33%}.gantry-width-40{width:40%}.gantry-width-50{width:50%}.gantry-width-60{width:60%}.gantry-width-66{width:66.66%}.gantry-width-70{width:70%}.gantry-width-75{width:75%}.gantry-width-80{width:80%}.gantry-width-90{width:90%}.gantry-left{float:left;margin-right:15px}.gantry-right{float:right;margin-left:15px}.gantry-center{text-align:center}.gantry-center td,.gantry-center th{text-align:center}.component-body{padding:20px}.component-content .row-separator{display:block;clear:both;margin:0;border:0;height:1px}.component-content .item-separator{display:none;margin:0}.component-content .shownocolumns{width:98%}.component-content .column-1,.component-content .column-2,.component-content .column-3,.component-content .column-4,.component-content .page-header{padding:10px 0}.component-content .column-2{width:55%;margin-left:40%}.component-content .column-3{width:30%}.component-content .cols-1{display:block;float:none!important;margin:0!important}.component-content .cols-2 .column-1{width:48%;float:left}.component-content .cols-2 .column-2{width:48%;float:right;margin:0}.component-content .cols-3 .column-1{float:left;width:29%;margin-right:7%}.component-content .cols-3 .column-2{float:left;width:29%;margin-left:0}.component-content .cols-3 .column-3{float:right;width:29%;padding:10px 0}.component-content .cols-4 .column-1{float:left;width:23%;margin-right:2%}.component-content .cols-4 .column-2{float:left;width:23%;margin-left:0;margin-right:2%}.component-content .cols-4 .column-3{float:left;width:23%;margin-right:2%}.component-content .cols-4 .column-4{float:right;width:23%;margin-right:2%}.component-content .items-row{margin-bottom:10px}.component-content .blog-more{padding:10px 5px}.component-content .page-header{border-bottom:0}.categories-list{padding:0 5px}.categories-list ul{margin:0 0 0 20px;padding:0}.categories-list ul li{list-style-type:none;margin:0}.categories-list ul ul{margin-left:15px}.categories-list dl dt,.categories-list dl dd{display:inline}.category-desc{line-height:1.7em;margin:10px 0;padding-left:0}.cat-children ul{list-style:none;margin:0;padding:0}.component-content ul.actions{float:right}.component-content ul.actions li{list-style:none;display:inline-block}.component-content ul.actions li a{display:block;font-size:14px;margin-left:8px}.component-content ul.actions li i,.component-content ul.actions li [class^="icon-"],.component-content ul.actions li [class*=" icon-"]{display:none}.component-content ul.actions .print-icon img{display:none}.component-content ul.actions .print-icon a:before{font-family:FontAwesome;content:"\f02f"}.component-content ul.actions .email-icon img{display:none}.component-content ul.actions .email-icon a:before{font-family:FontAwesome;content:"\f0e0"}.component-content ul.actions .edit-icon img{display:none}.component-content ul.actions .edit-icon a:before{font-family:FontAwesome;content:"\f044"}.component-content .article-info{display:block;margin-bottom:15px;font-size:13px}.component-content .article-info dd{margin-left:0;display:block}.component-content .article-info dd div [class^="icon-"],.component-content .article-info dd div [class*="icon-"]{display:none}.component-content .article-info dd:before,.component-content .article-info dd div:before{font-family:FontAwesome;margin-right:2px}.component-content .article-info .parent-category-name:before{content:"\f0c9"}.component-content .article-info .category-name:before{content:"\f0c9"}.component-content .article-info .create:before{content:"\f017"}.component-content .article-info .modified:before{content:"\f017"}.component-content .article-info .published:before{content:"\f017"}.component-content .article-info .createdby:before{content:"\f040"}.component-content .article-info .hits:before{content:"\f019"}.component-content .article-info .article-info-term{display:none}.component-content .content_vote{margin:10px 0}.component-content .blog-featured h2{margin-top:0}.component-content .blog h2{margin-top:0}.component-content .item-page h2{margin-top:0}.component-content .pagenav{padding:2px;clear:both;margin-top:20px;margin-left:0;overflow:hidden}.component-content .pagenav li{list-style:none;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent;background-color:transparent}.component-content .pagenav li a{padding:4px 10px;font-size:14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.component-content .pagenav .pagenav-prev{float:left}.component-content .pagenav .pagenav-next{float:right}.component-content .pager li{display:inline-block;background:none;border:0;box-shadow:none}.component-content .pager li.previous{float:left}.component-content .pager li.next{float:right}.component-content .items-leading{margin-bottom:25px}.component-content .img-intro-right,.component-content .img-fulltext-right{float:right;margin-left:10px;margin-bottom:10px}.component-content .img-intro-left,.component-content .img-fulltext-left{float:left;margin-right:10px;margin-bottom:10px}.component-content #article-index{float:right;border:1px solid #ddd;background:#f0f0f0;border-radius:5px;margin-left:15px}.component-content #article-index ul{list-style:none;margin:0}.component-content #article-index ul li:first-child a{border-top-right-radius:5px;border-top-left-radius:5px}.component-content #article-index ul li a{display:block;line-height:20px;padding:8px 12px;border-bottom:1px solid #ddd}.component-content #article-index ul li a.active{color:inherit}.component-content #article-index ul li a:hover{background:#eaeaea}.component-content #article-index ul li:last-child a{border-bottom:none!important;border-bottom-right-radius:5px;border-bottom-left-radius:5px}.component-content .article-index{margin-left:15px}.component-content .article-index .nav-tabs.nav-stacked>li>a{border:1px solid #ddd;background:#f0f0f0}.component-content .article-index .nav-tabs.nav-stacked>li>a:hover{background:#eaeaea}.component-content .edit #editor-xtd-buttons a:link,.component-content .edit #editor-xtd-buttons a:hover,.component-content .edit #editor-xtd-buttons a:visited{color:#323232}.component-content .edit legend{font-size:150%}.component-content .edit #adminForm fieldset{padding:20px 15px;margin:10px 0 15px 0}.component-content .edit #adminForm .title{font-size:100%}.component-content .edit #adminForm .formelm-area{padding:5px 0}.component-content .edit #adminForm .formelm-area label{vertical-align:top;display:inline-block;width:7em}.component-content #adminForm .title{font-size:100%}.component-content .formelm{margin:5px 0}.component-content .formelm label{width:9em;display:inline-block;vertical-align:top}.component-content .formelm-buttons{text-align:right;margin-bottom:10px}.component-content .button2-left{float:left;margin-right:5px;margin-top:10px}.component-content .button2-left .readmore{background-image:none;background-color:transparent;border:none;padding:0;text-shadow:none;font-size:inherit;text-transform:inherit;box-shadow:none}.manager.thumbnails>li{float:left!important;margin-left:20px!important;list-style:none}.control-label{color: }.control-group{margin-left:0!important}.adminlist .title>a{font-weight:bold}.calendar td.button{background-image:none;background-color:transparent;border:none;padding:0;text-shadow:none;font-size:inherit;text-transform:inherit;color:#000;display:table-cell;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit}.calendar td.button:hover{color:#000!important}.calendar tbody td.hilite,.calendar tbody td.selected{border:none;padding:2px 4px 2px 2px}.calendar td.button:after{position:relative}.calendar td.title{font-size:1.4em;display:table-cell;line-height:inherit;text-shadow:none}.calendar tr.daynames td{border:none!important}.component-content .items-more{padding-top:10px}.component-content .items-more h3{font-weight:normal;margin:0;padding:0;font-size:1.4em}.component-content .items-more ol{line-height:1.3em;list-style-type:none;margin:0;padding:10px 0 10px 2px}.component-content .items-more ol li{margin-bottom:5px}.component-content .items-more ol li a{display:inline;font-weight:normal;padding:0}.component-content .items-more ol li a:before{font-family:FontAwesome;content:"\f054";margin-right:4px}.component-content .pagination{margin:10px 0;padding:10px 0;clear:both;text-align:center}.component-content .pagination .counter{text-align:center;margin:0;font-weight:bold;margin-bottom:5px}.component-content .pagination .counter+ul li span,.component-content .pagination .counter+ul li a{padding:6px 0}.component-content .pagination ul{list-style-type:none;margin:0;padding:0;text-align:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.component-content .pagination ul li{display:inline-block;text-align:center}.component-content .pagination ul li a,.component-content .pagination ul li span{margin:0 5px;padding:0;font-size:1.1em;line-height:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:none;border:none;text-shadow:none}.component-content .pagination-start,.component-content .pagination-next,.component-content .pagination-end,.component-content .pagination-prev{border:0}.component-content .pagination-start{padding:0}.component-content .pagination-start span{padding:0}.component-content .login .control-label{padding-top:0}.component-content .login-fields{margin-bottom:5px}.component-content .login-fields #remember-lbl{display:inline-block;margin-right:5px}.component-content .login-fields #remember{margin:0}.component-content .login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox{padding:4px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:1.6em}.component-content .login+div{margin-top:12px}.component-content .login+div ul li,#login-form li{list-style:none}.component-content .login+div ul li a:before,#login-form a:before{font-family:FontAwesome;content:"\f059";margin-right:4px}.component-content .login+div ul{padding:0;margin-left:0}.component-content .login-description{margin:10px 0}#login-form .userdata{margin:12px 0}#login-form ul{padding:0;margin-left:0}#login-form ul li a{font-size:14px}#login-form input[type="text"],#login-form input[type="password"]{width:94%}#login-form #form-login-remember label{display:inline-block}#login-form #form-login-remember input{margin:0}#rt-breadcrumbs .breadcrumb,#rt-breadcrumbs [class^="breadcrumb"]{padding:0;margin:0}#rt-breadcrumbs .breadcrumb a:after,#rt-breadcrumbs [class^="breadcrumb"] a:after{margin:0 10px}#rt-breadcrumbs .breadcrumb img,#rt-breadcrumbs [class^="breadcrumb"] img{display:none}#rt-breadcrumbs a{font-size:14px}#rt-breadcrumbs a:after{font-family:FontAwesome;content:"\f054";margin:0 5px 0 10px}#rt-breadcrumbs .showHere{font-weight:bold;margin-right:5px}#rt-breadcrumbs .rt-block{padding:10px 15px}#rt-breadcrumbs .divider{display:none}#rt-breadcrumbs li:first-child .divider{display:inline}.component-content table{border-collapse:collapse}.component-content table.table-bordered{border-collapse:separate;*border-collapse: collapse}.component-content table.weblinks{font-size:14px;margin:10px 10px 20px 0;width:99%}.component-content table.weblinks td{border-collapse:collapse;padding:7px}.component-content table.weblinks td p{margin:0;line-height:1.3em}.component-content table.weblinks th{padding:7px;text-align:left}.component-content table.category{font-size:14px;margin:10px 10px 20px 0;width:99%}.component-content table.category td{padding:7px}.component-content table.category th{padding:7px;text-align:left}.component-content table.category th a img{padding:2px 10px}.component-content .weblink-category td.title{font-size:14px}.component-content .num{vertical-align:top;text-align:left}.component-content .hits{vertical-align:top}.component-content .filter{margin:10px 0;text-align:right;margin-right:7px}.component-content .archive .filter-search{float:none;padding-left:0}.component-content .archive .filter-search .button{margin-top:-10px}.component-content .archive .filters{margin-bottom:25px}.component-content .archive #archive-items{list-style:none;margin:0 0 10px 0}.component-content .element-invisible{position:absolute;margin-left:-3000px;margin-top:-3000px;height:0}.component-content .cat-items{margin-top:20px}.component-content .cat-items .filter-search{margin-bottom:10px}.component-content .cat-items select{margin-bottom:0}.component-content .even,.component-content .odd{background:inherit;border-bottom:inherit}.component-content #member-registration{padding:0 5px}.component-content form fieldset dt{clear:left;float:left;width:12em;padding:3px 0}.component-content form fieldset dd{float:left;padding:3px 0}.invalid,.login-fields #username.invalid,.login-fields #password.invalid,#contact-form dd input.invalid,#contact-form dd textarea.invalid,#modlgn-username.invalid,#modlgn-passwd.invalid,#jform_email.invalid,#member-registration dd input.invalid,#search-searchword.invalid,.finder .inputbox.invalid,.inputbox.invalid{border-color:red}label.invalid{color:red!important}input[type="radio"],input[type="checkbox"]{margin-right:5px}.component-content .searchintro{font-weight:normal;margin:20px 0 20px}.component-content #searchForm .inputbox{margin-bottom:0}.component-content #searchForm input[type="radio"],.component-content #searchForm input[type="checkbox"]{float:left}.component-content #searchForm,.component-content #finder-search{padding:0 5px}.component-content .form-limit{margin:20px 0 0;text-align:right;padding:0 10px 0 20px}.component-content .highlight{font-weight:bold}.component-content .ordering-box{width:40%;float:right}.component-content .phrases-box{width:60%;float:left}.component-content .only,.component-content .phrases{margin:10px 0 0 0;line-height:1.3em}.component-content label.ordering{display:block;margin:10px 0 10px 0}.component-content .word{padding:10px 10px 10px 0}.component-content .word input{font-weight:bold;padding:4px;font-size:14px}.component-content .word label{font-weight:bold}.component-content fieldset.only label,.component-content fieldset.phrases label{margin:0 10px 0 0}.component-content .ordering-box label.ordering{margin:0 10px 5px 0}.component-content form .search label,.component-content form .finder label{display:none}.component-content form #finder-filter-select-list label{display:block;margin-top:10px;margin-bottom:2px}.component-content .search legend{font-weight:bold}.component-content .search-results .result-title{padding:15px 15px 0 5px;font-weight:bold}.component-content .search-results dd{padding:2px 15px 2px 5px}.component-content .search-results .result-text{padding:10px 15px 10px 5px;line-height:1.7em}.component-content .search-results .result-url{font-size:14px;padding:2px 15px 15px 5px}.component-content .search-results .result-created{padding:2px 15px 15px 5px}.component-content .search-results .result-category{padding:10px 15px 5px 5px}.component-content .contact{padding:0}.component-content .contact .button{float:none!important;clear:left;display:block;margin:20px 0 0 0}.component-content .contact .title{font-size:1.3em;margin:0 0 2px 0;border:0;box-shadow:none;padding:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.component-content .contact .title a{display:block;padding:10px}.component-content .contact .title a span{line-height:1em}.component-content .contact .title a span:before{font-family:FontAwesome;content:"\f055";margin:0 10px 0 0;font-size:1.3em;display:inline;vertical-align:middle}.component-content .contact .pane-toggler-down a span:before{content:"\f056"}.component-content .contact-category{padding:0 10px}.component-content .contact-category #adminForm .filters{border:0;padding:0}.component-content .contact-image{margin:10px 0;overflow:hidden;display:block}.component-content .contact-image img{max-width:100%}.component-content address{font-style:normal;margin:10px 0}.component-content address span{display:block}.component-content .contact-address{margin:20px 0 10px 0}.component-content .contact-email div{padding:2px 0;margin:0 0 10px 0}.component-content .contact-email label{width:17em;float:left}.component-content #contact-textmsg{padding:2px 0 10px 0}.component-content #contact-email-copy{float:left;margin-right:10px}.component-content dl.tabs{float:left;margin:50px 0 0 0;z-index:50;clear:both}.component-content dl.tabs dt{float:left;padding:4px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;margin-right:3px;background:#f0f0f0;color:#666}.component-content dl.tabs .open{background:#f9f9f9;border-bottom:1px solid #f9f9f9;z-index:100;color:#000}.component-content .current{clear:both;border:1px solid #ccc;padding:10px 10px}.component-content .current dd{padding:0;margin:0}.component-content #content-pane.tabs{margin:1px 0 0 0}.component-content #users-profile-core,.component-content #users-profile-custom{margin:10px 0 15px 0;padding:15px}.component-content #users-profile-core dt,.component-content #users-profile-custom dt{float:left;width:12em;padding:3px 0;margin-right:10px}.component-content #users-profile-core dd,.component-content #users-profile-custom dd{padding:3px 0}.component-content #member-profile fieldset,.component-content .registration fieldset{margin:10px 0 15px 0;padding:15px}.component-content #users-profile-core legend,.component-content #users-profile-custom legend,.component-content .profile-edit legend,.component-content .registration legend{font-weight:bold}.component-content .profile-edit #member-profile fieldset dd,.component-content .registration #member-registration fieldset dd{float:none;padding:5px 0}.component-content .profile-edit #member-profile fieldset dd input,.component-content .profile-edit #member-profile fieldset dd select,.component-content .registration #member-registration fieldset dd input{width:17em}.component-content .profile-edit #member-profile fieldset dt,.component-content .registration #member-registration fieldset dt{padding:5px 5px 5px 0;width:13em}.component-content .optional{font-size:14px}.component-content .contentpaneopen_edit{float:left}.component-content .mceButton:hover{background:none!important}.component-content .edit #adminForm fieldset{padding:20px 15px;margin:10px 0 15px 0}.component-content .formelm{margin:5px 0}.component-content .formelm .fltlft{float:left}.component-content .formelm label{width:13em;display:inline-block;vertical-align:top;width:100%}.component-content .formelm .button2-left,.component-content .formelm .media-preview{margin:3px 0 0 10px}.component-content .formelm .button2-left a,.component-content .formelm .media-preview a{padding:3px 10px!important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.component-content #adminForm .formelm-area{padding:5px 0}.component-content #adminForm .formelm-area label{vertical-align:top;display:inline-block;width:7.9em}.component-content .formelm-buttons{text-align:right;margin-bottom:10px}.component-content .button2-left .blank a,.component-content .button2-left a,.component-content .button2-left .readmore a{background:#eee;padding:4px!important;margin:0!important;line-height:1.2em;border:solid 1px #ddd;font-weight:bold;text-decoration:none;display:inline}.component-content table.contenttoc{padding:10px;margin:10px}.component-content table.contenttoc tr td{padding:1px 0}.component-content .pagenavcounter{font-weight:bold}.component-content .tip{font-size:.8em;text-align:left;padding:3px;max-width:400px}.component-content .tip-title{font-weight:bold}.tip-wrap{padding:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.system-unpublished .system-unpublished{margin:-10px;padding:10px;border-top:16px solid;border-bottom:5px solid;position:relative}.system-unpublished .system-unpublished:before{content:'Unpublished';text-transform:uppercase;top:-19px;left:10px;position:absolute;font-size:.8em;font-weight:bold}#system-message{padding:0;margin:15px 0}#system-message .alert{border-radius:4px;margin:15px 0;list-style:none;padding:10px 35px 10px 10px;color:#05b;background:#bfd3e6;border:1px solid #84a7db}#system-message .alert p:last-child{margin-bottom:0}#system-message .alert:before{font-family:FontAwesome;content:'\f05a';margin-right:10px;font-size:12;opacity:.5;vertical-align:middle;float:left}#system-message .alert-error{color:#c00;background:#ebc8c9;border:1px solid #de7a7b}#system-message .alert-error:before{content:'\f056'}#system-message .alert-warning{color:#a08b4c;background:#f5ecc1;border:1px solid #b8a871}#system-message .alert-warning:before{content:'\f06a'}#system-message .alert-success{color:#468847;background:#dff0d8;border:1px solid #93bc8f}#system-message .alert-success:before{content:'\f058'}#system-message>div:first-child{margin-bottom:0!important}#system-message dd{margin:0;font-weight:bold;text-shadow:none}#system-message dd ul{border-radius:4px;margin:15px 0;list-style:none;padding:10px;color:#05b;background:#bfd3e6;border:1px solid #84a7db}#system-message dd ul li:before{font-family:FontAwesome;content:'\f05a';margin-right:8px;font-size:10;opacity:.5;vertical-align:middle}#system-message .error ul{color:#c00;background:#ebc8c9;border:1px solid #de7a7b}#system-message .error ul li:before{content:'\f056'}#system-message .notice ul{color:#a08b4c;background:#f5ecc1;border:1px solid #b8a871}#system-message .notice ul li:before{content:'\f06a'}#system-message dt.error,#system-message dt.notice,#system-message dt.message{display:none}#system-debug{color:#ccc;background-color:#fff;padding:10px;margin:10px}#system-debug div{font-size:11px}.icon-file-add:before,.icon-cancel:before,.icon-eye:before,.icon-location:before{font-family:'IcoMoon'!important}body #k2Container table tr,body #k2Container table th,body #k2Container table td{background:none!important;border:0!important}body #k2Container table td.key{padding-right:15px}body #k2Container table input[type="file"]{margin:5px 0}body .k2AccountPage table tr td label{display:inline}body .k2AccountPage div.k2AccountPageUpdate{border:none}body #k2Container input.inputbox,body #k2Container select,body #k2Container input[type="file"]{border:1px solid #d9d9d9;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.075) inset}body #k2Container input#genderf,body #k2Container input#genderm{float:none;margin:0 5px 5px 0}body #k2Container .defaultSkin table.mceLayout{border:1px solid rgba(0,0,0,.1)}a{-webkit-transition:color .2s ease-out;-moz-transition:color .2s ease-out;-o-transition:color .2s ease-out;transition:color .2s ease-out}#rt-transition.rt-hidden{opacity:0}#rt-transition.rt-visible{opacity:1;-webkit-transition:opacity .4s ease-in;-moz-transition:opacity .4s ease-in;-o-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.logo-block{padding:0 15px;margin:7px 10px}#rt-logo{margin:0;width:112px;height:46px;display:block}#rt-top-surround{position:relative}#rt-top-surround:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0}#rt-header,#rt-top{z-index:2;position:relative}.menu-block{padding:0;margin:0}.rt-menu-mobile{text-align:center;padding:0 0 15px 0}#rt-maintop{padding-top:20px}.title,.component-content h2{font-size:28px;line-height:30px;font-weight:normal;letter-spacing:normal;margin-top:0;padding-bottom:15px;margin-bottom:15px}#rt-top-surround .title,#rt-showcase .title{border:none;box-shadow:none}.title1 .title{margin:-11px -16px 20px -16px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.title2 .title{margin:-10px -15px 20px -15px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.title3 .title{margin:-10px -15px 20px -15px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.box1,.box2,.box3{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.box1 .module-surround{margin:-1px}ul.menu{list-style:none;margin:0;padding:0}ul.menu ul{list-style:none}ul.menu li{margin-bottom:8px}ul.menu li a,ul.menu li .item,ul.menu li .separator{display:block;font-size:1.1em;font-weight:bold}ul.menu li a:before,ul.menu li .item:before,ul.menu li .separator:before{content:"\2022";font-family:FontAwesome;margin-right:10px;display:inline;vertical-align:middle;font-weight:normal}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:"\f054";margin-right:11px}ul.menu ul.small{font-size:14px}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{display:inline-block;padding:3px 10px;line-height:1.7em;font-size:1em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid}.promo-image{float:left;margin:-10px 10px -30px -40px;width:30%}.promo-image img{max-width:100%}.promo-desc{padding-top:10px}.promo h1{position:relative;font-size:3.9em;line-height:1.2em}.promo p{font-size:1.5em;line-height:1.7em}.promo .readon{margin-top:10px}.gantry-example{position:relative;margin:15px 0;padding:39px 19px 14px;*padding-top: 19px;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.gantry-example .table,.gantry-example .well,.gantry-example blockquote{margin-bottom:5px}.gantry-example .lead{font-size:18px;line-height:24px}.gantry-example>p:last-child{margin-bottom:0}.gantry-example+.prettyprint{margin-top:-20px;padding-top:15px}.gantry-example:after{content:"Example";position:absolute;top:-1px;left:-1px;padding:3px 7px;font-size:12px;font-weight:bold;background-color:#f5f5f5;border:1px solid #ddd;color:#9da0a4;border-radius:4px 0 4px 0;-webkit-border-radius:4px 0 4px 0;-moz-border-radius:4px 0 4px 0;border-radius:4px 0 4px 0;font-style:normal}form.gantry-example{padding-bottom:19px}.gantry-img img,img.gantry-img{max-width:100%;height:auto}.powered-by{display:block;width:120px;height:32px;margin:0 auto;opacity:.8;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in;transition:opacity .2s ease-in}.powered-by:hover{opacity:1}#gantry-totop{display:inline-block;padding:4px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#rt-accessibility .rt-desc{float:left;margin-right:8px;font-weight:bold}#rt-accessibility #rt-buttons .button{line-height:1em;padding:0;width:14px;height:14px;text-align:center}#rt-accessibility #rt-buttons .small{font-size:inherit}#rt-accessibility #rt-buttons .small .button:after{content:'-'}#rt-accessibility #rt-buttons .large .button:after{content:'+'}body{background:#fff;color:#333}a:hover{color:#303030}h1,h2,h3,h4,h5,h6{color:#303030}a,ul.menu li .separator{color:#000}.title,.component-content h2{color:#303030;text-shadow:1px 1px 0 #fff;border-bottom:1px solid #d1d1d1;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff}.title1 .title{background:#fff;border:1px solid #d5d5d5}.title2 .title{color:#303030;background:#fff url(templates/gantry/images/patterns/xnoise.png.pagespeed.ic.fZk5z0K-7G.png);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,.13);box-shadow:inset 0 2px 12px rgba(0,0,0,.13)}.title4 .title{color:#333}.box1{background:#fff;border:1px solid #d5d5d5}.box2{color:#303030;background:#fff url(templates/gantry/images/patterns/xnoise.png.pagespeed.ic.fZk5z0K-7G.png);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,.13);box-shadow:inset 0 2px 12px rgba(0,0,0,.13)}#rt-showcase .box1,#rt-showcase .box2,#rt-top-surround .box1,#rt-top-surround .box2{color:#333;text-shadow:1px 1px 0 #fff}#rt-showcase .box1 .title,#rt-showcase .box2 .title,#rt-top-surround .box1 .title,#rt-top-surround .box2 .title{color:#303030;text-shadow:1px 1px 0 #fff;border-bottom:1px solid #d1d1d1;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff}#rt-showcase .title1 .title,#rt-top-surround .title1 .title{color:#303030;text-shadow:1px 1px 0 #fff;border:1px solid #d5d5d5}#rt-showcase .title2 .title,#rt-top-surround .title2 .title{color:#303030;text-shadow:1px 1px 0 #fff;-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,.13);box-shadow:inset 0 2px 12px rgba(0,0,0,.13)}ul.menu li.active.current>a,ul.menu li.active.current>.item,ul.menu li.active.current>.separator,ul.menu li#current.active>a,ul.menu li#current.active>.item,ul.menu li#current.active>.separator{color:#303030}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{color:#fff;text-shadow:-1px -1px 0 rgba(0,0,0,.3);box-shadow: 0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2)}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{color:#fff}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active{-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff}.readmore a{color:#fff}.readmore a:hover{color:#fff}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button,.btn-primary{border-color:#000;background-color:#060606;background-image:-moz-linear-gradient(top,#0a0a0a,#000);background-image:-webkit-gradient(linear,0 0,0 100%,from(#0a0a0a),to(#000));background-image:-webkit-linear-gradient(top,#0a0a0a,#000);background-image:-o-linear-gradient(top,#0a0a0a,#000);background-image:linear-gradient(to bottom,#0a0a0a,#000);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0a0a0a', endColorstr='#ff000000', GradientType=0)}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover,.btn-primary:hover{background-color:#0f0f0f;background-image:-moz-linear-gradient(top,#1a1a1a,#000);background-image:-webkit-gradient(linear,0 0,0 100%,from(#1a1a1a),to(#000));background-image:-webkit-linear-gradient(top,#1a1a1a,#000);background-image:-o-linear-gradient(top,#1a1a1a,#000);background-image:linear-gradient(to bottom,#1a1a1a,#000);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff191919', endColorstr='#ff000000', GradientType=0)}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active,.btn-primary:active{background-color:#080808;background-image:-moz-linear-gradient(top,#000,#141414);background-image:-webkit-gradient(linear,0 0,0 100%,from(#000),to(#141414));background-image:-webkit-linear-gradient(top,#000,#141414);background-image:-o-linear-gradient(top,#000,#141414);background-image:linear-gradient(to bottom,#000,#141414);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff141414', GradientType=0)}.powered-by{background:url(templates/gantry/images/logo/powered.png.pagespeed.ce.470kpC3E5q.png)}.pagenav li{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow: inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2)}.login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox,.inputbox{border:1px solid #d9d9d9}.component-content .contact .title{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#fff,#ddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ddd));background-image:-webkit-linear-gradient(top,#fff,#ddd);background-image:-o-linear-gradient(top,#fff,#ddd);background-image:linear-gradient(to bottom,#fff,#ddd);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,.75)}.pagination ul li a{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#fff,#ddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ddd));background-image:-webkit-linear-gradient(top,#fff,#ddd);background-image:-o-linear-gradient(top,#fff,#ddd);background-image:linear-gradient(to bottom,#fff,#ddd);background-repeat:repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,.75)}.pagination ul li span{background:#eaeaea;border:1px solid #d5d5d5;color:#aaa}.breadcrumbs a:after,.breadcrumb a:after{color:#aaa}.breadcrumbs .showHere,.breadcrumb .showHere{font-weight:bold;margin-right:5px}.article-info.muted{color:inherit}.article-info dd:before{text-shadow:1px 1px 0 #fff}#gantry-totop{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow: inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2)}#gantry-totop:active{-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff}.tip-wrap{background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);color:#333}.system-unpublished .system-unpublished{background:#fff;border-color:#d5d5d5}.tags .label-info{background:#000}abbr[title]{border-bottom:1px dotted #d5d5d5}blockquote{border-left:5px solid #d5d5d5}blockquote small{color:#aaa}blockquote.pull-right{border-right:5px solid #d5d5d5}legend{color:#303030;border-bottom:1px solid #d5d5d5}legend small{color:#d5d5d5}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{color:#333}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#fff;border:1px solid #d5d5d5;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}select{border:1px solid #d5d5d5}.uneditable-input,.uneditable-textarea{color:#aaa;background-color:#fff;border-color:#d5d5d5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);box-shadow:inset 0 1px 2px rgba(0,0,0,.025)}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{border-color:#d5d5d5}.input-prepend .add-on,.input-append .add-on{text-shadow:0 1px 0 #fff;background-color:#f0f0f0;border:1px solid #d5d5d5}.input-prepend.input-append .media-preview,.input-append.input-append .media-preview{margin:0}.form-actions{background-color:#f0f0f0;border-top:1px solid #d5d5d5}.uneditable-input{background-color: ;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.025);box-shadow:inset 0 1px 2px rgba(0,0,0,.025)}.help-block,.help-inline{color: }.table-bordered th{background-color:#f0f0f0}.well{background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-tabs.nav-stacked>li>a{background-color:#f0f0f0}.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:#eaeaea}.list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover,.cat-list-row0:hover,.cat-list-row1:hover{background-color:#fcfcfc}.filter-search.alert-info{background-color:transparent;border-color:transparent;color:inherit}.filter-search.alert-info .inputbox{color: }p.success,p.info,p.error,p.warning{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:15px;font-weight:bold;border:1px solid}p.success a,p.info a,p.error a,p.warning a{color:#666!important}p.success a:hover,p.info a:hover,p.error a:hover,p.warning a:hover{color:#000!important;text-shadow:none}p.success{background:#dff0d8;border-color:#d6e9c6;color:#468847}p.info{background:#d9edf7;border-color:#bce8f1;color:#3a87ad}p.error{background:#f2dede;border-color:#eed3d7;color:#b94a48}p.warning{background:#fcf8e3;border-color:#fbeed5;color:#c09853}@font-face {
      font-family: 'FontAwesome';
      src: url('libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');
      src: url('libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
      font-weight: normal;
      font-style: normal;
    }

Examples and source code

fa-lemon-o hidden-print t1

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

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

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

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

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

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

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

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

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

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

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

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

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

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

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

CSS3 animations aren't supported in IE8 - IE9.

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

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

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