.preview {
	min-height:40pt;
	min-width:300pt;
	width:49%;
	float:left;
	font: normal 12pt "Times New Roman", Times, serif;
	text-indent: 48pt;
	border: 1px solid black;
	min-height:150pt;
}

.preview #paper {
	user-select:all;
}

.header {
	width:100%;
	height:130px;
}

.headRight {
	float:right;
	width:50%;
}

hr {
	margin:0.5em 0;
	border-top: 2px solid #ffc000;
	color:#ffc000;
	clear:both;
}

.announcements {
	//float:left;
	height:120px;
	//max-width:450pt;
}
.login {
	float:right;
	height:120px;
	max-width:300px;
	border:0;
}

.logobox {
	float: left;
	height: 128px;
}
.logobox img {
	height: 90px;
}

.schoolbox {
	float: left;
	height: 128px;
	width:	400px;
	text-align:center;
}
.schoolbox img {
	height: 128px;
}

.moremenu {
	clear:right;
	float:right;
	//width:50%;
}

.mainMenu {
	//float:right;
	//width:100%;
	margin-right:0;
}

.mainMenu {
	position: sticky;
	top: 0;
	Z-index:1000;
	//padding: 10px 16px;
	background: white;
	//color: #f1f1f1;
}

H1 {
	align:center;
}

#body {
	width:100%;
	clear:both;
}

.editor H1 {
	border: 1px solid black;
	min-height:20pt;
	min-width:300pt;
	max-width:600pt;
}
H2 {
	align:left;
}

.editor {
	max-width:50%;
	float:right;
	font: 10pt Arial, sans-serif;
}

.editor .editContainer {
	display:block;
	min-width:400pt;
	max-width:640pt;
	width:100%;
	border: 1px solid black;
	font: normal 12pt "Times New Roman", Times, serif;
	float:INLINE-START;
	background-color:#fff;
}

.editor p {
	margin-top:0;
	margin-bottom:0;
}
.subEdit {
	margin-left:20pt;
}

.editor .newThesisParts {
	float:left;
}

.editor .referencesTool {
	float:left;
}

.editor .thesisParagraph {
	display:block;
	float:left;
}

.editor .OID {
	float:left;
	min-width:24pt;
	min-height:20pt;
	border: 1px solid black;
}

.editor .thesisSections {
	max-width:900pt;
	display:block;
	margin-left:30pt;
}

.editor .thesisSection {
	float:INLINE-START;
	background-color:#fff;
}

.editor .section {
	display:block;
	min-width:300pt;
	max-width:600pt;
	min-height:20pt;
	//border: 1px solid black;
	float:left;
}

.editor .abstractSection {
	display:block;
	min-width:300pt;
	max-width:600pt;
	min-height:20pt;
	float:left;
	background-color:#ddd;
}

.editContainer a {
	display:inline-block;
	//background:#ccc;
	color:#000;
	padding: 5px;
	border: 1px solid black;
	border-radius:5px;
	text-decoration:none;
}

.button {
	display:inline-block;
	color:#000;
	padding: 5px;
	border: 1px solid black;
	border-radius:5px;
	cursor:pointer;
	text-decoration:none;
}

#preview .button {
	background-color:#ccc;
}

.menuButton {
	!float:right;
	display:inline-block;
	color:#000;
	padding: 5px;
	border: 1px solid black;
	border-radius:4px;
	cursor:pointer;
	text-decoration:none;
	min-width:140px;
	text-align:center;
}

.mainMenu a {
	display:inline-block;
	background:#ddd;
	color:#000;
	padding: 5px;
	border: 1px solid black;
	border-radius:4px;
	text-decoration:none;
	min-width:140px;
	text-align:center;
}

#fileLoad {
	display:none;
}

.controltoggle {
	display:inline-block;
	//min-width:140px;
	margin-right:20px;
}

.footmenu a {
	display:inline-block;
	background:#ddd;
	color:#000;
	padding: 5px;
	border: 1px solid black;
	border-radius:10px;
}


.paragraphTool {
	width:100pt;
}
.section {
	min-height:20px;
}
.intro {
	min-height:20px;
	background-color:#8888ff;//#5983b0;
}
.intro span {
	background-color:#8888ff;
}

