/* Global styles
-------------------------------------------------- */
body, .site-header, .site-footer, .c5wrapper {
    background: repeat left top;
}
.c5wrapper img {
    max-width: 100%;
    height: auto;
}
.drop-shadow {
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.image-with-shadow img {
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
#main {
    margin: 0;
    padding: 30px 0;
    min-height: 450px;
}
ul {
    padding-left: 30px;
}

/* Mobile layout
-------------------------------------------------- */
@media only screen and (max-width: 767px) { 
    .site-header { padding-top: 20px }
    .site-header .pull-right, .site-footer .pull-right { float: left !important }
}

/* Header
-------------------------------------------------- */
.c5wrapper h2.default-site-name {
    text-transform: uppercase;
}
.site-header {
    padding: 40px 0 5px 0;
    color:#ededed;
    overflow: hidden;
    min-height: 55px;
    background: #212121 url(../images/bg-header.png) repeat left top;
    border-bottom: 1px solid rgba(187,187,187,0.1);
}
.site-header p { margin-bottom: 0 }
.default-site-name {
  margin: 0;
}
.site-name, .site-header-right {
  margin: 0 0 10px 0;
}

/* Footer
-------------------------------------------------- */
.site-footer {
    color:#fff;
    background: #212121 url(../images/bg-header.png) repeat left top;
    padding: 20px 0;
    box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
    -webkit-box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
    -moz-box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
    -o-box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
}
.area-content-accent {
    padding: 65px 0;
    margin: 45px 0 15px;
    background: url(../images/hr-slash-gray.png) no-repeat center top;
}
.site-footer-left, .site-footer-right {
  margin: 0 0 10px 0;
}

/* Horizontal Rules
-------------------------------------------------- */
@media (min-width: 768px) {
  .c5wrapper hr {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .c5wrapper hr {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .c5wrapper hr {
    max-width: 1170px;
  }
}
.c5wrapper hr {
    margin: 45px auto;
    border: none;
    height: 10px;
    background: repeat-x center center;
    background-image: url(../images/hr-slash-gray.png);
}
.c5wrapper hr.hr-plus {
    background-image: url(../images/hr-plus.png);
}
.c5wrapper hr.hr-less {
    background-image: url(../images/hr-less.png);
}
.c5wrapper hr.hr-slash {
    background-image: url(../images/hr-slash.png);
}
.c5wrapper hr.hr-gray {
    background-image: url(../images/hr-gray.png);
}
.c5wrapper hr.hr-plus-gray {
    background-image: url(../images/hr-plus-gray.png);
}
.c5wrapper hr.hr-less-gray {
    background-image: url(../images/hr-less-gray.png);
}
.c5wrapper hr.hr-slash-gray {
    background-image: url(../images/hr-slash-gray.png);
}
.c5wrapper .divider {
    border: none;
    clear: both;
    display: block;
    margin: 0 0 20px;
    height: 32px;
    background: no-repeat center center url(../images/divider.png);
    width: 100%;
    text-align: center;
}

/* Headings
-------------------------------------------------- */
.c5wrapper .title-background span, .c5wrapper .title-background-gray span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.c5wrapper .title-background span.title-bg-text, .c5wrapper .title-background-gray span.title-bg-text {
    padding-right:10px;
    max-width: 90%;
    float: left;
}
.c5wrapper .title-background span.title-bg-img {
    background: repeat-x center left url(../images/hr-slash.png);
}
.c5wrapper .title-background-gray span.title-bg-img {
    background: repeat-x center left url(../images/hr-slash-gray.png);
}

/* Navigation (base)
-------------------------------------------------- */
.navigation {
    margin: 0;
    height: 30px;
    color:#fff;
    background: #212121 url(../images/bg-header.png) repeat left top;
    box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
    -webkit-box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
    -moz-box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
    -o-box-shadow: 0 0 4px 2px rgba(34,34,34,.2);
}
nav.primary select {
    display: none;
    width: 100%;
    height: 28px;
    margin: 21px 0;
    color: #212121;
}
nav.container { top: -1px }
.sf-menu {
    margin-left: -15px;
    margin-top: -1px;
}
.sf-menu ul.nav,
.sf-menu ul.nav * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu ul.nav li { position: relative }
.sf-menu ul.nav ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99;
}
.sf-menu ul.nav > li { float: left }
.sf-menu ul.nav li:hover > ul,
.sf-menu ul.nav li.sfHover > ul { display: block }
.sf-menu ul.nav a {
    display: block;
    position: relative;
}
.sf-menu ul.nav ul ul {
    top: 0;
    left: 100%;
}

/* Navigation (skin)
-------------------------------------------------- */
.sf-menu ul.nav {
    float: left;
    margin-bottom: 1em;
    font-size: 1.1em;
}
.sf-menu ul.nav ul {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    min-width: 12em; /* allow long menu items to determine submenu width */
    *width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu ul.nav a {
    line-height: 30px;
    padding: 0 12px 0 16px;
    text-decoration: none;
    zoom: 1; /* IE7 */
}
.sf-menu ul.nav a {
    color: #eee;
    font-weight: bold;
}
.sf-menu ul.nav li {
    background: transparent;
    white-space: nowrap; /* no need for Supersubs plugin */
    *white-space: normal; /* ...unless you support IE7 (let it wrap) */
    /* -webkit-transition: background .2s;
    transition: background .2s; */
    z-index: 1;
}
.sf-menu ul.nav ul li { background: #fcfcfc }
.sf-menu ul.nav li.nav-path-selected,
.sf-menu ul.nav li:hover,
.sf-menu ul.nav li.sfHover {
    background: #fcfcfc;
    box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    -o-box-shadow: 0 0 5px 1px rgba(0,0,0,.2);
    /* only transition out, not in */
    -webkit-transition: none;
    transition: none;
    z-index: 2;
}
.sf-menu ul.nav li:hover,
.sf-menu ul.nav li.sfHover { z-index: 3 }
.sf-menu ul.nav li.nav-path-selected li,
.sf-menu ul.nav li:hover li,
.sf-menu ul.nav li.sfHover li {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
.sf-menu ul.nav li.nav-path-selected a,
.sf-menu ul.nav li:hover a,
.sf-menu ul.nav li.sfHover a {
    color: #000;
    padding-bottom: 7px;
}
.sf-menu ul.nav li.nav-path-selected li a,
.sf-menu ul.nav li:hover li a,
.sf-menu ul.nav li.sfHover li a {
    color: #666;
    padding-bottom: 0px;
    line-height: 35px;
}
.sf-menu ul.nav li li.nav-path-selected a,
.sf-menu ul.nav li li:hover a,
.sf-menu ul.nav li li.sfHover a { color: #000 }

.sf-menu ul.nav li a, .sf-menu ul.nav li a:hover {
    background: transparent;
}

/* navigation arrows */
nav.primary ul li a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    background: url(../images/arrows-single.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* navigation: apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator,
li.nav-path-selected > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* navigation: point right for anchors in subs */
nav.primary ul li ul .sf-sub-indicator { background-position: -10px 0 }
nav.primary ul li ul a > .sf-sub-indicator { background-position: 0 0 }

/* navigation: apply hovers to modern browsers */
nav.primary ul li ul a:focus > .sf-sub-indicator,
nav.primary ul li ul a:hover > .sf-sub-indicator,
nav.primary ul li ul a:active > .sf-sub-indicator,
nav.primary ul li ul li:hover > a > .sf-sub-indicator,
nav.primary ul li ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* navigation: mobile */
@media only screen and (max-width: 767px) { 
    .navigation { height: 50px }
    nav.primary select { display: block }
    nav.primary ul { display: none }
    nav.primary select { margin: 10px 0 }
}

/* Card Styles
-------------------------------------------------- */
.card, div.ccm-page div.block-sidebar-wrapped {
    color: #000;
    background: #fcfcfc;
    padding: 12px;
    margin: 0 0 20px 0;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.card h1:first-child, .card h2:first-child, .card h3:first-child {
    margin-top: 5px;
}
.card p:last-child, .card ul:last-child {
    margin-bottom:10px;
}
.card.black {
    color: #fff;
    background: #000;
}
.card.black p,
.card.black h1,
.card.black h2,
.card.black h3,
.card.black h4,
.card.black h5,
.card.black h6,
.card.black a, .card.black a:visited, .card.black a:hover, .card.black a:focus { color: #fff }
.gray, .grey { background: #ddd }
.yellow { background: #f9f6bb }
.blue { background: #d5dcde }
.green { background: #d4e2d6 }
.violet, .purple { background: #d7cdd0 }
.pink { background: #f1dcd9 }
.red { background: #9E4444 }

/* Image Styles
-------------------------------------------------- */
.c5wrapper a > img.clickable {
    opacity: .8;
    cursor: pointer;
}
.c5wrapper a > img.clickable:hover { opacity: 1 }


/* Image Slider Block (default)
-------------------------------------------------- */
.ccm-image-slider, .flexslider-wrapper {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
}
.ccm-image-slider-inner {
    margin-left: 0px;
    margin-right: 0px;
    position: relative;
    min-height: 1px;
  border: 10px solid #fff;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.container .ccm-image-slider-inner {
    margin-left: -15px;
    margin-right: -15px;
}
.ccm-image-slider-text {
    left:  2%;
    top: 5%;
}
.ccm-image-slider-container .rslides_tabs {
    text-align: center;
    margin: 0;
    padding: 0;
}
.ccm-image-slider-container .rslides_tabs li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 0 0;
}
div.ccm-page .ccm-image-slider-container .rslides_tabs li a {
    overflow: hidden;
    text-indent: 99px;
    background: #ccccc9;
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 10px 0 0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -ms-border-radius: 30px;
}
div.ccm-page .ccm-image-slider-container .rslides_tabs li.rslides_here a {
    background: #000;
}
@media (min-width: 768px) {
  .ccm-image-slider, .flexslider-wrapper {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .ccm-image-slider, .flexslider-wrapper {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .ccm-image-slider, .flexslider-wrapper {
    max-width: 1170px;
  }
}

/* Feature Block (default)
-------------------------------------------------- */
div.ccm-block-feature-item {
    margin-bottom: 15px;
}
div.ccm-block-feature-item p {
    margin-left: 0px !important;
}

div.ccm-page div.ccm-block-feature-item-hover div.ccm-block-feature-item-hover-icon {
border: 1px solid #212121;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
text-align: center;
vertical-align: middle;
display: table-cell;
margin: 0px auto 0px auto;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;
transition: all .2s linear;
cursor: default;
width: 60px;
height: 60px;
}
div.ccm-page div.ccm-block-feature-item-hover {
display: table;
margin: 0px auto 0px auto;
cursor: default;
}
div.ccm-block-feature-item-hover-wrapper {
    margin: 30px 0 15px;
}
div.ccm-page div.ccm-block-feature-item-hover-wrapper div.ccm-block-feature-item-hover-title {
font-size: 1.8em;
font-weight: 300;
margin-top: 10px;
/* rabit */
/*font-family: "Just Another Hand";*/
font-family: "Montserrat", sans-serif;
}
div.ccm-page div.ccm-block-feature-item-hover-wrapper:hover div.ccm-block-feature-item-hover-icon {
background: #212121;
color: #fff;
}
.tooltip-inner {
    font-size: 1em;
    padding: 10px;
}

/* Page Title Block
-------------------------------------------------- */
div.ccm-page div.ccm-block-page-title-byline {
    margin-bottom: 15px;
}
div.ccm-page div.ccm-block-page-title-byline span.page-date, div.ccm-page div.ccm-block-page-title-byline span.page-author {
    font-size: 0.95em;
    color: #666;
}

/* Page List Block (thumbnail grid)
-------------------------------------------------- */
div.ccm-page div.blog-entry-list div.ccm-block-page-list-title,
div.recent-blog-entry div.ccm-block-page-list-title,
div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-title {
    font-weight: bold;
    font-size: 1.2em;
    margin-bottom: 6px;
}
div.ccm-page div.ccm-block-page-list-thumbnail-grid-wrapper {
    margin-left: -15px;
    margin-right: -15px;
}
div.ccm-page div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-page-entry-grid-item {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}
div.ccm-block-page-list-page-entry-grid-thumbnail a {
    display: block;
}
div.ccm-page div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-title {
    margin-top: 30px;
    font-weight: bold;
    line-height: 1.42857143;
}
.ccm-block-page-list-page-entry-grid-thumbnail img, .ccm-block-page-list-page-entry-thumbnail img {
    box-shadow: 1px 1px 2px 0 #d0d0d0;
    -webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -o-box-shadow: 1px 1px 2px 0 #d0d0d0;
}
@media (min-width: 768px) {
    div.ccm-page div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-page-entry-grid-item {
        float: left;
        width: 33.33333333%;
    }
    #main div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-page-entry-grid-item img {
        width: 100%;
        height: 147px;
    }
}
@media (min-width: 992px) {
    #main div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-page-entry-grid-item img {
        width: 100%;
        height: 193px;
    }
}
@media (min-width: 1200px) {
    #main div.ccm-block-page-list-thumbnail-grid-wrapper div.ccm-block-page-list-page-entry-grid-item img {
        width: 100%;
        height: 240px;
    }
}
div.ccm-page div.ccm-block-page-list-no-pages {
    text-align: center;
    padding: 40px 0;
}
div.ccm-page div.ccm-block-page-list-page-entry-horizontal {
    margin-bottom: 30px;
}
div.ccm-page div.blog-entry-list div.ccm-block-page-list-date {
    color: #666;
    font-size: 0.95em;
    margin-bottom: 10px;
}

/* Pagination
-------------------------------------------------- */

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
background-color: #212121;
border-color: #212121;
}

.pagination>li>a, .pagination>li>span {
color: #212121;
}

.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
color: #212121;
background-color: #eee;
border-color: #ddd;
}

.pagination {
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,.1);
}

/* Button
-------------------------------------------------- */
.btn-default,.btn-primary {
color: #333;
background-color: transparent;
border-color: #999;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default,
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
color: #FFF;
background-color: #333;
border-color: #999;
}
.btn-success, .btn-success:visited {
    color: #fff;
}
div.ccm-page div.page-list-with-buttons div.ccm-block-page-list-page-entry a.ccm-block-page-list-read-more {
padding: 5px 15px;
border: 1px solid #212121;
display: inline-block;
background-color: #fff;
margin: 0 0 15px 0;
}
div.ccm-page div.page-list-with-buttons div.ccm-block-page-list-page-entry a.ccm-block-page-list-read-more:hover,
div.ccm-page div.page-list-with-buttons div.ccm-block-page-list-page-entry a.ccm-block-page-list-read-more:focus {
text-decoration: none;
background-color: #212121;
color: #fff;
}

/* Topic List block
-------------------------------------------------- */
.breadcrumb li a:hover, .breadcrumb li a:focus {
    text-decoration: none;
}
.breadcrumb li a.active {
    font-weight: bold;
}

/* Testimonial block
-------------------------------------------------- */
div.ccm-block-testimonial-name {
    font-weight: bold;
    font-size: 1.2em;
}
div.ccm-page div.ccm-block-testimonial div.ccm-block-testimonial-image {
    margin: 0 0 15px 0;
    padding-right: 15px;
    float: none;
}
div.ccm-page div.ccm-block-testimonial div.ccm-block-testimonial-image img {
    max-width: 100%;
    height: auto;
    max-height: none;
}
div.ccm-page div.ccm-block-testimonial-wrapper {
    margin: 45px 0;
    display: block;
    overflow: hidden;
}
@media (min-width: 768px) {
    div.ccm-page div.ccm-block-testimonial div.ccm-block-testimonial-image {
    float: left;
    width: 25%;
    }
}
@media (min-width: 768px) {
    div.ccm-page div.ccm-block-testimonial div.ccm-block-testimonial-text {
    float: left;
    width: 75%;
    }
}

/* FAQ block
-------------------------------------------------- */
div.ccm-page .ccm-faq-block-links a {
    text-decoration: underline;
}

/* Page Attribute Display block
-------------------------------------------------- */
div.ccm-page div.ccm-block-page-attribute-display-wrapper {
    margin: 15px 0;
}
div.ccm-page div.ccm-block-page-attribute-display-wrapper .ccm-block-page-attribute-display-title {
    display: block;
    font-weight: bold;
}

/* C5 Edit mode
-------------------------------------------------- */
.ccm-area-drag-area {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.editing .sf-menu {
    margin-left: 0;
}
/* navigation: mobile */
@media only screen and (max-width: 767px) { 
    .editing .navigation { height: auto }
}

/* Search
-------------------------------------------------- */
.ccm-search-block-form {
    position: relative;
}
.ccm-search-block-form .ccm-search-block-text {
border: 1px solid #cbcbcb;
border-radius: 30px;
padding: 10px 20px 10px 45px;
background: url(../images/search.png) no-repeat 12px 6px #fff;
max-width: 100%;
}
.ccm-search-block-form .ccm-search-block-text, .ccm-search-block-form .ccm-search-block-submit {
    margin: 4px 0;
}

/* Discussion
-------------------------------------------------- */
.ccm-conversation-avatar {
	/* rabit */
    /*background: url(../images/user-avatar.png) no-repeat;*/
	  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22svg2%22%20viewBox%3D%220%200%2040%2040%22%20height%3D%2242.667%22%20width%3D%2242.667%22%3E%3Cg%20transform%3D%22translate(-215.929%20-408.576)%22%20id%3D%22layer1%22%3E%3Cg%20transform%3D%22translate(214.976%20407.624)%20scale(1.90476)%22%20id%3D%22g3456%22%3E%3Ccircle%20class%3D%22st0%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2210.1%22%20id%3D%22circle3439%22%20fill%3D%22none%22%20stroke%3D%22%23a28f7f%22%20stroke-width%3D%22.75%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M7.6%209.9c.8%200%201.4-.6%201.4-1.4%200-.8-.6-1.4-1.4-1.4-.8%200-1.5.6-1.5%201.4%200%20.8.7%201.4%201.5%201.4%22%20id%3D%22path3441%22%20fill%3D%22%23a28f7f%22%2F%3E%3Cpath%20class%3D%22st1%22%20d%3D%22M14.4%209.9c.8%200%201.4-.6%201.4-1.4%200-.8-.6-1.4-1.4-1.4-.8%200-1.4.6-1.4%201.4%200%20.8.6%201.4%201.4%201.4%22%20id%3D%22path3443%22%20fill%3D%22%23a28f7f%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11%2017.2c2%200%203.6-1.6%203.6-3.5H7.4c0%201.9%201.6%203.5%203.6%203.5z%22%20id%3D%22path3445%22%20fill%3D%22none%22%20stroke%3D%22%23a28f7f%22%20stroke-width%3D%22.75%22%2F%3E%3Cpath%20class%3D%22st2%22%20id%3D%22rect3447%22%20fill%3D%22none%22%20d%3D%22M.5.5h21v21H.5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cstyle%20id%3D%22style3437%22%3E.st0%7Bfill%3Anone%3Bstroke%3A%23a28f7f%3Bstroke-width%3A.75%7D.st1%7Bfill%3A%23a28f7f%7D.st2%7Bfill%3Anone%7D%3C%2Fstyle%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
/*	----*/
    background-size: contain;    
}

/* rabit */
/*.ccm-conversation-avatar img.u-avatar[alt=""] {*/
.ccm-conversation-avatar img.u-avatar {
/*	----*/
    visibility: hidden;
}

a.ccm-conversation-message-control-icon {
    text-decoration: none;
}
.ccm-conversation-message-controls .fa {
	/* rabit
  font-family: "jollyicons"; */
	/* rabit --------------------*/
	font-family: "FontAwesome";
	/* --------------------*/
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0em;
  font-size: 1.6em;
}
/* rabit --------------------*/
/*.ccm-conversation-message-controls .fa-thumbs-down:before {
  content: '\e822';
}
.ccm-conversation-message-controls .fa-thumbs-up:before {
  content: '\e825';
}
.ccm-conversation-message-controls .fa-twitter:before {
  content: '\e8b9';
}
.ccm-conversation-message-controls .fa-facebook:before {
  content: '\e837';
}
.ccm-conversation-message-controls .fa-link:before {
  content: '\e8c2';
}*/
/* --------------------*/