section#contentarea {width:100%; margin-top:20px;}
section#contentarea button {font-size:11pt; padding:8px;}
section#contentarea button:disabled, button[disabled]{background-color: #cccccc; color: #000000; cursor: default; padding:8px; background:none; border:1px solid #cecece; }

section#contentarea	#create_blocks {}
section#contentarea	#add_select_button {}
section#contentarea	#add_select_button select {width:auto}
section#contentarea	#add_select_button #export_data {display:none; margin:20px 0 20px 0;}
section#contentarea	#add_select_button #export_data textarea {min-height:300px;}			 
section#contentarea	 #add_select_button #show_export_data {margin-bottom:20px;}
	
section#contentarea	#constructor {margin-top:20px;}
section#contentarea	#constructor #addContentBl {text-align:left;}
section#contentarea	#constructor a#addLoadForm{display:none; color:#336699; margin-bottom:10px; padding:5px;}
section#contentarea	#constructor a#addLoadForm:hover{color:#ff0000;}
section#contentarea	#show_result {outline:1px dashed #cecece; min-height:90px; background:#ffffff; padding:2%; margin-top:20px;  margin-bottom:20px;}

section#contentarea	form#add {margin-bottom:20px; text-align:right;}	

section#contentarea #show_result h1 {font-size:22px; margin-bottom:10px; font-weight:lighter; border:none;}
section#contentarea #show_result h2 {font-size:18px; margin-bottom:10px; font-weight:lighter;}
section#contentarea #show_result h3 {font-size:16px; margin-bottom:10px; font-weight:bolder;}
section#contentarea #show_result p {margin-bottom:10px;}
section#contentarea #show_result blockquote {background: #f9f9f9; border-left: 10px solid #ccc; margin:10px 0 10px 0; padding:10px;}
section#contentarea #show_result iframe {margin-bottom:10px;}
section#contentarea #show_result img {margin:10px 0 10px 0; }

section#contentarea #show_result ul, ol {margin:10px 10px 10px 35px;}
section#contentarea #show_result ul {list-style-type:disc;}
section#contentarea #show_result figure.horizontal img{display: block;} 
section#contentarea #show_result figure.horizontal figcaption {color:#333333; display: block;}

section#contentarea #show_result figure.vertical img{float:left; width:380px; display: block;} 
section#contentarea #show_result figure.vertical figcaption {float:left; color:#333333; width:400px; display: block; padding-top:10px; margin-left:20px; font-size:10pt;}  

section#contentarea .edit {padding:2px;}
section#contentarea .edit:hover{outline:1px dashed #40b340; cursor:pointer;}
section#contentarea .edit .action_block{display:none; z-index:10000;}
section#contentarea .edit:hover .action_block{display:block; text-align:right; position:absolute; right: 25px;}

section#contentarea .action_block a.up {color:#ffffff; font-size:9pt; background:#40b340; padding:4px;}
section#contentarea .action_block a.down {color:#ffffff; font-size:9pt; background:#40b340; padding:4px;}
section#contentarea .action_block a.up:hover {color:#ffffff; background:#666666;}
section#contentarea .action_block a.down:hover {color:#ffffff; background:#666666;}
section#contentarea .action_block a.remove {color:#ffffff; font-size:9pt; background:#ff0000; padding:4px;}
section#contentarea .action_block a.remove:hover {color:#ffffff; background:#cecece;}

section#contentarea .hide	{display:none;}
section#contentarea .clear {clear:both;}

section#contentarea #formatter {
	margin:10px 0 10px 0;
	position: sticky;
	top: 0;
}

section#contentarea  #formatter .toolbar {
	padding:10px;
	background:#cecece;
}

section#contentarea #formatter .toolbar button{
	font-size:10pt;
}