/**
 * Content-area styling for CKEditor's editing area (backlog #65, phase 3).
 *
 */

.ck-content {
    font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #4D4D4D;
}

.ck-content h1 {}
.ck-content h2 {}
.ck-content h3,
.ck-content h4,
.ck-content h5,
.ck-content h6 {
    font-weight: bold;
}
.ck-content h3 {    font-size: 1.6em;   line-height: 130%;  margin: 10px 0;     }
.ck-content h4 {    font-size: 1.4em;   line-height: 120%;  margin: 10px 0;     }
.ck-content h5 {    font-size: 1.2em;   line-height: 110%;  margin: 10px 0;     }
.ck-content h6 {    font-size: 1.1em;   line-height: 100%;  margin: 10px 0;     }

.ck-content p,
.ck-content span,
.ck-content a {  line-height:130%;	}

.ck-content a {         text-decoration: none;      color: #40A0C0;    }
.ck-content a:hover {   text-decoration: underline; color: #298CAD;    }
.ck-content a:active {  outline: none; }
.ck-content a:focus {   outline: none; }
.ck-content a img {     border: none; }

.ck-content .image img,
.ck-content img {
    max-width: 50%;
    max-height: 500px;
    height: auto;
    margin: 0 0 0 0;
}

.ck-content .image-inline img {
    max-width: 50% !important;
}

.ck-content img.left,
.ck-content figure.image.left,
.ck-content .image-inline.left {
    float: left;
    max-width: 50%;
    margin: 0 15px 15px 0;
}
.ck-content figure.image.left img,
.ck-content .image-inline.left img {
    width: 100%;
    max-width: 100% !important;
}
.ck-content img.right,
.ck-content figure.image.right,
.ck-content .image-inline.right {
    float: right;
    max-width: 50%;
    margin: 0 0 15px 15px;
}
.ck-content figure.image.right img,
.ck-content .image-inline.right img {
    width: 100%;
    max-width: 100% !important;
}
.ck-content img.fullWidth,
.ck-content figure.image.fullWidth,
.ck-content .image-inline.fullWidth {
    width: 100%;
    max-width: 100%;
    margin: 15px 0;
}
.ck-content .image.fullWidth img,
.ck-content figure.image.fullWidth img,
.ck-content .image-inline.fullWidth img {
    width: 100%;
    max-width: 100% !important;
}

.ck-content .image.image_resized img,
.ck-content img.image_resized {
    max-height: none;
    max-width: none;
}

.ck-content .image-inline.image_resized img {
    width: 100%;
    max-height: none;
    max-width: none !important;
}

.ck-content::after {
    content: '';
    display: block;
    clear: both;
}

.ck-content table {
    width:100%;
}
.ck-content th,
.ck-content td {
    padding: 2px;
}
.ck-content th,
.ck-content thead td {
    background-color: #EFEFEF;
    font-weight: bold;
    text-align: left;
}
.ck-content td {
    vertical-align: top;
}
.ck-content td li {
    list-style-type: none;
}

/* Outside markers: CKEditor wraps list-item text in a block element, which
   pushes an inside marker onto its own line above the text. */
.ck-content ul {
    padding-left: 1.5rem;
    list-style-position: outside;
}

.ck-content hr,
.ck-content p,
.ck-content ol,
.ck-content ul,
.ck-content table {
    clear:both;
}

.ck-content blockquote {
    border-left: 5px solid #40A0C0;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 10px;
}

.ck-content blockquote p {
    font-size: 14px;
}

.ck-content blockquote p:first-child {
    margin-top:0;
}