/* DEFAULTS */






.clear{
	clear:both;
}

/*
input, textarea{
	display: block;
}
*/

.hr {
    height: 1px;
    background: #c1c1c1;
    margin: 2px 5px;
}
.ui.button a {
    color: #fff;
}
/* Editor */
section.editor{
	width:1100px;
	margin:0 auto;
}
	section.editor form{
		width:854px;
		float:left;
	}

	section.editor form section.editor_droppable{
		min-height: 300px;
		padding-bottom: 300px;
	}

		section.editor form section.editor_block{
/* 			background: linear-gradient(135deg, #f2f6f8 0%,#b5c6d0 100%,#e0eff9 100%); /*vcreated from www.colorzilla.com/gradient-editor/ */
			border-radius: 4px;
			margin: 8px;
			width:838px;
			    padding: 10px;
		}

			section.editor form section.editor_block header{
/* 				background: #e2eaf1; */
/* 				width:838px; */
				border-top-left-radius: 4px;
				border-top-right-radius: 4px;
				cursor: move;
/*
				padding: 10px;
				margin-bottom: 20px;
*/
			}
			
			section.editor section.editor_droppable section.editor_block div.editor_block_label {
				float: left;
				width: 165px;
				margin-left: 5px;
			}

			section.editor section.editor_droppable section.editor_block div.editor_block_feild {
				float: left;
			}

			section.editor section.editor_droppable section.editor_block footer {
				clear:both;
				height:5px;
			}

		section.editor section.editor_droppable div.editor_block_gallery_add_image{
/*     		margin-left: 174px; */
		}

	section.editor div.editor_toolbox_container{
		float:right;
		width:230px;
	}

	section.editor aside.editor_frm_controls {
		border-radius: 4px;
		min-height: 50px;
		margin:8px;
	}

		section.editor aside.editor_frm_controls div.editor_frm_ctrls_item {
/*
			border-radius: 5px;
			width: 60px;
			height: 60px;
			text-align: center;
			font-size: 20px;
			line-height: 50px;
			padding:5px;
			background-color:#ccc; */
			margin:5px;
			float:left;
		}

		section.editor aside.editor_frm_controls header{
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-bottom:#CCC 1px solid;
			text-align: center;
		}

	section.editor aside.editor_toolbox{
		border-radius: 4px;
		min-height: 50px;
		margin:8px;
	}

		section.editor aside.editor_toolbox header{
/* 			background: #e0eff9; */
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-bottom:#CCC 1px solid;
			text-align: center;
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item {
			border-radius: 5px;
			width: 100px;
			height: 100px;
/* 			background-color: rgba(231, 237, 241, 0.4); */
			text-align: center;
			font-size: 14px;
			line-height: 18px;
			margin-bottom: 2px;
			margin-top: 12px;
			padding:5px;
			background: center top no-repeat;
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item:hover{
			background-color: rgba(0, 237, 241, 0.5);
			cursor:default;
		}
	
		section.editor aside.editor_toolbox div.editor_toolbox_item:nth-child(odd){
			float:left;	
			background-size: 60%;
			background-color: #e9eaea;
			background-position: 50% 30%;
			    border: solid 1px #c1c1c1;
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item:nth-child(even){
			float:right;
			background-size: 60%;
			background-color: #e9eaea;
			background-position: 50% 30%;
			    border: solid 1px #c1c1c1;
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item span{
			margin-top:70px;
			display:block;
		}
	
		section.editor aside.editor_toolbox div.editor_toolbox_item.two_col{
			background-image:url(/images/editor-icons/column-text@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.one_col{
			background-image:url(/images/editor-icons/text-box@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.half_col{
			background-image:url(/images/editor-icons/narrow-text@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.short_quote{
			background-image:url(/images/editor-icons/short-quote@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.page_break{
			background-image:url(/images/editor-icons/page-break@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.video{
			background-image:url(/images/editor-icons/video@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.small_image{
			background-image:url(/images/editor-icons/small-image@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.large_image{
			background-image:url(/images/editor-icons/image@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.image_gallery{
			background-image:url(/images/editor-icons/gallery@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.long_quote{
			background-image:url(/images/editor-icons/long-quote@2x.png);
		}

		section.editor aside.editor_toolbox div.editor_toolbox_item.audio{
			background-image:url(/images/editor-icons/audio2x.png);
		}
				
		section.editor .editor_frm_ctrls_item.save {
/* 			background-image:url(/images/editor-icons/save@2x.png); */
		}
		.editor_frm_ctrls_item.save {
			background: center top no-repeat;
			background-size: 100%;
		}
		section.editor .editor_frm_ctrls_item.reset {
/* 			background-image:url(/images/editor-icons/reset@2x.png); */
		}
		
				.editor_frm_ctrls_item.reset {
			background: center top no-repeat;
			background-size: 100%;
		}
		
		section.editor .editor_frm_ctrls_item.preview {
/* 			background-image:url(/images/editor-icons/preview@2x.png); */
		}
		
			.editor_frm_ctrls_item.preview {
			background: center top no-repeat;
			background-size: 100%;
		}

/* *****Fletch **** */

.ui.header>.icon {
    opacity: .8;
    font-size: 1.2em;
    }
.ui.checkbox .box, .ui.checkbox label {
    margin: 10px 0;
    }
 .ui.header:last-child {
    margin-bottom: 10px;
}
.ui.button {
	margin: .5em .25em 0 0;
	}   


.delBtn {
    float: right;
    width: 30px;
    height: 30px;
	cursor:default;
}

.content {
    float: left;
}

i.move.icon {
    float: left;
}
/*
.ui.label {
    background-color: transparent;
    }
*/
.editor_block {
    background-color: #e2eaf1;
}
/* Tooltip container */
.tooltip {
    position: relative;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
	font-size: 14px;
    line-height: initial;
    background-color: #22618c;
    color: #fff;
    text-align: center;
    padding: 5px 5px;
    border-radius: 6px;
	opacity: .7;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    width: 63px;
        bottom: 25%; 
     left: 50%; 
    margin-left: -32px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}