Font Awesome icon usage statistics

  • 3 types of Font Awesome iconic font are used and found 5 times in total.
  • GENWORTH.COM used 1.7 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of GENWORTH.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • GENWORTH.COM includes "https://www.genworth.com/etc/designs/twelve-column-design/clientlib.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'FontAwesome';src:url('clientlib/fonts/font-awesome/font-4/fontawesome-webfont.eot?v=4.0.3');src:url('clientlib/fonts/font-awesome/font-4/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('clientlib/fonts/font-awesome/font-4/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('clientlib/fonts/font-awesome/font-4/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('clientlib/fonts/font-awesome/font-4/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal; font-size: 18px;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-sm{font-size: 14px;}.fa-lg{font-size:1.3333333333333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.2857142857142858em;text-align:center}.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;top:.14285714285714285em;text-align:center}.fa-li.fa-lg{left:-1.8571428571428572em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}
    /*========================================================
        LTCI Calculator
      ========================================================*/
    #calc_ltc_nav {
        text-align: right;
    }
    #calc_ltc_nav select{
        min-width: 116px;
        *width: 120px;
    }
    /* distributive */
    .calc_ltc_nav_item {
        margin-bottom: 10px;
        padding: 10px;
        border-top-left-radius:10px;
        border-bottom-left-radius:10px;
        background: #fff;
        font-weight: bold;
    }
    .calc_ltc_nav_item.annual-premium-result {
        margin-bottom: 0;
    }
    .calc_ltc_info_0, .calc_ltc_info_1,.calc_ltc_info_2, 
    .calc_ltc_info_3,.calc_ltc_info_4 {
        display: none;
    }
    #calc_ltc_nav, #calc_ltc_info{
        width: 50%;
        float: left;
    }
    #cLtcInfoWrapper {
        background: #EEEBE6;
        padding: 10px 20px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        min-height: 450px;
    }
    /* LTCI button */
    #btnWrapperLTCI button{
        min-width: 100px;
        margin-right: 10px;
    }
    /* premium estimate */
    #estimateLabel{
        font-size: 15px;
        font-weight: bold;
        margin: 20px 0 10px 10px;
        text-align: left;
    }
    #annualPremiumId {
        text-align: right;
        font-size:23px;
        font-weight:bold;
        width: 100%;
        border:1px solid #bbb;
    }
    .ltci-calc-bottom{
        margin-bottom: 20px;
    }
    /*---------------------- updated LTCI calculator -----------------------------*/
    .ltcicalc-wrapper legend{
      font-size: 16px;
      color: #000;
      font-weight: bold;
      line-height: 20px;
      margin: 0 0 10px;
    }
    .ltcicalc-wrapper ol {
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .ltcicalc-wrapper ol li{padding: 10px 0;}
    .top-divide{border-top: 1px solid #bbb;}
    .ltcicalc-wrapper ol li:last-child{padding-bottom: 0;}
    .annual-premium{font-size: 16px;}
    .ltcicalc-wrapper select{
      min-width: 180px;
      background: #fff;
      background-color: #fff;
      margin: 10px 0;
    }
    .ltcicalc-thead > div {
      display: inline-block;
    }
    .ltcicalc-label{
      display: inline-block;
      min-width: 185px;
      width: 28%;
    }
    .gentainer.section .ltcicalc-label{
      display: inline-block;
      min-width: 185px;
      width: 28%;
    }
    .gentainer.section .ltcicalc-wrapper .inputfields1,
    .gentainer.section .ltcicalc-wrapper .inputfields2 {
    min-width:160px;
    }
    .gentainer.section .ltcicalc-wrapper .inputfields1 .select,
    .gentainer.section .ltcicalc-wrapper .inputfields2 .select {
        min-width:120px;
    }
    .gentainer.section .ltcicalc-wrapper .indiv1,
    .gentainer.section .ltcicalc-wrapper .indiv1 {
        min-width:160px;
    }
    .ltcicalc-label-lrg{
      display: inline-block;
      min-width: 240px;
      width: 20%;
      font-weight: bold;
      color: #555;
    }
    .ltci-btn{padding: 0 !important;text-align: right;}
    .ltcicalc-wrapper .inputfields1,.indiv1{
      display: inline-block;
      min-width: 250px;
    }
    .ltcicalc-wrapper .inputfields2{display: none;}
    .indiv1, .indiv2{
      display: inline-block;font-weight: bold;
    }
    .ltcicalc-wrapper input + label{padding-right: 20px;}
    .indiv1, .indiv2, .ltcicalc-wrapper .inputfields1,
    .ltcicalc-label, .ltcicalc-thead > div{
      zoom: 1;
      *display: inline;
    }
    /*======================================================================================
        Self funded Styling
      ======================================================================================*/
    #selfFundWrapper{
        padding: 20px 0;
    }
    table#selfFundTable select, .self_results_off{ 
        font-size: 18px;
        min-width: 170px;
        *min-width: 0;
    }
    table#selfFundTable{width: 100%;}
    table#selfFundTable select {
        width: 100%;
        *width: auto;
    }
    label.slfFunLbl{
        font-weight: bold;
        font-size: 18px;
        line-height: 24px;
    }
    .self_results_off{
        border: 1px solid #888;
        padding: 3px 5px;
        color: #000;
        background: #eaeaea;
        height: 22px;
    }
    /*======================================================================================
        Cost of Care calculator styles
      ======================================================================================*/
    #cocCalc{margin-bottom: 20px;}
    table#cocClacTable{width: 100%;}
    #cocClacTable select, .cocCalcState{font-size: 18px;}
    .modal-outer{width: 100%; min-height: 615px;}
    .modal-inner{position: absolute;}
    #cocClacTable select#location{max-width:212px;width: 212px\9;}
    #coc-calc-bottomtable{
        border: 2px solid #888888; 
        border-radius: 5px; 
        margin:20px;
    }
    #coc-calc-bottomtable table{
        margin:15px;
        margin-top:10px;
    }
    #coc-calc-bottomtable table td{vertical-align: top;}
    .location-error{margin-left: 20px;text-align: right;}
    .cocCalcState{min-width: 120px;}
    .age-error,.location-error{margin-bottom: 10px;}
    #cocCalc h2, #cocClacToptxt{margin: 0 20px 10px;}
    #modal-parent{margin: 0 20px;}
    #info-modal{
        height: 614px; 
        width: 92.857142%;
        margin-left: 20px;
        opacity: 0.95;
        background-color:#CCCCCC; 
        background: url('clientlib/images/overlay.png') repeat scroll 0 0; 
        z-index:9;
    }
    #coc-graph-info{
        margin-left:64px; 
        margin-top: 200px; 
        width:392px; 
        background-color: white; 
        border-style: solid;
        border-width: 3px;
        padding:20px;
        border-radius: 6px;
        z-index:9;
    }
    /*Life Budget tweaks*/
    #step1-header,#step2-header,#option_box{margin: 0 20px;}
    /*
        ColorBox Core Style:
        The following CSS is consistent between example themes and should not be altered.
    */
    #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
    #cboxOverlay{position:fixed; width:100%; height:100%;}
    #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
    #cboxContent{position:relative;}
    #cboxLoadedContent{overflow:auto;}
    #cboxTitle{margin:0;}
    #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
    .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
    .cboxIframe{width:100%; height:100%; display:block; border:0;}
    #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
    /* 
        User Style:
        Change the following styles to modify the appearance of ColorBox.  They are
        ordered & tabbed in a way that represents the nesting of the generated HTML.
    */
    #cboxOverlay{background:url(clientlib/images/overlay.png) repeat 0 0;}
    #colorbox{}
        #cboxTopLeft{width:21px; height:21px; background:url(clientlib/images/controls.png) no-repeat -101px 0;}
        #cboxTopRight{width:21px; height:21px; background:url(clientlib/images/controls.png) no-repeat -130px 0;}
        #cboxBottomLeft{width:21px; height:21px; background:url(clientlib/images/controls.png) no-repeat -101px -29px;}
        #cboxBottomRight{width:21px; height:21px; background:url(clientlib/images/controls.png) no-repeat -130px -29px;}
        #cboxMiddleLeft{width:21px; background:url(clientlib/images/controls.png) left top repeat-y;}
        #cboxMiddleRight{width:21px; background:url(clientlib/images/controls.png) right top repeat-y;}
        #cboxTopCenter{height:21px; background:url(clientlib/images/border.png) 0 0 repeat-x;}
        #cboxBottomCenter{height:21px; background:url(clientlib/images/border.png) 0 -29px repeat-x;}
        #cboxContent{background:#fff; overflow:hidden;}
            .cboxIframe{background:#fff;}
            #cboxError{padding:50px; border:1px solid #ccc;}
            #cboxLoadedContent{margin-bottom:28px;}
            #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
            #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
            #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
            #cboxPrevious{position:absolute; bottom:0; left:0; background:url(clientlib/images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
            #cboxPrevious:hover{background-position:-75px -25px;}
            #cboxNext{position:absolute; bottom:0; left:27px; background:url(clientlib/images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
            #cboxNext:hover{background-position:-50px -25px;}
            #cboxLoadingOverlay{background:url(clientlib/images/loading_background.png) no-repeat center center;}
            #cboxLoadingGraphic{background:url(clientlib/images/loading.gif) no-repeat center center;}
            #cboxClose{position:absolute; bottom:0; right:0; background:url(clientlib/images/controls.png) no-repeat -25px 0 !important; width:25px; height:25px; text-indent:-9999px;}
            #cboxClose:hover{background-position:-25px -25px;}
    /*Display the colorbox modal close button at the top*/
    #cboxClose{top:0 !important;}
    /*
      The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
      when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
      See: http://jacklmoore.com/notes/ie-transparency-problems/
    */
    .cboxIE #cboxTopLeft,
    .cboxIE #cboxTopCenter,
    .cboxIE #cboxTopRight,
    .cboxIE #cboxBottomLeft,
    .cboxIE #cboxBottomCenter,
    .cboxIE #cboxBottomRight,
    .cboxIE #cboxMiddleLeft,
    .cboxIE #cboxMiddleRight {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    }
    .ie8bar{
    background-image:url(clientlib/images/progressbar.gif);
    background-color:transparent;
    width:100%;
    background-repeat:repeat-x;
    }
    /* This CSS was added so the modal component would not conflict with the bootstrap Modal: Simple */
    .reference.section .modal,
    .modal.section{
        display: block;
        overflow: hidden;
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: inherit;
        -webkit-overflow-scrolling: initial;
        outline: none;
    }
    .reference.section .modalStyleGuide .modal{
      display: none;
      overflow: hidden;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      -webkit-overflow-scrolling: touch;
      outline: 0;
    }
    @media (min-width: 768px){
        .reference.section .modalStyleGuide .modal {
          top: 30%;
        }
    }
    .parsys.modal-content,
    #cboxContent .modal-content{
        position: initial;
        background-color: initial;
        border-width: 0;
        border-color: none;
        border-style: none;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-clip: initial;
        outline: initial;
    }
    /*---------------------------Colorbox Lead Form Progress Bar Styles----------------------------------*/
    .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    }
    .modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 15px;
    }
    .modal-body .progress {
    margin-bottom: 0;
    }
    .hide_close #cboxClose {
    display:none !Important;
    }
    .progress {
    height: 18px;
    margin-bottom: 18px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -ms-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: linear-gradient(top,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#f9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    }
    .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    }
    .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    }
    .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    }
    .progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 40px 40px;
    }
    .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #428bca;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
    }
    .alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}
    #left-nav{
        border-right: 1px solid #bbb;
        border-left: 1px solid #bbb;
        width: 100%;
        *width: 99%;
        background :#ffffff;  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));  
        background: -moz-linear-gradient(top , #ffffff 0%, #f1f1f1 100%) repeat scroll 0 0 transparent;
        background: -webkit-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); 
        background: -ms-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
        background: linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
    }
    .left-col-gradient{
        background :#ffffff;  
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1));  
        background: -moz-linear-gradient(top , #ffffff 0%, #f1f1f1 100%) repeat scroll 0 0 transparent;
        background: -webkit-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
        background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); 
        background: -ms-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
        background: linear-gradient(top,  #ffffff 0%, #f1f1f1 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
    }
    #left-nav .container_links a {
        display: inline-block;  
        text-decoration: none;
        color: #000;
    }
    #left-nav .container_links a:hover {
        font-family: arial;
        color: #0375ad;
        text-decoration: underline;
    }
    #left-nav .ln-level-1 a.has-children:hover, #left-nav .ln-level-2 a.has-children:hover{
        background-image: url("clientlib/images/left-nav/blue_arrow.png");
        background-repeat: no-repeat;
        background-position: 0px center;
    }
    #left-nav .ln-level-1{    
        padding-right:10px;
        font-size: 14px;
    }
    #left-nav .ln-level-1 .separator{
        display:block; 
        border-bottom:1px solid #bbb;
        margin:5px -10px 5px 0; 
    }
     
    #left-nav .ln-level-1 a,  #left-nav .ln-level-1 #title{
        padding-left:10px;
    }
    #left-nav .ln-level-2, #left-nav .ln-level-2 .separator{ 
        display:none;
        visibility: hidden;
        margin-bottom: 5px;
        padding-left: 15px;
    }
    #left-nav .ln-level-1 #title.has-children{    
        background-image: url("clientlib/images/left-nav/orange_arrow.png");
        background-repeat: no-repeat;
        background-position: 0px center;
    }
    #left-nav .ln-level-2 #title, #left-nav .ln-level-2 a {
        font-size: 12px;
        color: #000;
    }
    #left-nav #title {
        font-weight:bold;
    }
    #left-nav .ln-current-parent .ln-level-2,  #left-nav .ln-current .ln-level-2{
        display:block;
        visibility: visible;
    }
    #left-nav .ln-current,.ln-current #title{
        color: #c7481c !important;
    }
    #left-nav .ln-current-parent a.has-children, #left-nav .ln-current-parent a.has-children:hover  {
        border-bottom:0px none #d9d9d9;
        margin-bottom:0px; 
        background-image: url("clientlib/images/left-nav/black_arrow.png");
        background-repeat: no-repeat;
        background-position: 0px center;
    }
    #left-nav .ln-level-2 #title.has-children {
        background-image:none;   
    }
    #left-nav .ln-level-1 #title.has-children, #left-nav div.has-children .link {
     margin-bottom: 5px;
    }
    #left-nav .container_links{  
        padding: 20px 10px;
    }
    #left-nav .ln-current .ln-level-1 .ln-level-2 {
        display:none;
    }
    #left-nav #image-filler{
        height:1px; 
    }
    #left-nav #image-filler img{
        position: relative;
        display:none;
    }
    #left-nav div.ln-level-1:last-child div.separator{display:none;}
    #left-nav-filler{
        min-height: 20px;   
    }
    #subNav ul.divider li a, ul.divider li a {
        border-left: 1px solid #1475AA;
        padding-left: 30px;
        margin-left: 20px
    }
    #subNav ul.divider li:first-child a, ul.divider:first-child a{
        border-left: 0px none #1475AA;
        padding-left: 0px;
        margin-left: 0px
        
    }
    #subNav ul.divider li a.current, ul.divider li:first-child a.current {
        border-left-color: #CE501D;
    }
    @media print {
        #gw_nav,#gNav,#search,#title_action,#tabs,#footer_shadow,
        #subNav,#subNav_sep,#pusher_right,#charSketch, #right-col, #left-nav,
        .footer_column, div#page-title .print-button,.two parent-columns alpha, #ctaLink-SS .txtImgComp,
        #printBtn, .addThisSocialShare
        {display: none}
        
        .row .two.parent-columns.alpha,.row.bgWhite.topPadding .seven.parent-columns.alpha + .three.parent-columns,
        .row.bgWhite.topPadding .nine.parent-columns.alpha + .three.parent-columns
        {display: none;}
        .row.bgWhite.topPadding .seven.parent-columns.alpha,
        .row.bgWhite.topPadding .nine.parent-columns.alpha
        {width: 960px;}
        #content_container12{width:940px;}
        .bgWhite{border: none;}
        .expanding-body{display:block;}
        .txtImgComp .imgLeft ~ div.text ul{float: none;}
        body { 
            margin: 0 auto;
            font-family: arial;
            font-size: 14px;
            color: #504D4A;
        }
        #global_header{
            box-shadow: none;
            border-bottom: none;
        }
        #sub-container{border-left:none;}
    }
    #proLogin,#liveWell{background-color: #ededed;padding: 20px;margin: 0 0 20px;}
    #proLogin legend{font-size: 16px;line-height: 20px;}
    #proLogin input{width: 95%;}
    #proLogin ol.formList, #liveWell ol.formList{margin: 0;}
    #liveWell .required.input{margin: 0; width: 100%;}
    #liveWell div.inlineBlock{margin-bottom: 20px; min-width: 70%;}
    #liveWell fieldset h2{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 20px;}
    #liveWell .gen-button{min-width: 100px;}
    #liveWell ul{margin-bottom: 0;}
    #liveWell label.inlineBlock{vertical-align: top;padding: 5px 20px 0 0;}
    #error-div{display: none;}
    #liveWell #loginBtn{margin-left: 15px;}
    #btnProLogin{margin: 10px 0;min-width: 100px;width: auto !important;}
    .brd-bottom{border-bottom: 1px solid #bbb;padding: 10px 0;}
    .info-txt{color: #555;text-shadow:2px 2px 0 #fff;}
    a.hoverpop,a.hoverpop:hover{text-decoration: none;}
    .expBlock {
        background: #FFF;
        margin: 0 auto 0 auto;
        padding: 0;
        width: 740px;
    }
    .expBlock .leftImg {
        float: left;
        width: 115px;
    }
    .expBlock .rightContent {
        float: left;
        width: 620px;
    }
    .expBlock .rightContent table{
        width: 620px; 
    }
    .expBlock .bTitle {
        float: left;
        font-size: 16px;
        font-weight: bold;
    }
    .expBlock .bTitle img {
        position: relative;
        float: left;
        padding: 2px 5px 0 0;
        margin: 0px;
    }
    .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;
    }
    .tooltip {
      position: absolute;
      z-index: 1030;
      display: block;
      visibility: visible;
      font-size: 11px;
      line-height: 1.4;
      opacity: 0;
      filter: alpha(opacity=0);
    }
    .tooltip.in {
      opacity: 0.8;
      filter: alpha(opacity=80);
    }
    .tooltip.top {
      margin-top: -3px;
      padding: 5px 0;
    }
    .tooltip.right {
      margin-left: 3px;
      padding: 0 5px;
    }
    .tooltip.bottom {
      margin-top: 3px;
      padding: 5px 0;
    }
    .tooltip.left {
      margin-left: -3px;
      padding: 0 5px;
    }
    .tooltip-inner {
      max-width: 200px;
      padding: 8px;
      color: #ffffff;
      text-align: center;
      text-decoration: none;
      background-color: #000000;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
    }
    .tooltip-arrow {
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid;
    }
    .tooltip.top .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #000000;
    }
    .tooltip.right .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #000000;
    }
    .tooltip.left .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #000000;
    }
    .tooltip.bottom .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #000000;
    }
    @font-face{font-family:'FontAwesome';src:url('clientlib/fonts/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');src:url('clientlib/fonts/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('clientlib/fonts/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('clientlib/fonts/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('clientlib/fonts/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

fa-chevron-circle-right

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

<i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right
Icon classes are echoed via CSS :before.

fa-chevron-circle-right

fa-chevron-circle-right

fa-chevron-circle-right

fa-chevron-circle-right

fa-chevron-circle-right

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

<p><i class="fa fa-chevron-circle-right fa-lg"></i> fa-chevron-circle-right</p>
<p><i class="fa fa-chevron-circle-right fa-2x"></i> fa-chevron-circle-right</p>
<p><i class="fa fa-chevron-circle-right fa-3x"></i> fa-chevron-circle-right</p>
<p><i class="fa fa-chevron-circle-right fa-4x"></i> fa-chevron-circle-right</p>
<p><i class="fa fa-chevron-circle-right fa-5x"></i> fa-chevron-circle-right</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-chevron-circle-right fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-chevron-circle-right fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

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

<ul class="fa-ul">
  <li><i class="fa-li fa fa-chevron-circle-right"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-chevron-circle-right fa-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 fa-border and pull-right or pull-left for easy pull quotes or article graphics.

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

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

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

<i class="fa fa-chevron-circle-right"></i>  normal<br>
<i class="fa fa-chevron-circle-right fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-chevron-circle-right fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-chevron-circle-right fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-chevron-circle-right fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-chevron-circle-right fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-chevron-circle-right fa-2x fa-spin"></i>
<i class="fa fa-chevron-circle-right fa-3x fa-spin"></i>
<i class="fa fa-chevron-circle-right fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-chevron-circle-right on fa-square-o
fa-chevron-circle-right on fa-circle
fa-chevron-circle-rightl on fa-square
fa-ban on fa-chevron-circle-right

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse 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="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-chevron-circle-right fa-stack-1x"></i>
</span>
fa-chevron-circle-right on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-chevron-circle-right fa-stack-1x fa-inverse"></i>
</span>
fa-chevron-circle-right on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-chevron-circle-right fa-stack-1x fa-inverse"></i>
</span>
fa-chevron-circle-right on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-chevron-circle-right fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-chevron-circle-right

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-chevron-circle-right fa-lg"></i> fa-chevron-circle-right</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-chevron-circle-right"></i> fa-chevron-circle-right</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-chevron-circle-right fa-2x pull-left"></i> Font Awesome<br>fa-chevron-circle-right



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-chevron-circle-right fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-chevron-circle-right">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-chevron-circle-right fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-chevron-circle-right">
</div>