.clear_float:before,.clear_float:after {
    content: " ";
    display: table
}

.clear_float:after {
    clear: both
}

.dropzone,.dropzone * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.dropzone {
    position: relative;
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(0,0,0,0.02);
    padding: 1em;
    border: 1px solid rgba(0,0,0,0.03);
    min-height: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-border-radius: 3px;
    background: rgba(0,0,0,0.03);
    padding: 23px
}

.dropzone.drag-hover {
    border-color: green;
    background: green
}

.dropzone.clickable {
    cursor: pointer
}

.dropzone.drag-hover {
    border-color: green;
    background: green
}

.dropzone.started .message {
    display: none
}

.dropzone .message {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone .preview {
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
    font-size: 14px;
    background: rgba(255,255,255,0.8);
    position: relative;
    display: inline-block;
    margin: 17px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 28px 6px
}

.dropzone .preview.image-preview:hover .details img {
    display: block;
    opacity: 0.1;
    filter: alpha(opacity=10);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"
}

.dropzone .preview .details {
    width: 100px;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px
}

.dropzone .preview .details .filename {
    overflow: hidden;
    height: 100%
}

.dropzone .preview .details img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px
}

.dropzone .preview .details .size {
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px
}

.dropzone .preview.error .error-mark {
    display: block;
    opacity: 1;
    -ms-filter: none;
    filter: none
}

.dropzone .preview.error .progress .upload {
    background: #ee1e2d
}

.dropzone .preview.success .progress {
    display: none;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.dropzone .preview.success .success-mark {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropzone .preview:hover .details img {
    display: none
}

.dropzone .preview:hover .success-mark,.dropzone .preview:hover .error-mark {
    display: none
}

.dropzone .preview .success-mark,.dropzone .preview .error-mark {
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.dropzone .preview .success-mark span,.dropzone .preview .error-mark span {
    display: none
}

.dropzone .preview .success-mark {
    color: #8cc657;
    background-position: -268px -163px
}

.dropzone .preview .error-mark {
    color: #ee162d;
    background-position: -268px -123px
}

.dropzone .preview .progress {
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7
}

.dropzone .preview .progress .upload {
    bottom: 0;
    background-color: #8cc657;
    -webkit-animation: loading 0.4s linear infinite;
    -moz-animation: loading 0.4s linear infinite;
    -o-animation: loading 0.4s linear infinite;
    -ms-animation: loading 0.4s linear infinite;
    animation: loading 0.4s linear infinite;
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%
}

.dropzone .preview .error-message {
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245,245,245,0.8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.dropzone .preview:hover.error .error-message {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100)
}

.dropzone .default.message {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    position: absolute;
    width: 428px;
    height: 123px;
    margin-left: -214px;
    margin-top: -61.5px;
    top: 50%;
    left: 50%
}

.dropzone .default.message span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #999
}

.dropzone.square .default.message {
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px
}

.dropzone.drag-hover .message {
    opacity: .15;
    filter: alpha(opacity=15)
}

.dropzone.started .message {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0)
}

#dropzone {
    margin: 30px 0;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.13);
    -moz-box-shadow: 0 0 50px rgba(0,0,0,0.13);
    box-shadow: 0 0 50px rgba(0,0,0,0.13);
    padding: 4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -ms-border-radius: 3px
}

#dropzone .dropzone {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

div.ccm-conversation-avatar {
    width: 40px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-right: 10px
}

div.ccm-conversation-avatar img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-border-radius: 4px;
    max-width: 40px !important;
    max-height: 40px !important
}

div.ccm-conversation-message-form ul.redactor-toolbar {
    box-shadow: none;
    border: 1px solid #ddd
}

div.ccm-conversation-message-form .redactor-editor {
    padding: 10px;
    border: 1px solid #eee
}

.cnv-admin-pane {
    position: absolute;
    right: 0;
    top: -10px
}

.cnv-admin-pane a.dropdown-toggle {
    font-size: 10px
}

.cnv-admin-pane ul.dropdown-menu {
    left: auto;
    right: 0
}

