.admin-editor {
	position: fixed;
	width: 100%;
	z-index: 10200;
}

.admin-editor-header {
	background: #fff;
	height: 40px;
	position: relative;
	width: 100%;
	z-index: 10000;
}

.admin-editor-header .controls-left {
	float: left;
	margin: 0;
	height: 40px;
}

.admin-editor-header .controls-right {
	float: right;
	margin: 0;
	height: 40px;
}

.admin-editor-header li {
	line-height: 16px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	float: left;
	position: relative;
}

.admin-editor-header ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.admin-editor-header ul:last-child {
	margin: 0;
}

.admin-editor-header .controls-button {
	line-height: 40px;
	color: #3f3f3f;
	font-family: Arial;
	font-size: 15px;
	padding-left: 41px;
	padding-right: 13px;
	height: 40px;
	cursor: pointer;
	display: inline-block;
}

.admin-editor-header .controls-button-hover {
	background-color: #efefef;
}

.admin-editor-header .icon-only {
	height: 40px;
	width: 56px;
	padding: 0;
	background-position: right top;
	display: inline-block;
}

.rightborder {
	border-right: 1px solid #cfcfcf;
}

.leftborder {
	border-left: 1px solid #cfcfcf;
}

#button-setting:before {
	content: "";
	background: url('images/admin-setting.png') 1px 12px no-repeat;
	height: 28px;
	width: 20px;
	position: absolute;
	margin-left: -25px;
}

#button-add:before {
	content: "";
	background: url('images/admin-add-new.png') 1px 12px no-repeat;
	height: 28px;
	width: 20px;
	position: absolute;
	margin-left: -25px;
}

#button-preview:after {
	content: "";
	background: url('images/admin-preview.png') 18px 13px no-repeat;
	height: 40px;
	width: 56px;
	position: absolute;
}

.admin-editor-toolbar {
	position: relative;
	z-index: 10000;
}

.admin-editor-toolbar .admin-editor-wrapper {
	display: none;
	left: 0;
	padding: 10px;
	height: 100px;
	background: #3b3b3b;
}

.admin-editor-items > div {
	width: 78px;
	height: 96px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	margin-right: 7px;
	margin-bottom: 0;
	background-color: #232323;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #131313;
	text-align: center;
	font-size: 12px;
	color: #fff;
	line-height: 161px;
	vertical-align: bottom;
	font-family: Arial,Helvetica,'Liberation Sans',FreeSans,sans-serif;
}

.admin-editor-items > div:before {
	content: "";
	width: 48px;
	height: 48px;
	position: absolute;
	left: 16px;
	top: 16px;
	background-position: top;
}

.admin-editor-items > div:hover {
	background-color: #2a2a2a;
}

.admin-editor-items .item-button:before {
	background-image: url('images/admin-add-button.png');
}

.admin-editor-items .item-image:before {
	background-image: url('images/admin-add-image.png');
}

.admin-editor-items .item-paragraph:before {
	background-image: url('images/admin-add-paragraph.png');
}

.admin-editor-items .item-headline:before {
	background-image: url('images/admin-add-headline.png');
}

.admin-editor-slider {
	width: 100%;
	background: #3b3b3b;
	border-top: 1px solid #222;
	cursor: pointer;
	font-size: 9px;
	line-height: 12px;
	font-weight: bold;
	height: 14px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	-moz-box-shadow: 0 1px 5px #555;
	-webkit-box-shadow: 0 1px 5px #555;
	box-shadow: 0 1px 5px #555;
	z-index: 10000;
}

.admin-editor-slider .toggle-open {
	background: url("images/admin-arrow.png") no-repeat -4px top transparent;
	height: 4px;
	width: 7px;
	margin: 5px auto 0;
}

.admin-editor-slider .toggle-close {
	background: url("images/admin-arrow.png") no-repeat -4px bottom transparent;
	height: 4px;
	width: 7px;
	margin: 5px auto 0;
}

.button-style-menu .button-text-options {
position: relative;
}

.options_toolbar_element .fancy-rounded-darkgray-box {
color: #fff;
}

.fancy-rounded-darkgray-box {
float: left;
margin-bottom: 11px;
background-color: #232323;
border: 1px solid #131313;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
color: #fff;
}

.options_toolbar_element .column.first {
padding-left: 0;
}

.button-style-menu .button_styles {
margin-right: 0;
}

.options_toolbar_element .column {
border-right: 1px solid #000;
display: block;
float: left;
position: relative;
}

.button_styles {
width: 195px;
}

.options_toolbar_element .column.last {
border: 0;
}

.options_toolbar_element .option_styles .title, .options_toolbar_element .button_styles .title {
font-size: 13px;
}

.options_toolbar_element .button-text.title {
font-size: 13px;
border-bottom: 1px solid #000;
}

.button-style-menu .button_styles>div {
padding: 12px;
}

.title {
font-weight: bold;
font-size: 22px;
line-height: 20px;
}

.button-textshadow-checkbox label {
cursor: pointer;
}

