﻿.display-none {
    display: none;
}

.clear-both {
    clear: both;
}

/* #region --- CSS RESET ---*/
.ckEditorReset { word-wrap: break-word; overflow: hidden; }
.ckEditorReset div, .ckEditorReset span, .ckEditorReset applet, .ckEditorReset object, .ckEditorReset iframe, .ckEditorReset h4, .ckEditorReset h5, .ckEditorReset h6,
.ckEditorReset blockquote, .ckEditorReset pre, .ckEditorReset a, .ckEditorReset abbr, .ckEditorReset acronym, .ckEditorReset address, .ckEditorReset big, .ckEditorReset cite,
.ckEditorReset code, .ckEditorReset del, .ckEditorReset dfn, .ckEditorReset em, .ckEditorReset img, .ckEditorReset ins, .ckEditorReset kbd, .ckEditorReset q, .ckEditorReset s,
.ckEditorReset samp, .ckEditorReset small, .ckEditorReset strike, .ckEditorReset sub, .ckEditorReset sup, .ckEditorReset tt, .ckEditorReset var, .ckEditorReset u, .ckEditorReset i,
.ckEditorReset center, .ckEditorReset dl, .ckEditorReset dt, .ckEditorReset dd, .ckEditorReset ol, .ckEditorReset ul, .ckEditorReset li, .ckEditorReset fieldset, .ckEditorReset form,
.ckEditorReset label, .ckEditorReset legend, .ckEditorReset table, .ckEditorReset caption, .ckEditorReset tbody, .ckEditorReset tfoot, .ckEditorReset thead, .ckEditorReset tr,
.ckEditorReset th, .ckEditorReset td, .ckEditorReset article, .ckEditorReset aside, .ckEditorReset canvas, .ckEditorReset details, .ckEditorReset embed, .ckEditorReset figure,
.ckEditorReset figcaption, .ckEditorReset footer, .ckEditorReset header, .ckEditorReset hgroup, .ckEditorReset menu, .ckEditorReset nav, .ckEditorReset output, .ckEditorReset ruby,
.ckEditorReset section, .ckEditorReset summary, .ckEditorReset time, .ckEditorReset mark, .ckEditorReset audio, .ckEditorReset video, .ckEditorReset strong, .ckEditorReset b
{ margin: 0; padding: 0; border: 0; vertical-align: inherit; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }

.ckEditorReset strong, .ckEditorReset b
{ font-weight: bold; }

.ckEditorReset p, .ckEditorReset h1, .ckEditorReset h2, .ckEditorReset h3
{ padding: 0; border: 0; vertical-align: inherit; color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }

.ckEditorReset p { margin: 13px 0 13px 0; }
.ckEditorReset h1 { margin: 0; font-size: 2.0em; }
.ckEditorReset h2 { margin: 0; font-size: 1.5em; }
.ckEditorReset h3 { margin: 0; font-size: 1.17em; }

.ckEditorReset { padding: 0; border: 0; vertical-align: baseline; color: #2D2D2D; background-color: #FFF; font-family: "robotoregular", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 16px; font-weight: normal; line-height: normal; }
.ckEditorReset blockquote { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; padding: 2px 0; }
.ckEditorReset .cke_contents_ltr blockquote { padding-left: 20px; padding-right: 8px; border-left-width: 5px; }
.ckEditorReset .cke_contents_rtl blockquote { padding-left: 8px; padding-right: 20px; border-right-width: 5px; }
.ckEditorReset a { color: #3969B1; }
.ckEditorReset ol, .ckEditorReset ul, .ckEditorReset dl { padding: 0 40px; *margin-right: 0; }
.ckEditorReset hr { border: 0; border-top: 1px solid #ccc; }
.ckEditorReset img.right { border: 1px solid #ccc; float: right; margin-left: 15px; padding: 5px; }
.ckEditorReset img.left { border: 1px solid #ccc; float: left; margin-right: 15px; padding: 5px; }
.ckEditorReset img:hover { opacity: .9; filter: alpha(opacity = 90); }
.ckEditorReset .strikeThrough { text-decoration: line-through; }
.ckEditorReset .underline { text-decoration: underline; }
.ckEditorReset font { line-height: normal; }
.cke_reset textarea { max-width: none; }
/* #endregion */

/* #region --- Blog List Control --- */
.blogListControlContainer #BlogList {
    margin-top: 15px;
}

.blogListControlContainer .blogPostHeader {
    clear: both;
}

.blogListControlContainer .byLine {
    font-size: smaller;
    color: #444444;
}

.blogListControlContainer .blogPostBody {
    margin: 20px;
}

.blogListControlContainer .blogImage {
    max-height: 200px;
    max-width: 200px;
    border-radius: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}

.blogListControlContainer .blogPostFooter {
    clear: both;
    margin: 0 20px 20px 20px;
    font-weight: bold;
}

.blogListControlContainer .readMore {
    margin-top: 10px;
    margin-bottom: 10px;
}

.blogListControlContainer .blogCategoryLink {
    float: right;
}
/* #endregion */

/* #region --- Blog Post Control --- */
.blogPostContainer .submitCommentWrapper {
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 450px;
}

.blogPostContainer #AddCommentText {
    width: 180px;
    height: 120px;
}

.blogPostContainer .postHeader {
    padding: 15px;
}

    .blogPostContainer .postHeader H1 {
        margin-bottom: 0;
    }

.blogPostContainer .byLine {
    font-size: smaller;
    color: #444444;
}

.blogPostContainer .postContent {
    margin: 20px;
}

.blogPostContainer .urlRow {
    display: none;
}

.blogPostContainer .comment {
    padding: 20px;
    border-bottom: 3px dashed #CCCCCC;
}

.blogPostContainer .authorComment {
    background-color: #E3EFD1;
    padding-left: 30px;
}

.blogPostContainer .commentName {
    font-weight: bold;
}

.blogPostContainer .commentDateTime {
    display: none;
}

.blogPostContainer .commentTimeSince {
    color: #333333;
    font-size: smaller;
    margin-bottom: 7px;
}

.blogPostContainer .commentsAreModerated {
    background-color: #EEEEEE;
    border: 1px solid green;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
}

.blogPostContainer #PostNotFound {
    background-color: #EEEEEE;
    border-width: 1px 1px 1px 8px;
    border-style: solid;
    border-color: #FF0000;
    padding: 15px;
    margin-top: 7px;
    margin-bottom: 7px;
    border-radius: 10px;
}
/* #endregion */

/* #region --- ReCaptcha --- */
.recaptcha-checkbox-wrapper {
    margin-top: 7px;
    margin-bottom: 7px;
}
/* #endregion */

/* #region --- Image class --- */
.sale-view--BackgroundImage {
    background-size: cover;
    background-position: center center;
    height: 160px;
    width: 160px;
    display: inline-block;
}
/* #endregion */