.main_theme {
	min-height:20px;
	background-color:#b2b2b2;
}

.thesis {
	min-height:20px;
	background-color:#aaaaaa;//#999999;
}
.thesis span {
	background-color:#aaaaaa;
}

.analysis {
	min-height:20px;
	background-color:#ffffa6;
}
.analysis span {
	background-color:#ffffa6;
}

.support {
	min-height:20px;
	background-color:#77bc65;
}
.support span {
	background-color:#77bc65;
}

.leadout {
	min-height:20px;
	background-color:#ff8888;//#ff3838;
}
.leadout span {
	background-color:#ff8888;//#ff3838;
}

.socialchange {
	min-height:20px;
	background-color:#ff88FF;
}
.socialchange span {
	background-color:#ff88FF;
}

.noColor span {	background-color:white;	}

.intro .notintro {	display:none;	}
.main_theme .notmain_theme {	display:none;	}
.thesis .notthesis {	display:none;	}
.analysis .notanalysis {	display:none;	}
.support .notsupport {	display:none;	}
.leadout .notleadout {	display:none;	}

.hide	{	display:none;	}
.hide .intro .dointro	{	display:inline;	}
.hide .main_theme .domain_theme	{	display:inline;	}
.hide .thesis .dothesis	{	display:inline;	}
.hide .analysis .doanalysis	{	display:inline;	}
.hide .support .dosupport	{	display:inline;	}
.hide .leadout .doleadout	{	display:inline;	}
.mainMenu .hide	{	display:none;	}

.mainMenu a.Editing {display:none;}
.mainMenu a.Previewing {display:none;}
.mainMenu.isEditing .Editing {display:inline-block;}
.mainMenu.isPreviewing .Previewing {display:inline-block;}

.editContainer	{
	.introOnly {	display:none;	}
}
.editContainer .intro	{
	.introOnly {	display:inline;	}
}
.editContainer	{
	.thesisOnly {	display:none;	}
}
.editContainer .thesis	{
	.thesisOnly {	display:inline;	}
}
.editContainer	{
	.analysisOnly {	display:none;	}
}
.editContainer .analysis	{
	.analysisOnly {	display:inline;	}
}
.editContainer	{
	.leadoutOnly {	display:none;	}
}
.editContainer .leadout	{
	.leadoutOnly {	display:inline;	}
}
.editContainer	{
	.supportOnly {	display:none;	}
}
.editContainer .support	{
	.supportOnly {	display:inline;	}
}
.editContainer	{
	.socialchangeOnly {	display:none;	}
}
.editContainer .socialchange	{
	.socialchangeOnly {	display:inline;	}
}


.edittool {
	!width:300pt;
	!float:right;
	float:INLINE-END;
}

.fright {
	float:right;
}

.footer {
	clear:both;
	width:100%;
}

.dropdown {
	position: relative;
	min-width:200pt;
	z-index:100;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 130px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 16px;
}

