/* nvt-form-editor */
#nvt-form-editor
{
/*position:absolute;
top:0;
left:0;
right:0;
z-index:100;
/*background:#333;
height:100%;*/
overflow:hidden;
background:#aaa;
}

#nvt-form-editor-toolbar
{
position:absolute;
top:0;
left:0;
color:#FFF;
padding:2px 1px;
outline:none;
vertical-align:top;
background:#444;

}

#nvt-form-editor-toolbar b
{
line-height:21px;
font-weight:normal;
display:inline-block;
vertical-align:top;
font-size:10px;
color:#aaa;
}

#nvt-form-editor-toolbar input
{
border-radius:4px;
padding:3px 6px;
margin-right:3px;
box-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

#nvt-form-editor-toolbar a
{
font-size:11px;
color:#000;
}

#nvt-form-editor-toolbar > *
{
display:none;
}

#nvt-form-editor-toolbar[group*="form"] .nvt-fe-form-gp,
#nvt-form-editor-toolbar[group*="link"] .nvt-fe-link-gp,
#nvt-form-editor-toolbar[group*="picture"] .nvt-fe-picture-gp,
#nvt-form-editor-toolbar[group*="sketch"] .nvt-fe-sketch-gp,
#nvt-form-editor-toolbar[group*="html"] .nvt-fe-html-gp,
#nvt-form-editor-toolbar[group*="flash"] .nvt-fe-flash-gp,
#nvt-form-editor-toolbar[group*="fullscreen"] .nvt-fe-fullscreen-gp,
#nvt-form-editor-toolbar[group*="editmode"] .nvt-fe-editmode-gp,
#nvt-form-editor-toolbar[group*="move"] .nvt-fe-move-gp,
#nvt-form-editor-toolbar[group*="resize"] .nvt-fe-resize-gp,
#nvt-form-editor-toolbar[group*="style"] .nvt-fe-style-gp
{
display:inline-block;
}

.nvt-editing-host
{
padding-top:24px;
}

.nvt-form-editor-fullscreen
{
position:fixed !important;
top:110px !important;
left:0px !important;
right:0px !important;
bottom:0px !important;
overflow:auto !important;
background:#FFF;
width:auto !important;
height:auto !important;
padding:4px;
}

#nvt-form-editor-content
{
top:110px;
left:0;
right:0;
background:#FFF;
bottom:0;
position:fixed;
overflow:auto;
outline:none;
display:none;
}

html.nvt-behind #nvt-sketcher-toolbar
{
}

.nvt-form-editor-form-properties-box,
.nvt-form-editor-form-styles-box
{
background:#333;
color:#FFF;
padding:0px 10px 4px 10px;
border-radius:6px;
border-top-left-radius:0px;
border-top-right-radius:0px;
}

.nvt-behind
{
overflow:hidden;
}

.nvt-editor
{
overflow:auto;
border:#aaa solid 1px;
position:relative;
}


html.nvt-form-editor-full #nvt-form-editor
{
top:0px;
left:0px;
right:0px;
bottom:0px;
background:#FFF;
position:fixed;
}

html.nvt-behind #nvt-form-editor-toolbar
{
width:100%;
z-index:9999;
height:110px;
padding-top:4px;
top:0px !important;
left:0px !important;
}

/*
html.nvt-behind .nvt-editor,
html.nvt-behind #nvt-form-editor-content
{
top:120px !important;
left:10px !important;
right:10px !important;
bottom:10px;
outline:#000 dashed 1px;
overflow:auto;
}*/

body[nvt_fe_mode="edit"] *:hover
{
outline:#C0C dashed 2px;
}

body[nvt_fe_mode="edit"] .nvt-core *:hover,
body[nvt_fe_mode="edit"] .nvt-core:hover,
body[nvt_fe_mode="edit"] .ui-resizable-handle:hover,
body[nvt_fe_mode="edit"] .ui-draggable:hover
{
outline:none;
}

body[nvt_fe_mode="edit"] [nvt_fe_elem="1"], body[nvt_fe_mode="edit"] [nvt_fe_elem="1"]:hover
{
outline:#CA0 dashed 4px;
cursor:move;
}

body[nvt_fe_mode="edit"] #nvt-form-editor-toolbar
{
background:#333;
}


body[nvt_fe_mode="edit"] #nvt-form-editor-content .nvt-form
{
padding:10px;
border:#F00 solid 2px;
}


body[nvt_fe_mode="edit"] #nvt-form-editor-content .nvt-form:before
{
content:"FORM: " attr(form);
font-size:12px;
position:absolute;
top:-18px;
left:0;
padding:2px 10px 2px 30px;
line-height:18px;
background:#F00 url(resources/nvt-form.png) no-repeat 10px center;
color:#FFF;
border-radius:7px;
font-weight:normal;
}



/* toolbar items */
#nvt-form-editor-toolbar .button, #nvt-form-editor-toolbar a.button
{
background-repeat:no-repeat;
background-position:center center;
margin-top:0px;
}


#nvt-form-editor-toolbar input
{
background-repeat:no-repeat;
min-height:15px;
min-width:15px;
font-size:11px;
margin-top:0;
vertical-align:top;
}



#nvt-form-editor-toolbar .button:hover,#nvt-form-editor-toolbar input:hover
{
background-color:#d3caca;
border-color:#d3caca;
box-shadow:none;
}

input.nvt-join-middle, a.nvt-join-middle
{
margin-left:-4px;
border-radius:0px !important;
border-right:none !important;
}

input.nvt-join-left, a.nvt-join-left
{
margin-left:-4px;
border-top-left-radius:0px !important;
border-bottom-left-radius:0px !important;
}

input.nvt-join-right, a.nvt-join-right
{
border-top-right-radius:0px !important;
border-bottom-right-radius:0px !important;
border-right:none !important;
}

.icon-only
{
font-size:0px !important;
width:0px;
height:14px;
}

#nvt-fe-font-size{}

#nvt-fe-bold{background-image:url(resources/editor/text_bold.png)}
#nvt-fe-italic{background-image:url(resources/editor/text_italic.png)}
#nvt-fe-underline{background-image:url(resources/editor/text_underline.png)}

#nvt-fe-left-align{background-image:url(resources/editor/text_align_left.png)}
#nvt-fe-center-align{background-image:url(resources/editor/text_align_center.png)}
#nvt-fe-right-align{background-image:url(resources/editor/text_align_right.png)}
#nvt-fe-justify-align{background-image:url(resources/editor/text_align_justify.png)}

#nvt-fe-line-height
{
background-image:url(resources/editor/line-spacing.png),url(resources/icon_dropdown.gif);
background-position:10% center, 100% center;
padding-left:24px !important;
}

#nvt-fe-color{background-image:url(resources/editor/text_color_foreground.png)}
#nvt-fe-background-color{background-image:url(resources/editor/fill.png)}
#nvt-fe-background-repeat{width:58px}


#nvt-fe-border-color{width:44px}
#nvt-fe-border-style{width:48px}

#nvt-fe-border-select[value="all"]{background-image:url(resources/editor/border_outline.png)}
#nvt-fe-border-select[value="top"]{background-image:url(resources/editor/border_top.png)}
#nvt-fe-border-select[value="left"]{background-image:url(resources/editor/border_left.png)}
#nvt-fe-border-select[value="right"]{background-image:url(resources/editor/border_right.png)}
#nvt-fe-border-select[value="bottom"]{background-image:url(resources/editor/border_bottom.png)}

#nvt-fe-radius-select[value="all"]{background-image:url(resources/editor/corner-all.png)}
#nvt-fe-radius-select[value="top-left"]{background-image:url(resources/editor/corner-top-left.png)}
#nvt-fe-radius-select[value="bottom-left"]{background-image:url(resources/editor/corner-bottom-left.png)}
#nvt-fe-radius-select[value="top-right"]{background-image:url(resources/editor/corner-top-right.png)}
#nvt-fe-radius-select[value="bottom-right"]{background-image:url(resources/editor/corner-bottom-right.png)}

#nvt-fe-padding-select[value="all"]{background-image:url(resources/editor/side_all.png)}
#nvt-fe-padding-select[value="top"]{background-image:url(resources/editor/side_top.png)}
#nvt-fe-padding-select[value="left"]{background-image:url(resources/editor/side_left.png)}
#nvt-fe-padding-select[value="right"]{background-image:url(resources/editor/side_right.png)}
#nvt-fe-padding-select[value="bottom"]{background-image:url(resources/editor/side_bottom.png)}

#nvt-fe-margin-select[value="all"]{background-image:url(resources/editor/side_all.png)}
#nvt-fe-margin-select[value="top"]{background-image:url(resources/editor/side_top.png)}
#nvt-fe-margin-select[value="left"]{background-image:url(resources/editor/side_left.png)}
#nvt-fe-margin-select[value="right"]{background-image:url(resources/editor/side_right.png)}
#nvt-fe-margin-select[value="bottom"]{background-image:url(resources/editor/side_bottom.png)}

#nvt-fe-brush-color{background-image:url(resources/editor/color.png)}
#nvt-fe-brush-type-pen{background-image:url(resources/editor/pen.png)}
#nvt-fe-brush-type-eraser{background-image:url(resources/editor/eraser.png)}
#nvt-fe-brush-type-paint{background-image:url(resources/editor/paint.png)}
#nvt-fe-brush-type-ellipse{background-image:url(resources/editor/ellipse.png)}
#nvt-fe-brush-type-rect{background-image:url(resources/editor/rect.png)}
#nvt-fe-brush-type-line{background-image:url(resources/editor/draw-line.png)}
#nvt-fe-brush-type-arrow{background-image:url(resources/editor/draw-arrow.png)}

/*
.nvt-fe-picture-gp
{
background-image:url(resources/editor/picture.png);
background-position:3px center !important;
padding-left:23px !important;
}

.nvt-fe-link-gp
{
background-image:url(resources/editor/world_link.png);
background-position:3px center !important;
padding-left:23px !important;
}

.nvt-fe-form-insert-gp
{
background-image:url(resources/editor/form_add.png);
background-position:3px center !important;
padding-left:23px !important;
}
*/

img.nvt-sketcher-elem
{
outline:#Faa solid 3px;
cursor:default;
}

canvas
{
cursor:default;
}