/*=====================================================================================================================/
	Menu
/=====================================================================================================================*/

.creator .menu
{
	z-index: 60002;
	position: relative;
	height: 60px;
	background: #d6d6d6 url('https://www.enatimedia.com/images/menu/menu-background.png') repeat-x left top;
	overflow: hidden;
	min-width: 1150px;	
}



.creator .normal-menu
{
	display: block;
}
.creator .preview-menu
{
	display: none;
}
.creator .demo-menu
{
	display: none;
}
.creator.preview .normal-menu
{
	display: none;
}
.creator.preview .preview-menu
{
	display: block;
}
.creator.view .normal-menu
{
	display: none;
}
.creator.view .preview-menu
{
	display: none;
}


.creator.view.demo .demo-menu
{
	display: block;
}

.creator .black-menu
{
	background-image: none;
	background-color: Black;
}


.creator .menu .logo
{
	float: left;
	margin: 10px 20px;
	background: url('https://www.enatimedia.com/images/menu/logo.png') no-repeat;
	width: 35px;
	height: 36px;
}

.creator .menu .menu-title
{
    color: #202020;
    float: left;
    font-size: 24px;
    height: 60px;
    line-height: 58px;
    padding-left: 5px;
    vertical-align: middle;
    width: 120px;
    cursor: default;
}

.creator .black-menu .menu-title
{
    color: White;
}


.creator .menu .menu-subtitle
{
    color: #404040;
    float: left;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    vertical-align: middle;
    width: 300px;
    cursor: default;
}


.creator .black-menu .menu-subtitle,
.creator .black-menu .menu-subtitle A
{
    color: #8d8d8d;
}

.creator .menu .left-side
{
	float: left;
}

.creator .menu .right-side
{
	float: right;
}

.creator.edit .menu .right-side
{
	position: absolute;
	right: 0;
}


.creator .menu .right-side > .promo-text
{
	float: left;
	color: White;
	font-size: 15px;
	line-height: 60px;
}



.creator .menu .menu-button
{
	color: Black;
	float: left;
	padding: 22px 25px;
}

.creator .black-menu .menu-button
{
	color: White;
}

.creator .menu .medium-button
{
	float: left;
	margin: 11px 15px;
}

.creator .replace-pic-wrapper
{
	padding:0;
	position:fixed;
	top:76px;
	z-index:70000;
	width: 131px;
	height: 36px;
	overflow: hidden;
	
}


.creator .menu .menu-button:hover
{
	background: #adadad url('https://www.enatimedia.com/images/menu/menu-background-selected.png') repeat-x left top;
	text-decoration: none;
}

.creator .menu .menu-button .inner
{
	background: transparent none no-repeat 0 0;
	padding: 5px 0 5px 30px;
}

.creator .menu .menu-button .inner .text
{
	padding-bottom: 1px;
	border-bottom: solid 1px #999999;
}

.creator .menu .menu-button:hover .inner .text
{
	border-color: #505050;
}

.creator .black-menu .menu-button:hover .inner .text
{
	color: Black;
	border-color: #505050;
}

.creator .menu .menu-button.secondary:hover
{
	background: #adadad url('https://www.enatimedia.com/images/menu/menu-background-selected.png') repeat-x left top;
	text-decoration: none;
}

.creator .menu .menu-button.secondary .inner
{
	padding: 5px 0 5px 0;
}


.creator .menu .separator
{
	height: 60px;
	width: 1px;
	background: #D0D0D0 url('https://www.enatimedia.com/images/menu/menu-separator.png');
	float: left;
}

.creator .black-menu .separator
{
	background: #303030 url('https://www.enatimedia.com/images/menu/menu-separator-black.png');
}


.creator .menu .user-logged-out
{
	display:none; 
	float: left
}

.creator .menu .user-logged-in
{
	padding: 15px;
	white-space: nowrap;
	min-width: 150px; 
	display:none; 
	float: left
}

.creator .menu .user-logged-in .username
{
	color: #909090;
	font-size: 15px;
	white-space: nowrap;
}

.creator .menu .user-logged-in .logoff a
{
	color: Black;
	white-space: nowrap;
	font-size: 12px;
}