.dropdown-menu {
	right:0;
	top:30px;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.mainMenu .loggedin {
	color: #ccc;
}

.isloggedin {
	.loggedin {	color:black;	}
}

.mainMenu .isDirty {
	color: #ccc;
}

.buttons {
	float:left;
	width:480px;
	margin-bottom:0.5em;
}

.toggles {
	float:right;
	!clear:right;
}

.status {
	float:left;
}

.dirty {
	.isDirty {	color:black;	}
}

.dirty .notDirty {
	color: #ccc;
}

.dirty .editedOn {	background-color:#f88; }

.placeholder {
	background-color: #f00;
}

.mainMenu a.placeholder {
	background-color: #f00;
}


.condensed .condensible {	display:none;	}

.condensed .intro {	display:none;	}
.condensed .support {	display:none;	}
.condensed .analysis {	display:none;	}
.condensed .leadout {	display:none;	}
.condensed .socialchange {	display:none;	}

.condensed .edittool {	display:inline;	}
.condensed .edittool a .condensible {	display:none;	}

.masterCondensed {
	.condensible {	display:none;	}
	.intro {	display:none;	}
	.support {	display:none;	}
	.analysis {	display:none;	}
	.leadout {	display:none;	}
	.socialchange {	display:none;	}
}

.edittool {
	.invcondensible{
		display:none;
	}
}

.condensed {
	.invcondensible {
		display: inline-block;
	}
}

.supportCondensed {
	.supportP {
		.condensible	{	display: none;	}
		.edittool {	display:none;	}
	}
}

.editor.supportCondensed .supportL1::before{	content:none;	}
.supportCondensed .supportL1 {
		div{display: none;}
		span{display:none;}
		.thesisSections	{	display:block;	}
		.thesis {	display:inline-block;	border-width:0px;	}
		.section { display:inline;	}
	}
	.supportL2	{	display: none;	}
	.supportL3	{	display: none;	}
	.supportL4	{	display: none;	}
	.supportL5	{	display: none;	}
}

.supportP {
	margin-left:48pt;
}

.editor {
	.supportL1 {	margin-left:40pt;	}
	.supportL2 {	margin-left:80pt;	}
	.supportL3 {	margin-left:120pt;	}
	.supportL4 {	margin-left:160pt;	}
	.supportL5 {	margin-left:200pt;	}
	.supportL6 {	margin-left:240pt;	}
}

.supportL3 .newSupport { display:none;	}
.supportL4 .newSupport { display:none;	}
.supportL5 .newSupport { display:none;	}

.editor .thesisParagraph {
	position:relative;
}
.editor .supportL1::before {
	content:url(img/indent.png);
	position:absolute;
	left:-50px;
}
.editor .supportL2::before {
	content:url(img/indent.png);
	position:absolute;
	left:-50px;
}
.editor .supportL3::before {
	content:url(img/indent.png);
	position:absolute;
	left:-50px;
}
.editor .supportL4::before {
	content:url(img/indent.png);
	position:absolute;
	left:-50px;
}

.hideLinkage .supportL1::before { content:none;	}
.hideLinkage .supportL2::before { content:none;	}
.hideLinkage .supportL3::before { content:none;	}
.hideLinkage .supportL4::before { content:none;	}
.hideLinkage .supportL5::before { content:none;	}

.reference span {
	background-color:#8f0;
}

.editor .references {
	width:100%;
	min-height:24pt;
	clear:both;
}

.reference {
	min-height:16pt;
	!background-color:#8f0;
}

.editor .referenceNote {
	width:100%;
	min-height:20pt;
	background-color:#8f0;
	display:inline-block;
}

.editor .referenceShort1 {
	width:40%;
	min-height:20pt;
	background-color:#8f0;
	display:inline-block;
}

.editor .referenceShort2 {
	width:40%;
	min-height:20pt;
	background-color:#8f0;
	display:inline-block;
}

.preview .referenceShort1 { display:none;	}
.preview .referenceShort2 { display:none;	}

.supportPOnly {	display:none;	}
.supportL1 {
	.supportPOnly {	display:inline-block;	}
}
.supportL2 {
	.supportPOnly {	display:inline-block;	}
}
.supportL3 {
	.supportPOnly {	display:inline-block;	}
}
.supportL4 {
	.supportPOnly {	display:inline-block;	}
}

.wrapfiles {
	position:relative;
	height:0px;
	margin-top:-18px;
}
.filebox {
	position:absolute;
	z-Index:50;
	background-color:white;
	border:2px solid black;
	margin:20px;
	padding:20px;
}

#fileStatus {
	background-color:#88f;
}

#fileStatus.fileNamed {
	background-color:#8f8;
}

#fileStatus.fileNamed .dirty{
	background-color:#ff8;
}

#fileStatus.dirty{
	background-color:#ff8;
}

.fileNamed {
	#fileStatusLocal {display:none;}
	#fileStatusServer {display:inline;}
}

#fileStatusServer{
	display:none;
}

#fileStatusDirty {display:none;}
.dirty {
	#fileStatusDirty{display:inline;}
}

.saving .onSaving {
	background-color:#ff0;
}

.previewPane .preview {
	float:none;
	margin-left: auto;
	margin-right: auto;
}
.editPane .editor {
	float:none;
	margin-left: auto;
	margin-right: auto;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* Add dots under the hoverable text */
  cursor: pointer;
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden; /* Hidden by default */
  width: 130px;
  background-color: #ffff88;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1; /* Ensure tooltip is displayed above content */
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}