.cnv-admin-pane ul.dropdown-menu a.admin-edit {
    color: #00cc66
}

.cnv-admin-pane ul.dropdown-menu a.admin-edit:hover {
    color: white
}

.cnv-admin-pane ul.dropdown-menu a.admin-delete {
    color: #ff7070
}

.cnv-admin-pane ul.dropdown-menu a.admin-delete:hover {
    color: white
}

div.ccm-conversation-message-count {
    font-weight: bold;
    margin-top: 20px;
    float: left
}

div.ccm-conversation-messages-header {
    margin-bottom: 15px
}

div.ccm-conversation-messages-header:before,div.ccm-conversation-messages-header:after {
    content: " ";
    display: table
}

div.ccm-conversation-messages-header:after {
    clear: both
}

div.ccm-conversation-messages-header select.ccm-sort-conversations {
    font-size: 12px;
    width: auto;
    margin-top: 10px;
    float: right
}

div.ccm-conversation-add-reply,div.ccm-conversation-add-new-message,div.ccm-conversation-edit-message {
    clear: both;
    position: relative
}

div.ccm-conversation-add-reply:before,div.ccm-conversation-add-new-message:before,div.ccm-conversation-edit-message:before,div.ccm-conversation-add-reply:after,div.ccm-conversation-add-new-message:after,div.ccm-conversation-edit-message:after {
    content: " ";
    display: table
}

div.ccm-conversation-add-reply:after,div.ccm-conversation-add-new-message:after,div.ccm-conversation-edit-message:after {
    clear: both
}

div.ccm-conversation-add-reply form,div.ccm-conversation-add-new-message form,div.ccm-conversation-edit-message form {
    margin-bottom: 0px
}

div.ccm-conversation-add-reply div.ccm-conversation-avatar+div.ccm-conversation-message-form,div.ccm-conversation-add-new-message div.ccm-conversation-avatar+div.ccm-conversation-message-form,div.ccm-conversation-edit-message div.ccm-conversation-avatar+div.ccm-conversation-message-form {
    padding-left: 50px
}

div.ccm-conversation-add-reply div.ccm-conversation-message-form:before,div.ccm-conversation-add-new-message div.ccm-conversation-message-form:before,div.ccm-conversation-edit-message div.ccm-conversation-message-form:before,div.ccm-conversation-add-reply div.ccm-conversation-message-form:after,div.ccm-conversation-add-new-message div.ccm-conversation-message-form:after,div.ccm-conversation-edit-message div.ccm-conversation-message-form:after {
    content: " ";
    display: table
}

div.ccm-conversation-add-reply div.ccm-conversation-message-form:after,div.ccm-conversation-add-new-message div.ccm-conversation-message-form:after,div.ccm-conversation-edit-message div.ccm-conversation-message-form:after {
    clear: both
}

div.ccm-conversation-add-reply div.ccm-conversation-message-form textarea,div.ccm-conversation-add-new-message div.ccm-conversation-message-form textarea,div.ccm-conversation-edit-message div.ccm-conversation-message-form textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    font-size: 12px;
    height: 80px
}

div.ccm-conversation-add-reply div.ccm-conversation-message-form .ccm-conversation-attachment-toggle,div.ccm-conversation-add-new-message div.ccm-conversation-message-form .ccm-conversation-attachment-toggle,div.ccm-conversation-edit-message div.ccm-conversation-message-form .ccm-conversation-attachment-toggle {
    float: right;
    opacity: .7;
    filter: alpha(opacity=70)
}

div.ccm-conversation-add-reply div.ccm-conversation-message-form .ccm-conversation-attachment-toggle.btn-success,div.ccm-conversation-add-new-message div.ccm-conversation-message-form .ccm-conversation-attachment-toggle.btn-success,div.ccm-conversation-edit-message div.ccm-conversation-message-form .ccm-conversation-attachment-toggle.btn-success {
    border-top: 0;
    border-bottom: 0
}