.creator .menu .user-avatar{
	width:42px;
	height:42px;
	float:left;
	margin-right:10px;
	margin-top: -6px;
	cursor:pointer;

}




/*=====================================================================================================================/
	Submenu
/=====================================================================================================================*/

.creator .submenu
{
	display: none;
	height: 0px;
	background: Black;
	position: relative;
	color: White;
	z-index: 50001;
	min-width: 1070px;
}

.creator.view .submenu
{
	height: 0;
	display: none;
}

.creator .submenu .submenu-content
{
	float: left;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
}


.creator .submenu .submenu-content .oneliner
{
	padding: 16px;
	height: 36px;
	vertical-align: middle;
	min-width: 1200px;
}

.creator .submenu .submenu-content .oneliner .element-image
{
	height: 36px;
	float: left;
}


.creator .submenu .submenu-content .oneliner .text
{
	float: left;
	line-height: 36px;
	font-size: 14px;
	color: #cccccc;
	margin-right: 10px;
	width: 100px;
}

.creator .submenu .submenu-content .oneliner .text.spaced
{
	width: auto;
	margin-right: 20px;
}

.creator .submenu .submenu-content .oneliner .right
{
	float: right;
}

.creator .submenu .submenu-content .left-side
{
	float: left;
	padding: 26px 40px;
}


.creator .submenu .submenu-content.elements-menu .left-side
{
	float: left;
	padding: 26px 40px;
}