.options_toolbar_element .button-text.title input {
border: 1px solid #4f4f4f;
border-radius: 3px;
padding: 4px 10px;
font-size: 13px;
line-height: 13px;
color: #fff;
background-color: #131313;
font-weight: normal;
margin-top: 5px;
margin-bottom: 0;
width: 148px;
float: left;
margin-left: 0;
}
.button_styles .radiobutton_scaling_span {
padding-left: 10px;
font-weight: normal;
}

.button_styles label {
cursor: pointer;
}

.radiobutton_scaling_span, .radiobutton_buttons_access {
line-height: 11px;
padding-left: 10px;
color: #6e6e6e;
font-size: 13px;
margin-bottom: 10px;
}

.button_styles .radiobutton_buttons_access {
padding-left: 0;
padding-top: 4px;
}

.button-shadow-checkbox .radiobutton_buttons_access {
margin-left: 0;
padding-left: 0;
}

.left {
float: left;
}

input[type=radio], input[type=checkbox] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}

input[type=checkbox], input[type=radio] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

.radiobutton_hide_page input, .radiobutton_scaling_image input, .radiobutton_buttons_access input {
display: none;
}

.radiobutton_hide_page input[type="radio"].selected+span, .radiobutton_scaling_image input[type="radio"].selected+span, .radiobutton_buttons_access input[type="radio"].selected+span {
background-position: left bottom;
}

.radiobutton_list span, .radiobutton_buttons_access span {
width: 11px;
height: 10px;
display: block;
background: url('images/admin-checkbox.png');
background-position: left top;
cursor: pointer;
}

.button-shadow-checkbox {
margin-top: 2px;
}

.clear_both {
clear: both;
}

.options_toolbar_element .option_styles {
padding: 12px;
font-size: 13px;
height: 119px;
padding-left: 15px;
width: 118px;
}

#customize_form_buttons_colors_glossy_glossy {
margin-top: 5px;
line-height: 40px;
width: 115px;
height: 38px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #8a8a8a;
margin-bottom: 12px;
text-align: center;
cursor: pointer;
}

.item-glossy.active #customize_form_buttons_colors_glossy_glossy {
background: #1e5799;
background: -moz-linear-gradient(top,#1e5799 0,#68bd0b 0,#4d930b 62%,#4d930b 99%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#1e5799),color-stop(0,#68bd0b),color-stop(62%,#4d930b),color-stop(99%,#4d930b));
background: -webkit-linear-gradient(top,#1e5799 0,#68bd0b 0,#4d930b 62%,#4d930b 99%);
background: -o-linear-gradient(top,#1e5799 0,#68bd0b 0,#4d930b 62%,#4d930b 99%);
background: -ms-linear-gradient(top,#1e5799 0,#68bd0b 0,#4d930b 62%,#4d930b 99%);
background: linear-gradient(to bottom,#1e5799 0,#68bd0b 0,#4d930b 62%,#4d930b 99%);
}

.item-plain.active #customize_form_buttons_colors_glossy_plain {
background: #509211;
}

#customize_form_buttons_colors_glossy_plain {
line-height: 40px;
width: 115px;
height: 38px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #8a8a8a;
text-align: center;
cursor: pointer;
margin-bottom: 10px;
}

.button-textshadow-checkbox .radiobutton_buttons_access {
padding-left: 0;
padding-top: 4px;
}

.button-textshadow-checkbox {
margin-top: 5px;
}

.options_toolbar_element .column.last .color_options {
padding-top: 2px;
}

.color_options .color-box {
float: left;
margin-bottom: 7px;
font-size: 13px;
}

.pointer {
cursor: pointer;
}

.color-box {
width: 35px;
height: 17px;
display: inline-block;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.options_toolbar_element .color_options div.color-name {
padding-left: 6px;
}

.color_options .color-name {
float: left;
}

.back-bar {
overflow: visible;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 210000;
background: #fff;
color: #fff;
margin: 0 auto;
height: 40px;
}

.back-bar .button-back {
width: 56px;
height: 40px;
padding: 0;
}

.back-bar .button-back:after {
content: "";
background: url('images/admin-back.png') 22px 12px no-repeat;
height: 40px;
width: 56px;
position: absolute;
left: 0;
}

.hover-tip {
position: relative;
}

.toogle-oracle {
cursor: pointer;
}

.toogle-oracle:hover {
background-color: #ebebeb;
}

.back-bar .backbar-title {
color: #3f3f3f;
font-family: Arial;
font-size: 15px;
line-height: 40px;
padding-left: 14px;
font-weight: bold;
}

.back-bar .button-done {
width: 143px;
height: 40px;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 39px;
cursor: pointer;
background-image: -webkit-linear-gradient(top,#499f0f,#408c0d);
background-image: -moz-linear-gradient(top,#499f0f,#408c0d);
background-image: -o-linear-gradient(top,#499f0f,#408c0d);
background-image: linear-gradient(to bottom,#499f0f,#408c0d);
}

.back-bar .button-done:hover {
background-image: none;
background-color: #51ad14;
}

.right {
float: right;
}