div.ccm-conversation-add-reply div.ccm-conversation-message-form button,div.ccm-conversation-add-new-message div.ccm-conversation-message-form button,div.ccm-conversation-edit-message div.ccm-conversation-message-form button,div.ccm-conversation-add-reply div.ccm-conversation-message-form a.btn,div.ccm-conversation-add-new-message div.ccm-conversation-message-form a.btn,div.ccm-conversation-edit-message div.ccm-conversation-message-form a.btn {
    margin: 16px 0 0 16px
}

div.ccm-conversation-add-new-message {
    margin-bottom: 20px
}

div.ccm-conversation-add-reply {
    display: none;
    margin-top: 20px
}

div.ccm-conversation-attachment-container {
    margin-top: 20px
}

div.ccm-conversation-attachment-container .dropzone {
    border: 1px dashed #999
}

div.ccm-conversation-errors {
    display: none
}

div.ccm-conversation-message-list div.ccm-conversation-delete-message {
    display: none
}

div.ccm-conversation-message-list div.ccm-conversation-delete-attachment {
    display: none
}

div.ccm-conversation-dialog textarea {
    width: 100%
}

div.ccm-conversation-dialog div.ui-dialog-buttonset {
    float: none !important
}

div.ccm-conversation-message.ccm-conversation-message-topic {
    padding-left: 0px
}

div.ccm-conversation-message {
	width: 100%;
}

div.ccm-conversation-message:before,div.ccm-conversation-message:after {
    content: " ";
    display: table
}

div.ccm-conversation-message:after {
    clear: both
}

div.ccm-conversation-message div.ccm-conversation-message-byline {
    padding: 0px 8px 8px 8px;
    color: #9f9f9f;
    margin-bottom: 0
}

div.ccm-conversation-message div.ccm-conversation-message-byline span.ccm-conversation-message-date {
    color: #9f9f9f
}

div.ccm-conversation-message div.ccm-conversation-message-byline span.ccm-conversation-message-username {
    font-weight: bold;
    color: #0099ff
}

div.ccm-conversation-message div.ccm-conversation-message-byline span.ccm-conversation-message-divider {
    padding: 0px 10px 0px 10px
}

div.ccm-conversation-message .message-attachments:before,div.ccm-conversation-message .message-attachments:after {
    content: " ";
    display: table
}

div.ccm-conversation-message .message-attachments:after {
    clear: both
}

div.ccm-conversation-message .message-attachments .attachment-container {
    position: relative;
    background: #f9f9f9;
    border: 1px solid #cccccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-border-radius: 4px;
    display: block;
    margin-bottom: 20px
}

div.ccm-conversation-message .message-attachments .attachment-container:before,div.ccm-conversation-message .message-attachments .attachment-container:after {
    content: " ";
    display: table
}

div.ccm-conversation-message .message-attachments .attachment-container:after {
    clear: both
}

div.ccm-conversation-message .message-attachments .attachment-container .attachment-preview-container {
    width: 90px;
    min-height: 90px;
    float: left
}

div.ccm-conversation-message .message-attachments .attachment-container .image-popover-hover {
    top: 0;
    left: 0;
    position: absolute;
    background: transparent;
    width: 90px;
    height: 90px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px;
    cursor: pointer
}

div.ccm-conversation-message .message-attachments .attachment-container .image-popover-hover .glyph-container {
    padding: 8px 0px 0px 10px;
    color: #fff;
    display: none;
    margin: 29px 0px 0px 27px;
    background-color: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -ms-border-radius: 4px;
    width: 36px;
    height: 36px
}

div.ccm-conversation-message .message-attachments .attachment-container .image-popover-hover .glyph-container i {
    margin-left: 1px
}

div.ccm-conversation-message .message-attachments .attachment-container .image-popover-hover:hover {
    background: #0a5d99;
    opacity: .8;
    filter: alpha(opacity=80)
}

div.ccm-conversation-message .message-attachments .attachment-container .image-popover-hover:hover .glyph-container {
    display: block
}

div.ccm-conversation-message .message-attachments .attachment-container img {
    float: left;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    -ms-border-bottom-left-radius: 4px
}

div.ccm-conversation-message .message-attachments .attachment-container p.image-preview {
    display: block;
    float: left;
    padding: 20px 0px 10px 20px
}

