@import url(periscope.css);

body#tinymce { background:white }
body.FoldEdit { background:white }

.tinymce p { margin-top:3px; margin-bottom:1.25em;}
.tinymce h1, .tinymce h2, .tinymce h3, .tinymce h4, .tinymce h5, .tinymce h6 { float: none; width:auto; border: none; background: none; }
.tinymce h1 { border:0; margin:1em 0 1em; padding:0; font-weight:bold; font-size:150%; }
.tinymce h2 { border:1px solid #AAA; border-width:1px 0; margin:1em 0 1em; padding:3px 0; font-weight:bold; font-size:130%; }
.tinymce h3 { border:1px solid #AAA; border-width:0 0 1px; margin:0 0 .5em; padding:3px 0 4px; font-weight:bold; font-style:normal; font-size:115%; }
.tinymce h4 { border:0; margin:0 0 .6em; padding:3px 0 2px; font-weight:bold; font-style:normal; font-size:110%; }
.tinymce h5 { border:0; margin:1em 0 1em; padding:0; font-weight:bold; font-style:italic; font-size:100%; }
.tinymce h6 { border:0; margin:1em 0 1em; padding:0; font-style:italic; text-decoration:underline; font-size:100%; font-weight:normal }

.tinymce pre, .tinymce ul, .tinymce ol, .tinymce blockquote { margin-top:1em; margin-bottom:1.25em; width:auto; }
.tinymce ul, .tinymce ol { margin-top: .5em; margin-left: 3em; }
.tinymce ul ul, .tinymce ul ol, .tinymce ol ul, .tinymce ol ol { margin-top:0; margin-bottom:0; width:auto; }
.tinymce pre { padding:1em; background:#F6F6F6; border:1px dashed #777; font-family: monospace; min-width:275px; }
.tinymce pre pre { border:none; margin-top:0; margin-bottom:0; }
.tinymce hr { color:#AAA; background:#AAA; }
.tinymce img { margin-bottom: .5em; }

.tinymce td ul, .tinymce td ol { margin-left: 1.35em; margin-top:0; margin-bottom:0; margin-right:0; }
.tinymce td li { margin:0;padding:0;margin-bottom:.5em; }

.tinymce table {
	margin:.5em 0 .7em;
	/*background:#F9F9F9;*/
	border:1px solid #AAA;
	border-collapse:collapse;
}
.tinymce table.tableMCEFixed {
	table-layout:fixed;
}
.tinymce table.tableMCEBorderless {
	border:none;
}
.tinymce table.tableMCEFixedBorderless {
	table-layout:fixed;
	border:none;
}
.tinymce table.tableMCEBorderless th, .tinymce table.tableMCEBorderless td, .tinymce table.tableMCEFixedBorderless th, .tinymce table.tableMCEFixedBorderless td {
	border:none;
}
.tinymce th {
	/*background:#F2F2F2;*/
	text-align:center;
	vertical-align:top;
	border:1px solid #AAA;
	padding:6px;
}
.tinymce td {
	vertical-align:top;
	border:1px solid #AAA;
	padding:6px;
}
.tinymce table caption {
	padding:0;
	text-align:center;
	font-size:larger;
	margin-left:inherit;
	margin-right:inherit;
}
.tinymce td p {
	margin-top:0;
}
.tinymce table th p, .tinymce table td p { margin-left:0; margin-right:0 }
.tinymce table th p:first-child, .tinymce table td p:first-child { margin-top:0; }
.tinymce table th p:last-child, .tinymce table td p:last-child { margin-bottom:0; }
.tinymce table th h5:first-child, .tinymce table td h5:first-child { margin-top:3px; }
.tinymce table th h5:last-child, .tinymce table td h5:last-child { margin-bottom:3px; }

.tinymce img.ImgLeftFloat {
	float:left;
	margin:0 10px .5em 0;
}
.tinymce img.ImgRightFloat {
	float:right;
	margin:0 0 .5em 10px;
}

.tinymce div.RightBox {
	float:right;
	clear:right;
	margin-bottom:0.5em;
	margin-left:1em;
	padding:0.2em;
	border:1px solid #AAA;
	background:#F9F9F9;
	color:black;
}

.tinymce .code {
	background: url(http://www.compphysicsed.org/img/code_bg.png) repeat left top;
	border: 1px solid #cccccc;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	overflow: auto;
	width: 100%;
}

.tinymce .code li {
	color: #669933;
	font-family: "Consolas", "Courier New", Courier, mono;
	white-space: pre;
	line-height: 24px;
	padding: 0px;
}

.tinymce .code { counter-reset: li; }

.tinymce .code li:before {
	counter-increment: li;
	content: counter(li) ". ";
	background: #ececec;
	border-right: 1px solid #cccccc;
	color: #555555;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 40px; /* minumum line height = 24, smaller causes white border issue */
	margin-right: 20px;
	padding-right: 5px;
	text-align: right;
	width: 50px;
}

.tinymce .code li:empty { display: none; }
.tinymce .code li:nth-child(odd) { background: #ffffff; }
.tinymce .code li:nth-child(even) { background: #fafafa; }
.tinymce .code .odd { background: #ffffff; }
.tinymce .code .even { background: #fafafa; }

.tinymce .grid4wrapper { display: grid; grid-template-columns: 24% 24% 24% 24%; grid-gap: 1%; box-sizing: border-box; margin-bottom:1em }
.tinymce .grid3wrapper { display: grid; grid-template-columns: 32% 32% 32%; grid-gap: 2%; box-sizing: border-box; margin-bottom:1em }
.tinymce .grid2wrapper { display: grid; grid-template-columns: 48.5% 48.5%; grid-gap: 3%; box-sizing: border-box; margin-bottom:1em }
.tinymce .gridbox { color: black; padding: 1em; border:1px solid black; box-sizing: border-box; }
.sectionText .grid2wrapper, .sectionText .grid3wrapper, .sectionText .grid4wrapper { margin-left: -1.9em }
.sectionText .grid2wrapper .grid2wrapper, .sectionText .grid2wrapper .grid3wrapper, .sectionText .grid2wrapper .grid4wrapper, .sectionText .grid3wrapper .grid2wrapper, .sectionText .grid3wrapper .grid3wrapper, .sectionText .grid3wrapper .grid4wrapper, .sectionText .grid4wrapper .grid2wrapper, .sectionText .grid4wrapper .grid3wrapper, .sectionText .grid4wrapper .grid4wrapper { margin-left: 0 }
.tinymce .gridbox p:first-of-type { margin-top:0 }
.tinymce .gridbox p:last-of-type { margin-bottom:0 }
.tinymce .grid2wrapper .grid2wrapper:last-of-type, .tinymce .grid2wrapper .grid3wrapper:last-of-type, .tinymce .grid2wrapper .grid4wrapper:last-of-type, .tinymce .grid3wrapper .grid2wrapper:last-of-type, .tinymce .grid3wrapper .grid3wrapper:last-of-type, .tinymce .grid3wrapper .grid4wrapper:last-of-type, .tinymce .grid4wrapper .grid2wrapper:last-of-type, .tinymce .grid4wrapper .grid3wrapper:last-of-type, .tinymce .grid4wrapper .grid4wrapper:last-of-type { margin-bottom:0 }

.tinymce div.personQuoteLeft { font-size: 18pt; background: #F3F3F3; width: calc(100% - 250px); min-width:150px; float: right; border: 1px solid gray; padding: 10px; border-radius: 10px; position:relative; margin-bottom:1em; clear:both }
.tinymce div.personQuoteRight { font-size: 18pt; background: #F3F3F3; width: calc(100% - 250px); min-width:150px; float: left; border: 1px solid gray; padding: 10px; border-radius: 10px; position:relative; margin-bottom:1em; clear:both }
.tinymce div.personQuoteLeft::before { content:""; position: absolute; width: 220px; height: 220px; background: transparent url('/services/images/leftHeadQuote.png') no-repeat; left: -220px; background-size: contain; }
.tinymce div.personQuoteRight::before { content:""; position: absolute; width: 220px; height: 220px; background: transparent url('/services/images/rightHeadQuote.png') no-repeat; background-size: contain; right:-220px;}
.tinymce div.personQuoteRight + *, .tinymce div.personQuoteLeft + * {clear:both}

body.tinymce { background:white!important }
body.tinymce { margin-left:3px!important }
body.tinymce.sectionText .grid2wrapper, body.tinymce.sectionText .grid3wrapper, body.tinymce.sectionText .grid4wrapper { margin-left: 0 }
.tinymce .sectionText .gridbox h3, .tinymce.sectionText .gridbox h3 { background:none; margin-top:1em; font-weight:bold; font-size:105%; margin-bottom:.6em; border-bottom:none;  }
.tinymce h4 { font-size: 100%;}
.tinymce .gridbox{ border-radius:5px; }
.tinymce .gridbox h3:first-child { margin-top:0 }