.creator .submenu .submenu-content.elements-menu .elements
{
	float: left;
	position: absolute;
	left: 0; /* can shift it a bit to make it off-center */
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.creator .submenu .submenu-content.elements-menu .elements .list
{
	display: inline-block;
}

.creator .submenu .submenu-content.elements-menu .add-element,
.creator .submenu .submenu-content.elements-menu .add-element-list
{
	display: inline-block;
    *display: inline;
	zoom: 1;
	width: 75px;
	height: 88px;
	font-size:12px;
	margin-right: 0px;
	z-index: 60000;
	background: black;
}

.creator .submenu .submenu-content.elements-menu .add-element:hover,
.creator .submenu .submenu-content.elements-menu .add-element-list:hover
{
	text-decoration: none;
}

.creator .submenu .submenu-content.elements-menu .add-element .inner,
.creator .submenu .submenu-content.elements-menu .add-element-list .inner
{
	display: inline-block;
    *display: inline;
	zoom: 1;
	background: transparent none no-repeat 3px 10px;
	width: 80px;
	height: 40px;
	padding-top: 58px;
	
}

.creator .submenu .submenu-content.elements-menu .add-element .inner .text,
.creator .submenu .submenu-content.elements-menu .add-element-list .inner .text
{
	padding-bottom: 1px;
	border-bottom: solid 1px transparent;
	color: White;
}


.creator .submenu .submenu-content.elements-menu .add-element:hover .inner .text,
.creator .submenu .submenu-content.elements-menu .add-element-list:hover .inner .text
{
	border-color: #999999;
}


.creator .submenu .submenu-content.editmode
{
	
	background: #dedede url('https://www.enatimedia.com/images/submenu/submenu-grey-background.png') repeat-x left top;
	border-top: solid 1px #A0A0A0;
}


.creator .submenu .submenu-content.editmode .text
{
	color: #505050;
	
}

.creator .submenu .submenu-content.editmode
{
	
	background: #dedede url('https://www.enatimedia.com/images/submenu/submenu-grey-background.png') repeat-x left top;
	border-top: solid 1px #A0A0A0;
}
.creator .submenu .submenu-content.editmode .advanced-button
{
	display: block !important;
}



.defaultSkin .mceExternalToolbar
{
	position: static !important;
	display: inline-block !important;
}

.creator .submenu .dropdownlink
{
	padding: 11px 25px 0 0;
}

.creator .submenu .dropdownlink a
{
	color: White;
	text-decoration: none;
}

.creator .submenu .dropdownmenu
{
	display: none;
	background:none repeat scroll 0 0 Black;
	position:absolute;
	right:0px;
	top:70px;
	padding: 5px;
	z-index: 60003;
}


.creator .submenu .dropdownmenu .item
{
	border-bottom:1px solid #202020;
	background: Black;
	color:White;
	display:block;
	padding: 20px 12px 20px 25px;
	float: left;
	clear: both;
	text-decoration: none;
}


.creator .submenu .dropdownmenu .item:hover
{
	background: #202020;
}

.creator .submenu .dropdownmenu .item .image
{
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 10px;
}


.creator .submenu .dropdownmenu .item .text
{
	float: left;
	width: 130px;
	line-height: normal;
	margin-top: 6px;
	color:White;
	height: 40px;
	
}


.creator .submenu .dropdownmenu .item .arrow
{
	margin: 4px 0 0 5px;
	float: right;
	width: 35px;
	height: 35px;
	background: url('https://www.enatimedia.com/images/submenu/operations/right-arrow.png');
}



.creator.edit .add-element#add-PictureBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/picture.png') }
.creator.edit .add-element#add-TitleBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/title.png') }
.creator.edit .add-element#add-ParagraphBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/paragraph.png') }
.creator.edit .add-element#add-EmbeddedVideoBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/video.png') }
.creator.edit .add-element#add-GalleryBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/gallery.png') }
.creator.edit .add-element#add-SlideShowBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/slideshow.png') }
.creator.edit .add-element#add-ContactFormBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/contact.png') }
.creator.edit .add-element#add-RawHtmlBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/html.png') }
.creator.edit .add-element#add-LineBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/line.png') }
.creator.edit .add-element#add-AreaBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/area.png') }
.creator.edit .add-element#add-IndieMenuBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/menu.png') }
.creator.edit .add-element#add-SkinMenuBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/submenu.png') }
.creator.edit .add-element#add-SuperBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/super.png') }
.creator.edit .add-element-list#add-WidgetBox .inner { background-image: url('https://www.enatimedia.com/images/submenu/elements/widget.png') }


/*=====================================================================================================================/
	Hint
/=====================================================================================================================*/

.submenu-content.hint
{
	background: Transparent;
    font-size: 14px;
    background: #343434 url('https://www.enatimedia.com/images/submenu/hint-background.png') repeat-x left top;
    height: 70px;
}

.submenu-content.hint > .text
{
    position: absolute;
    width: 100%;
    height: 100%;
	float: left;
	padding: 19px 25px;
	color: White;

}
.submenu-content.hint > .hide
{
    position: absolute;
    right: 0;
    height: 100%;
	text-align: right;
	color: White;
}

.submenu-content.hint > .hide > a
{
    margin: 27px;
    display: block;
    text-decoration: underline;
}


/*=====================================================================================================================/
	Language Selector
/=====================================================================================================================*/

.language-selector-placeholder
{
	float: right;
	width: 60px;
}

.language-selector-placeholder.left
{
	float: left;	
}

.language-selector
{
	z-index: 80000;
	position: absolute;
	display: none;
}

.language-selector .button
{
	margin: 0 10px;
	background: #255096;
	color: white;
	width: 25px;
	padding: 2px 0;
	text-align: center;
	vertical-align: middle;	
	margin: 22px 19px;
	display: block;
}

.language-selector .button:hover
{
	text-decoration: none;
}
.language-selector .button:focus
{
	outline: none; 
}

.language-selector .dropdown
{
	display: none;
	direction: ltr;
	text-align: left;
	position: absolute;
	top: 60px;
	right: 0px;
	width: 150px;
	height: auto;
	background: Black;
	color: white;
	padding: 10px 0; 
	border: solid 1px #404040;
	border-top: none;
}

.language-selector .dropdown ul
{
	list-style-type: none; 
	margin: 0;
	padding: 0; 
}

.language-selector .dropdown ul li
{
	padding: 0;
	margin: 0;	
}

.language-selector .dropdown ul li A
{
	padding: 10px 25px;
	margin: 0;
	color: #8c8c8c;
	display: block; 
	text-decoration: none;
}

.language-selector .dropdown ul li A:hover
{
	color: white; 
}

.language-selector .dropdown ul li A.selected
{
	color: white; 
}

.language-selector .dropdown ul li A.selected:hover
{
	color: white; 
	cursor: default; 
}

.language-selector .dropdown ul li A:focus
{
	outline: none; 
}