/*
Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
*/
.pagecontent body{ /*should same as parent body!*/
font-family: sans-serif, Arial, Verdana, "Trebuchet MS";
font-size: 13px;
color: #000;
}
.cke_editable
{
font-size: 13px;
line-height: 1.6;
}
.pagecontent {
position:relative;
text-align: justify;
padding:25px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; /*fix extra padding-width*/   
width:100%;
line-height:25px;
overflow:hidden;
}
.pagecontent ol,.pagecontent ul,.pagecontent dl{
margin-left:15px;
padding: 0 20px;
}
.pagecontent ul li{
position:relative;
}
.pagecontent ul>li::after{
position:absolute;
content:'⊚';
font-size:90%;
top:0;left:-25px;
}
.pagecontent ol{
margin-left:25px;
}
.pagecontent ol>li{
list-style:decimal outside ;
}
.pagecontent blockquote{
font-style: italic;
font-family: Georgia, Times, "Times New Roman", serif;
padding: 2px 0;
border-style: solid;
border-color: #ccc;
border-width: 0;
padding-left: 20px;
padding-right: 8px;
border-left-width: 5px;
}
.pagecontent ul>li>p,.pagecontent ol>li>p{
padding:0;
}
.pagecontent h1,.pagecontent h2,.pagecontent h3,.pagecontent h4,.pagecontent h5,.pagecontent h6{
font-weight: normal;
line-height: 1.2;
}
.pagecontent hr{
border: 0px;
border-top: 1px solid #ccc;
}
.pagecontent img.right{
border: 1px solid #ccc;
float: right;
margin-left: 15px;
padding: 5px;
}
.pagecontent img.left{
border: 1px solid #ccc;
float: left;
margin-right: 15px;
padding: 5px;
}
.pagecontent p{
padding:10px 0;
}
.pagecontent table p{
padding:0;
}
.pagecontent pre{
white-space: pre-wrap; /* CSS 2.1 */
word-wrap: break-word; /* IE7 */
-moz-tab-size: 4;
-o-tab-size: 4;
-webkit-tab-size: 4;
tab-size: 4;
}
.pagecontent .marker{
background-color: Yellow;
}
.pagecontent span[lang]{
font-style: italic;
}
.pagecontent figure{
text-align: center;
border: solid 1px #ccc;
border-radius: 2px;
background: rgba(0,0,0,0.05);
padding: 10px;
margin: 10px 20px;
display: inline-block;
}
.pagecontent figure > figcaption{
text-align: center;
display: block; /* For IE8 */
}
.pagecontent a > img {
padding: 1px;
margin: 1px;
border: none;
outline: 1px solid #0782C1;
}
.pagecontent a.download{
display:inline-block;
text-align:left;
background:url(../imgs/download.png) no-repeat left 3px;
padding-left:15px;
}
.pagecontent .info-box-small{
float:right;
width:150px;
background:#EEE;
padding:10px;
margin:10px;
border:1px solid #CCC;
}
.pagecontent .info-box-large{
float:right;
width:225px;
background:#EEE;
padding:10px;
margin:10px;
border:1px solid #CCC;
}
.pagecontent .lined-list li{
padding:10px 0px;
margin:10px 0px;
border-bottom:1px dotted #AAA;
}
.pagecontent h2 {
font-size: 130%;
font-weight: bold;
color: var(--bg);
padding-bottom:10px;
padding-top:5px;
}
.pagecontent h3 {
font-size: 120%;
font-weight: bold;
color: #666;
background-color: #f8f4f0;
padding: 10px 10px;
margin-bottom: 10px;
}
.pagecontent h4 {
font-size: 110%;
font-weight: bold;
color: #201000;
}
.pageconent .boxGreyBlock{
display:block;
padding: '5px 10px';
background: '#eee';
border: '1px solid #ccc';
}
.pagecontent table,.pagecontent tbody{
border:1px solid #EDEDED;
border-radius:5px;
border-collapse:separate;
}
.pagecontent ul li.title>span,
.pagecontent table tr.title>td,
.pagecontent table.titled tr:first-child>td{
background:#EDEDED;
border-bottom:1px solid #AAA;
}
.pagecontent td{
padding:revert-layer;
border-color:#BBB;
text-align:left;
}
.pagecontent img.right
{
border: 1px solid #ccc;
float: right;
margin-left: 15px;
padding: 5px;
}
.pagecontent img.left
{
border: 1px solid #ccc;
float: left;
margin-right: 15px;
padding: 5px;
}
.pagecontent pre
{
white-space: pre-wrap; /* CSS 2.1 */
word-wrap: break-word; /* IE7 */
-moz-tab-size: 4;
-o-tab-size: 4;
-webkit-tab-size: 4;
tab-size: 4;
}
.pagecontent .marker
{
background-color: Yellow;
}
.pagecontent span[lang]{
font-style: italic;
}
.pagecontent figure{
text-align: center;
border: solid 1px #ccc;
border-radius: 2px;
background: rgba(0,0,0,0.05);
padding: 10px;
margin: 10px 20px;
display: inline-block;
}
.pagecontent figure > figcaption{
text-align: center;
display: block; /* For IE8 */
}
.pagecontent a > img {
padding: 1px;
margin: 1px;
border: none;
outline: 1px solid #CCC;
}
.pagecontent table.superfluid{
display:block;
}
.pagecontent table.superfluid tr,
.pagecontent table.superfluid tr td,
.pagecontent table.fluid tr td{
display:inline-block;
min-width:300px;
vertical-align:top;
}
.stacked-gallery{
display:flex;
flex-direction:column;
}
.stacked-gallery li{
width:100%;
position:relative;
/*padding-bottom:75%;*/
margin:2px 0;
}
.stacked-gallery li::after{
display:none;
}
.stacked-gallery img{
width:100%;
height:auto;
object-fit:cover;
/*
height:100%;
position:absolute;*/
}
.ck .stacked-gallery li{
padding-bottom:0;
}
.ck .stacked-gallery li::after{
display:inline-block;
}
.ck .stacked-gallery .image-inline{
width:100%;
}
.ck .stacked-gallery img{
width:100%;
height:auto;
object-fit:contain;
position:relative;
}
.twocolumn-gallery{
display:flex;
flex-direction:row;
flex-wrap:wrap;
}
.twocolumn-gallery li{
flex:1 1 50%;
padding:0 5px;
}
.twocolumn-gallery li::after{
display:none;
}
.twocolumn-gallery img{
width:100%;
}
table[align=center]{
margin:0 auto;
}

