/* --- EDITOR --- */

/*gotoedit*/
	.gotoEdit a{
		background: #eae5e1;
		border-radius: 4px;
		position: relative;
	}
	.gotoEdit a:hover{
		background: #e1361f;
		color: #fff;
	}
	
/*editbutton*/
	.editButton {
		cursor: pointer;
		color: red;
	}
	.editor-back{
		position: absolute;
		top: 18px;
		right: 20px;
	}
	.editor-page #pageTitle{
		display: block;
		margin-bottom: 10px;
		width: 50%;
	}
	.editor-submit{
		float: right;
		margin-top: 10px;
	}
	.gotoEdit a{	
		padding: 5px;
		width: 90px;
		margin: 0 auto 10px;
		text-align: center;
		display: block;
	}



/*media gallery*/
	li span.ident {
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(255,255,255,0.3);
		padding: 2px 6px;
	}
	#mediaEditor ul li {
		margin: 20px auto;
	}
	#mediaEditor > ul > ul > li, .fileUploadArea > ul > li{
		width: 200px;
		min-height: 200px ;
		display: inline-block;
		float:left;
		margin: 10px 5px ;
		border: 1px dashed #ccc;
		padding: 10px 15px;
		text-align: center;
		position: relative;
	}
	#mediaEditor ul ul li.notUploaded, .fileUploadArea ul li.notUploaded{
		border-color: yellow;
		background-color: rgba(255,255,255,0.1)
	}





#mediaEditor ul ul li.uploaded, .fileUploadArea ul li.uploaded{
	border-color: green;
	background-color: rgba(109, 150, 127, 0.3);
}

#mediaEditor .addMoreImages, .addMoreImages{
	position: relative;
	text-align: center;
	vertical-align: center;
	color: #000;
	font-size: 70px;
	padding-top :131px;
	min-height: 200px ;
	height: 155px;
	border: 1px dashed #ccc;
	cursor: pointer;
	overflow: hidden;

}
#mediaEditor .addMoreImages i, .fileUploadArea .addMoreImages i{
	display: block;
	margin-top: 40px;
	font-weight: none;
	font-size: 12px;
}
#mediaEditor .addMoreImages input, .addMoreImages input{
	padding: 600px !important;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 28px;
	border: none;
	height: 181px;
}

#mediaEditor .addMoreImages:hover,.addMoreImages:hover{
	background-color: rgba(255,255,255,0.3);
}

.contentEditorButtons {
	position: fixed; 
	top: 100px;
	z-index: 999999;
	right: 0;
}

.contentEditorButtons li {
	background-color: #fff;
	border: 1px solid #ccc;
	border-right: none;
	padding: 5px 30px 5px 10px;
	margin: 5px 0;
	z-index: 9999;
}


.deleteModule, .deleteAttach {
	font-weight: bold;
	padding: 1px 5px;
	background-color: #fff;
	color: #00;
	border: 2px solid #757575;
	cursor: pointer;
}
.deleteModule:hover, .deleteAttach:hover {
	background-color: red;
	color: black;
}

#attachment li, #modules li {
	margin: 13px 0;
}

#mediaEditor textarea, .fileUploadArea textarea {
	height: 100px;
	width: 180px;
}

#mediaEditor li,  .fileUploadArea li {
	overflow:  hidden;
}
#mediaEditor img, .fileUploadArea img {
	max-width: 200px;
	max-height: 80px;
}

.centerArea{
	background: #eae5e1;
	/*width: 938px;*/
	margin: auto;
	padding: 30px 20px;
	margin-top: 20px;
}
.centerArea ol{
	padding-left: 20px;
}
.buttons button {
	background: #f3f3f3;
	color: #000;
	padding: 10px 15px;
	border-radius: 4px;
	float:left;
	border: 1px solid #ccc;
}
.buttons button:hover{
	background: #dadada;
}

.fileUploadArea .addMoreImages {
	padding-top: 51px;
}


#editableProductTree, #editableProductTree ul, #editableProductTree ol {
	list-style: none;
}
#editableProductTree ul {
	padding-left: 20px;
}
#editableProductTree li {
	padding: 2px 0;
}
#editableProductTree a {
	padding: 5px;
	display: block;
	background-color: #7BA857;
	color: #fff;
}

.ui-state-highlight, .ui-state-highlight a, .ui-state-highlight ul {
	background-color : yellow !important;
	display: block !important;
	height: 30px;
}

.ui-nestedSortable-error {
	background-color: red;
}     
.placeholder {
    background-color: #cfcfcf;
}

.ui-nestedSortable-error {
    background:#fbe3e4;
}

#serializeTreeArray {
	background-color: rgb(255, 204, 0);
	padding: 10px 25px;
	border: 1px solid #fff;
	margin-right: -1px;
}


/* Combo box */
.combobox-holder {
	position: relative;
}
.combobox-holder:hover > .combobox-selectable, .combobox-holder:focus > .combobox-selectable {
	display: block;
}
.combobox-selectable  {
	display: none;
	position: absolute;
	left: 6px;
	width: 189px;
}
.combobox-selectable > li {
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
	margin: 0 3px;
}
.combobox-selectable > li:hover {
	background-color: #F7F3CF;
}