div.ccm-conversation-message .ccm-conversation-message-body {
}

div.ccm-conversation-message div.ccm-conversation-message-controls {
    padding: 0px 0px 0px 8px;
    color: #999
}

div.ccm-conversation-message div.ccm-conversation-message-controls a.ccm-conversation-message-control-icon {
    color: #999
}

div.ccm-conversation-message div.ccm-conversation-message-controls a.ccm-conversation-message-control-icon:hover {
    color: #333
}

div.ccm-conversation-message div.ccm-conversation-message-controls .ccm-conversation-social-share {
    display: none
}

div.ccm-conversation-message div.ccm-conversation-message-controls:before,div.ccm-conversation-message div.ccm-conversation-message-controls:after {
    content: " ";
    display: table
}

div.ccm-conversation-message div.ccm-conversation-message-controls:after {
    clear: both
}

div.ccm-conversation-message div.ccm-conversation-message-controls span.control-divider {
    display: block;
    padding: 8px;
    float: left;
    margin-left: 15px
}

div.ccm-conversation-message div.ccm-conversation-message-controls li:first-child {
    margin-left: 0
}

div.ccm-conversation-message div.ccm-conversation-message-controls ul {
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px
}

div.ccm-conversation-message div.ccm-conversation-message-controls ul li {
    display: inline-block;
    margin-left: 20px
}

div.ccm-conversation-message div.ccm-conversation-message-controls ul li.dropdown {
    margin-left: 0px
}

div.ccm-conversation-message div.ccm-conversation-message-controls ul a {
    padding-top: 8px;
    padding-bottom: 8px;
    display: block
}

div.ccm-conversation-message-deleted,div.ccm-conversation-message-flagged {
    opacity: 30;
    filter: alpha(opacity=3000)
}

div.ccm-conversation-message:hover .ccm-conversation-message-admin-control {
    display: inline-block
}

.ccm-conversation-message-admin-control {
    display: none
}

div.ccm-conversation-message:hover div.ccm-conversation-message-controls .ccm-conversation-social-share {
    display: inline-block
}

div.ccm-conversation-messages-threaded div.ccm-conversation-message-level0 {
    margin-left: 0px
}

div.ccm-conversation-messages-threaded div.ccm-conversation-message-level1 {
    margin-left: 50px
}

div.ccm-conversation-messages-threaded div.ccm-conversation-message-level2 {
    margin-left: 100px
}

div.ccm-conversation-messages-threaded div.ccm-conversation-message-level3 {
    margin-left: 150px
}

div.ccm-conversation-messages-threaded div.ccm-conversation-message-level4 {
    margin-left: 200px
}

div.ccm-conversation-form-submitted {
    opacity: 40;
    filter: alpha(opacity=4000)
}

div.ccm-conversation-load-more-messages {
    text-align: center;
    padding: 0px 0px 20px 0px
}

.conversation-editor {
    height: 200px
}

ul.ccm-discussion-topics {
    list-style-type: none;
    margin: 0px 0px 20px 0px;
    padding: 0px
}

ul.ccm-discussion-topics li {
    display: block;
    padding: 4px 4px 10px 80px;
    position: relative;
    min-height: 60px;
    border-bottom: 1px inset #ccc
}

ul.ccm-discussion-topics li div.ccm-discussion-topic-replies {
    position: absolute;
    top: 18px;
    left: 0px;
    height: 62px;
    width: 62px;
    text-align: center;
    font-size: 0.9em;
    color: #999
}

ul.ccm-discussion-topics li div.ccm-discussion-topic-replies em {
    font-size: 1.6em;
    font-style: normal;
    display: block;
    line-height: 1em;
    color: #999;
    margin: 5px auto 0px auto
}

ul.ccm-discussion-topics li div.ccm-discussion-topic-details {
    color: #444
}

ul.ccm-discussion-topics h3 {
    font-size: 1.4em;
    line-height: 1.4em;
    margin-bottom: 2px
}

div.ccm-discussion select.ccm-discussion-order-by {
    float: right;
    margin-right: 10px
}