#courses>table{
border:none;
}
#courses>table>tr,#courses>table>tbody>tr{
display:flex;
flex-wrap:wrap;
}
#courses>table>tr>td,#courses>table>tbody>tr>td{
border:1px solid #EFEFEF;
border-radius:10px;
flex:1 1 150px;
position:relative;
}
#courses h3{
color:var(--bright1);
background:0;
padding:10px 0;
font-size:150%;
}
#courses h4{
position:absolute;
right:10px;
font-size:85%;
}
img.profilePhoto,.profilePhoto img{
border-radius:4px;
}


@media screen and (max-device-width:650px){ /* phone */
.pagecontent {
padding:10px;
}
.pagecontent figure{
margin:10px 0;
}
.pagecontent ol,.pagecontent ul,.pagecontent dl{
padding: 0 15px;
}
.pagecontent ul{
margin-left:10px;
}
.pagecontent .overflow{
position:static;overflow:auto;
}
.pagecontent .overflow .signal{
position:absolute;z-index:9555;right:0;background:url(../imgs/more_arrow.gif) no-repeat;width:25px;height:25px;
}
.pagecontent table{
display:block;
overflow-y:scroll;
}
.pagecontent tbody{
border:none;
}
.pagecontent table.superfluid tr,
.pagecontent table.superfluid tr td,
.pagecontent table.fluid tr td{
display:block;
}
#courses>table{
width:100%;
}
#courses>table>tbody{
display:block;
border:none;
}
#courses>table>tr,#courses>table>tbody>tr{
flex-direction:column;
}
#courses>table>tr>td,#courses>table>tbody>tr>td{
flex:1 1 100%;
}

}