/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration: none; cursor: pointer; }

/* General */
body,
html { height: 100%; background-color: #fff; font-family: Arial, sans-serif; text-align: center; line-height: 1; font-size: 14px; color: #444; }
html { overflow-y: scroll; }
#EDITOR_STRUCTURE { width: 960px; margin: 0 auto; text-align: left; }

/* Header */
h1 { height: 72px; width: 236px; text-indent: -99999em; display: block; margin: 0 0 20px;
    background: url(../../images/editorMobile/WixMobileLogo.png) no-repeat left;
}
#editorHeader{ position:fixed; width:960px; left: 50%; margin-left: -480px; background: #fff; top: 0; height: 125px; padding-bottom: 20px; }

/* Editor Container */
.editorContainer { overflow: hidden; padding-top: 130px; }

/* Site Pages */
#SITE_PAGES { float: left;  width: 700px; }
#SITE_PAGES .right { float: right; }
#SITE_PAGES .left { float: left; }
.sitePage { overflow: hidden; }
.sitePage.hidden { display: none; }

.pageManager { position:fixed; top: 135px; left:50%; margin-left: -480px; width: 175px; min-height: 300px;
    background: url(../../images/editorMobile/pageListBg.png) repeat-y 74% 0;
}

.pageManager h3 {
    margin-bottom: 10px;
}

.dataPanels { width: 70%; position: relative; left: 175px; margin-left: 20px; padding-top:20px; }
.hasHeaderContainer{ padding-top:130px; }
.hasHeaderContainer.compMode{ padding-top: 160px; }

/* Editor fixed title */
#edit_page {}

/* Preview */
.editorPreviewPane { position:fixed;  width: 245px; top: 135px; left:50%; margin-left: 245px; }
.editorUtilityFooter { overflow: hidden; clear: both; }
.previewTipDiv { position: absolute; top: 86px; left: 21px; width: 194px; height: 0; opacity: 0.9; font-size: 16px; color: #fff; background-color: #000; overflow: hidden; padding: 0 5px; box-shadow: #000 0px 8px 19px 2px; }
.previewTipDivTitle { color: #fff; margin-right:6px; }
.previewTipDivContent { color: #fff; word-wrap: break-word; }

/* Dialogs and Modals */
#dialogLayer { margin: 0 auto !important; width: 100%; }

/* Graphic Buttons */
#editHeaderBTN,
#editDesignBTN,
#editSettingsBTN {
    height: 30px;
    width: 125px;
    line-height: 30px;
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: center left;
    color: #09F;
}

#editHeaderBTN {background-image: url(../../images/core/themes/editor_mobile/icons/edit_header.png);}
#editSettingsBTN {background-image: url(../../images/core/themes/editor_mobile/icons/settings.png);}
#editDesignBTN {background-image: url(../../images/core/themes/editor_mobile/icons/edit_design.png);}

#editSettingsBTN:hover,
#editHeaderBTN:hover,
#editDesignBTN:hover { text-decoration: underline; }

#addComponentBTN,
#addPageBTN { height: 15px; width: 112px; display: block; cursor: pointer; margin-bottom: 10px; margin-left: 6px; margin-top: 15px; padding: 0 0 0 20px; color: #0099ff; font-size: 14px; line-height: 16px;
    background: url(../../images/editorMobile/icon_add_page.png) no-repeat;
}
.sep { border-bottom: 1px dashed #4e99fb; height: 1px; margin-top: 20px; width: 85%; margin-bottom: 15px; }

/* Disable selectable text */
*:not(input):not(textarea) {
     -khtml-user-select: none;
    -webkit-user-select: none;
         -o-user-select: none;
            user-select: none;
}
.selectable {
     -khtml-user-select: text;
    -webkit-user-select: text;
         -o-user-select: text;
            user-select: text;
       -moz-user-select: text;
}
* {    -moz-user-select: text; outline-width: 0; }

textarea,
input[type="text"],
input[type="password"] { padding: 10px; font-family: Arial, sans-serif; }
input.editorInput{ font-size:16px; }
.hidden { display: none!important; }
.visible { display: block!important; }
.floatLeft{ float:left; }

.focusable:focus {
	/*border:  1px dotted #009900;*/
}
#navigation_controller { height: 28px; }

/* Page title */
.headerSectionContainer{ position: fixed; top:135px; left:50%; width:490px; margin-left: -285px; background: #fff; }
.headerSectionContainer:after{content:''; display:block; height:15px; top: 15px; width:490px; position:relative;  background: url(../../images/core/themes/editor_mobile/vertical_white_grad.png) repeat-x 0 100%; }
/* Preloader */
#editor_preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: #fff; }

/* Z-Index */
.z-header{ z-index: 100; }
.z-dialog{ z-index: 10000; }
.z-colorpicker { z-index: 20000; }
.z-preloader{ z-index: 100000; }


/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }